/*
Theme Name:     Foundation Child Theme
Template:       drewsymo-Foundation
Version:        0.1.0
*/

@import url(https://fonts.googleapis.com/css?family=Open+Sans);

	/*===================*/
	/*===== General =====*/
	/*===================*/
	body { background: #f4f5f5 !important; font-size: 14px; line-height: 18px; color: #000; position: relative; -webkit-font-smoothing: antialiased; }
	body, input, button, select, textarea{font-family:Open Sans;}
	@media screen and (max-width: 979px) {
		body{background:#fff !important;}
	}

	body > .container{background:#fff;}
	body > .container > .white-bg{position: fixed; top: 0; left: 50%; width: 1170px; height: 100%; background: #fff; margin-left: -585px;}

	.20px-margin-bottom {margin-bottom: 20px}
	.width40 {width:40%;}

	.btn-primary, a.btn-primary:link, a.btn-primary:visited {background: #fff; display:inline-block; padding: 10px 15px; text-align: center; color: #000; border: 1px solid #000; font-size:14px; line-height:18px; text-transform:uppercase; text-shadow:none;}
	.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary:visited:hover {background: #fff; color: #898989; border-color:#898989;}

	@media screen and (max-width: 1199px) {
		body > .container > .white-bg{width: 940px;margin-left: -470px;}
	}
	@media screen and (max-width: 979px) {
		body > .container > .white-bg{display:none;}
	}
	@media screen and (max-width: 767px) {
		.container, .navbar-static-top .container, .navbar-fixed-top .container, .navbar-fixed-bottom .container {max-width: 400px;}
		.header-bg{max-width: 400px;}
	}
	
	.alignleft{float: left; margin: 0 1em 0.5em 0;}
	.alignright {float: right; margin: 0 0 0.5em 1em;}
	.aligncenter {display: block; margin-left: auto; margin-right: auto;}
	
	
	/*=================*/
	/*===== Links =====*/
	/*=================*/
	a, a:link, a:visited { color: #898989/*#ff00FF*/; text-decoration: none; line-height: inherit;}
	a:active, a:focus, a:hover, a:visited:hover { color: #cccccc/*#00ff00*/; }
	p a, p a:visited { line-height: inherit; }
		
	/*=================*/
	/*===== Lists =====*/
	/*=================*/

	ul, ol { margin-bottom: 18px; }
	ul{list-style:outside disc; margin-left:25px;}
	ol { list-style: decimal; }
	ol, ul.square, ul.circle, ul.disc { margin-left: 30px; }
	ul.square { list-style: square outside; }
	ul.circle { list-style: circle outside; }
	ul.disc { list-style: disc outside; }
	li { margin-bottom: 5px; line-height:inherit; }
	ul.large li { line-height: 21px; }

	/*======================*/
	/*===== Typography =====*/
	/*======================*/	
	h1, h2, h3, h4, h5, h6 { color: #000; font-family:Georgia; font-weight: normal; line-height: 2.8rem; margin: 10px 0; }
	h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { font-weight: inherit; }
	h1 { font-size: 30px; margin-bottom: 30px; line-height:34px; padding-bottom:5px; border-bottom:#000 solid 1px; margin-top:40px;}
	h2 {font-size: 16px; margin-bottom: 12px; margin-top:40px; line-height: 20px; font-family: Open Sans; text-transform: Uppercase;}
	h3 { font-size: 15px; margin-bottom: 12px; margin-top:30px; line-height: 18px; font-family: Open Sans; text-transform: Uppercase;}
	h4 { font-size: 14px; margin-bottom: 12px; margin-top:20px; line-height: 16px; font-family: Open Sans; text-transform: Uppercase;}
	h5 { font-size: 12px; margin-bottom: 12px;  line-height: 14px; font-family: Open Sans; text-transform: Uppercase;}
	h6 { font-size: 11px; line-height: 14px; font-family: Open Sans; text-transform: Uppercase;}

	/*==============================*/
	/*===== Home - Flex slider =====*/
	/*==============================*/
	.flexslider .slides{height:0;padding-bottom:47%;position:relative;overflow:hidden;}
	.project-banner{height:0;padding-bottom:37.52%;position:relative;overflow:hidden;}
	.project-banner img {width: 100%;}

	.flexslider .slides li{position:initial !important; }
	.flexslider .slides li div.caption{margin:0px;font-weight:normal !important;position: absolute;left:0; bottom:0;padding-left: 270px;width:100%;box-sizing:border-box;-webkit-box-sizing:border-box;}
	.flexslider .slides li div.caption span span{background-color: #fff;box-sizing: border-box;clear: both;float: left; line-height: 100%;padding: 8px 13px 8px 0;text-align: left;width: 100%;margin:0;}
	.flexslider .slides li div.caption span span.padding-top-0{padding-top:0;}
	.flexslider .slides li div.caption span span.padding-bottom-0{padding-bottom:0;}
	.banner-highlight {display:block;}
	
	.flex-direction-nav {top: 50% !important;right: 0 !important;width:100%;	}
	.flexslider .flex-prev{left:315px !important; right:auto !important; background:transparent url(images/carousel-arrow-left.png) center center no-repeat scroll; width:29px; height:52px; margin-top:-26px;}
	.flexslider .flex-next{right:40px !important; left:auto !important; background:transparent url(images/carousel-arrow-right.png) center center no-repeat scroll; width:29px; height:52px; margin-top:-26px;}
	
	
	@media screen and (min-width: 980px) and (max-width: 1199px) {
		.flexslider .slides li div.caption{padding-left: 220px;}
		.flexslider .flex-prev{left:245px !important; right:auto !important;}
		.flexslider .flex-next{right:20px !important; left:auto !important;}
	}
	@media screen and (max-width: 979px) {
		.home .flexslider ul.slides {margin-top: 95px;}
		.flexslider .slides li div.caption {padding-left: 0;}
	}
	@media screen and (max-width: 979px) {	
		.flexslider .flex-prev{left:20px !important; right:auto !important;}
		.flexslider .flex-next{right:20px !important; left:auto !important; }
	}
	@media screen and (max-width: 768px) {
		.flex-direction-nav {display:none;	}
		.banner-highlight {display: none;}
		.home .flexslider ul.slides {padding-bottom: 67%;}
		.flexslider .slides li {position: absolute !important; bottom: 0; right: 0; margin: 0 !important; width: 100%; height: 100%;}
		.flexslider .slides img { width: auto; display: block; height: 100%; max-width: none; position: absolute; bottom: 0;right: 0;}
	}


	/* -----------------------------------------
	   SIGNLE ARTICLE DISPLAY
	----------------------------------------- */
	.single-article-txt-wrapper {float: left; width: 100%; padding-right: 2%;}
	.single-article-txt-wrapper .the-date {margin-bottom:30px;}
	.single-article-txt-wrapper h3 {padding: 0 50px 5px 0;}
	.single-article-txt-wrapper h4 {padding: 0 50px 5px 0;}
	.single-article-txt-wrapper p {padding-right: 15px;}
	.single-article-txt-wrapper p a {padding-top: 5px;}
	.single-article-thumb-wrapper {float: left; width: 100%; margin: 25px 0;}
	/*.singlenews {margin-left: 0px !important;}*/

	/* -----------------------------------------
	   Header
	----------------------------------------- */
	.row-container {position:relative;}

	/*===================*/
	/*===== TOP BAR =====*/
	/*===================*/
	.top-bar{background: #fff; padding: 0px; position: relative; float: left;width: 100%;box-sizing: border-box; -webkit-box-sizing: border-box;	z-index: 9000;}
	.top-bar .inner{float:right;}
	.top-bar .search{width:200px; float:left; background:#fff; }
	.top-bar .search #searchform{margin:0; position:relative;}
	.top-bar .search #searchform .search-wrapper #s{margin: 0;width: 100%;box-shadow:none; text-align:right;box-sizing: border-box;-webkit-box-sizing: border-box;height: 35px;background:none;border:none;color:#333;font-size:14px;padding:0 50px 0 10px; font-family:Georgia;	}
	.top-bar .search #searchform .search-wrapper #s:focus{box-shadow:none;}
	#searchform .search-wrapper #searchsubmit{margin: 0;right: 0;top: 0;background-position: center center;padding: 0;width: 40px;height: 35px;background:transparent url(images/search-iconfgmda.png) center center no-repeat scroll; background-image: url(images/loupe.svg); background-size: 19px 18px; border:none; position:absolute; text-indent:-9999px;}
	#searchform .search-wrapper #searchsubmit:hover{background-color:#ececec; text-decoration:none; }
	
	input[type="search"]::-webkit-search-decoration,
	input[type="search"]::-webkit-search-cancel-button,
	input[type="search"]::-webkit-search-results-button,
	input[type="search"]::-webkit-search-results-decoration {
		display: none;
	}
	
	.top-bar .language-selector{position:relative; top:auto; right:auto;float:left;}
	.top-bar .language-selector {background:none; padding:0;}
	.top-bar .language-selector  a{color:#000; background:#fff; padding:0 18px; line-height:35px; height:35px; display:inline-block; margin:0; font-size:14px; font-family:Georgia;}
	.top-bar .language-selector  a:hover, .top-bar .language-selector  a:focus, .top-bar .language-selector  a:visited:hover{background:#ececec; text-decoration:none; color:#000 !important;  }
	.top-bar .language-selector  a.disabled,
	.top-bar .language-selector  a.disabled:link,
	.top-bar .language-selector  a.disabled:visited,
	.top-bar .language-selector  a.disabled:hover,
	.top-bar .language-selector  a.disabled:focus,
	.top-bar .language-selector  a.disabled:active,
	.top-bar .language-selector  a.disabled:visited:hover{color:#888 !important; background:none !important; cursor:default;}
	
	@media screen and (max-width: 979px) {
		.top-bar{display:none;}
		#searchform {float: left;width: 100%;margin: 0;overflow: hidden;height: 0px;	-webkit-transition: all 500ms ease-out 0s;-moz-transition: all 500ms ease-out 0s;-o-transition: all 500ms ease-out 0s;transition: all 500ms ease-out 0s;}
		#searchform .search-wrapper {position: relative;width: 100%; float:left; padding:15px 0; border-bottom: #ececec 1px solid;}
		#searchform .search-wrapper #s {width: 80%;margin: 0 auto; float:none; display:block;}
		#searchform .search-wrapper #searchsubmit {top: 15px;right: 65px;margin: 0; padding:0; height:30px;}
		#searchform .search-wrapper #searchsubmit:hover{background-color:transparent;}
	}
	@media screen and (max-width: 767px){
		#searchform .search-wrapper {}
		#searchform .search-wrapper #s {}
		#searchform .search-wrapper #searchsubmit {right: 32px;margin: 0; padding:0;}
	}

	.search-results .search-item {border-top: #ccc solid 1px;padding-top: 15px;}
	.search-results .search-item.first {border-top: none;padding-top: 0;}
	
	/*==================*/
	/*===== Header =====*/
	/*==================*/
	.white-overlay {position: absolute;top: 88px;background: #fff;width: 100%;height: 100%;z-index: 1;}
	.gray-overlay{width: 270px; background: #ddd; position: absolute; top: 0; left: 30px; height: 100%;}
	
	#header {position:relative;}
	#header:before {position:absolute; content:''; top:-35px; left:0; width:100%; background:#fff; height:35px;}
	#header .logo{margin:0; padding:0 26px; position:relative;}
	#header .logo:before{position:absolute; content:''; top:0; left:0; width:26px; background:#fff; height:100%;}
	#header .logo:after{position:absolute; content:''; top:0; right:0; width:26px; background:#fff; height:100%;}
	#header a {display:block;}
	#header a img {transition:all .3s;}
	#header a:hover img {background-color:#333;}
	
	#header .logo > span{display:block; margin-top:15px; /*font-family:Georgia;*/ font-size:10px; letter-spacing:1px; color:#000; text-transform:uppercase; font-family:Open Sans;}
	
	@media screen and (max-width: 979px) {
		#header .logo > span{margin-top:0; margin-bottom:15px;}
	}
	
	/*======================*/
	/*===== Navigation =====*/
	/*======================*/
	.header-bg {	height: 375px;padding: 35px 0;position: relative;z-index: 99;}
	.sticky-nav {position:fixed;z-index:9500; height:100%; top:0;}
	.menu-main-nav-french-container, .menu-main-nav-container {margin-top:150px;}
	ul.nav-bar { height: 45px; background: none; margin-top: 20px; height:100%; overflow:none; border:none; padding:0 25px;}	
	ul.nav-bar li { float:none; display: block; position: relative; padding: 0; padding: 7px 0; line-height: 24px; border:none; margin:0; }
	ul.nav-bar li a { position: relative; padding: 0; display: block; text-decoration: none; font-size: 22px; line-height: 24px; color:#000; font-family:Georgia;}
	ul.nav-bar li input { margin: 0 16px; }
	ul.nav-bar li ul { margin-bottom: 0; }
	ul.nav-bar li li { line-height: 1.3; }
	ul.nav-bar li.has-flyout > a { padding-right: 20px; }
	
	/*ul.nav-bar li.has-flyout > a:after { content: ""; width: 0; height: 0; border-left: 4px solid transparent; border-right: 4px solid transparent; border-top: 4px solid #81858e; display: block; position: absolute; right: 15px; top: 14px; }*/
	ul.nav-bar li.has-flyout > a:before { content: ''; position: absolute;top: 5px;right: 5px;height: 8px;width: 1px;background: #000;-webkit-transform: rotate(135deg);-moz-transform: rotate(135deg);-ms-transform: rotate(135deg);-o-transform: rotate(135deg);transform: rotate(135deg); }
	ul.nav-bar li.has-flyout > a:after { content: '';position: absolute;top: 10px;right: 5px;height: 8px;width: 1px;background: #000;-webkit-transform: rotate(-135deg);-moz-transform: rotate(-135deg);-ms-transform: rotate(-135deg);-o-transform: rotate(-135deg);transform: rotate(-135deg);}
	
	ul.nav-bar li.current-menu-item.has-flyout > a:before, ul.nav-bar li.current-page-ancestor.has-flyout > a:before {top:8px; right:10px;}
	ul.nav-bar li.current-menu-item.has-flyout > a:after, ul.nav-bar li.current-page-ancestor.has-flyout > a:after {top:8px; }
	
	
	ul.nav-bar li a:hover { color: #a3270f; z-index: 2; }
	/*ul.nav-bar li a:hover:after { border-top-color: #00ff00; }*/
	ul.nav-bar > li > .sub-menu{display:none;}
	ul.nav-bar > li.current-page-ancestor > .sub-menu{display:block;}
	ul.nav-bar > li.current_page_item > .sub-menu{display:block;}
	ul.nav-bar > li > .sub-menu{padding-left:15px;  margin-top:5px; padding-top:5px;}
	ul.nav-bar > li > .sub-menu > li{margin:10px 0; border-top:none; padding:0;}
	ul.nav-bar > li > .sub-menu > li > a{line-height:100%; font-size:16px; letter-spacing:0;}
	
	/*- Home Default -*/
	.current-menu-item > a, .current-page-ancestor > a { color: #005b70 !important;}
	
	/*- Expertise -*/
	ul.nav-bar li.menu-item-1357 a:hover, ul.nav-bar li.menu-item-1357 a:active, ul.nav-bar li.menu-item-1357 a:focus, ul.nav-bar li.menu-item-1357 a:visited:hover{color: #cccc00 !important;}
	ul.nav-bar li.menu-item-1357.current-menu-item > a, ul.nav-bar li.menu-item-1357.current-page-ancestor > a, ul.nav-bar li.menu-item-1357.current-page-ancestor li.current_page_item > a{color: #cccc00 !important;}
	
	ul.nav-bar li.menu-item-1625 a:hover, ul.nav-bar li.menu-item-1625 a:active, ul.nav-bar li.menu-item-1625 a:focus, ul.nav-bar li.menu-item-1625 a:visited:hover{color: #cccc00 !important;}
	ul.nav-bar li.menu-item-1625.current-menu-item > a, ul.nav-bar li.menu-item-1625.current-page-ancestor > a, ul.nav-bar li.menu-item-1625.current-page-ancestor li.current_page_item > a{color: #cccc00 !important;}
		
	/*- Projets -*/
	ul.nav-bar li.menu-item-8297 a:hover, ul.nav-bar li.menu-item-8297 a:active, ul.nav-bar li.menu-item-8297 a:focus, ul.nav-bar li.menu-item-8297 a:visited:hover{color: #ff7f2f !important;}
	ul.nav-bar li.menu-item-8297.current-menu-item > a, ul.nav-bar li.menu-item-8297.current-page-ancestor > a, ul.nav-bar li.menu-item-8297.current-page-ancestor li.current_page_item > a{color: #ff7f2f !important;}
	
	ul.nav-bar li.menu-item-8395 a:hover, ul.nav-bar li.menu-item-8395 a:active, ul.nav-bar li.menu-item-8395 a:focus, ul.nav-bar li.menu-item-8395 a:visited:hover{color: #ff7f2f !important;}
	ul.nav-bar li.menu-item-8395.current-menu-item > a, ul.nav-bar li.menu-item-8395.current-page-ancestor > a, ul.nav-bar li.menu-item-8395.current-page-ancestor li.current_page_item > a{color: #ff7f2f !important;}
	
	/*- Profil -*/
	ul.nav-bar li.menu-item-1305 a:hover, ul.nav-bar li.menu-item-1305 a:active, ul.nav-bar li.menu-item-1305 a:focus, ul.nav-bar li.menu-item-1305 a:visited:hover{color: #00afaa !important;}
	ul.nav-bar li.menu-item-1305.current-menu-item > a, ul.nav-bar li.menu-item-1305.current-page-ancestor > a, ul.nav-bar li.menu-item-1305.current-page-ancestor li.current_page_item > a{color: #00afaa !important;}
	
	ul.nav-bar li.menu-item-1626 a:hover, ul.nav-bar li.menu-item-1626 a:active, ul.nav-bar li.menu-item-1626 a:focus, ul.nav-bar li.menu-item-1626 a:visited:hover{color: #00afaa !important;}
	ul.nav-bar li.menu-item-1626.current-menu-item > a, ul.nav-bar li.menu-item-1626.current-page-ancestor > a, ul.nav-bar li.menu-item-1626.current-page-ancestor li.current_page_item > a{color: #00afaa !important;}
	
	/*- Contact -*/
	ul.nav-bar li.menu-item-1368 a:hover, ul.nav-bar li.menu-item-1368 a:active, ul.nav-bar li.menu-item-1368 a:focus, ul.nav-bar li.menu-item-1368 a:visited:hover{color: #e9004c !important;}
	ul.nav-bar li.menu-item-1368.current-menu-item > a, ul.nav-bar li.menu-item-1368.current-page-ancestor > a, ul.nav-bar li.menu-item-1368.current-page-ancestor li.current_page_item > a{color: #e9004c !important;}
	
	ul.nav-bar li.menu-item-1624 a:hover, ul.nav-bar li.menu-item-1624 a:active, ul.nav-bar li.menu-item-1624 a:focus, ul.nav-bar li.menu-item-1624 a:visited:hover{color: #e9004c !important;}
	ul.nav-bar li.menu-item-1624.current-menu-item > a, ul.nav-bar li.menu-item-1624.current-page-ancestor > a, ul.nav-bar li.menu-item-1624.current-page-ancestor li.current_page_item > a{color: #e9004c !important;}

	/*- News -*/
	ul.nav-bar li.menu-item-1352 a:hover, ul.nav-bar li.menu-item-1352 a:active, ul.nav-bar li.menu-item-1352 a:focus, ul.nav-bar li.menu-item-1352 a:visited:hover{color: #005b70 !important;}
	ul.nav-bar li.menu-item-1352.current-menu-item > a, ul.nav-bar li.menu-item-1352.current-page-ancestor > a, ul.nav-bar li.menu-item-1352.current-page-ancestor li.current_page_item > a{color: #005b70 !important;}
	
	ul.nav-bar li.menu-item-1628 a:hover, ul.nav-bar li.menu-item-1628 a:active, ul.nav-bar li.menu-item-1628 a:focus, ul.nav-bar li.menu-item-1628 a:visited:hover{color: #005b70 !important;}
	ul.nav-bar li.menu-item-1628.current-menu-item > a, ul.nav-bar li.menu-item-1628.current-page-ancestor > a, ul.nav-bar li.menu-item-1628.current-page-ancestor li.current_page_item > a{color: #005b70 !important;}
	
	.row-fluid.wrapper {margin-left:200px;width:auto;}
	
	
	@media screen and (max-width: 1200px) {
		.white-overlay {top:75px;}
		.gray-overlay{width:220px; left:20px;}
		/*#header .logo:after{ width:18px;}*/
	}
	@media screen and (max-width: 979px) {
		.white-overlay {top:0;}
		.gray-overlay{display:none;}
		.header-bg {width: 724px;height: auto;margin: 0 auto; padding: 0;}
		
		#header {float: left;width: 135px;}
		#header h1{padding:0;}
		#header h1:before{display:none;}
		#header h1:after{display:none;}
		#header a img {background-color:#ddd;}
		#header .logo:before, #header .logo:after{display:none;}
		#header div.logo {width: 100%;margin: 0; padding:0;}
		
		#header div.logo a {padding: 15px 0;}
		#header div.logo img{width: 100%;}
		

		.header-bg .menu-main-nav-french-container, .header-bg .menu-main-nav-container {margin: 0;float: left;width: 100%;overflow: hidden;height: 0px;	-webkit-transition: all 500ms ease-out 0s;-moz-transition: all 500ms ease-out 0s;-o-transition: all 500ms ease-out 0s;transition: all 500ms ease-out 0s;}
		.header-bg .menu-main-nav-french-container ul, .header-bg .menu-main-nav-container ul  {border-bottom: 1px solid #777;box-sizing: border-box;-webkit-box-sizing: border-box;float: left;height: auto;margin: 0;padding: 0;width: 100%;}
		.header-bg .menu-main-nav-french-container ul li , .header-bg .menu-main-nav-container ul li {width: 100%;float: left;background-color: #fff;margin:0;}
		.header-bg .menu-main-nav-french-container > ul > li:last-child , .header-bg .menu-main-nav-container > ul > li:last-child {padding-bottom: 30px; border-bottom: #ececec 1px solid;}
		.header-bg .menu-main-nav-french-container ul li ul.sub-menu, .header-bg .menu-main-nav-container ul li ul.sub-menu{border-bottom:none;}
		ul.nav-bar > li > .sub-menu > li{margin:0;}
		.header-bg .menu-main-nav-french-container ul li a, .header-bg .menu-main-nav-container ul li a {display: block;padding: 5px 5px 5px 20px;}
		ul.nav-bar > li > .sub-menu{display:none;}
		ul.nav-bar > li.current_page_item > .sub-menu{display:block;}
				
		.menu-toggle, .search-toggle{float: right;display: block;height: 50px;width: 50px;cursor: pointer;margin:5px 1px;border:#fff solid 1px;}
		.menu-toggle:hover, .search-toggle:hover{border:#ececec solid 1px;}
		.search-toggle {background:transparent url(images/search-iconfgmda.png) center center no-repeat scroll; background-image: url(images/loupe.svg); background-size: 19px 18px; background-position: center center; }
		.mobile-language-selector{float: right; display: block; height: 50px; width: 50px; margin:5px 1px;}
		.mobile-language-selector {display: block; height: 50px; background:none;}
		.mobile-language-selector  a{display: block; height: 50px; width: 50px; color:#000; text-indent:-9999px; position:relative; padding:0; border:#fff solid 1px;}
		.mobile-language-selector  a:before{color: #000;content: attr(hreflang);display: block;font-size: 13px;font-family:Georgia; font-weight: bold;height: 50px;left: 0;line-height: 50px;position: absolute;text-align: center;text-indent: 0;text-transform: uppercase;top: 0;width: 50px;}		
		.mobile-language-selector  a:hover{border:#ececec solid 1px;}
		
		
		.hamburger .hamburger-inner, .hamburger .hamburger-inner:after, .hamburger .hamburger-inner:before{background-color:#000;}
		
	}
	
	@media screen and (max-width: 767px) {
		#header .logo{padding:0;}
		#header:before, #header:after{display:none;}
		#header .logo:before, #header .logo:after{display:none;}
		#header div.logo a{padding:15px 0;}
		.menu-toggle, .search-toggle{margin:10px 1px;}
		.menu-toggle.hamburger {padding: 6px 0;}
		.mobile-language-selector{margin:10px 1px;}
	}
	
	
	/*===========================*/
	/*===== Project Gallery =====*/
	/*===========================*/
	/*input[type="checkbox"]{position:relative; visibility:hidden;}
	input[type="checkbox"]:before{content: ""; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #ccc; border-radius: 20px; transition:background .3s; visibility:visible;}
	input[type="checkbox"]:hover:before{background: #ececec; }
	input[type="checkbox"]:checked{}
	input[type="checkbox"]:checked:before{background:#f57e37;}
	input[type="checkbox"]:checked:hover:before{background:#fa975b;}*/
	
	
	.project-gallery-container {position: relative;float: left;width: 100%;padding: 0;margin-bottom: 30px;}
	.windows .project-gallery-container { padding-top:1 0px !important; }
	.project-gallery-container .span3 {width: 25% !important;margin-left: 0 !important;}
	.project-gallery-container h2 {text-transform: uppercase; margin-top: 0; font-size:13px; font-weight:bold; font-family:'Open Sans';}
	.project-gallery-container ul{margin:0; list-style:none;}
	.project-gallery-container ul li input[type="checkbox"] {float: left;display: block;}
	.mobile-gallery-nav {display: none;}
	
	.gallery-container {float: left;	width: 100%;overflow: hidden;}
	.submit-filters-container {text-align: center; margin-top:30px;}
	.submit-filters {width:150px;}
	.cancel-filters {width:150px; margin:30px auto;}

	.loading-screen {position: absolute; 	top: 0; left: 0; width: 100%; height: 100%; opacity: 0; background-color: #fff; z-index: 999; background: #fff url('images/loader.gif') no-repeat; background-position: center center; -webkit-transition: opacity 500ms ease-out; -moz-transition: opacity 500ms ease-out; -o-transition: opacity 500ms ease-out; transition: opacity 500ms ease-out;}
	
	.filtered {display: block;float: left;width: 100%;background: #ffffff;border-bottom: 2px solid #999999;padding-bottom: 30px;}
	.filtered span {display: inline-block;}
	.filtered-by-title {margin-bottom:15px; font-size:16px; text-transform:uppercase; }
	.filtered-by-category {font-weight: bold; width:85px;}
	.filtered-by-selection {padding-left: 5px; }

	.change-gallery-filters{margin-top:15px;}
		
	.project-gallery-thumb{margin-bottom:30px;}
	.project-gallery-thumb .the-image{margin-bottom:10px;}
	.project-gallery-thumb .the-image a{display:block; background:#fff;}
	.project-gallery-thumb .the-image a:hover img{opacity:0.75; -webkit-filter: grayscale(100%);filter: grayscale(100%);}
	.project-gallery-thumb .the-image a img{transition:all 0.3s;}
	
	.project-gallery-thumb .the-title a, .project-gallery-thumb .the-title a:link, .project-gallery-thumb .the-title a:visited{color:#000; font-size:16px; /*text-transform:uppercase;*/ font-family:Georgia;}
	.project-gallery-thumb .the-title a:hover, .project-gallery-thumb .the-title a:focus, .project-gallery-thumb .the-title a:active, .project-gallery-thumb .the-title a:visited:hover{color:#898989/*#00ff00*/;}
	
	/*--*/
	.gallery-overlay {box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;position: absolute;top: 0px;left: 0px;width: 100%;height: 100%;border: 3px solid #515252;z-index: 999;cursor: pointer;}
	/*--*/
	
	@media screen and (min-width: 768px) {
		.gallery-wrapper {opacity: 1 !important;}
		.main-gallery-nav {position: static;opacity: 1 !important;left: 0 !important;}
		
	}

	@media screen and (max-width: 767px) {
		.gallery-container {height: auto !important; float: left; /*width: 80%; padding: 0 10%;*/ overflow: hidden; }
		.mobile-gallery-nav {display: block; width: 100%; float: left; margin-bottom: 20px;}
		.main-gallery-nav .span3 {float: left !important; background-color: #fff;}
		.main-gallery-nav .span3 ul {float: left; width: 100%; padding-bottom: 20px;}
		.project-gallery-container {position: relative; border-bottom: none; margin-bottom: 0; padding: 0; float: left; width: 100%; z-index: 1;}
		.project-gallery-container h2 {margin: 0;}
		.gallery-wrapper {-webkit-transition: opacity 500ms ease-out; -moz-transition: opacity 500ms ease-out; -o-transition: opacity 500ms ease-out; transition: opacity 500ms ease-out;}
		.project-gallery-container .span3 {width: 100% !important;margin-left: 0 !important;}
		.main-gallery-nav {position: absolute; -webkit-transition: all 500ms ease-out; -moz-transition: all 500ms ease-out;  -o-transition: all 500ms ease-out; transition: all 500ms ease-out; width: 100%; height: auto; top: 100%; left: -100%; opacity: 0;z-index: 99;}
		.project-gallery-thumb .the-image a img{width:100%;}
	}

	/*===============================*/
	/*===== Single Project page =====*/
	/*===============================*/
	.project-details{position: relative;}
	.project-details ul {margin:0; list-style:none;}
	.project-details ul li{float:left; width: 20%; padding-right: 10px; box-sizing:border-box;}
	.project-details h6 {text-transform: uppercase;
    margin-top: 0;
    font-size: 13px;
	line-height:20px;
    font-weight: bold;
    font-family: 'Open Sans';margin-bottom:12px;}
	
	.gallery-title h2{display:none;}
	
	.projects-four-images ul {margin:0;}
	.projects-four-images ul li {position:static; float: left; width:48%;padding: 1% 1% 0 0;}
	
	.testimonial p {font-size:16px;line-height:20px; color:#999999; font-style:italic;}
	.testimonial address {color:#999999 !important; padding:0 !important; margin-bottom:10px !important;}
	
	.project-team-list {padding-top: 30px;}
	.project-team-list .our-work-contact, .contact .our-work-contact {margin-bottom:10px; float:none; display:inline-block; font-size:16px;}
	.project-team-list .our-work-name{float:none;}

	.post-template-single-project-php .wpb_separator{border:none !important;}
	.post-template-single-project-php  .contact .our-work-number-t{display:none;}

	.post-template-single-project-php h4 {font-size: 16px;}
	


	/*==========================*/
	/*===== Page EXPERTISE =====*/
	/*==========================*/
 	ul.slides li {margin-bottom:0; margin-top:0;}
 	.photo-grid {margin-bottom:1px!important;}
 	.contact p {}
 	.wpb_separator {border-bottom:1px solid #ccc !important; margin-bottom:0 !important; } 
 	.ourwork-img-grid ul {margin:0;}

	.our-work-title-wrapper {float: left; width: 100%; height: 85px;}
	.projects-title, .map-title{float:left; padding-top: 25px;}
	.projects-title {width: 547px;}
	.projects-wrapper {float: left; height: 275px; width: 100%; background: #eef0f3 url('images/projects-bkg.png') no-repeat;}
   	.gallery-tax-main, .our-work-tax-main{float: left;}
   	.first-list {width: 173px; margin-left:7px;}
   	.second-list {width: 112px;}
   	.third-list {width: 142px; margin-right: 10px;}
   	.fourth-list {width: 100px;}
   	.our-work-first-text {padding-top: 32px;}

	.first-list-gallery {width:220px;margin:25px 0 0 7px;} 	
	.second-list-gallery {width:173px;margin-top:25px;}
	.third-list-gallery {width:200px;margin-top:25px;}
	.fourth-list-gallery {width:200px;margin-top:25px;}

   	/* contact box */
   	.span4 .wpb_separator {max-width: 229px;}
   	.span4 .wpb_single_image img {width:100%; height:auto; padding-right: 8px; box-sizing: border-box;}
   	.contact {margin-right: 10px;}
   	.contact span {display: block; width: 100%;}
	
   	/*- Disabled to center text with image -*/
   	.our-work-contact {float: left;}
   	.our-work-name {float: left;}
	.our-work-title { float: left;}
	.our-work-number-t {}
	.our-work-number-phone { padding-top: 10px;}
	.our-work-email {float: left;}
	
	/* view more buttons */
	.our-work-button-wrapper {margin: 25px 0; min-height: initial !important;}
	.view-all-wrapper {margin: 0 0 25px 0 !important;}

	
	.wpb_gallery_slides	.isotope-item{transition:opacity 0.3s;}
	.wpb_gallery_slides	.isotope-item:hover{opacity:0.75; -webkit-filter: grayscale(100%);filter: grayscale(100%);}
	
	@media screen and (max-width: 767px) {
		.span4 .wpb_single_image img {padding:0;}
	}
	
	/*========================*/
	/*=====  BREADCRUMBS =====*/
	/*=========================*/
	.breadcrumbs {padding:5px 0; font-size:90%; position:fixed; top:-9999px; left:-9999px;}
	.breadcrumbs a {}

	/******************************** NO JS SUPPORT*/
	.no-js .no-js-accordion {margin-top: -100px !important;}
	.no-js .page-template-contentpage-php .isotope-item {width:46%; float:left;}
	.no-js .page-template-contentpage-php .isotope-item:first-child {width:100%;}
	.no-js .project-gallery-thumb {height:225px !important;}
	.no-js .footer-left{width:25%;}
	.no-js .footer-right{margin-top:0;}
	.no-js .project-gallery-thumb{margin: 0 5px 0 5px !important;}
	.no-js .project-gallery-thumb h5 {position:relative;z-index:999;padding-top:5px;}

	
	
	
	
	
	
	/*=======================================*/
	/*===== ISOTOPES - Gallery D'Images =====*/
	/*=======================================*/
	/******************************** FIREFOX SUPPORT*/
	.post-template-single-project-php .wpb_gallery_slides .wpb_image_grid_ul .isotope-item {float: left !important;width: 49% !important;padding: 0px 0px 0px 0px !important;transform: none !important;position: relative !important;}
	.post-template-single-project-php .wpb_gallery_slides .wpb_image_grid_ul .isotope-item:nth-child(1),
	.post-template-single-project-php .wpb_gallery_slides .wpb_image_grid_ul .isotope-item:nth-child(3),
	.post-template-single-project-php .wpb_gallery_slides .wpb_image_grid_ul .isotope-item:nth-child(5) {margin: 0 10px 10px 0 !important;}
	.post-template-single-project-php .wpb_gallery_slides .wpb_image_grid_ul .isotope-item:nth-child(2),
	.post-template-single-project-php .wpb_gallery_slides .wpb_image_grid_ul .isotope-item:nth-child(4),
	.post-template-single-project-php .wpb_gallery_slides .wpb_image_grid_ul .isotope-item:nth-child(6){margin: 0 0px 0px 0 !important;}
	.post-template-single-project-php .wpb_gallery_slides .wpb_image_grid_ul .isotope-item img {width: 100% !important;}
	
	@media screen and (max-width: 979px) { 
		.post-template-single-project-php .wpb_gallery_slides .wpb_image_grid_ul .isotope-item {width: 48% !important;}
	}

	
	/* Move the featured projects to the left so the numbers stick out */
	/*.page-template-homepage-php .wpb_image_grid_ul.isotope { left: -36px; }
	.page-template-homepage-php .expertise.wpb_text_column { margin-left:0 !important; position:relative; left:-10px;}*/




/* ==========================================================================
   responsive elements
   ========================================================================== */

	/*li.isotope-item a>img.attachment-full {
		margin-left:31px;
		margin-top:10px;
		width:88%;
	}*/
	

		



/*****
	Bootstrap mods
*****/

@media screen and (min-width: 1200px) {
	.lg-offset {
		margin-left: 300px !important;
		width: 870px !important;
	}
	.header-bg .menu-main-nav-french-container, .header-bg .menu-main-nav-container {
		height: auto !important;
	}
	.header-bg .menu-main-nav-french-container ul, .header-bg .menu-main-nav-container ul {
		margin: 0;
	}


	/*.flex-direction-nav {
		top: 50% !important;
		right: 0 !important;
		width:100%;
	}
	.flex-direction-nav a{
		background-color: #fff !important;
		border-radius: 50px;
		width: 28px !important;
		height: 28px !important;
	}*/

	
}

@media screen and (min-width: 980px) and (max-width: 1199px) {
	.lg-offset {
		margin-left: 240px !important;
		width: 700px !important;
	}
	.header-bg .menu-main-nav-french-container, .header-bg .menu-main-nav-container {
		height: auto !important;
		margin-top: 50px;
	}
	.header-bg .menu-main-nav-french-container ul, .header-bg .menu-main-nav-container ul {
		margin: 0;
	}
	
	

	
	
	.post-template-single-project-php .wpb_gallery_slides .wpb_image_grid_ul .isotope-item {
		width: 48% !important;
	}
}

@media screen and (max-width: 979px) {	
	
	
	.fgmda-gallery-pic ul {
		width: 100%;
	}

	.fgmda-gallery-pic li {
		width: 100%;
	}

	.fgmda-gallery-pic a {
		width: 100%;
		text-align: center;
	}


	.sticky-nav {
		-webkit-transition: box-shadow 500ms ease-out 0s;
		-moz-transition: box-shadow 500ms ease-out 0s;
		-o-transition: box-shadow 500ms ease-out 0s;
		transition: box-shadow 500ms ease-out 0s;
	}


	.menu-shadow {
		-moz-box-shadow: 0px 0px 30px 10px #888888;
		-webkit-box-shadow: 0px 0px 30px 10px #888888;
		box-shadow: 0px 0px 30px 10px #888888;
	}

	
	.project-banner {
		margin-top: 95px;	
	}

	#access {
		width: 100%;
		position: fixed;
		top: 0;
		left: 0;
		height: auto;
		margin: 0;
		padding:0 20px;
		box-sizing:border-box;
		-webkit-box-sizing:border-box;
	}
	
	/*#access.open{
		position:absolute; margin-left:10px;
	}*/
	
	
	
	
	.language-selector {
		top: 75px;
	}
	
	.copyright-wrapper {
		background-color: #d1d6db;
	}
}

@media screen and (min-width: 768px) and (max-width: 979px) {	
	
	.post-template-single-project-php .wpb_gallery_slides .wpb_image_grid_ul .isotope-item {
		width: 48% !important;
	}


}

@media screen and (max-width: 767px) {

	
	.menu-toggle, .search-toggle, .mobile-language-selector, .mobile-language-selector ,.mobile-language-selector  a,.mobile-language-selector  a:before{
		width:40px;
		height:40px;
		line-height:40px;
		font-family:Georgia;
		font-size:12px;
	}
	
	.menu-toggle.hamburger {padding: 6px 0;}
	.project-details ul li {
		width: 100%;
	}
	.header-bg {
		width: 100% !important;
		box-sizing:border-box;
		-webkit-box-sizing: border-box;
	}

	
	
	.home .wpb_gallery.wpb_content_element.span6 {
		display: none;
	}
	.home .expertise.wpb_content_element.span6 {
		left: 0 !important;
		padding-left: 25px;
	}
	
	
	
	
	
		
	/*.span4 .wpb_single_image {
		width: 30% !important;
		float:left !important;
		padding-right: 10px;
	}
	
	.contact {
		width:50% !important;
		float: left !important;
		top: -12px;
		position: relative;
	}*/
	
	.post-template-single-project-php .wpb_gallery_slides .wpb_image_grid_ul .isotope-item {
		width: 48% !important;
	}
	
	.post-template-single-project-php .wpb_gallery_slides .wpb_image_grid_ul .isotope-item:nth-child(1),
	.post-template-single-project-php .wpb_gallery_slides .wpb_image_grid_ul .isotope-item:nth-child(3) {
		margin: 5px !important;
	}
	
	.post-template-single-project-php .wpb_gallery_slides .wpb_image_grid_ul .isotope-item:nth-child(2),
	.post-template-single-project-php .wpb_gallery_slides .wpb_image_grid_ul .isotope-item:nth-child(4) {
		margin: 5px !important;
	}
	
	.post-template-single-project-php .wpb_gallery_slides .wpb_image_grid_ul .isotope-item:nth-child(5),
	.post-template-single-project-php .wpb_gallery_slides .wpb_image_grid_ul .isotope-item:nth-child(6) {
		margin: 5px !important;
	}
	.post-template-single-project-php .wpb_gallery_slides .wpb_image_grid_ul .isotope-item { float: left !important; width: 47% !important;  padding: 0px 0px 0px 0px !important;  transform: none !important;  position: relative !important;}

	
}




/*=========================*/
/*===== single-people =====*/
/*=========================*/
.single-people .image_and_infos{margin-bottom:30px;}
.single-people .image_and_infos strong{display:block; font-weight:normal; padding:0 5px; line-height:14px; margin:5px 0;}
.single-people .image_and_infos span{display:block;padding:0; margin:10px 0;}

/*==================*/
/*===== Footer =====*/
/*==================*/
footer {clear:both; float:left; width:100%; font-size:13px;}
footer .infos-contact{border-bottom:#ccc solid 1px; padding:0 0 20px 0; }
footer .infos-contact .span4{margin-bottom:20px;}
footer .infos-contact .span4 > strong{display:block; font-weight:bold; text-transform:uppercase; margin-bottom:10px;}
footer .infos-contact .span4 > span{display:block;}
footer .infos-contact .span4 .margin-top-10{margin-top:10px;}
footer .infos-contact .email-address{margin-top: 40px;}
footer .infos-contact .email-address .span4{margin-bottom: 0; height: auto; min-height: initial;}
footer .infos-copyright {padding: 20px 0px;}
footer .names {margin-bottom:20px;}
footer .footer-copyright {background:#fff; width: 100% !important;}
footer .footer-copyright span {display: inline-block;width: 100%;clear: both;}
footer  .employee_portal a, footer  .employee_portal a:link, footer  .employee_portal a:visited{text-transform:uppercase; font-family:Open Sans; font-size:13px; color:#000;}
footer  .employee_portal a:hover, footer  .employee_portal a:focus, footer  .employee_portal a:active, footer  .employee_portal a:visited:hover{color:#898989;}

@media screen and (max-width: 767px) {
	.footer-contact {margin-left: auto !important;margin-right: auto !important;	width: 250px !important;}
	.infos-copyright *{text-align: center !important;}
}

/*=======================*/
/*===== Ninja forms =====*/
/*=======================*/
.ninja-forms-required-items{margin-bottom:20px;}
.ninja-forms-error-msg{ background-color: #f2dede; border: 1px solid #ebccd1; color: #a94442; border-radius: 4px; margin-bottom: 20px; padding: 15px;}
.ninja-forms-success-msg{background-color: #dff0d8; border: 1px solid #d6e9c6; color: #3c763d; border-radius: 4px; margin-bottom: 20px; padding: 15px;}

.ninja-forms-form input[type="submit"]{background: #fff; display: inline-block; padding: 10px 15px; text-align: center; color: #000; border: 1px solid #000; font-size: 14px; line-height: 18px; text-transform: uppercase; text-shadow: none;}
.ninja-forms-form input[type="submit"]:hover{background: #fff; color: #898989; border-color: #898989;}

.ninja-forms-form-wrap label{text-transform: uppercase; font-weight:bold; font-size:13px;}

/*================================*/
/*===== Home - Featured News =====*/
/*================================*/
.featured-news{position:relative; display:table; width:100%; }
.featured-news .featured-item{background:#f2f2f2; display:table-row; }
.featured-news .featured-item .featured-description{padding:20px; margin:0; float:none; display:table-cell; width:34%; }
.featured-news .featured-item .featured-description .featured-date{color:#000; margin-bottom:25px;}
.featured-news .featured-item .featured-description .featured-title a{font-family:Georgia;font-size:26px; line-height:32px; color:#000; display:inline-block; font-weight:normal; margin-bottom:25px;}
.featured-news .featured-item .featured-description .featured-title a:hover, .featured-news .featured-item .featured-description .featured-title a:focus, .featured-news .featured-item .featured-description .featured-title a:active, .featured-news .featured-item .featured-description .featured-title a:visited:hover{color:#898989/*#00ff00*/;}
.featured-news .featured-item .featured-description .featured-excerpt{margin-bottom:30px;}
.featured-news .featured-item .featured-description .featured-link a{color:#000; font-size: 16px; font-family: Georgia;     position: relative;
    padding-left: 15px;
    display: inline-block;}
.featured-news .featured-item .featured-description .featured-link a:before{content: '+ ';
    position: absolute;
    text-align: left;
    top: 0;
    left: 0;}
.featured-news .featured-item .featured-description .featured-link a:hover, .featured-news .featured-item .featured-description .featured-link a:focus, .featured-news .featured-item .featured-description .featured-link a:active, .featured-news .featured-item .featured-description .featured-link a:visited:hover{color:#898989;}
.featured-news .featured-item .featured-video{display:table-cell; float: none; height: 100%; background: #000; vertical-align: middle; width:66%;}
.featured-news .featured-item .featured-video:before{content:'';}
.featured-news .featured-item .featured-video .video-wrapper{background:transparent;}
.featured-news .featured-item .featured-video .video-wrapper .video-thumbnail{display:none;}



@media screen and (max-width: 767px) {
	.featured-news .featured-item{display:block; width:100%;}
	.featured-news .featured-item .featured-description{display:block; width:100%;}
	.featured-news .featured-item .featured-video{display:block; width:100%;}
}

/*==============================*/
/*===== Home - Latest News =====*/
/*==============================*/
.news-story {margin-left:0 !important;}
.news-story	.the-image{margin-bottom:15px;}
.news-story	.the-image a{display:block; background:#fff;}
.news-story	.the-image a:hover img{opacity:0.75; -webkit-filter: grayscale(100%);filter: grayscale(100%);}
.news-story	.the-image a img{transition:all 0.3s;}
.news-story .the-date {color:#000; margin-bottom:15px;}
.news-story .news-title {margin-bottom:15px;}
.news-story .news-title a, .news-story .news-title a:link, .news-story .news-title a:visited{font-family:Georgia; font-size:16px; color:#000;}
.news-story .news-title a:hover, .news-story .news-title a:focus, .news-story .news-title a:active, .news-story .news-title a:visited:hover{color:#898989/*#00ff00*/;}
.news-story .news-read-more a, .news-story .news-read-more a:link, .news-story .news-read-more a:visited{color:#000;}

.page-template-news .news-story{margin-bottom:30px;}

@media screen and (max-width: 767px) {
	.news-story{ margin:0 auto 30px auto !important;}
	.news-story	.the-image img {width: 100%;}
}

/*===========================*/
/*===== Video Container =====*/
/*===========================*/
.video-wrapper{background:#000; width:100%; height:0; position:relative; padding-bottom:56.25%; overflow:hidden; }
.video-wrapper .container-video{position:absolute; top:0; left:0; width:100%; height:100%; z-index:100; background:#000;}
.video-wrapper .video-thumbnail{position:absolute; top:0; left:0; width:100%; height:100%; z-index:1;}
.video-wrapper .video-thumbnail img{width:100%; height:100%;}
.video-wrapper .btn-play{transition:all 0.3s; color:#fff; display:block; width:80px; height:80px; background:rgba(0,0,0,0.3) url(images/btn-play-video.png) center center no-repeat scroll ; border-radius:100px; position:absolute; top:50%; left:50%; margin-left:-40px; margin-top:-40px; z-index:10; text-align:center; line-height:80px; text-indent:-9999px; overflow:hidden;}
.video-wrapper .btn-play:hover{color:#000 !important;background-color:rgba(0,0,0,0.5) !important; text-decoration:none !important;}

.video-container {position: relative;padding-bottom: 56.25%;height: 0;overflow: hidden;}
.video-container iframe,.video-container object,.video-container embed {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}

/*====================================================*/
/*===== Red button /gray button / No more button =====*/
/*====================================================*/
.red-button-wrapper {}
.red-button-wrapper a, .red-button-wrapper a:link, .red-button-wrapper a:visited {display:inline-block; font-size:16px; font-family:Georgia;}
.red-button-wrapper a:hover, .red-button-wrapper a:focus, .red-button-wrapper a:active, .red-button-wrapper a:visited:hover {}
.red-button-wrapper a:before {content:'+'; margin-right:10px;}

p#back-to-news{clear:both;}
p#back-to-news a {display:inline-block; font-size:16px; font-family:Georgia; margin-top:30px;}
p#back-to-news a:before {content:'<'; margin-right:10px;}















	/* list font styles */
   	/*.gallery-tax-main h3, .our-work-tax-main h3, .project-details h3  text-transform: uppercase; margin-top: 10px;}
   	.gallery-tax-main li, .our-work-tax-main li {margin: 0;}
   	.gallery-tax-main a, .our-work-tax-main a {}
  	.gallery-tax-main a:link, .our-work-tax-main a:link {color: #4d555b;text-decoration: none;}
  	.gallery-tax-main a:visited, .our-work-tax-main a:visited {color: #4d555b;text-decoration: none;}
  	.gallery-tax-main a:active, .our-work-tax-main a:active {color: #a3270f;text-decoration: none;}
  	.gallery-tax-main a:hover, .our-work-tax-main a:hover {color: #a3270f;text-decoration: none;}
   	.gallery-tax-main-selected a {color: #a3270f !important;}*/
   	
  	.page-template-contentpage-php .wpb_image_grid_ul img {width: 100%; height: auto;}
  	.page-template-contentpage-php .wpb_image_grid_ul li {width: 47.5%; height: 115px; margin: 0 2% 2% 0 !important; margin: 0;}
  	.page-template-contentpage-php .wpb_image_grid_ul li:first-child {width: 97.5%; height: 230px; margin: 0 0 2% 0 !important; margin: 0;}

	/*------------------*/	
	.single-post .wpb_separator {max-width: 253px !important;}
	.single-post .wpb_image_grid li {padding: 5px 5px 0 0;}
	.single-post .before-image {padding: 10px 0;}
	.single-post .after-image {padding: 10px 0;}
	#yoast-taxonomy {padding-top: 60px;}


	/*	--------------------------------------------------
	Buttons
	-------------------------------------------------- */
	.btn-large { font-size: 18px!important; }

	button.btn.btn-large, input[type="submit"].btn.btn-large {
		
		
		border-radius: 0;
		font-weight: bold;
		/*font-family: 'Helvetica-Condensed';*/
	}

	.button {
		background: #00a6fc;
		display: inline-block;
		text-align: center;
		padding: 9px 34px 11px;
		color: #fff;
		text-decoration: none;
		font-weight: bold;
		line-height: 1;
		/*font-family: "Helvetica Neue", "Helvetica", Arial, Verdana, sans-serif;*/
		position: relative;
		cursor: pointer;
		border: none;
	}
	
  	/* Don't use native buttons on iOS */
	input[type=submit].button { -webkit-appearance: none; }
	
	.button.nice { 
		background: #00a6fc url(../drewsymo-Foundation/images/misc/button-gloss.png) repeat-x 0 -34px;
		-moz-box-shadow: inset 0 1px 0 rgba(255,255,255,.5);
		-webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.5);
		text-shadow: 0 -1px 1px rgba(0,0,0,0.28);
		background: #00a6fc url(../drewsymo-Foundation/images/misc/button-gloss.png) repeat-x 0 -34px, -moz-linear-gradient(top, rgba(255,255,255,.4) 0%, transparent 100%);
		background: #00a6fc url(../drewsymo-Foundation/images/misc/button-gloss.png) repeat-x 0 -34px, -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,.4)), color-stop(100%,transparent));
		border: 1px solid #0593dc;
		-webkit-transition: background-color .15s ease-in-out;
		-moz-transition: background-color .15s ease-in-out;
		-o-transition: background-color .15s ease-in-out;
	}

	.button.radius {
		-moz-border-radius: 3px;
		-webkit-border-radius: 3px;
		border-radius: 3px;
	}
	.button.round {
		-moz-border-radius: 1000px;
		-webkit-border-radius: 1000px;
		border-radius: 1000px;
	}

	.button.full-width {
		width: 100%;
		padding-left: 0 !important;
		padding-right: 0 !important;
		text-align: center;
	}

	.button.left-align {
		text-align: left;
		text-indent: 12px;
	}
	
	/* Sizes ---------- */
	.small.button 			{ font-size: 11px; padding: 8px 20px 10px; width: auto; }
	.medium.button 			{ font-size: 13px; width: auto; }
	.large.button 			{ font-size: 18px; padding: 11px 48px 13px; width: auto; }

	/* Nice Sizes ---------- */
	.nice.small.button 		{ background-position: 0 -36px; }
	.nice.large.button 		{ background-position: 0 -30px; }

	/* Colors ---------- */
	.blue.button			{ background-color: #00a6fc;  }
	.red.button				{ background-color: #e91c21; }
	.white.button			{ background-color: #e9e9e9; color: #333; }
	.black.button			{ background-color: #141414; }
	
	/* Nice Colors ---------- */
	.nice.blue.button		{ border: 1px solid #0593dc;  }
	.nice.red.button		{ border: 1px solid #b90b0b;  }
	.nice.white.button		{ border: 1px solid #cacaca; text-shadow: none !important; }
	.nice.black.button		{ border: 1px solid #000; }
	
	/* Hovers ---------- */
	.button:hover, .button:focus 				{ background-color: #0192dd; color: #fff; }
	.blue.button:hover, .blue.button:focus		{ background-color: #0192dd; 	}
	.red.button:hover, .red.button:focus 		{ background-color: #d01217; 	}
	.white.button:hover, .white.button:focus	{ background-color: #dadada; color: #333; }
	.black.button:hover, .black.button:focus	{ background-color: #000; }
	
	/* Disabled ---------- */
	.button.disabled, .button[disabled] { opacity: 0.6; cursor: default; }
	
	/* -----------------------------------------
	   Standard Forms
	----------------------------------------- */
	
	form { margin: 0 0 18px; }
	form label { display: block; cursor: pointer; margin-bottom: 9px; }

	input.input-text, textarea { border-right: 1px solid #bbb; border-bottom: 1px solid #bbb; }
	input.input-text, textarea, select { display: block; margin-bottom: 9px; }
	/*label + input.input-text, label + textarea, label + select, label + div.dropdown, select + div.dropdown { margin-top: -9px; }*/

	/* Text input and textarea font and padding */
	input.input-text, textarea {padding: 4px 3px 2px; background: #fff; }
	input.input-text:focus, textarea:focus { outline: none !important; }
	input.input-text.oversize, textarea.oversize { font-size: 18px !important; padding: 4px 5px !important; }
	input.input-text:focus, textarea:focus { background: #f9f9f9; }

	/* Inlined Label Style */
	input.placeholder, textarea.placeholder { color: #888; }

	/* Text input and textarea sizes */
	input.input-text, textarea { width: 254px; }
	input.small, textarea.small { width: 134px; }
	input.medium, textarea.medium { width: 254px; }
	input.large, textarea.large { width: 434px; }

	/* Fieldsets */
	form fieldset { padding: 9px 9px 2px 9px; border: solid 1px #ddd; margin: 18px 0; }

	/* Inlined Radio & Checkbox */
	.form-field input[type=radio], div.form-field input[type=checkbox] { display: inline; width:auto; margin-bottom:0; }

	/* Errors */
	.form-field.error input, input.input-text.red { border-color: red; background-color: rgba(255,0,0,0.15); }
	.form-field.error label, label.red { color: red; }
	.form-field.error small, small.error { margin-top: -6px; display: block; margin-bottom: 9px; font-size: 11px; color: red; width: 260px; }

	.small + small.error { width: 140px; }
	.medium + small.error { width: 260px; }
	.large + small.error { width: 440px; }
	.error {margin-top: 15px;}

	/* -----------------------------------------
	   Nicer Forms
	----------------------------------------- */
	form.nice div.form-field input, form.nice input.input-text, form.nice textarea { border: solid 1px #bbb; border-radius: 2px; -webkit-border-radius: 2px; -moz-border-radius: 2px; }
	form.nice div.form-field input, form.nice input.input-text, form.nice textarea { padding: 6px 3px 4px; outline: none !important; background: url(../drewsymo-Foundation/images/misc/input-bg.png) #fff; }
	form.nice div.form-field input:focus, form.nice input.input-text:focus, form.nice textarea:focus { background-color: #f9f9f9; }

	form.nice fieldset { border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; }

	form.nice div.form-field input[type=radio], form.nice div.form-field input[type=checkbox] { display: inline; width:auto; margin-bottom:0; }

	form.nice div.form-field.error small, form.nice small.error { padding: 6px 4px; border: solid 0 red; border-width: 0 1px 1px 1px; margin-top: -10px; background: red; color: #fff; font-size: 12px; font-weight: bold; border-bottom-left-radius: 2px; border-bottom-right-radius: 2px; -webkit-border-bottom-left-radius: 2px; -webkit-border-bottom-right-radius: 2px; -moz-border-radius-bottomleft: 2px; -moz-border-radius-bottomright: 2px; }

 	form.nice div.form-field.error .small + small, form.nice .small + small.error { width: 132px; }
	form.nice div.form-field.error .medium + small, form.nice .medium + small.error { width: 252px; }
	form.nice div.form-field.error .large + small, form.nice .large + small.error { width: 432px; }

	/* -----------------------------------------
	   Custom Forms
	----------------------------------------- */

	form.custom span.custom { display: inline-block; width: 14px; height: 14px; position: relative; top: 2px; border: solid 1px #ccc; background: url(../drewsymo-Foundation/images/misc/custom-form-sprites.png) 0 0 no-repeat; }
	form.custom span.custom.radio { border-radius: 7px; -webkit-border-radius: 7px; -moz-border-radius: 7px; }
	form.custom span.custom.radio.checked { background-position: 0 -14px; }
	form.custom span.custom.checkbox.checked { background-position: 0 -28px; }
	
	form.custom div.custom.dropdown { position: relative; display: inline-block; width: auto; height: 28px; margin-bottom: 9px; }
	form.custom div.custom.dropdown a.current { display: block; width: auto; line-height: 26px; padding: 0 38px 0 6px; border: solid 1px #ddd; color: #141414; }
	form.custom div.custom.dropdown a.selector { position: absolute; width: 26px; height: 26px; display: block; background: url(../drewsymo-Foundation/images/misc/custom-form-sprites.png) -14px 0 no-repeat; right: 0; top: 0; border: solid 1px #ddd; }
	form.custom div.custom.dropdown:hover a.selector,
	form.custom div.custom.dropdown.open a.selector { background-position: -14px -26px; }
	 
	form.custom div.custom.dropdown ul { position: absolute; width: auto; display: none; margin: 0; left: 0; top: 27px; margin: 0; padding: 0; background: rgba(255,255,255,0.9); border: solid 1px #ddd; z-index: 10; }
	form.custom div.custom.dropdown ul li { cursor: pointer; padding: 3px 38px 3px 6px; margin: 0; }
	form.custom div.custom.dropdown ul li.selected { background: url(../drewsymo-Foundation/images/misc/custom-form-sprites.png) right -52px no-repeat; }
	form.custom div.custom.dropdown ul li:hover { background-color: #2a85e8; color: #fff; }
	form.custom div.custom.dropdown ul li.selected:hover { background: url(../drewsymo-Foundation/images/misc/custom-form-sprites.png) #2a85e8 right -78px no-repeat; }
	form.custom div.custom.dropdown ul.show { display: block; }
	
	form.custom div.custom.dropdown.open ul { display: block; }

	/* -----------------------------------------*/
	div.timer {
		width: 40px;
		height: 40px;
		overflow: hidden;
		position: absolute;
		top: 10px;
		right: 10px;
		opacity: .6;
		cursor: pointer;
		z-index: -1001; }

	span.rotator {
		display: block;
		width: 40px;
		height: 40px;
		position: absolute;
		top: 0;
		left: -20px;
		background: url(images/orbit/rotator-black.png) no-repeat;
		z-index: 3; }

	span.mask {
		display: block;
		width: 20px;
		height: 40px;
		position: absolute;
		top: 0;
		right: 0;
		z-index: 2;
		overflow: hidden; }

	span.rotator.move {
		left: 0 }

	span.mask.move {
		width: 40px;
		left: 0;
		background: url(images/orbit/timer-black.png) repeat 0 0; }

	span.pause {
		display: block;
		width: 40px;
		height: 40px;
		position: absolute;
		top: 0;
		left: 0;
		background: url(images/orbit/pause-black.png) no-repeat;
		z-index: 4;
		opacity: 0; }

	span.pause.active {
		background: url(images/orbit/pause-black.png) no-repeat 0 -40px }

	div.timer:hover span.pause,
	span.pause.active {
		opacity: 1 }


		

	/* DIRECTIONAL NAV
	   ================================================== */

	div.slider-nav {
		display: block }

	div.slider-nav span {
		width: 78px;
		height: 100px;
		text-indent: -9999px;
		position: absolute;
		z-index: 1000;
		top: 50%;
		margin-top: -50px;
		cursor: pointer; }

	div.slider-nav span.right {
		background: url(../images/orbit/right-arrow.png);
		right: 0; }

	div.slider-nav span.left {
		background: url(../images/orbit/left-arrow.png);
		left: 0; }

	/* BULLET NAV
	   ================================================== */

	.orbit-bullets {
		position: absolute;
		z-index: 1000;
		list-style: none;
		bottom: -40px;
		left: 50%;
		margin-left: -50px;
		padding: 0; }

	.orbit-bullets li {
		float: left;
		margin-left: 5px;
		cursor: pointer;
		color: #999;
		text-indent: -9999px;
		background: url(../images/orbit/bullets.jpg) no-repeat 4px 0;
		width: 13px;
		height: 12px;
		overflow: hidden; }

	.orbit-bullets li.active {
		color: #222;
		background-position: -8px 0; }
		
	.orbit-bullets li.has-thumb {
		background: none;
		width: 100px;
		height: 75px; }

	.orbit-bullets li.active.has-thumb {
		background-position: 0 0;
		border-top: 2px solid #000; }
		
	/* FLUID LAYOUT
	   ================================================== */
	.orbit .fluid-placeholder {
	  visibility: hidden;
	  position: static;
	  display: block;
	  width: 100%;
	}

	.orbit, .orbit-wrapper { width: 100% !important; position:relative; }

	.home .orbit-wrapper .orbit:before,.project-banner:before{display: block; width: 270px; height: 200px; position: absolute; content: ""; bottom: 0; left: 0; z-index: 10; box-sizing:border-box;
		background: -moz-linear-gradient(top,  rgba(220,220,220,0) 0%, rgba(220,220,220,1) 100%); /* FF3.6-15 */
		background: -webkit-linear-gradient(top,  rgba(220,220,220,0) 0%,rgba(220,220,220,1) 100%); /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(to bottom,  rgba(220,220,220,0) 0%,rgba(220,220,220,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ddd', endColorstr='#ddd',GradientType=0 ); /* IE6-9 */
	}



	@media screen and (max-width: 1200px) {
		.home .orbit-wrapper .orbit:before,.project-banner:before{width: 220px;}
	}
	@media screen and (max-width: 979px) { 
		.home .orbit-wrapper .orbit:before,.project-banner:before{display:none;}
	}




	.orbit-bullets {
		position: absolute;
		z-index: 1000;
		list-style: none;
		bottom: -50px;
		left: 50%;
		margin-left: -50px;
		padding: 0; }

	.orbit-bullets li {
		float: left;
		margin-left: 5px;
		cursor: pointer;
		color: #999;
		text-indent: -9999px;
		background: url(../images/orbit/bullets.jpg) no-repeat 4px 0;
		width: 13px;
		height: 12px;
		overflow: hidden; }

	.orbit-bullets li.has-thumb {
		background: none;
		width: 100px;
		height: 75px; }

	.orbit-bullets li.active {
		color: #222;
		background-position: -8px 0; }

	.orbit-bullets li.active.has-thumb {
		background-position: 0 0;
		border-top: 2px solid #000; }




	/**
 	 * Print styles.
	 *
	 * Inlined to avoid required HTTP connection: www.phpied.com/delay-loading-your-print-css/
	 * Credit to Paul Irish and HTML5 Boilerplate (html5boilerplate.com)
	 */
	@media print {
	  * { background: transparent !important; color: black !important; text-shadow: none !important; filter:none !important;
	  -ms-filter: none !important; } /* Black prints faster: sanbeiji.com/archives/953 */
	  p a, p a:visited { color: #444 !important; text-decoration: underline; }
	  p a[href]:after { content: " (" attr(href) ")"; }
	  abbr[title]:after { content: " (" attr(title) ")"; }
	  .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; }  /* Don't show links for images, or javascript/internal links */
	  pre, blockquote { border: 1px solid #999; page-break-inside: avoid; background-color:none;}
	  thead { display: table-header-group; } /* css-discuss.incutio.com/wiki/Printing_Tables */
	  tr, img { page-break-inside: avoid; }
	  @page { margin: 0.5cm; }
	  p, h2, h3 { orphans: 3; widows: 3; }
	  h2, h3{ page-break-after: avoid; }
	}

	
/*--*/	
.social-links-wrapper{font-size: 0; line-height: 0;}	
.social-links-wrapper .social-icon {display:inline-block; width:32px; height:32px; text-indent:-9999px; overflow:hidden; margin:0 5px 0 0;}
.social-links-wrapper .social-icon.social-facebook {background:transparent url(images/social-facebook.png) center center no-repeat scroll; background-size:cover;}
.social-links-wrapper .social-icon.social-linkedin {background:transparent url(images/social_linkedIn.png) center center no-repeat scroll; background-size:cover;}
.social-links-wrapper .social-icon.social-instagram {background:transparent url(images/social_instagram.png) center center no-repeat scroll; background-size:cover;}
	
@media screen and (min-width: 768px) { 
	.social-links-wrapper{text-align:right;}	
	.social-links-wrapper .social-icon {text-indent:9999px; margin:0 0 0 5px ;}
}