@import url("fonts.css");

/*********************************RESET******************************/
*{margin:0;padding:0;box-sizing:border-box;}
.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; max-width:100%; height:auto; object-fit:cover; }
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.8; }
ul{ list-style:none;}
li{ list-style:none; }
strong{font-weight:700;}
/*hide scrollbar*/
/*
html{ scrollbar-width:none; }ff
::-webkit-scrollbar{ display:none; }chrome/edge
*/

/*
fonts
font-family: 'ArticulatCF', sans-serif; 900
font-family: 'Montserrat', sans-serif; 500-700-800
*/

:root { 
--dark:#222222;
--dark2:#292929;
--dark3:#353535;
--light:#f1f1f1;
--main:#67b553;
--mainhvr:#44a345;
--main2:#119136;
--text:#939393;
--text2:#a0a0a0;
--text3:#737373;
}

/*********************************BASE******************************/
body{ background:var(--dark); color:var(--text2); font-family: 'Montserrat', sans-serif; font-size:15px; font-weight:500; line-height:1; overflow-x:hidden; }
body.blocked{ overflow:hidden; }
input, textarea, select{ font-family: 'Montserrat', sans-serif; font-size:16px;font-weight:700;color:var(--text);width:100%;transition: all .25s ease-in-out; }
.trans{ transition: all .25s ease-in-out; }
h1,h2,h3,h4,h5,.f-title{ font-family: 'ArticulatCF', 'Montserrat', sans-serif; font-weight:900; line-height:1; }
.t-br{ display:block; }
.center{ text-align:center; }
p{ }
p a, .txt li a{ text-decoration:underline; }
p a:hover, .txt li 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; }
.fcol{ display:flex; flex-direction:column; }
.fcenter{ justify-content:center; align-items:center; }
b, strong, .strong{ font-weight:700; }
.btn{ display:flex; flex-flow:row wrap; align-items:center; /*padding:25px 40px;*/ height:67px; padding:5px 40px; width:fit-content; font-size:17px; font-weight:800; text-transform:uppercase; letter-spacing:1px; background:var(--main); color:#fff; }
.btn:hover{ background:var(--mainhvr); color:#fff; }
.btn.download{ border:4px solid var(--main); background:none; color:var(--dark); }
.btn.download.alt{ background:var(--main); color:#fff; }
.btn.download:hover{ background:var(--main); color:#fff; }
.btn.download.alt:hover{ background:var(--mainhvr); border-color:var(--mainhvr); }
.btn.download .icn{ width:34px; }
.btn.download:hover .icn{ filter:brightness(10); }
.btn.download.alt .icn{ filter:brightness(10); }
.btn.download .txt{ font-size:14px; padding-left:20px; }
.btn.download .txt .lg{ font-size:16px; display:block; }
@media (max-width: 1679px) {

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

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

}
@media (max-width: 879px) {
	
}
@media (max-width: 759px) {
	
}
@media (max-width: 619px) {
	body{ font-size:13px; }
	input, textarea, select{ font-size:15px; }
	h1,h2,h3,h4,.f-title{ letter-spacing:normal; }
	.btn, .btn.lg, button{ font-size:14px; }
	.btn.download{ padding:5px 30px; }
	.btn.download .icn{ width:26px; }
}


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

/*HEADER + FULL MENU*/
#corner-btns{ position:fixed; top:0; right:0; z-index:6; }
#corner-btns a{ width:160px; height:120px; display:flex; justify-content:center; align-items:center; font-size:12px; font-weight:800; text-transform:uppercase; text-align:center; line-height:1.3; background:#fff; color:var(--dark); }
#corner-btns.scroll a{ width:130px; height:100px; font-size:10px; }
#corner-btns a:hover{ background:var(--light); }
#corner-btns a.alt{ background:var(--main); color:#fff; }
#corner-btns a.alt:hover{ background:var(--mainhvr); }
#corner-btns a img{ margin:0 auto 8px; }
#corner-btns a.lang{ width:auto; padding:0 25px; font-size:16px; font-weight:700; background:var(--main2); color:#fff; }
#corner-btns a.lang:hover{ background:var(--mainhvr); }
@media (max-width: 1279px) {
	#corner-btns{ left:0; }
	#corner-btns a{ width:50%; height:80px; text-align:left; }
	#corner-btns.scroll a{ width:50%; height:60px; }
	#corner-btns a>div{ display:flex; align-items:center; }
	#corner-btns a img{ margin:0 10px 0 0; }
	#corner-btns a.lang{ display:none; }
}
@media (max-width: 619px) {
	#corner-btns a{ height:60px; font-size:10px; }
	#corner-btns.scroll a{ height:50px; }
	#corner-btns a img{ height:22px; }
}

.main-header{ position:relative; }
.main-header .menu-header{ display:flex; justify-content:flex-end; align-items:center; width:560px; position:absolute; top:40px; left:0; z-index:3; }
.main-header .menu-header .logo{ width:300px; margin-right:120px; }
.main-header .menu-header .menu-btn{ margin-right:-35px; }
.main-header .menu-header .menu-btn a{ display:block; width:70px; height:70px; background:var(--main); position:relative; }
.main-header .menu-header .menu-btn .line{ height:4px; width:28px; border-radius:4px; background:#fff; position:absolute; left:21px; }
.main-header .menu-header .menu-btn .line.sm{ top:24px; }
.main-header .menu-header .menu-btn .line.md{ top:33px; }
.main-header .menu-header .menu-btn .line.lg{ top:42px; }
.main-header .menu-header .menu-btn a:hover{ background:var(--mainhvr); }
.main-header .menu-header .menu-btn a:hover .line.sm{ width:8px; }
.main-header .menu-header .menu-btn a:hover .line.md{ width:16px; }
.main-header .menu-header .menu-btn a:hover .line.lg{ width:24px; }
@media (max-width: 1279px) {
	.main-header{ padding-top:60px; }
	.main-header .menu-header{ justify-content:space-between; top:100px; padding:0 30px; width:100%; }	
	.main-header .menu-header .menu-btn{ margin:0; }
}
@media (max-width: 619px) {
	.main-header .menu-header .logo{ width:200px; margin-right:0; }
	.main-header .menu-header .menu-btn a{ transform:scale(0.7); transform-origin:right; }
}

.home-header{ background:#fff; position:relative; }
.home-header .menu-header{ display:flex; justify-content:flex-end; align-items:center; width:560px; position:absolute; top:40px; left:0; z-index:3; }
.home-header .menu-header .logo{ width:300px; margin-right:120px; }
.home-header .menu-header .menu-btn{ margin-right:-35px; }
.home-header .menu-header .menu-btn a{ display:block; width:70px; height:70px; background:var(--main); position:relative; }
.home-header .menu-header .menu-btn .line{ height:4px; width:28px; border-radius:4px; background:#fff; position:absolute; left:21px; }
.home-header .menu-header .menu-btn .line.sm{ top:24px; }
.home-header .menu-header .menu-btn .line.md{ top:33px; }
.home-header .menu-header .menu-btn .line.lg{ top:42px; }
.home-header .menu-header .menu-btn a:hover{ background:var(--mainhvr); }
.home-header .menu-header .menu-btn a:hover .line.sm{ width:8px; }
.home-header .menu-header .menu-btn a:hover .line.md{ width:16px; }
.home-header .menu-header .menu-btn a:hover .line.lg{ width:24px; }
.home-header .box{ width:560px; padding-bottom:90px; position:relative; z-index:2; }
.home-header .box>div{ height:100%; padding:90px 50px; justify-content:flex-end; align-items:flex-end; background:var(--dark); color:var(--text2); }
.home-header .box .content{ max-width:400px; }
.home-header .box .content h1{ font-size:90px; margin-bottom:30px; color:#fff; width:820px; }
.home-header .img{ width:calc(100% - 460px); margin-left:-100px; min-height:850px; height:100vh; background:url(../img/hero-home.webp) center center no-repeat var(--dark); background-size:cover; color:#fff; position:relative; z-index:1; }
.home-header .drop{position:absolute;bottom:30px;left:50%;margin-left:-40px;display:flex;width:80px;height:80px;border-radius:50%;border:3px solid var(--main);/*background:url(../img/icn/arrow.svg) center center / 28px 16px no-repeat;*/color:var(--main);z-index:2;}
.home-header .drop:hover{ color:#fff; background:var(--main); }
.home-header .drop svg{ width:28px; height:16px; transform:rotate(90deg); }
@media (max-width: 1279px) {
	.home-header{ padding-top:60px; }
	.home-header .menu-header{ justify-content:space-between; top:100px; padding:0 30px; width:100%; }	
	.home-header .menu-header .menu-btn{ margin:0; }
	.home-header .box{ width:100%; padding:0 100px 0 0; margin-top:-200px; }
	.home-header .box>div{ align-items:flex-start; }
	.home-header .box .content{ max-width:600px; }
	.home-header .box .content h1{ font-size:60px; width:auto; }
	.home-header .img{ width:100%; height:850px; margin:0; }
	.home-header .drop{ display:none; }
}
@media (max-width: 619px) {
	.home-header .menu-header .logo{ width:200px; margin-right:0; }
	.home-header .menu-header .menu-btn a{ transform:scale(0.7); transform-origin:right; }
	.home-header .box{ padding:0 30px 0 0; margin-top:-100px; }
	.home-header .box>div{ padding:60px 40px; }
	.home-header .box .content h1{ font-size:40px; }
	.home-header .img{ min-height:300px; height:450px; }
}

.gps-header .outer{ padding:300px 0 100px; background:url(../img/bg-logo-4.png) top right no-repeat var(--dark); }
.gps-header .container{ padding:0 110px; }
.gps-header .content{ width:55%; padding-right:80px; justify-content:center; }
.gps-header.no-img .content{ width:100%; }
.gps-header .content>div{ max-width:650px; }
.gps-header.no-img .content>div{ max-width:950px; }
.gps-header .content h1{ font-size:70px; line-height: 1.1; margin-bottom:30px; color:#fff; }
.gps-header .content h1 .sm{ font-size:30px; margin-bottom:5px; display:block; }
.gps-header.no-img .content p{ max-width:650px; }
.gps-header .img{ width:45%; }
.gps-header .quick-nav{ border-top:2px solid var(--dark3); height:80px; display:flex; justify-content:center; }
.gps-header .quick-nav a{ display:flex; align-items:center; padding:8px 25px 0; border-bottom:8px solid var(--dark); height:100%; text-transform:uppercase; letter-spacing:1px; color:#fff; }
.gps-header .quick-nav a:hover{ color:var(--main); border-color:var(--main); }
@media (max-width: 1479px) {
	.gps-header .outer{ background-position:top right -200px; }
}
@media (max-width: 1019px) {
	.gps-header .content{ width:100%; padding:0 0 60px; }
	.gps-header .img{ width:100%; }
	.gps-header .quick-nav a{ padding:30px 15px; }
}
@media (max-width: 619px) {
	.gps-header .outer{  padding:200px 0 60px; background-position:top right; background-size:357px 288px; }
	.gps-header .container{ padding:0 30px; }
	.gps-header .content h1{ font-size:40px; }
	.gps-header .content h1 .sm{ font-size:25px; }
	.gps-header .quick-nav{ height:60px; }
	.gps-header .quick-nav a{ padding:4px 10px 0; border-bottom:4px solid var(--dark); font-size:10px; letter-spacing:0; }
}

.sector-header .img{ width:43%; padding-bottom:80px; background:var(--light); }
.sector-header .img>img{ height:100%; width:100%; object-fit:cover; object-position:center; }
.sector-header .box{ width:57%; padding:300px 100px 200px; position:relative; }
.sector-header .content{ max-width:750px; }
.sector-header .content h1{ font-size:45px; line-height:1.1; color:#fff; }
.sector-header .content h1 .sm{ font-size:25px; margin-bottom:5px; display:block; }
.sector-header .content .offset{ margin-top:30px; padding-left:90px; position:relative; }
.sector-header .content .offset:before{ content:''; display:block; width:100px; height:4px; position:absolute; top:13px; left:-50px; background:var(--dark3); }
.sector-header .content .accr{ margin-top:30px; }
.sector-header .quick-nav{ border-top:2px solid var(--dark3); height:80px; width:100%; padding:0 0 0 75px; display:flex; position:absolute; left:0; bottom:0; }
.sector-header .quick-nav a{ display:flex; align-items:center; padding:8px 25px 0; border-bottom:8px solid var(--dark); height:100%; text-transform:uppercase; letter-spacing:1px; color:#fff; }
.sector-header .quick-nav a:hover{ color:var(--main); border-color:var(--main); }
@media (max-width: 1479px) {
	.sector-header .img{ width:560px; }
	.sector-header .box{ width:calc(100% - 560px); }
}
@media (max-width: 1359px) {
	.sector-header .content h1{ font-size:35px; }
	.sector-header .content h1 .sm{ font-size:20px; }
	.sector-header .content .offset{ padding-left:60px; }
	.sector-header .content .offset:before{ width:60px; left:-30px; }
	.sector-header .quick-nav a{ padding:8px 15px 0; }
}
@media (max-width: 1279px) {
	.sector-header .img{ width:100%; height:600px; padding-bottom:0; }
	.sector-header .box{ width:100%; padding:100px 8vw 150px; align-items:center; }
	.sector-header .quick-nav{ padding:0; justify-content:center; }
}
@media (max-width: 619px) {
	.sector-header .img{ height:450px; }
	.sector-header .box{ padding:100px 30px 150px; }
	.sector-header .content h1{ font-size:30px; }
	.sector-header .content h1 .sm{ font-size:18px; }
	.sector-header .content .offset{ padding:0; }
	.sector-header .content .offset:before{ display:none; }
	.sector-header .quick-nav{ height:60px; }
	.sector-header .quick-nav a{ padding:4px 10px 0; border-bottom:4px solid var(--dark); font-size:10px; letter-spacing:0; }
}

#full-menu{ display:block; position:fixed; top:0; right:0; width:100%; height:100vh; background:var(--dark); transform:translateX(-120vw); visibility:hidden; z-index:5; transition: all .5s ease-in-out; }
#full-menu.open{ transform:translateX(0); visibility:visible; }
#full-menu .menu{ width:calc(100% - 560px); min-height:100vh; justify-content:center; background:url(../img/bg-logo-1.png) right bottom no-repeat; color:#fff; position:relative; }
#full-menu .menu .top{ padding:120px 150px 80px; display:flex; align-items:center; }
#full-menu .menu .top .nav nav{ height:0; overflow:hidden; opacity:0; transform:translateX(-30px); }
#full-menu .menu .top .nav nav.is-shown{ height:auto; opacity:1; transform:translateX(0); }
#full-menu .menu .top .nav li.mobile-only{ display:none; }
#full-menu .menu .top .nav li>a{ font-size:50px; padding:3vh 0; display:flex; align-items:center; width:fit-content; }
#full-menu .menu .top .nav li>a:hover{ color:var(--main); }
#full-menu .menu .top .nav li>a.sub img{ margin-left:40px; height:22px; }
#full-menu .menu .top .nav li>a.sub:hover img{ margin-left:45px; }
#full-menu .menu .top .nav li.lang>a{ font-size:22px; text-transform:uppercase; color:var(--main); }
#full-menu .menu .top .nav li.lang>a:hover{ color:var(--main2); }
#full-menu .menu .top .nav .sub-nav li>a.back{ font-size:22px; text-transform:uppercase; color:var(--main); }
#full-menu .menu .top .nav .sub-nav li>a.back img{ margin-right:15px; height:15px; transform:rotate(180deg); }
#full-menu .menu .top .nav .sub-nav li>a.back span{ padding-top:4px; /*compensate font whitespace*/ }
#full-menu .menu .top .nav .sub-nav li>a.back:hover{ color:var(--main2); }
#full-menu .menu .top .nav .sub-nav li>a{ font-size:40px; padding:2vh 0; }
#full-menu .menu .mobile-contact{ display:none; }
#full-menu .contact{ width:560px; justify-content:flex-end; background:var(--dark2); color:var(--text3); position:relative; }
#full-menu .contact .menu-header{ display:flex; justify-content:flex-end; align-items:center; width:560px; position:absolute; top:40px; left:0; z-index:6; }
#full-menu .contact .menu-header .logo{ width:300px; margin-right:120px; }
#full-menu .contact .menu-header .menu-btn{ margin-right:-35px; }
#full-menu .contact .menu-header .menu-btn a{ display:block; width:70px; height:70px; background:var(--main); position:relative; }
#full-menu .contact .menu-header .menu-btn .line{ height:4px; width:30px; transform:rotate(45deg); border-radius:4px; background:#fff; position:absolute; top:33px; left:20px; }
#full-menu .contact .menu-header .menu-btn .line+.line{ transform:rotate(-45deg); }
#full-menu .contact .menu-header .menu-btn a:hover{ background:var(--mainhvr); }
#full-menu .contact .bottom{ padding:10vh 30px 20vh 100px; }
#full-menu .contact .bottom .logo{ width:140px; margin-bottom:40px; }
#full-menu .contact .bottom .tel{ font-size:50px; color:#fff; }
#full-menu .contact .bottom .tel-2{ font-size:20px; margin-top:10px; }
#full-menu .contact .bottom .social{ display:flex; margin-top:40px; }
#full-menu .contact .bottom .social a{ display:flex; width:30px; height:30px; }
#full-menu .contact .bottom .social a:hover{ /*filter:brightness(10);*/ }
#full-menu .contact .bottom .social a+a{ margin-left:20px; }
#full-menu .contact .bottom .social a>img{ height:24px; }
#full-menu .contact .bottom a:hover{ opacity:0.5; }
@media (max-width: 1679px) {

}
@media (max-width: 1479px) {
	#full-menu .menu{ background-size:270px 145px; }
	#full-menu .menu .top{ padding:120px 100px 80px; }
	#full-menu .menu .top .nav li>a{ font-size:40px; }
	#full-menu .menu .top .nav .sub-nav li>a.back{ font-size:18px; }
	#full-menu .menu .top .nav .sub-nav li>a{ font-size:30px; }
}
@media (max-height: 779px) {
	#full-menu .menu{ background-size:270px 145px; }
}
@media (max-width: 1279px) {
	#full-menu .menu{ width:100%; }
	#full-menu .contact{ width:100%; background:none; }
	#full-menu .contact .menu-header{ justify-content:space-between; top:100px; padding:0 30px; width:100%; }	
	#full-menu .contact .menu-header .menu-btn{ margin:0; }
	#full-menu .contact .bottom{ display:none; }
}
@media (max-height: 879px) and (max-width: 1279px) {
	#full-menu{ overflow-y:scroll; }
}
@media (max-width: 619px) {
	#full-menu .menu .top{ padding:120px 30px 80px; }
	#full-menu .menu .top .nav li>a{ font-size:25px; }
	#full-menu .menu .top .nav li>a.sub img{ margin-left:20px; height:18px; }
	#full-menu .menu .top .nav li.lang>a{ font-size:18px; }
	#full-menu .menu .top .nav .sub-nav li>a.back{ font-size:16px; }
	#full-menu .menu .top .nav .sub-nav li>a{ font-size:20px; }
	#full-menu .contact .menu-header .logo{ width:200px; margin-right:0; }
	#full-menu .contact .menu-header .menu-btn a{ transform:scale(0.7); transform-origin:right; }
}

/*FOOTER*/
.main-footer{ color:var(--text3); }
.main-footer .top{ position:relative; }
.main-footer .top .lang{ position:absolute; top:0; right:0; }
.main-footer .top .lang a{ display:flex; padding:15px 30px; font-size:12px; font-weight:800; text-transform:uppercase; background:var(--main); color:#fff; }
.main-footer .top .lang a:hover{ background:var(--mainhvr); }
.main-footer .top>.wrap-alt{ align-items:center; }
.main-footer .top .contact{ width:35%; padding:60px 30px; align-content:center; text-align:center; }
.main-footer .top .contact .logo{ width:140px; margin:0 auto 30px; }
.main-footer .top .contact .tel{ font-size:50px; color:#fff; }
.main-footer .top .contact .tel-2{ font-size:20px; margin-top:10px; }
.main-footer .top .contact .social{ display:flex; justify-content:center; margin-top:30px; }
.main-footer .top .contact .social a{ display:flex; width:30px; height:30px; }
.main-footer .top .contact .social a:hover{ /*filter:brightness(10);*/ }
.main-footer .top .contact .social a+a{ margin-left:20px; }
.main-footer .top .contact .social a>img{ height:24px; }
.main-footer .top .contact a:hover{ opacity:0.5; }
.main-footer .top .menu{ width:65%; }
.main-footer .top .menu nav{ width:50%; }
.main-footer .top .menu nav.sm{ padding:0 120px; }
.main-footer .top .menu nav .f-title{ font-size:20px; margin-bottom:20px; color:#fff; }
.main-footer .top .menu nav li{ line-height:1.3; margin-bottom:10px; }
.main-footer .top .menu nav+nav li{ width:50%; }
.main-footer .top .menu nav li a:hover{ color:var(--main); }
.main-footer .bottom{ padding:30px 0 60px; border-top:4px solid var(--dark3); }
.main-footer .bottom>.wrap{ justify-content:space-between; align-items:center; }
.main-footer .bottom .copy>div{ display:flex; align-items:center; font-size:12px; font-weight:700; text-transform:uppercase; }
.main-footer .bottom .copy a{ display:flex; align-items:center; border-left:1px solid var(--text3); padding-left:10px; margin-left:10px; }
.main-footer .bottom .copy a img{ height:15px; margin-left:10px; }
.main-footer .bottom .copy a:hover{ opacity:0.5; }
.main-footer .bottom .contact>div{ display:flex; align-items:center; }
.main-footer .bottom .contact .location{ padding-right:60px; }
.main-footer .bottom .contact .location .f-title{ font-size:16px; margin-bottom:5px; color:#fff; }
.main-footer .bottom .contact .location p{ font-weight:700; line-height:1.3; }
@media (max-width: 1479px) {
	.main-footer .top .menu nav.sm{ padding:0 100px; }
}
@media (max-width: 1359px) {
	.main-footer .top .menu nav.sm{ padding:0 80px; }
}
@media (max-width: 1279px) {
	.main-footer .top{ padding-top:100px; }
	.main-footer .top .lang{ display:flex; justify-content:center; width:100%; }
	.main-footer .top .contact{ width:100%; }
	.main-footer .top .menu{ width:100%; }
	.main-footer .top .menu nav{ width:100%; text-align:center; }
	.main-footer .top .menu nav.sm{ padding:0 0 40px; }
	.main-footer .top .menu nav+nav li{ width:100%; }
	.main-footer .bottom>.wrap{ justify-content: center; flex-direction: column; gap: 20px; }
	.main-footer .bottom .contact{ display:block; text-align: center;}
	.main-footer .bottom .contact .location {padding: 0;}
}
@media (max-width: 619px) {
	.main-footer .top .contact{ padding:60px 0; }
	.main-footer .top .contact .tel{ font-size:40px; }
	.main-footer .top .contact .tel-2{ font-size:15px; }
	.main-footer .bottom .copy>div{ font-size:8px; }
	.main-footer .bottom .copy a img{ height:10px; }
}

/*CONTENT SECTIONS*/
.cs-1{ background:#fff; }
.cs-1 .content{ width:55%; padding:100px; }
.cs-1 .content>div{ max-width:600px; }
.cs-1 .content h2{ font-size:60px; margin-bottom:30px; color:var(--dark); }
.cs-1 .boxes{ width:45%; border:2px solid var(--light); }
.cs-1 .boxes .box{ width:50%; border:2px solid var(--light); }
.cs-1 .boxes.md .box{ width:50%; }
.cs-1 .boxes .box>a{ height:290px; padding:30px; text-align:center; color:var(--main); }
.cs-1 .boxes .box>a:hover{ background:var(--main); color:#fff; }
.cs-1 .boxes .box h3{ font-family:'Montserrat', sans-serif; font-size:20px; font-weight:800; text-transform:uppercase; color:var(--dark); margin-top:30px; }
.cs-1 .boxes .box>a:hover h3{ color:#fff; }
@media (max-width: 1359px) {
	.cs-1 .content{ width:50%; }
	.cs-1 .content h2.md{ font-size:50px; }
	.cs-1 .boxes{ width:50%; }
}
@media (max-width: 1279px) {
	.cs-1 .content{ width:100%; padding:100px 30px; }
	.cs-1 .boxes{ width:100%; }
	.cs-1 .boxes .box{ width:33.333333%; }
}
@media (max-width: 1019px) {
	.cs-1 .content{ width:100%; }
	.cs-1 .boxes{ width:100%; }
	.cs-1 .boxes .box{ width:50%; }
}
@media (max-width: 619px) {
	.cs-1 .content{ padding:100px 30px 60px; }
	.cs-1 .content h2{ font-size:35px; }
	.cs-1 .content h2.md{ font-size:35px; }
	.cs-1 .boxes .box>a{ height:200px; padding:15px; }
	.cs-1 .boxes .box svg{ width:80px; }
	.cs-1 .boxes .box h3{ font-size:14px; }
}

.cs-2{ position:relative; }
.cs-2 .img{ width:65%; padding-bottom:80px; position:relative; z-index:2; }
.cs-2 .img:before{ content:''; display:block; width:100%; height:calc(100% - 80px); position:absolute; top:0; left:0; background:var(--main); transition: all .75s ease-in-out; }
.cs-2 .img.is-revealed:before{ width:0; }
.cs-2 .img img{ width:100%; height:100%; object-fit:cover; }
.cs-2 .box{ width:calc(35% + 100px); margin-left:-100px; min-height:700px; background:url(../img/bg-map.png) center center / cover no-repeat var(--dark); position:relative; z-index:1; }
.cs-2 .content{ width:calc(35% + 150px); position:absolute; right:0; bottom:25%; z-index:3; }
.cs-2 .content>div{ padding-right:120px; }
.cs-2 .content h2{ font-size:70px; line-height:1.1; margin-bottom:30px; padding-right:50px; color:#fff; }
.cs-2 .content p{ padding-left:200px; }
@media (max-width: 1679px) {
	.cs-2 .img{ width:55%; }
	.cs-2 .box{ width:calc(45% + 100px); }
	.cs-2 .content{ width:calc(45% + 150px); }
	.cs-2 .content>div{ padding-right:100px; }
	.cs-2 .content h2{ padding:0; }
}
@media (max-width: 1359px) {
	.cs-2 .content h2{ font-size:55px; }
}
@media (max-width: 1279px) {
	.cs-2 .box{ min-height:900px; }
	.cs-2 .content>div{ padding-right:60px; }
}
@media (max-width: 759px) {
	.cs-2 .img{ width:100%; padding:0; }
	.cs-2 .img:before{ height:100%; }
	.cs-2 .box{ display:none; }
	.cs-2 .content{ width:100%; padding-left:30px; position:static; background:var(--light); }
	.cs-2 .content>div{ padding:90px 60px; margin-top:-60px; background:url(../img/bg-map.png) center center / cover no-repeat var(--dark); }
	.cs-2 .content h2{ font-size:45px; }
	.cs-2 .content p{ padding:0; }
}
@media (max-width: 619px) {
	.cs-2 .content>div{ padding:60px 30px; }
	.cs-2 .content h2{ font-size:35px; }
}

.cs-3{ margin-top:-200px; padding-right:80px; background:#fff; }
.cs-3 .outer{ padding:400px 0 600px; background:var(--light); }
.cs-3 .img{ width:50%; }
.cs-3 .img img{ object-fit:contain; object-position:center; }
.cs-3 .content{ width:50%; padding-right:150px; }
.cs-3 .content h2{ font-size:110px; margin-bottom:30px; color:var(--dark); }
.cs-3 .content h2>span{ padding-left:80px; display:block; }
.cs-3 .content .items .wrap{ justify-content:center; }
.cs-3 .content .item{ width:50%; padding:30px; text-align:center; }
.cs-3 .content .item img{ height:64px; }
.cs-3 .content .item .title{ font-size:20px; font-weight:800; text-transform:uppercase; line-height:1.3; max-width:260px;  margin:20px auto 0; color:var(--dark); }
@media (max-width: 1679px) {
	.cs-3{ padding-right:50px; }
	.cs-3 .img img{ margin-left:-200px; }
	.cs-3 .content{ padding-right:100px; }
	.cs-3 .content h2{ font-size:80px; }
}
@media (max-width: 1359px) {
	.cs-3 .content{ padding-right:60px; }
	.cs-3 .content .item .title{ font-size:18px; }
}
@media (max-width: 1279px) {
	.cs-3 .img{ width:100%; }
	.cs-3 .img img{ max-width:80%; }
	.cs-3 .content{ width:100%; padding:60px 100px 0; }
}
@media (max-width: 759px) {
	.cs-3{ padding-right:30px; }
	.cs-3 .content .items .wrap{ margin:0 -30px; }
}
@media (max-width: 619px) {
	.cs-3 .outer{ padding:300px 0 500px; }
	.cs-3 .img img{ margin-left:-30vw; }
	.cs-3 .content{ padding:30px 30px 0; }
	.cs-3 .content h2{ font-size:45px; }
	.cs-3 .content h2>span{ padding-left:30px; }
	.cs-3 .content .items .wrap{ margin:0 -15px; }
	.cs-3 .content .item{ padding:15px; }
	.cs-3 .content .item img{ height:40px; }
	.cs-3 .content .item .title{ font-size:13px; }
}

.cs-4{ margin-top:-400px; padding-left:80px; }
.cs-4 .outer{ padding:150px; background:#fff; }
.cs-4 .tabs{ width:600px; }
.cs-4 .tabs h2{ font-size:100px; margin-bottom:30px; color:var(--dark); }
.cs-4 .tabs a{ font-size:35px; font-weight:800; margin:30px 0; display:block; }
.cs-4 .tabs a:hover{ color:var(--main); }
.cs-4 .tabs a.active{ color:var(--dark); }
.cs-4 .tabs a>span{ display:flex; align-items:center; justify-content:flex-start; padding:10px 0; }
.cs-4 .tabs a .icn{ height:50px; margin:0 15px 0 0; }
.cs-4 .tabs a .arrow{ height:24px; margin:0 5px 0 35px; opacity:0; transition: all .25s ease-in-out; }
.cs-4 .tabs a:hover .arrow, .cs-4 .tabs a.active .arrow{ margin:0 0 0 40px; opacity:1; }
.cs-4 .tabs-content{ width:calc(100% - 600px); padding-left:10vw; justify-content:center; }
.cs-4 .tabs-content .item{ height:0; overflow:hidden; opacity:0; transform:translateX(-30px); }
.cs-4 .tabs-content .item.active{ height:auto; opacity:1; transform:translateX(0); }
.cs-4 .tabs-content .item img{ width:100%; height:auto; object-fit:cover; object-position:center; }
.cs-4 .tabs-content .item h3{ display:none; }
.cs-4 .tabs-content .item p{ margin-top:30px; }
@media (max-width: 1679px) {
	.cs-4{ padding-left:50px; }
	.cs-4 .outer{ padding:150px 100px; }
	.cs-4 .tabs{ width:500px; }
	.cs-4 .tabs a{ font-size:27px; }
	.cs-4 .tabs a .arrow{ height:20px; margin:0 5px 0 25px; }
	.cs-4 .tabs a:hover .arrow, .cs-4 .tabs a.active .arrow{ margin:0 0 0 30px; }
	.cs-4 .tabs-content{ width:calc(100% - 500px); padding-left:80px; }
}
@media (max-width: 1279px) {
	.cs-4 .outer{ padding:100px; }
	.cs-4 .tabs{ width:100%; }
	.cs-4 .tabs>div{ display:none; }
	.cs-4 .tabs-content{ width:100%; padding:0; }
	.cs-4 .tabs-content .item{ display:block; height:auto; opacity:1; transform:none; max-width:800px; }
	.cs-4 .tabs-content .item+.item{ margin-top:60px; }
	.cs-4 .tabs-content .item h3{ display:block; font-size:40px; margin-top:30px; color:var(--dark); }
}
@media (max-width: 759px) {
	.cs-4{ padding-left:30px; }
	.cs-4 .outer{ padding:100px 50px; }
	.cs-4 .tabs h2{ font-size:70px; }
}
@media (max-width: 619px) {
	.cs-4 .outer{ padding:60px 30px; }
	.cs-4 .tabs h2{ font-size:45px; }
	.cs-4 .tabs-content .item h3{ font-size:25px; }
	.cs-4 .tabs-content .item p{ margin-top:20px; }
}

.cs-5{ padding:300px 0; }
.cs-5>div{ width:fit-content; padding-right:380px; position:relative; }
.cs-5 .logo{ position:absolute; top:150px; right:100px; z-index:1; }
.cs-5 .img{ display:block; width:auto; max-width:100%; height:877px; object-fit:cover; object-position:center; position:relative; z-index:2; }
.cs-5 .box{ padding:100px; width:650px; height:550px; justify-content:center; background:#fff; position:absolute; bottom:-60px; right:30px; z-index:3; }
.cs-5 .box .f-title{ font-size:60px; margin-bottom:40px; color:var(--dark); }
.cs-5 .box .f-title.sm{ font-size:50px; }
@media (max-width: 1279px) {
	.cs-5>div{ padding-right:280px; }
	.cs-5 .img{ height:700px; }
	.cs-5 .box{ padding:60px; width:550px; height:450px; bottom:-120px; }
	.cs-5 .box .f-title{ font-size:55px; }
	.cs-5 .box .f-title.sm{ font-size:45px; }
}
@media (max-width: 619px) {
	.cs-5{ padding:150px 0 300px; }
	.cs-5>div{ padding-right:80px; }
	.cs-5 .logo{ position:absolute; top:150px; right:100px; z-index:1; }
	.cs-5 .img{ height:500px; }
	.cs-5 .box{ padding:30px; width:300px; height:300px; bottom:-180px; }
	.cs-5 .box .f-title{ font-size:30px; margin-bottom:30px; }
	.cs-5 .box .f-title.sm{ font-size:25px; }
}

.cs-6{ padding-bottom:200px; }
.cs-6 .wrap{ justify-content:center; }
.cs-6 .content{ width:50%; justify-content:center; position:relative; z-index:2; }
.cs-6 .content h2{ font-size:100px; margin-bottom:40px; width:950px; color:#fff; }
.cs-6 .content h2>span{ font-size:80px; padding-left:80px; display:block; position:relative; }
.cs-6 .content h2>span:before{ content:''; display:block; width:140px; height:4px; position:absolute; top:50%; margin-top:-2px; left:-100px; background:var(--dark3); }
.cs-6 .content p{ padding:0 100px 0 80px; }
.cs-6 .content p+p{ margin-top:20px; }
.cs-6 .img{ width:40%; }
.cs-6 .img>div:before{ content:''; display:block; width:100%; height:100%; position:absolute; top:0; left:0; background:var(--main); transition: all .75s ease-in-out; }
.cs-6 .img>div.is-revealed:before{ width:0; }
@media (max-width: 1359px) {
	.cs-6 .content h2>span{ font-size:70px; }
}
@media (max-width: 1279px) {
	.cs-6 .content{ width:100%; padding:0 5vw 60px; }
	.cs-6 .content h2{ width:auto; }
	.cs-6 .content p{ padding:0 0 0 80px; }
	.cs-6 .img{ width:100%; max-width:592px; }
}
@media (max-width: 1019px) {
	.cs-6 .content h2{ font-size:80px; }
	.cs-6 .content h2>span{ font-size:50px; }
}
@media (max-width: 759px) {
	.cs-6 .content h2{ font-size:70px; }
	.cs-6 .content h2>span{ font-size:40px; }
}
@media (max-width: 619px) {
	.cs-6 .content{ padding:0 0 40px; }
	.cs-6 .content h2{ font-size:40px; }
	.cs-6 .content h2>span{ font-size:28px; padding:0; }
	.cs-6 .content h2>span:before{ display:none; }
	.cs-6 .content p{ padding:0; }
}

.cs-7{ padding:200px 0 450px; background:#fff; }
.cs-7 .container{ max-width:1300px; }
.cs-7 .content{ width:calc(100% - 380px); padding-right:80px; }
.cs-7 .content>div{ max-width:720px; } 
.cs-7 .content h2{ font-size:50px; line-height:1.1; margin-bottom:40px; color:var(--dark); }
.cs-7 .content h2>span{ font-size:40px; display:block; }
.cs-7 .content .btns{ margin-top:30px; }
.cs-7 .items{ width:380px; justify-content:center;}
.cs-7 .items .item{ padding:25px 0; }
.cs-7 .items .item .icn{ width:60px; }
.cs-7 .items .item .txt{ width:calc(100% - 60px); padding-left:20px; font-size:17px; font-weight:700; justify-content:center; color:var(--dark); }
.cs-7 .items .item .txt .lg{ font-size:20px; font-weight:800; margin-bottom:5px; }
@media (max-width: 1019px) {
	.cs-7 .content{ width:100%; padding:0 0 60px; }
}
@media (max-width: 619px) {
	.cs-7{ padding:100px 0 250px; }
	.cs-7 .content h2{ font-size:35px; margin-bottom:30px; }
	.cs-7 .content h2>span{ font-size:20px; }
	.cs-7 .items{ width:100%; }
	.cs-7 .items .item .icn{ width:40px; }
	.cs-7 .items .item .txt{ width:calc(100% - 40px); padding-left:15px; font-size:15px; }
	.cs-7 .items .item .txt .lg{ font-size:18px; }
}

.cs-8 a{ height:600px; margin-top:-300px; background:var(--main); position:relative; overflow:hidden; }
.cs-8 a:before{ content:''; display:block; width:100%; height:100%; position:absolute; top:0; left:0; background:url("../img/bg-video-gps.jpg") center center / cover no-repeat var(--dark); opacity:1; transition: all .25s ease-in-out; }
.cs-8 a:hover:before{ opacity:0.5; transform:scale(1.1); }
.cs-8 a>.play{ display:flex; width:120px; height:120px; border-radius:50%; background:var(--main); position:relative; }
.cs-8 a:hover>.play{ background:var(--dark); transform:scale(0.9); }
.cs-8 a>.play>img{ width:23px; }
@media (max-width: 619px) {
	.cs-8 a{ height:300px; margin-top:-150px; }
	.cs-8 a>.play{ width:80px; height:80px; }
	.cs-8 a>.play>img{ width:18px; }
}

.cs-9{ padding:400px 0 1px; margin-top:-300px; background:var(--light); text-align:center; }
.cs-9 .outer{ padding:100px 0 0 0; }
.cs-9 .container{ max-width:1400px; margin-bottom:-150px; }
.cs-9 .title h2{ font-size:50px; line-height:1.1; margin:0 auto 50px; max-width:620px; color:var(--dark); }
.cs-9 .title h2>span{ display:block; }
.cs-9 .item{ width:33.333333%; padding:20px; }
.cs-9 .item>div{ padding:60px 40px; height:100%; background:#fff; text-align:center; }
.cs-9 .item .icn{ height:80px; margin:0 auto 30px; }
.cs-9 .item h3{ font-size:25px; line-height:1.1; margin:0 0 30px; color:var(--dark); }
@media (max-width: 1279px) {
	.cs-9 .item{ padding:20px 15px; }
	.cs-9 .item>div{ padding:60px 30px; }
	.cs-9 .item h3{ font-size:20px; }
}
@media (max-width: 879px) {
	.cs-9 .item{ width:100%; padding:15px 0; }
}
@media (max-width: 619px) {
	.cs-9{ padding:200px 0 1px; margin-top:-150px; }
	.cs-9 .title h2{ font-size:35px; }
}

.cs-10{ padding:300px 0 250px; }
.cs-10 .outer{ padding:100px 0 0 0; }
.cs-10 .container{ max-width:1300px; }
.cs-10 .top .wrap{ justify-content:space-between; align-items:center; }
.cs-10 .top .title{ width:500px; }
.cs-10 .top .title h2{ font-size:80px; color:#fff; }
.cs-10 .top .title h2>span{ font-size:50px; padding-left:80px; display:block; position:relative; }
.cs-10 .top .title h2>span:before{ content:''; display:block; width:50px; height:4px; position:absolute; top:50%; margin-top:-2px; left:0; background:var(--dark3); }
.cs-10 .top .price{ font-family: 'ArticulatCF', 'Montserrat', sans-serif; font-weight:900; text-transform:uppercase; }
.cs-10 .top .price .circle{ display:flex; width:240px; height:240px; border:2px solid var(--main); border-radius:50%; }
.cs-10 .top .price .circle:hover{ background:var(--main); color:#fff; }
.cs-10 .top .price .sm{ font-size:16px; text-align:center; }
.cs-10 .top .price .lg{ font-size:80px; display:flex; align-items:flex-start; margin-top:10px; color:#fff; }
.cs-10 .top .price .lg>span{ font-size:25px; margin-top:10px; }
.cs-10 .line-title{ padding:50px 0; text-align:center; position:relative; }
.cs-10 .line-title:before{ content:''; display:block; width:100%; height:2px; position:absolute; top:50%; margin-top:-1px; left:0; background:var(--dark3); }
.cs-10 .line-title>div{ font-size:25px; font-weight:800; line-height:1.1; padding:0 30px; margin:0 auto; width:fit-content; background:var(--dark); color:#fff; position:relative; }
.cs-10 .items>.wrap{ margin:0 -20px; justify-content:center; }
.cs-10 .items .item{ width:16.666666%; padding:20px; text-align:center; }
.cs-10 .items .item .icn{ width:80px; margin:0 auto 20px; }
.cs-10 .items .item .txt{ font-size:14px; font-weight:800; line-height:1.1; text-transform:uppercase; color:#fff; }
.cs-10 .box{ padding:70px 30px; max-width:650px; margin:100px auto -350px; justify-content:center; background:#fff; }
.cs-10 .box .f-title{ font-size:40px; text-align:center; margin-bottom:30px; color:var(--dark); }
@media (max-width: 1019px) {
	.cs-10 .top .price .circle{ width:180px; height:180px; }
	.cs-10 .top .price .sm{ font-size:14px; margin-bottom:10px; }
	.cs-10 .top .price .lg{ font-size:60px; }
	.cs-10 .top .price .lg>span{ font-size:20px; margin-top:5px; }
	.cs-10 .items .item{ width:33.333333%; }
}
@media (max-width: 619px) {
	.cs-10{ padding:200px 0 250px; }
	.cs-10 .top .title{ width:100%; }
	.cs-10 .top .title h2{ font-size:50px; }
	.cs-10 .top .title h2>span{ font-size:30px; }
	.cs-10 .top .price{ margin:30px auto 0; }
	.cs-10 .line-title{ padding:50px 40px; }
	.cs-10 .line-title>div{ font-size:18px; padding:0 20px; }
	.cs-10 .items .item{ width:50%; }
	.cs-10 .items .item .icn{ width:50px; }
	.cs-10 .items .item .txt{ font-size:10px; line-height:1.3; }
	.cs-10 .box{ margin:100px 30px -350px; }
	.cs-10 .box .f-title{ font-size:30px; }
}

.cs-11{ padding-right:80px; background:#fff; }
.cs-11 .outer{ padding:200px 0 150px; background:var(--light); }
.cs-11 .container{ max-width:1400px; padding-top:100px; }
.cs-11 .wrap{ justify-content:center; }
.cs-11 .content{ width:55%; padding:120px 0 0 80px; position:relative; z-index:2; }
.cs-11 .content h2{ font-size:70px; margin-bottom:40px; color:var(--dark); }
.cs-11 .content h2>span{ padding-left:80px; display:block; position:relative; }
.cs-11 .content h2>span:before{ content:''; display:block; width:200px; height:4px; position:absolute; top:50%; margin-top:-2px; left:-150px; background:var(--main); }
.cs-11 .content p{ padding:0 100px 0 80px; }
.cs-11 .content p+p{ margin-top:20px; }
.cs-11 .img{ width:45%; }
.cs-11 .img>div:before{ content:''; display:block; width:100%; height:100%; position:absolute; top:0; left:0; background:var(--main); transition: all .75s ease-in-out; }
.cs-11 .img>div.is-revealed:before{ width:0; }
@media (max-width: 1679px) {
	.cs-11{ padding-right:0; }
}
@media (max-width: 1279px) {
	.cs-11 .content{ width:100%; padding:60px 5vw 0; }
	.cs-11 .content p{ padding:0 0 0 80px; }
	.cs-11 .img{ width:100%; max-width:592px; }
}
@media (max-width: 1019px) {
	.cs-11 .content h2{ font-size:60px; }
}
@media (max-width: 759px) {
	.cs-11 .content h2{ font-size:50px; }
}
@media (max-width: 619px) {
	.cs-11 .outer{ padding:100px 0 100px; }
	.cs-11 .content{ padding:40px 0 0; }
	.cs-11 .content h2{ font-size:40px; margin-bottom:30px; }
	.cs-11 .content h2>span{ padding:0; }
	.cs-11 .content h2>span:before{ display:none; }
	.cs-11 .content p{ padding:0; }
}

.cs-12{ padding:150px 0; min-height:900px; background:url(../img/bg-logo-3.png) right 65vw bottom 120px / 817px 400px no-repeat #fff; }
.cs-12 .container{ max-width:1300px; }
.cs-12 .wrap{ justify-content:space-between; }
.cs-12 .title{ width:400px; }
.cs-12 .title h2{ font-size:70px; margin-bottom:40px; color:var(--dark); }
.cs-12 .faq{ width:calc(100% - 400px); padding-left:8vw; }
.cs-12 .faq .item{ border-top:3px solid var(--light); }
.cs-12 .faq .item:last-child{ border-bottom:3px solid var(--light); }
.cs-12 .faq .item+.item{ }
.cs-12 .faq .t-item{ cursor:pointer; position:relative; transition: all .25s ease-in-out; }
.cs-12 .faq .t-item .q-title{ font-size:20px; font-weight:800; line-height:1.1; padding:30px 100px 30px 30px; color:var(--dark); transition: all .25s ease-in-out; }
.cs-12 .faq .t-item:hover .q-title{ color:var(--main);  }
/*.cs-12 .faq .t-item.open .q-title{ color:var(--main);  }*/
.cs-12 .faq .t-item .icn{ position:absolute; top:50%; margin-top:-15px; right:30px; display:flex; width:30px; height:30px; transition: all .25s ease-in-out; }
.cs-12 .faq .t-item:hover .icn{ }
.cs-12 .faq .t-item .icn:after{ content:""; display:block; width:22px; height:22px; background:url(../img/icn/plus.svg) center center no-repeat; background-size:22px 22px; transition:all 0.4s ease; }
.cs-12 .faq .t-item.open .icn:after{ background-image:url(../img/icn/minus.svg); transform:rotate(180deg); }
.cs-12 .faq .c-item{ height:0; overflow:hidden; transition:all 0.4s ease; }
.cs-12 .faq .c-item.open{ }
.cs-12 .faq .c-item>div{ padding:0 30px 30px; max-width:1000px; }
.cs-12 .faq .c-item p+p{ margin-top:15px; }
@media (max-width: 1279px) {
	.cs-12{ background:#fff; }
	.cs-12 .title{ width:100%; max-width:400px; }
	.cs-12 .faq{ width:100%; padding:0; }
}
@media (max-width: 619px) {
	.cs-12{ padding:100px 0 300px; min-height:300px; background:url(../img/bg-logo-3.png) right 15vw bottom 60px / 408px 200px no-repeat #fff; }
	.cs-12 .title h2{ font-size:40px; }
	.cs-12 .faq .t-item .q-title{ font-size:16px; padding:20px 40px 20px 0; }
	.cs-12 .faq .t-item .icn{ right:0; }
	.cs-12 .faq .t-item .icn:after{ background-size:18px 18px; }
	.cs-12 .faq .c-item>div{ padding:0 0 20px; }
}

.cs-13{ padding:200px 0 0; }
.cs-13 .container{ max-width:1300px; }
.cs-13 .wrap{ justify-content:center; }
.cs-13 .title h2{ font-size:60px; line-height:1.1; margin:0 auto 80px; width:fit-content;  max-width:900px; color:#fff; text-align:center; }
.cs-13 .title h2 .lg{ font-size:80px; }
.cs-13 .title h2 .sm{ font-size:50px; display:block;position:relative; padding-left:130px;  }
.cs-13 .title h2 .sm:before{ content:''; display:block; width:100px; height:4px; position:absolute; top:50%; margin-top:-2px; left:0; background:var(--dark3); }
.cs-13 .content{ width:55%; padding:0 80px 0 0; justify-content:center; }
.cs-13 .content.lg{ width:100%; padding:0; max-width:900px; }
.cs-13 .content .item{ border-top:3px solid var(--dark3); }
.cs-13 .content .item:last-child{ border-bottom:3px solid var(--dark3); }
.cs-13 .content .item+.item{ }
.cs-13 .content .t-item{ cursor:pointer; position:relative; transition: all .25s ease-in-out; }
.cs-13 .content .t-item .q-title{ font-size:20px; font-weight:800; line-height:1.1; padding:30px 100px 30px 30px; display:flex; align-items:center; color:#fff; transition: all .25s ease-in-out;  }
.cs-13 .content .t-item:hover .q-title{ color:var(--main);  }
/*.cs-13 .content .t-item.open .q-title{ color:var(--main);  }*/
.cs-13 .content .t-item .q-title>img{ margin-right:15px; height:35px; }
.cs-13 .content .t-item .icn{ position:absolute; top:50%; margin-top:-15px; right:30px; display:flex; width:30px; height:30px; transition: all .25s ease-in-out; }
.cs-13 .content .t-item:hover .icn{ }
.cs-13 .content .t-item .icn:after{ content:""; display:block; width:22px; height:22px; background:url(../img/icn/plus.svg) center center no-repeat; background-size:22px 22px; filter:brightness(10); transition:all 0.4s ease; }
.cs-13 .content .t-item.open .icn:after{ background-image:url(../img/icn/minus.svg); transform:rotate(180deg); filter:brightness(2); }
.cs-13 .content .c-item{ height:0; overflow:hidden; transition:all 0.4s ease; }
.cs-13 .content .c-item.open{ }
.cs-13 .content .c-item>div{ padding:0 30px 30px; max-width:1000px; }
.cs-13 .content .c-item p+p{ margin-top:15px; }
.cs-13 .content .articles-list a{ border-top:3px solid var(--dark3); font-size:20px; font-weight:800; line-height:1.1; padding:30px 100px 30px 30px; display:flex; align-items:center; color:#fff; background:url(../img/icn/arrow.svg) right 30px center no-repeat; }
.cs-13 .content .articles-list a:last-child{ border-bottom:3px solid var(--dark3); }
.cs-13 .content .articles-list a:hover{ color:var(--main); background-position:right 20px center;  }
.cs-13 .img{ width:45%; }
.cs-13 .img>div:before{ content:''; display:block; width:100%; height:100%; position:absolute; top:0; left:0; background:var(--main); transition: all .75s ease-in-out; }
.cs-13 .img>div.is-revealed:before{ width:0; }
@media (max-width: 1019px) {
	.cs-13 .content{ width:100%; padding:0 5vw 60px; }
	.cs-13 .img{ width:100%; max-width:592px; }
}
@media (max-width: 619px) {
	.cs-13{ padding:100px 0 0; }
	.cs-13 .title h2{ font-size:40px; margin:0 auto 50px; }
	.cs-13 .title h2 .lg{ font-size:40px; }
	.cs-13 .title h2 .sm{ font-size:30px; padding-left:0; }
	.cs-13 .title h2 .sm:before{ display:none; }
	.cs-13 .content{ padding:0 0 60px; }
	.cs-13 .content .t-item .q-title{ font-size:15px; padding:20px 40px 20px 0; }
	.cs-13 .content .t-item .q-title>img{ margin-right:10px; height:25px; }
	.cs-13 .content .t-item .icn{ right:0; }
	.cs-13 .content .t-item .icn:after{ background-size:18px 18px; }
	.cs-13 .content .c-item>div{ padding:0 0 20px; }
	.cs-13 .content .articles-list a{ font-size:13px; padding:20px 50px 20px 0; background-position:right 15px center; background-size:19px 11px; }
	.cs-13 .content .articles-list a:hover{ background-position:right 5px center; }
}

.cs-14{ padding-right:80px; background:#fff; }
.cs-14 .outer{ padding:200px 30px 400px; background:var(--light); }
.cs-14 .top>.wrap{ justify-content:space-between; align-items:center; }
.cs-14 .title h2{ font-size:60px; color:var(--dark); }
.cs-14 .items{ margin-top:60px; }
.cs-14 .items>.wrap{ margin:0 -15px; }
.cs-14 .item{ width:33.333333%; padding:15px; }
.cs-14 .items.lg .item{ width:50%; }
.cs-14 .item>div{ padding:60px 40px; height:100%; background:#fff; }
.cs-14 .item .num{ font-size:70px; margin-bottom:40px; color:var(--main); -webkit-text-stroke:1px var(--main); color:transparent; }
.cs-14 .item h2{ font-size:30px; line-height:1.1; margin:0 0 30px; color:var(--dark); }
@media (max-width: 1679px) {
	.cs-14{ padding-right:50px; }
}
@media (max-width: 1279px) {
	.cs-14 .btns{ width:100%; margin-top:30px; }
	.cs-14 .item{ width:100%; }
	.cs-14 .items.lg .item{ width:100%; }
}
@media (max-width: 619px) {
	.cs-14{ padding-right:0; }
	.cs-14 .outer{ padding:100px 0 300px; }
	.cs-14 .title h2{ font-size:40px; }
	.cs-14 .item>div{ padding:40px 30px; }
	.cs-14 .item .num{ font-size:50px; margin-bottom:30px; }
	.cs-14 .item h2{ font-size:25px; }
}

.cs-15{ margin-top:-200px; padding-left:80px; }
.cs-15 .outer{ padding:150px; background:#fff; }
.cs-15 .title{ width:600px; }
.cs-15 .title h2{ font-size:100px; color:var(--dark); }
.cs-15 .logos{ width:calc(100% - 600px); padding:0 5vw; justify-content:center; }
.cs-15 .logos .wrap{ justify-content:center; }
.cs-15 .logos .logo{ width:50%; padding:15px; }
.cs-15 .logos .logo a:hover{ opacity:0.5; }
@media (max-width: 1679px) {
	.cs-15{ padding-left:50px; }
	.cs-15 .outer{ padding:150px 100px; }
	.cs-15 .title{ width:500px; }
	.cs-15 .logos{ width:calc(100% - 500px); padding:0 0 0 80px; }
}
@media (max-width: 1279px) {
	.cs-15 .outer{ padding:100px; }
	.cs-15 .title{ width:100%; align-items:flex-start; }
	.cs-15 .logos{ width:100%; padding:0; }
}
@media (max-width: 759px) {
	.cs-15{ padding-left:30px; }
	.cs-15 .outer{ padding:100px 50px; }
	.cs-15 .title h2{ font-size:70px; }
}
@media (max-width: 619px) {
	.cs-15 .outer{ padding:60px 30px; }
	.cs-15 .title h2{ font-size:45px; }
}

.cs-16{ padding:200px 0; }
.cs-16 .outer{ background:url(../img/bg-logo-5.png) right -400px top / 817px 400px no-repeat; }
.cs-16 .img{ width:70%; height:650px; }
.cs-16 .img>img{ height:100%; width:100%; object-fit:cover; }
.cs-16 .box{ width:calc(30% + 180px); margin-left:-180px; justify-content:center; }
.cs-16 .box>a{ display:block; padding:100px; background:#fff; }
.cs-16 .box>a:hover{ background:var(--main); }
.cs-16 .box .top{ font-size:20px; text-transform:uppercase; margin-bottom:80px; display:flex; justify-content:space-between; align-items:center; color:var(--main); }
.cs-16 .box>a:hover .top{ color:#fff; }
.cs-16 .box .top img{ margin-left:20px; }
.cs-16 .box>a:hover .top img{ filter:brightness(10); }
.cs-16 .box .bottom{ font-size:40px; color:var(--dark); }
.cs-16 .box .bottom.sm{ font-size:25px; }
.cs-16 .box>a:hover .bottom{ color:#fff; }
@media (max-width: 1359px) {
	.cs-16 .box>a{ padding:100px 80px; }
}
@media (max-width: 1019px) {
	.cs-16 .box>a{ padding:80px 60px; }
	.cs-16 .box .bottom{ font-size:35px; }
}
@media (max-width: 619px) {
	.cs-16{ padding:0; }
	.cs-16 .outer{ padding:100px 0; background-position:top 30px right -200px; background-size:400px 196px; }
	.cs-16{ padding:100px 0; }
	.cs-16 .img{ width:100%; height:350px; }
	.cs-16 .box{ width:100%; margin:-50px 0 0 0; padding:0 30px; }
	.cs-16 .box>a{ padding:40px 30px; }
	.cs-16 .box .top{ font-size:16px; margin-bottom:60px; }
	.cs-16 .box .top img{ height:16px; }
	.cs-16 .box .bottom{ font-size:25px; }
	.cs-16 .box .bottom.sm{ font-size:20px; }
}

.cs-17{ background:#fff; }
.cs-17 .title{ width:50%; padding:200px 100px; }
.cs-17 .title h2{ font-size:60px; color:var(--dark); }
.cs-17 .slider{ width:50%; position:relative; border-left:4px solid var(--light); opacity:0; }
.cs-17 .slider.is-revealed{ opacity:1; }
.cs-17 .slider .inner-slide{ padding:150px 60px 60px; height:650px; border-right:4px solid var(--light); display:flex; flex-direction:column; text-align:center; }
.cs-17 .slider .inner-slide .icn{ height:60px; }
.cs-17 .slider .inner-slide h3{ font-size:25px; margin:20px 0; color:var(--dark); }
.cs-17 .cs17-slider-nav{ position:absolute; top:50%; margin-top:-65px; left:-30px; }
.cs-17 .cs17-slider-nav .arrow{ display:flex; width:60px; height:60px; border-radius:50%; background:var(--light); cursor:pointer; }
.cs-17 .cs17-slider-nav .arrow:hover{ background:var(--main); color:#fff; }
.cs-17 .cs17-slider-nav .arrow.prev{ margin-bottom:10px; transform:rotate(-180deg); }
@media (max-width: 1679px) {
	.cs-17 .title{ width:40%; padding:200px 60px; }
	.cs-17 .title h2{ font-size:50px; }
	.cs-17 .slider{ width:60%; }
}
@media (max-width: 1359px) {
	.cs-17 .slider .inner-slide{ padding:100px 60px 60px; height:550px; font-size:13px; }
}
@media (max-width: 1279px) {
	.cs-17 .title{ width:100%; padding:100px 30px; }
	.cs-17 .slider{ width:100%; border-left:none; border-top:4px solid var(--light); }
	.cs-17 .slider .inner-slide{ padding:80px 60px 60px; height:550px; font-size:15px; }
	.cs-17 .cs17-slider-nav{ top:-35px; left:50%; margin:0 0 0 -30px; }
}
@media (max-width: 619px) {
	.cs-17 .title{ padding:100px 30px 60px; text-align:center; }
	.cs-17 .title h2{ font-size:35px; }
	.cs-17 .slider .inner-slide{ padding:60px 30px 100px; height:auto; font-size:12px; border:none; }
	.cs-17 .cs17-slider-nav{ margin:0 0 0 -65px; display:flex; }
	.cs-17 .cs17-slider-nav .arrow.prev{ margin:0 10px 0 0; }
}

.cs-18{ padding:200px 0; background:var(--light); color:var(--dark); }
.cs-18 .container{ max-width:1300px; }
.cs-18 .title h2{ font-size:60px; text-align:center; margin:0 auto 60px; width:fit-content; max-width:900px; }
.cs-18 .items>.wrap{ margin:0; justify-content:center; }
.cs-18 .items .item{ width:25%; padding:30px; text-align:center; }
.cs-18 .items.lg .item{ width:33.333333%; max-width:380px; }
.cs-18 .items .item .icn{ width:90px; margin:0 auto 30px; }
.cs-18 .items .item .txt{ font-size:18px; font-weight:800; line-height:1.1; text-transform:uppercase; }
@media (max-width: 1019px) {
	.cs-18 .title h2{ font-size:50px; }
	.cs-18 .items .item{ padding:30px 20px; }
	.cs-18 .items .item .txt{ font-size:13px; }
}
@media (max-width: 619px) {
	.cs-18{ padding:100px 0; }
	.cs-18 .title h2{ font-size:40px; margin:0 auto 30px; }
	.cs-18 .items>.wrap{ margin:0 -15px; }
	.cs-18 .items .item{ width:50%; padding:30px 15px; }
	.cs-18 .items.lg .item{ width:50%; }
	.cs-18 .items .item .icn{ width:60px; margin:0 auto 20px; }
	.cs-18 .items .item .txt{ font-size:13px; }
}

.cs-19{ padding:150px 0; position:relative; }
.cs-19 .logo{ width:680px; position:absolute; left:-200px; bottom:0; }
.cs-19 .wrap{ justify-content:center; }
.cs-19 .container{ max-width:1400px; }
.cs-19 .content{ width:55%; padding:120px 0 0 80px; position:relative; z-index:2; }
.cs-19 .content h2{ font-size:60px; margin-bottom:40px; color:#fff; }
.cs-19 .content h2>span{ padding-left:80px; display:block; position:relative; }
.cs-19 .content h2>span:before{ content:''; display:block; width:200px; height:4px; position:absolute; top:50%; margin-top:-2px; left:-150px; background:var(--main); }
.cs-19 .content p{ padding:0 100px 0 80px; }
.cs-19 .content p+p{ margin-top:20px; }
.cs-19 .img{ width:45%; }
.cs-19 .img>div:before{ content:''; display:block; width:100%; height:100%; position:absolute; top:0; left:0; background:var(--main); transition: all .75s ease-in-out; }
.cs-19 .img>div.is-revealed:before{ width:0; }
@media (max-width: 1279px) {
	.cs-19 .logo{ bottom:auto; top:40%; }
	.cs-19 .content{ width:100%; padding:60px 5vw 0; }
	.cs-19 .content p{ padding:0 0 0 80px; }
	.cs-19 .img{ width:100%; max-width:592px; }
}
@media (max-width: 1019px) {
	.cs-19 .content h2{ font-size:50px; }
}
@media (max-width: 759px) {
	.cs-19 .content h2{ font-size:40px; }
}
@media (max-width: 619px) {
	.cs-19{ padding:100px 0; }
	.cs-19 .content{ padding:40px 0 0; }
	.cs-19 .content h2{ font-size:35px; margin-bottom:30px; }
	.cs-19 .content h2>span{ padding:0; }
	.cs-19 .content h2>span:before{ display:none; }
	.cs-19 .content p{ padding:0; }
}

.cs-20{ padding:100px 0 1px; text-align:center; }
.cs-20 .container{ max-width:1400px; margin-bottom:-150px; }
.cs-20 .title h2{ font-size:50px; line-height:1.1; margin:0 auto 50px; max-width:900px; color:#fff; }
.cs-20 .item{ width:33.333333%; padding:20px; }
.cs-20 .item>div{ padding:60px 40px; height:100%; background:var(--dark3); text-align:center; }
.cs-20 .item .icn{ height:80px; margin:0 auto 30px; }
.cs-20 .item .f-title{ font-size:25px; line-height:1.1; color:#fff; }
@media (max-width: 1279px) {
	.cs-20 .item{ padding:20px 15px; }
	.cs-20 .item>div{ padding:60px 30px; }
	.cs-20 .item .f-title{ font-size:20px; }
}
@media (max-width: 879px) {
	.cs-20 .item{ width:100%; padding:15px 0; }
}
@media (max-width: 619px) {
	.cs-20{ padding:50px 0 1px; }
	.cs-20 .title h2{ font-size:30px; }
}

.cs-21{ padding:200px 0 150px; min-height:900px; background:#fff; }
.cs-21 .outer{ padding:100px 0 0 0; }
.cs-21 .container{ max-width:1300px; }
.cs-21 .wrap{ justify-content:space-between; }
.cs-21 .title{ width:400px; }
.cs-21 .title h2{ font-size:70px; margin-bottom:40px; color:var(--dark); }
.cs-21 .content{ width:calc(100% - 400px); padding-left:8vw; }
.cs-21 .content .item{ border-top:3px solid var(--light); }
.cs-21 .content .item:last-child{ border-bottom:3px solid var(--light); }
.cs-21 .content .item+.item{ }
.cs-21 .content .t-item{ cursor:pointer; position:relative; transition: all .25s ease-in-out; }
.cs-21 .content .t-item .q-title{ font-size:20px; font-weight:800; line-height:1.1; padding:30px 100px 30px 30px; display:flex; align-items:center; color:var(--dark); transition: all .25s ease-in-out; }
.cs-21 .content .t-item:hover .q-title{ color:var(--main);  }
/*.cs-21 .content .t-item.open .q-title{ color:var(--main);  }*/
.cs-21 .content .t-item .q-title>img{ margin-right:15px; height:35px; }
.cs-21 .content .t-item .icn{ position:absolute; top:50%; margin-top:-15px; right:30px; display:flex; width:30px; height:30px; transition: all .25s ease-in-out; }
.cs-21 .content .t-item:hover .icn{ }
.cs-21 .content .t-item .icn:after{ content:""; display:block; width:22px; height:22px; background:url(../img/icn/plus.svg) center center no-repeat; background-size:22px 22px; transition:all 0.4s ease; }
.cs-21 .content .t-item.open .icn:after{ background-image:url(../img/icn/minus.svg); transform:rotate(180deg); }
.cs-21 .content .c-item{ height:0; overflow:hidden; transition:all 0.4s ease; }
.cs-21 .content .c-item.open{ }
.cs-21 .content .c-item>div{ padding:0 30px 30px; max-width:1000px; }
.cs-21 .content .c-item p+p{ margin-top:15px; }
@media (max-width: 1279px) {
	.cs-21{ background:#fff; }
	.cs-21 .title{ width:100%; max-width:400px; }
	.cs-21 .content{ width:100%; padding:0; }
}
@media (max-width: 619px) {
	.cs-21{ padding:150px 0 100px; }
	.cs-21 .title h2{ font-size:40px; }
	.cs-21 .content .t-item .q-title{ font-size:15px; padding:20px 40px 20px 0; }
	.cs-21 .content .t-item .q-title>img{ margin-right:10px; height:25px; }
	.cs-21 .content .t-item .icn{ right:0; }
	.cs-21 .content .t-item .icn:after{ background-size:18px 18px; }
	.cs-21 .content .c-item>div{ padding:0 0 20px; }
}

.cs-22{ padding:150px 5vw 200px; }
.cs-22.alt{ padding-top:300px; background:#fff; }
.cs-22 .container{ max-width:1300px; }
.cs-22 .top .wrap{ justify-content:space-between; align-items:center; }
.cs-22 .top .title{ width:500px; }
.cs-22 .top .title h2{ font-size:80px; margin-bottom:30px; color:#fff; }
.cs-22 .top .title h2>span{ font-size:50px; padding-left:80px; display:block; position:relative; }
.cs-22 .top .title h2>span:before{ content:''; display:block; width:50px; height:4px; position:absolute; top:50%; margin-top:-2px; left:0; background:var(--dark3); }
.cs-22.alt .top .title h2{ font-size:50px; color:var(--dark); }
.cs-22.alt .top .title h2>span{ font-size:70px; }
.cs-22.alt .top .title h2>span:before{ background:var(--main); }
.cs-22 .top .title p{ padding-left:50px; }
.cs-22 .top .cta{ font-family: 'ArticulatCF', 'Montserrat', sans-serif; font-weight:900; text-transform:uppercase; }
.cs-22 .top .cta .circle{ display:flex; width:200px; height:200px; border:2px solid var(--main); border-radius:50%; }
.cs-22 .top .cta .circle:hover{ background:var(--main); }
.cs-22 .top .cta .circle>img{ width:50px; }
.cs-22 .top .cta .circle:hover>img{ filter:brightness(10); }
@media (max-width: 1019px) {
	.cs-22 .top .cta .circle{ width:120px; height:120px; }
	.cs-22 .top .cta .circle>img{ width:30px; }
}
@media (max-width: 879px) {
	.cs-22 .top .title{ width:400px; }
	.cs-22.alt .top .title h2{ font-size:40px; }
	.cs-22.alt .top .title h2>span{ font-size:50px; }
}
@media (max-width: 619px) {
	.cs-22{ padding:100px 0 150px; }
	.cs-22 .top .title{ width:100%; }
	.cs-22 .top .title h2{ font-size:50px; }
	.cs-22 .top .title h2>span{ font-size:30px; }
	.cs-22.alt .top .title h2{ font-size:30px; }
	.cs-22.alt .top .title h2>span{ font-size:40px; }
	.cs-22 .top .title p{ padding-left:30px; }
	.cs-22 .top .cta{ margin:30px auto 0; }
}

.cs-23{ padding:200px 0 1px; text-align:center; }
.cs-23 .container{ max-width:1400px; margin-bottom:-150px; }
.cs-23 .title h2{ font-size:50px; line-height:1.1; margin:0 auto 50px; max-width:620px; color:#fff; }
.cs-23 .title h2>span{ display:block; }
.cs-23 .item{ width:33.333333%; padding:20px; }
.cs-23 .item>div{ padding:60px 40px; height:100%; background:var(--dark3); text-align:center; }
.cs-23 .item .icn{ height:80px; margin:0 auto 30px; }
.cs-23 .item h3{ font-size:25px; line-height:1.1; margin:0 0 30px; color:#fff; }
@media (max-width: 1279px) {
	.cs-23 .item{ padding:20px 15px; }
	.cs-23 .item>div{ padding:60px 30px; }
	.cs-23 .item h3{ font-size:20px; }
}
@media (max-width: 879px) {
	.cs-23 .item{ width:100%; padding:15px 0; }
}
@media (max-width: 619px) {
	.cs-23{ padding:100px 0 1px; }
	.cs-23 .title h2{ font-size:35px; }
}

.cs-24{ padding:150px 0; text-align:center; background:#fff; }
.cs-24 .title h2{ font-size:50px; line-height:1.1; margin:0 auto 50px; max-width:700px; color:var(--dark); }
.cs-24 .title h2>span{ display:block; }
.cs-24 .item{ width:25%; padding:15px; }
.cs-24 .item>div{ padding:60px 40px; height:100%; background:var(--light); text-align:center; }
.cs-24 .item .icn{ height:80px; margin:0 auto 30px; }
.cs-24 .item h3{ font-size:25px; line-height:1.1; margin:0 0 30px; color:var(--dark); }
@media (max-width: 1279px) {
	.cs-24 .item{ width:50%; padding:20px 15px; }
	.cs-24 .item>div{ padding:60px 30px; }
	.cs-24 .item h3{ font-size:20px; }
}
@media (max-width: 879px) {
	.cs-24 .item{ width:100%; padding:15px 0; }
}
@media (max-width: 619px) {
	.cs-24{ padding:100px 0; }
	.cs-24 .title h2{ font-size:35px; }
}

.cs-25 .content{ width:60%; padding:250px 100px; align-items:center; }
.cs-25 .content>div{ max-width:700px; }
.cs-25 .content h2{ font-size:50px; margin-bottom:30px; line-height:1.1; color:#fff; }
.cs-25 .content p+p{ margin-top:20px; }
.cs-25 .content .btns{ margin-top:30px; }
.cs-25 .img{ width:40%; background:url("../img/suivi-temps-reel.jpg") center center / cover no-repeat var(--dark); }
@media (max-width: 1279px) {
	.cs-25 .content{ width:100%; padding:150px 100px; }
	.cs-25 .img{ width:100%; height:600px; }
}
@media (max-width: 619px) {
	.cs-25 .content{ padding:100px 30px; }
	.cs-25 .content h2{ font-size:40px; }
	.cs-25 .img{ height:500px; }
}

.cs-26{ padding:150px 5vw; display:block; background:var(--main); color:#fff; }
.cs-26:hover{ background:var(--mainhvr); }
.cs-26 .container{ max-width:1300px; }
.cs-26 .f-title{ font-size:60px; line-height:1.1; padding-right:200px; position:relative; }
.cs-26 .f-title .sm{ font-size:30px; text-transform:uppercase; font-family:'Montserrat', sans-serif; font-weight:700; margin-bottom:20px; color: var(--main2); }
.cs-26 .f-title .arrow{ position:absolute; top:50%; margin-top:-20px; right:20px; height:40px; filter:brightness(10); }
.cs-26:hover .f-title .arrow{ right:0; }
@media (max-width: 1359px) {
	.cs-26 .f-title{ font-size:50px; } 
}
@media (max-width: 1019px) {
	.cs-26 .f-title{ font-size:30px; } 
	.cs-26 .f-title .sm{ font-size:20px; margin-bottom:10px; }
}
@media (max-width: 619px) {
	.cs-26{ padding:80px 0; }
	.cs-26 .f-title{ font-size:20px; padding-right:60px; } 
	.cs-26 .f-title .sm{ font-size:15px; margin-bottom:5px; }
	.cs-26 .f-title .arrow{ right:0; height:20px; }
}

.cs-27{ padding:0 80px; background:#fff; }
.cs-27 .outer{ padding:200px 30px 100px; background:var(--light); }
.cs-27 .title h2{ font-size:60px; text-align:center; color:var(--dark); }
.cs-27 .items{ margin-top:60px; }
.cs-27 .items>.wrap{ margin:0 -15px; }
.cs-27 .item{ width:33.333333%; padding:15px; }
.cs-27 .items.lg .item{ width:50%; }
.cs-27 .item>div{ padding:60px 40px; height:100%; background:#fff; }
.cs-27 .item .num{ font-size:70px; margin-bottom:40px; color:var(--main); -webkit-text-stroke:1px var(--main); color:transparent; }
.cs-27 .item h3{ font-size:30px; line-height:1.1; margin:0 0 30px; color:var(--dark); }
@media (max-width: 1679px) {
	.cs-27{ padding:0 50px; }
}
@media (max-width: 1279px) {
	.cs-27 .item{ width:50%; }
	.cs-27 .items.lg .item{ width:100%; }
}
@media (max-width: 879px) {
	.cs-27 .item{ width:100%; }
}
@media (max-width: 619px) {
	.cs-27{ padding:0; }
	.cs-27 .outer{ padding:100px 0; }
	.cs-27 .title h2{ font-size:40px; }
	.cs-27 .item>div{ padding:40px 30px; }
	.cs-27 .item .num{ font-size:50px; margin-bottom:30px; }
	.cs-27 .item h3{ font-size:25px; }
}

.cs-28{ padding:200px 0; background:#fff; }
.cs-28 .container{ max-width:1300px; }
.cs-28 .content{ width:400px; }
.cs-28 .content h2{ font-size:35px; margin-bottom:30px; color:var(--dark); }
.cs-28 .content .location{ margin-bottom:30px; }
.cs-28 .content .location .f-title{ font-size:25px; margin-bottom:10px; color:var(--main); }
.cs-28 .content p{ font-size:18px; font-weight:700; line-height:1.3; }
.cs-28 .content a.map{ margin:5px 0 0; text-decoration:underline; display:inline-block; color:var(--main); }
.cs-28 .content a.map:hover{ color:var(--mainhvr); }
.cs-28 .content .hours{ margin-top:30px; padding-top:30px; border-top:4px solid var(--light); }
.cs-28 .content .hours h3{ font-size:25px; margin-bottom:10px; color:var(--dark); }
.cs-28 .contact{ width:calc(100% - 400px); padding-left:100px; }
.cs-28.alt .contact{ width:100%; max-width:900px; padding:0; margin:0 auto; }
.cs-28 .contact h2{ font-size:35px; color:var(--dark); }
.cs-28.alt .contact h2{ font-size:50px; }
.cs-28 .contact .form-row{ margin-left:-30px; }
.cs-28 .contact .form-row .lg{ display:flex; flex-direction:column; width:100%; padding:30px 0 0 30px; }
.cs-28 .contact .form-row .md{ display:flex; flex-direction:column; width:50%; padding:30px 0 0 30px; position:relative; }
.cs-28 .contact .form-row label{ font-size:18px; font-weight:800; text-transform:uppercase; margin-bottom:10px; display:block; color:var(--dark); }
.cs-28 .contact .form-row .input{ font-size:16px; padding:16px 30px; height:70px; width:100%; background:none; border:3px solid var(--light); color:var(--text3); }
.cs-28 .contact .form-row .input:focus{ border-color:var(--main); }
.cs-28 .contact .form-row select.input{ -moz-appearance: none; -webkit-appearance: none; padding:16px 60px 16px 30px; background: url(../img/icn/dropdown.svg) right 30px center / 15px 9px no-repeat; color:var(--dark); border-color:var(--text3); font-weight:800; text-transform:uppercase; }
.cs-28 .contact .form-row select.input option{ color:var(--dark); }
.cs-28 .contact .form-row textarea.input{ height:180px; resize:none; }
.cs-28 .contact .outer-form .text-danger{ margin-top:10px; font-weight:800; color:#d00; }
.cs-28 .contact .outer-form .bottom{ text-align:center; }
.cs-28 .alert-success{ margin-top:30px; padding:30px 5vw; line-height:1.3; color:#fff; background:var(--dark); }
.cs-28 .contact .outer-form .btn{ margin:30px auto 0; padding:15px 90px; font-family: 'Montserrat', sans-serif; border:none; }
.cs-28 .contact .outer-form .note{ font-size:14px; font-weight:700; text-transform:uppercase; margin-top:20px; }
@media (max-width: 1279px) {
	.cs-28 .content{ width:100%; }
	.cs-28 .contact{ width:100%; padding:0 0 60px; }
}
@media (max-width: 619px) {
	.cs-28{ padding:100px 0; }
	.cs-28 .content .location .f-title{ font-size:20px; }
	.cs-28 .content p{ font-size:15px; }
	.cs-28.alt .contact h2{ font-size:35px; }
	.cs-28 .contact .form-row .md{ width:100%; }
	.cs-28 .alert-success{ padding:30px; }
	.cs-28 .contact .form-row label{ font-size:15px; }
	.cs-28 .contact .form-row .input{ font-size:13px; padding:15px 20px; border-width:2px; height:auto; }
	.cs-28 .contact .form-row select.input{ padding:18px 60px 18px 20px; }
	.cs-28 .contact .outer-form .note{ font-size:11px; }
}



/*ANIMATIONS*/
@-moz-keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -moz-transform: translateY(0);
    transform: translateY(0);
  }
  40% {
    -moz-transform: translateY(-30px);
    transform: translateY(-30px);
  }
  60% {
    -moz-transform: translateY(-15px);
    transform: translateY(-15px);
  }
}
@-webkit-keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  40% {
    -webkit-transform: translateY(-30px);
    transform: translateY(-30px);
  }
  60% {
    -webkit-transform: translateY(-15px);
    transform: translateY(-15px);
  }
}
@keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  40% {
    -moz-transform: translateY(-30px);
    -ms-transform: translateY(-30px);
    -webkit-transform: translateY(-30px);
    transform: translateY(-30px);
  }
  60% {
    -moz-transform: translateY(-15px);
    -ms-transform: translateY(-15px);
    -webkit-transform: translateY(-15px);
    transform: translateY(-15px);
  }
}

.bounce {
  -moz-animation: bounce 2s infinite;
  -webkit-animation: bounce 2s infinite;
  animation: bounce 2s infinite;
}

.custom-svg-list {
    padding-left: 0;
    list-style: none;
}

.custom-svg-list li {
    position: relative;
    margin-bottom: 0.75rem;
	display: flex;
	gap: 8px;
	align-items: center;
}

.custom-svg-list .icon {
    width: 18px;
    height: 18px;
}

.bus-section .container {
  padding-top: 0px !important;
}

header .en-gros img {
	height: 24px;
	width: auto;
}

header .en-gros {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 20px;
	align-items: center;
	margin-top: 30px;
}

header .en-gros li {
	display: flex;
	gap: 12px;
	align-items: center;
}


/* Breadcrumb Section */
.breadcrumb-sec {
    padding: 20px 0;
    background: #1e1e1e; /* Dark background to match header */
}

.breadcrumb-sec .breadcrumb {
    margin-bottom: 0;
    background: none;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    list-style: none;
    font-family: 'Poppins', sans-serif;
    font-weight: 600;
    font-size: 16px;
    color: #d1d1d1; /* Light gray text */
}

.breadcrumb-sec .breadcrumb-item {
    position: relative;
    margin-right: 15px;
}

.breadcrumb-sec .breadcrumb-item a {
    color: #6fbd44; /* Your brand green */
    text-decoration: none !important;
    transition: color 0.3s ease;
}

.breadcrumb-sec .breadcrumb-item a:hover {
    text-decoration: underline;
    color: #9adc6f; /* lighter green on hover */
}

/* Separator ">" */
.breadcrumb-sec .breadcrumb-item + .breadcrumb-item::before {
    content: ">";
    color: #6fbd44; /* green separator */
    margin-right: 15px;
    font-weight: 700;
}

/* Active breadcrumb */
.breadcrumb-sec .breadcrumb-item.active {
    color: #f1f1f1; /* white for active item */
    font-weight: 700;
    cursor: default;
}

/* Responsive tweaks */
@media (max-width: 768px) {
    .breadcrumb-sec {
        padding: 15px 10px;
    }
    .breadcrumb-sec .breadcrumb {
        font-size: 14px;
    }
    .breadcrumb-sec .breadcrumb-item + .breadcrumb-item::before {
        margin-right: 10px;
    }
}