/*
Theme Name: Femto
Theme URI: http://themes1.com/themes/Femto/
Description: Responsive One Page Photography Theme.
Author: Themes1
Author URI: http://themes1.com
Version: 1.4
Tags: light, gray, white, one-column, one-page, custom-background, featured-images, custom-colors, post-formats, sticky-post, theme-options
License: GNU General Public License version 3.0
License URI: http://www.gnu.org/licenses/gpl-3.0.html
*/


/************************************************************************/



/*------------------*/
/*	CSS reset
/*------------------*/

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
	}
body{
	line-height: 1;
	}
article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section {
	display: block;
	}
nav ul{
	list-style: none;
	}
blockquote, q {
	quotes: none;
	}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
	}
a{
	margin: 0;
	padding: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
	}
/* change colours to suit your needs */
ins {
	background-color: #ff9;
	color: #000;
	text-decoration: none;
	}
/* change colours to suit your needs */
mark {
	background-color: #ff9;
	color: #000;
	font-style: italic;
	font-weight: bold;
	}
del {
	text-decoration: line-through;
	}
abbr[title], dfn[title] {
	border-bottom: 1px dotted;
	cursor: help;
	}
table {
	border-collapse: collapse;
	border-spacing: 0;
	}
/* change border colour to suit your needs */
hr {
	display: block;
	height: 1px;
	border: 0;
	border-top: 1px solid #cccccc;
	margin: 1em 0;
	padding: 0;
	}
input, select {
	vertical-align: middle;
	}


/************************************************************************/


/*-------------------------------------
 *	BASICS
 *-------------------------------------*/

	input[type=text],
	input[type=password],
	input[type=email],
	textarea,
	select{
		border: solid 1px #ccc;
		padding: 5px;
		}
	input[type=button],
	input[type=submit]{
		-webkit-appearance: none;
		}
	input:focus,
	textarea:focus,
	select:focus{
		outline: none;
		}


	h1, h2, h3, h4, h5, h6{
		line-height: 1.5;
		}
		
	h1{
		font-size: 32px;
		font-weight: 600;
		margin-bottom: 25px;
		}

	h2{
		font-size: 26px;
		font-weight: 300;
		margin-bottom: 25px;
		}
	
	h3{
		font-size: 20px;
		font-weight: 600;
		}
	
	h4{
		font-size: 16px;
		font-weight: 600;
		}
	
	h3,	h4,	h5,	h6{
		margin-bottom: 20px;
		}
	
	p{
		margin-bottom: 20px;
		}
	
	a{
		color: #000;
		transition: all 0.2s;
		text-decoration: none;
		}
	a:hover{
		color: #444;
		}

	html{
		margin: 0;
		padding: 0;
		}

	body{
		font-family: Arial, Helvetica, sans-serif;
		font-size: 14px;
		margin: 0 auto;
		line-height: 2.1;
		position: relative;
		}
		@media screen and (max-width:800px){
		body{
			font-size: 14px !important;
			}
		}
	
	#wrapper{
		border: solid 1px #ddd;
		margin: auto;
		}
	
	



/*-------------------------------------
 *	GLOBALY USED
 *-------------------------------------*/
 
 	.clear{
		clear:both;
		display: block;
		}
 	.clearfix:after{
		content: " ";
		clear: both;
		display: block;
		}
	
	.hideoverflow{
		overflow: hidden;
		}
	
	.align-center { text-align: center; }
	.align-left	{ text-align: left; }
	.align-right { text-align: right; }
	
	.notice{
		border: dashed 1px #acf;
		background: #f0f8ff;
		color: #7ac;
		padding: 4px;
		text-align: center;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 14px;
		letter-spacing: initial;
		font-style: italic;
		height: auto !important;
		}

	.parallax-background{
		background-attachment: fixed;
		background-repeat: no-repeat;
		background-position: 50% 0;
		background-size: contain;
	}

	/* light-dark content */
	.content-light{
		color: #fff;
		}
	.content-light a:link,
	.content-light a:visited{
		color: #ddd;
		}
	.content-dark{
		color: #000;
		}
	.content-dark a:link,
	.content-dark a:visited{
		color: #222;
		}
	
 	/* buttons */
	.button,
	#submit{
		background-color: #000;
		border: none;
		color: #fff;
		cursor: pointer;
		display: inline-block;
		font-size: 10px;
		letter-spacing: 0.2em;
		line-height: 36px;
		padding: 0 25px;
		text-transform: uppercase;
		text-align: center;
		height: 36px;
		transition: all 0.3s !important;
		}
		#submit.button-lightbg, .button.button-lightbg			{ color: #333; background-color: #fff; }
		#submit.button-lightborder, .button.button-lightborder	{ color: #ddd; background-color: rgba(255,255,255,0); 	border: solid 1px #ddd; }
		#submit.button-darkbg, .button.button-darkbg			{ color: #ddd; background-color: #000; }
		#submit.button-darkborder, .button.button-darkborder	{ color: #333; background-color: rgba(0,0,0,0); 	border: solid 1px rgba(0,0,0,0.3); }


		#submit:hover{ background-color: #333; }
		#submit.button-lightbg:hover, .button.button-lightbg:hover			{ background-color: #ddd; }
		#submit.button-lightborder:hover, .button.button-lightborder:hover	{ background-color: rgba(255,255,255,0.1);}
		#submit.button-darkbg:hover, .button.button-darkbg:hover			{ background-color: #333; }
		#submit.button-darkborder:hover, .button.button-darkborder:hover	{ background-color: rgba(0,0,0,0.03); }

		.button.more-from-blog{
			display: block;
			margin: auto;
			max-width: 730px;
			}
			
								/*
								@media screen and (min-width:801px){
									.button,
									#submit{
										line-height: 46px;
										height: 46px;
										padding: 0 32px;
										}
									#submit.button-lightborder, .button.button-lightborder	{ line-height: 44px; }
									#submit.button-darkborder, .button.button-darkborder	{ line-height: 44px; }
					
								}
								*/
								@media screen and (min-width:801px){
									.button,
									#submit{
										line-height: 50px;
										height: 50px;
										padding: 0 48px;
										}
									#submit.button-lightborder, .button.button-lightborder	{ line-height: 48px; }
									#submit.button-darkborder, .button.button-darkborder	{ line-height: 48px; }
					
								}
			@media screen and (min-width:1281px){
				.button,
				#submit{
					line-height: 50px;
					height: 50px;
					padding: 0 48px;
					}
				#submit.button-lightborder, .button.button-lightborder	{ line-height: 48px; }
				#submit.button-darkborder, .button.button-darkborder	{ line-height: 48px; }
			}

	 /* loading screen */
	.loading-screen{
		background: #333;
		}
		.loading-screen-inner{
			background: grey;
			height: 50%;
			display: block;
			position: relative;
			margin: 0 auto;
			width: 0;
			}
		.loading-icon{
			position: absolute;
			bottom: -15px;
			left: -15px;
			background: url(images/loading.png) no-repeat center;
			width: 30px;
			height: 30px;
			-webkit-animation-name: loadingrotate; 
			-webkit-animation-duration: 1.3s; 
			-webkit-animation-iteration-count: infinite;
			-webkit-animation-timing-function: linear;
			-moz-animation-name: loadingrotate; 
			-moz-animation-duration: 1.3s; 
			-moz-animation-iteration-count: infinite;
			-moz-animation-timing-function: linear;
			}
		@-webkit-keyframes loadingrotate {
			from {-webkit-transform: rotate(0deg);}
			to {-webkit-transform: rotate(360deg);}
			}
			
		@-moz-keyframes loadingrotate {
			from {-moz-transform: rotate(0deg);}
			to {-moz-transform: rotate(360deg);}
			}

	/* appear items when scrolled to */
	@media screen and (min-width:801px){
	.lazyloaddom .toShow{
		transition: all 0.4s;
		-webkit-transition: all 0.4s;
		}
	.lazyloaddom .toShow-hidden{
		opacity: 0;
		transform: translateY(100px);
		-webkit-transform: translateY(100px);
		}
	}


/*-------------------------------------
 *	HEADER
 *-------------------------------------*/
	
	.header-wrapper{
		width: 100%;
		z-index: 7;
		}
		#header{
			transition: all 0.3s;
			}
			.head #header{
				width: 100%;
				}
		.header-inside{
			background-color: #000;
			box-shadow: 0 2px 5px -1px rgba(0,0,0,0.2);
			}
		.header-home{
			background: none;
			}
		.header-home #header{
			box-shadow: 0 2px 5px -1px rgba(0,0,0,0.2);
			background-color: #fff;
			}

		.top-stripe{
			display: none;
			border-bottom: solid 1px rgba(175,175,175,0.3);
			height: 35px;
			font-size: 12px;
			line-height: 35px;
			margin-bottom: 0;
			transition: all 0.3s;
			}
			.top-stripe .top-info{
				padding: 0 15px;
				}
			.top-stripe > div > *{
				display: block;
				height: 35px;
				border-right: solid 1px rgba(175,175,175,0.2);
				float: right;
				}
			.top-stripe > div > *:first-child{
				border-right: none;
				padding-right: 0;
				}
		
		.micromenu,
		.micromenu a{
			}
		#micromenu-toggle{
			display: none;
			box-shadow: 0 2px 5px -1px rgba(0,0,0,0.2);
			}
		@media screen and (max-width:800px){
		.header-wrapper.micromenu .header-inner{
			display: block !important;
			width: 100% !important;
			}
		}
	
	/* site logo */
	.site-logo{
		display: block;
		height: 60px;
		line-height: 60px;
		text-decoration: none;
		}
		.site-logo img{
			height: 100%;
			width: auto;
			}
		
	/* navigation */		
	#nav{
		display: none;
		font-size: 14px;
		text-align: center;
		list-style: none;
		padding: 10px 0;
		}
		#nav *{
			list-style: none;
			}
	
		#nav-toggle{
			cursor: pointer;
			float: right;
			padding: 23px 20px;
			width: 60px;
			height: 60px;
			}
		#nav li{
			position: relative;
			}
		#nav li a{
			display: block;
			padding: 3px;
			}

		#nav .menu-item-has-children .toggle-submenu{
			background-image: url(images/dd_arrow.png);
			background-position: right center;
			background-repeat: no-repeat;
			cursor: pointer;
			position: absolute;
			right: 0px;
			top: 0;
			width:50px;
			height:100%;
			}
		.is-dark #nav .menu-item-has-children .toggle-submenu{
			background-image: url(images/dd_arrow_white.png);
			}
		#nav .menu-item-has-children > a{
			padding-right: 50px;
			}
	
		#nav > li > a{
			}
	
		#nav .sub-menu{
			background: #000;
			font-size: 13px;
			padding: 11px 0;
			z-index: 8;			
			}
		#nav .sub-menu .menu-item-has-children .toggle-submenu{
			background-image: url(images/dd_arrow_white.png);
			}
		#nav .sub-menu a{
			font-size: 13px;
			padding: 5px 27px;
			}
		#nav .sub-menu a:hover{
			background-color: #222;
			}
		#nav .sub-menu li a{
			color: #fff;
			font-size: 14px;
			}
			
		@media screen and (max-width:800px){
		#nav .menu-item-has-children .toggle-submenu{
			height: 39px;
			}
		#nav .menu-item-has-children > a{
			padding-right: 0;
			padding-left: 0;
			}
		#nav .sub-menu{
			height: 0;
			padding: 0;
			overflow: hidden;
			transition: all 0.4s;
			}
		#nav .sub-menu.expanded{
			height: auto;
			}
		}

		@media screen and (min-width:801px){
			.header-home,
			.header-inside{
				position: fixed;
			}
			.header-home.fixed .site-logo,
			.header-inside.fixed .site-logo{
				/*
				font-size: 1em !important;
			
				*/
			}
			.header-home.fixed:hover,
			.header-inside.fixed:hover{
			}
			.header-home.fixed .site-logo,
			.header-inside.fixed .site-logo,
			.header-home.fixed #nav > li > a,
			.header-inside.fixed #nav > li > a{
				height: 60px;
				line-height: 60px;
			}
			.header-home.fixed #header,
			.header-inside.fixed #header{
				height: 60px;
			}
			.header-home.fixed .top-stripe,
			.header-inside.fixed .top-stripe{
				overflow: hidden;
				height: 0;
			}
			.header-home.fixed #header,
			.header-inside.fixed{
			}
		}
		
		/* nav: inside galleries list */
		.fg-galleries-list .top-stripe,
		.fg-galleries-list #nav-toggle{
			display: none;
		}
		.fg-galleries-list #header{
			height: auto;
			margin: 0;
		}
		.fg-galleries-list .nav-wrapper{
			position: static;
		}


/*-------------------------------------
 *	SLIDER
 *-------------------------------------*/

	/* Slider */
	#featured-slider-wrapper{
		width: 100%;
		height: 100%;
		position: relative;
		overflow: hidden;
		}

		/* pattern overlay */
		.sl-pattern-overlay{
			background-image: url(images/sl-patt.png);
			position: absolute;
			top: 0;
			left: 0;
			width: 100%;
			height: 100%;
			}

		/* slides: image */
		#sl-slides-media{
			background: #999;
			width: 100%;
			height: 100%;
			top: 0;
			left: 0;
			z-index: -1;
			position: relative;
			}
			@media screen and (max-width:800px){
			#sl-slides-media{
				top: 0 !important;
				}
			}
			.sl-slidemedia{
				top: 0;
				left: 0;
				width: 100%;
				height: 100%;
				display: none;
				position: absolute;
				z-index: -1;
				}
			.sl-slidemedia:first-child{
				display: block;
				z-index: 2;
				}
				
				/*img*/
				.sl-slidemedia img{
					width: 100%;
					height: auto;
					position: absolute;
					}
					.sl-slidemedia img.img-fullheight{
						width: auto;
						height: 100%;
						}
					@media screen and (min-width:801px){
					.sl-slidemedia.autoplay img{
						transform: scale(1.1);
						-webkit-transform: scale(1.1);
						transition: all 10s;
						}
					}
				
				.sl-type-video .mejs-controls,
				.sl-type-video .mejs-overlay-loading{
					display: none !important;
					}
				.sl-type-vimeo,
				.sl-type-youtube{
					background: #000;
					}
					.sl-type-vimeo iframe,
					.sl-type-youtube iframe{
						width: 100%;
						height: 100%;
						}
				
		/* slides: content */
		#sl-slides-content{
			width: 100%;
			height: 100%;
			top: 0;
			left: 0;
			z-index: 1;
			position: absolute;
			}
			/*content*/
			.sl-slidecontent{
				display: none;
				width: 100%;
				height: 100%;
				position: absolute;
				color: #fff;
				}
			.sl-slidecontent:first-child{
				display: block;
				}
				.sl-slidecontenttable{
					display: table;
					width: 100%;
					height: 100%;
					}
				.sl-slidecontentcell{
					display: table-cell;
					vertical-align: middle;
					text-align: center;
					}
					.sl-slidecontentcell > *{
						transition: all 0.5s;
						}
					.sl-title{
						display: block;
						font-size: 24px;
						font-weight: 400;
						line-height: 1.1;
						margin-bottom: 10px;
						padding: 0 20px;
						}
					.sl-excerpt{
						display: block;
						font-size: 20px;
						font-weight: 100;
						line-height: 1.7;
						margin: 0 auto 30px;
						padding: 0 20px;
						max-width: 600px;
						}
						
						@media screen and (max-width:800px){
							.sl-title{
								font-size: 45px;
								font-weight: 400;
								}
							.sl-excerpt{
								font-size: 14px;
								}
							#featured-slider-wrapper .sl-thumbs-list{
								display: none;
								}
						}
						
			/*content scheme: light*/
			.sl-slidecontent.scheme-light .sl-title{ color: #fff; }
			.sl-slidecontent.scheme-light .sl-excerpt{ color: #ddd; }
			/*content scheme: dark*/
			.sl-slidecontent.scheme-dark .sl-title,
			.sl-slidecontent.scheme-dark .sl-excerpt{
				color: #000;
				}
			
			/*hide content of video slides*/
			.sl-slidecontent-video{
				display: none !important;
				}

		
				@media screen and (min-width:801px){
					/*arrows*/
					#featured-slider-wrapper .sl-goLeft,
					#featured-slider-wrapper .sl-goRight{
						background-repeat: no-repeat;
						background-position: center;
						cursor: pointer;
						position: absolute;
						top: 200px;
						width: 130px;
						height: 600px;
						z-index: 4;
						opacity: 0;
						transition: all 0.4s;
						}
					#featured-slider-wrapper:hover .sl-goLeft,
					#featured-slider-wrapper:hover .sl-goRight{
						opacity: 1;
						transform: translateX(0px);
						}
					#featured-slider-wrapper .sl-goLeft:hover,
					#featured-slider-wrapper .sl-goRight:hover{
						opacity: 1;
						}
					#featured-slider-wrapper .sl-goLeft{
						background-image: url(images/arrowleft.png);
						left: 0;
						transform: translateX(-50px);
						}
					#featured-slider-wrapper .sl-goRight{
						background-image: url(images/arrowright.png);
						right: 0;
						transform: translateX(50px);
						}
				}
				@media screen and (max-width:1280px){
					/*arrows*/
					#featured-slider-wrapper .sl-goLeft,
					#featured-slider-wrapper .sl-goRight{
						background-size: 20%;
						}
				}
	
		/*thumbnails*/
		#featured-slider-wrapper .sl-thumbs-list{
			background: rgba(0,0,0,0.85);
			position: absolute;
			bottom: 0;
			width: 100%;
			padding: 0 20px;
			z-index: 4;
			}
			.sl-thumbs-list{
				font-size: 0;
				text-align: center;
				}
			.sl-thumb{
				display: inline-block;
				background: #000;
				position: relative;
				text-decoration: none;
				width: 140px;
				height: 100px;
				transition: all 0.3s;
				}
			.sl-thumb img{
				display: block;
				width: 100%;
				height: 100%;
				}
			.sl-thumb .curtain{
				background-color: rgba(0,100,200,1);
				display: block;
				width: 100%;
				height: 100%;
				position: absolute;
				top: 0;
				left: 0;
				opacity: 0.65;
				transition: all 0.2s;
				}
			.sl-thumb-border{
				border: solid 1px #fff;
				opacity: 0;
				position: absolute;
				top: 0;
				left: 0;
				width: 100%;
				height: 100%;
				transition: all 0.2s;
				}
			.sl-thumb:hover .sl-thumb-border{
				opacity: 0.6;
				}
				
			.sl-thumb.current .curtain{
				opacity: 0.2;
				}
				
			.sl-thumb.current:hover .curtain{
				opacity: 0.2;
				}
			.sl-thumb:hover .curtain{
				opacity: 0.2;
				}
				
			.sl-thumb-video .curtain{
				background-image: url(images/play.png);
				background-position: center;
				background-repeat: no-repeat;
			}





		/*loading screen for slider*/
		#featured-slider-wrapper .loading-screen{
			position: absolute;
			top: 0;
			left: 0;
			width: 100%;
			height: 100%;
			}

			@media screen and (min-width:801px) and (max-width:1024px){
				.sl-excerpt{
					font-size: 16px;
					}
				.sl-thumb{
					width: 98px;
					height: 70px;
					}
			}
			@media screen and (min-width:1025px) and (max-width:1280px){
				.sl-excerpt{
					font-size: 16px;
					}
				.sl-thumb{
					width: 112px;
					height: 80px;
					}
			}
	
/*-------------------------------------
 *	HOMEPAGE SECTIONS
 *-------------------------------------*/
 
 	.homepage-section{
		background-color: #fff;
		padding: 100px 0;
		}
		@media screen and (max-width:801px){
		.homepage-section{
			padding: 60px 0;
			}
		}
 	.homepage-section:nth-child(even){
		background-color: #f4f4f4;
		}
		
		/*section header*/
		.section-head{
			margin-bottom: 50px;
			text-align: center;
			}
			.section-title{
				font-size: 28px;
				letter-spacing: 0.3em;
				line-height: 1.5;
				}
			.section-title:after{
				background: #000;
				content: " ";
				display: block;
				margin: 4px auto 20px;
				width: 18px;
				height: 2px;
				}
			.section-subtitle{
				font-size: 13px;
				letter-spacing: 0.3em;
				}
		
		/*section description*/
		.section-description{
			margin-bottom: 60px;
			text-align: center;
			}


		@media screen and (max-width:800px){
		/*section header*/
		.section-head{
			margin-bottom: 40px;
			}
			.section-title{
				font-size: 18px !important;
				font-weight: 400 !important;
				letter-spacing: 0.2em !important;
				}
			.section-title:after{
				margin: 10px auto 10px;
				}
			.section-subtitle{
				font-size: 14px !important;
				letter-spacing: 0.1em !important;
				line-height: 1.7;
				}
		
		/*section description*/
		.section-description{
			margin-bottom: 40px;
			font-size: 14px !important;
			}
		}



	/* section: TEAM */
	.team-head{
		margin-bottom: 30px;
		text-align: center;
		}
	.team-members{
		text-align: center;
		}
		.team-member{
			display: inline-block;
			float: none;
			margin: auto;
			margin-bottom: 20px;
			min-width: 252px;
			text-align: center;
			vertical-align: top;
			}
			@media screen and (max-width:800px){
			.team-member{
				width: 50%;
				}
			}
	
			/*img*/
			.team-member .member-image{
				width: 100%;
				margin: auto;
				margin-bottom: 2px;
				position: relative;
				overflow: hidden;
				}
			.team-member .member-image-inner{
				background: #fff;
				height: 0;
				padding-bottom: 65%;
				position: relative;
				}
			.team-member img{
				border-radius: 2px;
				position: absolute;
				top: 0;
				left: 0;
				width: 100%;
				height: 100%;
				}
	
			/*social*/
			.team-member .member-social{
				background-color: rgba(0,0,0,0.8);
				position: absolute;
				bottom: 0;
				left: 0;
				width: 100%;
				height: 100%;
				opacity: 0;
				transition: all 0.3s;
				}
			.team-member:hover .member-social{
				opacity: 1;
				}
			.team-member .member-social-inner{
				display: table;
				height: 100%;
				width: 100%;
				}
			.team-member .social-profiles{
				display: table-cell;
				vertical-align: middle;
				line-height: 0;
				}
			.team-member .member-social a{
				border-radius: 100px;
				border: solid 1px rgba(255,255,255,0.5);
				display: inline-block;
				margin: 0 5px;
				}
	
			/*data*/
			.team-member .member-data{
				background-color: #fff;
				font-size: 12px;
				line-height: 1.75;
				letter-spacing: 0.1em;
				padding: 9px;
				}
			.team-member .member-name{
				font-weight: 500;
				letter-spacing: 0.2em;
				text-transform: uppercase;
				}
	
	/* section: GALLERIES */
	#section-galleries{
		background-color: #fff;
		}
		.blog-latest.s-row [class*='s-col-'] {
			padding: 0 30px;
			}
			.blog-latest h3,
			.blog-latest h3 a{
				font-size: 16px;
				font-weight: 400;
				letter-spacing: 0.2em;
				margin-bottom: 8px;
				text-transform: uppercase;
				}
			.blog-latest h3 a:hover{
				color: #999;
				}
			.blog-latest .metadata{
				display: block;
				font-size: 11px;
				margin-bottom: 24px;
				letter-spacing: 0.2em;
				text-transform: uppercase;
				}
			.blog-latest .excerpt{
				font-size: 14px;
				line-height: 2;
				}

	/* section: BLOG LATEST */
	.blog-latest.s-row{
		padding: 0 10px;
		}
		.blog-latest.s-row [class*='s-col-'] {
			padding: 0 30px;
			}
			@media screen and (max-width:800px){
			.blog-latest.s-row [class*='s-col-'] {
				text-align: center;
				margin: 20px 0;
				}
			}
			.blog-latest h3,
			.blog-latest h3 a{
				font-size: 16px;
				font-weight: 400;
				letter-spacing: 0.2em;
				margin-bottom: 8px;
				}
			.blog-latest h3 a:hover{
				color: #999;
				}
			.blog-latest .metadata{
				display: block;
				font-size: 11px;
				margin-bottom: 24px;
				letter-spacing: 0.2em;
				text-transform: uppercase;
				}
			.blog-latest .excerpt{
				font-size: 14px;
				line-height: 2;
				}

	/* section: CONTACT */
	#section-contact .cf-element-wrapper{ margin-bottom: 17px; }
	
	#section-contact #cf-form input[type="text"],
	#section-contact #cf-form input[type="password"],
	#section-contact #cf-form textarea{
		background-color: transparent;
		border: none;
		border-bottom: solid 2px #ccc;
		padding-top: 10px;
		}
	#section-contact #cf-form input[type="text"],
	#section-contact #cf-form input[type="password"]{
		height: 46px;
		}
	#section-contact #cf-form input[type="text"].required-error,
	#section-contact #cf-form input[type="password"].required-error,
	#section-contact #cf-form textarea.required-error{
		border-bottom-color: #d77;
		}
	#section-contact .cf-element-wrapper.times1 textarea{ height: 46px; }
	#section-contact .cf-element-wrapper.times2 textarea{ height: 109px; }
	#section-contact .cf-element-wrapper.times3 textarea{ height: 172px; }
	#section-contact .cf-element-wrapper.times4 textarea{ height: 215px; }
	#section-contact .cf-element-wrapper.times5 textarea{ height: 278px; }
	

/*-------------------------------------
 *	SIDEBAR and WIDGETS
 *-------------------------------------*/
 	
	/* sidebar */
 	.sidebar{
		font-size: 14px;
		}
		.sidebar ul,
		.sidebar ol,
		.sidebar li{
			list-style: none;
			}
	
		/* widget */
		.sidebar .widget{
			margin-bottom: 40px;
			}
			.sidebar .widgettitle{
				font-size: 12px;
				font-weight: normal;
				}
			.sidebar .widget img{
				max-width: 100%;
				height: auto;
				}
			.sidebar .widget select{
				max-width: 100%;
				}
				
		/* widget: RECENT POSTS, CATEGORIES, ARCHIVE, PAGES, MOSTLIKEDPOSTS */
		.sidebar .widget_recent_entries li,
		.sidebar .widget_categories li,
		.sidebar .widget_archive li,
		.sidebar .widget_mostlikedposts li,
		.sidebar .widget_pages li{
			border-bottom: solid 1px #ddd;
			display: block;
			padding: 10px 0 10px 20px;
			position: relative;
			}
		.sidebar .widget_recent_entries li:first-child,
		.sidebar .widget_categories li:first-child,
		.sidebar .widget_archive li:first-child,
		.sidebar .widget_mostlikedposts li:first-child,
		.sidebar .widget_pages li:first-child{
			border-top: solid 1px #ddd;
			}
		.sidebar .widget_recent_entries li:before,
		.sidebar .widget_categories li:before,
		.sidebar .widget_archive li:before,
		.sidebar .widget_mostlikedposts li:before,
		.sidebar .widget_pages li:before{
			content: url(images/list-arrow.png);
			display: block;
			position: absolute;
			left: 0;
			}
			.sidebar .widget .children{
				margin-top: 10px;
				}
			.sidebar .widget .children li{
				border-top: solid 1px #ddd;
				border-bottom: none;
				display: block;
				padding: 10px 0 10px 20px;
				position: relative;
				}

		/* widget: TAG CLOUD */
		.sidebar .widget_tag_cloud .tagcloud:after{
			content: " ";
			clear: both;
			display: block;
			}
		.widget_tag_cloud .tagcloud a{
			border: solid 1px #ccc;
			display: block;
			float: left;
			font-size: 12px !important;
			line-height: 1;
			margin: 0 7px 7px 0;
			padding: 5px 7px;
			}
		.widget_tag_cloud .tagcloud a:hover{
			background-color: rgba(0,0,0,0.05);
			color: #000;
			}



	/*calendar*/
	table#wp-calendar{
		width: 100%;
		border-color: rgba( 255, 255, 255, 0.3 );
		}
	tfoot .pad{
		border: none;
		}
	table#wp-calendar > tbody > tr > td > a{
		font-weight:bold;
		font-size:12px;
		}
	thead > tr > th{
		width:20px;
		height:20px;
		text-align:center;
		}
	table#wp-calendar tbody > tr > td{
		width:20px;
		height:20px;
		text-align:center;
		border-color: rgba( 255, 255, 255, 0.3 );
		padding: 8px 0;
		}
	tfoot > tr > td > a,
	tfoot > tr > td > a:link,
	tfoot > tr > td > a:visited,
	tfoot > tr > td > a:hover,
	tfoot > tr > td > a:active{
		font-weight:bold;
		font-size:12px;
		height:20px;
		}
	tfoot > tr > td#prev{
		border: none;
		width:58px;
		height:20px;
		text-align:left;
		}
	tfoot > tr > td#next{
		border: none;
		width:58px;
		height:20px;
		text-align:right;
		}
	
	.sidebar table#wp-calendar,
	.sidebar table#wp-calendar tbody > tr > td{
		border-color: #ddd;
		}



/*-------------------------------------
 *	CONTENT and parts
 *-------------------------------------*/

	/*post parts (tags, sharing...)*/
	.post-section{
		margin-bottom: 50px;
		}
		.post-section .title,
		.post-section h3,
		.post-section h3 a,
		#reply-title{
			font-size: 14px;
		}
		.post-section .title,
		.post-section h3,
		#reply-title{
			display: block;
		}
	
	/*post author*/
	.about-author{
		box-shadow: 0 0 15px rgba(0,0,0,0.12);
		padding: 20px;
		}
		.about-author .author-image{
			float: left;
			width: 100px;
			}
		.about-author .author-data .title{
			margin-bottom: 6px;
			}
	

/*-------------------------------------
 *	FOOTER
 *-------------------------------------*/

	.footer-wrapper{
		background-position: 50% 100%;
		background-attachment: fixed;
		}
	#footer{
		background-color: rgba(0,0,0,0.85);
		color: #ddd;
		padding: 80px 0 15px;
		bottom: 0;
		width: 100%;
		position: relative;
		}
		#footer a{
			color: #aaa;
			}
		#footer ul,
		#footer,li{
			list-style: none;
			}
		.to-top-wrapper{
			height: 40px;
			position: absolute;
			top: 0;
			width: 100%;
			}
		#to-top{
			background: url(images/to-top.png) center no-repeat #f4f4f4;
			border-radius: 0 0 1px 1px;
			cursor: pointer;
			margin: auto;
			width: 40px;
			height: 40px;
			opacity: 0;
			transition: opacity 0.3s;
			}
		#to-top.visible{
			opacity: 1;
			}
		#footer .social-profiles{
			margin-bottom: 35px;
			text-align: center;
			}
		#footer .copyright{
			text-align: center;
			font-size: 13px;
			}
		
		/*footer widgets*/
		.footer-widgets.s-row{
			margin-bottom: 20px;
			padding: 0 10px;
			}
			.footer-widgets.s-row [class*='s-col-'] {
				padding: 0 30px;
				min-height: 2px;
				}
			.footer-widgets .widget{
				margin-bottom: 45px;
				}
			.footer-widgets .widgettitle{
				font-size: 14px;
				}
				
				
		/* FOOTER: layout-fullscreen */
		
		.layout-fullscreen #footer .social-profiles{
			margin-bottom: 0;
			}
			.layout-fullscreen .to-top-wrapper{
				height: 0;
				}
			.layout-fullscreen #to-top{
				box-shadow: 1px 1px 3px rgba(0,0,0,0.2);
				position: absolute;
				right: 30px;
				top: -70px;
				}
			
		@media screen and (min-width:801px){
		.footer-height{
			height: 64px;
			}
		.footer-wrapper.layout-fullscreen{
			width: 100%;
			position: fixed;
			bottom: 0;
			z-index: 5;
			background-color: #fff;
			}
		.layout-fullscreen #footer{
			padding: 17px 0 5px;
			}
			.layout-fullscreen #footer .copyright{
				text-align: left;
				float: left;
				}
			.layout-fullscreen #footer #social-bottom{
				float: right;
				}
			.layout-fullscreen #footer .social-profiles{
				text-align: right;
				}
		}
		@media screen and (min-width:1281px){
		.footer-height{
			height: 74px;
			}
		.layout-fullscreen #footer{
			padding: 18px 0 15px;
			}
		}
	

/*-------------------------------------
 *	FORMS
 *-------------------------------------*/
 
 	/* form: SEARCH */
	.search-wrapper{
		}
		.search-wrapper input[type="text"]{
			background-color: #f5f5f5;
			background-image: url(images/search.png);
			background-repeat: no-repeat;
			background-position: 0 50%;
			display: block;
			max-width: 300px;
			width: 100%;
			height: 40px;
			padding: 0 10px;
			transition: all 0.3s;
			}
		.search-wrapper input[type="text"]:focus{
			background-color: #fff;
			background-position: -50px 50%;
			outline: none;
			}
		
		/*search on top stripe*/
		#top-search{
			display: inline-block;
			position: relative;
			height: 35px;
			line-height: 35px;
			}
			#top-search .icon{
				background: url(images/search-top.png) no-repeat center;
				display: block;
				cursor: pointer;
				width: 40px;
				height: 100%px;
				}
			#top-search .field-wrapper{
				background: #fff;
				box-shadow: 1px 1px 6px -1px rgba(0,0,0,0.4);
				display: none;
				position: absolute;
				right: 0px;
				margin-top: -2px;
				z-index: 3;
				}
			#top-search .field{
				display: block;
				color: #888;
				border: solid 1px transparent;
				font-size: 14px;
				line-height: 14px;
				padding: 9px 14px;
				width: 220px;
				margin: 0;
				}
				#top-search .field.passive{
					color: #cccccc;
					}
				#top-search .field:focus{
					border: solid 1px #666;
					}
 
 	/* form: CONTACT FORM */
 	#cf-wrapper{
		}
	#cf-form{
		}
		
		/*errors on fields*/
		#cf-form input[type="text"].required-error,
		#cf-form input[type="password"].required-error,
		#cf-form textarea.required-error{
			border-color: #d77;
			}
				
		/*icons for fields*/
		.cf-wrapper-name input{ background-image: url(images/cf-user.png); }
		.cf-wrapper-email input{ background-image: url(images/cf-email.png); }
		.cf-wrapper-website input{ background-image: url(images/cf-website.png); }
		.cf-wrapper-message textarea{ background-image: url(images/cf-bubble.png); }
		
		/*element wrapper*/
		.cf-element-wrapper{
			display: block;
			margin-bottom: 20px;
			position: relative;
			}
			.cf-element-wrapper input[type=text],
			.cf-element-wrapper input[type=password],
			.cf-element-wrapper input[type=email],
			.cf-element-wrapper textarea{
				background-repeat: no-repeat;
				background-position: 0 0;
				margin: 0;
				width: 100%;
				display: block;
				padding: 10px;
				padding-left: 30px;
				}
			.cf-element-wrapper.autowidth input{
				display: inline-block;
				width: auto;
				}
			.cf-element-wrapper input{ height: 50px; }
			.cf-element-wrapper.times1 textarea{ height: 50px; }
			.cf-element-wrapper.times2 textarea{ height: 120px; }
			.cf-element-wrapper.times3 textarea{ height: 190px; }
			.cf-element-wrapper.times4 textarea{ height: 260px; }
			.cf-element-wrapper.times5 textarea{ height: 330px; }
			
			.cf-element-wrapper label{
				border-radius: 1px;
				position: absolute;
				background: #000;
				color: #fff;
				font-size: 13px;
				padding: 2px 10px;
				top: -30px;
				opacity: 0;
				-webkit-transition: all 0.3s;
				}
			.cf-element-wrapper:hover label{
				opacity: 1;
				}

			.cf-element-wrapper input[type="submit"]{
				margin-top: 10px;
				}

		
			/*wpcf7 custom css*/
			.cf-element-wrapper .wpcf7-captchac{
				position: absolute;
				z-index: 2;
				top: 0;
				right: 0;
				width: auto;
				height: 100%;
				padding: 11px;
				border: solid 2px transparent;
				border-left: solid 2px #eee;
			}
			.cf-element-wrapper .wpcf7-captchar{
			}


	
/*-------------------------------------
 *	LISTING
 *-------------------------------------*/

	/* listing: BLOG */
	.blog-wrapper{
		word-wrap: break-word;
		}
		.blog-wrapper img{
			max-width: 100%;
			height: auto;
			}
		.blog-single{
			margin-top: -10px;
			}
		article{
			display: block;
			margin-bottom: 90px;
			}
		.blog-wrapper article:before{
			content: " ";
			display: block;
			border-top: solid 1px #ddd;
			max-width: 240px;
			height: 24px;
			}
		.blog-single article:before{
			display: none;
			}
			
		/*post header*/
		.post-header{
			margin-bottom: 40px;
			}
			.post-header h2{
				margin-bottom: 9px;
				}
		/*post media*/
		.blog-wrapper .post-media{
			margin-bottom: 40px;
			}
		.blog-wrapper .post-media img{
			display: block;
			}
		/*post content*/
		.post-content{
			margin-bottom: 40px;
			}
		
		/* BLOG masonry */
		#blog-masonry{
			margin: 0 -16px;
			}
		#blog-masonry article{
			width: 25%;
			padding: 15px;
			margin-bottom: 30px;
			}
			#blog-masonry article .post-header h2,
			#blog-masonry article .post-header h2 a{
				font-size: 24px;
				}

/*-------------------------------------
 *	SHORTCODES
 *-------------------------------------*/


/*-------------------------------------
 *	OTHER
 *-------------------------------------*/
 
	/* Social Profiles */
	.social-profiles{
		}
		.social-profiles a{
			background-image: url(images/social-icons.png);
			border: solid 1px #888;
			border-radius: 50px;
			display: inline-block;
			margin: 0 5px;
			width: 38px;
			height: 38px;
			transition: background-color 0.3s;
			}
		.social-profiles a:hover{
			background-color: rgba(255,255,255,0.2);
			}
		
		.social-profiles a.be{ background-position: 0 0; }
		.social-profiles a.da{ background-position: 0 -36px; }
		.social-profiles a.dr{ background-position: 0 -72px; }
		.social-profiles a.fb{ background-position: 0 -108px; }
		.social-profiles a.fr{ background-position: 0 -144px; }
		.social-profiles a.gg{ background-position: 0 -180px; }
		.social-profiles a.fm{ background-position: 0 -216px; }
		.social-profiles a.li{ background-position: 0 -252px; }
		.social-profiles a.pi{ background-position: 0 -288px; }
		.social-profiles a.tu{ background-position: 0 -324px; }
		.social-profiles a.tw{ background-position: 0 -360px; }
		.social-profiles a.yt{ background-position: 0 -396px; }
		.social-profiles a.vi{ background-position: 0 -432px; }
		.social-profiles a.sc{ background-position: 0 -468px; }
		.social-profiles a.ig{ background-position: 0 -504px; }
		.social-profiles a.rss{ background-position: 0 -540px;}
	
		.social-profiles a.be:hover { background-position: -36px 0; }
		.social-profiles a.da:hover { background-position: -36px -36px; }
		.social-profiles a.dr:hover { background-position: -36px -72px; }
		.social-profiles a.fb:hover { background-position: -36px -108px; }
		.social-profiles a.fr:hover { background-position: -36px -144px; }
		.social-profiles a.gg:hover { background-position: -36px -180px; }
		.social-profiles a.fm:hover { background-position: -36px -216px; }
		.social-profiles a.li:hover { background-position: -36px -252px; }
		.social-profiles a.pi:hover { background-position: -36px -288px; }
		.social-profiles a.tu:hover { background-position: -36px -324px; }
		.social-profiles a.tw:hover { background-position: -36px -360px; }
		.social-profiles a.yt:hover { background-position: -36px -396px; }
		.social-profiles a.vi:hover { background-position: -36px -432px; }
		.social-profiles a.sc:hover { background-position: -36px -468px; }
		.social-profiles a.ig:hover { background-position: -36px -504px; }
		.social-profiles a.rss:hover { background-position: -36px -540px;}


			@media screen and (min-width:801px) and (max-width:1280px){
			/* fullscreen footer */
				.layout-fullscreen .social-profiles a{
					margin: 0 5px;
					width: 30px;
					height: 30px;
					}
				.layout-fullscreen .social-profiles a:hover{
					}
				
				.layout-fullscreen .social-profiles a.be{ background-position: -4px -4px; }
				.layout-fullscreen .social-profiles a.da{ background-position: -4px -44px; }
				.layout-fullscreen .social-profiles a.dr{ background-position: -4px -76px; }
				.layout-fullscreen .social-profiles a.fb{ background-position: -4px -112px; }
				.layout-fullscreen .social-profiles a.fr{ background-position: -4px -148px; }
				.layout-fullscreen .social-profiles a.gg{ background-position: -4px -184px; }
				.layout-fullscreen .social-profiles a.fm{ background-position: -4px -220px; }
				.layout-fullscreen .social-profiles a.li{ background-position: -4px -256px; }
				.layout-fullscreen .social-profiles a.pi{ background-position: -4px -292px; }
				.layout-fullscreen .social-profiles a.tu{ background-position: -4px -328px; }
				.layout-fullscreen .social-profiles a.tw{ background-position: -4px -364px; }
				.layout-fullscreen .social-profiles a.yt{ background-position: -4px -400px; }
				.layout-fullscreen .social-profiles a.vi{ background-position: -4px -436px; }
				.layout-fullscreen .social-profiles a.sc{ background-position: -4px -472px; }
				.layout-fullscreen .social-profiles a.ig{ background-position: -4px -508px; }
				.layout-fullscreen .social-profiles a.rss{ background-position: -4px -544px;}
			
				.layout-fullscreen .social-profiles a.be:hover { background-position: -40px -4px; }
				.layout-fullscreen .social-profiles a.da:hover { background-position: -40px -40px; }
				.layout-fullscreen .social-profiles a.dr:hover { background-position: -40px -76px; }
				.layout-fullscreen .social-profiles a.fb:hover { background-position: -40px -112px; }
				.layout-fullscreen .social-profiles a.fr:hover { background-position: -40px -148px; }
				.layout-fullscreen .social-profiles a.gg:hover { background-position: -40px -184px; }
				.layout-fullscreen .social-profiles a.fm:hover { background-position: -40px -220px; }
				.layout-fullscreen .social-profiles a.li:hover { background-position: -40px -256px; }
				.layout-fullscreen .social-profiles a.pi:hover { background-position: -40px -292px; }
				.layout-fullscreen .social-profiles a.tu:hover { background-position: -40px -328px; }
				.layout-fullscreen .social-profiles a.tw:hover { background-position: -40px -364px; }
				.layout-fullscreen .social-profiles a.yt:hover { background-position: -40px -400px; }
				.layout-fullscreen .social-profiles a.vi:hover { background-position: -40px -436px; }
				.layout-fullscreen .social-profiles a.sc:hover { background-position: -40px -472px; }
				.layout-fullscreen .social-profiles a.ig:hover { background-position: -40px -508px; }
				.layout-fullscreen .social-profiles a.rss:hover { background-position: -40px -544px;}
			}




	/*share post*/
	ul.share-post{
		border: solid 1px #c2c2c2;
		border-left: none;
		border-right: none;
		display: block;
		font-size: 0px;
		margin: 0;
		padding: 6px 0 0;
		}
		ul.share-post li {
			display: inline-block;
			margin: 0 12px 6px 0;
			width: 32px;
			height: 32px;
			}
		ul.share-post li a {
			background-image: url(images/share_post.png);
			border: solid 1px #c2c2c2;
			border-radius: 20px;
			display: block;
			line-height: 16px;
			overflow: hidden;
			width: 32px;
			height: 32px;
			transition: background-color 0.2s;
			}
		ul.share-post li a:hover {
			background-color: rgba(0,0,0,0.05);
			}

		.sp.sp_twitter		{ background-position: 0px 0px; }
		.sp.sp_facebook		{ background-position: -30px 0px; }
		.sp.sp_googleplus	{ background-position: -60px 0px; }
		.sp.sp_reddit		{ background-position: -90px 0px; }
		.sp.sp_stumbleupon	{ background-position: -120px 0px; }
		.sp.sp_digg			{ background-position: -150px 0px; }
		.sp.sp_linkedin		{ background-position: -180px 0px; }
		.sp.sp_pinterest	{ background-position: -210px 0px; }
		.sp.sp_delicious	{ background-position: -240px 0px; }
	
		.sp.sp_twitter:hover	{ background-position: 0px -30px; }
		.sp.sp_facebook:hover	{ background-position: -30px -30px; }
		.sp.sp_googleplus:hover	{ background-position: -60px -30px; }
		.sp.sp_reddit:hover		{ background-position: -90px -30px; }
		.sp.sp_stumbleupon:hover{ background-position: -120px -30px; }
		.sp.sp_digg:hover		{ background-position: -150px -30px; }
		.sp.sp_linkedin:hover	{ background-position: -180px -30px; }
		.sp.sp_pinterest:hover	{ background-position: -210px -30px; }
		.sp.sp_delicious:hover	{ background-position: -240px -30px; }


	/*display ajaxed items with animation*/
	.anm{
		opacity: 1;
		transition: all 1s;
		transition: all 0.4s;
		-webkit-transition: all 0.4s;
		}
	.anm.anm0{
		transform: scale(0.8,0.8);
		-webkit-transform: scale(0.8,0.8);
		opacity: 0;
		}
	
	/*menu toggle icon*/
	.menu-toggle-icon div{ height: 4px; }
	.menu-toggle-icon div:nth-child(odd){ height: 2px; }
	.is-dark .menu-toggle-icon div:nth-child(odd){ background: #fff; }
	.is-light .menu-toggle-icon div:nth-child(odd){ background: #000; }
	
	/*customize contact form*/
	#commentform .form-submit{
		text-align: center;
	}
	
	/*blockquote*/
	blockquote{
		display: block;
		border:solid 1px #ddd;
		border-left:solid 12px #ddd;
		display: block;
		margin-bottom: 15px;
		margin-left:20px;
		padding: 10px 15px;
	}
	
	article	ul,
	article ol{
		margin-bottom: 20px;
		padding-left: 30px;
	}
	article	ul li,
	article ol li{
		list-style: disc;
	}
	article	ul ul,
	article ol ol{
		margin-bottom: 0;
	}
	article	ul ul li,
	article ol ol li{
		list-style: circle;
	}
	
	/*pagination links*/
	.pagination-links a{
		margin-right: 20px;
		font-size: 16px;
	}

	/*paginated posts*/
	.post-pagination span{
		padding: 0 5px;
		color: #aaa;
	}
	.post-pagination a span{
		color: #000;
	}






/*-------------------------------------
 *	COMMENTS
 *-------------------------------------*/
 
 	.commentlist{
		margin-bottom: 80px;
		}
		.commentlist .comment{
			margin-bottom: 30px;
			}
			.comment .comment-body{
				border: solid 1px rgba(0,0,0,0.2);
				margin-bottom: 22px;
				position: relative;
				padding: 17px 25px 17px 20px;
				}
				.comment .comment-body:hover,
				.comment:hover .comment-respond{
					border: solid 1px rgba(0,0,0,0.4);
					box-shadow: 4px 5px 3px rgba(0,0,0,0.07);
					}
					
				.comment .comment-edge{
					position: absolute;
					top: 20px;
					left: -14px;
					overflow: hidden;
					width: 14px;
					height: 14px;
					}
					.comment-edge > div{
						background-color: #fff;
						border: solid 1px rgba(0,0,0,0.2);
						width: 18px;
						height: 18px;
						transform: skew(45deg);
						-ms-transform: skew(45deg);
						-webkit-transform: skew(45deg);
						margin: 0 0 0 8px;
						}
					.comment-body:hover .comment-edge > div{
						border: solid 1px rgba(0,0,0,0.4);
						}
						
				.comment .comment-author{
					line-height: 1.5;
					}
				.comment .comment-date{
					font-size: 11px;
					margin-bottom: 15px;
					}
				.comment .comment-reply a,
				#cancel-comment-reply-link{
					font-size: 10px !important;
					display: inline-block;
					font-family: arial;
					background: #f4f4f4;
					color: #aaa;
					letter-spacing: 0;
					padding: 0 9px;
					height: 18px;
					line-height: 18px;
					text-transform: uppercase;
					}
				.comment .comment-respond{
					border: solid 1px rgba(0,0,0,0.2);
					padding: 17px 25px 17px 20px;
					margin: -15px 0 40px;
					}
	

			.commentlist .children{
				margin-left: 20px;
				}
				.children .comment-edge{
					top: -10px;
					left: 14px;
					width: 19px;
					height: 10px;
					}
					.children .comment-edge > div{
						width: 18px;
						height: 18px;
						transform: rotate(45deg);
						-ms-transform: rotate(45deg);
						-webkit-transform: rotate(45deg);
						margin: 4px 0 0 0;
						}
	

/*-------------------------------------
 *	RESPONSIVENESS
 *-------------------------------------*/
 

	@media screen and (max-width:800px){
		.nav-wrapper{
			background: #fff;
			position: absolute;
			left: 0;
			width: 100%;
			z-index: 5;
		}
		#nav.mobile-open{
			display: block;
		}
	}
	
	@media screen and (min-width:801px){
		
		/*header*/
		.header-height{
			height: 90px;
			}
		.header-height.no-stripe{
			height: 55px;
			}
		.header-main{
			float: left;
			}
		
		.top-stripe{
			display: block;
			}

		/* site logo */
		.site-logo{
			height: 55px;
			line-height: 55px;
			padding-right: 20px;
			}
			.site-logo.textual{
				padding-right: 26px;
				width: auto;
				}

		/*nav*/
		#nav-toggle{
			display: none;
			}
			
		#nav{
			display: block;
			padding: 0;
			text-align: left;
			}
			#nav > li{
				display: inline-block;
				}
			#nav > li:hover{
				box-shadow: 2px 2px 10px rgba(0,0,0,0.1);
				}
				#nav > li > a{
					display: inline-block;
					height: 55px;
					line-height: 55px;
					padding: 0 20px;
					}
		
			#nav .sub-menu{
				position: absolute;
				width: 250px;
				display: none;
				}
				#nav .sub-menu,
				#nav .sub-menu li a{
					font-size: 14px;
					}
				#nav li:hover > .sub-menu{
					display: block;
					}
				#nav .sub-menu .sub-menu{
					left: 100%;
					top: 0;
					}

		/*nav: micromenu*/
		.header-wrapper.micromenu{
			width: 70px;
			height: 70px;
			left: 80px;
			z-index: 7;
			}
			.header-wrapper.micromenu #micromenu-toggle{
				display: block;
				cursor: pointer;
				padding: 28px 25px;
				width: 100%;
				height: 100%;
				}	
		
			.header-wrapper.micromenu .header-inner{
				position: absolute;
				width: 400px;
				left: 71px;
				top: 0;
				display: none;
				}
				.header-wrapper.micromenu .header-inner:after{
					content: " ";
					display: block;
					clear: both;
					}

				.header-wrapper.micromenu .site-logo{
					height:auto;
					line-height: 1.4;
					}
				.header-wrapper.micromenu .site-logo img{
					max-width: 100%;
					height: auto;
					}
				.header-wrapper.micromenu .site-logo span{
					display: block;
					padding-top: 18px;
					padding-bottom: 18px;
					}

			.header-wrapper.micromenu .header-height{
				height: auto;
				}
			.header-wrapper.micromenu #header{
				width: auto;
				padding: 0;
				}
			.header-wrapper.micromenu .top-stripe{
				display: none;
				}
			.header-wrapper.micromenu .header-main{
				float: none;
				}
			.header-wrapper.micromenu .site-logo{
				text-align: center;
				width: auto;
				padding: 0;
				}
				
			.header-wrapper.micromenu #nav{
				padding: 0 0 15px;
				}
			.header-wrapper.micromenu #nav > li,
			.header-wrapper.micromenu #nav > li > a{
				display: block;
				line-height: 35px;
				height: 35px;
				}
			.header-wrapper.micromenu .sub-menu{
				left: 100%;
				top: -15px;
				}
				.header-wrapper.micromenu #nav > li > .sub-menu,
				.header-wrapper.micromenu #nav > li > .sub-menu{
					margin-left: 20px;
					margin-top: 0;
					}
				.header-wrapper.micromenu #nav > li > .sub-menu:before,
				.header-wrapper.micromenu #nav > li > .sub-menu:before{
					content: " ";
					display: block;
					height: 100%;
					width: 20px;
					position: absolute;
					top: 0;
					left: -20px;
					}
				.header-wrapper.micromenu #nav > li > .sub-menu:after,
				.header-wrapper.micromenu #nav > li > .sub-menu:after{
					content: " ";
					display: block;
					height: 0;
					width: 0;
					position: absolute;
					top: 20px;
					left: -20px;
					border-right: solid 10px #000;
					border-top: solid 10px transparent;
					border-bottom: solid 10px transparent;
					}
	}





@media screen and (max-width:320px){
	
}
@media screen and (max-width:800px){
	
	.s-visible-large{
		display: none;
		}
}

@media screen and (min-width:500px){

}
@media screen and (min-width:801px){
	
}
@media screen and (min-width:1025px){
	/*header*/
	.header-height{
		height: 100px;
		}
	.header-height.no-stripe{
		height: 65px;
		}
		/* site logo */
		.site-logo{
			height: 65px;
			line-height: 65px;
			padding-right: 20px;
			}
			#nav > li > a{
				height: 65px;
				line-height: 65px;
				padding: 0 20px;
				}
				
		/*nav: micromenu*/
		.header-wrapper.micromenu{
			width: 80px;
			height: 80px;
			left: 80px;
			z-index: 7;
			}
			.header-wrapper.micromenu #micromenu-toggle{
				display: block;
				cursor: pointer;
				padding: 33px 30px;
				width: 100%;
				height: 100%;
				}
			.header-wrapper.micromenu .header-inner{
				left: 81px;
				}
}

@media screen and (min-width:1281px){
	
		/*header*/
		.header-height{
			height: 110px;
			}
		.header-height.no-stripe{
			height: 75px;
			}
		
		/* site logo */
		.site-logo{
			height: 75px;
			line-height: 75px;
			padding-right: 20px;
			}
		.site-logo.textual{
			padding-right: 26px;
			}

		/*nav*/
		#nav > li > a{
			height: 75px;
			line-height: 75px;
			padding: 0 28px;
			}
			#nav .sub-menu,
			#nav .sub-menu li a{
				font-size: 14px;
				}

		/*nav: micromenu*/
		.header-wrapper.micromenu{
			width: 90px;
			height: 90px;
			left: 80px;
			}	
			.header-wrapper.micromenu #micromenu-toggle{
				padding: 38px 35px;
				}
			.header-wrapper.micromenu .header-inner{
				left: 91px;
				}
					
}


	.temp-space{
		background-color: #f4f4f4;
		background-repeat: repeat;
		background-size: auto;
		height: 150px;
		}
		.temp-space-overlayer{
			background-color: rgba(0,0,0,0.85);
			background-repeat: repeat;
			background-size: auto;
			height: 150px;
			}
		@media screen and (max-width:800px){
		.temp-space{
			display: none;
			}
		}	
	#main{
		padding-top: 50px;
		padding-bottom: 60px;
		/*box-shadow: 0 2px 3px rgba(0,0,0,0.2);*/
		}
		.page-has-bg #main{
			background-color: #fff;
			box-shadow: 0 3px 7px rgba(0,0,0,0.3);
			}
		#main img,
		.wp-caption{
			max-width: 100%;
			height: auto;
			}
	.temp-media{
		background: #444;
		width: 717px;
		height: 442px;
		}
	
	
	@media screen and (min-width:801px){
		.header-home #nav > li > .sub-menu,
		.header-inside #nav > li > .sub-menu{
			margin-top: 20px;
			}
		.header-home #nav > li > .sub-menu:before,
		.header-inside #nav > li > .sub-menu:before{
			content: " ";
			display: block;
			height: 20px;
			width: 100%;
			position: absolute;
			top: -20px;
			}
		.header-home #nav > li > .sub-menu:after,
		.header-inside #nav > li > .sub-menu:after{
			content: " ";
			display: block;
			height: 0;
			width: 0;
			position: absolute;
			top: -10px;
			left: 20px;
			border-bottom: solid 10px #000;
			border-left: solid 10px transparent;
			border-right: solid 10px transparent;
			}
	}
	
	
	
	#LANG{
		display:inline-block;
		position: relative;
		
		}
	#LANG > li > span{
		display: block;
		cursor: pointer;
		height: 35px;
		line-height: 35px;
		padding: 0 15px;
		opacity: 0.5;
		}

	#LANG ul{
		background: #fff;
		color: #000;
		box-shadow: 1px 1px 4px rgba(0,0,0,0.2);
		display: none;
		position: absolute;
		right: -5px;
		margin-top: -2px;
		width: 120px;
		padding: 5px 0;
		font-size: 12px;
		}
	#LANG > li:hover ul{
		display: block;
		}
	#LANG ul span,
	#LANG ul a{
		display: block;
		padding: 0 20px;
		height: 25px;
		line-height: 25px;
		opacity: 0.5;
		}
	#LANG ul li{
		border-top: solid 1px #eee;
		}
	#LANG ul li:first-child{
		border-top: none;
		}
	#LANG a{
		color: #000;
		}
	#LANG a:hover{
		background: #f4f4f4;
		}