/* @override 
	http://127.0.0.1:8888/wp-content/themes/MennStudio2014/style.css?seed
	/wp-content/themes/MennStudio2014/style.css?seed */

/*
 Theme Name:   Menn Studio 2014
 Description:  Seed Child Theme
 Author:       Menn Studio
 Author URI:   
 Template:     seed
 Version:      0.5.0
 Text Domain:  seed
*/

@font-face {
    font-family: 'sukhumvitreg';
    src: url('/wp-content/themes/MennStudio2014/plus/fonts/sukhumvitreg-webfont.eot');
    src: url('/wp-content/themes/MennStudio2014/plus/fonts/sukhumvitreg-webfont#iefix') format('embedded-opentype'),
         url('/wp-content/themes/MennStudio2014/plus/fonts/sukhumvitreg-webfont.woff') format('woff'),
         url('/wp-content/themes/MennStudio2014/plus/fonts/sukhumvitreg-webfont.ttf') format('truetype'),
         url('/wp-content/themes/MennStudio2014/plus/fonts/sukhumvitreg-webfont.svg#quarkbold') format('svg');
    font-weight: normal;
    font-style: normal;

}
/*
@font-face {
    font-family: 'Boon';
    src: url('/wp-content/themes/MennStudio2014/plus/fonts/boon-300.eot');
    src: url('/wp-content/themes/MennStudio2014/plus/fonts/boon-300.eot') format('embedded-opentype'),
         url('/wp-content/themes/MennStudio2014/plus/fonts/boon-300.woff') format('woff'),
         url('/wp-content/themes/MennStudio2014/plus/fonts/boon-300.ttf') format('truetype'),
         url('/wp-content/themes/MennStudio2014/plus/fonts/boon-300.svg#Boon300') format('svg');
    font-weight: 300;
}

@font-face {
    font-family: 'Boon';
    src: url('/wp-content/themes/MennStudio2014/plus/fonts/boon-400.eot');
    src: url('/wp-content/themes/MennStudio2014/plus/fonts/boon-400.eot') format('embedded-opentype'),
         url('/wp-content/themes/MennStudio2014/plus/fonts/boon-400.woff') format('woff'),
         url('/wp-content/themes/MennStudio2014/plus/fonts/boon-400.ttf') format('truetype'),
         url('/wp-content/themes/MennStudio2014/plus/fonts/boon-400.svg#Boon400') format('svg');
    font-weight: 400;
}
@font-face {
    font-family: 'Boon';
    src: url('/wp-content/themes/MennStudio2014/plus/fonts/boon-700.eot');
    src: url('/wp-content/themes/MennStudio2014/plus/fonts/boon-700.eot') format('embedded-opentype'),
         url('/wp-content/themes/MennStudio2014/plus/fonts/boon-700.woff') format('woff'),
         url('/wp-content/themes/MennStudio2014/plus/fonts/boon-700.ttf') format('truetype'),
         url('/wp-content/themes/MennStudio2014/plus/fonts/boon-700.svg#Boon700') format('svg');
    font-weight: 700;
}
*/
h2 {
	font-size: 1.8em;
	margin: 25px 0 20px;
}
h3 {
	font-size: 1.6em;
	margin: 25px 0 20px;
}
.img-circle {
	border-radius: 50%;
}
.box {
	padding: 18px 18px 2px;
	border: 1px solid #ccc;
	background-color: #fff;
}
hr{
	height: 1px;
	border: none;
	border-top: 1px solid #ddd;
}

body {
	font: 16px/1.6em 'Boon',sans-serif;
	font-weight: normal;
	color: #283232;
}
	p{
		margin: 0 0 1em;
	}
	b, strong, th, h5,h6,h7{
		font-family: 'Boon',sans-serif;
		font-weight: 700;
	}
	h1,h2,h3,h4,#nav{
		font-family: 'sukhumvitreg',sans-serif;
		font-weight: normal;
	}
	a {
		color: #399366;
	}
	a:hover {
		color: #8dc63f;
	}
	a:active {
		opacity: 0.8;
	}
	blockquote {
		font-size: 1em;
		color: #555;
		border: 1px solid #e8e9e8;
		border-left: 4px solid #399366;
		padding: 1.4em 1.4em 1.4em 1.6em;
		background-color: #fff;
	}
	.hentry pre{
		border: 1px solid #e4e4e4;
		background-color: #fff;
		padding: 5px 15px;
	}
	.fb-comments, .fb-comments span, .fb-comments.fb_iframe_widget span iframe {
	    width: 100% !important;
	}
	
	.pagination{
		text-align: center;
	}
	.pagination a.prev,
	.pagination a.next{
		background: none;
		border: none;
		margin: 0;
	}
	.pagination .page-numbers{
		display: inline-block;
		margin: 0;
		padding: 2px 12px 5px;
		border: 1px solid #cad6d0;
		background-color: #fff;
	}
	.pagination .current{
		color: #fff;
		background-color: #389265;
		border: 1px solid #389265;
	}
.hilight {
	border: 1px solid #ddd;
	background-color: #fff;
	padding: 20px 40px;
	margin-bottom: 30px;
}

#main .gform_wrapper input,
#main .gform_wrapper textarea {
	font-size: 14px;
}
#searchsubmit {
	border: none;
	background-color: #399366;
	color: #fff;
	padding: 3px 15px;
}
#s{
	border: 1px solid #aaa;
	padding: 2px 5px;
}
#searchsubmit:hover{
	background-color: #8dc63f;
}
#searchsubmit:active{
	background-color: #328059;
}
.info .meta{
		font-size: 14px;
		color: #888;
		margin: 0 0 10px;
	}
	h1.title{
		margin: 0 0 20px;
	}
		h1.title a {
			color: #525f5f;
		}
		h1.title a:hover {
			
		}
		h1.title a:active{
			
		}
	.entry {
		padding-bottom: 10px;
	}
	.entry img.size-full,
	.entry img.round{
		border-radius: 3px;
	}
	.share {
		margin: 20px 0;
	}
		.button-fb{
			display: inline-block;
			margin: -5px 0 0;
			float: left;
			height: 26px;
			overflow: hidden;
			width: 105px;
		}
		.button-tw{
			float: left;
			width: 97px;
		}
		.button-gplus{
			float: left;
			width: 88px;
		}
		
		
		
.prices.box {
	padding: 25px 25px 12px;
	margin: 25px 0;
	border: none;
	box-shadow: 0 0 2px rgba(0, 0, 0, 0.15);
	-moz-box-shadow: 0 0 2px rgba(0, 0, 0, 0.15);
}	

.prices h2,
.prices h3{
	margin-top: 0;
}	
.prices h2 {
	
}
.prices h3 small {
	color: #999;
}
.prices h3 b{
	display: block;
	background-color: #eee;
	margin-right: -25px;
	font-weight: normal;
	padding: 10px 0 5px 15px;
	font-size: 24px;
	font-family: sukhumvit, sans-serif;
}
.prices h3 i{
	font-style: normal;
}
/*
#price .box{
	background-color: #fff;
	border: 1px solid #ddd;
	margin: 0 0 20px;
	min-height: 520px;
}
	

	#price .box h2{
		margin: 0;
		padding: 15px 15px 10px;
		font-size: 1.62em;
	}
	#price .box img{
		display: block;
	}
	#price .box .price{
		padding: 5px 15px;
		background-color: #f4f4f4;
		border-top: 1px solid #ddd;
		border-bottom: 1px solid #ddd;
	}
	#price .box .info{
		padding: 15px;
	}
	#price .box .meta {
		border-top: 1px solid #ddd;
		display: block;
		font-size: 0.8em;
		padding: 2px 15px 4px;
	}
*/
#foot .fb_iframe_widget {
	height: 212px;
	overflow: hidden;
}
.fb-comments{
	clear: both;
	display: block;
	background-color: #fff;
	margin: 0 -1px 30px;
	border: 1px solid #e8e9e8;
	border-top: none;
}
.comment{
	padding: 0 0 1px;
}
.col-50:nth-of-type(2n+1){
	clear: left;
}
body.post-type-archive-project #main,
body.tax-collection #main {
	background-color: #3a3a3a;
	color: #fff;
}
body.post-type-archive-project  .pagination a.next,
body.post-type-archive-project  .pagination a.prev,
body.tax-collection .pagination a.prev,
body.tax-collection .pagination a.next
{
	color: #fff;
}




/* MOBILE */
@media screen and (min-width : 1px) and (max-width : 1023px){




#head {
	background-color: #399366;
	position: fixed;
	top: 0;
	z-index: 100;
	width: 100%;
	height: 45px;
}
	
	#brand {
		padding: 10px 0;
	}
		#brand a {
			background: url(/wp-content/themes/MennStudio2014/img/logo.png) no-repeat;
			background-size: contain;
			height: 25px;
			display: block;
			text-indent: 200%;
			white-space: nowrap;
			overflow: hidden;
		}
	#navgroup {
		position: relative;
		background-color: #366f4d;
		width: 180px;
		float: right;
		margin: 0 -15px 0 0;
	}
		.nav-toggle {
			color: #fff;
			position: absolute;
			text-transform: uppercase;
			padding: 0 15px;
			line-height: 45px;
			height: 45px;
			right: 0px;
			top: -45px;
			background-color: #3f8159;
		}
		.nav-toggle:active,
		.nav-toggle.active{
			background-color: #366f4d;
			opacity: 1;
			color: #fff;
			
		}
		.nav-toggle:hover{
			color: #d6e8dd;
			background-color: #366f4d;
			opacity: 1;
			color: #fff;
		}
		#nav {
			display: none;
		}
		#nav ul {
		  margin: 0;
		  padding: 0;
		  display: block;
		  list-style: none;
		}
		
		#nav li {
		  display: block;
		}
		
		.js #nav {
		  clip: rect(0 0 0 0);
		  max-height: 0;
		  position: absolute;
		  display: block;
		  overflow: hidden;
		  zoom: 1;
		}
		
		#nav.opened {
		  max-height: 9999px;
		}
		
		#nav.disable-pointer-events {
		  pointer-events: none !important;
		}
		
		#nav {
		  -webkit-tap-highlight-color: rgba(0,0,0,0);
		  -webkit-touch-callout: none;
		  -webkit-user-select: none;
		  -moz-user-select: none;
		  -ms-user-select: none;
		  -o-user-select: none;
		  user-select: none;
		}
	
			#nav .mainnav > li{
				font-size: 19px;
			}
			#nav .mainnav > li a{
				color: #fff;
				padding:10px 20px 7px;
				border-bottom: 1px solid #609073;
				display: block;
			}
			#nav .mainnav > li > a:hover{
				color: #dae7e0;
			}
			body.home #nav .mainnav > li > a:hover{
				color: #e4f6f5;
			}

	#banner{
		background-color: #92d4d0;
		z-index: -1;
		width: 100%;
		height: 280px;
	}	
		#scene{
			height: 280px;
			overflow: hidden;
		}	
		#scene .bg{
			background: url(/wp-content/themes/MennStudio2014/img/bg.png) center bottom repeat-x;
			height: 300px;
			width: 150%;
			margin: 0 -25%;
			background-size: 900px;
		}
		#scene .trees{
			background: url(/wp-content/themes/MennStudio2014/img/trees.png) center bottom repeat-x;
			height: 295px;
			width: 150%;
			margin: 0 -25% 0;
			background-size: 400px;
		}
		#scene .studio{
			background: url(/wp-content/themes/MennStudio2014/img/studio.png) center bottom no-repeat;
			height: 400px;
			width: 150%;
			margin: -40px -25% 0;
			background-size: 330px;
		}
		
		#scene h1, #scene h3{
			text-align: right;
			color: #fff;
			width: 90%;
			margin: 80px auto 0;
			font-size: 30px;
		}
		#scene h3{			
			padding:32px 10px 0 0;
			font-size: 20px;
		}
		
#side{
	width: 140px;
	float: left;
	margin: 0 0 20px;
}	
	#side h2{
		margin: 0;
		padding: 4px 0 8px;
		font-size: 26px;
		border-bottom: 1px solid #ddd;
		color: #3a4848;
	}
	#side h2.widgettitle{
		font-size: 22px;
		border: none;
		margin: 30px 0 0;
	}
	#side #s {
		width: 100%;
		float: left;
	}
	#side #searchsubmit{
		display: none;
	}
	#side ul{
		padding: 0;
		margin: 0;
	}
	#side li{
		display: block;
		list-style: none;
	}
	#side li a{
		display: block;
		border-top: 0;
		padding: 5px 0 6px;
		border-bottom: 1px solid #ddd;
	}
	#side li.current-menu-item a,
	#side li.current-post-ancestor a{
		color: #666;
		font-family: 'Boon700',sans-serif;
		font-weight: normal;
	}
#post{
}
	
#main {
	padding: 70px 0 20px;
	background-color: #f8f8f8;
}
	.post-item{
			margin: 0 0 25px;
			background-color: #fff;
			padding: 10px;
			box-shadow: 0 0 2px rgba(0, 0, 0, 0.15);
			-moz-box-shadow: 0 0 2px rgba(0, 0, 0, 0.15);
			border-radius: 3px;
		}	
			.post-item .pic{

		}
			.post-item .info{
				
			}
			.post-item .info h3{
				margin: 10px 0 5px;
				
			}
			.post-item .info h3 a{
				color: #525f5f;
			}
		
	
		.post-meta{
			float: left;
			width: 140px;
			font-size: 14px;
			padding: 0 0 0 15px;
		}
			.post-meta .avatar{
				margin: 0 0 8px -5px;
				float: left;
			}
			.post-meta .avatar img{
				border-radius: 50%;
			}
			.post-meta td:first-child{
				padding: 0 5px 0 0;
			}
			.post-meta ul{
				padding: 10px 0  0;
			}
			.post-meta ul li{
				list-style: none;
				margin: 0;
			}
			.post-meta ul li a{
				background-color: #aaa;
				padding: 3px 8px 5px;
				display: inline-block;
				margin: 0 0 2px;
				color: #fff;
				border-radius: 2px;
				font-size: 13px;
				line-height: 1em;
			}
		.post-content{

		}
		
		.table h3{
			margin: 8px 0 5px;
			font-size: 20px;
		}
		.table th{
			background-color: #eee;
		}.table td {
			background-color: #fff;
		}
		.table td:last-child{
		}
		.table small{
			display: inline-block;
			margin: 0 0 10px;
			color: #888;
		}
		.entry .com { color: #93a1a1; }
		.entry .lit { color: #195f91; }
		.entry .pun, .entry .opn, .entry .clo { color: #93a1a1; }
		.entry .fun { color: #dc322f; }
		.entry .str, .entry .atv { color: #ff8a3c; }
		.entry .kwd, .entry .prettyprint .tag { color: #195f91; }
		.entry .typ, .entry .atn, .entry .dec, .entry .var { color: #3fbf79; }
		.entry .pln { color: #48484c; }
		.entry .pun{ color:#48484c; }
		.entry pre.prettyprint {
		  padding: 20px;
		  background-color: #fff;
		  border: 0px solid #eee;
		  border-radius: 3px;
		}
		
		
		/* Specify class=linenums on a pre to get line numbering */
		ol.linenums {
		  margin: 0 0 0 40px; /* IE indents via margin-left */
		}
		ol.linenums li {
		  padding-left: 12px;
		  color: #bebec5;
		  line-height: 20px;
		  text-shadow: 0 1px 0 #fff;
		}
		
		
	
#section-intro{
	background-color: #fff;
	padding: 12px 0 20px;
}
	#section-intro .container{
		position: relative;
	}

	#section-intro .title{
		color: #598a8b;
	}
	body.home .title h2{
		font-size: 32px;
		margin: 0;
	}
	body.home .title h2 span{
		display: block;
		font-size: 20px;
		padding: 3px 0 18px;
	}
	#section-intro .info{
		margin-bottom: 10px;
		color: #5c6564;
	}

	#features{
		font-size: 15px;
		line-height: 1.5em;
	}
		#features div{
			min-height: 100px;
		}
		#features h3{
			font-size: 16px;
			margin: 0px 0 7px;
			padding: 8px 0 0;
			font-family: 'Boon700',sans-serif;
			text-transform: uppercase;
			color: #3e5f5f;
		}
		#features .content-first{
			padding-left: 110px;
			background: url(/wp-content/themes/MennStudio2014/img/ic-content.png) 24px 0px no-repeat;
		}
		#features .mobile-first{
			padding-left: 110px;
			background: url(/wp-content/themes/MennStudio2014/img/ic-mobile.png) 22px 0px no-repeat;
		}
		#features .social-seo{
			padding-left: 110px;
			background: url(/wp-content/themes/MennStudio2014/img/ic-social.png) 6px 0px no-repeat;
		}
	
	#section-intro .button{
		position: absolute;
		bottom: -45px;
		right: 10px;
	}
	.button{
		display: inline-block;
		background-color: #95bd25;
		color: #fff;
		padding: 10px 20px;
		border-radius: 50px;
		-moz-transition: color 0.3s ease;
		-webkit-transition: color 0.3s ease;
		-o-transition: color 0.3s ease;
		transition: color 0.3s ease;
	}
		.button:hover{
			background-color: #b7de4a;
			color: #456b2a;
		}
		.button:hover i.more{
			border-color: transparent transparent transparent #456b2a;
		}

		.button:active{
			bottom: -76px;
			opacity: 1;
			background-color: #95bd25;
		}
		.button h3{
			padding: 4px 0 0;
			width: auto;
			margin: 0;
			font-size: 20px;
		}
		
		
		
		
		i.more{
			display: inline-block;
			width: 0px;
			height: 0px;
			border-style: solid;
			border-width: 5px 0 5px 6px;
			border-color: transparent transparent transparent #ffffff;
			-moz-transition: border-color 0.3s ease;
			-webkit-transition: border-color 0.3s ease;
			-o-transition: border-color 0.3s ease;
			transition: border-color 0.3s ease;
		}
	
	
#section-port {
	background-color: #3a3a3a;
	color: #c7c7c7;
	padding: 60px 0 50px;
	height: auto;
	overflow: hidden;

}
	#section-port .title a{
		color: #999;
		-moz-transition: color 0.3s ease;
		-webkit-transition: color 0.3s ease;
		-o-transition: color 0.3s ease;
		transition: color 0.3s ease;
	}
	#section-port .title a:hover{
		color: #fff;
	}
	#section-port .title i.more{
		border-color: transparent transparent transparent #999;
	}
	#section-port .title a:hover i.more{
		border-color: transparent transparent transparent #fff;
	}
	.port-item{
		padding: 0 15px;
	}
	.port-item h3{
		font-size: 17px;
		margin: 16px 0 0;
		text-align: center;
		opacity: 0;
		-moz-transition: opacity 1.6s ease;
		-webkit-transition: opacity 1.6s ease;
		-o-transition: opacity 1.6s ease;
		transition: opacity 1.6s ease;
	}
	.rsActiveSlide .port-item h3{
		opacity: 1;
	}
	.port-item h3 small{
		font: 14px/1.6em 'Boon400',sans-serif;
		color: #c7c7c7;
	}
	.port-item img{
		margin-top: 24px !important;
	}
	.port-item a{
		display: block;
		color: #fff;
		text-align: center;
		
	}
	.rsUni, .rsUni .rsOverflow, .rsUni .rsSlide, .rsUni .rsVideoFrameHolder, .rsUni .rsThumbs{
		background-color: #3a3a3a !important;
	}
	
	.visibleNearbyZoom{
		padding-top: 0 !important;
	}
/* PROJECT */
.project-item {
	margin: 10px 0;
	text-align: center;
}
	.project-item .pic{
	
	}
	.project-item .pic img{
		box-shadow: 0 0 10px #000;
	}
	.project-item h3{
		font-size: 22px;
		margin: 18px 0 0;
	}
	.project-item p{
		font-size: 15px;
		color: #ccc;
		margin: 0 0 2em;
	}






body.home #main{
	padding: 5px 0 0;
	background: none;
}


#foot{
	background-color: #e8e8e8;
	padding: 40px 0 0px;
	font-size: 15px;
	border-bottom: 4px solid #399366;
}
	#foot .col-md-4{
		
	}
	#foot .recent{
		background-color: #fff;
		box-shadow: 0px 0px 2px #aaa;
		height: auto;
		overflow: hidden;
		padding: 10px;
		width: 100%;
	}
	#foot .recent img{
		margin: 0 0 8px;
	}
	#foot .recent h3{
		font-size: 16px;
		margin: 0;
		color: #666;
	}
	
	#schedule {
margin-top: 30px;
margin-bottom: 30px;
	}
	
	#foot h2{
		margin: 0 0 10px;
		font-size: 21px;
	}
	#foot .fb-page{
		background-color: #fff;
		box-shadow: 0px 0px 2px #aaa;
		width: 100% !important;

	}
	#foot .fb-like-box iframe{
		margin: -10px -10px 0;
	}
	#works{
		padding: 0;
		margin: 0;
		line-height: 24px;
		
	}
	#works table{
		width: 100%;
	}
	#works td{
		padding: 4px 0 2px 0;
		white-space: nowrap;
	}
	#works td:last-child{
		width: 88px;
	}
	#works td span{
		display: block;
		width:100%;
		border-radius: 9px;
		border: 1px solid #bbb;
		height: 18px;
	}
	#works td.bar0,
	#works td.bar1,
	#works td.bar2,
	#works td.bar3 {
		min-width: 120px;
		padding: 8px 20px 0;
		
	}
	
	#works td i{
		display: block;
		background: -webkit-linear-gradient(top, #d7d7d7 0%, #d4d4d4 100%) #ccc;
		background: -moz-linear-gradient(top, #d7d7d7 0%, #d4d4d4 100%) #ccc;
		background: -ms-linear-gradient(top, #d7d7d7 0%, #d4d4d4 100%) #ccc;
		background: linear-gradient(to bottom, #d7d7d7 0%, #d4d4d4 100%) #ccc;
		height: 16px;
		border-radius: 8px 0 0 8px;
		border: 1px solid #e8e8e8;
		width: 0;
		-moz-transition: width 2s ease;
		-webkit-transition: width 2s ease;
		-o-transition: width 2s ease;
		transition: width 2s ease;
	}
	
	#works td.bar0.appear i{
		display: none;
	}	
	#works td.bar1.appear i{
		width: 34%;
	}
	#works td.bar2.appear i{
		width: 67%;
	}
	#works td.bar3.appear i{
		width: 100%;
		border-radius: 8px;
	}
	/* DESIGNER */
	.designer {
		border: 1px solid #ddd;
		background-color: #fff;
		padding: 15px;
		font-size: 15px;
		margin-bottom: 20px;
		overflow: hidden;
		line-height: 1.55em;
	}
	.designer h3{
		margin: 0 0 ;
	}
	.designer .pic {
		float: right;
		width: 80px;
		height: 80px;
		overflow: hidden;
	}
	.designer .info {
		
	}
	.designer .info p{
		margin: 0;
	}
	
	
}
/* END MOBILE */

/* DESKTOP */
@media screen and (min-width : 1023px) and (max-width : 1170px) {
	#main .post-content{
		width: 600px;
	}
	
	.designers li:nth-child(2n+1){
		clear: left;
	}
}


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



#page {
	overflow: hidden;
}

#head {
	background-color: #399366;
	position: fixed;
	top: 0;
	z-index: 100;
	width: 100%;
	height: 60px;
}

	body.home #head {
		background-color: #92d4d0;
		padding: 24px 0 10px;
		-moz-transition: all 0.1s ease;
		-webkit-transition: all 0.1s ease;
		-o-transition: all 0.1s ease;
		transition: all 0.1s ease;
	}

	body.home #head.green{
		background-color: #399366;
		padding: 0;
	}
	
	#brand {
		float: left;
		width: 30%;
		padding: 10px 0 0;
	}
		#brand a {
			background: url(/wp-content/themes/MennStudio2014/img/logo.png) no-repeat;
			background-size: contain;
			height: 35px;
			display: block;
			text-indent: 200%;
			white-space: nowrap;
			overflow: hidden;
		}
	#navgroup {
		float: right;
		width: 70%;
		padding:  0 0;
	}
		.nav-toggle {
			display: none;	
		}
		#nav {
			text-align: right;
			display: block;
		}
		
			
			
			
			
			
			
			
		
			#nav .mainnav > li{
				font-size: 20px;
				display: inline;
			}
			#nav .mainnav > li a{
				color: #fff;
				display: inline-block;
				padding:20px 20px 10px;
				position: relative;
				height: 60px;
			}
			#nav .mainnav > li:last-child a{
				padding-right: 0;
			}
			#nav .mainnav > li > a:hover{
				color: #dae7e0;
			}
			body.home #nav .mainnav > li > a:hover{
				color: #e4f6f5;
			}
			#nav .mainnav > li > a:active{
				
			}
			#nav .mainnav > li.current-menu-item a,
			#nav .mainnav > li.current-menu-ancestor a,
			#nav .mainnav > li.current-page-item a,
			#nav .mainnav > li.current-page-ancestor a,
			body.blog #nav .mainnav > li.blog a,
			body.single-post #nav .mainnav > li.blog a,
			body.category  #nav .mainnav > li.blog a,
			body.post-type-archive-project #nav .mainnav > li.project a,
			body.tax-collection #nav .mainnav > li.project a
			{
				color: #fff;
				background-color: #328059;
				padding:22px 20px 13px;
			}

			
			#nav .mainnav .dropdown{
				
			}
#banner{
	background-color: #92d4d0;
	position: fixed;
	z-index: -1;
	width: 100%;
	height: 600px;
}	
	#scene{
		height: 600px;
		overflow: hidden;
	}	
	#scene .bg{
		background: url(/wp-content/themes/MennStudio2014/img/bg.png) center bottom repeat-x;
		height: 560px;
		width: 150%;
		margin: 0 -25%;
	}
	#scene .trees{
		background: url(/wp-content/themes/MennStudio2014/img/trees.png) center bottom repeat-x;
		height: 640px;
		width: 150%;
		margin: 0 -25%;
	}
	#scene .studio{
		background: url(/wp-content/themes/MennStudio2014/img/studio.png) center bottom no-repeat;
		height: 720px;
	}
	#scene h1 {
		font-size: 36px;
	}
	#scene h1, #scene h3{
		text-align: right;
		color: #fff;
		width: 960px;
		margin: 140px auto 0;
	}
	#scene h3{			
		padding: 48px 20px 0 0;
	}
			


.prices.box {
	padding: 25px 25px 12px 225px;
}	
.prices.box.s1 {
	background: url(/wp-content/themes/MennStudio2014/img/s1.jpg) left bottom no-repeat #fff;
}
.prices.box.s2 {
	background: url(/wp-content/themes/MennStudio2014/img/s2.jpg) left bottom no-repeat #fff;
}
	
#side{
	float: left;
	width: 140px;
	position: fixed;
}	
	#side h2{
		margin: 0;
		padding: 4px 0 8px;
		font-size: 26px;
		border-bottom: 1px solid #ddd;
		color: #3a4848;
	}
	#side h2.widgettitle{
		font-size: 22px;
		border: none;
		margin: 30px 0 0;
	}
	#side #s {
		width: 100%;
		float: left;
	}
	#side #searchsubmit{
		display: none;
	}
	#side ul{
		padding: 0;
		margin: 0;
	}
	#side li{
		display: block;
		list-style: none;
	}
	#side li a{
		display: block;
		border-top: 0;
		padding: 5px 0 6px;
		border-bottom: 1px solid #ddd;
	}
	#side li.current-menu-item a,
	#side li.current-post-ancestor a{
		color: #666;
		font-family: 'Boon700',sans-serif;
		font-weight: normal;
	}
#post{
	padding-left: 180px;
	float: right;
	width: 100%;
}
	
#main {
	padding: 100px 0 20px;
	min-height: 800px;
	background-color: #f8f8f8;
}
	
	.post-item{
		margin: 0 0 25px;
		background-color: #fff;
		padding: 10px;
		border: none;
		box-shadow: 0 0 2px rgba(0, 0, 0, 0.15);
		-moz-box-shadow: 0 0 2px rgba(0, 0, 0, 0.15);
	}	
		.post-item .pic{
		float: left;
		line-height:1px;
	}
		.post-item .info{
			padding-left: 360px;
		}
		.post-item .info h3{
			margin: 10px 0 5px;
			
		}
		.post-item .info h3 a{
			color: #525f5f;
		}
	.excerpt p{
		margin: 0;
	}

	.post-meta{
		float: right;
		width: 140px;
		font-size: 14px;
		padding: 0 0 0 15px;
	}
		.post-meta .avatar{
			margin: 0 0 8px -5px;
		}
		.post-meta .avatar img{
			border-radius: 50%;
		}
		.post-meta td:first-child{
			padding: 0 5px 0 0;
			white-space: nowrap;
		}
		.post-meta ul{
			padding: 10px 0  0;
		}
		.post-meta ul li{
			list-style: none;
			margin: 0;
		}
		.post-meta li a{
			background-color: #aaa;
			padding: 3px 8px 5px;
			display: inline-block;
			margin: 0 0 2px;
			color: #fff;
			border-radius: 2px;
			font-size: 13px;
			line-height: 1em;
		}
	.post-content{
		width: 800px;
		float: left;
	}
	
	.table h3{
		margin: 8px 0 5px;
		font-size: 20px;
	}
	.table th{
		white-space: nowrap;
		background-color: #eee;
	}.table td {
		background-color: #fff;
	}
	
	body.page-id-5 .table td:last-child{
		white-space: nowrap;
	}
	.table small{
		display: inline-block;
		margin: 0 0 10px;
		color: #888;
		white-space: nowrap;
	}
	.entry .com { color: #93a1a1; }
	.entry .lit { color: #195f91; }
	.entry .pun, .entry .opn, .entry .clo { color: #93a1a1; }
	.entry .fun { color: #dc322f; }
	.entry .str, .entry .atv { color: #ff8a3c; }
	.entry .kwd, .entry .prettyprint .tag { color: #195f91; }
	.entry .typ, .entry .atn, .entry .dec, .entry .var { color: #3fbf79; }
	.entry .pln { color: #48484c; }
	.entry .pun{ color:#48484c; }
	.entry pre.prettyprint {
	  padding: 20px;
	  background-color: #fff;
	  border: 0px solid #eee;
	  border-radius: 3px;
	}
	
	
	/* Specify class=linenums on a pre to get line numbering */
	ol.linenums {
	  margin: 0 0 0 40px; /* IE indents via margin-left */
	}
	ol.linenums li {
	  padding-left: 12px;
	  color: #bebec5;
	  line-height: 20px;
	  text-shadow: 0 1px 0 #fff;
	}

body.home #main{
	padding: 550px 0 0;
	background: none;
}

	.info .meta{
		font-size: 14px;
		color: #888;
		margin: 0 0 10px;
	}
	h1.title{
		margin: 0 0 20px;
	}
		h1.title a {
			color: #525f5f;
		}
		h1.title a:hover {
			
		}
		h1.title a:active{
			
		}
	.entry {
		padding-bottom: 10px;
	}
	.entry img.size-full{
		border-radius: 3px;
	}


#section-intro{
	background-color: #fff;
	padding: 60px 0 50px;
}
	#section-intro .container{
		position: relative;
	}

	#section-intro .title{
		color: #598a8b;
	}
	body.home .title h2{
		font-size: 32px;
		margin: 0;
	}
	body.home .title h2 span{
		display: block;
		font-size: 20px;
		padding: 3px 0 0;
	}
	#section-intro .info{
		margin-bottom: 30px;
		color: #5c6564;
	}

	#features{
		font-size: 15px;
		line-height: 1.5em;
	}
		#features div{
			min-height: 120px;
		}
		#features h3{
			font-size: 16px;
			margin: 12px 0 7px;
			font-family: 'Boon700',sans-serif;
			text-transform: uppercase;
			color: #3e5f5f;
		}
		#features .content-first{
			padding-left: 85px;
			background: url(/wp-content/themes/MennStudio2014/img/ic-content.png) 10px 0px no-repeat;
		}
		#features .mobile-first{
			padding-left: 90px;
			background: url(/wp-content/themes/MennStudio2014/img/ic-mobile.png) 10px 0px no-repeat;
		}
		#features .social-seo{
			padding-left: 110px;
			background: url(/wp-content/themes/MennStudio2014/img/ic-social.png) 0px 0px no-repeat;
		}
	
	#section-intro .button{
		float: right;
		position: absolute;
		bottom: -75px;
		right: 0;
	}
	.button{
		display: inline-block;
		background-color: #95bd25;
		color: #fff;
		padding: 10px 20px;
		border-radius: 50px;
		
		
		
		-moz-transition: color 0.3s ease;
		-webkit-transition: color 0.3s ease;
		-o-transition: color 0.3s ease;
		transition: color 0.3s ease;
	}
		.button:hover{
			background-color: #b7de4a;
			color: #456b2a;
		}
		.button:hover i.more{
			border-color: transparent transparent transparent #456b2a;
		}

		.button:active{
			bottom: -76px;
			opacity: 1;
			background-color: #95bd25;
		}
		.button h3{
			padding: 4px 0 0;
			width: auto;
			margin: 0;
			font-size: 20px;
		}
		
		
		
		
		i.more{
			display: inline-block;
			width: 0px;
			height: 0px;
			border-style: solid;
			border-width: 5px 0 5px 6px;
			border-color: transparent transparent transparent #ffffff;
			-moz-transition: border-color 0.3s ease;
			-webkit-transition: border-color 0.3s ease;
			-o-transition: border-color 0.3s ease;
			transition: border-color 0.3s ease;
		}


#section-port {
	background-color: #3a3a3a;
	color: #c7c7c7;
	padding: 60px 0 5px;
	min-height: 800px;
	max-height: 940px;
	overflow: hidden;

}
	#section-port .title a{
		color: #999;
		-moz-transition: color 0.3s ease;
		-webkit-transition: color 0.3s ease;
		-o-transition: color 0.3s ease;
		transition: color 0.3s ease;
	}
	#section-port .title a:hover{
		color: #fff;
	}
	#section-port .title i.more{
		border-color: transparent transparent transparent #999;
	}
	#section-port .title a:hover i.more{
		border-color: transparent transparent transparent #fff;
	}
	.port-item{
		padding: 0 15px;
	}
	.port-item h3{
		font-size: 17px;
		margin: 16px 0 0;
		text-align: center;
		opacity: 0;
		-moz-transition: opacity 1.6s ease;
		-webkit-transition: opacity 1.6s ease;
		-o-transition: opacity 1.6s ease;
		transition: opacity 1.6s ease;
	}
	.rsActiveSlide .port-item h3{
		opacity: 1;
	}
	.port-item h3 small{
		font: 14px/1.6em 'Boon400',sans-serif;
		color: #c7c7c7;
	}
	.port-item img{
		margin-top: 24px !important;
	}
	.port-item a{
		display: block;
		color: #fff;
		text-align: center;
		
	}
	.rsUni, .rsUni .rsOverflow, .rsUni .rsSlide, .rsUni .rsVideoFrameHolder, .rsUni .rsThumbs{
		background-color: #3a3a3a !important;
	}
	
	.visibleNearbyZoom{
		padding-top: 0 !important;
	}

/* PROJECT */
body.post-type-archive-project .row,
body.tax-collection .row{
	margin: 0 -40px;
}

.project-item {
	margin: 20px 0;
	text-align: center;
	padding: 0 40px;
}
	.project-item .pic{
	
	}

	.project-item h3{
		font-size: 22px;
		margin: 18px 0 0;
	}
	.project-item p{
		font-size: 15px;
	}


























#foot{
	background-color: #e8e8e8;
	padding: 40px 0 10px;
	font-size: 15px;
	border-bottom: 4px solid #399366;
}
	#foot .col-33{
		margin: 0 0 20px;
	}
	#foot .recent{
		background-color: #fff;
		box-shadow: 0px 0px 2px #aaa;
		max-width: 360px;
		height: 212px;
		overflow: hidden;
		padding: 10px;
	}
	#foot .recent img{
		margin: 0;
	}
	#foot .recent h3{
		font-size: 0.94em;
		margin: 0;
		color: #666;
		line-height: 1.3;
	}
	
	#schedule {
		padding: 0 30px;
	}
	
	#foot h2{
		margin: 0 0 10px;
		font-size: 21px;
	}
	#foot .fb-like-box{
		background-color: #fff;
		box-shadow: 0px 0px 2px #aaa;
		width: 100% !important;
		height: 212px;
		overflow: hidden;
		border: 10px solid #fff;
	}
	#foot .fb-like-box iframe{
		margin: -10px -10px 0;
	}
	#works{
		padding: 0;
		margin: 0;
		line-height: 24px;
		
	}
	#works table{
		width: 100%;
	}
	#works td{
		padding: 4px 0 2px 0;
		white-space: nowrap;
	}
	#works td:last-child{
		width: 88px;
	}
	#works td span{
		display: block;
		width:100%;
		border-radius: 9px;
		border: 1px solid #bbb;
		height: 18px;
	}
	#works td.bar0,
	#works td.bar1,
	#works td.bar2,
	#works td.bar3 {
		min-width: 120px;
		padding: 8px 20px 0;
		
	}
	
	#works td i{
		display: block;
		background: -webkit-linear-gradient(top, #d7d7d7 0%, #d4d4d4 100%) #ccc;
		background: -moz-linear-gradient(top, #d7d7d7 0%, #d4d4d4 100%) #ccc;
		background: -ms-linear-gradient(top, #d7d7d7 0%, #d4d4d4 100%) #ccc;
		background: linear-gradient(to bottom, #d7d7d7 0%, #d4d4d4 100%) #ccc;
		height: 16px;
		border-radius: 8px 0 0 8px;
		border: 1px solid #e8e8e8;
		width: 0;
		-moz-transition: width 2s ease;
		-webkit-transition: width 2s ease;
		-o-transition: width 2s ease;
		transition: width 2s ease;
	}
	
	#works td.bar0.appear i{
		display: none;
	}	
	#works td.bar1.appear i{
		width: 34%;
	}
	#works td.bar2.appear i{
		width: 67%;
	}
	#works td.bar3.appear i{
		width: 100%;
		border-radius: 8px;
	}
	/* DESIGNER */
	.designer {
		border: 1px solid #ddd;
		background-color: #fff;
		padding: 15px;
		font-size: 15px;
		margin-bottom: 30px;
		overflow: hidden;
		line-height: 1.55em;
	}
	.designer h3{
		margin: 0 0 ;
	}
	.designer .pic {
		float: left;
		width: 150px;
		height: 150px;
		overflow: hidden;
	}
	.designer .info {
		padding-left: 165px;
	}
	.designer .info p{
		margin: 0;
	}





}		
 /* END DESKTOP */