@font-face {
	font-family: 'adventpro-bold';
	src: url('/font/AdventPro-Bold/AdventPro-Bold.eot');
	src: url('/font/AdventPro-Bold/AdventPro-Bold.eot?#iefix') format('embedded-opentype'),
		url('/font/AdventPro-Bold/AdventPro-Bold.woff') format('woff'),
		url('/font/AdventPro-Bold/AdventPro-Bold.ttf') format('truetype');
	font-weight: bold;
	font-style: normal;
}

.adventpro-bold {
	font-family: 'adventpro-bold' !important;
}

@font-face {
	font-family: 'adventpro-extralight';
	src: url('/font/AdventPro-ExtraLight/AdventPro-ExtraLight.eot');
	src: url('/font/AdventPro-ExtraLight/AdventPro-ExtraLight.eot?#iefix') format('embedded-opentype'),
		url('/font/AdventPro-ExtraLight/AdventPro-ExtraLight.woff') format('woff'),
		url('/font/AdventPro-ExtraLight/AdventPro-ExtraLight.ttf') format('truetype');
	font-weight: bold;
	font-style: normal;
}

.adventpro-extralight {
	font-family: 'adventpro-extralight' !important;
}

@font-face {
	font-family: 'adventpro-light';
	src: url('/font/AdventPro-Light/AdventPro-Light.eot');
	src: url('/font/AdventPro-Light/AdventPro-Light.eot?#iefix') format('embedded-opentype'),
		url('/font/AdventPro-Light/AdventPro-Light.woff') format('woff'),
		url('/font/AdventPro-Light/AdventPro-Light.ttf') format('truetype');
	font-weight: bold;
	font-style: normal;
}

.adventpro-light {
	font-family: 'adventpro-light' !important;
}

@font-face {
	font-family: 'adventpro-medium';
	src: url('/font/AdventPro-Medium/AdventPro-Medium.eot');
	src: url('/font/AdventPro-Medium/AdventPro-Medium.eot?#iefix') format('embedded-opentype'),
		url('/font/AdventPro-Medium/AdventPro-Medium.woff') format('woff'),
		url('/font/AdventPro-Medium/AdventPro-Medium.ttf') format('truetype');
	font-weight: bold;
	font-style: normal;
}

.adventpro-medium {
	font-family: 'adventpro-medium' !important;
}

@font-face {
	font-family: 'adventpro-regular';
	src: url('/font/AdventPro-Regular/AdventPro-Regular.eot');
	src: url('/font/AdventPro-Regular/AdventPro-Regular.eot?#iefix') format('embedded-opentype'),
		url('/font/AdventPro-Regular/AdventPro-Regular.woff') format('woff'),
		url('/font/AdventPro-Regular/AdventPro-Regular.ttf') format('truetype');
	font-weight: bold;
	font-style: normal;
}

.adventpro-regular {
	font-family: 'adventpro-regular' !important;
}

@font-face {
	font-family: 'adventpro-semibold';
	src: url('/font/AdventPro-SemiBold/AdventPro-SemiBold.eot');
	src: url('/font/AdventPro-SemiBold/AdventPro-SemiBold.eot?#iefix') format('embedded-opentype'),
		url('/font/AdventPro-SemiBold/AdventPro-SemiBold.woff') format('woff'),
		url('/font/AdventPro-SemiBold/AdventPro-SemiBold.ttf') format('truetype');
	font-weight: bold;
	font-style: normal;
}

.adventpro-semibold {
	font-family: 'adventpro-semibold' !important;
}

@font-face {
	font-family: 'adventpro-thin';
	src: url('/font/AdventPro-Thin/AdventPro-Thin.eot');
	src: url('/font/AdventPro-Thin/AdventPro-Thin.eot?#iefix') format('embedded-opentype'),
		url('/font/AdventPro-Thin/AdventPro-Thin.woff') format('woff'),
		url('/font/AdventPro-Thin/AdventPro-Thin.ttf') format('truetype');
	font-weight: bold;
	font-style: normal;
}

.adventpro-thin {
	font-family: 'adventpro-thin' !important;
}

body, html {
	/* important */
	height: 100%;
}

body {
	background-color: #fff;
	line-height: 1em;
	font-family: Arial,Helvetica Neue,Helvetica,sans-serif;
	min-height: 100%;
	
	/* Ye Olde Flexbox for Webkit */
	display: -webkit-box;
	/* Tweener flexbox */
	display: -ms-flexbox;
	/* Prefixed "new flexbox" */
	display: -webkit-flex;
	/* unprefixed standard "new flexbox" version */
	display: flex;

	/* Your grandparents flexbox for Webkit */
	-webkit-box-orient: vertical;
	/* Prefixed new syntax: */
	-webkit-flex-direction: column;
	/* Same syntax for weird IE tweener */
	-ms-flex-direction: column;
	/* unprefixed new syntax */
	flex-direction: column;
	max-width: 1920px;
	margin: 0 auto;
}

.content {
	-webkit-box-flex: 1;
	-ms-flex: 1 0 auto;
	flex: 1 0 auto;
	-webkit-flex: 1 0 auto;
}

.pr-1 {
	padding-right: 15px;
}

.px-1 {
	padding-right: 15px;
	padding-left: 15px;
}

.pl-1 {
	padding-left: 15px;
}

.link-icon {
	display: inline-block;
	padding-right: 10px;
	text-decoration: none!important;
}

.img-greyscale {
	-webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
	filter: grayscale(100%);
}

.img-greyscale:hover {
	-webkit-filter: grayscale(0%); /* Safari 6.0 - 9.0 */
	filter: none;
}


.text-blue {
	color: #14aae2;
}

.page-title {
	font-family: 'AdventPro-SemiBold';
	color: #454d50;
	font-size: 3em;
	line-height: 3em;
	text-transform: uppercase;
}

.page-title span {
	border-bottom: #cdcdcd 2px solid;
}

.section {
	width: 100%;
}

.section.section-white {
	background-color: #fff;
}

.section.section-grey-blue {
	background-color: #444d50;
}

.section.section-off-white {
	background-color: #f4f4f4;
}

.section.section-blue {
	background-color: #14aae2;
}

.top-bar {
	min-height: 11.72em;
	background: #fff url(/image/bg_top_bar.jpg) left bottom repeat-x;
}

.top-bar .logo {
	position: relative;
	top: 1.64em;
}

.top-bar .small_logo {
	display: inline-block;
	margin-left: 1em;
}

.top-bar .small_logo img {
	width: 80%;
}

.top-bar ul.menu {
	list-style: none;
	list-style-type: none;
	margin: 0;
	padding: 0;
	text-align: right;
}

.top-bar ul.menu > li {
	list-style: none;
	list-style-type: none;
	margin: 0;
	padding: 0;
	display: inline-block;
}

.top-bar ul.menu > li > a {
	display: block;
	margin: 0;
	font-size: 1.28571em;
	color: #454d50;
	text-transform: uppercase;
	padding: 0 1.33em;
	text-decoration: none;
	height: 9.111em;
	line-height: 9.111em;
}

.top-bar ul.menu > li > a > span {
	padding-bottom: 0.66em;
	border-bottom: #454d50 0.1666em solid;
}


.top-bar ul.menu > li.active a, .top-bar ul.menu > li > a:hover {
	background: #69757a url(/image/menu_item_bg.png) center bottom repeat-x;
	color: #ffffff;
}

.top-bar ul.menu > li.active > a > span ,.top-bar ul.menu > li > a:hover span {
	border-bottom: #ffffff 0.1666em solid;
}

.banner-box {
	width: 100%;
	max-width: 1920px;
	height: 38vw;
	max-height: 52.1429em;
	background-image: url(/image/banner.png);
	background-attachment: fixed;
	background-position: center 0;
	background-repeat: no-repeat;
	position: relative;
	margin: 0 auto;
}

.banner {
	position: relative;
}

.banner img {
	width: 100%;
}

.banner-content {
	width: 100%;
	height: 100%;
	position: relative;
	overflow: hidden;
}

.banner .banner-content {
	width: 100%;
	height: 38vw;
	max-height: 52.1429em;
	position: absolute;
	top: 0;
	left: 0;
}

.banner-box .square {
	position: absolute;
	left: 50%;
	top: 50%;
	width: 18.7143em;
	height: 18.7143em;
}

.banner .square {
	position: absolute;
	left: 50%;
	top: 50%;
	width: 7.7143em;
	height: 7.7143em;
}

.banner-box .square img, .banner .square img {
	position: relative;
	left: -25%;
	top: -50%;
	width: 100%;
}

.banner-box .title {
	position: absolute;
	left: 50%;
	top: 50%;
	width: 12.4em;
	height: 1.2em;
	line-height: 1.2em;
	font-family: 'adventpro-semibold';
	font-size: 3.7514em;
	color: #eeeeee;
	text-transform: uppercase;
}

.banner .title {
	position: absolute;
	left: 50%;
	top: 50%;
	width: 13.2em;
	height: 1.2em;
	line-height: 1.2em;
	font-family: 'adventpro-semibold';
	font-size: 1.4em;
	color: #eeeeee;
	text-transform: uppercase;
}

.banner-box .title div {
	position: relative;
	width: 100%;
	height: 100%;
	left: -62%;
	top: -50%;
}

 .banner .title div {
	position: relative;
	width: 100%;
	height: 100%;
	left: -42%;
	top: -50%;
}

.home_who_we_are {
	background: url(/image/img_home_who_we_are.png) center bottom no-repeat;
	min-height: 39.2857em;
}

.home_who_we_are_text {
	padding-top: 11.1429em;
	padding-bottom: 13.6em;
	text-align: center;
}

.home_who_we_are_text .title {
	height: 7.1429em;
}

.home_who_we_are_text .title span {
	font-family: 'adventpro-semibold';
	font-size: 3em;
	color: #454d50;
	text-transform: uppercase;
	padding: 0 0.619em 0.2381em 0.619em;
	border-bottom: #cdcdcd 2px solid;
}

.home_who_we_are_text .description span {
	font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
	font-size: 1.1423em;
	color: #454d50;
	line-height: 1.625em;
}

.home-project-section {
	min-height: 40em;
}

.home-project-section .container .row .col-xs-12:first-child {
	position: relative;
	min-height: 40em;
}

.home-project-section .square {
	position: absolute;
	right: 1.0714em;
	top: 7.7143em;
	width: 14.5714em;
	height: 14.5714em;
}

.home-project-section .square img {
	width: 100%;
}

.home-project-section .square .title {
	position: absolute;
	left: -1.3993em;
	top: 1.3734em;
	font-family: 'AdventPro-SemiBold';
	font-size: 2.7564em;
	color: #e0e0e0;
	text-transform: uppercase;
}

.home-project-section .square .subtitle {
	position: absolute;
	left: 1.5em;
	top: 7.2857em;
	font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
	font-size: 1em;
	color: #e0e0e0;
}

.home-project-section .link {
	display: inline-block;
	position: absolute;
	right: 1.4375em;
	bottom: 4.5625em;
	font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
	font-size: 1.1429em;
	color: #e0e0e0;
}

.home-project-section .home-project-picture-box {
	height: 40.0714em;
	max-width: 19.2857em;
}

.home-project-section .home-project-picture-box a {
	display: block;
	height: 100%;
	width: 100%;
}


.home-project-section .home-project-picture-box.home-project-picture-box1 {
	background: url(/image/img_home_project1.jpg) left top no-repeat;
	background-size: cover;
}

.home-project-section .home-project-picture-box.home-project-picture-box1:hover {
	background: url(/image/img_home_project1.jpg) left -40.0714em no-repeat;
	background-size: cover;
}

.home-project-section .home-project-picture-box.home-project-picture-box2 {
	background: url(/image/img_home_project2.jpg) left top no-repeat;
	background-size: cover;
}

.home-project-section .home-project-picture-box.home-project-picture-box2:hover {
	background: url(/image/img_home_project2.jpg) left -40.0714em no-repeat;
	background-size: cover;
}

.home-project-section .home-project-picture-box.home-project-picture-box3 {
	background: url(/image/img_home_project3.jpg) left top no-repeat;
	background-size: cover;
}

.home-project-section .home-project-picture-box.home-project-picture-box3:hover {
	background: url(/image/img_home_project3.jpg) left -40.0714em no-repeat;
	background-size: cover;
}








/* INTERIOUR PAGES */

.banner-int {
	width: 100%;
	height: 22.4286em;
}

.banner-int.banner-services {
	background: url(/image/banner_services.jpg) center center no-repeat;
	background-size: cover;
}

.banner-int.banner-projects {
	background: url(/image/banner_projects.jpg) center center no-repeat;
	background-size: cover;
}

.banner-int.banner-contact {
	background: url(/image/banner_contact.jpg) center center no-repeat;
	background-size: cover;
}

.banner-int .container {
	position: relative;
}

.banner-int .banner-content {
	width: 100%;
	height: 22.4286em;
	position: relative;
	overflow: hidden;
}

.banner-int .square {
	position: absolute;
	left: 13.5714em;
	top: 3.3571em;
	width: 11.4286em;
	height: 11.4286em;
}

.banner-int .square img {
	position: relative;
	width: 100%;
}

.banner-int .title {
	position: absolute;
	left: 0;
	top: 50%;
	width: 100%;
	height: 1.2em;
	line-height: 1.2em;
	font-family: 'adventpro-semibold';
	font-size: 3.5714em;
	color: #eeeeee;
	text-transform: uppercase;
}

.banner-int .title div {
	position: relative;
	width: 100%;
	height: 100%;
	left: 0;
	top: -100%;
}

/* SERVICE PAGE */


.service-image {
	width: 100%;
	height: 38.7143em;
}

.service-text {
	max-width: 40em;
	width: 100%;
	padding-top: 5.8182em;
}

.service-text .subtitle {
	color: #14aae2;
	font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 1.5714em;
	line-height: 1.5714em;
	text-transform: uppercase;
}

.service-text.big-padding {
	padding-top: 11.5714em;
	padding-left: 9.3571em;
}

.service-text .list ul, .service-text .list ul > li {
	list-style: none;
	list-style-type: none;
	margin: 0;
	padding: 0;
}

.service-text .list ul > li {
	color: #454d50;
	font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
	font-size: 1.5714em;
	line-height: 1.514em;
	display: block;
	padding: 0.0454em 0 0.0454em 0.9090em;
	background: url(/image/list_bullet.png) left 0.5em no-repeat;
}

.service-image.service-0 {
	background: url(/image/img_service_1.jpg) center center no-repeat;
	background-size: cover;
}

.service-image.service-1 {
	background: url(/image/img_service_2.jpg) center center no-repeat;
	background-size: cover;
}

.service-image.service-2 {
	background: url(/image/img_service_3.jpg) center center no-repeat;
	background-size: cover;
}

.service-image.service-3 {
	background: url(/image/img_service_4.jpg) center center no-repeat;
	background-size: cover;
}




/* Projects page */
.project-list .project-box {
	margin-bottom: 2em;
	text-decoration: none;
	display: block;
}

.project-list .project-box .picture-box {
	width: 100%;
	max-width: 25.8571em;
	margin: 0 auto;
}

.project-list .project-box .project-title {
	font-family: 'AdventPro-Medium';
	font-size: 1.2857em;
	line-height: 1.2857em;
	margin-top: 1em;
	color: #444d50;
	text-align: center;
	text-transform: uppercase;
}

.project-list .project-box .project-title span {
	padding: 0 1.4444em;
	border-bottom: #cdcdcd 2px solid;
}

.project-view .picture-box {
	max-width: 25.8571em;
	display: inline-block;
	float: left;
	margin: 0 1.5em 1.5em 0;
}

.project-view .project-title {
	font-family: 'AdventPro-Medium';
	font-size: 1.2857em;
	line-height: 1.2857em;
	margin: 1em 0;
	color: #444d50;
	text-transform: uppercase;
}

.project-view .description {
	font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
	font-size: 1.1em;
	line-height: 1em;
	color: #444d50;
}






















/* Contact page */
.contact-form {
	margin-bottom: 1.2em;
	padding-top: 6.5em;
}

.contact-info {
	position: relative;
	display: inline-block;
	right: 0;
	padding-top: 6.5em;
}

.contact-info .name {
	font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
	font-size: 1.2857em;
	font-weight: bold;
	line-height: 1.2857em;
	color: #14aae2;
	text-transform: uppercase;
}

.contact-info .map {
	margin-top: 2em;
}

.contact-text {
	font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
	font-size: 1.1429em;
	line-height: 1.1429em;
	color: #454d50;
}

.contact-info .iframe-container {
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 35px;
	height: 0;
	min-width: 28.5714em;
	overflow: hidden;
}


.contact-info .iframe-container iframe {
	position: absolute;
	top:0;
	left: 0;
	width: 100%;
	height: 100%;
}

.contact-form textarea {
	resize: none;
}


















/* Footer */

.footer-info-section {
	background: url(/image/img_footer_info.png) center bottom no-repeat;
	min-height: 24.2857em;
}

.footer_info_text {
	padding-top: 4.2857em;
}

.footer_info_text .title {
	font-family: 'AdventPro-Bold';
	font-size: 4.2143em;
	line-height: 1em;
	text-transform: uppercase;
	color: #444d50;
}

.footer_info_text .subtitle {
	font-family: 'AdventPro-Regular';
	font-size: 1.7143em;
	line-height: 1em;
	color: #444d50;
	text-transform: uppercase;
	margin-bottom: 1.9167em
}

.footer_info_text p {
	font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
	font-size: 1.2857em;
	line-height: 1em;
	color: #444d50;
}

.footer_info_text p:last-child {
	margin-top: 1.5556em;
}

.footer_info_text p:last-child a {
	display: inline-block;
	margin-left: 1.1111em;
}

.footer_info_text p:last-child a:last-child {
	margin-left: 0.5556em;
}

.footer-signature-section {
	padding-bottom: 0.3571em;
}

.footer-signature-section .compass {
	position: absolute;
	width: 15.0714em;
	height: 25.9286em;
	left: -14em;
	top: -21.5714em;
}

.footer-signature-section .text {
	font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
	font-size: 1.4286em;
	color: #fefefe;
}

.footer-signature-section a {
	color: #fefefe;
	text-decoration: none;
}

.footer-signature-section a:hover {
	text-decoration: underline;
}

.footer-signature-left {
	line-height: 4em;
}

.footer-signature-right {
	text-align: right;
	line-height: 4em;
}





/* RESPONSIVE */

/* Extra Small devices */
@media (max-width: 767px) { 
	.top-bar {
		min-height: 0;
	}

	.top-bar .navbar {
		margin-bottom: 0;
		padding: 1em 0;
	}

	.top-bar .navbar .navbar-nav {
		background-color: #454d50;
	}

	.top-bar .navbar-default .navbar-nav > li > a {
		color: #ccc;
	}

	.top-bar .navbar-default .navbar-nav > li > a:hover {
		color: #FFF;
	}

	.home_who_we_are {
		background: none;
	}

	.home_who_we_are_text .title span {
		font-size: 2.5em;
	}

	.home-project-section .square {
		position: relative;
		left: 0;
		margin: 0 auto;
	}

	.home-project-section .square .square_container .title {
		font-size: 2em;
	}

	.home-project-section .link {
		display: block;
		position: relative;
		left: 0;
		top: 9em;
		text-align: center;
	}

	.home-project-section .container .row .col-xs-12:first-child {
		min-height: 30em;
	}

	.home-project-section .home-project-picture-box {
		height: 12em;
		width: 100%;
		max-width: 100%;
	}

	.home-project-section .home-project-picture-box.home-project-picture-box1, .home-project-section .home-project-picture-box.home-project-picture-box1:hover {
		background: url(/image/img_home_project1.jpg) center top no-repeat;
		background-size: auto;
	}

	.home-project-section .home-project-picture-box.home-project-picture-box2, .home-project-section .home-project-picture-box.home-project-picture-box2:hover {
		background: url(/image/img_home_project2.jpg) center top no-repeat;
		background-size: auto;
	}

	.home-project-section .home-project-picture-box.home-project-picture-box3, .home-project-section .home-project-picture-box.home-project-picture-box3:hover {
		background: url(/image/img_home_project3.jpg) center top no-repeat;
		background-size: auto;
	}

	.home-project-section-image-xs .col {
		margin-bottom: 3em;
	}


	.service-row {
		margin-bottom: 4em;
	}

	.service-text {
		padding: 0;
		max-width: 100%;
		margin-bottom: 1.5em;
	}

	.service-text.big-padding {
		padding: 0;
	}

	.service-text.pull-right {
		float: left!important;
	}

	.project-view .picture-box {
		float: none;
		display: block;
		margin: 0 auto 1.5em auto;
	}

	.project-view .project-title {
		text-align: center;
	}

	.project-view .description {
		text-align: justify;
	}

	.contact-info {
		float: left!important;
	}

	.contact-info .iframe-container {
		max-width: 100%;
		min-width: 0;
	}

	.footer-info-section {
		background: none;
	}

	.footer-signature-right {
		text-align: left;
	}

	.footer_info_text {
		text-align: center;
	}
}

/* Small devices */
@media (min-width: 768px) and (max-width: 991px) { 
	.top-bar ul.menu > li > a {
		font-size: 1em;
		color: #454d50;
		height: 11.7143em;
		line-height: 11.7143em;
	}

	.home_who_we_are {
		background: none;
	}

	.home-project-section-image-sm {
		margin-top: 3em;
	}

	.home-project-section .home-project-picture-box {
		height: 12em;
		width: 100%;
		max-width: 100%;
	}

	.home-project-section .home-project-picture-box.home-project-picture-box1, .home-project-section .home-project-picture-box.home-project-picture-box1:hover {
		background: url(/image/img_home_project1.jpg) center top no-repeat;
		background-size: auto;
	}

	.home-project-section .home-project-picture-box.home-project-picture-box2, .home-project-section .home-project-picture-box.home-project-picture-box2:hover {
		background: url(/image/img_home_project2.jpg) center top no-repeat;
		background-size: auto;
	}

	.home-project-section .home-project-picture-box.home-project-picture-box3, .home-project-section .home-project-picture-box.home-project-picture-box3:hover {
		background: url(/image/img_home_project3.jpg) center top no-repeat;
		background-size: auto;
	}

	.home-project-section-image-sm .col {
		margin-bottom: 3em;
	}


	.service-row {
		margin-bottom: 4em;
	}

	.service-text {
		padding: 0;
		max-width: 100%;
		margin-bottom: 1.5em;
	}

	.service-text.big-padding {
		padding: 0;
	}

	.service-text.pull-right {
		float: left!important;
	}


	.contact-info {
		float: left!important;
	}

	.footer-signature-right {
		text-align: left;
	}
}

/* Medium devices */
@media (min-width: 992px) and (max-width: 1199px) { 

	.home-project-section-image-md {
		margin-top: 2.7em;
	}

	.home-project-section .home-project-picture-box {
		height: 34.5em;
		max-width: 16.6071em;
	}

	.home-project-section .home-project-picture-box a {
		display: block;
		height: 100%;
		width: 100%;
	}

	.home-project-section .square .square_container .title {
		font-size: 2em;
	}

	.home-project-section .home-project-picture-box.home-project-picture-box1:hover {
		background: url(/image/img_home_project1.jpg) left -34.5em no-repeat;
		background-size: cover;
	}

	.home-project-section .home-project-picture-box.home-project-picture-box2:hover {
		background: url(/image/img_home_project2.jpg) left -34.5em no-repeat;
		background-size: cover;
	}

	.home-project-section .home-project-picture-box.home-project-picture-box3:hover {
		background: url(/image/img_home_project3.jpg) left -34.5em no-repeat;
		background-size: cover;
	}

	.service-row {
		margin-bottom: 4em;
	}

	.service-text {
		padding: 0;
		max-width: 100%;
		margin-bottom: 1.5em;
	}

	.service-text.big-padding {
		padding: 0;
	}

	.service-text.pull-right {
		float: left!important;
	}
}

/* Large devices */
@media (min-width: 1200px) {

}