/*
Theme Name: Thirteen
Description: Thirteen - Fullscreen Photography Wordpress Theme. Made by <a href="http://themeforest.net/user/apollo13" target="_blank">Apollo13</a>.<br/> Get support from <a href="http://support.apollo13.eu/" target="_blank">Forum</a>.
Author: Apollo13
Author URI: http://themeforest.net/user/apollo13
Theme URI: http://themeforest.net/user/apollo13/portfolio
License: GNU General Public License version 3.0
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Tags: theme-options, post-formats, two-columns, translation-ready
Text Domain: thirteen
Version: 1.1.7
*/

/* ==========================================================================
   TABLE OF CONTENTS:

	   GENERAL STYLES
	   PRELOADER
	   FORMS
	   BUTTONS
	   WP default styles
	   GENERAL LAYOUT
	   HEADER
	   HEADER MENU
	   FOOTER
	   SIDEBAR & WIDGETS
	   COLORS IN DARK SIDEBARS
	   TITLE BAR
	   CONTENT LAYOUT VARIANTS
	   GENERAL CONTENT STYLES
	   POST META
	   POSTS NAVIGATION
	   COMMENTS & ABOUT AUTHOR
	   ADD COMMENT FORM
	   ATTACHMENT PAGE
	   POSTS LIST
	   PAGINATION
	   WORKS/GALLERIES LIST
	   SIDEBAR FILTER
	   SINGLE ALBUM
	   A13 SLIDER
	   SIDE MENU EFFECTS
	   SOCIAL ICONS
	   Some group Transitions
	   Post styles globals
   ========================================================================== */



/* ==========================================================================
   GENERAL STYLES
   ========================================================================== */
/*! normalize.css v3.0.2 | MIT License | git.io/normalize */html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background-color:transparent}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:700}dfn{font-style:italic}h1{font-size:2em;margin:.67em 0}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}input[type=search]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0}textarea{overflow:auto}optgroup{font-weight:700}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}
a{
	color: #222;
	text-decoration:none;
}
a:hover{ color: #e67e22; }



/* =============================================================================
   PRELOADER
   ========================================================================== */
#preloader{
	position: fixed;
	top:0;
	left:0;
	right:0;
	bottom:0;
	background-color:#fff;
	z-index:31999; /* makes sure it stays on top */
}
.no-js #preloader{
	display: none;
}
.preload-content{
	height: 80px;
	width: 300px;
	/*padding-top: 120px;*/
	position:absolute;
	left:50%;
	top:50%;
	margin: -40px 0 0 -150px;
	text-align: center;
}
.preloader-animation{
	height: 120px;
	width: 100%;
}
a.skip-preloader,
a.skip-preloader:hover{
	display: none;
	color: #fff;
	text-shadow: 0 -2px 1px #000;
	font-size: 24px;
	-webkit-transition: text-shadow .3s;
			transition: text-shadow .3s;
}
a.skip-preloader:hover{
	text-shadow: 0 2px 1px #000;
}



/* =============================================================================
   FORMS
   ========================================================================== */
/*
 * Remove default fieldset styles.
 */
fieldset {
	border: 0;
	margin: 0;
	padding: 0;
}
select{
	border: 1px solid #E1E1E1;
	color: #222;
	max-width: 100%;
	-webkit-box-sizing: border-box; box-sizing: border-box;
}
input[type="text"],
input[type="password"],
input[type="search"],
input[type="email"],
input[type="url"],
input[type="tel"],
input[type="number"],
input[type="range"],
input[type="date"],
textarea{
	border: none;
	border-bottom: 1px solid #D3D3D3;
	background-color: #F9F9F9;
	color: #222;
	font-size: 14px;
	padding: 7px 15px;
	height: 40px;
	width: 100%;
	max-width: 450px;
	-webkit-box-sizing: border-box; box-sizing: border-box;
}
textarea{
	display: block;
	height: 136px;
	width: 100%;
	resize: vertical; /* Allow only vertical resizing of textareas. */
}
/* FOCUS COLORS */
input[type="text"]:hover,
input[type="password"]:hover,
input[type="search"]:hover,
input[type="email"]:hover,
input[type="url"]:hover,
input[type="tel"]:hover,
input[type="number"]:hover,
input[type="range"]:hover,
input[type="date"]:hover,
textarea:hover,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="tel"]:focus,
input[type="number"]:focus,
input[type="range"]:focus,
input[type="date"]:focus,
textarea:focus{
	border-color: #828282;
	outline: none;
}
input.cptch_number{
	text-align: center;
}
.error input,
.error textarea{
	border-color: #ea4f3b;
}
/* captcha plugin */
input[name=cptch_number]{
	width: 40px !important;
}

/* contact form 7 full width inputs */
.wpcf7-form input[type="text"],
.wpcf7-form input[type="password"],
.wpcf7-form input[type="search"],
.wpcf7-form input[type="email"],
.wpcf7-form input[type="url"],
.wpcf7-form input[type="tel"],
.wpcf7-form input[type="number"],
.wpcf7-form input[type="range"],
.wpcf7-form input[type="date"],
.wpcf7-form textarea{
	max-width: none;
}



/* =============================================================================
   BUTTONS
   ========================================================================== */
input[type="submit"]{
	background: #fff none;
	display: inline-block;
	border: 1px solid #E1E1E1;
	box-shadow: none;
	cursor: pointer;
	color: #444;
	font-size: 12px;
	font-weight: normal;
	text-align: center;
	text-transform: uppercase;
	text-shadow: none;
	line-height: 40px;
	white-space: nowrap;
	height: 40px;
	padding: 0 20px;
}
input[type="submit"]:hover,
input[type="submit"]:focus{
	background: #E67E22 none;
	border-color: transparent;
	color: #fff;
}


/* =============================================================================
   WP default styles
   ========================================================================== */
.alignnone {
	clear: both;
	margin: 5px 20px 20px 0;
}
.aligncenter,
div.aligncenter {
	clear: both;
	display: block;
	margin: 5px auto;
}
.alignright {
	float:right;
	margin: 5px 0 20px 20px;
}
.alignleft {
	float: left;
	margin: 5px 20px 20px 0;
}
.wp-caption {
	background-color: #fff;
	max-width: 100%; /* Image does not overflow the content area */
	text-align: center;
	-webkit-box-sizing: border-box; box-sizing: border-box;
}
.wp-caption-text {
	line-height: 1.5;
	padding: 0.5em 0;
}
.gallery-caption {
	color: #666;
	font-size: 12px;
}
.sticky { /*Empty*/ }


/* ==========================================================================
   GENERAL LAYOUT
   ========================================================================== */
html.show-scroll body{
	overflow-y: scroll;
}
body{
	height: 100%;
	background-color: #444;/* dark background looks better then white when side menu is moving */
	overflow-x: hidden; /* side menu related */
	color: #7f7f7f;
}
body.side-menu-open,
body.basket-menu-open{
	/* dont scroll when side menu is active */
	/*position: fixed;*/
	/*width: 100%;*/
	/*overflow-y: scroll;*/
}
.page-background{
	overflow: hidden;
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 1;
	-webkit-transform: translate3d(0px, 0, 0);/* fix for scroll jiggling */
			transform: translate3d(0px, 0, 0);/* fix for scroll jiggling */
}
.error404 .page-background,
.password-protected .page-background{
	background-size: cover;
	background-color: #000;
}
#header-tools{
	position: fixed;
	top: 40px;
	right: 0;
	min-height: 50px;
	color: #444;
	margin-right: 40px;
	z-index: 11;/* above header */
}
#header{
	position: absolute;
	top: 0;
	left: 0;
	width: 280px;
	background-color: #fff;
	box-shadow: 0 0 12px rgba(0, 0, 0, 0.09);
	color: #000;
	z-index: 9;/* below footer */
	-webkit-transition: -webkit-transform .5s, background-color .5s; /* bg-color is for hover, rest for "to-move" class */
			transition: 		transform .5s, background-color .5s;
}
#header.stick_to_bottom,
.admin-bar #header.stick_to_bottom{
	position: fixed;
	bottom: 0;
	top: auto;
}
#header.stick_to_top{
	position: fixed;
	bottom: auto;
	top: 0;
}
.admin-bar #header{
	top: 32px;
}
.admin-bar #header.stick_to_top{
	min-height: -webkit-calc(100% - 32px);
	min-height: 		calc(100% - 32px);
}
.admin-bar #header-tools{
	top: 72px;
}
#mid{
	padding: 0 0 0 280px;
	position: relative;
	z-index: 2; /* above background */
	-webkit-transition: -webkit-transform .5s, padding-left .5s; /* padding is for full screen, rest for "to-move" class */
			transition: 		transform .5s, padding-left .5s;
}
.fullscreen #mid{
	padding-left: 0;
}
body.side-menu-open #mid,
body.basket-menu-open #mid{
	overflow-x: hidden;/* #col-mask was affecting opened sidebar if it was one of those that appear from "under" page(z-index: 0) */
}
.admin-bar #mid{
	margin-top: 32px;
}
#footer{
	padding: 10px;
	position: relative;
	z-index: 10;
}
#header #footer{
	position: absolute;
	bottom: 0;
	left: 0;
	min-height: 40px;
	width: 280px;
	background-color: transparent!important;
	padding: 0;
}


/* elements printed AFTER FOOTER(positioned absolute) and plugins styles */
#content-overlay{
	position: fixed;
	top: 0;
	left: 0;
	width: 0;
	height: 0;
	background: rgba(0,0,0,0.5);
	opacity: 0;
	z-index: 20;
	-webkit-transition: opacity .5s ease, -webkit-transform .5s ease, width .1s .5s, height .1s .5s;
			transition: opacity .5s ease,         transform .5s ease, width .1s .5s, height .1s .5s;
}
.side-menu-open #content-overlay,
.basket-menu-open #content-overlay{
	width: 100%;
	height: 100%;
	opacity: 1;
	-webkit-transition: opacity .5s ease, -webkit-transform .5s ease;
			transition: opacity .5s ease,         transform .5s ease;
}
#side-menu,
#basket-menu{
	position: fixed;
	top: 0;
	left: 0;
	z-index: 30; /* above header, footer, content, overlay */
	width: 320px;
	height: 100%;
	background: #fff;
}
.admin-bar #side-menu,
.admin-bar #basket-menu{
	top: 32px;
	height: -webkit-calc(100% - 32px);
	height: 		calc(100% - 32px);
}
#side-menu{
	background-color: #000;
}
#side-menu.at-right,
#basket-menu.at-right{
	left: auto;
	right: 0;
}
#side-menu div.scroll-wrap,
#basket-menu div.scroll-wrap2{
	padding: 40px;
}

/* PLUGINS */
#qm{ /* Query monitor visibility in this kind of layout */
	z-index: 101;
	position: relative;
}
#_atssh{/* addthis strange div that adds space at bottom */
	display: none;
}
/* Fix crazy z-index of layer slider */
.ls-nav-prev,
.ls-nav-next {
	z-index: 1001!important;
}

/* lightGallery ligthbox */
.customHtml > h4{
	color: #fff;
}
.customHtml{
	min-height: 70px;
	height: auto;
}
/* center too small thumbs */
.lg-outer .lg-thumb-item img {
	position: relative;
	-webkit-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
			transform: translateY(-50%);
	top: 50%;
	height: auto;
}
/* admin bar interferes when lightbox is open */
.lg-backdrop{
	z-index: 100000;
}
.lg-outer{
	z-index: 100010;
}


/* ==========================================================================
   HEADER
   ========================================================================== */
#header.scrollable-menu,
#header.scrollable-menu + #header-tools{
	position: absolute;
}
.navigation-bar{
	position: relative;
}
.logo-container{
	padding: 0 40px;
}
a.logo{
	display: block;
	line-height: 40px; /* min height of header part */
	word-wrap: break-word;
	padding: 10px 0;
	vertical-align: middle;
	background: transparent 50% 50% no-repeat;
	background-size: contain;
	background-origin: content-box;
}
a.logo img{
	opacity: 0;/* we have image so its display when no styles are applied */
	width: 100%;
	height: auto;
	display: block;
}
a.logo.text-logo{
	/* reset user.css styles */
	background-image: none;
	height: auto;
}

#header-tools .tool{
	float: right;
	height: 50px;
	width: 50px;
	margin-left: 4px;
	color: #444;
	text-align: center;
	font-size: 20px;
	line-height: 50px;
	-webkit-border-radius: 2px;
			border-radius: 2px;
	box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.04);
	cursor: pointer;
	background-color: rgba(255,2555,255,.58);
	-webkit-transition: background-color .3s, color .3s;
			transition: background-color .3s, color .3s;
}
#header-tools .tool:hover,
#header-tools .tool.highlight,
#header-tools .tool.active{
	background-color: #fff;
}
#header-tools .tool::before{
	display: block;
}
#header-tools #fs-switch{
	-webkit-transition: color .5s, opacity .5s;
			transition: color .5s, opacity .5s;
	z-index: 5;
	position: relative;
}
#header-tools #mobile-menu-opener{
	font-size: 32px;
	display: none;
}
.fullscreen #header-tools #fs-switch{
	opacity: 0.5;
}
.fullscreen #header-tools #fs-switch:hover{
	opacity: 1;
}
.fullscreen #header-tools #fs-switch::before {
	content: "\e60d";
}
/* basket counter */
#basket-menu-switch{
	position: relative;
}
#basket-items-count{
	position: absolute;
	top: 5px;
	right: 5px;
	height: 20px;
	min-width: 16px;
	padding: 0 2px;
	line-height: 20px;
	font-size: 11px;
	font-weight: bold;
	text-align: center;
	color: #fff;
	font-family: arial, sans-serif;
	background-color: #e74c3c;
	-webkit-border-radius: 2px;
			border-radius: 2px;
}
#basket-items-count.zero{
	display: none;
}
.header-widgets{
	padding: 0 40px 20px;
}
#header .header-widgets {
	color: #666;
}


/* ==========================================================================
   HEADER MENU
   ========================================================================== */
/* Main styles*/
.top-menu, .top-menu ul{
	list-style: none;
	margin: 0;
	padding: 0;
}
.top-menu li {
	position:    relative;
	min-height:  22px; /* place for sub-mark */
	font-size: 14px;
}
.top-menu li a,
.top-menu li span.title{ /* span.title only to gain color and block */
	color: #666;
	display: block;
	text-decoration: none;
	outline: none !important; /* no link focus outline */
	min-height: 27px;
	line-height: 27px;
	padding: 0 40px;
}
.top-menu li.menu-parent-item > a,
.top-menu li.menu-parent-item > span.title{
	padding-right: 66px;/* space for opener */
}
/* hover and active */
.top-menu li:hover,
.top-menu li.open,
.top-menu li.current-menu-item,
.top-menu li.current-menu-ancestor{
	background-color: #000;
}
.top-menu a:hover,
.top-menu li.menu-parent-item:hover > span.title,
.top-menu li.open > a,
.top-menu li.open > span.title,
.top-menu li.current-menu-item > a,
.top-menu li.current-menu-ancestor > a,
.top-menu li.current-menu-item > span.title,
.top-menu li.current-menu-ancestor > span.title{
	color: #fff;
}
.top-menu li a i { /* icon */
	width: 15px;
	text-align: center;
}
/* margin for icon */
.top-menu span i + span, .top-menu a i + span{
	margin-left: 8px;
}
/* sub menu mark */
.top-menu i.sub-mark{
	height: 26px;
	width: 26px;
	display: inline-block;
	color: #666;
	text-align: center;
	font-size: 14px;
	line-height: 26px;
	position: absolute;
	right: 40px;
	top: 0;
	cursor: pointer;
	opacity: 0.6;
}
.header-variant-right .top-menu i.fa-angle-right::before{
	content: "\f104";
}
.top-menu li.menu-parent-item:hover > span.title + i.sub-mark,
.top-menu i.sub-mark:hover,
.top-menu li.open > i.sub-mark{
	opacity: 1;
	color: #fff;
}
/* not linkable sub parent */
.top-menu li.menu-parent-item > span.title{
	cursor: pointer;
}
/* menu label */
.top-menu span em, .top-menu a em{
	display: inline;
	margin-left: 8px;
	color: #F1C40F;
	font-size: 9px;
	font-style: normal !important;
	line-height: 14px;
	text-transform: uppercase;
	letter-spacing: 0.055em;
	vertical-align: middle; /* for bigger font sizes */
	position: relative;
	bottom: 4px;
}

/* First level */
.top-menu li.open > i.sub-mark::before{/* arrow up */
	content: "\f106";
}


/* next levels */
.top-menu ul{
	display: none;
	padding: 15px 0;
}
.top-menu li li{
	font-size: 12px;
}
.top-menu li li a,
.top-menu li li span.title{ /* span.title only to gain color and block */
	min-height: 17px;
	line-height: 17px;
}
.top-menu li li i.sub-mark{
	height: 17px;
	line-height: 17px;
}

/********/
/* END OF TOP MENU */


/* WPML FLAGS IN MENU */
.menu-item-language img.iclflag {
	margin-right: 7px;
	margin-bottom: -1px;
}

/********/
/* MEGA MENU STYLE */
.mega-menu > ul{
	position: absolute;
	z-index: 250;
	min-width: 200px;
	background-color: #000;
	width: 840px;
	padding: 0;
	left: 100%;
	top: 0;
}
.mega-menu.mm_columns_3 > ul{
	width: 630px;
}
.mega-menu.mm_columns_2 > ul{
	width: 420px;
}
.mega-menu > ul > li{
	float: left;
	width: 25%;
	-webkit-box-sizing: border-box; box-sizing: border-box
}
.mm_columns_2 > ul > li{ width: 50%; }
.mm_columns_3 > ul > li{ width: 33.33%; }

.mega-menu > ul > li.mm_new_row{
	clear: left;
}
.mega-menu > ul ul{
	position: static;
	display: block!important;
	margin: 0;
	box-shadow: none;
	min-width: 0;
}
.top-menu .mega-menu > ul > li > span.title,
.top-menu .mega-menu > ul > li > a{
	font-size: 14px;
	font-weight: bold;
	line-height: 20px;
	padding-top: 20px;
	padding-right: 0;
}
.top-menu .mega-menu > ul > li > span.title{
	cursor: default;
}
.top-menu .mega-menu > ul > li > span.title,
.top-menu .mega-menu ul li > a{ /* both group titles and links in submenu of megamenu*/
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	padding-right: 0;
}
.top-menu .mm_dont_show > span.title,
.top-menu .mm_dont_show > a,
.top-menu .mega-menu > ul > li > span.title .sub-mark,
.top-menu .mega-menu > ul > li > .sub-mark{
	display: none;
}


/* HTML ITEM */
.mega-menu .html_item{
	padding: 0;
}
.mega-menu > ul .html_item ul{
	 display: none !important;
}
.top-menu .mega-menu > ul > li.html_item > a{
	padding: 0;
}
/********/
/* END OF MEGA MENU STYLE */



/* ==========================================================================
   HEADER VARIANT RIGHT
   ========================================================================== */
/* GENERAL LAYOUT */
.header-variant-right #header-tools{
	right: auto;
	left: 0;
	margin-right: 0;
	margin-left: 40px;
}
.header-variant-right #header {
	left:  auto;
	right: 0;
}
.header-variant-right #mid{
	padding: 0 280px 0 0;
	-webkit-transition: -webkit-transform .5s, padding-right .5s; /* padding is for full screen, rest for "to-move" class */
	transition: 		transform .5s, padding-right .5s;
}
.header-variant-right.fullscreen #mid{
	padding-right: 0;
}

/* HEADER */
.header-variant-right #header-tools .tool{
	float: left;
	margin-left: 0;
	margin-right: 4px;
}

/* HEADER MENU */
.header-variant-right .mega-menu > ul{
	left: auto;
	right: 100%;
}



/* ==========================================================================
   FOOTER
   ========================================================================== */
#footer{
	font-size: 10px;
}
.foot-items{
	color: #989898;
	padding: 15px 40px 10px;
}
.f-links .socials {
	padding: 5px 0 15px;
}
.foot-text{
	padding: 5px 0 10px;
	line-height: 15px;
}
.f-audio{
	width: 200px;
	height: 20px;
	padding: 5px 0 15px;
	display: block;
}
.f-audio .a13-audio-playlist{
	background-color: transparent;
	border: none;
	padding: 0 0 0 40px;
	display: block;
	position: relative;
}
.f-audio.one-track .a13-audio-playlist{
	padding-left: 0;
}
.f-audio .a13-audio-playlist .mejs-container{
	line-height: 0;
	margin: 0;
	width: 100%;
	height: auto!important;
}
.a13-audio-playlist audio {
	display:   none;
	max-width: 100%;
}
.f-audio .a13-audio-playlist .mejs-offscreen{
	display: none !important;
}
.f-audio .mejs-container .mejs-controls,
.f-audio .mejs-container .mejs-controls div{
	height: 20px;
}
.f-audio .mejs-container,
.f-audio .mejs-container .mejs-controls{
	background: transparent;
}
.f-audio .mejs-container .mejs-controls{
	top: 0;
	bottom: auto;
}
.f-audio .mejs-controls .mejs-time-rail span,
.f-audio .mejs-controls .mejs-time-rail .mejs-time-total{
	-webkit-border-radius: 2px;
			border-radius: 2px;
	height: 5px;
	background: transparent;
}
.f-audio .mejs-controls .mejs-time-rail .mejs-time-total{
	margin: 8px 5px;
	background: #eeeeee;
}
.f-audio .mejs-controls .mejs-time-rail .mejs-time-current{
	background: #666;
}
.f-audio .mejs-controls .mejs-time-rail .mejs-time-loaded{
	background: #eee;
}
.f-audio .mejs-controls div.mejs-time-rail{
	padding: 0;
}
.f-audio .mejs-time-float{
	display: none !important;
}
.f-audio .mejs-controls .mejs-volume-button .mejs-volume-slider{
	height: 75px;
	top: -75px
}
.f-audio .mejs-controls .mejs-volume-button .mejs-volume-slider .mejs-volume-total{
	height: 60px;
}
.f-audio .skip-button{
	width: 20px;
	height: 20px;
	text-align: center;
	cursor: pointer;
	position: absolute;
	top: 0;
	left: 0;
}
.f-audio.one-track .skip-button{
	display: none;
}
.f-audio .playlist-next{
	left: 20px;
}
.f-audio .mejs-controls .mejs-volume-button,
.f-audio .mejs-controls .mejs-playpause-button{
	position: relative;
	width: 20px;
	text-align: center;
}
.f-audio .skip-button,
.f-audio .mejs-controls .mejs-button{
	color: #8F8F8F;
}
.f-audio .skip-button:hover,
.f-audio .mejs-controls .mejs-button:hover{
	color: #fff;
}
.f-audio .mejs-controls .mejs-button button:focus{
	outline: none;
}
.f-audio .mejs-controls .mejs-mute button,
.f-audio .mejs-controls .mejs-unmute button,
.f-audio .mejs-controls .mejs-play button,
.f-audio .mejs-controls .mejs-pause button{
	background: none;
	margin: 0;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.f-audio .mejs-controls .mejs-mute::before,
.f-audio .mejs-controls .mejs-unmute::before,
.f-audio .mejs-controls .mejs-play::before,
.f-audio .mejs-controls .mejs-pause::before,
.f-audio .skip-button::before{
	font-family: 'icomoon', monospace;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1.3;
	font-size: 16px;
	/* Better Font Rendering =========== */
	-webkit-font-smoothing: antialiased;
	/*noinspection CssUnknownProperty*/
	-moz-osx-font-smoothing: grayscale;
}
.f-audio .mejs-controls .mejs-play::before{
	content: "\e605";
}
.f-audio .mejs-controls .mejs-pause::before{
	content: "\e604";
}
.f-audio .mejs-controls .mejs-mute::before{
	content: "\e60f";
}
.f-audio .mejs-controls .mejs-unmute::before{
	content: "\e616";
}
.f-audio .playlist-prev::before{
	content: "\e60a";
}
.f-audio .playlist-next::before{
	content: "\e60b";

}



/* =============================================================================
   SIDEBAR & WIDGETS
   ========================================================================== */
.widget{
	margin-top: 35px;
	font-size: 12px;
	line-height: 20px;
}
.widget h3.title{
	margin: 0 0 15px;
	font-size: 14px;
	text-transform: uppercase;
	color: #222;
	letter-spacing: 1px;
}

/* COLORS */
.widget a{
	color: #535353;
}
.widget a:hover{
	color: #222;
	text-decoration: underline;
}


/* lists in widgets */
.widget ul{
	list-style-type: none;
	margin: 0;
	padding: 0;
}
.widget ul ul{
	margin: 0 0 0 25px;
}
.widget_nav_menu li a{
	display: block;
}
.widget_nav_menu ul ul{
	margin: 0;
}
.widget_nav_menu li li a{
	padding-left: 10px;

}
.widget_nav_menu li li li a{
	padding-left: 20px;
}


/* RECENT/POPULAR/RELATED POSTS WIDGET */
/* RECENT COMMENTS WIDGET */
.widget_about_posts .post-title{
	margin-right: 10px;
}
.widget_about_posts .entry-date,
.widget_about_posts .comments{
	font-size: 11px;
	display: block;
}
.widget_about_posts .entry-date i{
	margin-right: 5px;
}
.widget_about_posts .content{
	display: block;
	clear: both;
	margin: 5px 0 15px;
}
.widget_recent_comments .recentcomments{
	color: #BFBFBF;
	display: block;
}

/* CALENDAR WIDGET */
#wp-calendar{
	width: 100%;
}
#wp-calendar caption{
	padding-bottom: 10px;
}
#wp-calendar td{
	text-align: center;
}
#wp-calendar tfoot td{
	padding-top: 10px;
}
#wp-calendar tfoot td#prev{
	text-align: left;
}
#wp-calendar tfoot td#next{
	text-align: right;
}

/* RSS WIDGET */
a.rsswidget{
	display: inline;
}
.rsswidget img{
	margin-top: -2px;
}
.widget_rss >ul >li{
	margin-top: 20px;
}
.rss-date{
	display: block;
}

/* TAG CLOUD WIDGET */
.under_content_tags{
	margin: 20px 0 0 0;
}
.tagcloud a,
.under_content_tags a{
	border: 1px solid #e1e1e1;
	padding: 0 10px;
	margin: 2px 0 0 0;
	display: inline-block;
	line-height: 24px;
}
.tagcloud a:hover,
.under_content_tags a:hover{
	color: #fff;
	border-color: #222;
	background-color: #222;
	text-decoration: none;
}
.tagcloud a:hover{
	color: #fff !important; /* so predefined color scheme wont overwrite it */
}
.widget_tag_cloud a,
.under_content_tags a{
	font-size: 10px !important; /* tag cloud insert inline font-size style */
	letter-spacing: 1px;
	text-transform: uppercase;
}

/* TEXT WIDGET Limits */
.widget_text img{
	max-width: 100%;
	height: auto;
}
.widget_text .wp-caption{
	margin: 0;
}

/* ALBUMS WIDGET*/
.widget_recent_albums{
	line-height: 0;
}
.widget_recent_albums .items{
	margin: -6% 0 0 -6%;
	line-height: 0;
}
.widget_recent_albums .item{
	display: inline-block;
	margin: 6% 0 0 6%;
	width: 27.33%;
	height: auto; /* was 27.33% but it doesn't work that way ;-) */
	position: relative; /* for hover */
}
.widget_recent_albums a{
	display: block;
	height: auto; /* was 100% but it doesn't work that way ;-) */
	width: 100%;
}
.widget_recent_albums img{
	display: block;
	position: relative;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	-webkit-transition: opacity .5s;
			transition: opacity .5s;
}
.widget_recent_albums .item:hover img{
	opacity: 0.5;
}

/* Socials WIDGET */
.widget .socials{
	text-align: left
}

/* CONTACT INFO */
.widget_contact_info .info{
	margin-top: 0;
}
.widget_contact_info .content-text{
	margin-bottom: 20px;
}
.widget_contact_info .with_icon{
	padding-left: 25px;
	position: relative;
}
.widget_contact_info .with_icon > i{
	color: #bcbcbc;
	position: absolute;
	top: 0;
	left: 0;
	line-height: 24px;
}
.widget_contact_info .email,
.widget_contact_info .www{
	display: block;
}


/* WIDGET SLIDER CONTROLS */
.js div.widget_rss li{
	display: none;
}
.slider-ctrls{
	position: relative;
}
.slider-ctrls .title{
	padding-right: 40px;
}
.widget-slider-ctrls{
	position: absolute;
	top: 0;
	right: 0;
	line-height: 20px;
	height: 20px;
	background-color: rgba(0, 0, 0, 0.6);
}
.widget-slider-ctrls span{
	cursor: pointer;
	display: inline-block;
	height: 20px;
	width: 20px;
	line-height: 20px;
	color: #fff;
	text-align: center;
	font-size: 14px;
	opacity: 0.5;
	filter: alpha(opacity=50); /* IE 8 */
}
.widget-slider-ctrls span:hover{
	opacity: 1;
	filter: alpha(opacity=100); /* IE 8 */
}

/* SEARCH FORM WIDGET */
.widget .search-form{
	position: relative;
}
.widget .search-form input[type="search"]{
	border: 1px solid #eee;
    -webkit-border-radius: 2px;
    		border-radius: 2px;
    font-size: 12px;
	background-color: #fff;
	padding-right: 50px;
}
.widget .search-form input[type="search"]:hover,
.widget .search-form input[type="search"]:focus{
	background-color: #f9f9f9;
	border-color: #c0c0c0;
}
.widget .search-form input[type="submit"]{
	background: none;
	height: 40px;
	width: 40px;
	position: absolute;
	top: 0;
	right: 0;
	border: none;
	opacity: 0;
	z-index: 5;
}
.widget .search-form em{
	height: 40px;
	width: 40px;
	line-height: 40px;
	position: absolute;
	top: 0;
	right: 0;
	z-index: 4;
	color: #aaa;
	font-size: 14px;
	text-align: center;
}



/* =============================================================================
   COLORS IN DARK SIDEBARS
   ========================================================================== */
.dark-sidebar,
.dark-sidebar .widget{
	color: #666;
}
.dark-sidebar a,
.dark-sidebar .widget_filter li a {
	color: #777;
}
.dark-sidebar a:hover{
	color: #aaa;
}
.dark-sidebar .widget h3.title{
	color: #fff;
}
.dark-sidebar .tagcloud a{
	border: 1px solid #333333;
}
.dark-sidebar .tagcloud a:hover{
	background-color: #333;
	border-color: #333;
}
.lt-ie10 .dark-sidebar .widget_search input[type="text"],
.dark-sidebar .widget_search input[type="search"]{
	background-color: #161616;
	border: 1px solid #222;
	color: #fff;
}
.lt-ie10 .dark-sidebar .widget_search input[type="text"]:hover,
.lt-ie10 .dark-sidebar .widget_search input[type="text"]:focus,
.dark-sidebar .widget_search input[type="search"]:hover,
.dark-sidebar .widget_search input[type="search"]:focus{
	background-color: #161616;
	border-color: #333;
}
.dark-sidebar .widget_filter .selected a,
.dark-sidebar .widget_filter a:hover {
	background-color: #fff;
	color: #222;
	text-decoration: none;
}
.dark-sidebar .f-audio .mejs-controls .mejs-time-rail .mejs-time-total,
.dark-sidebar .f-audio .mejs-controls .mejs-time-rail .mejs-time-loaded {
	background: #222;
}




/* ==========================================================================
   TITLE BAR
   ========================================================================== */
.title-bar .in{
	max-width: 1080px;
	margin: 0 auto;
	text-align: center;
}
.page-title{
	word-wrap: break-word;
	margin: 0;
	line-height: 1.3;
	font-size: 36px;
}
h1.page-title {
	line-height: 1;
}
.title-bar .in h2{
	font-size: 13px;
	font-weight: bold;
	margin: 4px 0 0;
}

/* INSIDE VERSION */
.title-bar.inside{
	margin: 10px 0 30px;
	padding: 0;
}
.title-bar.inside .page-title{
	color: #222;
}
.title-bar.inside .in h2{
	color: #A9A9A9;
}

/* OUTSIDE VERSION */
.title-bar.before_content,
.title-bar.outside{
	background: transparent;
	padding: 40px;
}
.title-bar.before_content .page-title,
.title-bar.outside .page-title{
	color: #222;
	padding: 0 20px;
	line-height: 50px;/* height of header tools */
}
.title-bar.before_content h2,
.title-bar.outside h2 {
	color: #FFF;
	opacity: 0.7;
	font-size: 13px;
}
.title-bar.before_content h2 a,
.title-bar.outside h2 a{
	color: #aaa;
}
.title-bar.before_content h2 a:hover,
.title-bar.outside h2 a:hover{
	color: #fff;
}



/* ==========================================================================
   CONTENT LAYOUT VARIANTS
   ========================================================================== */
.content-limiter{
	max-width: 1080px;
	margin: 0 auto;
}
#col-mask{
	float: left;
	position: relative;
	width: 100%;
	right: 25%;
}
.content-box{
	float: left;
	position: relative;
	left: 25%;
	width: -webkit-calc(75% - 10px);
	width: calc(75% - 10px);
	margin-right: 10px;
}
.left-sidebar .content-box{
	float: right;
	margin-left: 10px;
	margin-right: 0;
}
.layout-full .content-box,
.layout-full_fixed .content-box,
.layout-full_padding .content-box{
	width: 75%;
	margin-right: 0;
	margin-left: 0;
}
.no-sidebars #col-mask,
.no-sidebars .content-box{
	float: none;
	position: static;
	left: auto;
	width: auto;
	margin-right: 0;
}
.no-sidebars .content-box{
	left: 0;
}
#secondary{
	float: left;
	position: relative;
	left: 25%;
	width: 25%;
	padding: 25px 40px 60px;/* top 25 + 35 margin of widget = 60px top padding ;) */
	-webkit-box-sizing: border-box; box-sizing: border-box;
}
.left-sidebar #secondary{
	float: right;
}

.layout-full #content,
.layout-full_fixed #content,
.layout-full_padding #content{
	background-color: #fff;
}
.layout-full .content-limiter,
.layout-full_padding .content-limiter{
	max-width: none;
}

.layout-padding #content{
	margin: 0 40px;
}

.layout-parted .content-box,
.layout-parted #secondary{
	background-color: #fff;
}

.layout-edge .content-limiter{
	max-width: 1000px;
	margin: 0;
}
.layout-edge.no-sidebars .content-limiter{
	max-width: 700px;
}
.layout-edge .title-bar.inside .in{
	text-align: left;
}

.layout-right #content,
.layout-right_padding #content{
	direction: rtl;
}
.layout-right .content-limiter,
.layout-right_padding .content-limiter{
	direction: ltr;
}

/* space if there is no title bar */
.products-list #content,
.posts-list #content,
.single-post #mid,
.single-attachment #mid,
.single-product #mid,
.page #mid.with-gap{
	padding-top: 40px;
}
.products-list header + #content,
.posts-list header + #content{
	padding-top: 0;
}




/* ==========================================================================
   GENERAL CONTENT STYLES
   ========================================================================== */
.formatter{
	padding: 60px;
}
.no-bottom-space .formatter{
	padding-bottom: 0;
}
.no-top-space .formatter{
	padding-top: 0;
}
.media-and-title{
	position: relative;
}
.media-and-title.with-title{
	min-height: 100px; /* be safe if there is no image */
}
.media-and-title .a13-parallax,
.item-image.a13-parallax{
	background-repeat: no-repeat;
}
.a13-parallax > a{
	height: 100%;
	display: block;
}
.media-and-title header{
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	text-align: center;
	z-index: 11;/* above post slider */
}
.media-and-title header .titles{
	position: relative;
	top: 50%;
	-webkit-transform: translateY(-50%);
		-ms-transform: translateY(-50%));
			transform: translateY(-50%);
}
.titles h2 {
    font-size: 14px;
    font-weight: normal;
    margin-top: 5px;
}
.post-media > a{
	display: block;
}
.post-media img{
	display: block;
	height: auto;
	margin: 0 auto;
	max-width: 100%;
	width: auto;
}
.post-media iframe,
.real-content iframe{
	border: none;
	display: block;
	margin: 0 auto;
	max-width: 100%;
}
.real-content,
.entry-content{
	line-height: 1.7;
	margin-top: 15px;
}
.real-content:first-child,
.entry-content:first-child{
	margin-top: 0;
}
.real-content > p:first-child{
	margin-top: 0; /* if content is alone then top margin is not looking good */
	font-size: 1.14em; /*16px;*/
	line-height: 1.6;
	color: #444;
}
.real-content img,
.entry-content img{
	height: auto;
	max-width: 100%;
	-webkit-box-sizing: border-box; box-sizing: border-box;
}


/* PASSWORD FORM & 404 TEMPLATES */
.no-results .title-bar,
.password-protected .title-bar{
	padding-top: 150px;
	padding-bottom: 30px;
	text-align: center;
}
.password-protected .page-title .fa-lock{
	display: block;
}
.post-password-required .post-title .fa-lock{
	margin-right: 10px;
}
.post-password-form {
	max-width: 490px;
	margin: 20px auto 0;
}
.post-password-form p{
	font-size: 13px !important; /* overwrite content styles for p */
}
.password-form .inputs{
	margin: 0;
}
.post-password-form input{
	display: inline-block;
	vertical-align: top;
	width: 75%;
}
.post-password-form input[type="submit"]{
	width: 24.9%;
}

/* page links if post is divided into parts */
#page-links{
	margin-top: 1em;
}


/* COLUMNS */
.left50{
	width: 47%;
	float: left;
	margin-right: 3%;
}
.right50{
	width: 47%;
	float: left;
	margin-left: 3%;
}

/* special lists */
ul.styled, .styled ul, ol.styled, .styled ol{
	list-style-type: none;
	margin: 0 0 25px;
	padding: 0;
}


/* ==========================================================================
   POST META
   ========================================================================== */
.post .post-meta{
	font-size: 10px;
	letter-spacing: 2px;
	line-height: 20px;
	text-transform: uppercase;
	color: #A7A7A7;
	margin-bottom: 15px;
}
.post-meta.under_content{
	margin-bottom: 0;
	padding-top: 20px;
	text-transform: none;
}
.post .post-meta i{
	margin: 0 4px;
}
.post .post-meta a{
	color: #A7A7A7;
}
.post .post-meta a:hover{
	color: #E67E22;
}

/* in single post */
.single-post .post .post-meta{
	display: inline-block;
	margin: 0;
	padding-top: 0;
}
.single-post .post .under_content{
	text-transform: uppercase;
}
.single-post .post .under_content::after{
	content: '/';
	margin: 0 10px;
}



/* =============================================================================
   POSTS NAVIGATION
   ========================================================================== */
.posts-nav{
	border-top: 1px solid #E9E9E9;
	border-bottom: 1px solid #E9E9E9;
	margin-top: 50px;
	display: table;
	width: 100%;
}
.posts-nav a{
	display: table-cell;
	width: 50%;
	height: 140px;
	vertical-align: middle;
	text-align: center;
	font-size: 11px;
}
.posts-nav a span{
	font-size: 10px;
	color: #6A6A6A;
	display: block;
	text-transform: uppercase;
}
.posts-nav a span.title{
	line-height: 20px;
	font-size: 15px;
	font-weight: bold;
	color: #222;
	margin-top: 10px;
}
.posts-nav a:hover span.title{
	color: #e67e22;
}



/* =============================================================================
   COMMENTS & ABOUT AUTHOR
   ========================================================================== */
/** ABOUT AUTHOR */
.about-author{
	margin-top: 20px;
}
.about-author .comment-author{
	display: block;
	font-size: 15px;
	color: #222;
}

/* COMMENTS */
.comments-area{
	/* almost no styles cause when no comments
	 * then comment form area takes over styling
	 */
	margin: 50px -60px -60px;
	padding: 40px 60px;
}
#comments-title{
	margin: 0;
}
h2.comments-title {
    color: #222;
    font-size: 14px;
    border-bottom: 1px solid #ddd;
    margin: 0;
    padding-bottom: 20px;
}
.comment{
	min-height: 90px;
	padding: 30px 0 0;
}
.comment-body,
.author-inside{
	position: relative;
	padding-left: 120px;
	line-height: 1.5;
	word-wrap: break-word;
}
.comment .comment{
	margin-left: 30px;
}
img.avatar{
	-webkit-border-radius: 45px;
	border-radius: 45px;
	display: block;
	position: absolute;
	left: 0;
	-webkit-transition: all .5s ease;
			transition: all .5s ease;
}
.comment > .comment-body:hover img.avatar{
	-webkit-transform: scale(0.8);
		-ms-transform: scale(0.8);
			transform: scale(0.8);
}
.says, .screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	height: 1px;
	overflow: hidden;
	position: absolute !important;
	width: 1px;
}
.comment-metadata a{
	color: #AFAFAF;
}
.comment-metadata .edit-link{
	margin-left: 1em;
}
.comment-author{
	color: #484848;
	font-size: 15px;
	font-weight: bold;
}
.comment-author a{
	color: #484848;
}
.comment-author a:hover{
	color: #222;
}
.bypostauthor > .comment-body .comment-author .fn::after{
	content: "";
	background: transparent url(images/author.png) 0 0 no-repeat;
	height: 23px;
	width: 43px;
	margin-left: 15px;
	display: inline-block;
}
.comment-content{
	padding: 15px 0;
}
.comment-content p{
	margin: 1em 0 0;
}
.comment-content > p:first-child{
	margin-top: 0;
}
a.comment-reply-link{
	color: #6A6A6A;
}
a.comment-reply-link::before{
	content: "\f112";
	font-family: FontAwesome, monospace;
	margin-right: 5px;
}
em.comment-awaiting-moderation{
	border-bottom: 1px dashed;
}
.comment-navigation{
	margin-top: 25px;
}



/* =============================================================================
   ADD COMMENT FORM
   ========================================================================== */
#respond{
	margin: 50px 0 0;
}
#respond:first-child{ /* no comments yet */
	margin-top: 0;
}
#reply-title{
	color: #222;
    font-size: 14px;
	margin: 0;
	padding-bottom: 20px;
	border-bottom: 1px solid #ddd;
}
#cancel-comment-reply-link{
	padding-left: 4px;
	display: inline;
	border-left: 1px solid #000;
	color: #000;
}
.comment-form-author,
.comment-form-email,
.comment-form-url{
	float: left;
	width: 32%;
	margin: 15px 0 0 2%;
}
.comment-form-author{
	margin-left: 0;
}
.comment-form-comment,
.cptch_block{
	float: none;
	width: auto;
	margin: 0;
	padding-top: 15px;
	clear: both;
}
.comment-form-comment textarea{
	max-width: none;
}
.form-submit{
	clear: both;
}
.form-submit::before{
	content: "";
	clear: both;
	display: block;
}
.form-submit input[type="submit"]{
	margin: 15px 0 0;
}
.comment-form p label{
	display: block;
	margin-bottom: 5px;
	color: #222;
	font-size: 11px;
}
.form-info,
span.wpcf7-not-valid-tip,
div.wpcf7-response-output{
	background-color: #e9fdd5;
	border: 1px solid #a6e368;
	padding: 6px;
	margin: 12px 0 0;
	color: #3dcb05;
	font-size: 13px;
	line-height: 20px;
	text-align: center;
	display: none;
	/*cursor: pointer;*//*there is no action on this div*/
}
.form-info.error,
span.wpcf7-not-valid-tip,
div.wpcf7-validation-errors{
	background-color: #ffeaea;
	border-color: #feabab;
	color: #eb1515;
}
div.wpcf7-response-output{
	margin-bottom: 20px;
}
span.wpcf7-not-valid-tip{
	position: static;
	display: block;
	margin-top: 5px;
	max-width: 280px;
	width: auto;
}
/* captcha plugin */
.cptch_block br{
	display: none;
}



/* =============================================================================
   ATTACHMENT PAGE
   ========================================================================== */
p.attachment img,
div.attachment .wp-video{
	display: block;
	margin: 0 auto;
}
.attachment-info{
	margin-top: 20px;
}



/* ==========================================================================
   POSTS LIST
   ========================================================================== */
.posts-list .layout-full #content,
.posts-list .layout-full_fixed #content,
.posts-list .layout-full_padding #content,
.posts-list .layout-parted .content-box{
	background-color: transparent;
}
.posts-list.search-no-results .layout-full #content,
.posts-list.search-no-results .layout-full_fixed #content,
.posts-list.search-no-results .layout-full_padding #content,
.posts-list.search-no-results .layout-parted .content-box,
.posts-list .layout-full #secondary,
.posts-list .layout-full_fixed #secondary,
.posts-list .layout-full_padding #secondary{
	background-color: #fff;
}
.bricks-frame{
	margin: 0 auto;
	overflow: hidden; /* fix for horizontal scroll when bricks take full width */
}
.archive-item,
.grid-master{
	float: left;
}
.bricks-frame .formatter{
	padding: 40px;
	background-color: #fff;
}
.formatter + .formatter{
	padding-top: 0;
}
.post-media {
	position: relative;
}
.posts-list .post-media::after{
	content: "";
	z-index: 12; /* above video and cover */
	position: absolute;
	left: 35px;
	top: 0;
	border: 12px solid transparent;
	border-top-color: #fff;
}
.posts-list .post-media:first-child::after{
	top: auto;
	bottom: 0;
	border-top-color: transparent;
	border-bottom-color: #fff;
}
.item-image a{
	position: relative;
}
.item-image a::before{
	content: "";
	opacity: 0;
	background-color: #000;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: 4;
	-webkit-transition: opacity .5s ease;
			transition: opacity .5s ease;
}
.item-image:hover a::before{
	opacity: .5;
}
h2.post-title {
	color: #222;
	font-size: 20px;
	line-height: 20px;
	margin: 0;
}
h2.post-title:hover a {
	color: #E67E22;
}
.archive-item .post-title:first-child{
	margin-top: 0;
}
.post-format-link-icon{
	margin-left: 10px;
}
.format-link .post-title a{
	text-decoration: underline;
}
/* in quote/link post format*/
.cite-author{
	margin-top: 25px;
	display: block;
}

/* ON IMAGE */
.on-image{
	position: relative;
	background-size: cover;
	background-position: 50% 0;
}
.on-image-cover{
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
}
.on-image-cover > a{
	display: block;
	height: 100%;
	width: 100%;
}
.bricks-frame .on-image .formatter{
	background-color: transparent;
	position: relative;
	z-index: 2;
}
.on-image .post-title a:hover{
	text-decoration: underline;
}

/* RESPONSIVE WP VIDEO */
.item-video div.wp-video{
	width: 100% !important;
}
.item-video .mejs-container,
.posts-list .item-video .mejs-container,
.single-album .archive-item .mejs-container{
	width: 100% !important;
	height: auto !important;
	padding-top: 56.25%;
}
.item-video .mejs-overlay,
.item-video .mejs-poster,
.single-album .archive-item .mejs-overlay,
.single-album .archive-item .mejs-poster {
	width: 100% !important;
	height: 100% !important;
}
.item-video .mejs-mediaelement video,
.single-album .archive-item .mejs-mediaelement video{
	position: absolute;
	top: 0; left: 0; right: 0; bottom: 0;
	width: 100% !important;
	height: 100% !important;
}

/* images slider */
.item-slider{
	overflow: hidden;
	position: relative; /* slider pagination on posts list */
}
.item-slider img{
	display: block;
}
.slidesjs-container{
	z-index: 0;
}
.slidesjs-pagination {
	padding: 0;
	margin: 0 0 30px 40px;
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: 12;
	list-style: none;
}
.single-post .slidesjs-pagination,
.page .slidesjs-pagination{
	margin: 0 0 40px 60px;
}
.slidesjs-pagination li {
	float: left;
	margin: 0 2px;
}
.slidesjs-pagination li a {
	display: block;
	width: 7px;
	height: 0;
	padding-top: 7px;
	background-color: transparent;
	border: 2px solid #fff;
	-webkit-border-radius: 8px;
			border-radius: 8px;
	float: left;
	overflow: hidden;
	-webkit-transition: background-color .35s;
			transition: background-color .35s;
}
.slidesjs-pagination li a:hover,
.slidesjs-pagination li a.active{
	background-color: #fff;
}

.more-link{
	display: inline-block;
	margin-top: 20px;
	text-transform: uppercase;
	height: 27px;
	line-height: 27px;
	font-size: 10px;
	font-weight: bold;
	letter-spacing: 1px;
	padding: 0 15px;
	background-color: #fff;
	border: 1px solid #E1E1E1;
	color: #444;
	-webkit-transition: all .5s;
			transition: all .5s;
}
.more-link:hover{
	background-color: #E67E22;
	border-color: transparent;
	color: #fff;
}


/* =============================================================================
   PAGINATION
   ========================================================================== */
.navigation{
	margin: 40px 0;
	padding: 0 120px;/* for next prev in pagination*/
	text-transform: uppercase;
	background-color: #fff;
	text-align: center;
	position: relative;
}
.lazy-load-on .navigation{
	display: none;
}
.navigation .nav-links{
	font-size: 0;/* no space between links */
}
.navigation a,
.navigation span{
	font-size: 10px;
	letter-spacing: 2px;
	text-transform: uppercase;
	background-color: transparent;
	display: inline-block;
	height: 40px;
	padding: 0 9px;
	margin: 0;
	color: #3D3D3D;
	line-height: 40px;
}
.navigation .next,
.navigation .prev{
	color: #E67E22;
	padding: 0 20px;
	max-width: 80px;
	position: absolute;
	top: 0;
	left: 0;
}
.navigation .next{
	left: auto;
	right: 0;
}
.navigation .current,
.navigation a:hover{
	color: #fff;
	background-color: #bbb;
}
.navigation .next:hover,
.navigation .prev:hover{
	background-color: #E67E22;
}
/* Infinite scroll*/
#infscr-loading{
	text-align: center;
	margin-top: 40px;
}


.load-more-button i{
	margin-left: 10px;
}
.load-more-button{
	background-color: #fff;
	color: #E67E22;
	text-align: center;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 11px;
	letter-spacing: 1px;
	height: 40px;
	line-height: 40px;
	padding: 0 10px;
	margin: 40px;
	cursor: pointer;
	position: relative;
	-webkit-transition: background-color .5s, color .5s;
			transition: background-color .5s, color .5s;
}
span.result-count{
	display: none;
}
.load-more-button span.result-count{
	display: block;
	position: absolute;
	right: 10px;
	top: 0;
	line-height: 40px;
}
.posts-list .load-more-button,
.products-list .load-more-button{
	margin: 40px 0;
}
.load-more-button.loading,
.load-more-button:hover{
	background-color: #E67E22;
	color: #fff;
}
.load-more-button .ll-animation{
	display: none;
}
.load-more-button.loading .ll-animation{
	display: block;
}
.load-more-button.loading .text{
	display: none;
}

#lazyload-indicator{
	background-color: rgba(0,0,0,0.8);
	display: block;
	height: 40px;
	width: 40px;
	margin-bottom: 40px;
	-webkit-border-radius: 20px;
			border-radius: 20px;
	color: #fff;

	position: fixed;
	z-index: 125;
	bottom: 40px;
	left: 50%;
	-webkit-transform: translateX(-50%);
		-ms-transform: translateX(-50%);
			transform: translateX(-50%);
}
.ll-animation {
	z-index: 2000;
	width: 24px;
	height: 24px;
	position: absolute;
	top: 6px;
	left: 50%;
	margin-left: -14px;
	display: block;
	border: solid 2px transparent;
	border-top-color: #fff;
	border-left-color: #fff;
	-webkit-border-radius: 14px;
			border-radius: 14px;
	-webkit-animation: ll-animation 400ms linear infinite;
			animation: ll-animation 400ms linear infinite;
}

@-webkit-keyframes ll-animation {
	0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); }
	100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); }
}
@keyframes ll-animation {
	0% { transform: rotate(0deg);}
	100% { transform: rotate(360deg);}
}

.lt-ie10 #lazyload-indicator{
	padding-top: 0;
}
.lt-ie10 .ll-animation{
	display: none;
}






/* =============================================================================
    WORKS/GALLERIES LIST
    ========================================================================== */
.single-album .layout-full #content,
.albums-list-page .layout-full #content{
	background-color: transparent;
}
figure.archive-item{
	overflow: hidden;
	margin: 0;
	position: relative; /* fix flash on click in AJAX mode */
}
.archive-item figcaption,
.archive-item figcaption .cover,
.archive-item figcaption > a{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.lt-ie10 .archive-item figcaption > a{
	background: url(images/ie9saver.gif) repeat;
}
.archive-item figcaption{
	background-color: transparent;
	padding: 40px;
	-webkit-box-sizing: border-box; box-sizing: border-box;
}
.archive-item figcaption .cover{
	background-color: rgba(0,0,0,0.7);
	-webkit-transition: opacity .35s;
			transition: opacity .35s;
	opacity: 0;
}
figure.archive-item img{
	display: block;
	height: auto;
	width: 100%;
	-webkit-transition: -webkit-transform .5s;
			transition:         transform .5s;
}
figure.archive-item h2{
	text-align: left;
	color: #fff;
	font-size: 18px;
	line-height: 24px;
	margin: 0 0 5px 0;
	-webkit-transition: -webkit-transform .5s .1s, opacity .3s .1s;
			transition:         transform .5s .1s, opacity .3s .1s;
}
figure.archive-item h2 span{
	padding: 2px 8px;
}
.album-categories,
figure.archive-item .album-categories{
	text-align: left;
	letter-spacing: 2px;
	color: #ddd;
	font-size: 10px;
	text-transform: uppercase;
	-webkit-transition: -webkit-transform .5s, opacity .3s;
			transition:         transform .5s, opacity .3s;
}
figure.archive-item .album-categories{
	position: absolute;
	top: 40px;
	left: 40px;
}
.album-categories a{
	color: #A7A7A7;
}
.album-categories a:hover{
	color: #ddd;
}
.album-categories span{
	margin: 0 5px;
}
figure.archive-item .excerpt{
	text-align: left;
	line-height: 20px;
	color: #aaa;
	max-width: 360px;
	margin: 0 auto;
	-webkit-transition: -webkit-transform .5s .3s, opacity .3s .3s;
			transition: 		transform .5s .3s, opacity .3s .3s;
}
.bottom_group{
	position: absolute;
	bottom: 40px;
	left: 40px;
}
.center_group{
	position: relative;
	top: 50%;
	-webkit-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
			transform: translateY(-50%);
}
a.dot-irecommendthis{
	color: #fff;
	font-size: 10px;
	text-decoration: none;
	outline: none !important;
}
.dot-irecommendthis-count:hover {
    color: #e74c3c;
}
.dot-irecommendthis-count::before{
	content: "\e608";
	margin-right: 5px;
	font-family: "icomoon", monospace;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
}
figure.archive-item a.dot-irecommendthis{
	width: auto;
	left: auto;
	height: auto;
}
.dot-irecommendthis-suffix{
	text-transform: uppercase;
}
figure.archive-item .dot-irecommendthis-suffix{
	display: none;
}
figure .a2a_kit,
figure.archive-item a.dot-irecommendthis{
	position: absolute;
	top: 40px;
	right: 40px;
	z-index: 5;
	opacity: 0;
	-webkit-transition: -webkit-transform .5s, opacity .3s;
			transition:         transform .5s, opacity .3s;
}
figure:hover .a2a_kit,
figure.archive-item:hover a.dot-irecommendthis{
	opacity: 1;
}



/* default effect */
.default-eff:hover figcaption .cover{
	opacity: 1;
}
figure.default-eff:hover img{
	-webkit-transform: scale(1.1);
		-ms-transform: scale(1.1);
			transform: scale(1.1);
}
figure.archive-item.default-eff h2{
	opacity: 0;
}
figure.archive-item.default-eff .album-categories{
	-webkit-transform: translateY(40px);
		-ms-transform: translateY(40px);
			transform: translateY(40px);
	opacity: 0;
}
figure.archive-item.default-eff .excerpt{
	-webkit-transform: translateY(-20px);
		-ms-transform: translateY(-20px);
			transform: translateY(-20px);
	opacity: 0;
}
figure.archive-item.default-eff:hover h2{
	opacity: 1;
}
figure.archive-item.default-eff:hover .album-categories,
figure.archive-item.default-eff:hover .excerpt{
	-webkit-transform: translateY(0);
		-ms-transform: translateY(0);
			transform: translateY(0);
	opacity: 1;
}

/* none effect */
.none-eff figcaption .cover,
.none-eff .center_group,
figure.archive-item.none-eff .album-categories,
figure.archive-item.none-eff h2,
figure.archive-item.none-eff .excerpt{
	display: none;
}


/* drop effect */
.drop-eff:hover figcaption .cover{
	opacity: 1;
}
figure.drop-eff img{
	-webkit-transform: scale(1.05);
		-ms-transform: scale(1.05);
			transform: scale(1.05);
}
figure.drop-eff:hover img{
	-webkit-transform: scale(1);
		-ms-transform: scale(1);
			transform: scale(1);
}
figure.archive-item.drop-eff h2{
	-webkit-transform: translateY(-300%);
		-ms-transform: translateY(-300%);
			transform: translateY(-300%);
	opacity: 0;
}
figure.archive-item.drop-eff .album-categories{
	-webkit-transform: translateY(-300%);
		-ms-transform: translateY(-300%);
			transform: translateY(-300%);
	opacity: 0;
}
figure.archive-item.drop-eff .excerpt{
	-webkit-transform: translateY(-300%);
		-ms-transform: translateY(-300%);
			transform: translateY(-300%);
	opacity: 0;
}
figure.archive-item.drop-eff:hover h2{
	-webkit-transform: translateY(0);
		-ms-transform: translateY(0);
			transform: translateY(0);
	opacity: 1;
}
figure.archive-item.drop-eff:hover .album-categories{
	-webkit-transform: translateY(0);
		-ms-transform: translateY(0);
			transform: translateY(0);
	opacity: 1;
}
figure.archive-item.drop-eff:hover .excerpt{
	-webkit-transform: translateY(0);
		-ms-transform: translateY(0);
			transform: translateY(0);
	opacity: 1;
}

/* shift effect */
.shift-eff:hover figcaption .cover{
	opacity: 1;
}
figure.shift-eff img{
	-webkit-transform: scale(1.1);
		-ms-transform: scale(1.1);
			transform: scale(1.1);
}
figure.shift-eff:hover img{
	-webkit-transform: translateX(5%) scale(1.1);
		-ms-transform: translateX(5%) scale(1.1);
			transform: translateX(5%) scale(1.1);
}
figure.archive-item.shift-eff h2{
	-webkit-transform: translateX(-200%);
		-ms-transform: translateX(-200%);
			transform: translateX(-200%);
	opacity: 0;
}
figure.archive-item.shift-eff .album-categories{
	-webkit-transform: translateX(-100%);
		-ms-transform: translateX(-100%);
			transform: translateX(-100%);
	opacity: 0;
}
figure.archive-item.shift-eff .excerpt{
	-webkit-transform: translateX(-300%);
		-ms-transform: translateX(-300%);
			transform: translateX(-300%);
	opacity: 0;
}
figure.archive-item.shift-eff:hover h2{
	-webkit-transform: translateX(0);
		-ms-transform: translateX(0);
			transform: translateX(0);
	opacity: 1;
}
figure.archive-item.shift-eff:hover .album-categories{
	-webkit-transform: translateX(0);
		-ms-transform: translateX(0);
			transform: translateX(0);
	opacity: 1;
}
figure.archive-item.shift-eff:hover .excerpt{
	-webkit-transform: translateX(0);
		-ms-transform: translateX(0);
			transform: translateX(0);
	opacity: 1;
}

/* clap effect */
.clap-eff:hover figcaption .cover{
	opacity: 1;
}
figure.clap-eff img{
	-webkit-transform: scale(1.1);
		-ms-transform: scale(1.1);
			transform: scale(1.1);
}
figure.clap-eff:hover img{
	-webkit-transform: translateY(5%) scale(1.1);
		-ms-transform: translateY(5%) scale(1.1);
			transform: translateY(5%) scale(1.1);
}
figure.archive-item.clap-eff h2{
	opacity: 0;
}
figure.archive-item.clap-eff .album-categories{
	-webkit-transform-origin: 100% 0;
		-ms-transform-origin: 100% 0;
			transform-origin: 100% 0;
	-webkit-transform: rotate(90deg);
		-ms-transform: rotate(90deg);
			transform: rotate(90deg);
	opacity: 0;
	max-width: 360px;
	margin: 0 auto;
}
figure.archive-item.clap-eff .excerpt{
	-webkit-transform-origin: 100% 0;
		-ms-transform-origin: 100% 0;
			transform-origin: 100% 0;
	-webkit-transform: rotate(-90deg);
		-ms-transform: rotate(-90deg);
			transform: rotate(-90deg);
	opacity: 0;
}
figure.archive-item.clap-eff:hover h2{
	opacity: 1;
}
figure.archive-item.clap-eff:hover .album-categories{
	-webkit-transform: rotate(0deg);
		-ms-transform: rotate(0deg);
			transform: rotate(0deg);
	opacity: 1;
}
figure.archive-item.clap-eff:hover .excerpt{
	-webkit-transform: rotate(0deg);
		-ms-transform: rotate(0deg);
			transform: rotate(0deg);
	opacity: 1;
}

/* reveal effect */
.reveal-eff:hover figcaption .cover{
	opacity: 1;
}
figure.reveal-eff img{
	-webkit-transform: scale(1.1);
		-ms-transform: scale(1.1);
			transform: scale(1.1);
}
figure.reveal-eff:hover img{
	-webkit-transform: translateY(-5%) scale(1.1);
		-ms-transform: translateY(-5%) scale(1.1);
			transform: translateY(-5%) scale(1.1);
}
figure.archive-item.reveal-eff h2{
	text-shadow: 0 0 15px #000;
}
figure.archive-item.reveal-eff .album-categories{
	opacity: 0;
}
figure.archive-item.reveal-eff .excerpt{
	-webkit-transform: translateY(-60px);
		-ms-transform: translateY(-60px);
			transform: translateY(-60px);
	opacity: 0;
}
figure.archive-item.reveal-eff:hover h2{
	text-shadow: none;
}
figure.archive-item.reveal-eff:hover .album-categories{
	opacity: 1;
}
figure.archive-item.reveal-eff:hover .excerpt{
	-webkit-transform: translateY(0);
		-ms-transform: translateY(0);
			transform: translateY(0);
	opacity: 1;
}

/* border effect */
figure.border-eff{
	background-color: #000;
}
figure.border-eff img{
	-webkit-transition: -webkit-transform .5s, opacity .3s;
			transition: 		transform .5s, opacity .3s;
	opacity: 1;
}
figure.border-eff:hover img{
	-webkit-transform: scale(0.8);
		-ms-transform: scale(0.8);
			transform: scale(0.8);
	opacity: 0.4;
}
figure.archive-item.border-eff h2{
	-webkit-transform: scale(0.9);
		-ms-transform: scale(0.9);
			transform: scale(0.9);
	text-shadow: 0 0 15px #000;
}
figure.archive-item.border-eff .album-categories{
	opacity: 0;
}
figure.archive-item.border-eff .excerpt{
	opacity: 0;
	-webkit-transition: opacity .5s;
			transition: opacity .5s;
}
figure.archive-item.border-eff:hover h2{
	-webkit-transform: scale(1);
		-ms-transform: scale(1);
			transform: scale(1);
	text-shadow: none;
}
figure.archive-item.border-eff:hover .album-categories{
	opacity: 1;
}
figure.archive-item.border-eff:hover .excerpt{
	-webkit-transform: translateY(0);
		-ms-transform: translateY(0);
			transform: translateY(0);
	opacity: 1;
}

/* uncover effect */
.uncover-eff figcaption .cover{
	opacity: 1;
}
.uncover-eff:hover figcaption .cover{
	opacity: 0;
}
figure.uncover-eff img{
	-webkit-transform: scale(1.1);
		-ms-transform: scale(1.1);
			transform: scale(1.1);
}
figure.uncover-eff:hover img{
	-webkit-transform: scale(1);
		-ms-transform: scale(1);
			transform: scale(1);
}
figure.archive-item.uncover-eff:hover h2{
	opacity: 0;
}
figure.archive-item.uncover-eff:hover .album-categories{
	opacity: 0;
	-webkit-transform: translateY(300%);
		-ms-transform: translateY(300%);
			transform: translateY(300%);
}
figure.archive-item.uncover-eff .excerpt{
	-webkit-transition: -webkit-transform .5s, opacity .3s;
			transition: 		transform .5s, opacity .3s;
}
figure.archive-item.uncover-eff:hover .excerpt{
	-webkit-transform: translateY(-300%);
		-ms-transform: translateY(-300%);
			transform: translateY(-300%);
	opacity: 0;
}

/* classic effect */
.classic-eff:hover figcaption .cover{
	opacity: 1;
}
figure.classic-eff:hover img{
	-webkit-transform: scale(1.1);
		-ms-transform: scale(1.1);
			transform: scale(1.1);
}
figure.archive-item.classic-eff h2,
figure.archive-item.classic-eff .album-categories,
figure.archive-item.classic-eff .excerpt{
	opacity: 0;
}
figure.archive-item.classic-eff:hover h2,
figure.archive-item.classic-eff:hover .album-categories,
figure.archive-item.classic-eff:hover .excerpt{
	opacity: 1;
}





/* =============================================================================
    SIDEBAR FILTER
    ========================================================================== */
.widget_filter li{
	margin: 0 -40px;
}
.widget_filter li a{
	display: block;
	line-height: 17px;
	font-size: 10px;
	color: #aaa;
	text-transform: uppercase;
	text-decoration: none;
	padding: 0 40px;
}
.widget_filter .selected a,
.widget_filter a:hover{
	background-color: #000;
    color: #fff;
	text-decoration: none;
}
.widget_filter li i{
	margin-right: 7px;
}
.widget_filter li.selected i::before{
	content: "\f14a";
}



/* ==========================================================================
   SINGLE ALBUM
   ========================================================================== */
.js #album-media-collection{
	margin: 0;
	padding: 0;
	list-style: none;
}
#loadingSpace{
	clip: rect(1px, 1px, 1px, 1px);
	height: 1px;
	overflow: hidden;
	position: absolute !important;
	width: 100%;
	z-index: -5;
}
.single-album figure.archive-item{
	cursor: pointer;
}
.single-album iframe{
	border: none;
	display: block;
	margin: 0 auto;
	max-width: 100%;
	/* ratio 16:9 */
	width: 480px;
	height: 270px;
}
.single-album .bricks-frame{
	position: relative;
}
.album-content{
	background-color: #fff;
	color: #444;
	width: 460px;
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	-webkit-transition: left .5s;
			transition: left .5s;
}
.album-content-on-the-right .album-content{
	left: auto;
	right: 0;
}
.album-content .inside{
	padding: 60px;
}
.album-content .post-title{
	color: #222;
	margin-bottom: 20px;
}
.album-content .cpt-nav{
	margin: -10px 0 40px -10px;
}
.album-content .cpt-nav a{
	color: #555;
	font-size: 20px;
	line-height: 30px;
	width: 30px;
	text-align: center;
	display: inline-block;
}
.album-content .cpt-nav a:hover{
	color: #000;
}
.album-content .real-content a,
.album-content .meta-data a{
	color: #444;
	text-decoration: underline;
}
.album-content .real-content a:hover,
.album-content .meta-data a:hover{
	color: #000;
}
.album-content .real-content > p:first-child{
	color: #444;
}
.album-content .album-categories{
	margin-bottom: 20px;
}

/* meta data */
.meta-data{
	margin-top: 25px;
	padding-bottom: 25px;
	font-size: 13px;
}
.meta-data span{
	display: block;
	margin-top: 3px;
}
.meta-data em{
	color: #777;
	margin-right: 2px;
	font-style: normal;
}
.meta-data em::after{
	content: ":";
}

/* like button */
.album-content a.dot-irecommendthis{
	text-decoration: none;
	height: 25px;
	border: 1px solid #E1E1E1;
	line-height: 25px;
	padding: 0 10px;
	display: inline-block;
	-webkit-transition: border-color .5s, color .5s;
			transition: border-color .5s, color .5s;
}
.album-content a.dot-irecommendthis:hover{
	border-color: #e74c3c;
}

/* share buttons */
.album-content .addtoany_share_save_container{
	margin-top: 35px;
}

/* bricks */
#only-album-items-here{
	margin-left: 460px;
}
.album-content-on-the-right #only-album-items-here{
	margin-left: 0;
	margin-right: 460px;
}
.album-content-off #only-album-items-here{
	margin-left: 0;
}
figure.archive-item i.icon-eye{
	display: block;
	color: #fff;
	font-size: 40px;
	text-align: center;
}
figure.archive-item .center_group h2{
	text-align: center;
	font-size: 14px;
}
figure.archive-item .center_group .excerpt{
	text-align: center;
}



/* =============================================================================
    A13 SLIDER
    ========================================================================== */
body.single-album{
	height: 100%;
}
body.single-album.admin-bar{
	height: -webkit-calc(100% - 32px);
	height: 		calc(100% - 32px);
}
body.single-album #mid{
	height: 100%; /* pushes footer lower on smaller screens */
}
body.single-album-bricks #mid{
	height: auto;
}
#a13-slider{
	overflow: hidden;
	position: fixed;
	left: 280px;
	right: 0;
	top: 0;
	bottom: 0;
	/*-webkit-transition: left .5s;*/
			/*transition: left .5s;*/
}
.fullscreen #a13-slider{
	left: 0;
}
.header-variant-right #a13-slider{
	left: 0;
	right: 280px;
	direction: ltr;
}
.header-variant-right.fullscreen #a13-slider{
	right: 0;
}
.admin-bar #a13-slider{
	top: 32px;
}
.slider-slides{
	display: block;
	margin: 0;
	padding: 0;
	position: absolute;
	left: 0;
	width: 100%;
	top: 0;
	bottom: 0;
	opacity: 0;
	cursor: move;
	cursor: -webkit-grab;
	cursor: grab;
}
.slider-slides.grab{
	cursor: -webkit-grabbing;
	cursor: grabbing;
}
.show-with-slider{
	opacity: 0;
}
.slider-slides,
.show-with-slider{
	-webkit-transition: opacity 1s ease;
		transition: opacity 1s ease;
}
.show-with-slider.show,
.slider-slides.show{
	opacity: 1;
}
.slider-slides img{
	border: none;
	display: block;
	height: auto;
	outline: none;
	position: relative;
	width: auto;
}
.slider-slides > li{ /* > prevents style interfering in slide description */
	display: block;
	list-style: none;
	overflow: hidden;
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	width: 100%;
	z-index: 0;
	/*visibility: visible!important;*/
}
.slider-slides a.slide{
	display: block;
	height: 100%;
	width: 100%;
}
.slider-slides li.image-loading {
	background: transparent url(images/ajax-loader.gif) no-repeat center center;
	height: 100%;
	width: 100%;
}
.slider-slides li.image-loading img{
	visibility: hidden;
}
.slider-slides li iframe,
.slider-slides div.wp-video{
	border: none;
	width: 100%;
	height: 100%;
	position: relative;
}
.slider-slides div.video-poster{
	background-size: cover;
	background-position: 50% 50%;
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	width: 100%;
	z-index: 10;
	cursor: pointer;
}
.slider-slides div.video-poster::before{
	content: "\e605";
	position: absolute;
	top: 50%;
	left: 50%;
	z-index: 11;
	margin: -50px 0 0 -50px;
	width: 150px;
	height: 100px;
	line-height: 100px;
	font-size: 48px;
	text-align: center;
	background-color: rgba(0, 0, 0, 0.8);
	-webkit-border-radius: 6px;
			border-radius: 6px;
	color: #A7A7A7;
	font-family: "icomoon", monospace;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
}

.slider-slides div.mejs-container{
	width: 100% !important;
	height: 100% !important;
}

/* SLIDER CONTROLS */
.slider-arrow{
	position: absolute;
	top: 50%;
	left: 0;
	margin-top: -20px;
	width: 150px;
	line-height: 40px;
	font-size: 40px;
	text-align: center;
	color: #fff;
	cursor: pointer;
	-webkit-transition: opacity .5s;
			transition: opacity .5s;
	opacity: 0.6;
}
.slider-arrow:hover{
	opacity: 1;
}
#next-slide.slider-arrow{
	left: auto;
	right: 0;
}
.hide-items .slider-arrow{
	opacity: 0;
}

#slider-controls{
	position: absolute;
	bottom: 60px;
	right: 65px;
	-webkit-transition: bottom 0.5s ease, margin 0.5s ease, opacity 0.5s ease;
			transition: bottom 0.5s ease, margin 0.5s ease, opacity 0.5s ease;
}
#slider-controls.with-thumbs{
	bottom: 60px;
}
.thumbs-hovered #slider-controls.with-thumbs{
	bottom: 160px;
}
.hide-items #slider-controls{
	opacity: 0;
}
#play-button{
	position: relative;
	display: inline-block;
	width: 44px;
	height: 44px;
	margin-right: 30px;
	cursor: pointer;
	color: #fff;
}
#play-button svg{
	-webkit-transform: rotate(-90deg);
		-ms-transform: rotate(-90deg);
			transform: rotate(-90deg);
}
#play-button::before{
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	line-height: 44px;
	text-align: center;
}
#play-button.play::before{
	content: "\e604"; /* when slider is playing we display pause symbol button */
}
/*#play-button:hover{
	color: #fff;
	background-color: #000;
}*/

span.slides-count{
	/*background: transparent url(images/album_icons.png) 0 -100px no-repeat;*/
	color: #fff;
	display: inline-block;
	font-size: 16px;
	font-weight: bold;
	height: 40px;
	line-height: 16px;
	min-width: 40px;
	position: relative;
}
span.slides-count::after{
	content: '';
	height: 1px;
	width: 57px; /* 40px * sqrt(2)*/
	position: absolute;
	bottom: 0;
	left: 50%;
	margin-left: -20px; /* not half of width of this element, but half of height of parent element */
	background-color: rgba(255,255,255,0.5);
	-webkit-transform-origin: 0 0;
		-ms-transform-origin: 0 0;
			transform-origin: 0 0;
	-webkit-transform: rotate(-45deg);
		-ms-transform: rotate(-45deg);
			transform: rotate(-45deg);
}
span.slides-count span{
	display: block;
	height: 20px;
	text-align: left;
}
span.slides-count span.num{
	padding-right: -webkit-calc(50% + 5px);
	padding-right: 		   calc(50% + 5px);
	text-align: right; /* so it will be always close to divider line */
}
span.slides-count span.of{
	padding-left: -webkit-calc(50% + 5px);
	padding-left: 		   calc(50% + 5px);
	padding-top: 4px;
	height: 16px;
}


/* SLIDE DESCRIPTION */
.slide-caption{
	overflow: hidden;
	color: #B9B9B9;
	font-size: 13px;
	line-height: 20px;
	max-width: 45%;
	position: absolute;
	bottom: 60px;
	left: 65px;
	z-index: 30;
	-webkit-transition: bottom 0.5s ease, margin 0.5s ease;
			transition: bottom 0.5s ease, margin 0.5s ease;
}
.with-thumbs .slide-caption{
	bottom: 60px;
}
.thumbs-hovered .slide-caption{
	bottom: 160px;
}
.slide-caption h2.title{
	color: #fff;
	font-size: 22px;
	line-height: 24px;
	letter-spacing: -1px;
	margin: 0;
}
.slide-caption h2.title span{
	padding: 15px;
	display: inline-block;
}
.slide-caption.with-description h2.title span{
	padding-bottom: 0;
}
.slide-caption .description{
	margin-top: 20px;
}
.slide-caption.with-color .description{
	padding: 15px;
	margin-top: 0;
	max-height: 200px;
	overflow: auto;
}
.slide-caption.with-color .description .addtoany_list a > span {
	vertical-align: top;
}
.texts-opener{
	display: none;
	width: 42px;
	height: 42px;
	margin-top: 30px; /* space from text that will show up */
	border: 1px solid #fff;
	color: #fff;
	font-family: Georgia,sans-serif;
	font-weight: bold;
	text-align: center;
	line-height: 40px;
	font-size: 20px;
	cursor: pointer;
	-webkit-border-radius: 2px;
			border-radius: 22px;
}
.texts-opener:hover{
	background-color: rgba(0, 0, 0, 1);
}

#big-play{
	height: 200px;
	width: 200px;
	margin: -100px 0 0 -100px;
	position: absolute;
	top: 50%;
	left: 50%;
}

/* Thumbnail Tray */
#thumb-tray{
	height: 100px;
	overflow: hidden;
	position: absolute;
	bottom: -50px;
	left: 0;
	width: 100%;
	z-index: 40;
	-webkit-transition: bottom .5s ease;
			transition: bottom .5s ease;
}
#thumb-tray:hover{
	bottom: 0;
}
#thumb-tray .inner{
	height: 100px;
	position: absolute;
	width: 100%;
	top: 40px;
}
#thumb-list{
	display: block;
	list-style: none;
	height: 100%;
	margin: 0;
	padding: 0;
	position: absolute;
	left: 0;
}
#thumb-list li{
	cursor: pointer;
	float: left;
	height: 100%;
	overflow: hidden;
	width: 150px;
	position: relative;
}
#thumb-list li.current-thumb,
#thumb-list li:hover{
	-webkit-transform: translate(0, -20px);
			transform: translate(0, -20px);
}
#thumb-list li div{
	height: 100%;
	width: 100%;
	-webkit-transform: translate(50%, 50%);
			transform: translate(50%, 50%);
}
#thumb-list img{
	-webkit-transform: translate(-50%, -50%);
			transform: translate(-50%, -50%);
	min-height: 100%;
	min-width: 100%;
}
ul#thumb-list li::before{
	content: "";
	background-color: rgba(0,0,0,0.7);
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	opacity: 1;
	z-index: 10;
}
ul#thumb-list li.current-thumb::before,
ul#thumb-list li:hover::before{
	opacity: 0;
}
ul#thumb-list li.video::after{
	content: "\e605";
	position: absolute;
	top: 10px;
	right: 10px;
	z-index: 11;
	width: 40px;
	height: 30px;
	line-height: 30px;
	font-size: 16px;
	text-align: center;
	background-color: rgba(0, 0, 0, 0.8);
	-webkit-border-radius: 6px;
			border-radius: 6px;
	color: #A7A7A7;
	font-family: "icomoon", monospace;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
}

/* Gradient */
#a13-slider.gradient a.slide::after{
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 10;
/* from http://www.cssmatic.com/gradient-generator#'\-moz\-linear\-gradient\%28top\%2C\ rgba\%280\%2C0\%2C0\%2C0\%29\ 44\%25\%2C\ rgba\%280\%2C0\%2C0\%2C0\.28\%29\ 57\%25\%2C\ rgba\%280\%2C0\%2C0\%2C0\.8\%29\ 85\%25\%2C\ rgba\%280\%2C0\%2C0\%2C0\.8\%29\ 100\%25\%29\%3B' */
	background: transparent;
	background: -moz-linear-gradient(top, rgba(0,0,0,0) 44%, rgba(0,0,0,0.28) 57%, rgba(0,0,0,0.8) 85%, rgba(0,0,0,0.8) 100%);
	background: -webkit-linear-gradient(top, rgba(0,0,0,0) 44%, rgba(0,0,0,0.28) 57%, rgba(0,0,0,0.8) 85%, rgba(0,0,0,0.8) 100%);
	background: -o-linear-gradient(top, rgba(0,0,0,0) 44%, rgba(0,0,0,0.28) 57%, rgba(0,0,0,0.8) 85%, rgba(0,0,0,0.8) 100%);
	background: -ms-linear-gradient(top, rgba(0,0,0,0) 44%, rgba(0,0,0,0.28) 57%, rgba(0,0,0,0.8) 85%, rgba(0,0,0,0.8) 100%);
	background: linear-gradient(to bottom, rgba(0,0,0,0) 44%, rgba(0,0,0,0.28) 57%, rgba(0,0,0,0.8) 85%, rgba(0,0,0,0.8) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=0 );
}
.fullscreen #a13-slider.gradient a.slide::after{
	opacity: 0;
}

/* PATTERNS */
#a13-slider.pattern a.slide::before{
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 20;
	background: transparent url(images/overlays/pattern.png) 0 0 repeat;
}
.fullscreen #a13-slider.pattern a.slide::before{
	opacity: 0;
}
#a13-slider.pattern-2 a.slide::before{
	background-image: url(images/overlays/pattern2.png);
}
#a13-slider.pattern-3 a.slide::before{
	background-image: url(images/overlays/pattern3.png);
}
#a13-slider.pattern-4 a.slide::before{
	background-image: url(images/overlays/pattern4.png);
}
#a13-slider.pattern-5 a.slide::before{
	background-image: url(images/overlays/pattern5.png);
}



/* ==========================================================================
   SIDE MENU EFFECTS
   ========================================================================== */
.close-sidebar{
	position: absolute;
	top: 20px;
	right: 20px;
	cursor: pointer;
	color: #000;
	font-size: 20px;
}
.at-right .close-sidebar{
	right: auto;
	left: 20px;
}
.dark-sidebar .close-sidebar{
	color: #fff;
}
.close-sidebar::before{
	display: block;
	-webkit-transition: -webkit-transform .5s;
			transition: 		transform .5s;
}
.close-sidebar:hover::before{
	-webkit-transform: scale(1.25);
		-ms-transform: scale(1.25);
			transform: scale(1.25);
}


/* Effects. 1-6 from left side, 7-12 from right side
 1,7: Slide in on top
 2,8: Reveal
 3,9: Push
 4,10: Slide along
 5,11: Reverse slide out
 6,12: Fall down */
.side-menu-eff-1 #side-menu,
.basket-eff-1 #basket-menu,
.side-menu-eff-3 #side-menu,
.basket-eff-3 #basket-menu{
	-webkit-transform: translate3d(-100%, 0, 0);
			transform: translate3d(-100%, 0, 0);
}
.side-menu-eff-7 #side-menu,
.basket-eff-7 #basket-menu,
.side-menu-eff-9 #side-menu,
.basket-eff-9 #basket-menu{
	-webkit-transform: translate3d(100%, 0, 0);
			transform: translate3d(100%, 0, 0);
}
.side-menu-eff-2.side-menu-open .to-move,
.basket-eff-2.basket-menu-open .to-move,
.side-menu-eff-3.side-menu-open .to-move,
.basket-eff-3.basket-menu-open .to-move,
.side-menu-eff-4.side-menu-open .to-move,
.basket-eff-4.basket-menu-open .to-move,
.side-menu-eff-5.side-menu-open .to-move,
.basket-eff-5.basket-menu-open .to-move,
.side-menu-eff-6.side-menu-open .to-move,
.basket-eff-6.basket-menu-open .to-move{
	-webkit-transform: translate3d(320px, 0, 0);
			transform: translate3d(320px, 0, 0);
}
.side-menu-eff-8.side-menu-open .to-move,
.basket-eff-8.basket-menu-open .to-move,
.side-menu-eff-9.side-menu-open .to-move,
.basket-eff-9.basket-menu-open .to-move,
.side-menu-eff-10.side-menu-open .to-move,
.basket-eff-10.basket-menu-open .to-move,
.side-menu-eff-11.side-menu-open .to-move,
.basket-eff-11.basket-menu-open .to-move,
.side-menu-eff-12.side-menu-open .to-move,
.basket-eff-12.basket-menu-open .to-move{
	-webkit-transform: translate3d(-320px, 0, 0);
			transform: translate3d(-320px, 0, 0);
}


.side-menu-eff-1.side-menu-open #side-menu,
.basket-eff-1.basket-menu-open #basket-menu,
.side-menu-eff-3.side-menu-open #side-menu,
.basket-eff-3.basket-menu-open #basket-menu,
.side-menu-eff-4.side-menu-open #side-menu,
.basket-eff-4.basket-menu-open #basket-menu,
.side-menu-eff-5.side-menu-open #side-menu,
.basket-eff-5.basket-menu-open #basket-menu,
.side-menu-eff-6.side-menu-open #side-menu,
.basket-eff-6.basket-menu-open #basket-menu,
.side-menu-eff-7.side-menu-open #side-menu,
.basket-eff-7.basket-menu-open #basket-menu,
.side-menu-eff-9.side-menu-open #side-menu,
.basket-eff-9.basket-menu-open #basket-menu,
.side-menu-eff-10.side-menu-open #side-menu,
.basket-eff-10.basket-menu-open #basket-menu,
.side-menu-eff-11.side-menu-open #side-menu,
.basket-eff-11.basket-menu-open #basket-menu,
.side-menu-eff-12.side-menu-open #side-menu,
.basket-eff-12.basket-menu-open #basket-menu{
	-webkit-transform: translate3d(0, 0, 0);
			transform: translate3d(0, 0, 0);
	visibility: visible;
}

.side-menu-eff-2 #side-menu,
.basket-eff-2 #basket-menu,
.side-menu-eff-8 #side-menu,
.basket-eff-8 #basket-menu{
	z-index: 0;
	visibility: hidden;
}
.side-menu-eff-2.side-menu-open #side-menu,
.basket-eff-2.basket-menu-open #basket-menu,
.side-menu-eff-8.side-menu-open #side-menu,
.basket-eff-8.basket-menu-open #basket-menu{
	visibility: visible;
}

.side-menu-eff-4 #side-menu,
.basket-eff-4 #basket-menu,
.side-menu-eff-11 #side-menu,
.basket-eff-11 #basket-menu{
	z-index: 0;
	-webkit-transform: translate3d(-50%, 0, 0);
			transform: translate3d(-50%, 0, 0);
	visibility: hidden;
}

.side-menu-eff-5 #side-menu,
.basket-eff-5 #basket-menu,
.side-menu-eff-10 #side-menu,
.basket-eff-10 #basket-menu{
	z-index: 0;
	-webkit-transform: translate3d(50%, 0, 0);
			transform: translate3d(50%, 0, 0);
	visibility: hidden;
}
/* shadow effect */
.side-menu-eff-5 #side-menu::after,
.basket-eff-5 #basket-menu::after,
.side-menu-eff-6 #side-menu::after,
.basket-eff-6 #basket-menu::after,
.side-menu-eff-11 #side-menu::after,
.basket-eff-11 #basket-menu::after,
.side-menu-eff-12 #side-menu::after,
.basket-eff-12 #basket-menu::after{
	position: absolute;
	top: 0;
	right: 0;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.8);
	content: '';
	opacity: 1;
	-webkit-transition: opacity .5s;
			transition: opacity .5s;
}
.side-menu-eff-5.side-menu-open #side-menu::after,
.basket-eff-5.basket-menu-open #basket-menu::after,
.side-menu-eff-6.side-menu-open #side-menu::after,
.basket-eff-6.basket-menu-open #basket-menu::after,
.side-menu-eff-11.side-menu-open #side-menu::after,
.basket-eff-11.basket-menu-open #basket-menu::after,
.side-menu-eff-12.side-menu-open #side-menu::after,
.basket-eff-12.basket-menu-open #basket-menu::after{
	width: 0;
	height: 0;
	opacity: 0;
	-webkit-transition: opacity .5s, width .1s .5s, height .1s .5s;
			transition: opacity .5s, width .1s .5s, height .1s .5s;
}

.side-menu-eff-6 #side-menu,
.basket-eff-6 #basket-menu,
.side-menu-eff-12 #side-menu,
.basket-eff-12 #basket-menu{
	-webkit-transform: translate3d(0, -100%, 0);
			transform: translate3d(0, -100%, 0);
	z-index: 0;
}

/* fix of bottom padding, cause sidebar is hiding under footer*/
.side-menu-eff-2 #side-menu div.scroll-wrap,
.basket-eff-2 #basket-menu div.scroll-wrap2,
.side-menu-eff-4 #side-menu div.scroll-wrap,
.basket-eff-4 #basket-menu div.scroll-wrap2,
.side-menu-eff-5 #side-menu div.scroll-wrap,
.basket-eff-5 #basket-menu div.scroll-wrap2,
.side-menu-eff-6 #side-menu div.scroll-wrap,
.basket-eff-6 #basket-menu div.scroll-wrap2,
.side-menu-eff-8 #side-menu div.scroll-wrap,
.basket-eff-8 #basket-menu div.scroll-wrap2,
.side-menu-eff-10 #side-menu div.scroll-wrap,
.basket-eff-10 #basket-menu div.scroll-wrap2,
.side-menu-eff-11 #side-menu div.scroll-wrap,
.basket-eff-11 #basket-menu div.scroll-wrap2,
.side-menu-eff-12 #side-menu div.scroll-wrap,
.basket-eff-12 #basket-menu div.scroll-wrap2{
	padding-bottom: 80px;
}

/* IE 9 */
/* left side */
.no-csstransitions .side-menu-eff-1 #side-menu,
.no-csstransitions .basket-eff-1 #basket-menu,
.no-csstransitions .side-menu-eff-2 #side-menu,
.no-csstransitions .basket-eff-2 #basket-menu,
.no-csstransitions .side-menu-eff-3 #side-menu,
.no-csstransitions .basket-eff-3 #basket-menu,
.no-csstransitions .side-menu-eff-4 #side-menu,
.no-csstransitions .basket-eff-4 #basket-menu,
.no-csstransitions .side-menu-eff-5 #side-menu,
.no-csstransitions .basket-eff-5 #basket-menu,
.no-csstransitions .side-menu-eff-6 #side-menu,
.no-csstransitions .basket-eff-6 #basket-menu{
	left: -320px;
	z-index: 30;
}
/* right side */
.no-csstransitions .side-menu-eff-7 #side-menu,
.no-csstransitions .basket-eff-7 #basket-menu,
.no-csstransitions .side-menu-eff-8 #side-menu,
.no-csstransitions .basket-eff-8 #basket-menu,
.no-csstransitions .side-menu-eff-9 #side-menu,
.no-csstransitions .basket-eff-9 #basket-menu,
.no-csstransitions .side-menu-eff-10 #side-menu,
.no-csstransitions .basket-eff-10 #basket-menu,
.no-csstransitions .side-menu-eff-11 #side-menu,
.no-csstransitions .basket-eff-11 #basket-menu,
.no-csstransitions .side-menu-eff-12 #side-menu,
.no-csstransitions .basket-eff-12 #basket-menu{
	right: -320px;
	z-index: 30;
}


/* ==========================================================================
   SOCIAL ICONS
   ========================================================================== */
.socials{
	margin: 0;
	vertical-align: top;
	line-height: 0; /*remove white space*/
}
.navigation-bar .socials{
	display: table-cell;
	padding: 9px 0;
	width: 30%;
	text-align: right;
}

.socials a{
	background-image: url(images/socials.png);
	background-size: 60px 760px;
	display: inline-block;
	margin: 0 8px 0 0;
	height: 20px;
	width: 20px;
}
.socials.squares a{
	background-image: url(images/socials_square.png);
}

/* On light background */
a.a13_soc-500px{ background-position: 0 0; }
a.a13_soc-aim{ background-position: 0 -20px; }
a.a13_soc-behance{ background-position: 0 -40px; }
a.a13_soc-blogger{ background-position: 0 -60px; }
a.a13_soc-delicious{ background-position: 0 -80px; }
a.a13_soc-deviantart{ background-position: 0 -100px; }
a.a13_soc-digg{ background-position: 0 -120px; }
a.a13_soc-dribbble{ background-position: 0 -140px; }
a.a13_soc-evernote{ background-position: 0 -160px; }
a.a13_soc-facebook{ background-position: 0 -180px; }
a.a13_soc-flickr{ background-position: 0 -200px; }
a.a13_soc-forrst{ background-position: 0 -220px; }
a.a13_soc-foursquare{ background-position: 0 -240px; }
a.a13_soc-github{ background-position: 0 -260px; }
a.a13_soc-googleplus{ background-position: 0 -280px; }
a.a13_soc-instagram{ background-position: 0 -300px; }
a.a13_soc-lastfm{ background-position: 0 -320px; }
a.a13_soc-linkedin{ background-position: 0 -340px; }
a.a13_soc-paypal{ background-position: 0 -360px; }
a.a13_soc-pinterest{ background-position: 0 -380px; }
a.a13_soc-quora{ background-position: 0 -400px; }
a.a13_soc-rss{ background-position: 0 -420px; }
a.a13_soc-sharethis{ background-position: 0 -440px; }
a.a13_soc-skype{ background-position: 0 -460px; }
a.a13_soc-stumbleupon{ background-position: 0 -480px; }
a.a13_soc-tumblr{ background-position: 0 -500px; }
a.a13_soc-twitter{ background-position: 0 -520px; }
a.a13_soc-vimeo{ background-position: 0 -540px; }
a.a13_soc-wordpress{ background-position: 0 -560px; }
a.a13_soc-yahoo{ background-position: 0 -580px; }
a.a13_soc-youtube{ background-position: 0 -600px; }
a.a13_soc-yelp{ background-position: 0 -620px; }
a.a13_soc-vkontakte{ background-position: 0 -640px; }
a.a13_soc-mailto{ background-position: 0 -660px; }
a.a13_soc-spotify{ background-position: 0 -680px; }
a.a13_soc-dropbox{ background-position: 0 -700px; }
a.a13_soc-reddit{ background-position: 0 -720px; }
a.a13_soc-custom{ background-position: 0 -740px; }

/* On dark background */
.dark-bg a.a13_soc-500px{ background-position: -40px 0; }
.dark-bg a.a13_soc-aim{ background-position: -40px -20px; }
.dark-bg a.a13_soc-behance{ background-position: -40px -40px; }
.dark-bg a.a13_soc-blogger{ background-position: -40px -60px; }
.dark-bg a.a13_soc-delicious{ background-position: -40px -80px; }
.dark-bg a.a13_soc-deviantart{ background-position: -40px -100px; }
.dark-bg a.a13_soc-digg{ background-position: -40px -120px; }
.dark-bg a.a13_soc-dribbble{ background-position: -40px -140px; }
.dark-bg a.a13_soc-evernote{ background-position: -40px -160px; }
.dark-bg a.a13_soc-facebook{ background-position: -40px -180px; }
.dark-bg a.a13_soc-flickr{ background-position: -40px -200px; }
.dark-bg a.a13_soc-forrst{ background-position: -40px -220px; }
.dark-bg a.a13_soc-foursquare{ background-position: -40px -240px; }
.dark-bg a.a13_soc-github{ background-position: -40px -260px; }
.dark-bg a.a13_soc-googleplus{ background-position: -40px -280px; }
.dark-bg a.a13_soc-instagram{ background-position: -40px -300px; }
.dark-bg a.a13_soc-lastfm{ background-position: -40px -320px; }
.dark-bg a.a13_soc-linkedin{ background-position: -40px -340px; }
.dark-bg a.a13_soc-paypal{ background-position: -40px -360px; }
.dark-bg a.a13_soc-pinterest{ background-position: -40px -380px; }
.dark-bg a.a13_soc-quora{ background-position: -40px -400px; }
.dark-bg a.a13_soc-rss{ background-position: -40px -420px; }
.dark-bg a.a13_soc-sharethis{ background-position: -40px -440px; }
.dark-bg a.a13_soc-skype{ background-position: -40px -460px; }
.dark-bg a.a13_soc-stumbleupon{ background-position: -40px -480px; }
.dark-bg a.a13_soc-tumblr{ background-position: -40px -500px; }
.dark-bg a.a13_soc-twitter{ background-position: -40px -520px; }
.dark-bg a.a13_soc-vimeo{ background-position: -40px -540px; }
.dark-bg a.a13_soc-wordpress{ background-position: -40px -560px; }
.dark-bg a.a13_soc-yahoo{ background-position: -40px -580px; }
.dark-bg a.a13_soc-youtube{ background-position: -40px -600px; }
.dark-bg a.a13_soc-yelp{ background-position: -40px -620px; }
.dark-bg a.a13_soc-vkontakte{ background-position: -40px -640px; }
.dark-bg a.a13_soc-mailto{ background-position: -40px -660px; }
.dark-bg a.a13_soc-spotify{ background-position: -40px -680px; }
.dark-bg a.a13_soc-dropbox{ background-position: -40px -700px; }
.dark-bg a.a13_soc-reddit{ background-position: -40px -720px; }
.dark-bg a.a13_soc-custom{ background-position: -40px -740px; }

/*HOVERS*/
.socials a.a13_soc-500px:hover{ background-position: -20px 0; }
.socials a.a13_soc-aim:hover{ background-position: -20px -20px; }
.socials a.a13_soc-behance:hover{ background-position: -20px -40px; }
.socials a.a13_soc-blogger:hover{ background-position: -20px -60px; }
.socials a.a13_soc-delicious:hover{ background-position: -20px -80px; }
.socials a.a13_soc-deviantart:hover{ background-position: -20px -100px; }
.socials a.a13_soc-digg:hover{ background-position: -20px -120px; }
.socials a.a13_soc-dribbble:hover{ background-position: -20px -140px; }
.socials a.a13_soc-evernote:hover{ background-position: -20px -160px; }
.socials a.a13_soc-facebook:hover{ background-position: -20px -180px; }
.socials a.a13_soc-flickr:hover{ background-position: -20px -200px; }
.socials a.a13_soc-forrst:hover{ background-position: -20px -220px; }
.socials a.a13_soc-foursquare:hover{ background-position: -20px -240px; }
.socials a.a13_soc-github:hover{ background-position: -20px -260px; }
.socials a.a13_soc-googleplus:hover{ background-position: -20px -280px; }
.socials a.a13_soc-instagram:hover{ background-position: -20px -300px; }
.socials a.a13_soc-lastfm:hover{ background-position: -20px -320px; }
.socials a.a13_soc-linkedin:hover{ background-position: -20px -340px; }
.socials a.a13_soc-paypal:hover{ background-position: -20px -360px; }
.socials a.a13_soc-pinterest:hover{ background-position: -20px -380px; }
.socials a.a13_soc-quora:hover{ background-position: -20px -400px; }
.socials a.a13_soc-rss:hover{ background-position: -20px -420px; }
.socials a.a13_soc-sharethis:hover{ background-position: -20px -440px; }
.socials a.a13_soc-skype:hover{ background-position: -20px -460px; }
.socials a.a13_soc-stumbleupon:hover{ background-position: -20px -480px; }
.socials a.a13_soc-tumblr:hover{ background-position: -20px -500px; }
.socials a.a13_soc-twitter:hover{ background-position: -20px -520px; }
.socials a.a13_soc-vimeo:hover{ background-position: -20px -540px; }
.socials a.a13_soc-wordpress:hover{ background-position: -20px -560px; }
.socials a.a13_soc-yahoo:hover{ background-position: -20px -580px; }
.socials a.a13_soc-youtube:hover{ background-position: -20px -600px; }
.socials a.a13_soc-yelp:hover{ background-position: -20px -620px; }
.socials a.a13_soc-vkontakte:hover{ background-position: -20px -640px; }
.socials a.a13_soc-mailto:hover{ background-position: -20px -660px; }
.socials a.a13_soc-spotify:hover{ background-position: -20px -680px; }
.socials a.a13_soc-dropbox:hover{ background-position: -20px -700px; }
.socials a.a13_soc-reddit:hover{ background-position: -20px -720px; }
.socials a.a13_soc-custom:hover{ background-position: -20px -740px; }

/* colors to light version */
.socials.colors a.a13_soc-500px{ background-position: -20px 0; }
.socials.colors a.a13_soc-aim{ background-position: -20px -20px; }
.socials.colors a.a13_soc-behance{ background-position: -20px -40px; }
.socials.colors a.a13_soc-blogger{ background-position: -20px -60px; }
.socials.colors a.a13_soc-delicious{ background-position: -20px -80px; }
.socials.colors a.a13_soc-deviantart{ background-position: -20px -100px; }
.socials.colors a.a13_soc-digg{ background-position: -20px -120px; }
.socials.colors a.a13_soc-dribbble{ background-position: -20px -140px; }
.socials.colors a.a13_soc-evernote{ background-position: -20px -160px; }
.socials.colors a.a13_soc-facebook{ background-position: -20px -180px; }
.socials.colors a.a13_soc-flickr{ background-position: -20px -200px; }
.socials.colors a.a13_soc-forrst{ background-position: -20px -220px; }
.socials.colors a.a13_soc-foursquare{ background-position: -20px -240px; }
.socials.colors a.a13_soc-github{ background-position: -20px -260px; }
.socials.colors a.a13_soc-googleplus{ background-position: -20px -280px; }
.socials.colors a.a13_soc-instagram{ background-position: -20px -300px; }
.socials.colors a.a13_soc-lastfm{ background-position: -20px -320px; }
.socials.colors a.a13_soc-linkedin{ background-position: -20px -340px; }
.socials.colors a.a13_soc-paypal{ background-position: -20px -360px; }
.socials.colors a.a13_soc-pinterest{ background-position: -20px -380px; }
.socials.colors a.a13_soc-quora{ background-position: -20px -400px; }
.socials.colors a.a13_soc-rss{ background-position: -20px -420px; }
.socials.colors a.a13_soc-sharethis{ background-position: -20px -440px; }
.socials.colors a.a13_soc-skype{ background-position: -20px -460px; }
.socials.colors a.a13_soc-stumbleupon{ background-position: -20px -480px; }
.socials.colors a.a13_soc-tumblr{ background-position: -20px -500px; }
.socials.colors a.a13_soc-twitter{ background-position: -20px -520px; }
.socials.colors a.a13_soc-vimeo{ background-position: -20px -540px; }
.socials.colors a.a13_soc-wordpress{ background-position: -20px -560px; }
.socials.colors a.a13_soc-yahoo{ background-position: -20px -580px; }
.socials.colors a.a13_soc-youtube{ background-position: -20px -600px; }
.socials.colors a.a13_soc-yelp{ background-position: -20px -620px; }
.socials.colors a.a13_soc-vkontakte{ background-position: -20px -640px; }
.socials.colors a.a13_soc-mailto{ background-position: -20px -660px; }
.socials.colors a.a13_soc-spotify{ background-position: -20px -680px; }
.socials.colors a.a13_soc-dropbox{ background-position: -20px -700px; }
.socials.colors a.a13_soc-reddit{ background-position: -20px -720px; }
.socials.colors a.a13_soc-custom{ background-position: -20px -740px; }

/* colors to light version hovers */
.socials.colors a.a13_soc-500px:hover{ background-position: -40px 0; }
.socials.colors a.a13_soc-aim:hover{ background-position: -40px -20px; }
.socials.colors a.a13_soc-behance:hover{ background-position: -40px -40px; }
.socials.colors a.a13_soc-blogger:hover{ background-position: -40px -60px; }
.socials.colors a.a13_soc-delicious:hover{ background-position: -40px -80px; }
.socials.colors a.a13_soc-deviantart:hover{ background-position: -40px -100px; }
.socials.colors a.a13_soc-digg:hover{ background-position: -40px -120px; }
.socials.colors a.a13_soc-dribbble:hover{ background-position: -40px -140px; }
.socials.colors a.a13_soc-evernote:hover{ background-position: -40px -160px; }
.socials.colors a.a13_soc-facebook:hover{ background-position: -40px -180px; }
.socials.colors a.a13_soc-flickr:hover{ background-position: -40px -200px; }
.socials.colors a.a13_soc-forrst:hover{ background-position: -40px -220px; }
.socials.colors a.a13_soc-foursquare:hover{ background-position: -40px -240px; }
.socials.colors a.a13_soc-github:hover{ background-position: -40px -260px; }
.socials.colors a.a13_soc-googleplus:hover{ background-position: -40px -280px; }
.socials.colors a.a13_soc-instagram:hover{ background-position: -40px -300px; }
.socials.colors a.a13_soc-lastfm:hover{ background-position: -40px -320px; }
.socials.colors a.a13_soc-linkedin:hover{ background-position: -40px -340px; }
.socials.colors a.a13_soc-paypal:hover{ background-position: -40px -360px; }
.socials.colors a.a13_soc-pinterest:hover{ background-position: -40px -380px; }
.socials.colors a.a13_soc-quora:hover{ background-position: -40px -400px; }
.socials.colors a.a13_soc-rss:hover{ background-position: -40px -420px; }
.socials.colors a.a13_soc-sharethis:hover{ background-position: -40px -440px; }
.socials.colors a.a13_soc-skype:hover{ background-position: -40px -460px; }
.socials.colors a.a13_soc-stumbleupon:hover{ background-position: -40px -480px; }
.socials.colors a.a13_soc-tumblr:hover{ background-position: -40px -500px; }
.socials.colors a.a13_soc-twitter:hover{ background-position: -40px -520px; }
.socials.colors a.a13_soc-vimeo:hover{ background-position: -40px -540px; }
.socials.colors a.a13_soc-wordpress:hover{ background-position: -40px -560px; }
.socials.colors a.a13_soc-yahoo:hover{ background-position: -40px -580px; }
.socials.colors a.a13_soc-youtube:hover{ background-position: -40px -600px; }
.socials.colors a.a13_soc-yelp:hover{ background-position: -40px -620px; }
.socials.colors a.a13_soc-vkontakte:hover{ background-position: -40px -640px; }
.socials.colors a.a13_soc-mailto:hover{ background-position: -40px -660px; }
.socials.colors a.a13_soc-spotify:hover{ background-position: -40px -680px; }
.socials.colors a.a13_soc-dropbox:hover{ background-position: -40px -700px; }
.socials.colors a.a13_soc-reddit:hover{ background-position: -40px -720px; }
.socials.colors a.a13_soc-custom:hover{ background-position: -40px -740px; }




/* ==========================================================================
   Some group Transitions
   ========================================================================== */
.to-move,
#side-menu,
#basket-menu,
#thumb-list li{
	-webkit-transition: -webkit-transform .5s, visibility .5s;
			transition: 		transform .5s, visibility .5s;
}
/* For elements that are also manipulated by JS */
.slider-slides li iframe,
.slider-slides div.wp-video,
.widget-slider-ctrls span,
ul#thumb-list li::before,
#a13-slider.gradient a.slide::after,
#a13-slider.pattern a.slide::before{
	-webkit-transition: opacity .5s ease;
			transition: opacity .5s ease;
}

a.logo{
	-webkit-transition: background-color .5s, color .5s, opacity .5s;
			transition: background-color .5s, color .5s, opacity .5s;
}
h1 a,h2 a,h3 a,h4 a,h5 a, h6 a,
a.post-title,
.genre-filter a,
.navigation a,
.f-audio .skip-button,
.f-audio .mejs-controls .mejs-button,
.foot-text a,
.top-menu li,
.top-menu a,
.top-menu span.title,
.top-menu i.sub-mark,
.top-menu > li > a::before,
.posts-nav a span,
.formatter a,
.widget li a{
	-webkit-transition: background-color .5s, color .5s;
			transition: background-color .5s, color .5s;
}

input,
textarea,
.tagcloud a,
.under_content_tags a,
#slider-controls span,
.texts-opener,
.more-link{
	-webkit-transition: all .4s ease;
			transition: all .4s ease;
}




/* ==========================================================================
   Post styles globals
   ========================================================================== */
.clearfix::before,
.clearfix::after {
	content: " ";
	display: table;
}
.clearfix::after {
	clear: both;
}
.clear {
	clear: both;
	display: block;
	font-size: 0;
	height: 0;
	line-height: 0;
}




/* ==========================================================================
   Responsive design
   ========================================================================== */
@media only screen and (min-width: 1560px) {
	/* make sure that sidebar wont get too wide */
	.layout-full .content-box{
		width: -webkit-calc(100% - 320px); /* 320 sidebar*/
		width: 		   calc(100% - 320px);
	}
	.no-sidebars .content-box{
		width: auto;
	}
	.layout-full #secondary{
		width: 320px;
	}
}

@media only screen and (min-width: 1640px) {
	/* make sure that sidebar wont get too wide */
	.layout-full_padding .content-box{
		width: -webkit-calc(100% - 320px); /* 320 sidebar*/
		width: 		   calc(100% - 320px);
	}
	.no-sidebars .content-box{
		width: auto;
	}
	.layout-full_padding #secondary{
		width: 320px;
	}
}

@media only screen and (min-width: 1025px) {
	/* we return number much above any breakpoints that we use in JS - need for not null values */
	body::after {
		content: 'narrow1500'; /* info for JS */
		display: none;
	}
}



@media only screen and (max-width: 1400px) and (min-width: 1025px) {
	/* make sure that sidebar wont get too narrow */
	.layout-full_padding.with-sidebar #col-mask{
		right: 30%;
	}
	.page .layout-full_padding.with-sidebar .content-box .formatter,
	.single-post .layout-full_padding.with-sidebar .content-box .formatter{
		padding: 60px 40px;
	}
	.layout-full_padding.with-sidebar .content-box{
		width: 70%;
		left: 30%;
	}
	.layout-full_padding.with-sidebar #secondary{
		left: 30%;
		width: 30%;
	}
}
@media only screen and (max-width: 1320px) and (min-width: 1025px) {
	body::after {
		content: 'narrow1320'; /* info for JS */
		display: none;
	}

	/* make sure that sidebar wont get too narrow */
	.layout-parted.with-sidebar #col-mask,
	.layout-full.with-sidebar #col-mask{
		right: 30%;
	}
	.page .layout-parted.with-sidebar .content-box .formatter,
	.page .layout-full.with-sidebar .content-box .formatter,
	.single-post .layout-parted.with-sidebar .content-box .formatter,
	.single-post .layout-full.with-sidebar .content-box .formatter{
		padding: 60px 40px;
	}
	.layout-parted.with-sidebar .content-box{
		width: -webkit-calc(70% - 10px);
		width: 		   calc(70% - 10px);
		left: 30%;
	}
	.layout-full.with-sidebar .content-box{
		width: 70%;
		left: 30%;
	}
	.layout-parted.with-sidebar #secondary,
	.layout-full.with-sidebar #secondary{
		left: 30%;
		width: 30%;
	}
	.layout-padding #content{
		margin: 0 20px;
	}
}
@media only screen and (max-width: 1150px) and (min-width: 1025px) {
	/* make sure that sidebar wont get too narrow */
	.layout-full.left-sidebar #secondary{
		padding-right: 10px;
	}
	.layout-full.right-sidebar #secondary{
		padding-left: 10px;
	}
}

@media only screen and (max-width: 1024px) {
	body::after {
		content: 'narrow1024'; /* info for JS */
		display: none;
	}

	/* header */
	#header{
		position: fixed;
		width: 100%;
		min-height: 50px;
	}
	.header-widgets{
		display: none;
	}
	#header-tools #mobile-menu-opener{
		display: block;
	}
	.logo-container{
		max-width: 200px;
		display: inline-block;
		text-align: center;
	}
	#header-tools{
		top: 10px;
		height: 0;
		min-height: 0;
		left: 0;
		margin-left: 40px;
	}
	#basket-menu-switch.tool,
	#side-menu-switch.tool{
		float: left;
	}
	.admin-bar #header-tools{
		top: 42px;
	}
	#header-tools .tool{
		box-shadow: none;
	}
	#header-tools .tool::before{
		-webkit-transition: opacity .3s;
				transition: opacity .3s;
		opacity: 0.7;
	}
	#header-tools .tool:hover::before{
		opacity: 1;
	}
	#header #footer{
		display: none;/* for instant proper size header */
	}
	#header .head{
		text-align: center;
		padding-bottom: 0 !important;/* for instant proper size header */
	}


	/********/
	/* TOUCH MENU */
	.navigation-bar .menu-container{
		display: none;
		width: 100%;
		position: absolute;
		left: 0;
		top: 100%;
	}
	.navigation-bar .top-menu{
		padding: 25px 0;
	}
	.navigation-bar .top-menu ul li > a,
	.navigation-bar .top-menu ul li > span.title{
		padding-left: 55px;/* indent submenus */
	}
	.navigation-bar .top-menu li a,
	.navigation-bar .top-menu li span.title{
		line-height: 36px;
	}
	.navigation-bar .top-menu i.sub-mark{
		top: 0;
		right: 38px;
		margin-top: 6px;
		background-color: rgba(255,255,255,0.1);
	}


	/* next levels */
	.navigation-bar .top-menu .mega-menu > ul > li > span.title,
	.navigation-bar .top-menu .mega-menu > ul > li > a{
		padding-top: 10px;
	}
	.navigation-bar ul{
		display: none;
		opacity: 1;
		visibility: visible;
		position: static;
		border-top: none;
		padding: 0;
	}
	.navigation-bar .top-menu li{
		white-space: normal;
		display: block;
		text-align: left;
	}
	.navigation-bar .top-menu li li a,
	.navigation-bar .top-menu li li span.title{
		line-height: 26px;/* more space on touch devices */
	}

	/* MEGA MENU OVERWRITES */
	.navigation-bar .mega-menu > ul{
		width: auto;
	}
	.navigation-bar .mega-menu > ul > li{
		float: none;
		border-left: none;
		width: auto;
	}

	/********/
	/* END OF TOUCH MENU */


	/* header variant right */
	.header-variant-right #header-tools{
		right: 0;
		margin-right: 40px;
	}
	.header-variant-right #basket-menu-switch.tool,
	.header-variant-right #side-menu-switch.tool{
		float: right;
	}
	.header-variant-right #mid {
		padding: 0;
	}


	/* footer */
	#footer{
		z-index: 8; /* below header */
	}
	.f-links{
		max-width: 50%;
		float: left;
	}
	.f-links .socials {
		display: inline-block;
		vertical-align: bottom;
	}
	.f-audio{
		width: 160px;
		margin-right: 20px;
		display: inline-block;
		vertical-align: top;
	}
	.foot-text{
		float: right;
		text-align: right;
		max-width: 50%;
	}

	/* content layouts */
	#mid {
		padding: 0;
	}
	.layout-padding #content{
		margin: 0;
	}

	.with-sidebar .formatter{
		padding: 40px;
	}
	.with-sidebar #col-mask{
		right: 30%;
	}
	.with-sidebar .content-box{
		left: 30%;
		width: -webkit-calc(70% - 10px);
		width:  	   calc(70% - 10px);
	}
	#secondary{
		left: 30%;
		width: 30%;
	}

	/* comments */
	.with-sidebar .comments-area{
		margin: 40px -40px -40px;
		padding: 40px;
	}

	/* single album bricks */
	.album-content {
		left: 0;
	}
	.album-content{
		position: static;
		width: auto;
		height: auto;
		float: none;
	}
	#only-album-items-here{
		margin-right: 0 !important;;
		margin-left: 0 !important;
	}
	
	/* single album slider */
	#a13-slider{
		left: 0;
	}
	.header-variant-right #a13-slider{
		right: 0;
	}
}

@media only screen and (max-width: 782px) {
	/* header */
	.admin-bar #header,
	.admin-bar #a13-slider{
		top: 46px;
	}
	.admin-bar #header-tools{
		top: 56px;
	}

	/* content */
	.admin-bar #mid{
		margin-top: 46px;
	}
	body.single-album.admin-bar{
		height: -webkit-calc(100% - 46px);
		height: 		calc(100% - 46px);
	}
}

@media only screen and (max-width: 768px) {
	body::after {
		content: 'narrow768'; /* info for JS */
		display: none;
	}

	/* menu */
	.navigation-bar .top-menu{
		padding: 10px 0;
	}

	/* footer */
	.f-links,
	.foot-text{
		float: none;
		text-align: center;
		max-width: none;
	}
	.foot-text{
		margin-bottom: 10px;
	}
	.f-audio{
		margin-right: 5px;
	}
	.f-links .socials{
		margin-left: 5px;
	}

	/* content layouts */
	.with-sidebar .formatter{
		padding: 60px;
	}
	#col-mask,
	.with-sidebar #col-mask{
		right: auto;
		float: none;
	}
	#secondary,
	.left-sidebar #secondary,
	.content-box,
	.with-sidebar .content-box{
		float: none;
		left: auto;
		width: auto;
		margin-left: 0;
		margin-right: 0;
	}

	/* main sidebar */
	#secondary{
		padding-left: 60px;
		padding-right: 60px;
	}
	#secondary .widget{
		width: 48%;
		float: left;
	}
	#secondary .widget:nth-child(even){
		margin-left: 3.9%;
	}
	#secondary .widget:nth-child(odd){
		clear: left;
	}

	/* comments */
	.with-sidebar .comments-area{
		margin: 50px -60px -60px;
		padding: 40px 60px;
	}

	/* single album slider */
	#play-button{
		margin-right: 0;
		display: block;/* so it wont buff line height */
	}
	span.slides-count{
		display: none;
	}
	.slide-caption{
		left: 40px;
		right: 40px;
		max-width: none;
		max-height: none;
	}
	.slide-caption.with-color .description{
		max-height: 150px;
		overflow: auto;
	}
	#slider-controls{
		right: 40px;
	}
	#slider-controls.with-thumbs,
	.with-thumbs .slide-caption{
		bottom: 60px;
	}
	.thumbs-hovered .slide-caption,
	.thumbs-hovered #slider-controls.with-thumbs{
		bottom: 120px;
	}
	.texts-opener{
		display: block;
	}
	.slide-caption h2.title,
	.slide-caption .description{
		display: none;
	}
}

@media only screen and (max-width: 600px) {
	body::after {
		content: 'narrow600'; /* info for JS */
		display: none;
	}

	/* header */
	#header{
		position: relative;
	}
	#header-tools{
		position: absolute;
	}
	body.fullscreen #header-tools{
		position: fixed;
	}
	#header-tools .tool{
		width: 32px;
		height: 32px;
		line-height: 32px;
	}
	#basket-items-count{
		display: none;
	}

	/* content layouts */
	#secondary,
	.formatter,
	.with-sidebar .formatter{
		padding: 40px;
	}
	.single-post .slidesjs-pagination,
	.page .slidesjs-pagination{
		margin: 0 0 20px 40px;
	}

	/* main sidebar */
	#secondary .widget{
		width: auto;
		float: none;
	}
	#secondary .widget:nth-child(even){
		margin-left: 0;
	}

	/* posts navigation */
	.posts-nav,
	.posts-nav a{
		display: block;
		width: auto;
	}
	.posts-nav a{
		height: auto;
		padding: 15px 0;
	}

	/* comments */
	.comments-area,
	.with-sidebar .comments-area{
		margin: 40px -40px -40px;
		padding: 40px;
	}
	img.avatar{
		-webkit-border-radius: 20px;
				border-radius: 20px;
		height: 40px;
		width: 40px;
	}
	.comment-body, .author-inside{
		padding-left: 60px;
	}

	/* albums list */
	.genre-filter{
		margin-bottom: 0;
		bottom: 10px;
	}

	/* single album bricks */
	.album-content .inside {
		padding: 40px !important;
	}

	/* single album slider */
	#thumb-tray{
		display: none;
	}
	#slider-controls,
	.slide-caption,
	#slider-controls.with-thumbs,
	.with-thumbs .slide-caption{
		bottom: 20px;
	}
	.slider-arrow{
		width: 100px;
	}
}

@media only screen and (max-width: 480px) {
	.header-variant-right #header-tools,
	#header-tools{
		margin-left: 30px;
		margin-right: 30px;
	}
}

@media only screen and (max-width: 400px) {
	/* header */
	.logo-container {
		padding: 0 20px;
		max-width: 50%;
	}
	.header-variant-right #header-tools,
	#header-tools{
		margin-right: 10px;
		margin-left: 10px;
	}

	/* content layouts */
	.formatter,
	.with-sidebar .formatter{
		padding: 20px;
	}
	#secondary,
	#side-menu div.scroll-wrap,
	#basket-menu div.scroll-wrap2{
		padding: 20px;
	}
	.single-post .slidesjs-pagination,
	.page .slidesjs-pagination{
		margin-left: 20px;
	}

	/* comments */
	.comments-area,
	.with-sidebar .comments-area{
		margin: 40px -20px -20px;
		padding: 20px;
	}

	/* single album bricks */
	.album-content .inside {
		padding: 20px !important;
	}

	/* single album slider */
	.slide-caption{
		left: 20px;
		right: 20px;
	}
	#slider-controls{
		right: 20px;
	}
	.slider-arrow{
		width: 70px;
	}
}


/* height restrictions */
@media only screen and (max-width: 1024px) and (max-height: 700px) {
	#header-tools{
		position: absolute;
	}
	body.fullscreen #header-tools{
		position: fixed;
	}
}

/* Style adjustments for high resolution devices */
@media print,
(-o-min-device-pixel-ratio: 5/4),
(-webkit-min-device-pixel-ratio: 1.25),
(min-resolution: 120dpi) {
	.socials a{
		background-image: url(images/socials@2x.png);
	}
	.socials.squares a{
		background-image: url(images/socials_square@2x.png);
	}
}