/* version 1.0 */
/* ========================================================= */
@import "/assets/css/animate.css";
@import "/assets/css/canvas.css";
@import url('https://maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css');
@import url('https://fonts.googleapis.com/css2?family=Righteous&display=swap');
@import url('https://fonts.googleapis.com/css?family=Asap:700');
@import url('https://fonts.googleapis.com/css?family=Lato:400');
@import url('https://fonts.googleapis.com/css?family=Lato:300');
@import url('https://fonts.googleapis.com/css?family=Lato:700');
@import url('https://fonts.googleapis.com/css?family=Lato:900');
@import url('https://fonts.googleapis.com/css?family=Open+Sans');
@import url('https://fonts.googleapis.com/css?family=Roboto:700');
@import url('https://fonts.googleapis.com/css?family=Roboto+Slab:300');
@import url('https://fonts.googleapis.com/css2?family=Sarina&display=swap');
/* ========================================================= */

body { font: 300 15px/26px "Lato", sans-serif; color: #2d3235; background: #e1e2e3; }
a[href^="tel:"] { color: inherit; text-decoration: none; }
a { text-decoration: none; color: inherit; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; }
a:hover { color: #52a1b5; }
.div__position-relative { position: relative; }
.div__float-right { float: right !important; }

@media (max-width: 767px) {
	.div__float-right { float: none; }
}
.button-wrapper { text-align: center; }
img { max-width: 100%; }
* { 
 -webkit-text-size-adjust: none;
}

/* ======= Headers ======= */
h2 { font: 900 23px/31px "Lato", sans-serif; text-transform: uppercase; color: #2d3235; position: relative; text-align: center; padding-bottom: 11px; }
h2:after { content: ''; display: block; position: absolute; width: 88px; height: 1px; background: #2d3235; left: 50%; bottom: 0; margin-left: -44px; }
h3 { font: 700 18px/31px "Lato", sans-serif; color: #3b4246; }
h3.h3__inset1 { color: #2d3235; }
h3.h3__inset2 { text-transform: uppercase; }
h3.h3__inset3 { color: #ffffff; }
h4 { font: 700 18px/30px "Lato", sans-serif; color: #3b4246; }
h5 { font: 900 14px/14px "Lato", sans-serif; color: #94a0a9; text-transform: uppercase; }
h5.h5__inset1 { padding-left: 36px; }
h6 { font: 900 48px/60px "Lato", sans-serif; text-transform: uppercase; color: #ffffff; }

@media (max-width: 767px) {
	h5.h5__inset1 { padding-left: 0; }
	h6 { font-size: 35px; line-height: 40px; }
}


/* ======= Buttons ======= */
.btn-default {
	font: 700 20px/20px "Lato", sans-serif; color: #ffffff; display: inline-block; /*text-transform: lowercase;*/ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
	min-width: 213px; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; border-radius: 29px; text-align: center; background: #ecc733;
}
@media (max-width: 979px) {
	.btn-default { min-width: 180px; }
}
.btn-default.btn-default__color1 { background: #52a1b5; }
.btn-default.btn-default__color1:hover { background: #ecc733; /*ffd10c*/ }
.btn-default:hover { background: #52a1b5; }
.btn-default:hover a { color: #ffffff; }
.btn-default a { display: block; padding: 10px 10px 14px; position: relative; border-radius: 29px; }
.btn-default a:after { 
	-webkit-transition: all 0.3s ease; transition: all 0.3s ease; font-family: "fontawesome"; font-size: 18px; position: absolute; font-style: normal; font-weight: normal; text-decoration: none;
	cursor: default; line-height: 20px; color: #ffffff; content: "\f061"; cursor: pointer; margin-top: 2px; margin-left: 22px; /*text-rendering: optimizeLegibility;*/
}
.btn-default a span { display: inline-block; margin-left: -37px; }
.btn-big {
	font: 700 30px/30px "Lato", sans-serif; color: #ffffff; display: inline-block; /*text-transform: lowercase;*/ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
	min-width: 450px; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; border-radius: 29px; text-align: center; 
}
/*
@media (max-width: 767px) {
	.btn-big { min-width: 270px; max-width: 270px; }
}*/
.btn-big:hover { background: #52a1b5; }
.btn-big:hover a { border-color: #52a1b5; color: #ffffff; }
.btn-big a { display: block; padding: 13px 10px 19px; position: relative; border: 2px solid #ffffff; border-radius: 29px; }
.btn-big a:after { 
	-webkit-transition: all 0.3s ease; transition: all 0.3s ease; font-family: "fontawesome"; font-size: 27px; position: absolute; font-style: normal; font-weight: normal; text-decoration: none;
	cursor: default; line-height: 30px; color: #ffffff; content: "\f061"; cursor: pointer; margin-top: 2px; margin-left: 22px; /*text-rendering: optimizeLegibility;*/
}
.btn-big a span { display: inline-block; margin-left: -45px; }

#sub2 .btn-big:hover { background: #353535; }
#sub2 .btn-big a { cursor:not-allowed; font-style:italic; color:silver; }
#sub2 .btn-big a:hover { background: #353535; border-color:silver; }
#sub2 .btn-big a:after { content:''; }

.btn-big.btn-big__inset1 { background: #e5012d; }
.btn-big.btn-big__inset1 a { border-color: #e5012d; }
.btn-big.btn-big__inset1:hover { background: #52a1b5; }
.btn-big.btn-big__inset1:hover a { border-color: #52a1b5; }

.btn-big.btn-big__inset2 { background: #52a1b5; }
.btn-big.btn-big__inset2 a { border-color: #52a1b5; }
.btn-big.btn-big__inset2:hover { background: #ecc733; }
.btn-big.btn-big__inset2:hover a { border-color: #ecc733; }

.btn-big.btn-big__inset3 { background: #ecc733; }
.btn-big.btn-big__inset3 a { border-color: #ecc733; }
.btn-big.btn-big__inset3:hover { background: #52a1b5; }
.btn-big.btn-big__inset3:hover a { border-color: #52a1b5; }


@media (max-width: 767px) {
	.btn-big { min-width: 270px; max-width: 270px; font: 700 18px/20px "Lato", sans-serif; }
	.btn-big a { text-align:center; padding: 15px 10px 17px 25px; }
	.btn-big a:after { font-size: 17px; margin:-5px 0 0 10px; }
}

@media (max-width: 479px) {
	.btn-big { min-width: 300px; max-width: 300px; font: 700 16px/18px "Lato", sans-serif; }
	.btn-big a { text-align:center; padding: 13px 7px 13px 22px; }
	.btn-big a:after { font-size: 15px; margin:-6px 0 0 10px; }
}


/* ======= Wrappers ======= */
.wrapper1 { padding: 50px 0 125px; /*107px*/ }
.wrapper1 .box1 { margin-top: 125px; }
.wrapper2 { padding: 80px 0 134px; /*127*/ background: #e1e2e3; }
.wrapper2 .box2 { margin-top: 58px; }
.wrapper2 .btn-big__inset1, .wrapper2 .btn-big__inset2, .wrapper2 .btn-big__inset3 { margin-top: 68px; }
.wrapper3 { padding: 70px 0 150px; background: #52a1b5; }
.wrapper3 h2 { color:#fff; }
.wrapper3 h2:after { background: #fff; }
.wrapper3 .slogan1 { margin-bottom:60px; }
.wrapper4 { background: #ffffff; position: relative; overflow: hidden; padding: 132px 0 114px; }
.wrapper4 h5 { margin-bottom: 22px; }
.wrapper5 { position: relative; background: #2d3235; z-index: 5; }

@media (max-width: 767px) { 
	.wrapper5 {	background: #ffffff; }
}
.wrapper5 h5 { color: #ffffff; }
@media (max-width: 767px) {
	.wrapper5 h5 { color: #2d3235; }
}
.wrapper5 .big-link { margin-top: 14px; margin-bottom: 40px; }
@media (max-width: 767px) {
	.wrapper5 .big-link { color: #2d3235; }
}

.wrapper5 .socials1 { margin-bottom: 35px; }
.wrapper6 { padding: 122px 0 132px; background: #52a1b5; }
.wrapper6b { padding: 62px 0 72px; background: #52a1b5; }
.wrapper6.wrapper6__inset1 { padding: 117px 0 161px; }
.wrapper6b.wrapper6__inset1 { padding: 117px 0 161px; }
.wrapper7 { padding-bottom: 141px; }
.wrapper8 { background: #2d3235; padding: 80px 0 70px; /*127px 0 136px*/ }
.wrapper8b { background: #2d3235; padding: 50px 0; }
.wrapper8.wrapper8__inset1 { padding-bottom: 80px; /*154px*/ }
.wrapper8 legend { color:#fff; }

.wrapper9 { padding-bottom: 42px; }
.wrapper10 { padding-bottom: 163px; }
.wrapper10a { margin-bottom: 100px; }
.wrapper10b { margin-bottom: 70px; }
.background-block {	z-index: 4; width: 2000px; height: 1000px; display: block; position: absolute; left: -1630px; top: -132px; background: #2d3235; }

@media (max-width: 1199px) {
	.background-block {	left: -1700px; }
}
@media (max-width: 979px) {
	.background-block { left: -1764px; }
}
@media (max-width: 767px) {
	.background-block { display: none; }
}
@media (max-width: 479px) {
	.wrapper6b { padding-bottom:20px; }
}


/*========================================================
    HEADER styles
=========================================================*/
#header {
	background-size: cover; position: relative;
	-webkit-transition: background 1s linear ;
	-moz-transition: background 1s linear ;
	-o-transition: background 1s linear ;
	-ms-transition: background 1s linear ;
	transition: background 1s linear ;
}
#header.head1 {	background: url('/assets/img/header1.jpg') no-repeat center top #ffffff; -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.2); box-shadow: 0 3px 9px rgba(0, 0, 0, 0.2); }
#header.head2 {	background: url('/assets/img/header2.jpg') no-repeat center top #ffffff; -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.2); box-shadow: 0 3px 9px rgba(0, 0, 0, 0.2); }
#header.head3 {	background: url('/assets/img/header3.jpg') no-repeat center top #ffffff; -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.2); box-shadow: 0 3px 9px rgba(0, 0, 0, 0.2); }
#header.head4 {	background: url('/assets/img/header4.jpg') no-repeat center top #ffffff; -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.2); box-shadow: 0 3px 9px rgba(0, 0, 0, 0.2); }
#header.head5 {	background: url('/assets/img/header5.jpg') no-repeat center top #ffffff; -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.2); box-shadow: 0 3px 9px rgba(0, 0, 0, 0.2); }
#header.head6 {	background: url('/assets/img/header6.jpg') no-repeat center top #ffffff; -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.2); box-shadow: 0 3px 9px rgba(0, 0, 0, 0.2); }
#header.main { background: url('/assets/img/page1_img1.jpg') no-repeat center top #ffffff; }

@media (max-width: 979px) {
	#header { text-align: center; }
}

#header .info {
	padding: 11px 0; background: url('/assets/img/background1.png') repeat; text-align: right; text-transform: uppercase; letter-spacing: 0.075em; 
	font: 400 10px/11px "Open Sans", sans-serif; color: #ffffff; /*a7b1b5*/ 
}
#header .info a { display: inline-block; margin-left: 15px; }
#header .info a:hover { color: #0e3544; }

@media (max-width: 979px) {
	#header .info { color: #ffffff; margin-top: 20px; text-align: center; }
	#header .info a { margin:0 10px; font-size:13px; /**/ }
	/*#header .info a:hover { color: #52a1b5; }*/
}
@media (max-width: 479px) {
	#header .info { color: #ffffff; margin-top: 25px; text-align: center; font: 400 11px/16px "Open Sans", sans-serif; }
	#header .info a { margin:0 10px 0 0; text-shadow: 1px 1px 2px black; }
	#header .info a + a  { margin:0 0 0 10px; }
}


#header #stuck_container .wrapper {
	padding: 19px 0 103px;
}
@media (max-width: 979px) {
	#header #stuck_container .wrapper { padding: 10px 0 50px; }
}
#header #stuck_container.isStuck .wrapper { padding: 0; }
#header #stuck_container.isStuck .wrapper .search-block { display: none; }
#header #stuck_container.isStuck .wrapper nav .sf-menu > li { margin-top: 20px; }
#header #stuck_container.isStuck .wrapper nav .sf-menu > li { padding-top: 12px; padding-bottom: 6px; margin-top: 1px; }
#header #stuck_container.isStuck .wrapper nav .sf-menu > li > .sf-with-ul:after { bottom: -2px; zoom:0.9; }
#header #stuck_container.isStuck .wrapper nav .sf-menu ul { top: 48px; }
#header #stuck_container.isStuck .wrapper nav .sf-menu ul ul { top: -28px; }

#header .search-block { position: relative; float: right; }
#header .search-block .icon { margin-top: 22px; text-align: center; display: block; width: 48px; height: 48px; border-radius: 100px; background: #1f4c58; }
#header .search-block .icon i { -webkit-transition: all 0.3s ease; transition: all 0.3s ease; font-size: 20px; line-height: 48px; color: #ffffff; }
#header .search-block .icon:hover { cursor: pointer; }
#header .search-block .icon:hover i { color: #52a1b5; }
#header .search-block #search { position: absolute; left: -152px; bottom: -55px; display: none; }

@media (max-width: 767px) {
	#header .search-block #search { left: -213px; bottom: 4px; }
}

/* ======= Logo ======= */
h1 { position: absolute; left: 0; top: 0; background: #ffffff; display: inline-block; text-align: center; width: 182px; }
.h1_shad { -webkit-box-shadow: 0px 21px 21px 0px rgba(0, 0, 0, 0.12); box-shadow: 0px 21px 21px 0px rgba(0, 0, 0, 0.12); }
h1 a { display: block; padding: 18px 0 27px; }
h1 span { display: block; }
h1 img { margin-bottom: 9px; }
h1 .main { font: 400 25px/39px "Sarina", sans-serif; color: #333638; }
h1 .secondary { font: 700 22px/14px "Asap", sans-serif; color: #333638; /* text-transform: uppercase;*/ }

@media (max-width: 979px) {
	h1 { position: relative; }
}

/* ======= Banner 1 Creating the future ======= */
.banner1 { padding: 82px 0 253px; text-align: center; }
.banner1 .main { margin-bottom: 26px; font: 700 80px/80px "Lato", sans-serif; display: block; color: #ffffff; }
.banner1 .secondary { display: block; font: 400 20px/34px "Open Sans", sans-serif; color: #ffffff; }
.banner1 .secondary a:hover { color:#1e1f20; /* text-shadow: 1px 1px 2px black;*/ }
.banner1 .btn-big { margin-top: 76px; }

@media (max-width: 979px) {
	.banner1 { padding: 20px 0 253px; }
	.banner1 .btn-big { margin-top: 25px; }
}
@media (max-width: 767px) {
	.banner1 .main { font-size: 47px; line-height: 47px; }
	.banner1 .secondary { font: 400 16px/26px "Open Sans", sans-serif; }
}
@media (max-width: 479px) {
	.banner1 .main { font-size: 38px; line-height: 40px; }
	.banner1 .secondary { font: 400 14px/26px "Open Sans", sans-serif; }
	.banner1 .bg1a { padding:20px 15px; }
}

/* ======= Main menu variables / Sub menus common variables / First level sub menu variables ======= */
nav { float: right; margin-right: 12px; }
@media (max-width: 979px) {
	nav { float: none; display: inline-block; margin-right: 0; }
}

/* Main menu styles
========================================================*/
.sf-menu > li {
	letter-spacing: 0.05em;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	float: left;
	position: relative;
	text-align: center;
	padding: 28px 30px 22px 30px;
	margin:10px 0 10px 11px;
	background: url('/assets/img/background2.png') repeat;
}
.sf-menu > li a i span { display:none; }
.sf-menu > li.with-menu {
	-webkit-transition: all 0.3s ease;
	transition: all 0.3s ease;
	margin:10px 0 10px 11px;
	/* margin-right: 11px;*/
	/* padding: 38px 33px 37px 41px;*/
	/*padding: 38px 23px 37px 31px;*/
}
@media (max-width: 1199px) {
	.sf-menu > li.with-menu { padding-left: 7px; padding-right: 7px; }
}
.sf-menu > li + li { /*margin-right: 44px;*/ }

@media (max-width: 1199px) {
	.sf-menu > li + li { margin-right: 20px; }
}
.sf-menu > li > .sf-with-ul:after { 
	font-family: "fontawesome"; font-size: 12px; position: absolute; font-style: normal; font-weight: normal; text-decoration: none; cursor: default; content: "\f078"; color: #ffffff;
	bottom: 13px; left: 50%; margin-left: -7px; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; /*text-rendering: optimizeLegibility;*/
}
.sf-menu > li > a { text-transform: none; font: 700 18px/18px "Roboto", sans-serif; display: inline-block; -webkit-transition: 0.3s all ease; transition: 0.3s all ease; color: #ffffff; }
.sf-menu > li > a:hover { color: #0e3544; -webkit-transition: 0.3s all ease; transition: 0.3s all ease; }
.sf-menu > li > a:active { background: transparent; color: #0e3544; }
.sf-menu .sfHover.with-menu { background: #333638; }
.sf-menu .sfHover.with-menu a { color: #ffffff; }
.sf-menu .sfHover.with-menu a:after { color: #ffffff; }
.sf-menu > li.current > a { color: #0e3544; }
.sf-menu > li.current > .sf-with-ul:after { color: #0e3544; }
.sf-menu > li.sfHover > a { color: #0e3544; }
.sf-menu > li.sfHover > a:after { color: #ffffff; }
.sf-menu > li.with-menu.sfHover:hover a:after { color: #ffffff; }
.sf-menu > li.current.with-menu:hover a:after { color: #ffffff; }
.sf-menu a { -webkit-transition: 0.3s all ease; transition: 0.3s all ease; }
.sf-menu a:hover { -webkit-transition: 0.3s all ease; transition: 0.3s all ease; }


/* First level sub-menu styles
========================================================*/
.sf-menu ul { -webkit-box-shadow: -1px 2px 3px 0px rgba(0, 0, 0, 0.16); box-shadow: -1px 2px 3px 0px rgba(0, 0, 0, 0.16); display: none; min-width: 245px; font: 400 14px/37px "Lato", sans-serif;
	position: absolute; top: 80px; /*96px;*/ left: 0; background: #333638; text-align: left; padding: 28px 0 32px 0; z-index: 2; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
}
.sf-menu ul li { letter-spacing: 0; position: relative; display: block; }
.sf-menu ul li:hover > a { background: #52a1b5; color: #ffffff; }
.sf-menu ul li > .sf-with-ul:after { 
	font-family: "fontawesome"; font-size: 14px; position: absolute; font-style: normal; font-weight: normal; text-decoration: none; cursor: default;
	content: "\f054"; color: #ffffff; bottom: -1px; right: 15px; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; /*text-rendering: optimizeLegibility;*/
}
.sf-menu ul li a { padding-left: 22px; display: block; color: #ffffff; text-transform: none; }
.sf-menu ul > .sfHover > a { background: #52a1b5; }
.sf-menu ul > .sfHover > a:after { color: #ffffff; }
.sf-menu ul li.sfHover > a { background: #52a1b5; color: #ffffff; }

/* Second level sub-menu styles
========================================================*/
.sf-menu ul ul { position: absolute; top: -28px; left: 245px; margin-left: 0; z-index: 4; text-align: left; }
@media only screen and (max-width: 767px) {
	.sf-menu { display: none; }
	nav { width: 100%; float: none;	}
	.select-menu {	
		border-radius: none; display: block; text-transform: capitalize; float: none; color: #0e3544; width: 100%; margin-top: 20px; margin-bottom: 10px; background: #ffffff;
		font: 22px/28px "Open Sans", sans-serif; text-align: left; border: 1px solid #c1c1c1; padding: 2px 0; position: relative;
	}
	.select-menu option { text-align: left; position: relative; }
}

/*Core variables and mixins - Stuck menu styles
========================================================*/
.isStuck { z-index: 999; position: fixed; -webkit-box-shadow: 0 0 4px 0 #000000; box-shadow: 0 0 4px 0 #000000; background: #52a1b5; }
@media only screen and (max-width: 979px) {
	.isStuck { display: none !important; }
}

/*========================================================
    CONTENT styles
=========================================================*/
#content { background: #ffffff; }
#content.common { padding-top: 85px; border:solid 1px #fff; }

/* ======= Slogan 1 ======= */
.slogan1 { text-align: center; }
.slogan1 h2 { margin-bottom: 33px; }
.slogan1 legend { font: 400 15px/26px "Lato", sans-serif; /*font: 300 17px/26px "Lato", sans-serif;*/ }
.slogan1 b, .slogan1 strong { font-weight:bold; }
.slogan1.slogan1__color1 h2 { color: #ffffff; }
.slogan1.slogan1__color1 h2:after { background: #ffffff; }
.slogan1.slogan1__color1 legend { color: #ffffff; }
.slogan1 a { text-decoration:underline; font-weight:400; } 
.slogan1 a:hover { text-decoration:none; } 
.slogan1 a.current { color:#52a1b5; text-decoration:underline; }
.slogan1 i { font-style:italic; }

/* ======= Box 1 What we do ======= */
.box1 { text-align: center; }
.box1 img { border-radius: 28px; margin-bottom: 27px; }
.box1.first img { background: #e5012d; -webkit-box-shadow: 0px 4px 0px 0px #bd0d2f; box-shadow: 0px 4px 0px 0px #bd0d2f; }
.box1.second img { background: #ffd10c; -webkit-box-shadow: 0px 4px 0px 0px #dfb914; box-shadow: 0px 4px 0px 0px #dfb914; }
.box1.third img { background: #52a1b5; -webkit-box-shadow: 0px 4px 0px 0px #497f8d; box-shadow: 0px 4px 0px 0px #497f8d; }
.box1.fourth img { background: #2d3235; -webkit-box-shadow: 0px 4px 0px 0px #2f3437; box-shadow: 0px 4px 0px 0px #2f3437; }

/* ======= Box 2 Our latest projects ======= */
.box2 { float: left; width: 25%; }
@media (max-width: 767px) {
	.box2 { float: none; width: 100%; margin-top: 0; }
	.wrapper2 .box2 { margin-top: 28px; }
}

/* ======= Box 3 News & Events ======= */
.box3 time { margin-top: 23px; font: 300 51px/51px "Lato", sans-serif; display: block; margin-bottom: 46px; }
.box3 .btn-default { margin-top: 50px; }
.box3 h3 { margin-bottom: 36px; }
.box3.box3__inset1 { padding-left: 36px; }

@media (max-width: 1199px) {
	.box3 time { font-size: 47px; }
}
@media (max-width: 979px) {
	.box3 time { font-size: 30px; }
}
@media (max-width: 767px) {
	.box3 { margin-bottom: 50px; }
	.box3.box3__inset1 { padding-left: 0; }
}
@media (max-width: 479px) {
	#infos_accueil .box3 .btn-default { min-width:300px; }
	#infos_accueil .wrapper5 { margin-bottom:70px; }
	#infos_accueil h5 { color: #94a0a9; padding-bottom:5px; border:solid 1px #e4e7e9; border-width:0 0 1px 0; }
	#infos_accueil .box3 time { margin:20px 0; }
	#infos_accueil .mh80 { min-height:auto; }

	#infos_pratiques .btn-default { min-width:300px; }
}


/* ======= Big link ======= */
.big-link { font: 300 24px/31px "Lato", sans-serif; display: inline-block; color: #ffffff; }

/* ======= Main page address ======= */
.main-page-address { font: 900 12px/14px "Lato", sans-serif; padding-left: 33px; color: #ffffff; margin-bottom: 25px; }
@media (max-width: 767px) {
	.main-page-address { color: #2d3235; }
}
.main-page-address.phone { position: relative; }
.main-page-address.phone:before { 
	font-family: "fontawesome"; font-size: 30px; position: absolute; font-style: normal; font-weight: normal; text-decoration: none; cursor: default; left: 0; top: 10px; 
	color: #ffffff; content: "\f095"; /* text-rendering: optimizeLegibility; */
}
@media (max-width: 767px) {
	.main-page-address.phone:before { color: #2d3235; }
}
.main-page-address.phone .number { text-transform: uppercase; }
.main-page-address.location { position: relative; }
.main-page-address.location:before { 
	font-family: "fontawesome"; font-size: 42px; position: absolute; font-style: normal; font-weight: normal; text-decoration: none; cursor: default; left: 0; top: 15px; 
	color: #ffffff; content: "\f041";
}

@media (max-width: 767px) {
	.main-page-address.location:before { color: #2d3235; }
}
.main-page-address span { display: block; }

/* ======= Box 4 Markets & Services ======= */
.box4 { padding-top:50px; margin-top: 60px; }
.box4 img { margin-top: 9px; }
#docteurs .box4 img { max-width:233px; border-radius:4px; }
.box4 h4 { margin-bottom: 15px; }
.box4 .btn-default { margin-top: 26px; min-width:380px; width:auto; }
.box4 { border:solid 1px #e1e2e3; border-width:1px 0 0 0; }
.box4.nb { border-width:0; }

@media (max-width: 767px) {
	.box4 img { margin-bottom: 20px; }
}
@media (max-width: 479px) {
	#docteurs .box4 .grid_3, #docteurs .box4 .grid_5 { text-align:center; }
	#docteurs .box4 .grid_3 img { text-align:center; width:85%; max-width:85%; }
	.box4 .btn-default { min-width:auto; margin-top: 26px; width:95%; font: 700 18px/18px "Lato", sans-serif; color: #ffffff; }
}

/* ======= Box 5 Additional Services ======= */
.box5 { margin-top: 58px; margin-bottom: -4px; }
.box5 img { margin-bottom: 36px; }
.box5 h3 { margin-bottom: 7px; }
.box5 p { margin-bottom: 24px; }
.box5 p + p { margin-top: 30px; }
@media (max-width: 767px) {
	.box5 img { width: 100%; }
}

/* ======= Box 6 Our projects ======= */
.box6 { margin-top: 55px; margin-bottom: -17px; }
.box6 .gallery_image { margin-bottom: 19px; }
.box6 .content { border-bottom: 1px solid #e1e2e3; padding-bottom: 15px; }
.box6 .content .divider { display: inline-block; margin: 0 8px; }
.box6 .content .secondary { font-size: 14px; line-height: 33px; color: #2d3235; font-weight: 300; }
@media (max-width: 767px) {
	.box6 { margin-bottom: 0; }
}

/* ======= Box 7 Best proposals ======= */
.box7 { margin-top: 50px; }
.box7 img { margin-top: 8px; float: left; margin-right: 28px; }
.box7 h3 { margin-bottom: 16px; }
.box7 p { color: #ffffff; overflow: hidden; }
.box7 .btn-default { margin-top: 32px; }

@media (max-width: 1199px) {
	.box7 .btn-default { float: right; }
}
@media (max-width: 767px) {
	.box7 .btn-default { float: none; }
}
@media (max-width: 979px) {
	.box7 img { float: none;  width: 100%;  margin-right: 0;  margin-bottom: 20px; }
}

/* ======= Box 8 Carreer Development ======= */
.box8 { margin-top: 35px; margin-bottom: 108px; }
.box8 img { margin-bottom: 26px; }
@media (max-width: 767px) {
	.box8 { margin-bottom: 30px; }
	.box8 img { width: 100%; }
}

/* ======= Box 9 Vacancies ======= */
.box9 { margin-top: 51px; margin-bottom: -8px; }
.box9 .heading { display: block; font: 700 21px/31px "Lato", sans-serif; /* text-transform: uppercase;*/ color: #ffd10c; margin-bottom: 16px; padding-left: 36px; position: relative; }
.box9 .heading:before { 
	font-family: "fontawesome"; font-size: 24px; position: absolute; font-style: normal; font-weight: normal; text-decoration: none; cursor: default; line-height: 31px; 
	content: "\f0a9"; color: #ffffff; left: 0; /* text-rendering: optimizeLegibility; */
}
.box9 p { color: #ffffff; padding-left: 36px; }

/* ======= Banner 2 ======= */
.banner2 img { margin-top: 8px; }
.banner2 h6 { margin-bottom: 15px; }
.banner2 h6 a:hover { color: #2d3235; }
.banner2 p { color: #ffffff; font-size: 16px; line-height: 30px; }

@media (max-width: 767px) {
	.banner2 img { margin-bottom: 20px; }
}

/* ======= Google Map ======= */
.google-map_contacts { margin-top: 0; margin-bottom:20px; }
.google-map_contacts iframe { width: 100%; height: 458px; }

@media (max-width: 767px) {
	.google-map_contacts iframe { height: 200px; }
}

/* ======= Address ======= */
.contacts-page-address { margin-top: 21px; margin-bottom: 109px; }
.contacts-page-address .wrapper, .plan-page-address .wrapper { display: block; }
.contacts-page-address .wide { display: inline-block; min-width: 74px; }
.plan-page-address .wide { display: inline-block; min-width: 84px; }

@media (min-width: 780px) and (max-width: 979px) {
	.contacts-page-address .wide, .plan-page-address .wide { display: block;  margin-top: 5px; }
}
.contacts-page-address .our-address, .plan-page-address .our-address { display: block; margin-bottom: 1px; font: 300 18px/31px "Lato", sans-serif; color: #2d3235; }
.plan-page-address .our-address b {font-weight:400; }

@media (max-width: 767px) {
	.contacts-page-address, .plan-page-address { margin-bottom: 40px; }
}

/* ======= Post 1 Blog ======= */
.post1 { margin-top: 45px; margin-bottom: 50px; }
.post1 time { text-align: right; text-transform: uppercase; padding-bottom: 11px; position: relative; display: block; }

@media (max-width: 767px) {
	.post1 time { text-align: left; }
}
.post1 time span { display: block; }
.post1 time .number { margin-top: -2px; margin-bottom: 2px; font-size: 60px; line-height: 60px; font-weight: 900; }
.post1 time:after { position: absolute; display: block; content: ''; width: 88px; height: 1px; background: #2d3235; right: 0; bottom: 0; }

@media (max-width: 767px) {
	.post1 time:after { left: 0;  right: 0; }
}
.post1 .comments { margin-top: 7px; text-align: right; }

@media (max-width: 767px) {
	.post1 .comments { text-align: left; }
}
.post1 .comments span { display: inline-block; }
.post1 .comments .quantity { font-size: 60px; line-height: 60px; font-weight: 900; margin-bottom: 2px; }
.post1 .comments .comm { text-transform: uppercase; }
.post1 img { margin-top: 10px; margin-bottom: 41px; }
.post1 .info { margin-top: 1px; margin-bottom: 10px; /* text-transform: uppercase;*/ }
.post1 .btn-default { margin-top: 28px; }


/* ======= Box 10 Privacy Policy ======= */
.box10 { margin-top: 46px; margin-bottom: -18px; font: 300 17px/26px "Lato", sans-serif; }
.box10 .heading { font: 600 17px/26px "Lato", sans-serif; color: #2d3235; display: block; margin-bottom: 2px; }
.box10 a { color:#52a1b5; text-decoration:underline; }
.box10 a:hover { color:#377180; text-decoration:none; }
.box10 .simple-link { margin-top: 39px; }

/* ======= Simple link ======= */
.simple-link { display: inline-block; color: #52a1b5; }
.simple-link:hover { color: #2d3235; }

/* ======= List 1 ======= */
.list1 li { padding-left: 23px; position: relative; font: 300 16px/18px "Lato", sans-serif; color: #52a1b5; /*e5012d;*/ }
.list1 li:before { 
	font-family: "fontawesome"; font-size: 14px; position: absolute; font-style: normal; font-weight: normal; text-decoration: none; cursor: default; line-height: 18px; 
	content: "\f0a9"; left: 0; top: 1px; color: #52a1b5; /* text-rendering: optimizeLegibility; */
}
.list1 li + li { margin-top: 18px; }
.list1.list1__margin1 { margin-top: 13px; }
.list1.list1__inset1 { margin-top: 50px; }
.list1.list1__inset1 li { color: #ffffff; }
.list1.list1__inset1 li:before { color: #ffffff; }
.list1.list1__inset1 a:hover , #faq .list1 a:hover, .list1.list1__inset1 a.current { color: #2d3235; }
.list1 span { margin-top:5px; font-size:0.9em; line-height:30px; }
.list1 span i { font-style:italic; }
 
 #faq .list1 a { font-weight:400; }

/* ======= Socials buttons 1 ======= */
.socials1 li { display: inline-block; margin-right: 8px; margin-bottom: 10px; }
.socials1 li a i { 
	color: #ffffff; background: transparent; text-align: center; font-size: 22px; display: block; width: 50px; height: 50px; line-height: 48px; border-radius: 200px; border: 2px solid #ffffff; 
	-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-transition: all 0.3s ease; transition: all 0.3s ease;
}
.socials2 li { text-align:right; float:right; margin:1px 0 10px 10px; }

@media (max-width: 767px) {
	.socials1 li a i { border-color: #2d3235;  color: #2d3235; }
}
.socials1 li a i.fa-twitter { font-size: 24px; }
.socials1 li a i.fa-envelope, .socials1 li a i.fa-linkedin { font-size: 18px; }
.socials1 li a i.fa-google-plus { font-size: 20px; }
.socials1 li a i:hover { color: #343434; background: #ffffff; }

@media (max-width: 767px) {
	.socials1 li a i:hover { color: #ffffff;  background: #52a1b5;  border-color: #52a1b5; }
}

/* ======= Gallery ======= */
.gallery_image a { text-align: center; display: block; position: relative; }
.gallery_image a img { margin-bottom: 0; }

@media (max-width: 979px) {
	.gallery_image a img { width: 100%; }
}
.gallery_image a:hover .gallery_info { opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; }
.gallery_image a img { opacity: 1; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; }
.gallery_image a .gallery_info {
	width: 100%; display: block; text-align: center; opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; position: absolute; top: 50%; font-size: 48px; margin-top: -40px; 
	color: #ffffff; text-shadow: 1px 1px 2px black; 
}
.gallery_image a .gallery_info span { margin-top: 20px; font: 500 14px/14px "Roboto Slab", serif; display: block; }
.gallery_image.gallery_image__inset1 a img { background: #52a1b5; }
.gallery_image.gallery_image__inset1 a:hover img { opacity: 0.7; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; }

/*========================================================
    FOOTER styles
=========================================================*/
#footer { position:relative; padding: 40px 0; font: 400 14px/16px "Lato", sans-serif; color: #2d3235; }
#footer .privacy-block a { margin-bottom:10px; }
#footer .privacy-block dd { display:inline-block; margin:0; padding:0; }
#footer .privacy-block dt { display:inline-block; margin:0; padding:0 3px 0 4px; }

#menu-icon { display:none; background:url('/assets/img/m2.jpg') top center no-repeat; }

@media (max-width: 767px) {
	#footer .privacy-block dd { display:block; margin-bottom:5px; }
	#footer .privacy-block dt { display:none; }
	#footer .privacy-block a {font-size:0.9em; }

	.socials2 li { float:left; margin:0 10px 10px 0; }
	#menu-icon { display:block; position:absolute; top:40px; right:15px; cursor:pointer; width:40px; height:40px; }
}

@media (max-width: 479px) {
	#footer .privacy-block dd { margin-bottom:10px; }
	#footer .privacy-block dd a { font-size:1.1em; }
}


/*========================================================
    Widget styles
=========================================================*/
/* UItoTop styles
========================================================*/
#toTop { 
	display: none; text-decoration: none; position: fixed; bottom: 80px; right: 30px; border: none; color: #488799; font-size: 67px; line-height: 67px; z-index: 20; 
	-webkit-transition: color 0.5s ease; transition: color 0.5s ease; 
}
#toTop:hover { outline: none; color: #babcbe; }

@media only screen and (max-width: 1199px) {
	#toTop { display: none !important; }
}


.bg1 { padding:25px 0 30px 0; background:url("/assets/img/body_bg1.png"); }
.bg1a { padding:25px 0 30px 0; background:url("/assets/img/background1.png"); }
.bg2 { background: #e1e2e3 url("/assets/img/bg2.jpg") top center no-repeat; }
.bg2i { background: #e1e2e3 url("/assets/img/bg2i.jpg") top center no-repeat; }
.bg3 { background: #464d53 url("/assets/img/bg3.jpg") top center no-repeat; }
.bg4 { background: #52a1b5 url("/assets/img/bg4.jpg") top center no-repeat; }
.bg5 { background-color:#fff; }

/*#container b, #container strong { font-weight:900; }*/

#footer #realisation { position:absolute; bottom:20px; right:35px; text-align:right; }
#footer #realisation a { font:9px verdana; color:#a7a7a7; text-decoration:none; }
#footer #realisation a:hover { color:#949494; text-decoration:underline; }