/*
Theme Name: Expo Duo
Theme URI: 
Author: Aranud Sprimont
Description: Architecture Decoration Design Expo.
Version: 1.0
Text Domain: expo-duo

*/
html,body {
	height:100%;
/*     text-shadow: 1px 1px 1px rgba(0,0,0,0.004); */
	-webkit-font-smoothing:antialiased!important;
	-moz-osx-font-smoothing:grayscale;
}

body {
	font-weight:300;
	font-size:18px;
	font-family:'Roboto';
	color:#979c8c;
	line-height:30px;
	text-rendering:optimizeLegibility;
/* 	text-shadow: 0px 2px 2px rgba(255, 255, 255, 0.4); */
	-webkit-font-smoothing:antialiased;
	-webkit-overflow-scrolling:touch;
}

h1,h2,h3,h4,h5,h6 {
	font-style:normal;
	font-weight:300;
}

html,button,input,select,textarea {
	color:#979c8c;
}

::-moz-selection {
	background:#eee;
	color:#979c8c;
	text-shadow:none;
}

::selection {
	background:#eee;
	color:#979c8c;
	text-shadow:none;
}

hr {
	display:block;
	height:1px;
	border:0;
	border-top:1px solid #ccc;
	margin:1em 0;
	padding:0;
}

.centered {
	text-align:center;
}

.tl {
	text-align:left;
}

.green {
	color:#979c8c;
}

a {
	color:#979c8c;
	text-decoration:none;
	outline:0;
}

a:hover,a:active,a:focus {
	outline:0;
}

a:hover,a:focus {
	color:#2a6496;
	text-decoration:none;
}

.alignleft {
	display:inline;
	float:left;
	margin-right:1.5em;
}

.alignright {
	display:inline;
	float:right;
	margin-left:1.5em;
}

.wp-caption {
	border:1px solid #ccc;
	margin-bottom:1.5em;
	max-width:100%;
}

.wp-caption img[class*="wp-image-"] {
	display:block;
	margin:1.2% auto 0;
	max-width:98%;
}

.wp-caption-text {
	text-align:center;
}

.wp-caption .wp-caption-text {
	margin:.8075em 0;
}

#aboutwrap {
	margin-top:100px;
	margin-bottom:80px;
}

.embed-container {
	position:relative;
	padding-bottom:56.25%;
	height:0;
	overflow:hidden;
	max-width:100%;
	height:auto;
}

.embed-container iframe,.embed-container object,.embed-container embed {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}

header.container {
	padding:0;
}

.center-logo {
	margin:0 auto;
	position:absolute;
	width:40%;
	z-index:2000;
}

nav {
	position:relative;
	z-index:1;
	margin-top:-100px;
	transition:all .3s ease;
}

nav.container {
	padding:0;
	top:100px;
	margin-bottom:280px;
}

#menu-top-menu-left, #menu-top-menu-left-nl {
	position:absolute;
	width:100%;
	margin:0;
	text-align:center;
	padding:0;
	background-color:rgba(151,156,140,0.72);
	top:0;
}

#menu-top-menu-left li, #menu-top-menu-left li {
	width:100%;
	margin:0 22px 0 0;
	padding:0;
	text-align:right;
	float:right;
}

#menu-top-menu-left a, #menu-top-menu-left-nl a {
	padding:13px 0 0;
	display:block;
	color:#fff;
}

.hover-on img.img-responsive {
	margin:0 auto;
}

.logo {
	background-color: #979c8c;
	display: inline-block;
	height:170px;
	padding:29px 0 0;
	position:relative;
	width:130px;
	transition:all .1s ease;
}

.img-shadow {
	position:relative;
	display:block;
	max-width:100%;
	float:left;
/* fix for Firefox. bugs on IE8! */
	overflow:hidden;
}

.img-shadow::before {
	content:"";
	position:absolute;
	display:block;
	top:0;
	bottom:0;
	left:0;
	right:0;
	width:100%;
	height:100%;
	box-shadow:2px 87px 86px -29px rgba(0,0,0,0.8) inset;
}

.img-shadow img {
	display:block;
}

.single-projet h1 {
	font-weight:300;
	margin-bottom:19px;
	margin-top:20px;
	font-size:40px;
}

.single-projet h2 {
	font-size:20px;
	font-weight:400;
	margin-bottom:30px;
	margin-top:0;
}

.photoset-row.cols-1 {
	margin-bottom:3px;
	margin-top:3px;
}

.photoset-row.cols-2 {
	margin-bottom:3px;
	margin-top:3px;
	max-height:320px!important;
}

.embed-container iframe,.embed-container object,.embed-container embed {
	padding:2px 3px 0;
}

.single .prev {
	display:none;
}

.single .next {
	display:none;
}

.logo-client {
	margin:0 0 20px;
}

.desc p {
	font-size:16px;
	color:#5a5a5a;
	padding:0;
	line-height:14px;
}

.desc {
	border-left:1px solid rgba(0,0,0,0.31);
}

/* About Wrap & Conf */
#aboutwrap {
	margin-top:100px;
	margin-bottom:80px;
}

#servicewrap {
	display:block;
	margin-top:190px;
	margin-bottom:80px;
}

.name {
	text-align:center;
}

.name p {
	font-size:22px;
	font-weight:100;
	margin-top:15px;
	letter-spacing:2px;
}

.name-label {
	width:60px;
	height:60px;
	margin:0 auto 45px;
	border-top:1px solid #000;
	background:url(./img/name-label.png) center bottom no-repeat;
	background-size:35px 35px;
}

.name-zig {
	width:73px;
	height:17px;
	margin:38px 0;
	background:url(./img/name-zig.png) 0 0 no-repeat;
	background-size:73px 17px;
}

.name-desc h2 {
	font-size:40px;
	line-height:1.45;
	font-weight:100;
}

/* Separator About - Parallax Section */
.duo {
	box-shadow:2px 87px 86px -29px rgba(0,0,0,0.8) inset;
	background-attachment:fixed;
	background-position:50% 0;
	background-repeat:no-repeat;
	height:550px;
	position:relative;
	width:100%;
	z-index:2000;
	transition:all 1s ease;
}

.sep {
	box-shadow:2px 87px 86px -29px rgba(0,0,0,0.8) inset;
	height:550px;
	background-color:#979c8c;
}

/* Portfolio Wrap Section */
#portfoliowrap {
	display:block;
	margin-top:180px;
	margin-bottom:80px;
}

#portfoliowrap h1 {
	font-weight:300;
	text-align:center;
	margin-bottom:50px;
}

.mt {
	margin-top:50px;
}

.mb {
	margin-bottom:60px;
}

#portfoliowrap i {
	font-size:50px;
}

.proc {
	padding-top:15px;
	padding-bottom:15px;
	border-bottom:solid 2px transparent;
}

#portfoliowrap .proc:hover {
	background-color:#eee;
	border-bottom:solid 2px #2f2f2f;
}

.portfolio {
	background-image:url(./img/portfolio-sep.jpg);
}

/* Service Wrap */
#servicewrap h1 {
	font-weight:300;
	margin-bottom:10px;
	text-align:center;
}

.service {
	text-align:left;
}

.service small {
	font-size:12px;
	font-weight:700;
}

.service i {
	float:left;
	margin-right:15px;
	font-size:30px;
	vertical-align:middle;
}

.service .text {
	color:#767676;
}

/* Testimonials Wrap */
#testimonials {
	display:block;
	margin-top:80px;
	margin-bottom:80px;
	background-color:#f3f3f3;
}

/* Contact Wrap */
.adress_box {
	border-right:1px solid #979c8c;
	color:#000;
	font-size:18px;
	font-weight:200;
	margin:52px 0 0;
	padding:0 31px 50px 0;
}

#map {
	width:100%;
	height:400px;
}

.contact {
	background-image:url(./img/contact-sep.jpg);
}

.hover-on a:focus .product-hover,.hover-on a:hover .product-hover {
	opacity:1;
	width:90%;
	top:-20px;
}

.hover-on {
	margin-bottom:30px;
}

h2.product-hover {
	opacity:1;
	position:absolute;
	left:15px;
	padding:20px 0 0 20px;
	top:-20px;
	color:#fff;
	width:90%;
	height:100%;
	background-color:#979c8c;
	text-shadow:0 0 0 rgba(255,255,255,0.4);
	-webkit-transition:opacity .2s linear;
	-moz-transition:opacity .2s linear;
	-ms-transition:opacity .2s linear;
	-o-transition:opacity .2s linear;
	transition:opacity .2s linear;
}

.hover-on .product-hover {
	opacity:0;
}

.introtxt {
	width:700px;
	margin-left:20%;
	text-align:center;
}

h1.green.centered {
	padding:40px 0;
}

h2.green.centered {
	padding:40px 0;
}

.portrait img {
	display:block;
	margin:auto;
}

.page-template-page-n-metier h3 {
	margin-top:0;
}

#site-footer {
	border-top:1px solid #ddd;
}

#lang_sel_list {
	height:62px;
	position:relative;
	z-index:99;
	font-family:'Roboto'!important;
}

#lang_sel_list ul {
	border-top:0 solid #cdcdcd!important;
}

/* Polylang language switcher — mapped to #lang_sel_list styles */
#lang_sel_list {
	overflow:visible;
}
#lang_sel_list ul {
	list-style:none;
	padding:0;
	margin:0;
	display:inline-block;
}
#lang_sel_list .lang-item {
	display:inline-block;
	margin-left:12px;
}
#lang_sel_list .lang-item a,
#lang_sel_list .lang-item a:visited {
	color:#979c8c;
	font-size:15px;
	text-decoration:none;
	font-weight:300;
}
#lang_sel_list .current-lang a,
#lang_sel_list .current-lang a:visited {
	color:#979c8c!important;
	font-size:15px!important;
}

/* legacy WPML selector kept for reference */
#lang_sel_list a.lang_sel_sel,#lang_sel_list a.lang_sel_sel:visited {
	color:#979c8c!important;
	font-size:15px!important;
}



.page-template-page-video {
	background: black;
}
.page-template-page-video .logo {
	background: black;
}

.videoWrapper {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
}
.videoWrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}











@media (min-width: 768px) {
	.tr {
		text-align:right;
	}
	
	.single-projet h1 {
		font-weight:300;
		margin-bottom:19px;
		margin-top:10px;
		font-size:50px;
	}
	
	.single .prev {
		float:left;
		margin-top:20px;
		display:block;
	}
	
	.single .next {
		right:0;
		margin-top:20px;
		display:block;
		float:right;
	}
	
	#servicewrap {
		display:block;
		margin-top:30px;
		margin-bottom:80px;
	}
	
	#portfoliowrap {
		display:block;
		margin-top:30px;
		margin-bottom:80px;
	}
	
	#aboutwrap {
		display:block;
		margin-top:30px;
		margin-bottom:80px;
	}
	
	.photoset-row.cols-1 {
		margin-bottom:3px;
		margin-top:3px;
	}
	
	.photoset-row.cols-2 {
		margin-bottom:3px;
		margin-top:3px;
		max-height:320px!important;
	}
	
	.center-logo {
		margin:0 auto;
		position:absolute;
		width:40%;
		z-index:2000;
	}
	
	nav.container {
		transition:all .3s ease;
		top:0;
		margin-bottom:0;
	}
	
	#menu-top-menu-left li {
		display:inline-block;
		width:22%;
		margin:0;
		padding:0;
		text-align:center;
		float:none;
	}
	
	#menu-top-menu-left a {
		padding:35px 0;
		font-size:25px;
		font-weight:300;
		display:block;
		color:#fff;
	}
	
	nav.scrolled {
		position:fixed;
		width:100%;
		top:100px;
		z-index:50;
		transition:all .3s ease;
	}
	
	.container.scrolled {
		padding-right:0;
		padding-left:0;
	}
	
	nav.scrolled #menu-top-menu-left {
		top:0;
		background-color:rgba(151,156,140,1);
	}
	
	.logo {
		background-color:#979c8c;
		display:inline-block;
		height:170px;
		padding:29px 0 0;
		position:relative;
		transition:all .1s ease;
		width:170px;
	}
	
	.center-logo {
		left:50%;
		margin-left:-90px;
		position:absolute;
		width:150px;
		z-index:2000;
		top:0;
	}
	
	.adress_box {
		height:360px;
	}
}

@media (min-width: 992px) {
	.container {
		width:970px;
	}
	
	.photoset-row.cols-1 {
		margin-bottom:3px;
		margin-top:3px;
	}
	
	.photoset-row.cols-2 {
		margin-bottom:3px;
		margin-top:3px;
		max-height:320px!important;
	}
}

@media (min-width: 1200px) {
	.container {
		width:1170px;
	}
	
	.photoset-row.cols-1 {
		margin-bottom:3px;
		margin-top:3px;
	}
	
	.photoset-row.cols-2 {
		margin-bottom:3px;
		margin-top:3px;
		max-height:374px!important;
	}
}




.gform_wrapper ul {
	padding-left:0;
	list-style:none;
}

.gform_wrapper li {
	margin-bottom:15px;
}

.gform_wrapper form {
	margin-bottom:0;
}

.gform_wrapper .gfield_required {
	padding-left:1px;
	color:#b94a48;
}

.ginput_container input,.ginput_container select,.ginput_container textarea {
	display:block;
	width:100%;
	height:34px;
	padding:6px 12px;
	font-size:14px;
	line-height:1.428571429;
	color:#555;
	vertical-align:middle;
	background-color:#fff;
	border:1px solid #ccc;
	border-radius:4px;
	-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);
	box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);
	-webkit-transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;
	transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}

.ginput_container input:-moz-placeholder,.ginput_container select:-moz-placeholder,.ginput_container textarea:-moz-placeholder {
	color:#999;
}

.ginput_container input::-moz-placeholder,.ginput_container select::-moz-placeholder,.ginput_container textarea::-moz-placeholder {
	color:#999;
}

.ginput_container input:-ms-input-placeholder,.ginput_container select:-ms-input-placeholder,.ginput_container textarea:-ms-input-placeholder {
	color:#999;
}

.ginput_container input::-webkit-input-placeholder,.ginput_container select::-webkit-input-placeholder,.ginput_container textarea::-webkit-input-placeholder {
	color:#999;
}

.ginput_container input:focus,.ginput_container select:focus,.ginput_container textarea:focus {
	border-color:#66afe9;
	outline:0;
	-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(102,175,233,0.6);
	box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(102,175,233,0.6);
}

.ginput_container input[disabled],.ginput_container select[disabled],.ginput_container textarea[disabled],.ginput_container input[readonly],.ginput_container select[readonly],.ginput_container textarea[readonly],fieldset[disabled] .ginput_container input,fieldset[disabled] .ginput_container select,fieldset[disabled] .ginput_container textarea {
	cursor:not-allowed;
	background-color:#eee;
}

textarea.ginput_container input,textarea.ginput_container select,textarea.ginput_container textarea {
	height:auto;
}

.ginput_container textarea {
	height:auto;
}

.gform_button {
	display:inline-block;
	padding:6px 12px;
	margin-bottom:0;
	font-size:14px;
	font-weight:400;
	line-height:1.428571429;
	color:#fff;
	text-align:center;
	white-space:nowrap;
	vertical-align:middle;
	cursor:pointer;
	background-color:#cbd0c1;
	border:1px solid transparent;
	border-color:#cbd0c1;
	border-radius:4px;
	-webkit-user-select:none;
	-moz-user-select:none;
	-ms-user-select:none;
	-o-user-select:none;
	user-select:none;
}

.gform_button:focus {
	outline:thin dotted #333;
	outline:5px auto -webkit-focus-ring-color;
	outline-offset:-2px;
}

.gform_button:hover,.gform_button:focus {
	color:#333;
	text-decoration:none;
}

.gform_button:active,.gform_button.active {
	background-image:none;
	outline:0;
	-webkit-box-shadow:inset 0 3px 5px rgba(0,0,0,0.125);
	box-shadow:inset 0 3px 5px rgba(0,0,0,0.125);
}

.gform_button.disabled,.gform_button[disabled],fieldset[disabled] .gform_button {
	pointer-events:none;
	cursor:not-allowed;
	opacity:.65;
	filter:alpha(opacity=65);
	-webkit-box-shadow:none;
	box-shadow:none;
}

.gform_button:hover,.gform_button:focus,.gform_button:active,.gform_button.active,.open .dropdown-toggle.gform_button {
	color:#fff;
	background-color:#cbd0c1;
	border-color:#cbd0c1;
}

.gform_button:active,.gform_button.active,.open .dropdown-toggle.gform_button {
	background-image:none;
}

.gform_button.disabled,.gform_button[disabled],fieldset[disabled] .gform_button,.gform_button.disabled:hover,.gform_button[disabled]:hover,fieldset[disabled] .gform_button:hover,.gform_button.disabled:focus,.gform_button[disabled]:focus,fieldset[disabled] .gform_button:focus,.gform_button.disabled:active,.gform_button[disabled]:active,fieldset[disabled] .gform_button:active,.gform_button.disabled.active,.gform_button[disabled].active,fieldset[disabled] .gform_button.active {
	background-color:#428bca;
	border-color:#357ebd;
}

.gform_wrapper .gfield_error .gfield_label {
	color:#b94a48;
}

.gform_wrapper .gfield_error input,.gform_wrapper .gfield_error select,.gform_wrapper .gfield_error textarea {
	color:#b94a48;
	background-color:#f2dede;
	border-color:#eed3d7;
}

.gform_wrapper .gfield_error input:focus,.gform_wrapper .gfield_error select:focus,.gform_wrapper .gfield_error textarea:focus {
	border-color:#b94a48;
	outline:0;
	-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(185,74,72,0.6);
	box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(12,189,12,0.6);
}

.gform_wrapper .ginput_complex label,.gform_wrapper .gfield_time_hour label,.gform_wrapper .gfield_time_minute label,.gform_wrapper .gfield_time_ampm label,.gform_wrapper .gfield_date_month label,.gform_wrapper .gfield_date_day label,.gform_wrapper .gfield_date_year label,.gform_wrapper .instruction {
	display:block;
	font-size:15px;
	font-weight:300;
	letter-spacing:0;
}

.gform_wrapper .top_label .gfield_label {
	clear:both;
	display:inline-block;
	font-weight:300!important;
	margin:.625em 0 .5em;
	font-style:normal;
}

.ginput_container input:focus,.ginput_container select:focus,.ginput_container textarea:focus {
	border-color:#cbd0c1;
	box-shadow:0 1px 1px rgba(0,0,0,0.075) inset,0 0 12px rgba(102,175,233,0.6)!important;
	outline:0 none;
}

.validation_error {
	padding:15px;
	margin-bottom:20px;
	color:#b94a48;
	background-color:#f2dede;
	border:1px solid transparent;
	border-color:#eed3d7;
	border-radius:4px;
}

.validation_error h4 {
	margin-top:0;
	color:inherit;
}

.validation_error .alert-link {
	font-weight:700;
}

.validation_error>p,.validation_error>ul {
	margin-bottom:0;
}

.validation_error>p+p {
	margin-top:5px;
}

.validation_error hr {
	border-top-color:#e6c1c7;
}

.validation_error .alert-link {
	color:#953b39;
}

#gforms_confirmation_message {
	padding:15px;
	margin-bottom:20px;
	border:1px solid transparent;
	border-radius:4px;
}

#gforms_confirmation_message h4 {
	margin-top:0;
	color:inherit;
}

#gforms_confirmation_message .alert-link {
	font-weight:700;
}

#gforms_confirmation_message>p,#gforms_confirmation_message>ul {
	margin-bottom:0;
}

#gforms_confirmation_message>p+p {
	margin-top:5px;
}

.gform_confirmation_message {
	background-color:#cbd0c1;
	border:2px solid #cbd0c1;
	border-radius:2px;
	color:#000;
	font-size:1em;
	margin:1em 0;
	padding:1em;
	text-align:center;
}

.gfield_label {
	margin-bottom:5px;
	font-size:14px;
}

.ginput_complex > span > label {
	font-size:11px;
}

.gform_validation_container,.gform_wrapper .gform_validation_container,body .gform_wrapper li.gform_validation_container,body .gform_wrapper .gform_body ul.gform_fields li.gfield.gform_validation_container,body .gform_wrapper ul.gform_fields li.gfield.gform_validation_container {
	display:none!important;
	position:absolute!important;
	left:-9000px;
}