/*
Theme Name: FatMoon
Description: 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: fatmoon
Version: 1.1.7
*/

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

	   General styles
	   Preloader
	   Forms
	   Buttons
	   WordPress default styles
	   General layout
	   Header tools
	   Header menu general
	   Header menu horizontal
	   Header menu vertical
	   Logo
	   Header vertical
	   Header vertical variant right
	   Header horizontal general
	   Header horizontal variants
	   Top bar in header
	   Top closable message
	   Header search
	   Menu overlay
	   Footer
	   Footer unravel effect
	   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/Albums list
	   Category filter
	   Sidebar filter
	   Single albums
	   Single work
	   Post lightbox
	   A13 slider
	   A13 sticky one page
	   Things added to fullpage.js
	   Image carousel tweak
	   Typed js effect
	   Visual Composer - various things
	   Visual Composer extend
	   Counter shortcode
	   Visual Composer progress bar shortcode tweak
	   Visual Composer tab shortcode tweak
	   Post grid variants
	   Testimonial shortcode
	   Grid element for posts
	   Grid element for products
	   Grid element for works & albums
	   Side menu effects
	   Social icons
	   Some group Transitions
	   Post styles globals
	   Responsive design
   ========================================================================== */



/* ==========================================================================
   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{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;-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: #222;
	text-decoration: underline;
}



/* =============================================================================
   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 #d4d4d4;
	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: 1px solid transparent;
	background-color: #f5f5f5;
	color: #5b5b5b;
	font-size: 12px;
	padding: 9px 15px 7px;
	height: 40px;
	width: 100%;
	max-width: 450px;
	-webkit-box-sizing: border-box; box-sizing: border-box;
	-webkit-border-radius: 0;
			border-radius: 0;
}
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: #d4d4d4;
	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: #4E82F1 none;
	display: inline-block;
	border: none;
	box-shadow: none;
	cursor: pointer;
	color: #fff;
	font-size: 11px;
	font-weight: bold;
	text-align: center;
	text-transform: uppercase;
	text-shadow: none;
	line-height: 38px;
	white-space: nowrap;
	height: 36px;
	padding: 0 30px;
	-webkit-border-radius: 20px;
			border-radius: 20px;
}
input[type="submit"]:hover,
input[type="submit"]:focus{
	background: #4E6BD6 none;
	color: #fff;
}



/* =============================================================================
   WordPress 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 */
	color: #7f7f7f;
	overflow-x: hidden;
}
.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 */
}
#mid{
	overflow-x: hidden; /* Revo Slider fancy effects extending */
	overflow-y: hidden; /* Revo Slider fancy effects extending */
	position: relative;
	z-index: 2; /* above background */
	-webkit-transition: -webkit-transform .5s; /* padding is for full screen, rest for "to-move" class */
			transition: 		transform .5s;
}
#header,
#header.a13-light-variant,
#header.a13-dark-variant{
	box-shadow: 0 0 12px rgba(0, 0, 0, 0.09);
	background-color: #fff;
}
.mobile-menu-open.header-vertical #header,
.mobile-menu-open.header-horizontal #header{
	z-index: 21;
}
#footer{
	position: relative;
	z-index: 10;
}
.error404 .page-background,
.password-protected .page-background{
	background-size: cover;
	background-color: #000;
}

/* 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;
}
.mobile-menu-open #content-overlay,
.side-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;
}
#basket-menu{
	position: absolute;
	top: 0;
	z-index: 19; /* above header, footer, content */
	width: 240px;
	padding: 40px;
	display: none;
	background: #fff;
	box-shadow: 0 0 12px rgba(0, 0, 0, 0.09);
}
#side-menu{
	position: fixed;
	top: 0;
	bottom: 0;
	left: 0;
	z-index: 30; /* above header, footer, content, overlay */
	width: 320px;
	background: #fff;
}
.admin-bar #side-menu{
	top: 32px;
}
#side-menu{
	background-color: #000;
}
#side-menu.at-right{
	left: auto;
	right: 0;
}
#side-menu div.scroll-wrap{
	padding: 40px;
}
body.side-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) */
}

/* layout bordered */
.theme-borders{
	display: none;
}
.site-layout-bordered .theme-borders{
	display: block;
}
.theme-borders div{
	position: fixed;
	z-index: 1003; /* below lightbox but above most elements */
}
.theme-borders .top-border{
	top: 0;
	left: 0;
	width: 100%;
	height: 30px;
}
.admin-bar .theme-borders .top-border{
	top: 32px;
}
.theme-borders .right-border{
	top: 0;
	right: 0;
	height: 100%;
	width: 30px;
}
.theme-borders .bottom-border{
	bottom: 0;
	left: 0;
	width: 100%;
	height: 30px;
}
.theme-borders .left-border{
	top: 0;
	left: 0;
	height: 100%;
	width: 30px;
}
.no-border-top .theme-borders .top-border,
.no-border-right .theme-borders .right-border,
.no-border-bottom .theme-borders .bottom-border,
.no-border-left .theme-borders .left-border{
	display: none;
}
.theme-borders .right-border{
	top: 0;
	right: 0;
	height: 100%;
	width: 30px;
}
.theme-borders .bottom-border{
	bottom: 0;
	left: 0;
	width: 100%;
	height: 30px;
}
.theme-borders .left-border{
	top: 0;
	left: 0;
	height: 100%;
	width: 30px;
}
.site-layout-bordered .whole-layout{
	padding: 30px;
	-webkit-box-sizing: border-box; box-sizing: border-box; /* mainly for slider in album */
}
.no-border-top .whole-layout{ padding-top: 0; }
.no-border-right .whole-layout{ padding-right: 0; }
.no-border-bottom .whole-layout{ padding-bottom: 0; }
.no-border-left .whole-layout{ padding-left: 0; }

.site-layout-bordered #side-menu{
	margin-left: 30px;
	margin-top: 30px;
	margin-bottom: 30px;
}
.site-layout-bordered.no-border-top #side-menu{
	margin-top: 0;
}
.site-layout-bordered.no-border-bottom #side-menu{
	margin-bottom: 0;
}
.site-layout-bordered.no-border-left #side-menu{
	margin-left: 0;
}
.site-layout-bordered #side-menu.at-right{
	margin-left: 0;
	margin-right: 30px;
}
.site-layout-bordered.no-border-right #side-menu.at-right{
	margin-right: 0;
}

/* layout boxed */
.site-layout-boxed .whole-layout{
	max-width: 1240px;
	margin: 0 auto;
}

/* when admin bar */
.admin-bar .whole-layout{
	margin-top: 32px;
}

/* cursors */
.cursor-grab{
	cursor: -webkit-grab;
	cursor: 		grab;
}
.cursor-grabbing{
	cursor: move;/* fallback */
	cursor: -webkit-grabbing;
	cursor:			grabbing;
}

/* to top */
a.to-top{
	background-color: #524F51;
	outline: none !important;
	width: 40px;
	height: 40px;
	position: fixed;
	bottom: 100px;
	right: 40px;
	z-index: 1000;
	-webkit-border-radius: 20px;
			border-radius: 20px;
	color: #ccc;
	text-align: center;
	line-height: 38px;
	font-size: 13px;
	-webkit-transition: background-color 0.3s, color 0.3s;
			transition: background-color 0.3s, color 0.3s;
}
a.to-top::after {
	content: '';
	position: absolute;
	top: -20px;
	left: -20px;
	bottom: -20px;
	right: -20px;
	background: inherit;
	-webkit-border-radius: 40px;
			border-radius: 40px;
	z-index: -1;
	opacity: 0.4;
	-webkit-transform: scale3d(0.5, 0.5, 1);
			transform: scale3d(0.5, 0.5, 1);
}
a.to-top:hover {
	-webkit-transition: background-color 0.1s 0.3s, color 0.1s 0.3s;
			transition: background-color 0.1s 0.3s, color 0.1s 0.3s;
	color: #fff;
	text-decoration: none;
	background-color: #000;
	-webkit-animation: anim-moema-1 0.3s forwards;
			animation: anim-moema-1 0.3s forwards;
}
a.to-top:hover::after {
	-webkit-animation: anim-moema-2 0.3s 0.3s forwards;
			animation: anim-moema-2 0.3s 0.3s forwards;
}
.lt-ie10 a.to-top::after{
	display: none;
}
@-webkit-keyframes anim-moema-1 {
	60% {
		-webkit-transform: scale3d(0.8, 0.8, 1);
				transform: scale3d(0.8, 0.8, 1);
	}
	85% {
		-webkit-transform: scale3d(1.1, 1.1, 1);
				transform: scale3d(1.1, 1.1, 1);
	}
	100% {
		-webkit-transform: scale3d(1, 1, 1);
				transform: scale3d(1, 1, 1);
	}
}
@keyframes anim-moema-1 {
	60% {
		-webkit-transform: scale3d(0.8, 0.8, 1);
				transform: scale3d(0.8, 0.8, 1);
	}
	85% {
		-webkit-transform: scale3d(1.1, 1.1, 1);
				transform: scale3d(1.1, 1.1, 1);
	}
	100% {
		-webkit-transform: scale3d(1, 1, 1);
				transform: scale3d(1, 1, 1);
	}
}
@-webkit-keyframes anim-moema-2 {
	to {
		opacity: 0;
		-webkit-transform: scale3d(1, 1, 1);
				transform: scale3d(1, 1, 1);
	}
}
@keyframes anim-moema-2 {
	to {
		opacity: 0;
		-webkit-transform: scale3d(1, 1, 1);
				transform: scale3d(1, 1, 1);
	}
}



/* PLUGINS */
#qm{ /* Query monitor visibility in this kind of layout */
	z-index: 101;
	position: relative;
}
/* lightGallery ligthbox */
.lg-sub-html{
	background-color: transparent;
}
.lg-sub-html .customHtml h4,
.lg-sub-html .customHtml .description{
	background-color: rgba(0,0,0,0.78);
	display: block;
	max-width: 300px;
	margin: 0 auto;
	padding: 10px;
	border-radius: 3px;
}
.lg-sub-html .customHtml .description{
	max-width: 500px;
}
.lg-sub-html .customHtml h4:empty,
.lg-sub-html .customHtml .description:empty{
	display: none;
}
.customHtml > h4{
	color: #fff;
}
.customHtml{
	height: auto;
}
div.vc-mg-item-desc{
	display: none;
}
/* 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 tools
   ========================================================================== */
#header-tools{
	min-height: 26px;
	color: #444;
}
#header-tools.only-menu{
	/* we don't want to touch display property, but still hide it */
	clip: rect(1px, 1px, 1px, 1px);
	position: absolute;
	top: 0;
	left: 0;
	visibility: hidden;
	height: 1px;
	overflow: hidden;
	opacity: 0;
}
#header-tools .tool{
	display: inline-block;
	height: 26px;
	width: 36px;
	color: #e5e5e5;
	text-align: center;
	font-size: 16px;
	line-height: 26px;
	cursor: pointer;
	-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{
	color: #4d4d4d;
}
#header-tools .tool::before{
	display: block;
}
#header-tools #mobile-menu-opener{
	font-size: 18px;
	display: none;
}
/* basket counter */
#basket-menu-switch{
	position: relative;
}
#basket-items-count{
	position: absolute;
	top: -5px;
	left: 18px;
	min-width: 15px;
	line-height: 15px;
	font-size: 9px;
	font-weight: bold;
	text-align: center;
	color: #fff;
	font-family: 'Open Sans', arial, sans-serif;
	background-color: #F64747;
	-webkit-border-radius: 2px;
			border-radius: 2px;
}
#basket-items-count.zero{
	display: none;
}

/* button */
.tools_button{
	display: inline-block;
	height: 27px;
	line-height: 27px;
	text-transform: uppercase;
	text-align: center;
	font-size: 12px;
	font-weight: bold;
	padding: 0 10px;
	margin-left: 10px;
	border: 1px solid #E5E5E5;
	-webkit-border-radius: 3px;
			border-radius: 3px;
	-webkit-transition: all .3s;
			transition: all .3s;
	-webkit-box-sizing: border-box; box-sizing: border-box;
}
.tools_button:hover{
	text-decoration: none;
}



/* ==========================================================================
   Header menu general
   ========================================================================== */
.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: #000;
	display: block;
	text-decoration: none;
	outline: none !important; /* no link focus outline */
}
.top-menu > li > a,
.top-menu > li > span.title{
	position: relative;
	-webkit-transition: background-color .5s, color .5s, line-height .5s, height .5s;
			transition: background-color .5s, color .5s, line-height .5s, height .5s;
}
/* hover and active */
.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;
}
.top-menu span span i, .top-menu a span i{
	margin-right: 8px;
}
/* sub menu mark */
.top-menu i.sub-mark{
	height: 26px;
	width: 26px;
	display: inline-block;
	position: absolute;
	top: 0;
	cursor: pointer;
	color: #666;
}
.top-menu i.sub-mark::before{
	line-height: 16px;
	height: 16px;
	width: 100%;
	display: block;
	text-align: center;
	font-size: 14px;
	position: absolute;
	right: 0;
	top: 50%;
	margin-top: -8px;
}
.top-menu.opener-icons-off i.sub-mark{
	display: none;
}
.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{
	color: #fff;
}
/* not linkable sub parent */
.top-menu li.menu-parent-item > span.title{
	cursor: pointer;
}
/* when effect for menu is added */
.top-menu.with-effect a em,
.top-menu.with-effect span.title em{
	font-style: normal;
}

/* next levels */
.top-menu ul{
	display: none;
	padding: 30px 0;
}
.top-menu li li{
	font-size: 12px;
}

/* menu item with rollover icon */
.top-menu > li.hidden-icon > span.title,
.top-menu > li.hidden-icon > a{
	overflow: hidden;
}
.top-menu > li.hidden-icon > span.title i,
.top-menu > li.hidden-icon > a i{
	position: absolute;
	top: -50%;
	left: 50%;
	transform: translate(-50%, -50%);
	-webkit-transition: top .3s;
			transition: top .3s;
}
.top-menu > li.hidden-icon > span.title span,
.top-menu > li.hidden-icon > a span{
	position: relative;
	top: 0;
	-webkit-transition: top .3s;
			transition: top .3s;
}
.top-menu li.hidden-icon > span i + span,
.top-menu li.hidden-icon > a i + span {
	margin-left: 0;
}
.top-menu li.hidden-icon:hover > a i,
.top-menu li.hidden-icon.menu-parent-item:hover > span.title i,
.top-menu li.hidden-icon.open > a i,
.top-menu li.hidden-icon.open > span.title i,
.top-menu li.hidden-icon.current-menu-item > a i,
.top-menu li.hidden-icon.current-menu-ancestor > a i,
.top-menu li.hidden-icon.current-menu-item > span.title i,
.top-menu li.hidden-icon.current-menu-ancestor > span.title i{
	top: 50%;
}
.top-menu li.hidden-icon:hover > a span,
.top-menu li.hidden-icon.menu-parent-item:hover > span.title span,
.top-menu li.hidden-icon.open > a span,
.top-menu li.hidden-icon.open > span.title span,
.top-menu li.hidden-icon.current-menu-item > a span,
.top-menu li.hidden-icon.current-menu-ancestor > a span,
.top-menu li.hidden-icon.current-menu-item > span.title span,
.top-menu li.hidden-icon.current-menu-ancestor > span.title span{
	top: 150%;
}


/********/
/* 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;
	width: 840px;
	padding: 0;
}
.mega-menu.mm_columns_3 > ul{
	width: 630px;
}
.mega-menu.mm_columns_2 > ul{
	width: 420px;
}
.mega-menu > ul > li{
	background-color: transparent !important;
	float: left;
	width: 25%;
	-webkit-box-sizing: border-box; box-sizing: border-box;
}
.mega-menu > ul > li::before{
	content: "";
	width: 1px;
	background-color: #fff;
	display: block;
	position: absolute;
	top: 30px;
	bottom: 30px;
}
.mega-menu > ul > li:first-child::before{
	display: none;
}
.top-menu li.mega-menu > ul > li{ /* stronger selector */
	padding-right: 0;
}
.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;
	padding-top: 0;
}
.top-menu .mega-menu > ul > li > span.title,
.top-menu .mega-menu > ul > li > a{
	font-size: 14px;
	font-weight: bold;
	margin: 30px 0 10px;
}
.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;
}
.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 menu horizontal
   ========================================================================== */
.header-horizontal .navigation-bar{
	width: 100%;
	padding: 0 15px;
	position: relative; /* so submenus can be positioned properly */
}
.header-horizontal .top-menu{
	text-align: right;
	font-size: 0;/* no space between items */
}
.header-horizontal .top-menu li {
	white-space: nowrap;
}
/* sub menu mark */
.header-horizontal .top-menu i.sub-mark{
	right: 0;
	height: 100%;
}

/* First level */
.header-horizontal .top-menu > li{
	float: none;
	display: inline-block;
	vertical-align: bottom;
	text-align: left;
}
.header-horizontal .top-menu > li > a,
.header-horizontal .top-menu > li > span.title{
	padding: 0 10px; /* spacing in most top level */
}
.header-horizontal .top-menu.opener-icons-on li.menu-parent-item{
	padding-right: 26px; /* menu opener */
}
.header-horizontal .top-menu.opener-icons-on > li.menu-parent-item > a,
.header-horizontal .top-menu.opener-icons-on > li.menu-parent-item > span.title{
	padding-right: 4px;
}

/* next levels */
.header-horizontal .top-menu ul{
	position: absolute;
	top: 100%;
	left: 0;
	z-index: 250;
	min-width: 200px;
}
.header-horizontal .top-menu ul ul{
	top: -30px;
	left: 100%;
	border-top: none;
	margin-top: 0;
}
.header-horizontal .mega-menu > ul ul{
	position: static;
}
.header-horizontal .top-menu li li{
	padding: 0; /* reset side padding */
}
.header-horizontal .top-menu.opener-icons-on li li.menu-parent-item{
	padding-right: 51px; /* 25px of link side padding + 26px for arrow */
}
.header-horizontal .top-menu li li a,
.header-horizontal .top-menu li li span.title{ /* span.title only to gain color and block */
	line-height: 25px;
	padding: 0 30px;
}
.header-horizontal .top-menu ul li i.sub-mark{
	right: 25px;
}

/* submenu opened other way */
.header-horizontal .top-menu ul.otherway{
	left: auto;
	right: 0;
}
.header-horizontal .top-menu ul ul.otherway{
	left: auto;
	right: 100%;
}



/* ==========================================================================
   Header menu vertical
   ========================================================================== */
.header-vertical .top-menu ul{
	padding: 10px 0;
}
.header-vertical .top-menu li a,
.header-vertical .top-menu li span.title{
	min-height: 27px;
	line-height: 27px;
	padding: 0 40px;
}
.header-vertical .top-menu > li.hidden-icon > a,
.header-vertical .top-menu > li.hidden-icon > span.title{
	height: 1.5em; /* so we have height that we can relate to in effects */
}
.header-vertical .top-menu.with-effect > li > a > span,
.header-vertical .top-menu.with-effect > li > span.title > span{
	display: inline-block;
}
/* sub menu mark */
.header-vertical .top-menu i.sub-mark{
	right: 14px;
}

/* next levels */
.header-vertical .top-menu li li a,
.header-vertical .top-menu li li span.title{ /* span.title only to gain color and block */
	min-height: 17px;
	line-height: 17px;
}
.header-vertical .top-menu li li i.sub-mark{
	height: 17px;
	line-height: 17px;
}
.header-vertical .top-menu li li li a,
.header-vertical .top-menu li li li span.title{ /* span.title only to gain color and block */
	padding-left: 50px;
}

/********/
/* MEGA MENU STYLE */
.header-vertical .mega-menu > ul{
	left: 100%;
	top: 0;
}
.header-vertical .top-menu .mega-menu li a,
.header-vertical .top-menu .mega-menu li span.title{
	padding: 0 30px;
	line-height: 25px;
}
.header-vertical .mega-menu > ul ul{
	padding: 0 0 30px;
}



/* ==========================================================================
   Logo
   ========================================================================== */
a.logo{
	display: block;
	max-width: 200px;
	line-height: 40px; /* min height of header part */
	word-wrap: break-word;
	padding: 10px 0;
	opacity: 1;
	vertical-align: middle;
	background: transparent 50% 50% no-repeat;
	background-size: contain;
	background-origin: content-box;
	-webkit-transition: padding .5s, color .5s, opacity .5s;
			transition: padding .5s, color .5s, opacity .5s;
}
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;
}

a.hidden-logo{
	clip: rect(1px, 1px, 1px, 1px);
	height: 1px;
	overflow: hidden;
	position: absolute !important;
	width: 1px;
	opacity: 0;
}



/* ==========================================================================
   Header vertical
   ========================================================================== */
.header-vertical #header{
	position: absolute;
	top: 0;
	left: 0;
	width: 280px;
	min-height: 100%;
	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-vertical.site-layout-bordered #header{
	margin-top: 30px;
	margin-left: 30px;
	margin-bottom: 30px;
}
.header-vertical.site-layout-bordered.no-border-left #header{ margin-left: 0; }
.header-vertical.site-layout-bordered.no-border-top #header{ margin-top: 0; }
.header-vertical.site-layout-bordered.no-border-bottom #header{ margin-bottom: 0; }

.header-vertical #header.stick_to_bottom,
.admin-bar.header-vertical #header.stick_to_bottom{
	position: fixed;
	bottom: 0;
	top: auto;
}
.header-vertical #header.stick_to_top{
	position: fixed;
	bottom: auto;
	top: 0;
}
.admin-bar.header-vertical #header{
	top: 32px;
}
.header-vertical.site-layout-bordered.no-border-bottom.no-border-top #header{
	min-height: 100%;
}
.header-vertical.site-layout-bordered.no-border-top #header,
.header-vertical.site-layout-bordered.no-border-bottom #header{
	min-height: -webkit-calc(100% - 30px);
	min-height: 		calc(100% - 30px);
}
.header-vertical.site-layout-bordered #header{
	min-height: -webkit-calc(100% - 60px);
	min-height: 		calc(100% - 60px);
}

.admin-bar.header-vertical #header,
.admin-bar.header-vertical.site-layout-bordered.no-border-bottom.no-border-top #header{
	min-height: -webkit-calc(100% - 32px);
	min-height: 		calc(100% - 32px);
}
.admin-bar.header-vertical.site-layout-bordered.no-border-top #header,
.admin-bar.header-vertical.site-layout-bordered.no-border-bottom #header{
	min-height: -webkit-calc(100% - 62px);
	min-height: 		calc(100% - 62px);
}
.admin-bar.header-vertical.site-layout-bordered #header{
	min-height: -webkit-calc(100% - 92px);
	min-height: 		calc(100% - 92px);
}
.header-vertical .logo-container .logo{
	display: inline-block;
}
.header-vertical #header-tools{
	padding: 0 40px 0 30px;
	margin-top: 20px;
}
.header-vertical #mid{
	padding: 0 0 0 280px;
}
.header-vertical #header.scrollable-menu{
	position: absolute;
}
.header-vertical .navigation-bar{
	position: relative;
}
.header-vertical .logo-container{
	padding: 0 40px;
}
.header-widgets{
	padding: 0 40px;
}

.header-vertical #header.centered{
	text-align: center;
}

/* vertical mid */
.header-vertical .variant-content_in_mid .navigation-bar{
	display: table;
	width: 100%;
}
.variant-content_in_mid div.menu-container{
	display: table-cell;
	vertical-align: middle;
}



/* ==========================================================================
   Header vertical variant right
   ========================================================================== */
/* GENERAL LAYOUT */
.header-side-right.header-vertical #header{
	left:  auto;
	right: 0;
}
.header-side-right.header-vertical.site-layout-bordered #header{
	margin-left: 0;
	margin-right: 30px;
}
.header-side-right.header-vertical.site-layout-bordered.no-border-right #header{
	margin-right: 0;
}
.header-side-right #mid{
	padding: 0 280px 0 0;
}

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



/* =============================================================================
   Header horizontal general
   ========================================================================== */
.header-horizontal #header{
	width: 100%;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 11;/* above footer */
	-webkit-transition: -webkit-transform .8s cubic-bezier(0.645, 0.045, 0.355, 1), background-color .5s; /* bg-color is for hover, rest for "to-move" class */
			transition: 		transform .8s cubic-bezier(0.645, 0.045, 0.355, 1), background-color .5s;
}
.header-horizontal #header.no-fixed{
	position: absolute;
}
#header.horizontal{ /* removed from above rules too be easier overwritten */
	border-bottom: 1px solid #E5E5E5;
}

.admin-bar.header-horizontal #header{
	margin-top: 32px;
}
.header-horizontal #header .head{
	padding: 0 40px;
	margin: 0 auto;
	width: 100%;
	-webkit-box-sizing: border-box; box-sizing: border-box;
}
.header-horizontal #header.narrow-header{
	max-width: 1240px;
	left: 50%;
	-webkit-transform: translateX(-50%);
		-ms-transform: translateX(-50%);
			transform: translateX(-50%);
}
#header.narrow .head,
#header.narrow .top-bar{
	max-width: 1240px;
}
.header-horizontal .logo-container,
.header-horizontal .navigation-bar,
.header-horizontal #header-tools,
.header-horizontal header .socials {
	display:        table-cell;
	vertical-align: middle;
}
.header-horizontal #header-tools,
.header-horizontal header .socials {
	white-space: nowrap;
	text-align: right;
}
.header-horizontal #header-tools{
	padding-right: 15px;
}
.header-horizontal #header-tools::before,
.header-horizontal .head .socials::before{
	content: "";
	display: inline-block;
	height: 25px;
	width: 1px;
	background-color: #E5E5E5;
	margin-right: 15px;
	vertical-align: middle;
}
.header-horizontal .tool,
.header-horizontal .head .socials a{
	vertical-align: middle;
}

/* STICKY HEADER */
#header.sticky-values{
	box-shadow: 0 0 12px rgba(0, 0, 0, 0.09);
}
.header-horizontal #header.sticky-hide,
.header-horizontal #header.hide-until-scrolled-to{
	-webkit-transform: translateY(-102%);
		-ms-transform: translateY(-102%);
			transform: translateY(-102%);
	/* 102% cause it leaves one pixel behind when doing 3d transforms */
}
.site-layout-bordered.header-horizontal #header{
	top: 30px;
	left: 30px;
	right: 30px;
	width: auto;
}
.no-border-top.header-horizontal #header{ top: 0; }
.no-border-right.header-horizontal #header{ right: 0; }
.no-border-left.header-horizontal #header{ left: 0; }

/* narrow overwrites */
.header-horizontal #header.narrow-header{
	left: 50%;
	-webkit-transform: translateX(-50%);
		-ms-transform: translateX(-50%);
			transform: translateX(-50%);
}
.header-horizontal #header.sticky-hide.narrow-header,
.header-horizontal #header.hide-until-scrolled-to.narrow-header{
	-webkit-transform: translate(-50%, -102%);
		-ms-transform: translate(-50%, -102%);
			transform: translate(-50%, -102%);
	/* 102% cause it leaves one pixel behind when doing 3d transforms */
}
.site-layout-bordered.header-horizontal #header.narrow-header{
	width: 100%;
	right: auto;
}
.no-border-right.header-horizontal #header.narrow-header,
.no-border-left.header-horizontal #header.narrow-header{
	/* not fully supported, as no one should use such configuration */
	left: 50%;
	right: auto;
}

/* header scrollable menu */
.header-horizontal #header.scrollable-menu{
	position: absolute;
}



/* =============================================================================
   Header horizontal variants
   ========================================================================== */
/* ONE LINE */
.header-type-one_line .head{
	display: table;
}


/* ONE LINE MENU CENTERED */
.header-variant-one_line_menu_centered .top-menu{
	text-align: center;
}


/* ONE LINE LOGO CENTERED */
.header-variant-one_line_centered .socials-cell,
.header-variant-one_line_centered .tools-cell{
	width: 15%;
	display: table-cell;
	vertical-align: middle;
}
.header-variant-one_line_centered .tools-cell{
	text-align: right;
}
.header-variant-one_line_centered #header-tools,
header.header-variant-one_line_centered .socials{
	white-space: normal;
	padding: 0;
	display: block;
}
header.header-variant-one_line_centered .socials{
	text-align: left;
}
.header-variant-one_line_centered #header-tools::before,
.header-variant-one_line_centered .head .socials::before {
	display: none;
}
.header-variant-one_line_centered .menu-cell{
	width: 70%;
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	position: relative;
}
.header-variant-one_line_centered .navigation-bar{
	display: block;
	-webkit-box-sizing: border-box; box-sizing: border-box;
	/* for JS operation */
	-webkit-transition: min-height .5s ease;
			transition: min-height .5s ease;
}
.header-variant-one_line_centered .logo-container{
	display: block;
	max-width: 200px;
	z-index: 1;
	position: absolute;
	top: 0;
	left: 50%;
	-webkit-transform: translateX(-50%);
		-ms-transform: translateX(-50%);
			transform: translateX(-50%);
}
.header-variant-one_line_centered .logo-container a.logo{
	margin: 0 auto;
}
.header-variant-one_line_centered .menu-cell .top-menu{
	width: 50%;
	width: -webkit-calc(50% - 100px);
	width:		   calc(50% - 100px);
	float: left;
	text-align: right;
	/* for JS operation */
	-webkit-transition: line-height .5s ease;
			transition: line-height .5s ease;
}
.header-variant-one_line_centered .menu-cell .right-part{
	float: right;
	text-align: left;
}
.header-variant-one_line_centered .top-menu > li,
.header-variant-one_line_centered .top-menu > li > a,
.header-variant-one_line_centered .top-menu > li > span.title{
	line-height: inherit;
}



/* MULTI LINE */
#header.header-type-multi_line.narrow .head{
	max-width: none;
}
#header.header-type-multi_line.narrow .top-head{
	max-width: 1240px;
	margin: 0 auto;
}
#header.header-type-multi_line .head{
	padding: 0;
	display: block;
}
.header-type-multi_line .top-head{
	width: 100%;
	padding: 0 340px;
	-webkit-box-sizing: border-box; box-sizing: border-box;
	position: relative;
	min-height: 40px;
}
.header-type-multi_line .bottom-head{
	padding: 0 40px;
	border-color: #E5E5E5;
	border-top: 1px solid;
}
/*noinspection CssOptimizeSimilarProperties*/
.header-type-multi_line.header-variant-menu_above .bottom-head{
	/* not optimized cause color is set in user.css */
	border-top: none;
	border-bottom-style: solid;
	border-bottom-width: 1px;
}
.header-type-multi_line .logo-container{
	display: block;
	text-align: center;
}
.header-type-multi_line a.logo{
	display: inline-block;
}

.header-type-multi_line .navigation-bar,
.header-type-multi_line #header-tools,
.header-type-multi_line .head .socials{
	display: block;
}
.header-type-multi_line #header-tools,
.header-type-multi_line .head .socials{
	position: absolute;
	padding: 0;
	right: 40px;
	top: 50%;
	-webkit-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
			transform: translateY(-50%);
}
.header-type-multi_line .head .socials{
	right: auto;
	left: 40px;
}
.header-type-multi_line #header-tools::before,
.header-type-multi_line .head .socials::before{
	display: none;
}
.header-type-multi_line.narrow .navigation-bar{
	max-width: 1160px;
	margin: 0 auto;
}
.header-type-multi_line .top-menu{
	text-align: center;
}
.header-type-multi_line .top-menu > li > a,
.header-type-multi_line .top-menu > li > span.title{
	line-height: 40px;
	height: 40px;
	min-height: 40px;
}



/* ==========================================================================
   Top bar in header
   ========================================================================== */
.top-bar-container{
	border-bottom: 1px solid #E5E5E5;
	overflow: hidden;/* for animating from sticky header to normal */
	-webkit-transition: background-color .5s, color .5s;
			transition: background-color .5s, color .5s;
}
.top-bar-container .top-bar{
    margin: 0 auto;
    width: 100%;
	padding: 7px 40px;
    display: table;
	line-height: 26px;
    font-size: 12px;
	-webkit-box-sizing: border-box; box-sizing: border-box;
	/* for header color variant switching */
	-webkit-transition: color .5s;
			transition: color .5s;
}
.top-bar .top-bar-msg a:hover{
    text-decoration: underline;
}
.top-bar > div{
    display: table-cell;
    height: 26px; /* works as min-height */
    width: 50%;
    vertical-align: top;
}
.top-bar .part2{
    text-align: right;
}
.top-bar .part1:empty,
.top-bar .part2:empty{
    width: 0;
}
.top-bar ul{
    margin: 0;
    padding: 0;
    list-style: none;
}
.top-bar li{
    display: inline-block;
    position: relative;
}
.top-bar-menu li{
	padding: 0 10px;
}
.top-bar-menu li:first-child{
	padding-left: 0;
}
.top-bar .part2 .socials,
.top-bar .part2 .language-switcher{
	display: inline-block;
}
.top-bar .part2 .socials{
    margin-left: 15px;
}
.top-bar .language-switcher a{
    padding: 0 10px;
	display: inline-block;
}
.top-bar .language-switcher li::before{
	content: "";
	height: 13px;
	width: 1px;
	background-color: #E5E5E5;
	display: inline-block;
	vertical-align: middle;
}
.top-bar .language-switcher li:first-child::before{
	display: none;
}



/* ==========================================================================
   Top closable message
   ========================================================================== */
.top-message-container{
	position: fixed;
	z-index: 10000;
	top: 0;
	left: 0;
	width: 100%;
}
.admin-bar .top-message-container{
	top: 32px;
}
.top-message{
    margin: 0 auto;
	max-width: 1240px;
    width: 100%;
	min-height: 40px;
	padding: 8px 40px 6px;
    display: table;
	line-height: 26px;
    font-size: 11px;
	text-transform: uppercase;
	-webkit-box-sizing: border-box; box-sizing: border-box;
}
.top-message .message{
    display: table-cell;
    height: 26px; /* works as min-height */
    vertical-align: top;
	width: 100%;
}
.top-message .message a:hover{
    text-decoration: underline;
}

/* button */
.top-message .button span{
	display: inline-block;
	height: 26px;
	line-height: 26px;
	text-transform: uppercase;
	text-align: center;
	font-size: 11px;
	font-weight: bold;
	white-space: nowrap;
	padding: 0 10px;
	margin-left: 10px;
	border: 1px solid #E5E5E5;
	cursor: pointer;
	-webkit-border-radius: 3px;
			border-radius: 3px;
	-webkit-transition: border-color .3s, color .3s;
			transition: border-color .3s, color .3s;
	-webkit-box-sizing: border-box; box-sizing: border-box;
}

/* when there is no button */
.top-message.no-button{
	display: block;
	position: relative;
}
.top-message.no-button > div{
	display: block;
}
.top-message .close-sidebar{
	top: 5px;
}



/* ==========================================================================
   Header search
   ========================================================================== */
.search-container{
	position: absolute;
	z-index: 1;
	top: 0;
	bottom: 0;
	left: 0;
	width: 100%;
	min-height: 100px;
	background-color: #fff;
	box-shadow: 0 0 12px rgba(0, 0, 0, 0.09);
	display: none;
	-webkit-transform: translateY(-100%);
		-ms-transform: translateY(-100%);
			transform: translateY(-100%);
}
.header-vertical .search-container{
	left: 100%;
	bottom: auto;
	width: 640px;
}
.header-side-right.header-vertical .search-container{
	left: auto;
	right: 100%;
}
.search-container.open{
	display: block;
}
.search-container .search{
	margin: 0 auto;
	max-width: 1160px;
	padding: 0 40px;
	position: relative;
}
.lt-ie10 .search-container input[type="text"],
.search-container input[type="search"]{
	border: none;
	background-color: transparent;
	height: 100px;
	width: 100%;
	max-width: none;
	padding: 38px 40px;
	color: #aaa;
	font-size: 18px;
	text-align: left;
	-webkit-transition: color .5s;
			transition: color .5s;
}
.lt-ie10 .search-container input[type="text"]:focus,
.search-container input[type="search"]:focus{
	color: #444;
}
.search-container .icon-search,
.search-container .close{
	color: #c5c5c5;
	font-size: 18px;
	position: absolute;
	left: 40px;
	top: 50%;
	-webkit-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
			transform: translateY(-50%);
}
.search-container .close{
	left: auto;
	right: 34px;
	padding: 6px;/* bigger click area */
	cursor: pointer;
	-webkit-transition: color .5s;
			transition: color .5s;
}
.search-container .close:hover{
	color: #444;
}
.search-container input[type="submit"]{
	background: none;
	height: 0;
	width: 0;
	position: absolute;
	border: none;
}

#search-results-header{
	margin: 0 auto;
	max-width: 1240px;
	width: 100%;
	position: relative;
	background-color: inherit;
	box-shadow: 0 6px 6px -3px rgba(0, 0, 0, 0.09);
}
.header-vertical #search-results-header{
	box-shadow: none;
}
.searchwp-live-search-results{
	border-top: 1px solid #F2F2F2;
	padding: 40px 0 90px;
}
.searchwp-live-search-results:empty{
	display: none;
}
.searchwp-live-search-results .all-results{
	display: block;
	position: absolute;
	bottom: 30px;
	left: 50%;
	-webkit-transform: translateX(-50%);
		-ms-transform: translateX(-50%);
			transform: translateX(-50%);
	height: 26px;
	line-height: 28px;
	text-transform: uppercase;
	text-align: center;
	color: #444;
	font-size: 12px;
	font-weight: bold;
	padding: 0 10px;
	border: 1px solid #E5E5E5;
	-webkit-border-radius: 3px;
			border-radius: 3px;
	-webkit-transition: background-color .3s, color .3s;
			transition: background-color .3s, color .3s;
}
.searchwp-live-search-results .all-results:hover{
	background-color: #222;
	border-color: #222;
	color: #fff;
}
.searchwp-live-search-result{
	min-height: 112px;
	font-size: 12px;
	-webkit-transition: background-color .35s;
			transition: background-color .35s;
}
.searchwp-live-search-result:hover,
.searchwp-live-search-result.active{
	background-color: rgba(0, 0, 0, 0.03);
}
.searchwp-live-search-result a{
	display: block;
	padding: 22px 40px 10px
}
.searchwp-live-search-result a:hover{
	text-decoration: none;
}
.searchwp-live-search-result .icon{
	height: 80px;
	width: 80px;
	float: left;
	background: #f6f6f6 no-repeat 50% 50%;
	background-size: cover;
	color: #666;
	text-align: center;
	font-size: 20px;
	line-height: 80px;
	-webkit-border-radius: 40px;
    		border-radius: 40px;
	-webkit-transition: box-shadow .35s;
			transition: box-shadow .35s;
}
.searchwp-live-search-result:hover .icon,
.searchwp-live-search-result.active .icon{
	box-shadow: 0 0 14px #bbb;
}
.searchwp-live-search-result .title{
	margin: 0 0 10px 100px;
	display: block;
	color: #444;
	font-size: 14px;
	font-weight: bold;
}
.searchwp-live-search-result time{
	margin: 0 0 10px 100px;
	display: block;
	color: #B2B2B2;
}
.searchwp-live-search-result .excerpt{
	margin: 0 0 10px 100px;
	display: block;
	color: #848484;
}

/* no results */
.searchwp-live-search-no-results{
	text-align: center;
	margin-bottom: -40px;
}
.searchwp-live-search-no-results h2{
	color: #444;
	font-size: 18px;
	font-weight: bold;
	text-transform: none;
	margin: 0 0 5px;
}
.searchwp-live-search-no-results em{
	color: #848484;
	font-size: 14px;
	font-style: normal;
}



/* ==========================================================================
   Menu overlay
   ========================================================================== */
#menu-overlay{
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1002;
	padding: 30px;
	background-color: #000;
	opacity: 0;
	visibility: hidden;
	-webkit-transition: opacity 0.5s, visibility 0s 0.5s;
			transition: opacity 0.5s, visibility 0s 0.5s;
	-webkit-box-sizing: border-box; box-sizing: border-box;
}
.admin-bar #menu-overlay{
	top: 32px;
}
#menu-overlay nav{
	text-align: center;
	position: relative;
	top: 50%;
	-webkit-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
			transform: translateY(-50%);
	-webkit-perspective: 1200px;
			perspective: 1200px;
}
#menu-overlay.big-content nav{
	max-height: 100%;
	overflow: auto;
}
#menu-overlay ul {
	list-style: none;
	padding: 0;
	margin: 0 auto;
	display: inline-block;
	height: 100%;
	position: relative;
	opacity: 0.4;
	-webkit-transform: translateY(-25%) rotateX(35deg);
			transform: translateY(-25%) rotateX(35deg);
	-webkit-transition: -webkit-transform 0.5s, opacity 0.5s;
			transition: 		transform 0.5s, opacity 0.5s;
}
/*noinspection ALL*/
#menu-overlay ul li {
	display: block;
}
#menu-overlay ul a{
	line-height: 2em;
	-webkit-transition: color .5s;
			transition: color .5s;
}
#menu-overlay.open{
	opacity: 1;
	visibility: visible;
	-webkit-transition: opacity 0.5s;
			transition: opacity 0.5s;
}
#menu-overlay.open ul{
	opacity: 1;
	-webkit-transform: rotateX(0deg);
			transform: rotateX(0deg);
}
#menu-overlay.close ul{
	-webkit-transform: translateY(25%) rotateX(-35deg);
			transform: translateY(25%) rotateX(-35deg);
}
.close-menu{
	position: absolute;
	top: 50px;
	right: 50px;
	cursor: pointer;
	color: #fff;
	font-size: 55px;
	text-shadow: 0 0 3px #000; /* make sure it will be visible on white background */
	-webkit-transition: color .5s, text-shadow .5s;
			transition: color .5s, text-shadow .5s;
}
.close-menu:hover{
	color: #000;
	text-shadow: 0 0 8px #fff;
}
.lt-ie10 .close-menu{
	height: 60px;
	width: 60px;
	line-height: 60px;
	background-color: #000;
	text-align: center;
	border-radius: 30px;
}
.lt-ie10 .close-menu:hover{
	color: #fff;
}


/* ==========================================================================
   Footer
   ========================================================================== */
#footer{
	font-size: 10px;
	background-color: #1E1E1E;
	width: 100%;
	-webkit-box-sizing: border-box; box-sizing: border-box;
}
.foot-items,
#footer .foot-widgets{
	margin: 0 auto;
	padding: 0 70px;
}
#footer.narrow .foot-items .foot-content{
	margin: 0 auto;
}
#footer.narrow .foot-items .foot-content,
#footer.narrow .foot-widgets{
	max-width: 1160px;
}
.foot-items{
	color: #989898;
	background-color: #101010;
}
.foot-widgets .foot-content{
	padding: 15px 0 60px;
	margin-left: -3%;
}
.foot-items .foot-content{
	padding: 15px 0;
}
.footer-separator .foot-items .foot-content{
	border-top: 1px solid #fff;
}
.foot-widgets .widget{
	margin: 60px 0 0 3%;
	float: left;
	width: 30.3%;
	-webkit-box-sizing: border-box; box-sizing: border-box;
}
.widgets_margin_top_off .foot-widgets .widget{
	margin-top: 60px; /* make sure widgets in footer wont be affected */
}
.one-col .widget{
	width: 97%;
}
.two-col .widget{
	width: 46.95%;
}
.four-col .widget{
	width: 21.95%;
}
.five-col .widget{
	width: 16.95%;
}

/* content */
.f-links{
	float: right;
	text-align: right;
	max-width: 50%;
}
.foot-text {
	line-height: 26px;
	max-width: 50%;
	float: left;
}

/* centered footer */
#footer.centered,
#footer.centered .widget .socials{
	text-align: center;
}
#footer.centered .f-links,
#footer.centered .foot-text {
	float: none;
	text-align: center;
	max-width: none;
}
#footer.centered .f-links + .foot-text{
	margin-top: 25px;
}
#footer.centered .foot-widgets .widget {
	display: inline-block;
	float: none;
	vertical-align: top;
}

/* footer in vertical header */
.header-vertical .whole-layout > #footer{
	display: none; /* hide footer while it is not moved to header */
}
#header #footer{
	position: absolute;
	bottom: 0;
	left: 0;
	min-height: 40px;
	width: 280px;
	background-color: transparent!important;
	padding: 0;
	text-align: inherit;
	margin-top: 20px;
}
#header .foot-items{
	background-color: transparent!important;
	padding: 0 40px 30px;
}
#header .foot-items .foot-content{
	padding: 0;
}
#header .footer-separator .foot-items .foot-content{
	padding-top: 30px;
}
#header #footer .f-links, /* double id selector to overwrite footer .centered styles */
#header #footer .foot-text{
	float: none;
	max-width: none;
	text-align: inherit;
}
#header .foot-text{
	line-height: 1.5em;
}
#header .f-links + .foot-text{
	margin-top: 30px;
}



/* =============================================================================
   Footer unravel effect
   ========================================================================== */
#footer.unravel{
	position: fixed;
	left: 0;
	bottom: 0;
	z-index: 1;
	opacity: 1;
	visibility: visible;
	-webkit-transition: opacity 0.3s;
			transition: opacity 0.3s;
}
#footer.unravel.hide-it{
	visibility: hidden;
	opacity: 0;
	-webkit-transition: opacity 0.3s, visibility 0s 0.3s;
			transition: opacity 0.3s, visibility 0s 0.3s;
}
.site-layout-boxed #footer.unravel{
	max-width: 1240px;
	margin: 0 auto;
	left: auto;
}
.site-layout-bordered #footer.unravel{
	right: 30px;
	left: 30px;
	bottom: 30px;
	width: auto;
}
.site-layout-bordered.no-border-left #footer.unravel{ left: 0; }
.site-layout-bordered.no-border-right #footer.unravel{ right: 0; }
.site-layout-bordered.no-border-bottom #footer.unravel{ bottom: 0; }



/* =============================================================================
   Sidebar & widgets
   ========================================================================== */
.widget{
	margin: 35px 0 40px;
	font-size: 12px;
	line-height: 20px;
}
.widgets_margin_top_off .widget{
	margin-top: 0;
}
.widget h3.title{
	margin: 0 0 25px;
	font-size: 14px;
	text-transform: uppercase;
	color: #222;
}

/* 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 .item{
	margin: 0 0 10px;
}
.widget_about_posts .post-title{
	margin-right: 10px;
}
.widget_about_posts .entry-date,
.widget_about_posts .comments{
	display: block;
	opacity: 0.6;
}
.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: #999;
	display: block;
	margin: 0 0 4px;
}

/* 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: none;
	background-color: #f7f7f7;
	padding: 0 10px;
	margin: 4px 0 0;
	display: inline-block;
	color: #535353;
	line-height: 25px;
	font-weight: bold;
}
.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 .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{
	background-color: #2c2c2c;
	color: #777;
}
.dark-sidebar .tagcloud a:hover{
	background-color: #777;
	color: #2c2c2c;
}
.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;
}



/* ==========================================================================
   Title bar
   ========================================================================== */
.title-bar{
	overflow: hidden; /* for scrolling out titles */
}
.title-bar .in{
	max-width: 1160px;
	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.3;
	letter-spacing: -2px;
}
.title-bar .in h2{
	font-size: 12px;
	font-weight: bold;
	margin: 0 0 25px 0;
	letter-spacing: 6px;
	opacity: 0.5;
	text-transform: uppercase;
}
.title-bar .breadcrumbs,
.title-bar .metas{
	font-size: 12px;
	letter-spacing: 2px;
	font-weight: bold;
}
.title-bar .metas{
	margin-bottom: 20px;
}
.title-bar .breadcrumbs{
	margin-top: 10px;
}
.title-bar .breadcrumbs a:hover,
.title-bar .metas a:hover{
	opacity: 0.8;
}

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

/* OUTSIDE VERSION */
.title-bar.outside .overlay-color{
	background: transparent;
	padding: 40px;
}
.title-bar.outside .page-title{
	color: #222;
	line-height: 50px;/* height of header tools */
}
.title-bar.outside h2 {
	color: #222;
	font-size: 12px;
}
.title-bar.outside h2 a{
	color: #666;
}
.title-bar.outside h2 a:hover{
	color: #222;
}

/* CLASSIC VARIANT */
.title_bar_variant_classic .in{
	text-align: left;
	display: table;
	width: 100%;
}
.title_bar_variant_classic.title_bar_width_full .in{
	max-width: none;
}
.title_bar_variant_classic .titles,
.title_bar_variant_classic .breadcrumbs{
	display: table-cell;
	vertical-align: middle;
}
.title_bar_variant_classic .breadcrumbs{
	text-align: right;
	margin-top: 0;
}



/* ==========================================================================
   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{
	padding-top: 40px;
}
.products-list header + #content,
.posts-list header + #content{
	padding-top: 0;
}



/* ==========================================================================
   General content styles
   ========================================================================== */
.formatter{
	padding: 60px;
}
.no-bottom-space .content-box > .formatter{
	padding-bottom: 0 !important;
}
.no-top-space .content-box > .formatter{
	padding-top: 0 !important;
}
.no-side-space .content-box > .formatter{
	padding-left: 0 !important;
	padding-right: 0 !important;
}

.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.animated-gif img{
	width: 100%;
}
.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.2em;
	line-height: 1.8;
	color: #444;
}
.real-content img,
.entry-content img{
	height: auto;
	max-width: 100%;
	-webkit-box-sizing: border-box; box-sizing: border-box;
}


/* 404 TEMPLATE */
.error404 .page-background{
	background-color: #fff;
}
.error404 .title-bar.outside h2 a{
	color: #666;
}
.error404 .title-bar.outside .page-title,
.error404 .title-bar.outside h2,
.error404 .title-bar.outside h2 a:hover {
	color: #000;
}
.error404 .title-bar.outside .page-title{
	line-height: 3em;
}
.error404 .emblem{
	display: block;
	font-size: 3em;
	line-height: 1em;
}
.error404 .title-bar .overlay-color{
	padding: 150px 0;
}

/* PASSWORD FORM TEMPLATE */
/* body.password-protected is used to overwrite user.css rules */
body.password-protected .page-background{
	background-color: #fff;
}
body.password-protected .title-bar.outside{
	background-image: none;
}
body.password-protected .title-bar.outside .overlay-color{
	padding: 150px 0 30px;
	background-color: transparent;
}
body.password-protected .title-bar.outside .page-title{
	line-height: 1.5em;
	color: #000;
}
.password-protected .emblem{
	display: block;
	font-size: 5em;
}

/* password form */
.post-password-form {
	max-width: 490px;
	margin: 20px auto 0;
}
.password-protected .post-password-form{
	padding-bottom: 100px;
}
.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 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;
}
.post .post-meta i{
	margin: 0 4px;
}
.post .post-meta a{
	color: #A7A7A7;
}
.post .post-meta a:hover{
	color: #222;
}

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



/* =============================================================================
   Posts navigation
   ========================================================================== */
.posts-nav{
	margin: 50px 0;
	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: #333;
	margin-top: 10px;
}
.posts-nav a:hover span.title{
	color: #000;
}



/* =============================================================================
   Comments & about author
   ========================================================================== */
/** ABOUT AUTHOR */
div.about-author{ /* div selector to overwrite .comment style */
	background-color: #FAFAFA;
	margin: 0 -60px -60px;
	padding: 80px 60px 40px;
}
.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: 60px -60px -60px;
	padding: 40px 60px;
	background-color: #FAFAFA;
}
.layout-full_fixed .comments-area,
.layout-full_fixed div.about-author{
	position: relative;
}
.layout-full_fixed div.about-author::before,
.layout-full_fixed div.about-author::after,
.layout-full_fixed .comments-area::before,
.layout-full_fixed .comments-area::after{
	content: "";
	position: absolute;
	background-color: #FAFAFA;
	width: 3000px;
	top: 0;
	bottom: 0;
	left: 100%;
}
.layout-full_fixed div.about-author::after,
.layout-full_fixed .comments-area::after{
	right: 100%;
	left: auto;
}
#comments-title{
	margin: 0;
}
h2.comments-title {
    color: #222;
    font-size: 16px;
    border-bottom: 1px solid #eee;
    margin: 0;
    padding-bottom: 20px;
}
.comment{
	min-height: 90px;
	padding: 50px 0 0;
}
.comment-body,
.author-inside{
	position: relative;
	padding-left: 120px;
	line-height: 1.5;
	word-wrap: break-word;
}
.comment .comment{
	margin-left: 40px;
}
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{
	font-size: 12px;
	margin-top: 4px;
}
.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(https://bangkutaman.id/wp-content/themes/fatmoon/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;
	font-size: 11px;
	letter-spacing: 2px;
	text-transform: uppercase;
}
a.comment-reply-link::before{
	content: "\f112";
	font-family: FontAwesome, monospace;
	margin-right: 10px;
}
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: 16px;
	margin: 0;
	padding-bottom: 20px;
	border-bottom: 1px solid #eee;
}
#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: 12px;
	color: #222;
	font-size: 12px;
}
.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,
.post_theme_options .formatter{
	padding: 40px;
}
.bricks-frame .formatter{
	background-color: #fff;
}
.post-media {
	position: relative;
}
.item-image a{
	position: relative;
	height: 100%;
}
.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: .7;
}
.item-image a::after{
	/* use !important to prevent issues with browser extensions that change fonts */
	/*noinspection CssNoGenericFontName*/
	font-family: 'icomoon' !important;
	/*noinspection CssUnknownProperty*/
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;

	/* Better Font Rendering =========== */
	-webkit-font-smoothing: antialiased;
	/*noinspection CssUnknownProperty*/
	-moz-osx-font-smoothing: grayscale;


	/* position and look */
	content: "\e114";
	opacity: 0;
	position: absolute;
	z-index: 5;
	top: 50%;
	left: 50%;
	font-size: 48px;
	color: #fff;
	-webkit-transform: translate(-50%, -50%);
		-ms-transform: translate(-50%, -50%);
			transform: translate(-50%, -50%);
	-webkit-transition: opacity .5s ease;
			transition: opacity .5s ease;
}
.item-image:hover a::after{
	opacity: 1;
}
h2.post-title {
	color: #222;
	font-size: 22px;
	line-height: 22px;
	margin: 0 0 20px;
}
h2.post-title:hover a {
	color: #000;
}
.archive-item .post-title:first-child{
	margin-top: 0;
}
.archive-item .metas{
	margin-bottom: 15px;
}
.archive-item .metas .post-meta{
	display: inline-block;
	margin: 0;
	padding-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;
}

/* post layouts on posts list */
.posts_vertical_no_padding .formatter{
	padding-left: 0;
	padding-right: 0;
}
.posts_vertical_centered .formatter{
	text-align: center;
}
.posts_horizontal .archive-item{
	background-color: #fff;
	/*float: none;*/
	/*margin-bottom: 10px;*/
}
.posts_horizontal .post-media{
	width: 420px;
	float: left;
}
.posts_horizontal .post-media + .formatter{
	margin-left: 420px;
}
.posts_horizontal .real-content > .clear{
	clear: none;
}

/* 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;
	text-transform: uppercase;
	line-height: 27px;
	font-size: 11px;
	font-weight: bold;
	color: #444;
	-webkit-transition: all .5s;
			transition: all .5s;
}
.more-link:hover{
	color: #000;
}



/* =============================================================================
   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: #222;
	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: #222;
}
/* Infinite scroll*/
#infscr-loading{
	text-align: center;
	margin-top: 40px;
}


.load-more-button i{
	margin-left: 10px;
}
.load-more-button{
	background-color: #f2f2f2;
	color: #222;
	text-align: center;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 11px;
	height: 40px;
	line-height: 43px;
	padding: 0 10px;
	margin: 40px;
	cursor: pointer;
	position: relative;
	-webkit-border-radius: 4px;
			border-radius: 4px;
	-webkit-transition: background-color .5s, color .5s;
			transition: background-color .5s, color .5s;
}
.posts-list .load-more-button,
.products-list .load-more-button{
	margin: 30px 0 80px;
}
span.result-count{
	display: none;
}
.load-more-button span.result-count{
	display: block;
	position: absolute;
	right: 15px;
	top: 0;
	line-height: 43px;
}
.load-more-button.loading,
.load-more-button:hover{
	background-color: #222;
	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/Albums list
    ========================================================================== */
.single-album .layout-full #content,
.albums-list-page .layout-full #content,
.works-list-page .layout-full #content{
	background-color: transparent;
}
.albums-list-page .pre-content-box,
.works-list-page .pre-content-box{
	background-color: #fff;
}
figure.archive-item{
	overflow: hidden;
	margin: 0;
	position: relative; /* fix flash on click in AJAX mode */
}
.variant-overlay .archive-item figcaption,
.variant-overlay .archive-item .cover,
.variant-overlay .archive-item .covering-image,
figure.archive-item > a,
.single-album .archive-item figcaption > a{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
figure.archive-item > a{
	z-index: 3;
}
.lt-ie10 .variant-overlay .archive-item figcaption > a{
	background: url(images/ie9saver.gif) repeat;
}
.archive-item figcaption{
	padding: 40px;
	-webkit-box-sizing: border-box; box-sizing: border-box;
}
.variant-overlay .archive-item .cover{
	background-color: rgba(0,0,0,0.7);
}
.variant-overlay .archive-item .cover,
.variant-overlay .archive-item .covering-image{
	-webkit-transition: opacity .35s;
	transition: opacity .35s;
	opacity: 0;
}
.archive-item .covering-image{
	background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.9)); /* For Chrome 25 and Safari 6, iOS 6.1, Android 4.3 */
	background-image:    -moz-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.9)); /* For Firefox (3.6 to 15) */
	background-image:      -o-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.9)); /* For old Opera (11.1 to 12.0) */
	background-image:         linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.9)); /* Standard syntax; must be last */
}
.title-top .archive-item .covering-image{
	background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.9)); /* For Chrome 25 and Safari 6, iOS 6.1, Android 4.3 */
	background-image:    -moz-linear-gradient(bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.9)); /* For Firefox (3.6 to 15) */
	background-image:      -o-linear-gradient(bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.9)); /* For old Opera (11.1 to 12.0) */
	background-image:         linear-gradient(to top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.9)); /* Standard syntax; must be last */
}
.title-mid .archive-item .covering-image{
	background-image: radial-gradient(farthest-corner, rgba(0, 0, 0, 0.9) 0%, rgba(0, 0, 0, 0) 100%);
}
.title-mid.title-left .archive-item .covering-image{
	background-image: radial-gradient(farthest-corner at 0 50%, rgba(0, 0, 0, 0.9) 0%, rgba(0, 0, 0, 0) 100%);
}
.title-mid.title-right .archive-item .covering-image{
	background-image: radial-gradient(farthest-corner at 100% 50%, rgba(0, 0, 0, 0.9) 0%, rgba(0, 0, 0, 0) 100%);
}
figure.archive-item img{
	display: block;
	height: auto;
	width: 100%;
}
.archive-item .texts_group{
	-webkit-transition: -webkit-transform .5s, opacity .5s;
			transition:         transform .5s, opacity .5s;
}
.variant-overlay .texts_group{
	position: absolute;
	left: 40px;
	right: 40px;
	opacity: 0;
}
.cover-no-hover .archive-item .cover,
.gradient-no-hover .archive-item .covering-image,
.texts-no-hover .archive-item .texts_group{
	opacity: 1;
}
.cover-no-hover .archive-item:hover .cover,
.gradient-no-hover .archive-item:hover .covering-image,
.texts-no-hover .archive-item:hover .texts_group{
	opacity: 0;
}
.cover-hover .archive-item:hover .cover,
.gradient-hover .archive-item:hover .covering-image,
.texts-hover .archive-item:hover .texts_group{
	opacity: 1;
}
.title-top .texts_group{
	top: 40px;
}
.title-bottom .texts_group{
	bottom: 40px;
}
.title-left .texts_group{
	text-align: left;
}
.title-center .texts_group{
	text-align: center;
}
.title-right .texts_group{
	text-align: right;
}
.title-mid .texts_group{
	top: 50%;
	-webkit-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
			transform: translateY(-50%);
}
.center_group{
	position: relative;
	top: 50%;
	-webkit-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
			transform: translateY(-50%);
}
figure.archive-item h2{
	color: #fff;
	font-size: 26px;
	letter-spacing: -1px;
	line-height: 24px;
	margin: 0 0 5px 0;
}
/* lock icon */
figure.archive-item h2 span{
	padding: 2px 8px;
}
.album-categories,
figure.archive-item .album-categories,
figure.archive-item .work-categories{
	color: #b0b0b0;
	font-size: 11px;
	margin-bottom: 10px;
}
.album-categories a{
	color: #b0b0b0;
}
.album-categories a:hover{
	color: #ddd;
}
.album-categories span{
	margin: 0 5px;
}
figure.archive-item .work-categories,
figure.archive-item .work-categories a{
	color: rgba(255, 255, 255, 0.4);
}
figure.archive-item .excerpt{
	line-height: 20px;
	color: #fff;
	font-size: 10px;
	font-weight: bold;
	letter-spacing: 3px;
	margin: 10px 0 0;
	opacity: 0.6;
	text-transform: uppercase;
}
.variant-overlay .archive-item .icon,
.variant-under .archive-item .icon{
	font-size: 44px;
	color: #fff;
	text-align: center;
	position: absolute;
	z-index: 2;
	top: 50%;
	left: 0;
	width: 100%;
	opacity: 0;
	-webkit-transition: opacity .3s;
			transition: opacity .3s;
	-webkit-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
			transform: translateY(-50%);
}

/* social icons plugin */
figure .a2a_kit{
	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{
	opacity: 1;
}

/* cross effect */
.hover-effect-cross figure:hover .icon{
	opacity: 1;
}

/* drop effect */
.hover-effect-drop figure img{
	-webkit-transform: scale(1.05);
		-ms-transform: scale(1.05);
			transform: scale(1.05);
	-webkit-transition: -webkit-transform .5s;
			transition: 		transform .5s;
}
.hover-effect-drop figure:hover img{
	-webkit-transform: scale(1);
		-ms-transform: scale(1);
			transform: scale(1);
}

/* shift effect */
.hover-effect-shift figure img{
	-webkit-transform: scale(1.1);
		-ms-transform: scale(1.1);
			transform: scale(1.1);
	-webkit-transition: -webkit-transform .5s;
			transition: 		transform .5s;
}
.hover-effect-shift figure:hover img{
	-webkit-transform: translateX(5%) scale(1.1);
		-ms-transform: translateX(5%) scale(1.1);
			transform: translateX(5%) scale(1.1);
}

/* pop text effect */
.hover-effect-pop figure .texts_group{
	-webkit-transform: scale(1);
		-ms-transform: scale(1);
			transform: scale(1);
}
.hover-effect-pop figure:hover .texts_group {
	-webkit-transform: scale(1.1);
		-ms-transform: scale(1.1);
			transform: scale(1.1);
}

/* border effect */
.variant-overlay.hover-effect-border figure figcaption{
	border: 0 solid #fff;
	-webkit-transition: border-width .5s;
			transition: border-width .5s;
}
.variant-overlay.hover-effect-border figure:hover figcaption{
	border-width: 25px;
}
.variant-under.hover-effect-border figure > a{
	border: 0 solid #fff;
	-webkit-box-sizing: border-box; box-sizing: border-box;
	-webkit-transition: border-width .5s;
			transition: border-width .5s;
}
.variant-under.hover-effect-border figure:hover > a{
	border-width: 25px;
}

/* scale down effect */
.hover-effect-scale-down .archive-item{
	-webkit-transform: scale(1);
		-ms-transform: scale(1);
			transform: scale(1);
	-webkit-transition: -webkit-transform .5s;
			transition: 		transform .5s;
}
.hover-effect-scale-down .archive-item:hover{
	-webkit-transform: scale(0.95);
		-ms-transform: scale(0.95);
			transform: scale(0.95);
}
.variant-under figcaption{
	background-color: #fff;
}
.variant-under figure.archive-item h2,
.variant-under figure.archive-item .excerpt{
	color: #141414;
}
figure.archive-item .album-categories{
	text-transform: uppercase;
}



/* =============================================================================
    Category filter
    ========================================================================== */
.category-filter{
	list-style-type: none;
	margin: 0;
	background-color: #fff;
	padding: 40px;
	text-align: center;
}
.category-filter li{
	display: inline-block;
}
.category-filter a{
	display: block;
	line-height: 25px;
	font-size: 12px;
	color: #aaa;
	text-transform: uppercase;
	text-decoration: none;
	font-weight: bold;
	margin: 0 10px;
}
.category-filter .selected a,
.category-filter a:hover{
    color: #000;
	text-decoration: none;
}



/* =============================================================================
    Sidebar filter
    ========================================================================== */
.widget_filter li{
	margin: 0 -40px;
}
.widget_filter li a{
	display: block;
	line-height: 17px;
	font-size: 10px;
	font-weight: bold;
	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 albums
   ========================================================================== */
.js #gallery-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,
.single-work 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 .albums-nav{
	margin: -10px 0 40px -10px;
}
.album-content .albums-nav a{
	color: #555;
	font-size: 14px;
	line-height: 30px;
	width: 30px;
	text-align: center;
	display: inline-block;
}
.album-content .albums-nav a.to-cpt-list{
	padding: 0 10px;
}
.album-content .albums-nav a:hover{
	color: #000;
}
.album-content .real-content a,
.custom-fields a,
.meta-data .work-categories a{
	color: #444;
	text-decoration: underline;
}
.album-content .real-content a:hover,
.custom-fields a:hover,
.meta-data .work-categories 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;
	font-size: 12px;
}
.custom-fields span{
	display: block;
	margin-bottom: 20px;
	line-height: 1.6;
	word-wrap: break-word;
}
.custom-fields em{
	color: #222;
	font-weight: bold;
	text-transform: uppercase;
	display: block;
	font-style: normal;
}

/* 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;
}



/* ==========================================================================
   Single work
   ========================================================================== */
.single-work .bricks-frame{
	overflow: hidden;
}
.single-work #a13-slider,
.a13-post-lightbox #a13-slider{
	position: relative;
	padding-top: 56.25%;
}
.with-meta-fields .inside{
	float: right;
	width: -webkit-calc(100% - 250px);
	width: 		   calc(100% - 250px);
}
.work-content .meta-data{
	float: left;
	width: 210px;
	margin-top: 0;
}
.real-content .work-categories{
	margin-top: 40px;
	color: rgba(125, 125, 125, 0.6);
}
.real-content .work-categories a{
	color: rgba(125, 125, 125, 0.6);
}
.real-content .work-categories a:hover{
	color: rgba(0, 0, 0, 1);
}
.works-nav{
	background-color: #f5f5f5;
	height: 110px;
	position: relative;
}
.works-nav a{
	color: #7A7A7A;
	font-size: 12px;
	font-weight: bold;
	text-transform: uppercase;
	text-align: center;
	position: absolute;
	top: 0;
	left: 0;
	line-height: 110px;
	min-width: 33.33%;
	-webkit-transition: color .5s;
			transition: color .5s;
}
.works-nav a:hover{
	color: #000;
}
.works-nav .to-cpt-list{
	left: 33.33%;
	font-size: 14px;
	font-weight: normal;
}
.works-nav a[rel="prev"]{
	left: 66.66%;
}
.layout-full_fixed .works-nav::before,
.layout-full_fixed .works-nav::after{
	content: "";
	position: absolute;
	background-color: #FAFAFA;
	width: 3000px;
	top: 0;
	bottom: 0;
	left: 100%;
}
.layout-full_fixed .works-nav::after{
	right: 100%;
	left: auto;
}
/* similar works */
.similar-works{
	margin-top: 50px;
}
.similar-works-frame{
	margin-left: -10px;
	margin-bottom: 80px;
}
.similar-works figure{
	width: -webkit-calc(33.3333333% - 10px);
	width: 		   calc(33.3333333% - 10px);
	margin: 10px 0 0 10px;
}
.similar-works h3{
	text-align: center;
	margin: 0 0 25px;
	font-size: 14px;
	color: #222;
}



/* =============================================================================
    Post lightbox
    ========================================================================== */
.a13-post-lightbox{
	z-index: 123456;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	min-height: 100%;
	background-color: #ddd;
}
.a13-post-lightbox.loading{
	position: fixed;
	top: 0!important;
}
.a13-post-lightbox-content{
	max-width: 1080px;
	width: 100%;
	margin: 0 auto;
	min-height: 100%;
	opacity: 1;
	visibility: visible;
	-webkit-transition: opacity 0.3s 0.3s,  -webkit-transform 0.3s; /* delay cause we wait for preloader to hide */
			transition: opacity 0.3s 0.3s, transform 0.3s;
}
.loading .a13-post-lightbox-content{
	opacity: 0;
	visibility: hidden;
	-webkit-transform: translateY(100px) scaleX(0.95);
			transform: translateY(100px) scaleX(0.95);
	-webkit-transition: opacity 0.9s, visibility 0s 0.9s, -webkit-transform 0.9s;
			transition: opacity 0.9s, visibility 0s 0.9s, transform 0.9s;
}
.a13-post-lightbox-preloader{
	opacity: 0;
	visibility: hidden;
	position: fixed;
	z-index: 2000;
	top: 50%;
	left: 50%;
	margin: -40px 0 0 -40px;
	width: 80px;
	height: 80px;
	-webkit-transition: opacity 0.3s, visibility 0s 0.3s;
			transition: opacity 0.3s, visibility 0s 0.3s;
}
.loading .a13-post-lightbox-preloader{
	opacity: 1;
	visibility: visible;
	-webkit-transition: opacity 0.3s;
			transition: opacity 0.3s;
}
.a13-post-lightbox-preloader::before{
	position: absolute;
	top: 0;
	left: 50%;
	display: block;
	border: 5px solid transparent;
	border-radius: 50%;
	content: '';
	margin-left: -40px;
	width: 70px;
	height: 70px;
	border-top-color: #000;
	border-left-color: #000;
	-webkit-animation: a13-post-lightbox-rotation 1.3s linear infinite;
			animation: a13-post-lightbox-rotation 1.3s linear infinite;
}
@-webkit-keyframes a13-post-lightbox-rotation {
	0% { -webkit-transform: rotate(0deg); }
	100% { -webkit-transform: rotate(360deg); }
}
@keyframes a13-post-lightbox-rotation {
	0% { transform: rotate(0deg); }
	100% { transform: rotate(360deg); }
}
.a13-post-lightbox .controls span{
	position: fixed;
	top: 0;
	right: 0;
	background-color: rgba(0,0,0,0.3);
	color: #fff;
	cursor: pointer;
	font-size: 48px;
	text-align: center;
	line-height: 100px;
	height: 100px;
	width: 100px;
	opacity: 1;
	-webkit-transition: background-color 0.5s, opacity 1s;
			transition: background-color 0.5s, opacity 1s;
}
.a13-post-lightbox .controls span.inactive{
	pointer-events: none;
	opacity: 0.2;
}
.a13-post-lightbox .controls span:hover{
	background-color: #000;
}
.a13-post-lightbox .controls .close{
	right: 0;
}
.a13-post-lightbox .controls .next{
	left: 100px;
}
.a13-post-lightbox .controls .prev{
	left: 0;
}
.a13-post-lightbox-content .page-title{
	color: #222;
	text-align: center;
	margin: 100px 0 80px;
}
.a13-post-lightbox-content .subtitle{
	color: #888;
	font-size: 12px;
	letter-spacing: 6px;
	margin: -60px 0 60px;
	text-align: center;
}



/* =============================================================================
    A13 slider
    ========================================================================== */
body.single-album-slider{
	height: 100%;
	-webkit-box-sizing: border-box; box-sizing: border-box; /* when slider is below header */
}
body.single-album-slider.admin-bar{
	height: -webkit-calc(100% - 32px);
	height: 		calc(100% - 32px);
}
body.single-album-slider .whole-layout,
body.single-album-slider #mid{
	height: 100%; /* pushes footer lower on smaller screens */
}
body.single-album-slider.header-horizontal.site-layout-bordered #footer{
	margin-bottom: 30px;
}
body.single-album-slider.header-horizontal.site-layout-bordered #footer.unravel,
body.single-album-slider.header-horizontal.site-layout-bordered.no-border-bottom #footer{
	margin-bottom: 0;
}
body.single-album-slider.site-layout-boxed #mid{
	height: auto;
}
#a13-slider{
	overflow: hidden;
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
}
#a13-slider:focus{
	outline: none!important;
}
.site-layout-boxed #a13-slider{
	position: relative;
	padding-top: 56.25%;/* 16:9 */
}
.header-vertical.single-album #a13-slider{
	left: 280px;
}
.header-vertical.header-side-right.single-album #a13-slider{
	left: 0;
	right: 280px;
	direction: ltr;
}
.header-horizontal #a13-slider{
	left: 0;
}
.slider-slides{
	display: block;
	margin: 0;
	padding: 0;
	position: absolute;
	left: 0;
	width: 100%;
	top: 0;
	bottom: 0;
	opacity: 0;
}
.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 > li.prevslide{
	z-index: 2;
}
.slider-slides > li.activeslide{
	z-index: 3;
}
.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: "\e901";
	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;
	z-index: 5;
	margin-top: -20px;
	width: 150px;
	line-height: 40px;
	font-size: 40px;
	text-align: center;
	color: #fff;
	text-shadow: 0 0 3px rgba(0,0,0,0.5); /* make sure it will be visible on white background */
	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: 40px;
	right: 65px;
	z-index: 5;
	-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;
}
.thumbs-open #slider-controls{
	bottom: 140px;
}
.hide-items #slider-controls{
	opacity: 0;
}
#play-button{
	position: relative;
	display: inline-block;
	vertical-align: top;
	width: 44px;
	height: 44px;
	margin-right: 30px;
	cursor: pointer;
	color: #fff;
	text-shadow: 0 0 3px rgba(0,0,0,0.5);/* make sure it will be visible on white background */
}
#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: "\e900"; /* when slider is playing we display pause symbol button */
}

span.slides-count{
	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);
	box-shadow: 0 0 3px rgba(0,0,0,0.5);/* make sure it will be visible on white background */
	-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;
	text-shadow: 0 0 3px rgba(0,0,0,0.5); /* make sure it will be visible on white background */
}
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: 40px;
	left: 65px;
	z-index: 30;
	-webkit-transition: bottom 0.5s ease, margin 0.5s ease;
			transition: bottom 0.5s ease, margin 0.5s ease;
}
.thumbs-open .slide-caption{
	bottom: 140px;
}
.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 rgba(255,255,255,0.5);
	color: #fff;
	font-family: Georgia,sans-serif;
	font-weight: bold;
	text-align: center;
	line-height: 40px;
	font-size: 20px;
	cursor: pointer;
	-webkit-border-radius: 22px;
			border-radius: 22px;
	-webkit-transition: border-color .5s ease;
			transition: border-color .5s ease;
}
.texts-opener:hover,
.texts-opener.open{
	border-color: #fff;
}

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

/* Thumbnail Tray */
#thumb-tray-button{
	display: inline-block;
	vertical-align: top;
	width: 42px;
	height: 42px;
	margin-right: 30px;
	border: 1px solid rgba(255,255,255,0.5);
	color: #fff;
	text-shadow: 0 0 3px rgba(0,0,0,0.5);/* make sure it will be visible on white background */
	text-align: center;
	line-height: 42px;
	font-size: 14px;
	cursor: pointer;
	-webkit-border-radius: 22px;
			border-radius: 22px;
	-webkit-transition: border-color .5s ease;
			transition: border-color .5s ease;
}
#thumb-tray-button:hover,
#thumb-tray-button.active{
	border-color: #fff;
}
#thumb-tray{
	height: 100px;
	overflow: hidden;
	position: absolute;
	bottom: -100px;
	left: 0;
	width: 100%;
	z-index: 40;
	-webkit-transition: bottom .5s ease;
			transition: bottom .5s ease;
}
.thumbs-open #thumb-tray{
	bottom: 0;
}
#thumb-tray .inner{
	height: 100px;
	position: absolute;
	width: 100%;
	top: 15px;
	-webkit-transition: top .3s ease;
			transition: top .3s ease;
}
#thumb-list{
	display: block;
	list-style: none;
	height: 100%;
	margin: 0;
	padding: 0;
	position: absolute;
	left: 0;
}
#thumb-tray li{
	cursor: pointer;
	float: left;
	height: 100%;
	overflow: hidden;
	width: 150px;
	position: relative;
}
#thumb-tray.cursor-grab li,
#thumb-tray.cursor-grabbing li{
	cursor: inherit;
}
#thumb-list li.current-thumb,
#thumb-list li:hover{
	-webkit-transform: translate(0, -15px);
			transform: translate(0, -15px);
}
#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.3);
	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: "\e901";
	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;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0+0,0.8+100 */
	background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.8) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.8) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.8) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#cc000000',GradientType=0 ); /* IE6-9 */
}

/* 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;
}
#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(https://bangkutaman.id/wp-content/themes/fatmoon/images/overlays/pattern4.png);
}
#a13-slider.pattern-5 a.slide::before{
	background-image: url(images/overlays/pattern5.png);
}



/* ==========================================================================
   A13 sticky one page
   ========================================================================== */
/*!
 * fullPage 2.7.9
 * https://github.com/alvarotrigo/fullPage.js
 * MIT licensed
 *
 * Copyright (C) 2013 alvarotrigo.com - A project by Alvaro Trigo
 */
html.fp-enabled,
.fp-enabled body {
	margin: 0;
	padding: 0;
	overflow:hidden;

	/*Avoid flicker on slides transitions for mobile phones #336 */
	-webkit-tap-highlight-color: rgba(0,0,0,0);
}
#superContainer {
	height: 100%;
	position: relative;

	/* Touch detection for Windows 8 */
	-ms-touch-action: none;

	/* IE 11 on Windows Phone 8.1*/
	touch-action: none;
}
.fp-section {
	position: relative;
	-webkit-box-sizing: border-box; /* Safari<=5 Android<=3 */
	box-sizing: border-box;
}
.fp-slide {
	float: left;
}
.fp-slide, .fp-slidesContainer {
	height: 100%;
	display: block;
}
.fp-slides {
	z-index:1;
	height: 100%;
	overflow: hidden;
	position: relative;
	-webkit-transition: all 0.3s ease-out; /* Safari<=6 Android<=4.3 */
	transition: all 0.3s ease-out;
}
.fp-section.fp-table, .fp-slide.fp-table {
	display: table;
	table-layout:fixed;
	width: 100%;
}
.fp-tableCell {
	display: table-cell;
	vertical-align: middle;
	width: 100%;
	height: 100%;
}
.fp-slidesContainer {
	float: left;
	position: relative;
}
.fp-controlArrow {
	-webkit-user-select: none; /* webkit (safari, chrome) browsers */
	-moz-user-select: none; /* mozilla browsers */
	-khtml-user-select: none; /* webkit (konqueror) browsers */
	-ms-user-select: none; /* IE10+ */
	position: absolute;
	z-index: 4;
	top: 50%;
	cursor: pointer;
	width: 0;
	height: 0;
	border-style: solid;
	margin-top: -38px;
	-webkit-transform: translate3d(0,0,0);
	-ms-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}
.fp-controlArrow.fp-prev {
	left: 15px;
	width: 0;
	border-width: 39px 34px 39px 0;
	border-color: transparent #fff transparent transparent;
}
.fp-controlArrow.fp-next {
	right: 15px;
	border-width: 39px 0 39px 34px;
	border-color: transparent transparent transparent #fff;
}
.fp-scrollable {
	overflow: scroll;
}
.fp-notransition {
	-webkit-transition: none !important;
	transition: none !important;
}
#fp-nav {
	position: fixed;
	z-index: 100;
	margin-top: -32px;
	top: 50%;
	opacity: 1;
	-webkit-transform: translate3d(0,0,0);
}
#fp-nav.right {
	right: 17px;
}
#fp-nav.left {
	left: 17px;
}
.fp-slidesNav{
	position: absolute;
	z-index: 4;
	left: 50%;
	opacity: 1;
}
.fp-slidesNav.bottom {
	bottom: 17px;
}
.fp-slidesNav.top {
	top: 17px;
}
#fp-nav ul{
	display:none;
}
#fp-nav ul,
.fp-slidesNav ul {
	margin: 0;
	padding: 0;
}
#fp-nav ul li,
.fp-slidesNav ul li {
	display: block;
	width: 14px;
	height: 20px;
	margin: 7px;
	position:relative;
}
.fp-slidesNav ul li {
	display: inline-block;
}
#fp-nav ul li a,
.fp-slidesNav ul li a {
	display: block;
	position: relative;
	z-index: 1;
	width: 100%;
	height: 100%;
	cursor: pointer;
	text-decoration: none;
}
#fp-nav ul li a.active:not(.custom) span,
.fp-slidesNav ul li a.active:not(.custom) span,
#fp-nav ul li:hover a.active:not(.custom) span,
.fp-slidesNav ul li:hover a.active:not(.custom) span{
	height: 12px;
	width: 12px;
	margin: -6px 0 0 -6px;
	border-radius: 100%;
}
#fp-nav ul li a:not(.custom) span,
.fp-slidesNav ul li a span {
	border-radius: 50%;
	position: absolute;
	z-index: 1;
	height: 4px;
	width: 4px;
	border: 0;
	background: #333;
	left: 50%;
	top: 50%;
	margin: -2px 0 0 -2px;
	-webkit-transition: all 0.1s ease-in-out;
	-o-transition: all 0.1s ease-in-out;
	transition: all 0.1s ease-in-out;
}
#fp-nav ul li a.custom span{
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	font-size: 20px;
	height: 20px;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	position: relative;
	top: -5px;
}
#fp-nav ul li:hover a.custom span,
#fp-nav ul li a.custom.active span{
	font-size: 28px;
}
#fp-nav ul li a span {
	-webkit-transition: all 0.1s ease-in-out;
	-moz-transition: all 0.1s ease-in-out;
	-o-transition: all 0.1s ease-in-out;
	transition: all 0.1s ease-in-out;
}
#fp-nav ul li:hover a:not(.custom) span,
.fp-slidesNav ul li:hover a:not(.custom) span{
	width: 10px;
	height: 10px;
	margin: -5px 0 0 -5px;
}
#fp-nav ul li .fp-tooltip {
	position: absolute;
	top: -2px;
	color: #fff;
	font-size: 14px;
	font-family: arial, helvetica, sans-serif;
	white-space: nowrap;
	max-width: 220px;
	overflow: hidden;
	display: block;
	opacity: 0;
	width: 0;
	cursor: pointer;
}
#fp-nav ul li:hover .fp-tooltip,
#fp-nav.fp-show-active a.active + .fp-tooltip {
	-webkit-transition: opacity 0.2s ease-in;
	transition: opacity 0.2s ease-in;
	width: auto;
	opacity: 1;
}
#fp-nav ul li .fp-tooltip.right {
	right: 25px;
}
#fp-nav ul li .fp-tooltip.left {
	left: 20px;
}
.fp-auto-height.fp-section,
.fp-auto-height .fp-slide,
.fp-auto-height .fp-tableCell{
	height: auto !important;
}



/* ==========================================================================
   Things added to fullpage.js and overwrites
   ========================================================================== */
/* overwrites */
#fp-nav ul li{
	color: #fff;
}
#fp-nav ul li a,
#fp-nav ul li .fp-tooltip{
	color: inherit;
}
/* different position for default and custom bullet */
#fp-nav ul li .fp-tooltip{
	top: 0;
}
#fp-nav ul li a.custom + .fp-tooltip{
	top: -2px;
}
/* /overwrites */


/* additional styling */
.a13-sticky-one-page .formatter{
	padding: 0;
}
.a13-sticky-one-page .vc_row:not(.vc_inner){
	margin-left: 0;
	margin-right: 0;
}
body.a13-body-sticky-one-page.admin-bar .whole-layout{
	margin-top: 0;
}
body.a13-body-sticky-one-page #header{
	position: absolute;
}
body.a13-body-sticky-one-page .content-limiter{
	max-width: 100%;
}

/* move fp-nav according to current layout */
.site-layout-bordered #fp-nav{
	right: 47px;
}
.no-border-right #fp-nav{
	right: 17px;
}
.header-side-right.header-vertical #fp-nav,
.site-layout-bordered.no-border-right.header-side-right.header-vertical #fp-nav{
	right: 297px;
}
.site-layout-bordered.header-side-right.header-vertical #fp-nav{
	right: 327px;
}



/* ==========================================================================
   Image carousel tweak
   ========================================================================== */
.owl-carousel .owl-item .vc_item .vc_inner img{
	display: table;
	margin: 0 auto;
	max-width: 100%;
	width: auto;
}



/* ==========================================================================
   Typed js effect
   ========================================================================== */
.a13-to-type .sentences-to-type{
	display: none;
}
.a13-to-type.disabled-writing .sentences-to-type,
.no-js .a13-to-type .sentences-to-type{
	display: block;
}
.a13-to-type.disabled-writing .sentences-to-type span,
.no-js .a13-to-type .sentences-to-type span{
	display: block;/* separate lines */
}
.typed-cursor{
	opacity: 1;
	-webkit-animation: blink 0.7s infinite;
	-moz-animation: blink 0.7s infinite;
	animation: blink 0.7s infinite;
}
@keyframes blink{
	0% { opacity:1; }
	50% { opacity:0; }
	100% { opacity:1; }
}
@-webkit-keyframes blink{
	0% { opacity:1; }
	50% { opacity:0; }
	100% { opacity:1; }
}
@-moz-keyframes blink{
	0% { opacity:1; }
	50% { opacity:0; }
	100% { opacity:1; }
}



/* ==========================================================================
   Visual Composer - various things
   ========================================================================== */
/* filter in post grid */
.vc_grid-filter {
	font-weight: bold;
	color: rgba(187, 187, 187, 1);
	margin-bottom: 40px;
	text-transform: uppercase;
}

/* buttons */
.vc_btn3.vc_btn3-size-xs {
	font-size: 11px;
	padding: 8px 24px 7px;
}

.vc_general.vc_btn3 {
	font-weight:bold;
}



/* ==========================================================================
   Visual Composer extend
   ========================================================================== */
.a13_gitem_team_member1 .vc_grid-item-mini,
.a13_gitem_team_member2 .vc_grid-item-mini{
	position: relative;
}
.a13_gitem_team_member1.center,
.a13_gitem_team_member2.center{
	text-align: center;
}
.a13_gitem_team_member1.left,
.a13_gitem_team_member2.left{
	text-align: left;
}
.team_grid_item_top_panel {
	text-transform: uppercase;
	font-weight: bold;
}
.team_grid_item_top_panel,
.team_grid_item_bottom_panel{
	height: 50%;
	font-weight: bold;
	position: relative;
}
.team_grid_item_content_box > div div{
	width: 100%;
}
.a13_gitem_team_member1.variant2 .team_grid_item_bottom_panel {
	padding: 30px;
	top: 35%;
}
.a13_gitem_team_member1 .vc_is-hover .title_block_fade_out {
	display: none;
}
.gitem_full_height_zone .vc_gitem-row-position-middle,
.gitem_full_height_zone .team_grid_item_content_box,
.gitem_full_height_zone .vc_gitem-col{
	height: 100%;
}
.gitem_full_height_zone .vc_gitem-col{
	padding:0;
}

.a13_gitem_team_member1 .vc_gitem-zone-b,
.a13_gitem_team_member2 .vc_gitem-zone-b{
	transition: all 0.3s ease 0s !important;
}
.grid_item_subtitle {
	opacity: 0.7;
	position: relative;
	top: 68%;
	font-size: 10px;
	letter-spacing: 2px;
}
.grid_item_title {
	font-size: 19px;
	position: relative;
	top: 70%;
}
.grid_item_content {
	display: block;
	font-size: 12px;
	line-height: 1.5;
	max-height: 100px;
	overflow: hidden;
	opacity: 0.7;
}
.grid_item_socials {
	position: relative;
	top: 30px;
}
.a13_gitem_team_member2.variant2 .team_grid_item_bottom_panel {
	top: 43%;
}
.a13_gitem_team_member2.variant2 .vc_gitem-zone-c {
	background-color: #fff;
	color: #171717;
	text-transform: uppercase;
}
.a13_gitem_team_member2.variant2 .vc_gitem-zone-c .vc_gitem-post-meta-field-_subtitle {
	opacity: 0.6;
}
.a13_gitem_team_member2.variant2 .vc_gitem-zone-c h4 {
	text-transform: uppercase;
}

.a13_gitem_team_member1 .vc_gitem-zone-a::before {
	background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.9));
	content: "";
	display: block;
	height: 100%;
	width: 100%;
}
.a13_gitem_team_member1 .vc_gitem-zone-a .team_grid_item_content_box {
	background-color: transparent !important;
}
.team_grid_item_content_box {
	padding: 30px;
}
.a13_gitem_team_member1 .vc_gitem-zone-a .team_grid_item_content_box {
	padding: 10px;
}
/* CountDown shortcode*/
.a13_count_down {
	display: table;
	margin: 0 auto;
}
.a13_count_down.simple {
	align-items: center;
	display: flex;
	justify-content: center;
}
.a13_count_down.simple .block {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	width: 100px;
}
.a13_count_down.simple .label {
	font-size: 14px;
	position: relative;
	text-align: center;
	text-transform: uppercase;
	top: -10px;
	width: 100%;
}
.a13_count_down.simple .value {
	text-align: center;
	width: 100%;
	font-size: 50px;
	font-weight: 700;
}
.a13_count_down .countdown-container {
	height: 130px;
}
.a13_count_down .time {
	border-radius: 5px;
	box-shadow: 0 0 10px 0 rgba(0,0,0,0.5);
	display: inline-block;
	text-align: center;
	position: relative;
	height: 95px;
	width: 65px;

	-webkit-perspective: 479px;
	-moz-perspective: 479px;
	-ms-perspective: 479px;
	-o-perspective: 479px;
	perspective: 479px;

	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-ms-backface-visibility: hidden;
	-o-backface-visibility: hidden;
	backface-visibility: hidden;

	-webkit-transform: translate3d(0,0,0);
		-ms-transform: translate3d(0,0,0);
			transform: translate3d(0,0,0);
}
.a13_count_down .count {
	background: #202020;
	color: #f8f8f8;
	display: block;
	font-family: 'Oswald', sans-serif;
	font-size: 40px;
	line-height: 95px;
	overflow: hidden;
	position: absolute;
	text-align: center;
	text-shadow: 0 0 10px rgba(0, 0, 0, 0.8);
	top: 0;
	width: 100%;

	-webkit-transform: translateZ(0);
	-ms-transform: translateZ(0);
	-o-transform: translateZ(0);
	transform: translateZ(0);

	-webkit-transform-style: flat;
			transform-style: flat;
}
.a13_count_down .count.top {
	border-top: 1px solid rgba(255,255,255,0.2);
	border-bottom: 1px solid rgba(255,255,255,0.1);
	border-radius: 5px 5px 0 0;
	height: 50%;

	-webkit-transform-origin: 50% 100%;
	-ms-transform-origin: 50% 100%;
	-o-transform-origin: 50% 100%;
	transform-origin: 50% 100%;
}
.a13_count_down .count.bottom {
	background-image: linear-gradient(rgba(255,255,255,0.1), transparent);
	background-image: -webkit-linear-gradient(rgba(255,255,255,0.1), transparent);
	background-image: -moz-linear-gradient(rgba(255,255,255,0.1), transparent);
	background-image: -ms-linear-gradient(rgba(255,255,255,0.1), transparent);
	background-image: -o-linear-gradient(rgba(255,255,255,0.1), transparent);
	border-top: 1px solid #000;
	border-bottom: 1px solid #000;
	border-radius: 0 0 5px 5px;
	line-height: 0;
	height: 50%;
	top: 50%;

	-webkit-transform-origin: 50% 0;
	-ms-transform-origin: 50% 0;
	-o-transform-origin: 50% 0;
	transform-origin: 50% 0;
}
.a13_count_down .count.next {
}
.a13_count_down.flipping .label {
	display: flex;
	font-size: 20px;
	justify-content: center;
	margin-top: 5px;
	position: relative;
	top: 95px;
	width: 100%;
}
/* Animation start */
.a13_count_down .count.curr.top {
	-webkit-transform: rotateX(0deg);
	-ms-transform: rotateX(0deg);
	-o-transform: rotateX(0deg);
	transform: rotateX(0deg);
	z-index: 3;
}
.a13_count_down .count.next.bottom {
	-webkit-transform: rotateX(90deg);
	-ms-transform: rotateX(90deg);
	-o-transform: rotateX(90deg);
	transform: rotateX(90deg);
	z-index: 2;
}
/* Animation end */
.a13_count_down .flip .count.curr.top {
	-webkit-transition: all 250ms ease-in-out;
			transition: all 250ms ease-in-out;

	-webkit-transform: rotateX(-90deg);
		-ms-transform: rotateX(-90deg);
			transform: rotateX(-90deg);
}
.a13_count_down .flip .count.next.bottom {
	-webkit-transition: all 250ms ease-in-out 250ms;
			transition: all 250ms ease-in-out 250ms;

	-webkit-transform: rotateX(0deg);
		-ms-transform: rotateX(0deg);
			transform: rotateX(0deg);
}



/* ==========================================================================
   Counter shortcode
   ========================================================================== */
.a13_counter{
	text-align: center;
}
.a13_counter .number{
	display: block;
	letter-spacing: -2px;
}
.a13_counter .finish-text{
	visibility: hidden;
	margin-top: 15px;
	position: relative;
}



/* ==========================================================================
   Visual Composer progress bar shortcode tweak
   ========================================================================== */
.vc_progress_bar .vc_single_bar {
	border-radius: 0;
	box-shadow: none;
	height: 5px;
	margin-bottom: 40px;
}
.vc_progress_bar .vc_bar {
	border-radius: 0 !important;
}
.vc_progress_bar .vc_label {
	top: -30px;
}
.vc_progress_bar .vc_label_units {
	left: 0;
	margin-left: -20px;
	opacity: 0;
	position: absolute;
	-webkit-transition: opacity .3s linear 0s, left 1s linear 0s;
	transition: opacity .3s linear 0s, left 1s linear 0s;
}
.vc_progress_bar .vc_general.vc_single_bar .vc_label {
	color: #222222;
	padding: 0.5em 0;
	text-shadow: none !important;
}


/* ==========================================================================
   Visual Composer tab shortcode tweak
   ========================================================================== */
.vc_tta-style-a13_framework_tabs .vc_tta-tab > a {
	align-items: center;
	color: #dadada !important;
	display: flex !important;
	flex-wrap: wrap !important;
	justify-content: center;
}
.vc_tta-style-a13_framework_tabs .vc_tta-tab > a > * {
	text-transform: uppercase;
	width: 100%;
}
.vc_tta-style-a13_framework_tabs .vc_tta-tab > a > i {
	font-size: 40px !important;
	margin: 20px 0 !important;
}
.vc_tta-style-a13_framework_tabs .vc_tta-tab > a > span {
	font-size: 14px !important;
	letter-spacing: 4px;
	margin: 20px 0 0 !important;
}

.vc_tta-style-a13_framework_tabs.vc_tta-color-blue .vc_tta-tab.vc_active > a,
.vc_tta-style-a13_framework_tabs.vc_tta-color-blue .vc_tta-tab:hover > a{
	color: #5472D2!important;
}

.vc_tta-style-a13_framework_tabs.vc_tta-color-turquoise .vc_tta-tab.vc_active > a,
.vc_tta-style-a13_framework_tabs.vc_tta-color-turquoise .vc_tta-tab:hover > a{
	color: #00C1CF!important;
}

.vc_tta-style-a13_framework_tabs.vc_tta-color-pink .vc_tta-tab.vc_active > a,
.vc_tta-style-a13_framework_tabs.vc_tta-color-pink .vc_tta-tab:hover > a{
	color: #FE6C61!important;
}

.vc_tta-style-a13_framework_tabs.vc_tta-color-violet .vc_tta-tab.vc_active > a,
.vc_tta-style-a13_framework_tabs.vc_tta-color-violet .vc_tta-tab:hover > a{
	color: #8D6DC4!important;
}

.vc_tta-style-a13_framework_tabs.vc_tta-color-peacoc .vc_tta-tab.vc_active > a,
.vc_tta-style-a13_framework_tabs.vc_tta-color-peacoc .vc_tta-tab:hover > a{
	color: #4CADC9!important;
}

.vc_tta-style-a13_framework_tabs.vc_tta-color-chino .vc_tta-tab.vc_active > a,
.vc_tta-style-a13_framework_tabs.vc_tta-color-chino .vc_tta-tab:hover > a{
	color: #CEC2AB!important;
}

.vc_tta-style-a13_framework_tabs.vc_tta-color-mulled-wine .vc_tta-tab.vc_active > a,
.vc_tta-style-a13_framework_tabs.vc_tta-color-mulled_wine .vc_tta-tab:hover > a,
.vc_tta-style-a13_framework_tabs.vc_tta-color-mulled-wine .vc_tta-tab.vc_active > a,
.vc_tta-style-a13_framework_tabs.vc_tta-color-mulled_wine .vc_tta-tab:hover > a{
	color: #50485B!important;
}

.vc_tta-style-a13_framework_tabs.vc_tta-color-vista-blue .vc_tta-tab.vc_active > a,
.vc_tta-style-a13_framework_tabs.vc_tta-color-vista_blue .vc_tta-tab:hover > a,
.vc_tta-style-a13_framework_tabs.vc_tta-color-vista-blue .vc_tta-tab.vc_active > a,
.vc_tta-style-a13_framework_tabs.vc_tta-color-vista_blue .vc_tta-tab:hover > a {
	color: #75D69C!important;
}

.vc_tta-style-a13_framework_tabs.vc_tta-color-black .vc_tta-tab.vc_active > a,
.vc_tta-style-a13_framework_tabs.vc_tta-color-black .vc_tta-tab:hover > a{
	color: #2A2A2A!important;
}

.vc_tta-style-a13_framework_tabs.vc_tta-color-grey .vc_tta-tab.vc_active > a,
.vc_tta-style-a13_framework_tabs.vc_tta-color-grey .vc_tta-tab:hover > a{
	color: #EBEBEB!important;
}

.vc_tta-style-a13_framework_tabs.vc_tta-color-orange .vc_tta-tab.vc_active > a,
.vc_tta-style-a13_framework_tabs.vc_tta-color-orange .vc_tta-tab:hover > a{
	color: #F7BE68!important;
}

.vc_tta-style-a13_framework_tabs.vc_tta-color-sky .vc_tta-tab.vc_active > a,
.vc_tta-style-a13_framework_tabs.vc_tta-color-sky .vc_tta-tab:hover > a{
	color: #5AA1E3!important;
}

.vc_tta-style-a13_framework_tabs.vc_tta-color-green .vc_tta-tab.vc_active > a,
.vc_tta-style-a13_framework_tabs.vc_tta-color-green .vc_tta-tab:hover > a{
	color: #6DAB3C!important;
}

.vc_tta-style-a13_framework_tabs.vc_tta-color-juicy-pink .vc_tta-tab.vc_active > a,
.vc_tta-style-a13_framework_tabs.vc_tta-color-juicy_pink .vc_tta-tab:hover > a,
.vc_tta-style-a13_framework_tabs.vc_tta-color-juicy-pink .vc_tta-tab.vc_active > a,
.vc_tta-style-a13_framework_tabs.vc_tta-color-juicy_pink .vc_tta-tab:hover > a {
	color: #F4524D!important;
}

.vc_tta-style-a13_framework_tabs.vc_tta-color-sandy-brown .vc_tta-tab.vc_active > a,
.vc_tta-style-a13_framework_tabs.vc_tta-color-sandy_brown .vc_tta-tab:hover > a,
.vc_tta-style-a13_framework_tabs.vc_tta-color-sandy-brown .vc_tta-tab.vc_active > a,
.vc_tta-style-a13_framework_tabs.vc_tta-color-sandy_brown .vc_tta-tab:hover > a {
	color: #F79468!important;
}

.vc_tta-style-a13_framework_tabs.vc_tta-color-purple .vc_tta-tab.vc_active > a,
.vc_tta-style-a13_framework_tabs.vc_tta-color-purple .vc_tta-tab:hover > a{
	color: #B97EBB!important;
}

.vc_tta-style-a13_framework_tabs.vc_tta-color-white .vc_tta-tab.vc_active > a,
.vc_tta-style-a13_framework_tabs.vc_tta-color-white .vc_tta-tab:hover > a{
	color: #FFF!important;
}



/* ==========================================================================
   Post grid variants
   ========================================================================== */
.a13_post_grid_center{
	text-align: center;
}
.a13_post_grid_left .vc_gitem-zone-c{
	margin: -10px;
}
.a13_post_grid_left .a13_post_meta_data{
	margin: 10px 0;
}
.a13_post_grid_full_row .vc_gitem-animated-block {
	width: 35%;
}
.a13_post_grid_full_row .vc_gitem-zone.vc_gitem-zone-c {
	width: 62%;
}
.a13_post_grid_simple_row,
.a13_post_grid_simple_row2{
	text-align: center;
}
.a13_post_grid_simple_row2{
	border-top: 1px solid #F1F1F1;
	border-bottom: 1px solid #F1F1F1;
	margin-top: -1px;
}



/* ==========================================================================
   Testimonial shortcode
   ========================================================================== */
.a13_gitem_testimonial1 {
	display: table !important;
	margin: 0 auto;
}
.a13_gitem_testimonial1 .vc_gitem-zone-a{
	border-radius: 70px;
	margin: 0 auto;
	width: 140px;
}
.a13_gitem_testimonial1 .fa {
	display: table;
	font-size: 25px;
	margin: 0 auto;
	opacity: 0.2;
}
.vc_gitem-post-meta-field-_testimonial {
	font-size: 16px;
	line-height: 1.3;
	margin-bottom: 25px;
}
.a13_testimonial_signature {
	font-size: 13px;
	font-weight: bold;
	letter-spacing: 1px;
	margin-top: 25px;
	color: #333;
	text-align: center;
	text-transform: uppercase;
}



/* ==========================================================================
   Grid element for posts
   ========================================================================== */
.post_theme_options.vc_gitem-zone-a .vc_gitem-row-position-top{
	position: static;
}
.post_theme_options.vc-gitem-zone-height-mode-auto::before{
	padding-top: 0;
}



/* ==========================================================================
   Grid element for products
   ========================================================================== */
.product_theme_options.vc_gitem-zone-a .vc_gitem-row-position-top{
	position: static;
}
.product_theme_options.vc-gitem-zone-height-mode-auto::before{
	display: none;
}
.product_theme_options .vc_gitem-link{
	display: none;
}
.product_theme_options .woocommerce ul.products{
	margin: 0;
}
.product_theme_options .woocommerce ul.products li.product{
	float: none;
	margin: 0;
	padding: 0;
	position: relative;
	width: auto;
}



/* ==========================================================================
   Grid element for works & albums
   ========================================================================== */
/* take full width of grid element */
.album_theme_options figure.archive-item,
.work_theme_options figure.archive-item{
	float: none;
}
/* remove strange VC padding */
.album_theme_options .vc_gitem_row .vc_gitem-col,
.work_theme_options .vc_gitem_row .vc_gitem-col{
	padding: 0;
}

/* size Original */
.album_theme_options .vc_gitem_row,
.work_theme_options .vc_gitem_row{
	position: static;
}



/* ==========================================================================
   Main demo fly out
   ========================================================================== */
.demo-flyout{
	box-shadow: 0 0 12px rgba(0, 0, 0, 0.09);
	width: 170px;
	position: fixed;
	z-index: 2222;
	top: 43%;
	right: -170px;
	-webkit-border-radius: 0 0 0 5px;
			border-radius: 0 0 0 5px;
	-webkit-transition: right .5s;
			transition: right .5s;
}
.demo-flyout.open{
	right: 0;
}
.demo-flyout .links{
	text-align: center;
	background: #fff url(https://bangkutaman.id/wp-content/themes/fatmoon/images/apollo13.png) 50% 20px no-repeat;
	padding: 54px 10px 10px;
	position: relative;
	z-index: 1;
	-webkit-border-radius: 0 0 0 5px;
			border-radius: 0 0 0 5px;
}
.demo-flyout .links::before{
	content: "";
	display: block;
	background-color: #E5E5E5;
	width: 50px;
	height: 1px;
	margin: 0 auto 10px;
}
.demo-flyout a{
	display: block;
	color: #858585;
	font-weight: bold;
	line-height: 2em;
	letter-spacing: 0;
	font-size: 12px;
	margin-bottom: 4px;
	-webkit-transition: color .3s;
			transition: color .3s;
}
.demo-flyout a.buy{
	color: #E82626;
}
.demo-flyout a:hover{
	text-decoration: underline;
	color: #000;
}
.demo-flyout .drag-out{
	position: absolute;
	top: 0;
	left: -35px;
	width: 35px;
	height: 35px;
	background-color: #fff;
	box-shadow: 0 0 12px rgba(0, 0, 0, 0.09);
	text-align: center;
	line-height: 35px;
	color: #838388;
	cursor: pointer;
	-webkit-border-radius: 5px 0 0 5px;
			border-radius: 5px 0 0 5px;
	-webkit-transition: color .3s;
			transition: color .3s;
}
.demo-flyout .drag-out:hover{
	color: #000;
}



/* ==========================================================================
   Side menu effects
   ========================================================================== */
.close-sidebar{
	position: absolute;
	top: 15px;
	right: 15px;
	cursor: pointer;
	color: #ccc;
	font-size: 20px;
	padding: 5px;
	-webkit-transition: color .3s;
			transition: color .3s;
}
.dark-sidebar .close-sidebar{
	color: #fff;
}
.close-sidebar:hover{
	color: #222;
}
.dark-sidebar .close-sidebar:hover{
	color: #ccc;
}


/* 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,
.side-menu-eff-3 #side-menu{
	-webkit-transform: translate3d(-100%, 0, 0);
			transform: translate3d(-100%, 0, 0);
}
.side-menu-eff-7 #side-menu,
.side-menu-eff-9 #side-menu{
	-webkit-transform: translate3d(100%, 0, 0);
			transform: translate3d(100%, 0, 0);
}
.side-menu-eff-2.side-menu-open .to-move,
.side-menu-eff-3.side-menu-open .to-move,
.side-menu-eff-4.side-menu-open .to-move,
.side-menu-eff-5.side-menu-open .to-move,
.side-menu-eff-6.side-menu-open .to-move{
	-webkit-transform: translate3d(320px, 0, 0);
			transform: translate3d(320px, 0, 0);
}
.side-menu-eff-8.side-menu-open .to-move,
.side-menu-eff-9.side-menu-open .to-move,
.side-menu-eff-10.side-menu-open .to-move,
.side-menu-eff-11.side-menu-open .to-move,
.side-menu-eff-12.side-menu-open .to-move{
	-webkit-transform: translate3d(-320px, 0, 0);
			transform: translate3d(-320px, 0, 0);
}


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

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

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

.side-menu-eff-5 #side-menu,
.side-menu-eff-10 #side-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,
.side-menu-eff-6 #side-menu::after,
.side-menu-eff-11 #side-menu::after,
.side-menu-eff-12 #side-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,
.side-menu-eff-6.side-menu-open #side-menu::after,
.side-menu-eff-11.side-menu-open #side-menu::after,
.side-menu-eff-12.side-menu-open #side-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,
.side-menu-eff-12 #side-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,
.side-menu-eff-4 #side-menu div.scroll-wrap,
.side-menu-eff-5 #side-menu div.scroll-wrap,
.side-menu-eff-6 #side-menu div.scroll-wrap,
.side-menu-eff-8 #side-menu div.scroll-wrap,
.side-menu-eff-10 #side-menu div.scroll-wrap,
.side-menu-eff-11 #side-menu div.scroll-wrap,
.side-menu-eff-12 #side-menu div.scroll-wrap{
	padding-bottom: 80px;
}

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



/* ==========================================================================
   Social icons
   ========================================================================== */
.socials{
	margin: 0;
	vertical-align: top;
	line-height: 0; /*remove white space*/
}
.socials a{
	display: inline-block;
	margin-left: 4px;
	height: 26px;
	width: 26px;
	line-height: 26px;
	color: #fff;
	text-align: center;
	text-decoration: none !important;
	font-size: 16px;
	-webkit-transition: background-color .5s, color .5s, opacity .5s;
			transition: background-color .5s, color .5s, opacity .5s;
}
.socials a:first-child{
	margin-left: 0;
}
/* icons with background */
.socials.circles a{
	-webkit-border-radius: 13px;
			border-radius: 13px;
}
.socials.white a{
	background-color: #fff;
	color: #000;
}
.socials.black a{
	background-color: #000;
	color: #fff;
}
.socials.semi-transparent a{
	background-color: #fff;
	color: #000;
	opacity: 0.5;
}
.socials.color a{
	background-color: #3498DB;
	color: #fff;
}
.color a.a13_soc-500px{ background-color: #A5A6A8; }
.color a.a13_soc-behance{ background-color: #1769FF; }
.color a.a13_soc-delicious{ background-color: #205CC0; }
.color a.a13_soc-deviantart{ background-color: #768C82; }
.color a.a13_soc-digg{ background-color: #1F6EBA; }
.color a.a13_soc-dribbble{ background-color: #EB5991; }
.color a.a13_soc-dropbox{ background-color: #007EE6; }
.color a.a13_soc-facebook{ background-color: #4A73C9; }
.color a.a13_soc-flickr{ background-color: #FF0084; }
.color a.a13_soc-foursquare{ background-color: #25A0CA; }
.color a.a13_soc-github{ background-color: #5D5D5D; }
.color a.a13_soc-googleplus{ background-color: #E1695B; }
.color a.a13_soc-instagram{ background-color: #3F729B; }
.color a.a13_soc-lastfm{ background-color: #DE2539; }
.color a.a13_soc-linkedin{ background-color: #0E76A8; }
.color a.a13_soc-mailto{ background-color: #565656; }
.color a.a13_soc-paypal{ background-color: #175C85; }
.color a.a13_soc-pinterest{ background-color: #C8232C; }
.color a.a13_soc-reddit{ background-color: #FF4500; }
.color a.a13_soc-rss{ background-color: #EE802F; }
.color a.a13_soc-sharethis{ background-color: #206E00; }
.color a.a13_soc-skype{ background-color: #00AFF0; }
.color a.a13_soc-spotify{ background-color: #80B719; }
.color a.a13_soc-stumbleupon{ background-color: #27A036; }
.color a.a13_soc-tumblr{ background-color: #34526F; }
.color a.a13_soc-twitter{ background-color: #00A0D1; }
.color a.a13_soc-vimeo{ background-color: #86C9EF; }
.color a.a13_soc-wordpress{ background-color: #21759B; }
.color a.a13_soc-yahoo{ background-color: #8B39AF; }
.color a.a13_soc-youtube{ background-color: #C4302B; }
.color a.a13_soc-yelp{ background-color: #C41200; }
.color a.a13_soc-vkontakte{ background-color: #4C75A3; }

/* hovers after normal for proper overwrites */
.socials.white_hover a:hover{
	background-color: #fff;
	color: #000;
	opacity: 1;
}
.socials.black_hover a:hover{
	background-color: #000;
	color: #fff;
	opacity: 1;
}
.socials.semi-transparent_hover a:hover{
	background-color: #fff;
	color: #000;
	opacity: 0.5;
}
.socials.color_hover a:hover{
	background-color: #3498DB;
	color: #fff;
	opacity: 1;
}
.color_hover a.a13_soc-500px:hover{ background-color: #A5A6A8; }
.color_hover a.a13_soc-behance:hover{ background-color: #1769FF; }
.color_hover a.a13_soc-delicious:hover{ background-color: #205CC0; }
.color_hover a.a13_soc-deviantart:hover{ background-color: #768C82; }
.color_hover a.a13_soc-digg:hover{ background-color: #1F6EBA; }
.color_hover a.a13_soc-dribbble:hover{ background-color: #EB5991; }
.color_hover a.a13_soc-dropbox:hover{ background-color: #007EE6; }
.color_hover a.a13_soc-facebook:hover{ background-color: #4A73C9; }
.color_hover a.a13_soc-flickr:hover{ background-color: #FF0084; }
.color_hover a.a13_soc-foursquare:hover{ background-color: #25A0CA; }
.color_hover a.a13_soc-github:hover{ background-color: #5D5D5D; }
.color_hover a.a13_soc-googleplus:hover{ background-color: #E1695B; }
.color_hover a.a13_soc-instagram:hover{ background-color: #3F729B; }
.color_hover a.a13_soc-lastfm:hover{ background-color: #DE2539; }
.color_hover a.a13_soc-linkedin:hover{ background-color: #0E76A8; }
.color_hover a.a13_soc-mailto:hover{ background-color: #565656; }
.color_hover a.a13_soc-paypal:hover{ background-color: #175C85; }
.color_hover a.a13_soc-pinterest:hover{ background-color: #C8232C; }
.color_hover a.a13_soc-reddit:hover{ background-color: #FF4500; }
.color_hover a.a13_soc-rss:hover{ background-color: #EE802F; }
.color_hover a.a13_soc-sharethis:hover{ background-color: #206E00; }
.color_hover a.a13_soc-skype:hover{ background-color: #00AFF0; }
.color_hover a.a13_soc-spotify:hover{ background-color: #80B719; }
.color_hover a.a13_soc-stumbleupon:hover{ background-color: #27A036; }
.color_hover a.a13_soc-tumblr:hover{ background-color: #34526F; }
.color_hover a.a13_soc-twitter:hover{ background-color: #00A0D1; }
.color_hover a.a13_soc-vimeo:hover{ background-color: #86C9EF; }
.color_hover a.a13_soc-wordpress:hover{ background-color: #21759B; }
.color_hover a.a13_soc-yahoo:hover{ background-color: #8B39AF; }
.color_hover a.a13_soc-youtube:hover{ background-color: #C4302B; }
.color_hover a.a13_soc-yelp:hover{ background-color: #C41200; }
.color_hover a.a13_soc-vkontakte:hover{ background-color: #4C75A3; }


/* icons without background */
.socials.icons-only a,
.socials.icons-only a:hover{
	background-color: transparent;
}
.socials.icons-only.white a{
	color: #fff;
}
.socials.icons-only.black a{
	color: #000;
}
.socials.icons-only.semi-transparent a{
	color: #000;
	opacity: 0.5;
}
.socials.icons-only.color a{
	color: #3498DB;
}
.icons-only.color a.a13_soc-500px{ color: #A5A6A8; }
.icons-only.color a.a13_soc-behance{ color: #1769FF; }
.icons-only.color a.a13_soc-delicious{ color: #205CC0; }
.icons-only.color a.a13_soc-deviantart{ color: #768C82; }
.icons-only.color a.a13_soc-digg{ color: #1F6EBA; }
.icons-only.color a.a13_soc-dribbble{ color: #EB5991; }
.icons-only.color a.a13_soc-dropbox{ color: #007EE6; }
.icons-only.color a.a13_soc-facebook{ color: #4A73C9; }
.icons-only.color a.a13_soc-flickr{ color: #FF0084; }
.icons-only.color a.a13_soc-foursquare{ color: #25A0CA; }
.icons-only.color a.a13_soc-github{ color: #5D5D5D; }
.icons-only.color a.a13_soc-googleplus{ color: #E1695B; }
.icons-only.color a.a13_soc-instagram{ color: #3F729B; }
.icons-only.color a.a13_soc-lastfm{ color: #DE2539; }
.icons-only.color a.a13_soc-linkedin{ color: #0E76A8; }
.icons-only.color a.a13_soc-mailto{ color: #565656; }
.icons-only.color a.a13_soc-paypal{ color: #175C85; }
.icons-only.color a.a13_soc-pinterest{ color: #C8232C; }
.icons-only.color a.a13_soc-reddit{ color: #FF4500; }
.icons-only.color a.a13_soc-rss{ color: #EE802F; }
.icons-only.color a.a13_soc-sharethis{ color: #206E00; }
.icons-only.color a.a13_soc-skype{ color: #00AFF0; }
.icons-only.color a.a13_soc-spotify{ color: #80B719; }
.icons-only.color a.a13_soc-stumbleupon{ color: #27A036; }
.icons-only.color a.a13_soc-tumblr{ color: #34526F; }
.icons-only.color a.a13_soc-twitter{ color: #00A0D1; }
.icons-only.color a.a13_soc-vimeo{ color: #86C9EF; }
.icons-only.color a.a13_soc-wordpress{ color: #21759B; }
.icons-only.color a.a13_soc-yahoo{ color: #8B39AF; }
.icons-only.color a.a13_soc-youtube{ color: #C4302B; }
.icons-only.color a.a13_soc-yelp{ color: #C41200; }
.icons-only.color a.a13_soc-vkontakte{ color: #4C75A3; }

/* hovers after normal for proper overwrites */
.socials.icons-only.white_hover a:hover{
	color: #fff;
	opacity: 1;
}
.socials.icons-only.black_hover a:hover{
	color: #000;
	opacity: 1;
}
.socials.icons-only.semi-transparent_hover a:hover{
	color: #fff;
	opacity: 0.5;
}
.socials.icons-only.color_hover a:hover{
	color: #3498DB;
	opacity: 1;
}
.icons-only.color_hover a.a13_soc-500px:hover{ color: #A5A6A8; }
.icons-only.color_hover a.a13_soc-behance:hover{ color: #1769FF; }
.icons-only.color_hover a.a13_soc-delicious:hover{ color: #205CC0; }
.icons-only.color_hover a.a13_soc-deviantart:hover{ color: #768C82; }
.icons-only.color_hover a.a13_soc-digg:hover{ color: #1F6EBA; }
.icons-only.color_hover a.a13_soc-dribbble:hover{ color: #EB5991; }
.icons-only.color_hover a.a13_soc-dropbox:hover{ color: #007EE6; }
.icons-only.color_hover a.a13_soc-facebook:hover{ color: #4A73C9; }
.icons-only.color_hover a.a13_soc-flickr:hover{ color: #FF0084; }
.icons-only.color_hover a.a13_soc-foursquare:hover{ color: #25A0CA; }
.icons-only.color_hover a.a13_soc-github:hover{ color: #5D5D5D; }
.icons-only.color_hover a.a13_soc-googleplus:hover{ color: #E1695B; }
.icons-only.color_hover a.a13_soc-instagram:hover{ color: #3F729B; }
.icons-only.color_hover a.a13_soc-lastfm:hover{ color: #DE2539; }
.icons-only.color_hover a.a13_soc-linkedin:hover{ color: #0E76A8; }
.icons-only.color_hover a.a13_soc-mailto:hover{ color: #565656; }
.icons-only.color_hover a.a13_soc-paypal:hover{ color: #175C85; }
.icons-only.color_hover a.a13_soc-pinterest:hover{ color: #C8232C; }
.icons-only.color_hover a.a13_soc-reddit:hover{ color: #FF4500; }
.icons-only.color_hover a.a13_soc-rss:hover{ color: #EE802F; }
.icons-only.color_hover a.a13_soc-sharethis:hover{ color: #206E00; }
.icons-only.color_hover a.a13_soc-skype:hover{ color: #00AFF0; }
.icons-only.color_hover a.a13_soc-spotify:hover{ color: #80B719; }
.icons-only.color_hover a.a13_soc-stumbleupon:hover{ color: #27A036; }
.icons-only.color_hover a.a13_soc-tumblr:hover{ color: #34526F; }
.icons-only.color_hover a.a13_soc-twitter:hover{ color: #00A0D1; }
.icons-only.color_hover a.a13_soc-vimeo:hover{ color: #86C9EF; }
.icons-only.color_hover a.a13_soc-wordpress:hover{ color: #21759B; }
.icons-only.color_hover a.a13_soc-yahoo:hover{ color: #8B39AF; }
.icons-only.color_hover a.a13_soc-youtube:hover{ color: #C4302B; }
.icons-only.color_hover a.a13_soc-yelp:hover{ color: #C41200; }
.icons-only.color_hover a.a13_soc-vkontakte:hover{ color: #4C75A3; }



/* ==========================================================================
   Some group Transitions
   ========================================================================== */
.to-move,
#side-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;
}

h1 a,h2 a,h3 a,h4 a,h5 a, h6 a,
a.post-title,
.category-filter a,
.navigation a,
.foot-text a,
.top-menu li,
.top-menu a,
.top-menu span.title,
.top-menu i.sub-mark,
.top-menu > li > a::before,
.top-bar-container a,
.posts-nav a span,
.formatter a,
.widget li a{
	-webkit-transition: background-color .5s, color .5s;
			transition: background-color .5s, color .5s;
}

input,
textarea{
	-webkit-transition: background-color .5s, border-color .5s, color .5s;
			transition: background-color .5s, border-color .5s, color .5s;
}
.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: 1301px) {
	/* 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) {
	/* 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: 1300px) {
	body::after {
		content: 'narrow1300'; /* info for JS */
		display: none;
	}

	/* remove bordered layout */
	.site-layout-bordered .theme-borders{
		display: none;
	}
	.site-layout-bordered .whole-layout{
		padding: 0;
	}
	.site-layout-bordered #side-menu,
	.site-layout-bordered #side-menu.at-right,
	.header-vertical.site-layout-bordered #header,
	.header-side-right.header-vertical.site-layout-bordered #header{
		margin: 0;
	}
	.site-layout-bordered.header-horizontal #header{
		top: 0;
		left: 0;
		right: 0;
	}
	.header-horizontal #header.narrow-header {
		left: 50%;
	}
	body.single-album-slider.header-horizontal.site-layout-bordered #footer{
		margin-bottom: 0;
	}

	/* fix positioning of fp-nav according to current layout */
	.site-layout-bordered #fp-nav{
		right: 17px;
	}
	.site-layout-bordered.header-side-right.header-vertical #fp-nav{
		right: 297px;
	}

	/* vertical header */
	.header-vertical.site-layout-bordered.no-border-bottom.no-border-top #header{
		min-height: 100%;
	}
	.header-vertical.site-layout-bordered #header,
	.header-vertical.site-layout-bordered.no-border-top #header,
	.header-vertical.site-layout-bordered.no-border-bottom #header{
		min-height: 100%;
	}
	.admin-bar.header-vertical.site-layout-bordered #header,
	.admin-bar.header-vertical.site-layout-bordered.no-border-top #header,
	.admin-bar.header-vertical.site-layout-bordered.no-border-bottom #header{
		min-height: -webkit-calc(100% - 32px);
		min-height: 		calc(100% - 32px);
	}

	/* footer with unravel effect */
	.site-layout-bordered #footer.unravel{
		right: 0;
		left: 0;
		bottom: 0;
	}
}
@media only screen and (max-width: 1240px) {
	/* fix narrow horizontal header */
	.header-horizontal #header.narrow-header{
		left: 0;
		-webkit-transform: none;
			-ms-transform: none;
				transform: none;
	}
	.header-horizontal #header.sticky-hide.narrow-header,
	.header-horizontal #header.hide-until-scrolled-to.narrow-header{
		-webkit-transform: translate(0, -102%);
			-ms-transform: translate(0, -102%);
				transform: translate(0, -102%);
		/* 102% cause it leaves one pixel behind when doing 3d transforms */
	}
	.site-layout-bordered.header-horizontal #header.narrow-header{
		width: 100%;
		right: auto;
	}
	.no-border-right.header-horizontal #header.narrow-header,
	.no-border-left.header-horizontal #header.narrow-header{
		left: 0;
	}
}
@media only screen and (max-width: 1024px) {
	body::after {
		content: 'narrow1024'; /* info for JS */
		display: none;
	}

	/* general layout */
	a.to-top {
		right: 20px;
	}

	/* header */
	#header-tools.only-menu{
		/* we reset our hiding */
		clip: auto;
		position: static;
		top: auto;
		left: auto;
		visibility: visible;
		height: auto;
		overflow: visible;
		opacity: 1;
	}
	#header-tools #mobile-menu-opener{
		display: inline-block;
	}
	#basket-items-count{
		left: 0;
	}

	/* vertical header */
	.header-vertical #header{
		position: fixed;
		width: 100%;
	}
	.header-vertical #header,
	.admin-bar.header-vertical #header,
	.header-vertical.site-layout-bordered #header,
	.header-vertical.site-layout-bordered.no-border-top #header,
	.header-vertical.site-layout-bordered.no-border-bottom #header,
	.header-vertical.site-layout-bordered.no-border-bottom.no-border-top #header,
	.admin-bar.header-vertical.site-layout-bordered #header,
	.admin-bar.header-vertical.site-layout-bordered.no-border-top #header,
	.admin-bar.header-vertical.site-layout-bordered.no-border-bottom #header,
	.admin-bar.header-vertical.site-layout-bordered.no-border-bottom.no-border-top #header{
		min-height: 0;
	}
	.header-widgets{
		display: none;
	}
	.header-vertical #header #footer{
		display: none;/* for instant proper size header */
	}
	.header-vertical .whole-layout > #footer{
		display: block;
	}
	.header-vertical #header .head{
		width: 100%;
		display: table;
		text-align: center;
		padding-bottom: 0 !important;/* for instant proper size header */
	}
	.header-vertical #header .logo-container,
	.header-vertical #header #header-tools{
		display: table-cell;
		vertical-align: middle;
	}
	.header-vertical #header .logo-container{
		text-align: left;
		padding-right: 10px;
	}
	.header-vertical #header #header-tools{
		text-align: right;
		padding-left: 10px;
		padding-top: 5px; /* some space when logo is small */
		padding-bottom: 5px;
	}

	/* header search */
	.header-vertical .search-container,
	.header-side-right.header-vertical .search-container{
		right: auto;
		top: 0;
		bottom: 0;
		left: 0;
		width: 100%;
	}

	/* header horizontal */
	.header-horizontal .mobile-menu .navigation-bar{
		width: 0;
		padding: 0;
		position: static;
	}
	.header-horizontal .mobile-menu .logo-container{
		width: 100%;
	}
	.header-horizontal .mobile-menu .top-menu > li,
	.header-horizontal .mobile-menu .top-menu.opener-icons-on li.menu-parent-item{
		padding: 0;
	}
	/* adjust menu in horizontal header */
	.header-horizontal .mobile-menu .top-menu li a,
	.header-horizontal .mobile-menu .top-menu li span.title,
	.header-horizontal .mobile-menu .top-menu li li a,
	.header-horizontal .mobile-menu .top-menu li li span.title{
		padding: 0 40px;
	}
	.header-horizontal .mobile-menu .top-menu.opener-icons-on li.menu-parent-item > a,
	.header-horizontal .mobile-menu .top-menu.opener-icons-on li.menu-parent-item > span.title {
		padding-right: 66px;
	}
	.header-horizontal .mobile-menu .top-menu.opener-icons-on.menu--show_icon li.menu-parent-item > a,
	.header-horizontal .mobile-menu .top-menu.opener-icons-on.menu--show_icon li.menu-parent-item > span.title {
		padding-right: 66px;
		padding-left: 66px;
	}
	.header-horizontal .mobile-menu .top-menu ul{
		position: static;
		min-width: 0;
		padding: 10px 0;
	}
	.header-horizontal .mobile-menu .top-menu ul li i.sub-mark{
		height: 17px;
		line-height: 17px;
		right: 38px;
	}
	.header-horizontal .mobile-menu .top-menu.opener-icons-on li li.menu-parent-item{
		padding-right: 0;
	}

	/* header multi line */
	.header-type-multi_line .top-head{
		display: table;
		padding: 0 40px;
	}
	.header-type-multi_line .logo-container{
		display: table-cell;
		width: 100%;
		text-align: left;
	}
	.header-type-multi_line #header-tools,
	.header-type-multi_line .head .socials{
		position: static;
		display: table-cell;
		-webkit-transform: none;
			-ms-transform: none;
				transform: none;
	}
	.header-type-multi_line #header-tools{
		padding-right: 15px;
	}
	.header-type-multi_line #header-tools::before,
	.header-type-multi_line .head .socials::before{
		display: inline-block;
	}

	/* ONE LINE LOGO CENTERED */
	.header-variant-one_line_centered.mobile-menu .socials-cell, .header-variant-one_line_centered .tools-cell {
		width: 40%;
	}
	.header-variant-one_line_centered.mobile-menu .menu-cell{
		width: 20%;
		position: static;
	}
	header.header-variant-one_line_centered.mobile-menu .socials{
		position: static;
	}
	.header-variant-one_line_centered.mobile-menu .logo-container {
		display: inline-block;
		position: static;
		-webkit-transform: none;
			-ms-transform: none;
				transform: none;
	}
	.header-variant-one_line_centered.mobile-menu .menu-cell .top-menu{
		width: auto;
		float: none;
		text-align: left;
		padding-bottom: 0;
	}
	.header-variant-one_line_centered.mobile-menu .menu-cell .right-part{
		float: none;
		padding-top: 0;
		padding-bottom: 25px;
	}

	/* MOBILE MENU */
	.header-vertical .navigation-bar{
		position: static;
	}
	.navigation-bar .menu-container{
		display: none; /* so now flash of menu till we decide should menu be visible */
	}
	.desktop_menu .navigation-bar .menu-container{
		display: block;
	}
	.mobile-menu .navigation-bar .menu-container{
		width: 100%;
		position: absolute;
		left: 0;
		top: 100%;
		-webkit-transition: background-color .5s;
				transition: background-color .5s;
	}
	.mobile-menu .navigation-bar .top-menu{
		padding: 25px 0;
	}
	.mobile-menu .navigation-bar .top-menu li a,
	.mobile-menu .navigation-bar .top-menu li span.title{
		line-height: 36px;
	}
	.mobile-menu .navigation-bar .top-menu > li > a,
	.mobile-menu .navigation-bar .top-menu > li > span.title{
		height: 36px; /* overwrite height from vertical header */
	}
	.mobile-menu .navigation-bar .top-menu i.sub-mark{
		height: 26px;
		right: 38px;
		margin-top: 6px;
		background-color: rgba(255,255,255,0.1);
	}

	/* next levels */
	/* borders in section mega menu */
	.mobile-menu .mega-menu > ul > li::before{
		display: none;
	}
	.mobile-menu .navigation-bar .top-menu ul li > a,
	.mobile-menu .navigation-bar .top-menu ul li > span.title,
	.header-vertical .top-menu .mega-menu li a,
	.header-vertical .top-menu .mega-menu li span.title{
		padding-left: 55px;/* indent submenus */
	}
	.mobile-menu .navigation-bar .top-menu ul li li > a,
	.mobile-menu .navigation-bar .top-menu ul li li > span.title{
		padding-left: 65px;/* indent submenus */
	}
	.mobile-menu .navigation-bar .top-menu.menu--show_icon ul li > a,
	.mobile-menu .navigation-bar .top-menu.menu--show_icon ul li > span.title,
	.header-vertical .top-menu.menu--show_icon .mega-menu li a,
	.header-vertical .top-menu.menu--show_icon .mega-menu li span.title,
	.mobile-menu .navigation-bar .top-menu.menu--show_icon ul li li > a,
	.mobile-menu .navigation-bar .top-menu.menu--show_icon ul li li > span.title{
		padding: 0 40px;/* it is centered */
	}
	.mobile-menu .navigation-bar .top-menu .mega-menu > ul > li > span.title,
	.mobile-menu .navigation-bar .top-menu .mega-menu > ul > li > a{
		padding-top: 10px;
		margin-top: 0;
	}
	.mobile-menu .navigation-bar ul{
		display: none;
		opacity: 1;
		visibility: visible;
		position: static;
		border-top: none;
		padding: 0;
	}
	.mobile-menu .navigation-bar .top-menu li{
		white-space: normal;
		display: block;
		text-align: left;
	}
	.mobile-menu .navigation-bar .top-menu.menu--show_icon li{
		text-align: center;
	}
	.mobile-menu .navigation-bar .top-menu li li a,
	.mobile-menu .navigation-bar .top-menu li li span.title{
		line-height: 26px;/* more space on touch devices */
	}

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

	/* DYNAMIC SEARCH RESULTS */
	.searchwp-live-search-result{
		min-height: 70px;
	}
	.searchwp-live-search-result a{
		padding-top: 10px;
	}
	.searchwp-live-search-result .icon{
		height: 50px;
		width: 50px;
		line-height: 50px;
		-webkit-border-radius: 25px;
			border-radius: 25px;
	}
	.searchwp-live-search-result .title{
		margin-left: 70px;
	}
	.searchwp-live-search-result time{
		display: none;
	}
	.searchwp-live-search-result .excerpt{
		margin-left: 70px;
	}

	/* footer */
	#footer{
		z-index: 8; /* below header */
	}
	#footer.unravel{
		position: relative;
		left: auto;
		bottom: auto;
		z-index: 8;
	}
	.site-layout-bordered.no-border-left #footer.unravel,
	.site-layout-bordered.no-border-right #footer.unravel,
	.site-layout-bordered.no-border-bottom #footer.unravel,
	.site-layout-bordered #footer.unravel{
		right: auto;
		left: auto;
		bottom: auto;
		width: 100%;
	}
	.foot-items,
	#footer .foot-widgets{
		padding: 0 60px;
	}
	.five-col .widget{
		width: 30.3%;
	}
	.four-col .widget{
		width: 46.99%;
	}

	/* content layouts */
	.header-vertical #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;
	}
	.comment .comment {
		margin-left: 20px;
	}

	/* single album slider */
	.header-vertical.single-album #a13-slider{
		left: 0;
	}
	.header-vertical.header-side-right.single-album #a13-slider{
		right: 0;
	}

	/* 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;
	}
	.custom-fields em{
		display: inline;
	}
	.custom-fields em::after{
		content: ":";
		margin-right: 5px;
	}

	/* single album slider */
	#a13-slider{
		left: 0;
	}
	.header-side-right #a13-slider{
		right: 0;
	}

	/* single work */
	.with-meta-fields .inside{
		float: none;
		width: auto;
	}
	.work-content .meta-data{
		float: none;
		width: auto;
		margin-top: 40px;
	}

	/* Post lightbox */
	.a13-post-lightbox .controls span{
		font-size: 36px;
		line-height: 60px;
		height: 60px;
		width: 60px;
	}
	.a13-post-lightbox .controls .next{
		left: 60px;
	}
	.a13-post-lightbox-content .page-title{
		margin-top: 60px;
	}

	/* move fp-nav according to current layout */
	.site-layout-bordered #fp-nav,
	.header-side-right.header-vertical #fp-nav,
	.site-layout-bordered.header-side-right.header-vertical #fp-nav,
	.site-layout-bordered.no-border-right.header-side-right.header-vertical #fp-nav{
		right: 17px;
	}
}

@media only screen and (max-width: 782px) {
	/* header */
	.admin-bar.header-horizontal #header{
		margin-top: 46px;
	}
	.admin-bar.header-vertical #header{
		top: 46px;
	}

	/* TOP CLOSABLE MESSAGE */
	.admin-bar .top-message-container{
		top: 46px;
	}

	/* menu overlay */
	.admin-bar #menu-overlay {
		top: 46px;
	}

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

	.admin-bar #side-menu {
		top: 46px;
	}
}

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

	/* menu */
	.mobile-menu .navigation-bar .top-menu{
		padding: 10px 0;
	}
	.header-variant-one_line_centered.mobile-menu  .menu-cell .right-part{
		padding-bottom: 10px;
	}

	/* title bar */
	.title_bar_variant_classic .in{
		text-align: center;
		display: block;
	}
	.title_bar_variant_classic .titles,
	.title_bar_variant_classic .breadcrumbs{
		display: block;
	}
	.title-bar .breadcrumbs{
		margin-top: 10px;
		text-align: center;
	}

	/* 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;
	}

	/* bricks blog */
	.bricks-frame .formatter {
		padding: 40px;
	}
	.posts_horizontal .post-media{
		float: none;
		width: auto;
		max-width: 420px;
		margin: 0 auto;
	}
	.posts_horizontal .post-media + .formatter{
		margin-left: 0;
	}

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

	/* single album slider */
	#thumb-tray-button{
		margin-right: 15px;
	}
	#play-button{
		margin-right: 0;
	}
	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;
	}
	.thumbs-open .slide-caption,
	.thumbs-open #slider-controls{
		bottom: 120px;
	}
	.texts-opener{
		display: block;
	}
	.slide-caption h2.title,
	.slide-caption .description{
		display: none;
	}

	/* single work */
	/* similar works */
	.similar-works figure{
		width: -webkit-calc(50% - 10px);
		width: 		   calc(50% - 10px);
	}
	.similar-works figure:nth-child(1){
		width: -webkit-calc(100% - 10px);
		width: 		   calc(100% - 10px);
	}
}

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

	/* general layout */
	a.to-top {
		bottom: 40px;
	}

	/* 404 TEMPLATE */
	.error404 .title-bar.outside .page-title{
		line-height: 1.1em;
	}

	/* header */
	.admin-bar.header-horizontal #header{
		-webkit-transition: -webkit-transform .8s cubic-bezier(0.645, 0.045, 0.355, 1), background-color .5s, margin-top .8s; /* we add margin-top */
				transition: 		transform .8s cubic-bezier(0.645, 0.045, 0.355, 1), background-color .5s, margin-top .8s;
	}
	.header-type-one_line .head,
	.header-type-multi_line .top-head{
		display: block;
	}
	.header-horizontal .mobile-menu .logo-container{
		/*width: auto;*/ /* We need 100% here so header tools will be pushed to edge */
	}
	.header-variant-one_line_centered.mobile-menu .socials-cell{
		width: auto;
		display: block;
	}
	.header-horizontal .head .socials{
		display: block;
		text-align: center;
		margin: 5px 0;
	}
	.header-horizontal .head .socials.hide_on_mobile{
		display: none;
	}
	.header-horizontal #header-tools {
		padding-right: 0;
		padding-left: 10px;
		width: -webkit-calc(100% - 10px);
		width:		   calc(100% - 10px);
		/*white-space: normal;*/ /* don't break line unless someone will need it */
	}
	.header-horizontal #header-tools::before, .header-horizontal .head .socials::before{
		display: none;
	}
	.tools_button.hide_on_mobile{
		display: none;
	}

	.header-vertical #header{
		position: relative;
	}
	.admin-bar.header-vertical #header{
		top: 0;
	}

	/* top bar */
	.top-bar-container.hide_on_mobile{
		display: none;
	}

	/*noinspection ALL*/
	.admin-bar.header-horizontal #header.sticky-hide,
	.admin-bar.header-horizontal #header.sticky-hide.narrow-header,
	.header-horizontal #header.hide-until-scrolled-to,
	.header-horizontal #header.hide-until-scrolled-to.narrow-header{
		-webkit-transform: translateY(-webkit-calc(-102% - 46px));
			-ms-transform: translateY(calc(-102% - 46px));
				transform: translateY(calc(-102% - 46px));
	}
	.admin-bar.header-horizontal #header.sticky-values{
		margin-top: 0;
	}

	/* menu overlay */
	.admin-bar #menu-overlay {
		top: 0;
	}
	.close-menu {
		position: absolute;
		right: 15px;
		padding: 5px;
		font-size: 25px;
	}

	/* footer */
	.foot-items,
	#footer .foot-widgets{
		padding: 0 40px;
	}
	.five-col .widget,
	.three-col .widget{
		width: 46.99%;
	}
	.f-links,
	.foot-text {
		float: none;
		text-align: center;
		max-width: none;
	}
	.f-links + .foot-text{
		margin-top: 25px;
	}

	/* 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;
	}

	/* password form */
	.post-password-form input{
		width: 50%;
	}
	.post-password-form input[type="submit"]{
		width: 49.99%;
	}

	/* 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;
	}
	.comment .comment {
		margin-left: 0;
	}



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

	/* single album slider */
	#slider-controls,
	.slide-caption{
		bottom: 20px;
	}
	.slider-arrow{
		width: 100px;
	}
	#big-play {
		height: 100px;
		width:  100px;
		margin: -50px 0 0 -50px;
	}

	/* single work */
	.works-nav{
		height: 60px;
	}
	.works-nav a {
		line-height: 60px;
	}
	/* similar works */
	.similar-works figure{
		width: -webkit-calc(100% - 10px);
		width: 		   calc(100% - 10px);
	}

	/* Post lightbox */
	.a13-post-lightbox .controls span{
		font-size: 24px;
		line-height: 40px;
		height: 40px;
		width: 40px;
	}
	.a13-post-lightbox .controls .next{
		left: 40px;
	}
	.a13-post-lightbox-content .page-title{
		margin-top: 40px;
	}
}

@media only screen and (max-width: 480px) {
	/* footer */
	.foot-widgets .widget{
		width: 100%;
		margin-left: 0;
	}
	.foot-widgets .foot-content{
		margin-left: 0;
	}

	/* COLUMNS */
	.left50,
	.right50{
		width: auto;
		float: none;
		margin: 0;
	}
}

@media only screen and (max-width: 400px) {
	/* header */
	.header-vertical .logo-container {
		padding: 0 20px;
		max-width: 50%;
	}
	.header-vertical #header .logo-container{
		padding-left: 20px;
	}
	.header-vertical #header #header-tools{
		padding-right: 20px;
	}
	.top-bar-container .top-bar,
	.header-horizontal #header .head{
		padding-left: 20px;
		padding-right: 20px;
	}
	.header-type-multi_line .top-head{
		padding: 0;
	}


	/* MOBILE MENU */
	.header-vertical .top-menu li a,
	.header-vertical .top-menu li span.title,
	.header-horizontal .mobile-menu .top-menu li a,
	.header-horizontal .mobile-menu .top-menu li span.title,
	.header-horizontal .mobile-menu .top-menu li li a,
	.header-horizontal .mobile-menu .top-menu li li span.title{
		padding: 0 20px;
	}
	.header-vertical .top-menu.opener-icons-on li.menu-parent-item > a,
	.header-vertical .top-menu.opener-icons-on li.menu-parent-item > span.title,
	.header-horizontal .mobile-menu .top-menu.opener-icons-on li.menu-parent-item > a,
	.header-horizontal .mobile-menu .top-menu.opener-icons-on li.menu-parent-item > span.title {
		padding-right: 46px;
	}
	.header-horizontal .mobile-menu .top-menu.opener-icons-on.menu--show_icon li.menu-parent-item > a,
	.header-horizontal .mobile-menu .top-menu.opener-icons-on.menu--show_icon li.menu-parent-item > span.title {
		padding-right: 46px;
		padding-left: 46px;
	}
	.header-vertical .top-menu i.sub-mark,
	.header-vertical .top-menu ul li i.sub-mark,
	.header-horizontal .mobile-menu .top-menu i.sub-mark,
	.header-horizontal .mobile-menu .top-menu ul li i.sub-mark{
		right: 18px;
	}
	.mobile-menu .navigation-bar .top-menu ul li > a,
	.mobile-menu .navigation-bar .top-menu ul li > span.title,
	.header-vertical .top-menu .mega-menu li a,
	.header-vertical .top-menu .mega-menu li span.title,
	.header-horizontal .mobile-menu .top-menu .mega-menu li a,
	.header-horizontal .mobile-menu .top-menu .mega-menu li span.title{
		padding-left: 35px;/* indent submenus */
	}
	.mobile-menu .navigation-bar .top-menu ul li li > a,
	.mobile-menu .navigation-bar .top-menu ul li li > span.title{
		padding-left: 45px;/* indent submenus */
	}

	/* header search */
	.search-container .search{
		padding: 0 20px;
	}
	.search-container .close{
		right: 20px;
	}
	.search-container .icon-search{
		left: 20px;
	}

	/* title bar */
	.title-bar.outside .overlay-color {
		padding: 20px;
	}

	/* footer */
	.foot-items,
	#footer .foot-widgets{
		padding: 0 20px;
	}

	/* content layouts */
	.formatter,
	.with-sidebar .formatter{
		padding: 20px;
	}
	#secondary,
	#side-menu div.scroll-wrap{
		padding: 40px 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;
	}
	.archive-item figcaption{
		padding: 20px;
	}
	.variant-overlay .texts_group{
		left: 20px;
		right: 20px;
	}
	.title-top .texts_group{
		top: 20px;
	}
	.title-bottom .texts_group{
		bottom: 20px;
	}

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