/*********************************RESET******************************/
*{margin:0;padding:0;box-sizing:border-box;}
html { overflow-x: hidden; }
.clear{ clear:both;}
.cfix:after, .container:after, .row:after {clear: both;}
.cfix:before, .cfix:after, .container:before, .container:after, .row:before, .row:after {content: "";display: table;}
img a{ border:none; }
img{ display:block; }
a, button{text-decoration:none;color:inherit;transition: all .25s ease-in-out;}
a:hover,a:focus,a:active,button.btn:focus, button.btn:hover {outline:none;text-decoration:none;cursor:pointer;}
input:focus, button:focus, textarea:focus, select:focus{outline:none;transition: all .25s ease-in-out;}
h1,h2,h3,h4{font-weight:400}
p{ line-height:1.6; }
ul{ list-style:none;}
li{ list-style:none; }
strong{font-weight:700;}

/*
fonts
font-family: 'Maven Pro', sans-serif;
*/

:root { 
--red:#c30c0e;
--redhvr:#ad0709;

--lgrey:#e7e7e7;
--dark:#12100b;

--text:#737373;
}

/*********************************BASE******************************/
body{ background:#fff; color:var(--dark); font-family: 'Maven Pro', sans-serif; font-size:16px; font-weight:500; line-height:1; overflow-x:hidden; }
input, textarea, select { font-family: 'Maven Pro', sans-serif;font-size:18px;font-weight:700;transition: all .25s ease-in-out; }
h1,h2,h3,h4,h5,.f-title{ font-weight:900; line-height:1; letter-spacing:2px; }
.t-br{ display:block; }
.center{ text-align:center; }
p{ color:var(--text); }
p a{ text-decoration:underline; }
p a:hover{ opacity:0.6; text-decoration:underline; }
sup{ vertical-align: super; font-size: smaller; }
.underline{ text-decoration:underline; }
.hard{ white-space:nowrap; }
a:hover{ }
.container{ margin:0 auto; position:relative; max-width:1500px; width:100%; padding:0 30px; }
.container:after{ clear: both; content: ""; display: block; height: 0; line-height: 0;  visibility: hidden; }
b, strong, .strong{ font-weight:700; }
button, .btn{ border:0; font-family: 'Maven Pro', sans-serif; font-weight:700; }
.btn{ display:inline-block; color:#fff; font-size:14px; font-weight:700; text-transform:uppercase; letter-spacing:1px; line-height:1.3; text-align:center; background:var(--red); padding:30px 50px; }
.btn.lg{ padding:30px 60px; }
.btn:hover{ color:#fff; background-color:var(--redhvr); }
@media (max-width: 1679px) {

}
@media (max-width: 1359px) {

}
@media (max-width: 1249px) {
	
}
@media (max-width: 1019px) {

}
@media (max-width: 879px) {
	
}
@media (max-width: 619px) {
	body{ font-size:13px; }
	input, textarea, select{ font-size:13px; }
	h1,h2,h3,h4,.f-title{ letter-spacing:normal; }
	.btn, .btn.lg, button{ font-size:12px; letter-spacing:1px; padding:15px 20px; }
}


/*LAYOUT*/
.wrap{ display:flex; flex-flow:row wrap; }
.wrap-alt, .wrap-alt-2{ display:flex; flex-flow:row wrap; flex-direction:row-reverse; }
.wrap-center{ display:flex; flex-flow: row wrap; justify-content: center;}
@media (max-width: 1249px) {
	.wrap-alt{ flex-direction:row; }	
}
@media (max-width: 1019px) {
	.wrap-alt-2{ flex-direction:row; }	
}

/*MOBILE HEADER*/
#mobile-menu{ display:none; }
#mobile-menu .top-bar{ display:block; padding:0; position:relative; background:var(--dark); }
#mobile-menu .logo img{ height:60px; }
#mobile-btn{ display:block;right:10px;margin-top:-19px;cursor:pointer;position:absolute;top:50%; }
#mobile-btn svg{width:48px;height:36px;cursor:pointer;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
#mobile-btn path{fill:none;-webkit-transition:stroke-dashoffset .5s cubic-bezier(0.25,-0.25,0.75,1.25),stroke-dasharray .5s cubic-bezier(0.25,-0.25,0.75,1.25);-moz-transition:stroke-dashoffset .5s cubic-bezier(0.25,-0.25,0.75,1.25),stroke-dasharray .5s cubic-bezier(0.25,-0.25,0.75,1.25);-o-transition:stroke-dashoffset .5s cubic-bezier(0.25,-0.25,0.75,1.25),stroke-dasharray .5s cubic-bezier(0.25,-0.25,0.75,1.25);-ms-transition:stroke-dashoffset .5s cubic-bezier(0.25,-0.25,0.75,1.25),stroke-dasharray .5s cubic-bezier(0.25,-0.25,0.75,1.25);transition:stroke-dashoffset .5s cubic-bezier(0.25,-0.25,0.75,1.25),stroke-dasharray .5s cubic-bezier(0.25,-0.25,0.75,1.25);stroke-width:40px;stroke:var(--red);stroke-dashoffset:0}
path#top,path#bottom{stroke-dasharray:240px 950px}
path#middle{stroke-dasharray:240px 240px}
.cross path#top,.cross path#bottom{stroke-dashoffset:-650px}
.cross path#middle{stroke-dashoffset:-115px;stroke-dasharray:1px 220px}
#mobile-menu .menu{ display:block; background:#1c1c1c; width:100%; max-height:0; overflow:hidden; transition:max-height 0.6s ease; }
#mobile-menu .menu.open{ max-height:700px; }
#mobile-menu .menu li{ position:relative; }
#mobile-menu .menu a{ color:#fff; font-size:13px; font-weight:700; line-height:1; display:block; padding:14px 30px; border-bottom:1px solid rgba(255,255,255,0.1); }
#mobile-menu .menu li:last-child a{ border-bottom:0; }
@media (max-width: 1019px) {
	#mobile-menu{ display:block; }
}


/*HEADER*/
body.open{ width:100%; overflow-y:hidden; }
.main-header{ position:fixed; width:100%; top:0; left:0; z-index:52; transition: all .25s ease-in-out; }
.main-header.scrolled{ box-shadow:0 0 10px #00000035; }
body.open .main-header{ height:100%; }
.main-header .outer{ position:relative; }
body.open .main-header .outer{ height:100%; overflow-y:hidden; }
body.open .main-header .outer>div{ height:100%; overflow-y:auto; }
body.open .main-header .outer>div{ scrollbar-width:none; }
body.open .main-header .outer>div::-webkit-scrollbar{ display:none; }
.main-header .menu-bar{ background:var(--dark); }
/*.main-header .menu-bar>.wrap{ justify-content:space-between; }*/
.main-header .menu-bar .logo img{ width:400px; }
.main-header .content{ display:flex; flex-direction:column; justify-content:center; align-items:flex-end; width:calc(100% - 400px); }
.main-header .content .inner{ display:flex; justify-content:center; align-items:center; height:100%; }
.main-header .content .phone{ display:block; padding:15px 10px 15px 70px; margin-right:60px; color:rgba(255,255,255,0.6); font-weight:700; position:relative; }
.main-header .content .phone:hover{ color:var(--red); }
.main-header .content .phone .icn{position:absolute;left:10px;border:3px solid rgba(255,255,255,0.2);border-radius:50%;padding:10px;top:50%;margin-top:-22px;height:44px; width:44px; display:flex; justify-content:center; align-items:center;}
.main-header .content .menu-btn{ height:100%; }
.main-header .content .menu-btn a{ display:flex; flex-direction:column; justify-content:center; align-items:center; height:100%; width:450px; background:var(--red); color:#fff; }
.main-header .content .menu-btn a:hover{ background:var(--redhvr); }
.main-header .content .menu-btn .menu-btn-icn{width:40px;height:30px;position:relative;margin-bottom:5px;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);-webkit-transition:.5s ease-in-out;-moz-transition:.5s ease-in-out;-o-transition:.5s ease-in-out;transition:.5s ease-in-out;cursor:pointer}
.main-header .content .menu-btn .menu-btn-icn span{display:block;position:absolute;height:4px;width:100%;background:#fff;opacity:1;left:0;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);-webkit-transition:.25s ease-in-out;-moz-transition:.25s ease-in-out;-o-transition:.25s ease-in-out;transition:.25s ease-in-out}
.main-header .content .menu-btn .menu-btn-icn span:nth-child(1){top:6px;width:50%;-webkit-transform-origin:left center;-moz-transform-origin:left center;-o-transform-origin:left center;transform-origin:left center}
.main-header .content .menu-btn a:hover .menu-btn-icn span:nth-child(1){width:100%}
.main-header .content .menu-btn .menu-btn-icn span:nth-child(2){top:14px;width:75%;-webkit-transform-origin:left center;-moz-transform-origin:left center;-o-transform-origin:left center;transform-origin:left center}
.main-header .content .menu-btn a:hover .menu-btn-icn span:nth-child(2){width:100%}
.main-header .content .menu-btn .menu-btn-icn span:nth-child(3){top:22px;-webkit-transform-origin:left center;-moz-transform-origin:left center;-o-transform-origin:left center;transform-origin:left center}
.main-header .content .menu-btn .menu-btn-icn.open span:nth-child(1){-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg);top:-1px;left:6px;width:100%}
.main-header .content .menu-btn .menu-btn-icn.open span:nth-child(2){width:0;opacity:0}
.main-header .content .menu-btn .menu-btn-icn.open span:nth-child(3){-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg);top:27px;left:6px}
.main-header .content .menu-btn a .menu-btn-label{ font-size:16px; font-weight:700; text-transform:uppercase; } 
@media (max-width: 1679px) {
	.main-header .content .menu-btn a{ width:350px; }
}
@media (max-width: 1249px) {
	.main-header .content .menu-btn a{ width:250px; }
}
@media (max-width: 1019px) {
	.main-header{ display:none; }
}


.menu-panel{ position:absolute; width:100%; transform:translateX(-102vw); transition: all .5s ease-in-out; z-index:52; }
.menu-panel.open{ position:static; transform:translateX(0); color:#fff; overflow-y:auto; }
.menu-panel .content{ display:flex; flex-direction:column; justify-content:center; align-items:center; width:calc(100% - 450px); padding:100px; background:var(--dark); height:calc(100vh - 130px); /*130 au lieu de 136 pour laisser la scrollbar au open*/ min-height:700px; position:relative; z-index:2; }
.menu-panel .content>div{ width:100%; max-width:1000px; }
.menu-panel .content nav li{ transform:translateX(-10px); opacity:0; transition: all .5s ease-in-out; }
.menu-panel .content nav.open li{ transform:translateX(0); opacity:1; }
.menu-panel .content nav li:nth-child(1){ transition-delay:100ms; }
.menu-panel .content nav li:nth-child(2){ transition-delay:300ms; }
.menu-panel .content nav li:nth-child(3){ transition-delay:500ms; }
.menu-panel .content nav li:nth-child(4){ transition-delay:700ms; }
.menu-panel .content nav li:nth-child(5){ transition-delay:900ms; }
.menu-panel .content nav li+li{ margin-top:30px; }
.menu-panel .content nav li a{ font-size:40px; padding:5px 0; font-weight:900; text-transform:uppercase; display:inline-block; color:rgba(255,255,255,0.45);  transform:translateX(-102vw); }
.menu-panel.open .content nav li a{ transform:translateX(0); }
.menu-panel .content nav li a:hover{ color:rgba(255,255,255,1); padding-left:10px; }
.menu-panel .content .bottom{ padding-top:50px; margin-top:50px; border-top:3px solid rgba(255,255,255,0.1); color:#fff; display:flex; justify-content:space-between; width:100%; opacity:0; transition: all .5s ease-in-out; transition-delay:1300ms;  }
.menu-panel .content .bottom.open{ opacity:1; }
.menu-panel .content .contact a{ font-size:22px; font-weight:900; text-transform:uppercase; display:block; width:300px; padding:20px 60px 20px 0; position:relative; }
.menu-panel .content .contact a:before{ content:""; position:absolute; right:0; top:50%; margin-top:-30px; display:block; width:60px; height:60px; background:url(../images/caret-right.svg) center center no-repeat var(--red); transition: all .25s ease-in-out; }
.menu-panel .content .contact a:hover{ color:var(--redhvr); }
.menu-panel .content .contact a:hover:before{ background-color:var(--redhvr); }
.menu-panel .content .lang a{ font-size:22px; font-weight:900; text-transform:uppercase; display:block; width:200px; padding:20px 60px 20px 0; position:relative; }
.menu-panel .content .lang a:before{ content:""; position:absolute; right:0; top:50%; margin-top:-30px; display:block; width:60px; height:60px; background:url(../images/caret-right.svg) center center no-repeat var(--red); transition: all .25s ease-in-out; }
.menu-panel .content .lang a:hover{ color:var(--redhvr); }
.menu-panel .content .lang a:hover:before{ background-color:var(--redhvr); }
.menu-panel .content .social .inner{ display:flex; height:100%; align-items:center; justify-content:center; font-weight:700; text-transform:uppercase; }
.menu-panel .content .social a{margin-left:20px;display:flex;width:60px;height:60px;color:#fff;background:var(--red);text-align:center;align-items:center;justify-content:center}
.menu-panel .content .social a:hover{ color:#fff; background:var(--redhvr); }
.menu-panel .content .social a svg{ height:20px; }
.menu-panel .img{ width:450px; transform:translateX(-460px); opacity:0; background:url(../images/img-menu-panel-default.jpg) center center / cover no-repeat var(--dark); position:relative; transition: all .5s ease-in-out; }
.menu-panel .img.open{ transform:translateX(0); opacity:1; }
.menu-panel .img>div{ position:absolute; top:0; left:0; width:100%; height:100%; background:url(../images/img-menu-panel-default.jpg) center center / cover no-repeat var(--dark); opacity:0; transition: all .25s ease-in-out; }
.menu-panel .img>div.open{ opacity:1; }
.menu-panel .img .img-1{ background-image:url(../images/img-menu-panel-expertise.jpg?vFinal); }
.menu-panel .img .img-2{ background-image:url(../images/img-menu-panel-espaces.jpg?vFinal); }
.menu-panel .img .img-3{ background-image:url(../images/img-menu-panel-carriere.jpg?vFinal); }
.menu-panel .img .img-4{ background-image:url(../images/img-menu-panel-apropos.jpg?vFinal); }
.menu-panel .img .img-5{ background-image:url(../images/img-menu-panel-contact.jpg?vFinal); }
.menu-panel .img .img-6{ background-image:url(../images/img-menu-panel-equipe.jpg?vFinal); }
@media (max-width: 1679px) {
	.menu-panel .content{ width:calc(100% - 350px); }
	.menu-panel .img{ width:350px; transform:translateX(-360px); }
}
@media (max-height: 800px) {
	.menu-panel .content{ padding:60px; }
	.menu-panel .content nav li+li{ margin-top:20px; }
}
@media (max-width: 1249px) {
	.menu-panel .content{ width:calc(100% - 250px); padding:100px 60px; }
	.menu-panel .img{ width:250px; transform:translateX(-260px); }
}

.page-wrapper{ padding-top:136px; }
@media (max-width: 1019px) {
	.page-wrapper{ padding-top:0; }
}

/*FOOTER*/
.main-footer{ padding:150px 0; background:var(--red); color:#fff; }
.main-footer .top{ padding-bottom:50px; margin-bottom:50px; border-bottom:3px solid rgba(255,255,255,0.1); color:#fff; display:flex; justify-content:space-between; width:100%; }
.main-footer .top .contact a{ font-size:30px; font-weight:900; text-transform:uppercase; display:block; width:400px; padding:10px 60px 10px 0; position:relative; }
.main-footer .top .contact a:before{ content:""; position:absolute; right:0; top:50%; margin-top:-30px; display:block; width:60px; height:60px; background:url(../images/caret-right.svg) center center no-repeat rgba(255,255,255,0.1); transition: all .25s ease-in-out; }
.main-footer .top .contact a:hover{ padding-left:10px; width:410px; }
.main-footer .top .contact a:hover:before{ color:var(--red); background-image:url(../images/caret-right-red.svg); background-color:rgba(255,255,255,1); }
.main-footer .top .social .inner{ display:flex; height:100%; align-items:center; justify-content:center; font-size:16px; font-weight:700; text-transform:uppercase; }
.main-footer .top .social a{margin-left:20px;display:flex;width:60px;height:60px;color:#fff;background:rgba(255,255,255,0.1);text-align:center;align-items:center;justify-content:center}
.main-footer .top .social a:hover{ color:var(--red); background:rgba(255,255,255,1); }
.main-footer .top .social a svg{ height:20px; }
.main-footer .bottom>.wrap{ justify-content:space-between; align-items:center; }
.main-footer .contacts ul{ display:flex; justify-content:flex-start; }
.main-footer .contacts li+li{ margin-left: 45px; }
.main-footer .contacts li a{ font-size:21px; letter-spacing:1px; font-weight:700; text-transform:uppercase; padding-left: 55px; }
.main-footer .contacts li a:hover{ color:rgba(255,255,255,0.6); }
.main-footer .contacts li a .icn { position: absolute; left: 0; border: 3px solid rgba(255,255,255,0.2); border-radius: 50%; padding: 10px; top: 50%; margin-top: -22px; height:44px; width:44px; display:flex; justify-content:center; align-items:center; }
.main-footer .copy{ font-size:12px; letter-spacing:1px; text-transform:uppercase; }
@media (max-width: 1019px) {
	.main-footer{ padding:100px 0; }
	.main-footer .top .contact{ display:none; }
	.main-footer .copy{ width:100%; margin-top:50px; }
}
@media (max-width: 619px) {
	.main-footer .contacts ul{ display:block; }
	.main-footer .contacts li+li{ margin:45px 0 0 0; }
}

/*HOME*/
.home-hero{ padding-left:136px; background:var(--dark); position:relative; z-index:1; }
.home-hero>div{ padding:200px 0 100px; min-height:calc(100vh - 136px); display:flex; align-items:center; background:url(../images/bg-home-hero.jpg) center center / cover no-repeat var(--dark); }
.home-hero>div:before{ content:""; position:absolute; right:0; bottom:0; display:block; width:253px; height:253px; background:url(../images/lined-square.png) center center; background-size:253px 253px; }
.home-hero h1{ font-size:80px; letter-spacing:4px; padding:35px 50px; border-left:20px solid var(--red); text-transform:uppercase; color:#fff; max-width:1200px; }
.home-hero p{ font-size:20px; margin:30px 30px 0 70px; max-width:700px; color:#fff; }
.home-hero .btn{ margin:30px 0 0 70px; }
@media (max-width: 1400px) {
	/*.home-hero h1{ font-size:64px; }*/
}
@media (max-width: 1249px) {
	.home-hero h1{ font-size:60px; letter-spacing:2px; }
}
@media (max-width: 1200px) {
	.home-hero>div:before { display: none; }
}
@media (max-width: 1019px) {
	.home-hero{ padding-left:0; }
	.home-hero>div{ min-height:calc(100vh - 60px); }
	.home-hero h1{ font-size:50px; }
}
@media (max-width: 619px) {
	.home-hero>div{ padding:100px 0 150px; }
	.home-hero>div:before{ width:100px; height:100px; background-size:100px 100px; }
	.home-hero h1{ font-size:35px; letter-spacing:1px; padding:25px 15px; border-left:10px solid var(--red); }
	.home-hero .btn{ margin:30px 0 0 30px; }
	.home-hero p{ font-size:14px; margin:30px 30px 0 30px; }
}

.cs-1 .img{ display:flex; flex-direction:column; width:55%; justify-content:flex-end; background:var(--dark); }
.cs-1 .img img{ width:100%; }
.cs-1 .content{ display:flex; flex-direction:column; width:45%; justify-content:center; padding:400px 5vw 300px; }
.cs-1 .content h2{ font-size:45px; }
.cs-1 .content p{ margin:30px 0; }
@media (max-width: 1679px) {
	.cs-1 .content{ padding:300px 5vw 200px; }
	.cs-1 .content h2{ font-size:35px; }
}
@media (max-width: 1249px) {
	.cs-1 .img{ width:100%; }
	.cs-1 .content{ width:100%; padding:200px 10vw;  }
}
@media (max-width: 619px) {
	.cs-1 .content{ padding:100px 30px;  }
	.cs-1 .content h2{ font-size:25px; }
}

.cs-2{ margin-top:200px; }
.cs-2 .title{ display:flex; flex-direction:column; width:60%; justify-content:center; align-items:flex-end; padding:100px 150px 500px; background:#fff; }
.cs-2 .title h2{ font-size:70px; max-width:500px; text-align:right; text-transform: uppercase; }
.cs-2 .bg{ display:flex; flex-direction:column; width:40%; background:var(--red); }
.cs-2 .box{ margin-top:-400px; position:relative; }
.cs-2 .box .img{ display:flex; flex-direction:column; width:400px; background:url(../images/img-home-2-v2.jpg) center center / cover no-repeat var(--dark); }
.cs-2 .box .content{ display:flex; flex-direction:column; width:60%; position:relative; }
.cs-2 .box .content:before{ content:""; position:absolute; right:-50px; bottom:-50px; display:block; width:590px; height:590px; background:url(../images/lined-square-2.png) center center; }
.cs-2 .box .items{ padding:45px; background:#fff; position:relative; }
.cs-2 .box .item{ display:flex; flex-direction:column; width:50%; padding:15px; }
.cs-2 .box .item>div{ padding:50px; border:2px solid var(--lgrey); text-align:center; height:100%; display:flex; flex-direction:column; justify-content:center; background: #fff; transition: .4s ease; }
.cs-2 .box .item>div:hover { background: var(--dark); border-color: var(--dark); color: #fff; }
.cs-2 .box .item>div:hover p { color: #fff; }
.cs-2 .box .item h3{ font-size:20px; margin-bottom:20px; }
@media (max-width: 1679px) {
	.cs-2 .box .item>div{ padding:30px; }
}
@media (max-width: 1249px) {
	.cs-2 .title{ padding:100px 100px 500px 30px; }
	.cs-2 .title h2{ font-size:60px; }
	.cs-2 .box .img{ width:100%; height:50vh; }
	.cs-2 .box .content{ width:calc(100% - 50px); }
	.cs-2 .box .content:before{ width:295px; height:295px; background-size:295px 295px; }
	.cs-2 .box .item>div{ padding:50px; }
}
@media (max-width: 1019px) {
	.cs-2 .title h2{ font-size:50px; }
	.cs-2 .box .item>div{ padding:30px; }
}
@media (max-width: 619px) {
	.cs-2{ margin-top:100px; }
	.cs-2 .title{ width:80%; align-items:flex-start; padding:60px 50px 60px 30px; }
	.cs-2 .title h2{ font-size:35px; text-align:right; }
	.cs-2 .bg{ width:20%; }
	.cs-2 .box{ margin-top:0; }
	.cs-2 .box .img{ height:70vh; }
	.cs-2 .box .content{ width:100%; }
	.cs-2 .box .content:before{ right:0; }
	.cs-2 .box .items{ padding:15px; }
	.cs-2 .box .item{ width:100%; }
}

.cs-3{ margin-top:200px; position:relative; }
.cs-3:before{ content:""; position:absolute; left:0; top:100px; display:block; width:150px; height:400px; background:var(--red); }
.cs-3:after{ content:""; position:absolute; left:0; top:100px; display:block; width:200px; height:110px; background:var(--red); }
.cs-3 .title{ position:relative; }
.cs-3 .title:before{ content:""; position:absolute; left:180px; bottom:0; display:block; width:150px; height:80px; background:var(--red); }
.cs-3 .title h2{ font-size:70px; padding:100px 30px 150px 250px; text-transform:uppercase; }
.cs-3 .img{ display:flex; flex-direction:column; width:60%; justify-content:center; height:600px; background:url(../images/img-home-real-lg.jpg) center center / cover no-repeat var(--dark); }
.cs-3 .content{ display:flex; flex-direction:column; width:40%; justify-content:center; padding:60px; position:relative; transition: all .25s ease-in-out; }
.cs-3 a:hover .content, .cs-3 a:hover .content p{ color:var(--red); }
.cs-3 .content>div{ max-width:500px; }
.cs-3 .content h3{ font-size:35px; margin-bottom:30px; }
.cs-3 .content p{ transition: all .25s ease-in-out; }
.cs-3 .content:before{ content:""; position:absolute; left:0; bottom:0; display:block; width:120px; height:120px; background:url(../images/caret-right.svg) center center no-repeat var(--red); background-size:16px 26px; transition: all .25s ease-in-out; }
.cs-3 a:hover .content:before{ background-color:var(--redhvr); }
@media (max-width: 1679px) {
	.cs-3 .img{ height:500px; }
}
@media (max-width: 1249px) {
	.cs-3 .title h2{ font-size:60px; }
	.cs-3 .content:before{ left:-120px; }
}
@media (max-width: 1019px) {
	.cs-3 .title h2{ font-size:50px; }
	.cs-3 .img{ width:100%; }
	.cs-3 .content{ width:100%; }
	.cs-3 .content:before{ top:-120px; left:0; }
}
@media (max-width: 619px) {
	.cs-3:before, .cs-3:after, .cs-3 .title:before{ display:none; }
	.cs-3 .title h2{ font-size:35px; padding:50px 30px; }
	.cs-3 .img{ height:300px; }
	.cs-3 .content{ padding:60px 30px; }
	.cs-3 .content h3{ font-size:25px; } 
	.cs-3 .content:before{ top:-80px; width:80px; height:80px; background-size:11px 18px; }
}

.cs-4{ padding:150px 0; }
.cs-4 .container{ max-width:1040px; }
.cs-4 .title h2{ font-size:70px; padding:100px 0 60px; margin-left:-5vw; text-transform:uppercase; }
.cs-4 .item{ display:flex; flex-direction:column; width:50%; padding:30px; }
.cs-4 .item a{ display:block; }
.cs-4 .item .img{ position:relative; }
.cs-4 .item .img:after{ content:""; position:absolute; left:0; bottom:0; right:0; top:0; display:block; background:url(../images/caret-square-red.svg) center center no-repeat rgba(18,16,11,0.85); opacity:0; transition: all .25s ease-in-out; }
.cs-4 .item a:hover .img:after{ opacity:1; }
.cs-4 .item img{ width:100%; }
.cs-4 .item h3{ font-size:20px; margin-top:20px; transition: all .25s ease-in-out; }
.cs-4 .item a:hover h3{ color:var(--red); }
.cs-4 .item.more{ margin-right:-15vw; width:calc(50% + 15vw); max-width:50vw; }
.cs-4 .item.more a{ height:520px; padding:100px; display:flex; align-items:center; background:url(../images/bg-home-reals.jpg) center center / cover no-repeat var(--dark); position:relative; }
.cs-4 .item.more a:before{ content:""; position:absolute; right:0; bottom:0; display:block; width:120px; height:120px; background:url(../images/caret-right.svg) center center no-repeat var(--red); background-size:16px 26px; transition: all .25s ease-in-out; }
.cs-4 .item.more a:hover:before{ background-color:var(--redhvr); }
.cs-4 .item.more h3{ font-size:35px; text-transform:uppercase; color:#fff; }
@media (max-width: 1679px) {
	.cs-4 .item.more a{ padding:60px; }
}
@media (max-width: 1249px) {
	.cs-4 .title h2{ margin:0; }
}
@media (max-width: 1019px) {
	.cs-4 .title h2{ font-size:50px; }
	.cs-4 .item.hide-sm{ display:none; }
	.cs-4 .item.more{ margin-right:0; width:100%; max-width:100%; }
}
@media (max-width: 619px) {
	.cs-4{ padding:100px 0; }
	.cs-4 .title h2{ font-size:40px; padding:100px 0 30px; }
	.cs-4 .item{ width:100%; padding:30px 0; }
	.cs-4 .item h3{ font-size:18px; }
	.cs-4 .item.more a{ height:auto; padding:100px 30px 150px; }
	.cs-4 .item.more a:before{ width:80px; height:80px; background-size:11px 18px; }
	.cs-4 .item.more h3{ font-size:25px; }
}

.cs-5{ padding:200px 30px; background:url(../images/bg-home-testi.jpg) center center / cover no-repeat var(--dark); position:relative; }
.cs-5:before{ content:""; position:absolute; left:0; bottom:0; display:block; width:40vw; height:100px; background:#fff; }
.cs-5:after{ content:""; position:absolute; right:0; top:0; display:block; width:28vw; height:100px; background:#fff; }
.cs-5 .inner{ max-width:1400px; padding:50px 120px; margin:0 auto; text-align:center; color:#fff; background:url(../images/quotes-red.svg) right top no-repeat; }
.cs-5 .testi-1{ font-size:40px; font-weight:900; line-height:1.4; margin-bottom:60px; }
.cs-5 .testi-2{ font-size:20px; font-weight:900; }
.cs-5 .testi-3{ font-size:20px; text-transform:uppercase; }
.cs-5 .testi-3:before{ content:""; display:block; width:100px; height:4px; margin:20px auto; background:var(--red); }
.cs-5 .bx-controls a{ position:absolute; bottom:0; left:40vw; display:flex; justify-content:center; align-items:center; height:100px; width:100px; background:#fff; }
.cs-5 .bx-controls a svg{ height:26px; width:16px; }
.cs-5 .bx-controls a.bx-prev{ transform:rotate(-180deg); } 
.cs-5 .bx-controls a.bx-prev:hover{ color:var(--red); }
.cs-5 .bx-controls a.bx-next{ left:calc(40vw + 100px); color:#fff; background:var(--red); }
.cs-5 .bx-controls a.bx-next:hover{ background:var(--redhvr); }
@media (max-width: 1019px) {
	.cs-5 .inner{ padding:100px 30px 50px 30px; }
	.cs-5 .testi-1{ font-size:30px; }
}
@media (max-width: 619px) {
	.cs-5{ padding:200px 0 100px; }
	.cs-5:after{ width:50vw; }
	.cs-5 .inner{ padding-top:50px; background-size:50px 38px; background-position:right 30px top;  }
	.cs-5 .testi-1{ font-size:22px; margin-bottom:30px; }
	.cs-5 .testi-2{ font-size:16px; }
	.cs-5 .testi-3{ font-size:14px; }
}

.cs-6 .content{ display:flex; flex-direction:column; width:40%; justify-content:center; align-items:flex-end; padding-left:30px; }
.cs-6 .content>div{ max-width:500px; }
.cs-6 .content h2{ font-size:45px; }
.cs-6 .content p{ margin:30px 0; }
.cs-6 .img{ display:flex; flex-direction:column; width:60%; align-items:flex-end; }
.cs-6 .img img{ max-width:100%; }
@media (max-width: 1249px) {
	.cs-6 .content h2{ font-size:35px; }
}
@media (max-width: 1019px) {
	.cs-6 .content{ width:100%; align-items:flex-start; padding:100px 30px; }
	.cs-6 .content h2{ font-size:35px; }
	.cs-6 .img{ width:100%; }
}
@media (max-width: 619px) {
	.cs-6 .content h2{ font-size:30px; }
}

.page-title{ background:var(--red); padding-left:136px; position:relative; }
.page-title:after{content:""; position:absolute; left:60px; top:60px; display:block; width:40vw; max-width:650px; height:110%; background:url(../images/img-page-title.jpg) center center / cover no-repeat var(--dark); z-index:5; }

/* Page-title chaque page */
.page-title.expertise:after { background-image: url(../images/expertise-page-title.jpg?vFinal); }
.page-title.espaces:after { background-image: url(../images/espaces-page-title.jpg); }
.page-title.espaces p, .page-title.carriere p { font-size: 20px; }
.page-title.apropos:after { background-image: url(../images/apropos-page-title.jpg); }
.page-title.equipe:after { background-image: url(../images/equipe-page-title.jpg); }
.page-title.contact:after { background-image: url(../images/contact-page-title-v2.jpg); }


.page-title>div{ padding:200px 100px 0 45vw; background:var(--dark); }
.page-title.alt>div{ padding:200px 100px 60px 40vw; }
.page-title .over-title{ font-size:14px; letter-spacing:1px; padding:0 0 20px 120px; font-weight:700; text-transform:uppercase; color:var(--text); position:relative; }
.page-title .over-title:before{ content:""; position:absolute; left:-100px; top:6px; display:block; width:200px; height:3px; background:rgba(255,255,255,0.1); }
.page-title h1{ font-size:35px; text-transform:uppercase; color:#fff; }
.page-title h1>span{ font-size:55px; display:block; }
.page-title h1>span.lg{ font-size:60px; }
.page-title .offset{ padding-left:120px; }
.page-title .offset p{ margin-top:30px; padding-top:30px; border-top:3px solid rgba(255,255,255,0.1); }
.page-title .offset .btn{ margin-top:60px; padding:30px 30px 30px 100px; position:relative; background:#fff; color:var(--dark); }
.page-title .offset .btn:hover{ color:#fff; background:var(--red); }
.page-title .offset .btn .arrow{ position:absolute; left:0; top:0; bottom:0; display:flex; justify-content:center; align-items:center; width:80px; background:var(--red); transition: all .25s ease-in-out; }
.page-title .offset .btn:hover .arrow{ background:var(--redhvr); }
.page-title .offset .btn .arrow img{ transform:rotate(90deg); }
@media (max-width: 1679px) {
	.page-title>div{ padding:200px 60px 0 45vw; }
	.page-title.alt>div{ padding:200px 60px 60px 40vw; }
	.page-title .over-title{ padding:0 0 20px 70px; }
	.page-title .over-title:before{ left:-50px; width:100px; }
	.page-title .offset{ padding-left:60px; }
}
@media (max-width: 1249px) {
	.page-title>div{ padding:200px 60px 0 40vw; }
	.page-title h1>span, .page-title h1>span.lg{ font-size:50px; }
}
@media (max-width: 1019px) {
	.page-title{ padding-left:0; }
	.page-title:after{ width:100%; max-width:100%; height:400px; left:0; top:0; }
	.page-title>div{ padding:450px 30px 0; }
	.page-title.alt>div{ padding:450px 30px 60px; }
}
@media (max-width: 619px) {
	.page-title .over-title{ padding-left:0; }
	.page-title .over-title:before{ display:none; }
	.page-title h1>span, .page-title h1>span.lg{ font-size:30px; }
	.page-title .offset{ padding-left:0; }
	.page-title .offset .btn{ padding:20px 20px 20px 70px; }
	.page-title .offset .btn .arrow{ width:50px; }
}

.cs-7{ padding:300px 0 200px; position:relative; }
.cs-7:before{ content:""; position:absolute; left:0; top:0; display:block; width:250px; height:100%; background:var(--red); }
.cs-7:after{ content:""; position:absolute; left:0; bottom:0; display:block; width:100%; height:400px; background:var(--dark); }
.cs-7 .img{ position:absolute; bottom:150px; right:0; width:23vw; height:1134px; background:url(../images/img-cs-7.jpg) center center / cover no-repeat var(--dark); z-index:2; }
.cs-7 .title h2{ font-size:50px; padding:0 30px 100px 350px; max-width:1300px; }
.cs-7 .box{ padding-left:120px; max-width:68vw; margin-right:60px; position:relative; z-index:5; }
.cs-7 .box:before{ content:""; position:absolute; right:-50px; bottom:-50px; display:block; width:590px; height:590px; background:url(../images/lined-square-3.png) center center; }
.cs-7 .box .items{ padding:45px; background:#fff; position:relative; }
.cs-7 .box .item{ display:flex; flex-direction:column; width:50%; padding:15px; }
.cs-7 .box .item>div{ padding:50px; border:2px solid var(--lgrey); text-align:center; height:100%; display:flex; flex-direction:column; justify-content:center; }
.cs-7 .box .item img{ width:80px; margin:0 auto 20px; }
.cs-7 .box .item h3{ font-size:20px; margin-bottom:20px; }
@media (max-width: 1679px) {
	.cs-7 .img{ height:800px; }
	.cs-7 .box{ padding-left:60px; }
	.cs-7 .box .item>div{ padding:30px; }
}
@media (max-width: 1249px) {
	.cs-7 .img{ display:none; }
	.cs-7 .box{ max-width:100%; }
	.cs-7 .box .item>div{ padding:50px; }
}
@media (max-width: 1019px) {
	.cs-7{ padding:150px 0 200px; }
	.cs-7:before{ display:none; }
	.cs-7 .title h2{ font-size:50px; padding:0 30px 100px; }
	.cs-7 .box{ padding-left:0; }
	.cs-7 .box .item>div{ padding:30px; }
}
@media (max-width: 619px) {
	.cs-7{ padding:100px 0 200px; }
	.cs-7 .title h2{ font-size:35px; padding:0 30px 30px; }
	.cs-7 .box{ margin-right:0; }
	.cs-7 .box:before{ right:0; width:295px; height:295px; background-size:295px 295px; }
	.cs-7 .box .content{ width:100%; }
	.cs-7 .box .items{ padding:15px; }
	.cs-7 .box .item{ width:100%; }
}

.cs-8{ padding:200px 0 300px; background:var(--dark); position:relative; }
.cs-8 h2{ font-size:90px; text-transform:uppercase; color:#fff; text-align:center; position:relative; margin-bottom:-20px; z-index:5; padding:0 30px; }
.cs-8 .slider{ margin-left:25%; margin-right:25%;}
.cs-8 .slider .inner-slide{ padding:0 30px; transition: all .25s ease-in-out; }
.cs-8 .slider [aria-hidden="true"] .inner-slide{ opacity:0.3; }
.cs-8 .slider .inner-slide img{ max-width:100%; }
.cs-8 .bx-controls a{ position:absolute; bottom:150px; left:calc(50% + 5px); display:flex; justify-content:center; align-items:center; height:100px; width:100px; border:3px solid rgba(255,255,255,0.1); color:#fff; }
.cs-8 .bx-controls a svg{ height:26px; width:16px; }
.cs-8 .bx-controls a.bx-prev{ left:calc(50% - 105px); transform:rotate(-180deg); }
.cs-8 .bx-controls a:hover{ background:var(--red); border-color:var(--red); }
@media (max-width: 1679px) {
	.cs-8 .slider{ margin-left:10%; margin-right:10%;}
}
@media (max-width: 1249px) {
	.cs-8 .slider{ margin:0;}
}
@media (max-width: 1019px) {
	.cs-8 h2{ font-size:60px; }
}
@media (max-width: 619px) {
	.cs-8{ padding:100px 0 200px; }
	.cs-8 h2{ font-size:35px; margin-bottom:20px; }
	.cs-8 .bx-controls a{ bottom:100px; height:60px; width:60px; }
	.cs-8 .bx-controls a svg{ height:18px; width:11px; }
	.cs-8 .bx-controls a.bx-prev{ left:calc(50% - 65px); }
}

.cs-9{ background:var(--dark); padding-right:136px; }
.cs-9>div{ background:#fff; }
.cs-9 h2{ padding:250px 100px 100px 250px; font-size:40px; line-height:1.3; }
.cs-9 h2>span{ font-size:70px; display:block; }
.cs-9 .img{ display:flex; flex-direction:column; width:708px; }
.cs-9 .img>img{ max-width:100%; }
.cs-9 .content{ display:flex; flex-direction:column; width:calc(100% - 708px); padding:80px; }
.cs-9 .content>div{ max-width:500px; }
.cs-9#emplois p.lg { font-size: 20px; }
@media (max-width: 1679px) {
	.cs-9 .img{ width:354px; }
	.cs-9 .content{ width:calc(100% - 354px); }
}
@media (max-width: 1249px) {
	.cs-9 h2{ padding:100px; }
}
@media (max-width: 1019px) {
	.cs-9{ padding-right:60px; }
	.cs-9 h2{ padding:100px 60px 30px; }
	.cs-9 h2>span{ font-size:50px; }
	.cs-9 .img{ display:none; }
	.cs-9 .content{ width:100%; padding:0 60px; }
}
@media (max-width: 619px) {
	.cs-9{ padding-right:30px; }
	.cs-9 h2{ padding:100px 30px 30px; font-size:30px; }
	.cs-9 h2>span{ font-size:40px; }
	.cs-9 .content{ padding:0 30px; }
}

.cs-10{ background:#fff; padding-left:312px; }
.cs-10>div{ background:var(--dark); }
.cs-10 .boxes{ padding-left:170px; margin-top:-500px; }
.cs-10 .boxes .wrap{ overflow:hidden; }
.cs-10 .box{ display:flex; flex-direction:column; width:50%; height:660px; transition: all .25s ease-in-out; }
.cs-10 .box.active{ width:100%; }
#job-1.inactive{ margin-left:-50%;}
#job-2.inactive{ margin-right:-50%;}
.cs-10 .box>a{ display:flex; align-items:flex-end; width:100%; height:100%; padding:60px; background:url(../images/bg-surintendant.jpg) center center / cover no-repeat var(--dark); position:relative; }
.cs-10 .box+.box>a{ background-image:url(../images/bg-charge-projet.jpg); }
.cs-10 .box>a:before{ content:""; display:block; width:100%; height:100%; position:absolute; right:0; bottom:0; background:var(--dark); opacity:0; transition: all .25s ease-in-out; }
.cs-10 .box>a:hover:before{ opacity:0.6; }
.cs-10 .box>a:after{ content:""; font-size:30px; color:#fff; display:block; width:90px; height:90px; position:absolute; right:30px; bottom:30px; background:url(../images/plus.svg) center center no-repeat var(--red); transition: all .25s ease-in-out; z-index:0; }
.cs-10 .box.inactive>a:after{ opacity:0; }
.cs-10 .box.active>a:after{ background-image:url(../images/close.svg); z-index:5; }
.cs-10 .box>a:hover:after{ background-color:var(--redhvr); }
.cs-10 .box h3{ font-size:30px; padding-right:100px; color:#fff; position:relative; transition: all .25s ease-in-out; }
.cs-10 .box a:hover h3{ color:var(--red); }
.cs-10 .inner-content{ margin-top:-160px; padding-right:75px; position:relative; display:none; }
.cs-10 .inner-content.active{ display:block; }
.cs-10 .inner-content>div{ padding:60px 80px 60px 60px; background:#fff; }
.cs-10 .inner-content h3{ font-size:40px; padding-bottom:30px; border-bottom:3px solid var(--lgrey); margin-bottom:30px;  }
.cs-10 .inner-content p+p{ margin-top:20px; }
.cs-10 .inner-content .btn{ margin-top:30px; }
.cs-10 .lists{ margin-top:30px; }
.cs-10 .lists .item{ border:3px solid var(--lgrey); }
.cs-10 .lists .item+.item{ margin-top:20px; }
.cs-10 .lists .t-item{  padding:20px 100px 20px 40px; cursor:pointer; position:relative; transition:all .4s ease }
.cs-10 .lists .t-item h4{ font-size:20px; }
.cs-10 .lists .t-item .icn{ position:absolute; top:-3px; right:-3px; display:block; width:66px; height:calc(100% + 6px); background:url(../images/plus.svg) center center no-repeat var(--red); background-size:12px 12px; transition: all .25s ease-in-out; }
.cs-10 .lists .t-item:hover .icn{ background-color:var(--redhvr); }
.cs-10 .lists .t-item.open .icn{ background-image:url(../images/close.svg); }
.cs-10 .lists .c-item{ height:0; overflow:hidden; transition:all 0.4s ease; }
.cs-10 .lists .c-item.open{ }
.cs-10 .lists .c-item>div{ padding:0 20px 20px; }
.cs-10 .lists .c-item ul{ padding:20px 0 20px 25px; }
.cs-10 .lists .c-item li{ padding-left:30px; line-height:1.3; background:url(../images/temp-check.png) left top 5px no-repeat; color:var(--text); }
.cs-10 .lists .c-item li+li{ margin-top:15px; }
@media (max-width: 1679px) {
	.cs-10{ padding-left:156px; }
	.cs-10 .boxes{ padding-left:100px; margin-top:-160px; }
}
@media (max-width: 1249px) {
	.cs-10 .boxes .box{ display:none; }
	.cs-10 .inner-content{ margin-top:0; display:block; }
}
@media (max-width: 1019px) {
	.cs-10{ padding-left:0; }
	.cs-10 .boxes{ padding-left:0; margin-top:0; }
	.cs-10 .inner-content{ padding-right:60px;}
	.cs-10 .inner-content>div{ padding:60px; }
	.cs-10 .inner-content h3{ font-size:35px; }
}
@media (max-width: 1019px) {
	.cs-10 .inner-content{ padding-right:30px;}
	.cs-10 .inner-content>div{ padding:60px 30px; }
	.cs-10 .inner-content h3{ font-size:25px; }
	.cs-10 .lists .t-item{  padding:20px 80px 20px 20px; }
	.cs-10 .lists .t-item h4{ font-size:14px; }
	.cs-10 .lists .c-item ul{ padding:20px 0; }
	.cs-10 .lists .c-item li{ background-position:left top 2px; }
}

.cs-11{ background:#fff; padding-left:312px; position:relative; }
.cs-11:before{ content:""; position:absolute; left:0; bottom:0; width:596px; height:1386px; background:url(../images/img-bottom-carriere-v2.jpg) center center / cover no-repeat; }
.cs-11>div{ padding-top:250px; padding-left:280px; background:var(--dark); }
.cs-11 .outer-form{ padding:0 60px 300px; max-width:1000px; margin:0 auto; min-height:1400px; display:flex; align-items:center; justify-content:center; }
.cs-11 h2{ font-size:40px; margin:30px 0; line-height:1.3; color:#fff; }
.cs-11 h2>span{ font-size:50px; display:block; }
.cs-11 .form-row{ margin-left:-20px; }
.cs-11 .form-row .lg{ display:flex; flex-direction:column; width:100%; padding:20px 0 0 20px; }
.cs-11 .form-row .md{ display:flex; flex-direction:column; width:50%; padding:20px 0 0 20px; position:relative; }
.cs-11 .form-row label{ font-size:18px; font-weight:700; color:#fff; margin-bottom:5px; }
.cs-11 .form-row label>span{ color:var(--red); }
.cs-11 .form-row .input{ padding:20px 40px; width:100%; color:#fff; border:0; background-color:rgba(255,255,255,0.1); }
.cs-11 .form-row .input:focus{ background-color:rgba(255,255,255,0.2); }
.cs-11 .form-row .upload-label{ padding:20px 40px; width:100%; color:#fff; border:0; background:rgba(255,255,255,0.1); margin:0; height:61px; }
.cs-11 .form-row .upload-input{ position:absolute; top:43px; height:61px; width:calc(100% - 20px); opacity:0; }
.cs-11 .form-row select.input{ -moz-appearance: none; -webkit-appearance: none; background: url(../images/select.svg) right 30px center no-repeat rgba(255,255,255,0.1); }
.cs-11 .form-row select.input option{ color:var(--dark); }
.cs-11 .form-row textarea.input{ height:120px; resize:none; }
.cs-11 .outer-form .btn{ margin-top:30px; padding:30px 90px; }
@media (max-width: 1679px) {
	.cs-11{ padding-left:156px; }
	.cs-11>div{ padding-left:436px; }
	.cs-11 h2{ font-size:30px; }
	.cs-11 h2>span{ font-size:40px; }
}
@media (max-width: 1249px) {
	.cs-11>div{ padding:150px 0 0 0; }
	.cs-11:before{ display:none; }
	.cs-11 .outer-form{ padding:0 60px 150px; }
}
@media (max-width: 1019px) {
	.cs-11{ padding-left:0; }
	.cs-11 .outer-form{ min-height:0; }
}
@media (max-width: 619px) {
	.cs-11>div{ padding:100px 0 0 0; }
	.cs-11 .outer-form{ padding:0 30px 100px; }
	.cs-11 .form-row .md{ width:100%; }
	.cs-11 .form-row label{ font-size:14px; }
}

.cs-12{ background:var(--red); padding-left:136px; }
.cs-12>div{ background:#fff; }
.cs-12 .content{ display:flex; flex-direction:column; width:60%; padding:300px 200px 200px; }
.cs-12 .content h2{ font-size:50px; text-transform:uppercase; margin-bottom:60px; }
.cs-12 .content h3{ font-size:35px; margin-bottom:30px; }
.cs-12 .content p+p{ margin-top:20px; }
.cs-12 .img{ display:flex; flex-direction:column; width:40%; background:url(../images/expertise-domaine-medical.jpg) center center / cover no-repeat; }
.cs-12 .box{ padding:0 50px; background:var(--dark); }
.cs-12 .box .item{ display:flex; flex-direction:column; width:50%; padding:100px 50px; }
.cs-12 .box .item>div{ padding:100px 50px; border:2px solid rgba(255,255,255,0.1); text-align:center; height:100%; display:flex; flex-direction:column; justify-content:center; }
.cs-12 .box .item h3{ font-size:30px; margin-bottom:30px; color:#fff; }
@media (max-width: 1679px) {
	.cs-12 .content{ padding:300px 100px 200px; }
}
@media (max-width: 1249px) {
	.cs-12 .content{ width:100%; }
	.cs-12 .img{ display:none; }
	.cs-12 .box .item{ width:100%; }
	.cs-12 .box .item+.item{ padding-top:0; }
}
@media (max-width: 1019px) {
	.cs-12{ padding-left:0; }
	.cs-12 .content{ padding:150px 60px; }
}
@media (max-width: 619px) {
	.cs-12 .content{ padding:100px 30px; }
	.cs-12 .content h2{ font-size:40px; }
	.cs-12 .content h3{ font-size:30px; } 
	.cs-12 .box{ padding:0; }
	.cs-12 .box .item{ padding:60px 30px; }
	.cs-12 .box .item>div{ padding:60px 30px; }
	.cs-12 .box .item h3{ font-size:20px; }
}

.cs-12-v2{ background:var(--red); padding-left:136px; }
.cs-12-v2>div{ background:#fff; }
.cs-12-v2 .content{ padding:200px 60px; }
.cs-12-v2 .content h2{ font-size:70px; margin-bottom:30px; text-align:center; }
.cs-12-v2 .content .items{ max-width:1350px; margin:0 auto; background:#fff; position:relative; }
.cs-12-v2 .content .item{ display:flex; flex-direction:column; width:50%; padding:15px; }
.cs-12-v2 .content .item>div{ padding:50px; border:2px solid var(--lgrey); height:100%; display:flex; flex-direction:column; }
.cs-12-v2 .content .item h3{ font-size:30px; margin-bottom:20px; }
.cs-12-v2 .content .item p+p{ margin-top:20px; }
.cs-12-v2 .content .item .readmorecontent { margin-top: 20px; }
.cs-12-v2 .content .item .show_hide { font-weight: 800; text-transform: uppercase; display: flex; align-items: center; border-top: 2px solid var(--lgrey); padding-top: 5px; margin-top: 15px;  }
.cs-12-v2 .content .item .show_hide span { color: var(--red); font-size: 33px; padding-bottom: 4px; padding-left: 10px; }
@media (max-width: 1019px) {
	.cs-12-v2{ padding-left:0; }
	.cs-12-v2 .content{ padding:150px 60px; }
	.cs-12-v2 .content .item{ width:100%; }
	.cs-12-v2 .content .item>div{ padding:30px; }
}
@media (max-width: 619px) {
	.cs-12-v2 .content{ padding:100px 30px; }
	.cs-12-v2 .content h2{ font-size:40px; }
	.cs-12-v2 .content .item h3{ font-size:20px; }
}

.cs-13{ background:var(--dark); }
.cs-13 .content{ display:flex; flex-direction:column; width:60%; padding:200px 100px; align-items:center; }
.cs-13 .content>div{ max-width:750px; }
.cs-13 .content h2{ font-size:50px; text-transform:uppercase; margin-bottom:60px; color:#fff; }
.cs-13 .content h3{ font-size:35px; margin:60px 0 30px; color:#fff; }
.cs-13 .content p+p{ margin-top:20px; }
.cs-13 .img{ display:flex; flex-direction:column; width:40%; background:url(../images/expertise-secteurs.jpg?vFinal) center center / cover no-repeat; }
@media (max-width: 1249px) {
	.cs-13 .content{ width:100%; }
	.cs-13 .img{ display:none; }
}
@media (max-width: 619px) {
	.cs-13 .content{ padding:100px 30px; }
	.cs-13 .content h2{ font-size:40px; }
	.cs-13 .content h3{ font-size:30px; } 
}

.cs-14{ position:relative; }
.cs-14:before{ content:""; position:absolute; left:0; top:0; display:block; width:136px; height:100px; background:var(--red); }
.cs-14 .title{ display:flex; flex-direction:column; width:60%; justify-content:center; align-items:flex-end; padding:200px 150px 500px; background:#fff; }
.cs-14 .title h2{ font-size:70px; max-width:500px; text-align:right; }
.cs-14 .bg{ display:flex; flex-direction:column; width:40%; background:var(--red); }
.cs-14 .box{ margin-top:-400px; position:relative; }
.cs-14 .box .img{ display:flex; flex-direction:column; width:300px; background:url(../images/expertise-services-side.jpg) center center / cover no-repeat var(--dark); }
.cs-14 .box .content{ display:flex; flex-direction:column; width:calc(100% - 400px); position:relative; }
.cs-14 .box .content:before{ content:""; position:absolute; right:-50px; bottom:-50px; display:block; width:590px; height:590px; background:url(../images/lined-square-2.png) center center; }
.cs-14 .box .items{ padding:45px; background:#fff; position:relative; }
.cs-14 .box .item{ display:flex; flex-direction:column; width:50%; padding:15px; }
.cs-14 .box .item>div{ padding:50px; border:2px solid var(--lgrey); height:100%; display:flex; flex-direction:column; }
.cs-14 .box .item h3{ font-size:30px; margin-bottom:20px; }
.cs-14 .box .item p+p{ margin-top:20px; }

.cs-14 .box .item .readmorecontent { margin-top: 20px; }
.cs-14 .box .item .show_hide { font-weight: 800; text-transform: uppercase; display: flex; align-items: center; border-top: 2px solid var(--lgrey); padding-top: 5px; margin-top: 15px;  }
.cs-14 .box .item .show_hide span { color: var(--red); font-size: 33px; padding-bottom: 4px; padding-left: 10px; }

@media (max-width: 1679px) {
	.cs-14 .box .img{ width:100%; height:50vh; }
	.cs-14 .box .item>div{ padding:30px; }
	.cs-14 .box .content{ width:100%; }
}
@media (max-width: 1249px) {
	.cs-14:before{ height:50px; }
	.cs-14 .title{ padding:100px 100px 500px 30px; }
	.cs-14 .title h2{ font-size:60px; }
	.cs-14 .box .content:before{ width:295px; height:295px; background-size:295px 295px; right:0; }
	.cs-14 .box .item>div{ padding:50px; }
}
@media (max-width: 1019px) {
	.cs-14:before{ display:none; }
	.cs-14 .title h2{ font-size:50px; }
	.cs-14 .box .item{ width:100%; }
	.cs-14 .box .item>div{ padding:30px; }
}
@media (max-width: 619px) {
	.cs-14 .title{ width:80%; align-items:flex-start; padding:60px 50px 60px 30px; }
	.cs-14 .title h2{ font-size:35px; text-align:right; }
	.cs-14 .bg{ width:20%; }
	.cs-14 .box{ margin-top:0; }
	.cs-14 .box .img{ height:70vh; }
	.cs-14 .box .content{ width:100%; }
	.cs-14 .box .items{ padding:15px; }
	.cs-14 .box .item h3{ font-size:20px; }
}

.cs-15{ padding:150px 0 150px; }
.cs-15.page{ padding:150px 0; }
.cs-15 h2{ font-size:60px; margin-bottom:60px; text-transform:uppercase; text-align:center; }
.cs-15 .item{ display:flex; flex-direction:column; width:33.333333%; padding:30px; }
.cs-15 .item a{ display:block; }
.cs-15 .item .img{ position:relative; }
.cs-15 .item .img:after{ content:""; position:absolute; left:0; bottom:0; right:0; top:0; display:block; background:url(../images/caret-square-red.svg) center center no-repeat rgba(18,16,11,0.85); opacity:0; transition: all .25s ease-in-out; }
.cs-15 .item a:hover .img:after{ opacity:1; }
.cs-15 .item img{ width:100%; }
.cs-15 .item h3{ font-size:20px; margin-top:20px; transition: all .25s ease-in-out; }
.cs-15 .item a:hover h3{ color:var(--red); }
@media (max-width: 1019px) {
	.cs-15 .item{ width:50%; }
}
@media (max-width: 619px) {
	.cs-15{ padding:100px 0; }
	.cs-15.page{ padding:100px 0; }
	.cs-15 h2{ font-size:40px; }
	.cs-15 .item{ width:100%; padding:30px 0; }
	.cs-15 .item h3{ font-size:18px; }
}

.cs-16{ background:var(--red); padding-left:136px; }
.cs-16>div{ padding:300px 150px 100px; background:#fff; }
.cs-16 h2{ font-size:40px; margin-bottom:30px; text-transform: uppercase; }
.cs-16 h2>span{ font-size:50px; display:block; }
.cs-16 .items .wrap{ margin-left:-30px; }
.cs-16 .item{ display:flex; flex-direction:column; width:33.333333%; padding:30px 0 0 30px; }
.cs-16 .item>div{ padding:50px; border:2px solid var(--lgrey); text-align:center; height:100%; display:flex; flex-direction:column; justify-content:center; }
.cs-16 .item img{ width:80px; margin:0 auto 20px; }
.cs-16 .item h3{ font-size:20px; margin-bottom:20px; }
@media (max-width: 1679px) {
	.cs-16>div{ padding:300px 50px 100px; }
}
@media (max-width: 1359px) {
	.cs-16 .item{ width:50%; }
}
@media (max-width: 1019px) {
	.cs-16>div{ padding:100px 30px; }
	.cs-16{ padding-left:0; }
}
@media (max-width: 619px) {
	.cs-16 h2{ font-size:30px; }
	.cs-16 h2>span{ font-size:40px; }
	.cs-16 .item{ width:100%; }
	.cs-16 .item>div{ padding:50px 30px; }
}

.cs-17{ padding:200px 0; background:var(--dark); color:#fff; position:relative; }
.cs-17.blank{ padding:100px 0; }
.cs-17.alt{ background:#fff; color:var(--dark); }
.cs-17:before{ content:""; position:absolute; left:0; top:0; display:block; width:136px; height:100px; background:var(--red); }
.cs-17.alt:before{ height:30%; }
.cs-17 h2{ font-size:60px; margin-bottom:60px; text-transform:uppercase; text-align:center; }
.cs-17 .items .wrap{ margin-left:-30px; }
.cs-17 .item{ display:flex; flex-direction:column; width:25%; padding:60px 0 0 30px; }
.cs-17 .item>div{ text-align:center; height:100%; display:flex; flex-direction:column; }
.cs-17 .item img{ width:100%; margin:0 auto 20px; }
.cs-17 .item .name{ font-size:20px; font-weight:700; margin-bottom:5px; }
.cs-17 .item .desc{ font-size:14px; letter-spacing:1px; font-weight:700; text-transform:uppercase; color:var(--text); margin-bottom:10px; }
.cs-17 .item a{ color:var(--red); text-decoration:underline; }
.cs-17 .item a:hover{ color:var(--redhvr); }
@media (max-width: 1249px) {
	.cs-17.blank{ display:none; }
	.cs-17 .item{ width:33.333333%; }
}
@media (max-width: 1019px) {
	.cs-17:before{ display:none; }
	.cs-17 .item{ width:50%; }
}
@media (max-width: 619px) {
	.cs-17.alt{ padding:0 0 100px; }
	.cs-17 h2{ font-size:40px; }
	.cs-17 .item{ width:100%; }
	.cs-17 .item .name{ font-size:16px; }
	.cs-17 .item .desc{ font-size:13px; letter-spacing:0; }
}

.banner-btn{ padding:150px 30px; display:block; text-align:center; color:#fff; background:var(--red); }
.banner-btn.dark{ background:url(../images/bg-home-testi.jpg) center center / cover no-repeat var(--dark); position:relative; }
.banner-btn.dark:before{ content:""; position:absolute; left:0; bottom:0; display:block; width:100%; height:100%; opacity:0; background:var(--dark); transition: all .25s ease-in-out; }
.banner-btn.red:hover{ background:var(--redhvr); }
.banner-btn.dark:hover:before{ opacity:0.5; }
.banner-btn>div{ position:relative; }
.banner-btn .f-title{ font-size:50px; margin-bottom:20px; text-transform: uppercase; }
.banner-btn p{ margin-bottom:20px; color: rgb(255 255 255 / 70%); font-size: 18px; }
.banner-btn .cta{ font-size:25px; text-transform:uppercase; display:flex; width:100%; justify-content:center; }
.banner-btn .cta img{ margin-left:20px; }
@media (max-width: 619px) {
	.banner-btn{ padding:100px 30px; }
	.banner-btn .f-title{ font-size:35px; }
	.banner-btn .cta{ font-size:18px; }
}

.cs-18 .img{ display:flex; flex-direction:column; width:50%; justify-content:flex-end; background:var(--dark); }
.cs-18 .img img{ width:100%; }
.cs-18 .content{ display:flex; flex-direction:column; width:50%; justify-content:center; padding:250px 5vw; }
.cs-18 .content h2{ font-size:45px; margin-bottom:30px; }
.cs-18 .content p+p{ margin-top:20px; }
@media (max-width: 1679px) {
	.cs-18 .content{ padding:200px 5vw; }
	.cs-18 .content h2{ font-size:35px; }
}
@media (max-width: 1249px) {
	.cs-18 .img{ width:100%; }
	.cs-18 .content{ width:100%; padding:200px 10vw;  }
}
@media (max-width: 619px) {
	.cs-18 .content{ padding:0 30px 100px;  }
	.cs-18 .content h2{ font-size:25px; }
}

.cs-19{ background:#fff; padding-left:136px; margin-top:150px; }
.cs-19>div{ position:relative; }
.cs-19>div:before{ content:""; position:absolute; left:-50px; top:-50px; display:block; width:590px; height:590px; background:url(../images/lined-square-2.png) center center; }
.cs-19 .inner{ padding:150px; background:var(--dark); position:relative; }
.cs-19 .img{ display:flex; flex-direction:column; width:50%; background:url(../images/img-apropos-2.jpg) center center / cover no-repeat var(--dark); }
.cs-19 .content{ display:flex; flex-direction:column; width:50%; padding:100px 0 100px 100px;  }
.cs-19 .content>div{ max-width:500px; }
.cs-19 .inner h2{ font-size:40px; margin-bottom:50px; color:#fff; }
.cs-19 .inner p+p{ margin-top:20px; }
@media (max-width: 1679px) {
	.cs-19 .inner{ padding:150px 100px; }
	.cs-19 .content{ padding:100px 0 100px 60px;  }
}
@media (max-width: 1019px) {
	.cs-19 .content{ width:100%; padding:0; }
	.cs-19 .img{ width:100%; }
}
@media (max-width: 619px) {
	.cs-19{ padding-left:30px; margin-top:100px; }
	.cs-19>div:before{ width:295px; height:295px; background-size:295px 295px; left:-30px; top:-30px; }
	.cs-19 .inner{ padding:100px 30px; }
	.cs-19 .inner h2{ font-size:30px; }
}

.cs-20{ padding:200px 0; }
.cs-20 .title h2{ font-size:60px; margin-bottom:30px; text-transform:uppercase; text-align:center; }
.cs-20 .title p{ max-width:800px; margin:0 auto 60px; text-align:center; }
.cs-20 .items .wrap{ justify-content:center; }
.cs-20 .item{ display:flex; flex-direction:column; width:33.333333%; padding:15px; }
.cs-20 .item>div{ padding:50px; border:2px solid var(--lgrey); height:100%; text-align:center; background: #fff; transition: .4s ease; }
.cs-20 .item>div:hover { background: var(--dark); border-color: var(--dark); }
.cs-20 .item>div:hover h3, .cs-20 .item>div:hover p { color: #fff; }
.cs-20 .item h3{ font-size:25px; margin-bottom:20px; color:var(--red); }
@media (max-width: 1019px) {
	.cs-20 .item{ width:100%; }
}
@media (max-width: 619px) {
	.cs-20{ padding:100px 0; }
	.cs-20 .title h2{ font-size:35px; }
	.cs-20 .item>div{ padding:50px 30px; }
	.cs-20 .item h3{ font-size:20px; }
}

.cs-21{ padding:300px 0 200px; }
.cs-21 .item+.item{ margin-top:100px; }
.cs-21 .item .img{ display:flex; flex-direction:column; width:55%; }
.cs-21 .item .content{ display:flex; flex-direction:column; width:45%; justify-content:center; padding:100px 0 100px 100px; }
.cs-21 .item .wrap-alt-2 .content{ align-items:flex-end; text-align:right; padding:100px 100px 100px 0; }
.cs-21 .item .content h2{ font-size:30px; }
.cs-21 .item .content .desc{ font-size:20px; margin:10px 0 30px; color:var(--red); }
@media (max-width: 1249px) {
	.cs-21 .item .content{ padding:100px 0 100px 50px; }
	.cs-21 .item .wrap-alt-2 .content{ padding:100px 50px 100px 0; }
}
@media (max-width: 1019px) {
	.cs-21{ padding:150px 0; }
	.cs-21 .item .img{ width:100%; }
	.cs-21 .item .content{ width:100%; padding:50px 0 0; }
	.cs-21 .item .wrap-alt-2 .content{ padding:50px 0 0; align-items:flex-start; text-align:left; }
}
@media (max-width: 619px) {
	.cs-21{ padding:100px 0; }
	.cs-21 .item .content{ padding:30px 0 0; }
	.cs-21 .item .wrap-alt-2 .content{ padding:30px 0 0; }
	.cs-21 .item .content h2{ font-size:25px; }
	.cs-21 .item .content .desc{ font-size:18px; }
}

.cs-contact{ padding:250px 0 150px; }
.cs-contact .left{ display:flex; flex-direction:column; width:45%; align-items:center; padding:0 30px 0 0; }
.cs-contact .left h2{ font-size:30px; margin-bottom:30px; }
.cs-contact .left .new{ font-style:italic; font-weight:700; color:var(--red); }
.cs-contact .left p{ margin-top:20px; }
.cs-contact .left p>a{ font-size:25px; color:var(--red); text-decoration:none; font-weight:900; }
.cs-contact .left p>a:hover{ opacity:1; color:var(--redhvr); }
.cs-contact .left .rbq{ margin-top:20px; font-weight:700; }
.cs-contact .left .hours h2{ font-size:25px; margin:30px 0 25px; }
.cs-contact .left .hours .item{ display:flex; margin-bottom:5px; }
.cs-contact .left .hours .item .day{ width:100px; }
.cs-contact .left .hours .item .time{ font-weight:700;  }
.cs-contact .right{ display:flex; flex-direction:column; width:55%; }
.cs-contact .right h2{ font-size:35px; }
.cs-contact .form-row{ margin-left:-20px; }
.cs-contact .form-row .lg{ display:flex; flex-direction:column; width:100%; padding:20px 0 0 20px; }
.cs-contact .form-row .md{ display:flex; flex-direction:column; width:50%; padding:20px 0 0 20px; position:relative; }
.cs-contact .form-row label{ font-size:18px; font-weight:700; margin-bottom:5px; }
.cs-contact .form-row label>span{ color:var(--red); }
.cs-contact .form-row .input{ padding:20px 40px; width:100%; color:var(--dark); border:0; background-color:rgba(18,16,11,0.05); }
.cs-contact .form-row .input:focus{ background-color:rgba(18,16,11,0.1); }
.cs-contact .form-row textarea.input{ height:120px; resize:none; }
.cs-contact .outer-form .btn{ margin-top:30px; padding:30px 90px; }
.map iframe{ width:100%; height:500px; display:block; }
@media (max-width: 1019px) {
	.cs-contact{ padding:150px 0; }
	.cs-contact .left{ width:100%; align-items:flex-start; padding:0 0 60px; }
	.cs-contact .right{ width:100%; }
}
@media (max-width: 619px) {
	.cs-contact{ padding:100px 0; }
	.cs-contact .left h2{ font-size:25px; }
	.cs-contact .right h2{ font-size:25px; }
	.cs-contact .form-row .md{ width:100%; }
	.cs-contact .form-row label{ font-size:14px; }
}

.cs-real-1 .title{ display:flex; flex-direction:column; width:calc(100% - 450px); padding:100px; background:var(--dark); }
.cs-real-1 .title .back{ font-size:14px; letter-spacing:1px; font-weight:700; text-transform:uppercase; color:rgba(255,255,255,0.6); padding:3px 0 3px 30px; position:relative; }
.cs-real-1 .title .back:hover{ color:rgba(255,255,255,0.8); }
.cs-real-1 .title .back svg{ height:14px; transform:rotate(180deg); position:absolute; left:0; top:50%; margin-top:-7px; }
.cs-real-1 .title h1{ font-size:45px; margin-top:60px; color:#fff; }
.cs-real-1 .title .sectors{ padding-top:30px; border-top:3px solid rgba(255,255,255,0.1); margin-top:30px; display:flex; align-items:center; font-size:14px; letter-spacing:1px; font-weight:700; text-transform:uppercase; }
.cs-real-1 .title .sectors .dt{ color:rgba(255,255,255,0.6); padding-right:25px; }
.cs-real-1 .title .sectors .sep{ height:3px; width:30px; background:rgba(255,255,255,0.1); }
.cs-real-1 .title .sectors .dd{ color:#fff; padding-left:25px; }
.cs-real-1 .year{ display:flex; flex-direction:column; width:450px; align-items:center; justify-content:center; text-align:center; padding:30px; }
.cs-real-1 .year .dt{ font-size:14px; letter-spacing:1px; font-weight:700; text-transform:uppercase; color:var(--red); }
.cs-real-1 .year .dd{ font-size:60px; font-weight:900; }
@media (max-width: 1679px) {
	.cs-real-1 .title{ width:calc(100% - 350px); }
	.cs-real-1 .year{ width:350px; }
}
@media (max-width: 1249px) {
	.cs-real-1 .title{ width:calc(100% - 250px); padding:100px 60px; }
	.cs-real-1 .year{ width:250px; }
}
@media (max-width: 1019px) {
	.cs-real-1 .title{ width:100%; padding:100px 60px; }
	.cs-real-1 .year{ width:100%; }
}
@media (max-width: 619px) {
	.cs-real-1 .title{ padding:60px 30px; }
	.cs-real-1 .title .back{ font-size:12px; }
	.cs-real-1 .title h1{ font-size:30px; margin-top:30px; }
	.cs-real-1 .title .sectors{ font-size:12px; letter-spacing:0; }
	.cs-real-1 .title .sectors .dt{ padding-right:20px; }
	.cs-real-1 .title .sectors .sep{ width:20px; }
	.cs-real-1 .title .sectors .dd{ padding-left:20px; }
}

.cs-real-2 .img{ display:flex; flex-direction:column; width:calc(100% - 450px); }
.cs-real-2 .img>img{ width:100%; }
.cs-real-2 .tour{ display:flex; flex-direction:column; width:450px; align-items:center; justify-content:center; text-align:center; padding:30px; }
.cs-real-2 .tour>a{ padding:40px 30px 100px; display:block; width:100%; color:#fff; background:var(--red); position:relative; }
.cs-real-2 .tour>a:hover{ background:var(--redhvr); }
.cs-real-2 .tour>a img{ width:78px; margin:0 auto 30px; }
.cs-real-2 .tour>a .f-title{ font-size:14px; text-transform:uppercase; }
.cs-real-2 .tour>a .f-title>span{ font-size:25px; display:block; }
.cs-real-2 .tour>a:before{ content:""; position:absolute; left:50%; bottom:0; margin-left:-30px; display:block; width:60px; height:60px; background:url(../images/caret-right-red.svg) center center no-repeat #fff; }
@media (max-width: 1679px) {
	.cs-real-2 .img{ width:calc(100% - 350px); }
	.cs-real-2 .tour{ width:350px; }
}
@media (max-width: 1249px) {
	.cs-real-2 .img{ width:100%; }
	.cs-real-2 .tour{ width:100%; }
}

.cs-real-3{ padding:100px 0; }
.cs-real-3 .container{ max-width:1000px; text-align:center; }
@media (max-width: 619px) {
	.cs-real-3{ padding:50px 0; }
}

.cs-real-4{ padding:0 50px 100px; background:var(--dark); position:relative; }
.cs-real-4:before{ content:""; display:block; width:100%; height:150px; background:#fff; position:absolute; top:0; left:0; }
.cs-real-4 .outer-video{ position:relative; }
.cs-real-4 .outer-video:before{ content:""; position:absolute; right:-50px; bottom:-50px; display:block; width:590px; height:590px; background:url(../images/lined-square-3.png) center center; }
.cs-real-4 .outer-video>a{ display:block; height:600px; background:url(../images/bg-video-real.jpg) center center / cover no-repeat var(--dark); position:relative;  }
.cs-real-4 .outer-video>a:before{ content:""; position:absolute; left:0; bottom:0; right:0; top:0; display:block; background:rgba(18,16,11,0.35); transition: all .25s ease-in-out; }
.cs-real-4 .outer-video>a:hover:before{ background:rgba(18,16,11,0.85); }
.cs-real-4 .outer-video>a:after{ content:""; position:absolute; left:50%; top:50%; margin:-39px 0 0 -39px; display:block; width:78px; height:78px; background:url(../images/icn-play.png) center center no-repeat; background-size:78px 78px; transition: all .25s ease-in-out; }
@media (max-width: 1019px) {
	.cs-real-4{ padding:0 30px 100px; }
	.cs-real-4 .outer-video:before{ right:-30px; bottom:-30px; width:295px; height:295px; background-size:295px 295px; }
	.cs-real-4 .outer-video>a{ height:400px; }
}
@media (max-width: 619px) {
	.cs-real-4{ padding:0; }
	.cs-real-4 .outer-video:before{ display:none; }
	.cs-real-4 .outer-video>a{ height:250px; }
}

.cs-real-5 .left{ display:flex; flex-direction:column; width:40%; align-items:center; justify-content:center; padding:100px 60px; background:var(--dark); }
.cs-real-5 .left .f-title{ font-size:50px; margin-bottom:30px; color:#fff; }
.cs-real-5 .right{ display:flex; flex-direction:column; width:60%; padding:60px; }
.cs-real-5 .item{ display:flex; flex-direction:column; width:50%; padding:30px; }
.cs-real-5 .item a{ display:block; }
.cs-real-5 .item .img{ position:relative; }
.cs-real-5 .item .img:after{ content:""; position:absolute; left:0; bottom:0; right:0; top:0; display:block; background:url(../images/caret-square-red.svg) center center no-repeat rgba(18,16,11,0.85); opacity:0; transition: all .25s ease-in-out; }
.cs-real-5 .item a:hover .img:after{ opacity:1; }
.cs-real-5 .item img{ width:100%; }
.cs-real-5 .item h3{ font-size:20px; margin-top:20px; transition: all .25s ease-in-out; }
.cs-real-5 .item a:hover h3{ color:var(--red); }
@media (max-width: 1679px) {
	.cs-real-5 .item{ padding:30px 15px; }
}
@media (max-width: 1019px) {
	.cs-real-5 .left{ width:100%; }
	.cs-real-5 .right{ width:100%; }
}
@media (max-width: 619px) {
	.cs-8+.cs-real-5 .left{ padding:0 60px 100px; }
	.cs-real-5 .left .f-title{ font-size:30px; }
	.cs-real-5 .right{ padding:50px 30px; }
	.cs-real-5 .item{ width:100%; }
	.cs-real-5 .item h3{ font-size:16px; }
}


.alert {
    position: relative;
    padding: 1rem 1rem;
    margin-bottom: 1rem;
    border: 1px solid transparent;
    border-radius: .25rem;
}
.alert-success {
    color: #0f5132;
    background-color: #d1e7dd;
    border-color: #badbcc;
}
.alert-danger {
    color: #842029;
    background-color: #f8d7da;
    border-color: #f5c2c7;
}
.text-danger{ color: red !important; }

form .error { color: red; margin:6px; display:block; box-sizing: border-box;}