/*********************************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%; }
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.5; }
ul{ list-style:none;}
li{ list-style:none; }
strong{font-weight:700;}
html.sr .sr-hidden{ visibility:hidden; }/* class to prevent scrollreveal flickering*/
/*hide scrollbar*/
html{ scrollbar-width:none; }/*ff*/
::-webkit-scrollbar{ display:none; }/*chrome/edge*/

/*
fonts
font-family: "degular", sans-serif; 700
font-family: "Inter", sans-serif; 300-400-500-700
*/

:root { 
--dark:#231F20;
--dark2:;
--dark3:;
--light:#FFF7E7;
--light2:#E9E7E4;
--light3:#F7EDDA;
--main:#EF3824;
--main2:#DE2713; 
--green:#95C11F;
--green2:#23522E;
}

/*********************************BASE******************************/
body{ background:#fff; font-family: "Inter", sans-serif; font-size:20px; font-weight:300; line-height:1; position:relative; overflow-x:hidden; color:var(--dark); }
body.blocked{ overflow:hidden; }
.outer-body{ /*overflow-x:hidden;*/ }
.trans{ transition: all .25s ease-in-out; }
h1,h2,h3,h4,h5,.f-title{ font-family: "degular", sans-serif; font-weight:700; line-height:1.2; }
.italic{ font-style:italic; }
.t-br{ display:block; }
.center{ text-align:center; }
.rounded-1{ border-radius:40px; }
.text-black { color: black !important; }
.note { font-size: smaller; margin-top: 1em; }
p{}
p a{ text-decoration:underline; }
p a:hover{ opacity:0.4; text-decoration:underline; }
.wysiwyg h1,.wysiwyg h2{ font-size:1.6em; margin:0 0 10px; }
.wysiwyg h3,.wysiwyg h4,.wysiwyg h5,.wysiwyg h6{ font-size:1.3em; margin:0 0 10px; }
.wysiwyg p{ margin:0 0 20px; }
.wysiwyg ul{ margin:0 0 20px; padding:0 0 0 30px; }
.wysiwyg li{ margin:0 0 10px; list-style:disc; }
sup{ vertical-align: super; font-size: smaller; }
.underline{ text-decoration:underline; }
.nw{ white-space:nowrap; }
a:hover{ }
.container{ margin:0 auto; position:relative; max-width:1780px; /*1720*/ width:100%; padding:0 30px; }
.container.xsm{ max-width:1280px; /*1220*/ }
.container.sm{ max-width:1480px; /*1420*/ }
.container.md{ max-width:1620px; /*1560*/ }
.container.lg{ max-width:1980px; /*1920*/ }
/*.container:after{ clear: both; content: ""; display: block; height: 0; line-height: 0;  visibility: hidden; }*/
.fcol{ display:flex; flex-direction:column; }
.fcenter{ display:flex; justify-content:center; align-items:center; }
b, strong, .strong{ font-weight:600; }
.btn{ font-size:18px; font-weight:500; display:flex; justify-content:center; align-items:center; height:70px; width:fit-content; padding:0 32px; background:var(--main); border-radius:200px; color:#fff; }
.btn:hover{ background-color:var(--main2); color:#fff; }
.btn.light{ background-color:#fff; color:var(--main); }
.btn.light:hover{ background-color:var(--green); color:#fff; }
@media (max-width: 1679px) {

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

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

}
@media (max-width: 1279px) {
	
}
@media (max-width: 1019px) {
	.container.mobile{ max-width:700px; }
}
@media (max-width: 879px) {
	
}
@media (max-width: 759px) {
	
}
@media (max-width: 619px) {
	body{ font-size:14px; }
	.container{ padding:0 20px; }
    .rounded-1{ border-radius:20px; }
	.btn{ padding:0 30px; height:50px; font-size:13px; border-width:1px; }
}

/*FORM*/
.outer-form input.input,
.outer-form textarea.input,
.outer-form select.input{ font-size:18px; padding:25px 30px; border-radius:10px; font-family: "Inter", sans-serif; font-weight:700; width:100%; border:2px solid #231F2044; background:#fff color:var(--dark);  }
.outer-form input.input::placeholder,
.outer-form textarea.input::placeholder{ color:var(--dark); }
.form-row .input:focus{ border:2px solid var(--dark); }
.form-row .input.in-error{ border-color:#dd0000; }
.form-row textarea.input{ height:200px; resize:none; }
.form-row select.input{ -moz-appearance:none; -webkit-appearance:none; background:url("../img/icn/angle-down.svg") right 20px center no-repeat #231F2044; background-size:18px auto; padding-right:50px; }
.form-row  select.input::-ms-expand{ display:none; }
.form-row{ margin:0 0 0 -20px; }
.form-row .lg{ display:flex; flex-direction:column; width:100%; padding:20px 0 0 20px; }
.form-row .md{ display:flex; flex-direction:column; width:50%; padding:20px 0 0 20px; position:relative; }
.outer-form .text-danger{ margin:5px 0 0; font-size:15px; font-weight:700; color:#dd0000; }
.outer-form .form-bottom{ text-align:center; }
.outer-form .alert{ margin:30px 0 0; padding:30px 4vw; font-size:15px; line-height:1.3; border:1px solid var(--dark); border-radius:6px; }
.outer-form .alert-success{ color:#155724; background-color:#d4edda; border-color:#c3e6cb; }
.outer-form .alert-failed{ color:#dd0000; background-color:#f8d7da; border-color:#f5c6cb; }
.outer-form .btn{ margin:30px auto 0; min-width:200px; font-family: "Inter", sans-serif; border:none; color:#fff;  }
.outer-form .btn:hover{  }
.outer-form .note{ font-size:13px; margin-top:20px; }
.form-item{ margin:20px 0 0; }
.form-item .checkboxes{ display:flex; flex-wrap:wrap; gap:20px; }
.form-item .checkboxes .form-control{display:grid;grid-template-columns:1em auto;gap:.5em;font-size:18px;font-weight:500;cursor:pointer}
.form-item .checkboxes input[type="checkbox"]{-webkit-appearance:none;appearance:none;background-color:var(--light2);margin:0;font:inherit;color:var(--light3);width:1.15em;height:1.15em;border:.15em solid var(--light3);border-radius:4px;transform:translateY(-0.075em);display:grid;place-content:center}
.form-item .checkboxes input[type="checkbox"]::before{content:"";width:.65em;height:.65em;clip-path:polygon(14% 44%,0 65%,50% 100%,100% 16%,80% 0%,43% 62%);transform:scale(0);transform-origin:bottom left;transition:120ms transform ease-in-out;box-shadow:inset 1em 1em var(--main);background-color:CanvasText;}
.form-item .checkboxes input[type="checkbox"]:checked::before{transform:scale(1)}
.outer-form .fl{ position:relative; }
.outer-form .fl .input{ background:#fff; }
.outer-form .fl .input::placeholder{ color:transparent; }
.outer-form .fl .input:not(:placeholder-shown){ border-color:#231F2044; }
.outer-form .fl .input:focus{ border-color:var(--dark); }
.outer-form .fl .label{ position:absolute; left:20px; top:29px; font-size:18px; font-weight:500; padding:0 10px; background:#fff; color:var(--dark); pointer-events: none;  }
.outer-form .fl .input:focus+.label,
.outer-form .fl .input.input:not(:placeholder-shown)+.label{ top:-7px; font-size:16px; }
/*.file-choice{ margin:50px 0 0; }
.file-choice .wrap{ justify-content:space-between; align-items:center; }
.file-choice .desc{ padding:0 80px 0 0; font-size:18px; }
.file-choice .line{ height:2px; flex-grow:1; background:var(--main); }
.file-choice .options{ padding:0 0 0 80px; }
.file-choice .options>div{ display:flex; }
.file-choice .options a{ font-size:18px; height:60px; padding:0 40px; border:2px solid var(--dark2); }
.file-choice .options a+a{ margin:0 0 0 20px; }
.file-choice .options a:hover{ border-color:var(--dark3); }
.file-choice .options a.active{ background:var(--dark2); border-color:var(--dark2); }*/
#file{ display:none; }
#file.active{ display:block; }
.label-file input[type="file"]{position:absolute; left:-9999em; }
.label-file{cursor:pointer;	border:2px dashed #231F2044; padding:40px; margin:0; border-radius:10px; display:block;}
.label-file:hover{border-color:var(--dark);}
.label-file .wrap{ align-items:center; justify-content:center; }
.label-file .icn{ width:36px; }
.label-file .desc{ padding:0 0 0 20px; }
.label-file .desc{ color:var(--dark); max-width:500px; }
.label-file .desc .lg{ font-size:28px; }
.label-file .desc .sm{ font-size:16px; line-height:1.3; }
@media (max-width: 1019px) {
	.form-row .md{ width:100%; }
	/*.file-choice .desc{ padding:0; }
	.file-choice .line{ margin:30px 0; width:100%; }
	.file-choice .options{ padding:0; }*/
}
@media (max-width: 619px) {
	.outer-form input.input,
	.outer-form textarea.input,
	.outer-form select.input{ font-size:14px; padding:18px 20px; border-width:2px; }
	.outer-form select.input{ background-position:right 15px center; background-size:12px auto; }
	.form-row .lg{ padding:15px 0 0 20px; }
	.form-row .md{ width:100%; padding:20px 0 0 20px; }
	.outer-form .btn svg{ width:10px; margin:0 0 0 10px; }
	.outer-form .text-danger{ font-size:13px; }
	.outer-form .alert{ font-size:13px; border-radius:12px; }
	.outer-form .note{ font-size:10px; }
    .outer-form .fl .label{ left:10px; top:20px; font-size:14px;  }
    .outer-form .fl .input:focus+.label,
    .outer-form .fl .input.input:not(:placeholder-shown)+.label{ top:-5px; font-size:13px; }
	/*.file-choice .desc{ font-size:13px; }
	.file-choice .line{ margin:20px 0; }
	.file-choice .options a{ font-size:10px; height:40px; padding:0 20px; }
	.file-choice .options a+a{ margin:0 0 0 10px; }*/
	.label-file .desc{ padding:20px 0 0; width:100%; text-align:center; }
	.label-file .desc .lg{ font-size:24px; }
	.label-file .desc .sm{ font-size:12px; }
    .form-item .checkboxes .form-control{ font-size:15px; }
}

/*LAYOUT*/
.wrap{ display:flex; flex-flow:row wrap; }
.wrap-alt, .wrap-alt-sm, .wrap-alt-xsm{ 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; }	
}
@media (max-width: 759px) {
	.wrap-alt-xsm{ flex-direction:row; }	
}

/*LOCOMOTIVE*/
body{ height:100vh; }
.c-scrollbar{ z-index:6; }
.scroll-view{ transition: all .7s ease-in-out; }
.scroll-view{ opacity:0; transform:translateY(60px); }
.scroll-view.from-left{ transform:translateX(-60px); }
.scroll-view.delay-1{ transition-delay:0.2s; }
.scroll-view.is-inview,
.scroll-view.from-left.is-inview{ opacity:1; transform:none; } 

/*HEADER*/
.main-header{ position:fixed; top:-60px; left:0; right:0; z-index:4; font-family: "degular", sans-serif; font-weight:700; color:#fff; }
.light .main-header{ color:var(--dark); }
.main-header.scroll{ /*background:var(--dark);*/ }
.open .main-header{ top:0; }
.main-header.hidden{ top:-220px; }
.top-menu{ background:var(--main); color:#fff; }
.dark .top-menu{ background:var(--main2); }
.top-menu nav{ height:60px; display:flex; gap:40px; justify-content:center; align-items:center; }
.top-menu nav a.sm{ display:none; }
.top-menu nav a:hover{ opacity:0.5; color:#fff; }
.bottom-menu{ padding:40px 0; }
.main-header .outer>.wrap{ height:80px; justify-content:space-between; align-items:center; }
.main-header.scroll .wrap{  }
.main-header .logo{ width:230px; padding:0 0 20px; align-items:flex-start;  }
.main-header .logo a{ position:relative; }
.home .main-header .logo a{ visibility:hidden; opacity:0; }
.main-header .logo a:hover{ opacity:1 !important; }
.main-header .logo a .logo-2{ position:absolute; top:0; left:0; opacity:0; }
.light .main-header .logo a img{ opacity:0; }
.light .main-header .logo a .logo-2{ opacity:1; }
.main-header.scroll .logo a{  }
.main-header .menu nav{ display:flex; gap:50px; }
.main-header .menu a{  }
.main-header .btns{ width:230px; align-items:flex-end; }
.main-header .btns>.wrap{ align-items:center; }
.main-header .menu-btn{ margin:0 0 0 30px; }
.main-header .menu-btn a{ padding:10px 20px; height:50px; border-radius:8px; background:#fff; font-size:22px;  color:var(--dark); gap:18px; }
.light .main-header .menu-btn a{ background:var(--light); }
.main-header .menu-btn a:hover{ background:var(--green); color:#fff; }
.light .main-header .menu-btn a:hover{ /*background:var(--light3);*/ }
.dark .main-header .menu-btn a:hover{ /*color:var(--main);*/ opacity:1; }
.main-header .menu-btn a .lines{ position:relative; width:24px; height:24px; }
.main-header .menu-btn a:hover .lines{ filter:brightness(100); }
.main-header .menu-btn .line{ width:24px; height:3px; background:var(--main); border-radius:20px; position:absolute; top:7px; left:0; }
.main-header .menu-btn .line.md{ top:14px; }
.open .main-header .menu-btn a .line.sm{ transform:rotate(45deg); top:11px; }
.open .main-header .menu-btn a .line.md{ transform:rotate(-45deg); top:11px; }
.main-header a:hover{ color:var(--main); }
.dark .main-header a:hover{ opacity:0.5; color:#fff; }
@media (max-width: 1279px) {
    .main-header{ top:calc((100dvh - 160px) * -1); transition-duration:0.5s; }
    .main-header.hidden{ top:-100dvh; }
    .top-menu{ background:var(--main2); }
    .top-menu nav{ height:calc(100dvh - 160px); flex-direction:column; }
    .top-menu nav a{ font-size:40px; }
    .top-menu nav a.sm{ display:inline; }
    .open .bottom-menu{ background:var(--main); }
    .home.open .main-header .logo a{ visibility:visible; opacity:1; }
    .light.open .main-header .logo a img{ opacity:1; }
    .light.open .main-header .logo a .logo-2{ opacity:0; }
    .main-header .menu{ display:none; }
    .light.open .main-header .lang{ color:#fff; }
}
@media (max-width: 1279px) and (min-aspect-ratio: 4/3) {
    /* Styles for small screens + aspect ratios wider than or equal to 4:3 */
    .top-menu nav{ gap:30px; }
    .top-menu nav a{ font-size:30px; }
}
@media (max-width: 1019px) {
    .top-menu nav{ gap:30px; }
    .top-menu nav a{ font-size:30px; }
}
@media (max-height: 619px) and (min-aspect-ratio: 1/1) {
    /* Styles for tiny non-portrait screens */
    .main-header{ top:0; }
    .top-menu{ display:none; }
}
@media (max-width: 619px) {
    .main-header{ top:calc((100dvh - 80px) * -1); }
    .top-menu nav{ height:calc(100dvh - 80px); }
    .top-menu nav a{ font-size:22px; }
    .bottom-menu{ padding:0; }
    .main-header .logo{ width:120px; padding:0 0 10px; }
    .main-header .btns{ width:180px; }
    .main-header .menu-btn{ margin:0 0 0 20px; }
    .main-header .menu-btn a{ padding:5px 10px; height:36px; font-size:15px; gap:8px; border-radius:4px; }
    .main-header .menu-btn a .lines{ width:16px; height:16px; }
    .main-header .menu-btn .line{ width:16px; height:2px; top:5px; left:0; }
    .main-header .menu-btn .line.md{ top:9px; }
    .open .main-header .menu-btn a .line.sm{ top:7px; }
    .open .main-header .menu-btn a .line.md{ top:7px; }
    .main-header .menu-btn a .lines+div{ padding:0 0 2px; }
}
@media (max-height: 519px) {
    .main-header{ top:0; }
    .top-menu{ display:none; }
}

/*BACK TO TOP*/
#back-to-top{ display:flex; width:50px; height:50px; border-radius:50%; background:var(--green); color:#fff; position:fixed; right:20px; bottom:-10px; visibility:hidden; opacity:0; z-index:4; }
#back-to-top.scroll{ bottom:20px; visibility:visible; opacity:1; }
#back-to-top:hover{ transform:scale(1.1); }
#back-to-top svg{ width:24px; transform:rotate(-90deg); }
@media (max-width: 619px) {
	#back-to-top{ width:40px; height:40px; right:15px; }
    #back-to-top.scroll{ bottom:15px; }
    #back-to-top svg{ width:20px; }
}
    
/*FOOTER*/
.main-footer{ padding:200px 0 100px; background:var(--main); color:#fff; position:relative; }
/*fix for small parallax headers*/
.main-footer:after{ content:""; display:block; width:100%; height:60px; position:absolute; left:0; bottom:-50px; background:var(--main); }
/*---*/
.main-footer .top{ padding:0 0 140px; }
.main-footer .top .col-1{ width:70%; }
.main-footer .top .col-1 .logo img{ width:600px; }
.main-footer .top .col-1 .newsletter{ margin:120px 0 0; max-width:700px; }
.main-footer .top .col-1 .newsletter .f-title{ font-size:32px; margin:0 0 30px; max-width:500px; }
.main-footer .top .col-1 .outer-form .input{ border-color:#fff; background:#fff; height:70px; padding:0 80px 0 30px; }
.main-footer .top .col-1 .outer-form .input:focus{ border-color:#EF382488; }
.main-footer .top .col-1 .outer-form .email{ position:relative; }
.main-footer .top .col-1 .outer-form .send-btn{ width:54px; height:54px; background:var(--main); border-radius:8px; position:absolute; top:8px; right:8px; border:none; cursor:pointer; }
.main-footer .top .col-1 .outer-form .send-btn:hover{ background:var(--main2); }
.main-footer .top .col-2{ width:30%; padding:0 0 0 50px; justify-content:flex-end; align-items:flex-end; transition-delay:0.2s; }
.main-footer .top .col-2 .contact{ font-size:24px; font-family: "degular", sans-serif; font-weight:700; text-align:right; }
.main-footer .top .col-2 .contact .sm{ font-size:16px; }
.main-footer .top .col-2 .contact p{ margin:0 0 30px; line-height:1.3; }
.main-footer .top .col-2 .contact p a{ text-decoration:none; }
.main-footer .top .col-2 .social{ display:flex; gap:8px; justify-content:flex-end; }
.main-footer .top .col-2 .social a{ width:50px; height:50px; border-radius:12px; background:#fff; color:var(--main); }
.main-footer .top .col-2 .social a:hover{ background:var(--main2); color:#fff; }
.main-footer .bottom>.wrap{ flex-wrap:nowrap; justify-content:space-between; align-items:center; font-size:14px; font-weight:400; }
.main-footer .bottom>.wrap>div{ min-width:200px; }
.main-footer .bottom .copy{ text-align:center; }
.main-footer .bottom .dgk{ align-items:flex-end; }
.main-footer .bottom .dgk a{ display:inline-flex; gap:8px; }
.main-footer .bottom a:hover{ opacity:0.5; }
@media (max-width: 1019px) {
    .main-footer .top .col-1{ width:55%; }
    .main-footer .top .col-2{ width:45%; }
}
@media (max-width: 619px) {
    .main-footer{ padding:100px 0; text-align:center; }
    .main-footer .top{ padding:0 0 80px; }
    .main-footer .top .col-1{ width:100%; }
    .main-footer .top .col-1 .logo img{ width:200px; margin:0 auto; }
    .main-footer .top .col-1 .newsletter{ margin:30px 0 0; }
    .main-footer .top .col-1 .newsletter .f-title{ font-size:20px; margin:0 0 20px; }
    .main-footer .top .col-1 .outer-form .input{ padding:0 80px 0 20px; }
    .main-footer .top .col-1 .btn{ margin:0 auto; }
    .main-footer .top .col-2{ width:100%; padding:40px 0 0; justify-content:center; align-items:center; transition-delay:0s; }
    .main-footer .top .col-2 .contact{ font-size:20px; text-align:center; }
    .main-footer .top .col-2 .contact .sm{ font-size:14px; }
    .main-footer .top .col-2 .social{ justify-content:center; }
    .main-footer .bottom>.wrap{ display:block; font-size:12px; }
    .main-footer .bottom .copy{ margin:15px 0; }
    .main-footer .bottom .dgk{ align-items:center }
    .main-footer .bottom .dgk img{ height:14px; }
}

/*CONTENT SECTIONS*/
.home-hero{ background:url(../img/bg-1.jpg) center center / cover no-repeat var(--green2); }
.home-hero .title{ padding:0 0 120px; height:calc(100dvh + 60px); min-height:800px; justify-content:flex-end; color:#fff; }
.home-hero .title .f-title{ font-size:50px; max-width:360px; }
.home-hero .title .logo{ width:990px; }
@media (max-width: 1479px) {
    .home-hero .title .logo{ width:800px; }
}
@media (max-width: 1279px) {
    .home-hero .title{ height:700px; min-height:0; }
    .home-hero .title .logo{ max-width:70vw; }
}
@media (max-width: 619px) {
    .home-hero .title{ padding:0 0 90px; height:500px; min-height:0; }
    .home-hero .title .f-title{ font-size:24px; max-width:200px; text-wrap:balance; }
}

.cs-1{ padding:200px 70px 100px; margin:-60px 0 0; border-radius:60px; background:var(--main); color:#fff; }
.cs-1 .col-1{ width:55%; }
.cs-1 .col-1 h1{ font-size:72px; margin:0 0 70px; }
.cs-1 .col-2{ width:45%; padding:0 0 0 100px; justify-content:flex-end; align-items:flex-end; transition-delay:0.2s; }
.cs-1 .col-2>div{ max-width:600px; }
.cs-1 .col-2 p+p{ margin:20px 0 0; }
@media (max-width: 1479px) {
    .cs-1 .col-1 h1{ font-size:60px; }
}
@media (max-width: 1279px) {
    .cs-1 .container{ max-width:900px; }
    .cs-1 .col-1{ width:100%; }
    .cs-1 .col-2{ width:100%; padding:60px 0 0; }
    .cs-1 .col-2>div{ max-width:100%; }
}
@media (max-width: 619px) {
    .cs-1{ padding:60px 20px; margin:-30px 0 0; border-radius:30px; }
    .cs-1 .col-1 h1{ font-size:36px; margin:0 0 40px; }
    .cs-1 .col-2{ padding:40px 0 0; }
}

.cs-2{ padding:160px 0; overflow-x:clip; }
.cs-2 .title{ max-width:900px; margin:0 auto 100px; text-align:center; }
.cs-2 .title .sm{ font-size:26px; color:var(--main); }
.cs-2 .title h2{ font-size:72px; margin:30px 0 0; text-wrap:balance; }
.cs-2 .outer-slider{ width:calc(100% + 300px); margin:0 -300px 0 0; cursor:grab; user-select:none; }
.cs-2 .slider{ display:flex; }
.cs-2 .inner-slide{ padding:0 20px 0 0; height:100%; }
.cs-2 .inner-slide .wrap{ height:100%; }
.cs-2 .inner-slide .col-1{ width:65%; padding:0 20px 0 0; }
.cs-2 .inner-slide .col-1 .box{ padding:60px; text-align:center; height:100%; background:var(--light); }
.cs-2 .inner-slide .col-1 .box h3{ font-size:30px; margin:25px 0 15px; }
.cs-2 .inner-slide .col-1 .box p{ font-size:18px; }
.cs-2 .inner-slide .col-2{ width:35%; }
.cs-2 .inner-slide .col-2 img{ height:100%; object-fit:cover; }
.cs-2 .btns{ margin:100px 0 0; }
@media (max-width: 1479px) {
    .cs-2 .outer-slider{ width:calc(100% + 600px); margin:0 -600px 0 0; }
}
@media (max-width: 1279px) {
    .cs-2 .outer-slider{ width:calc(100% + 200px); margin:0 -200px 0 0; }
    .cs-2 .inner-slide .wrap{ flex-direction:column-reverse; justify-content:flex-end; }
    .cs-2 .inner-slide .col-1{ width:100%; padding:20px 0 0; }
    .cs-2 .inner-slide .col-2{ width:100%; }
}
@media (max-width: 619px) {
    .cs-2{ padding:100px 0; overflow-x:clip; }
    .cs-2 .title{ margin:0 auto 50px; }
    .cs-2 .title .sm{ font-size:20px; }
    .cs-2 .title h2{ font-size:36px; margin:15px 0 0; }
    .cs-2 .outer-slider{ width:calc(100% + 300px); margin:0 -300px 0 0; }
    .cs-2 .inner-slide .col-1{ padding:10px 0 0; }
    .cs-2 .inner-slide .col-1 .box{ padding:60px 30px; }
    .cs-2 .inner-slide .col-1 .box .icn{ width:40px; }
    .cs-2 .inner-slide .col-1 .box h3{ font-size:22px; margin:15px 0 10px; }
    .cs-2 .inner-slide .col-1 .box p{ font-size:13px; }
    .cs-2 .btns{ margin:50px 0 0; }
}

.cs-3{ padding:100px 70px; border-radius:60px; background:url(../img/bg-2.jpg) center center / cover no-repeat var(--green2); }
.cs-3 .box{ padding:100px 60px; border-radius:60px; max-width:640px; text-align:center; background:#fff; }
.cs-3 .box h2{ font-size:72px; margin:80px 0 40px; }
.cs-3 .box .btns{ margin:40px 0 0; }
@media (max-width: 1279px) {
    .cs-3 .container{ display:flex; justify-content:center; }
}
@media (max-width: 619px) {
    .cs-3{ padding:40px 20px; border-radius:30px; }
    .cs-3 .box{ padding:50px 30px; border-radius:30px; }
    .cs-3 .box h2{ font-size:36px; margin:40px 0 20px; }
}

.cs-4-scroll-section{ position:relative; z-index:2; }
.cs-4{ padding:120px 0; margin:0 0 -60px; border-radius:0 0 60px 60px; background:#fff; position:relative; z-index:2; }
.cs-4 .col-1{ width:50%; }
.cs-4 .col-1 .split{ display:flex; gap:20px; }
.cs-4 .col-2{ width:50%; justify-content:center; padding:0 0 0 100px; transition-delay:0.2s; }
.cs-4 .col-2 .sm{ font-size:26px; color:var(--main); }
.cs-4 .col-2 h2{ font-size:72px; margin:30px 0 60px; text-wrap:balance; }
@media (max-width: 1279px) {
    .cs-4 .col-2 h2{ font-size:60px; }
}
@media (max-width: 1019px) {
    .cs-4 .col-1{ width:100%; }
    .cs-4 .col-2{ width:100%; padding:60px 0 0; transition-delay:0s; }
}
@media (max-width: 619px) {
    .cs-4{ padding:100px 0; margin:0 0 -30px; border-radius:0 0 30px 30px; }
    .cs-4 .col-1 .split{ gap:10px; }
    .cs-4 .col-2{ padding:40px 0 0; }
    .cs-4 .col-2 .sm{ font-size:20px; }
    .cs-4 .col-2 h2{ font-size:36px; margin:15px 0 30px; }
}

.cs-5-scroll-section{ position:relative; z-index:3; }
.cs-5{ padding:300px 0 180px; margin:0 0 -60px; border-radius:0 0 60px 60px; background:var(--main); color:#fff; }
.cs-5 .title h1{ font-size:90px; max-width:800px; }
.cs-5 .title h1.md{ font-size:72px; max-width:1200px; }
.cs-5 .title.center h1{ margin:0 auto; text-align:center; }
.cs-5 .title p{ margin:30px 0 0; max-width:600px; }
@media (max-width: 1019px) {
    .cs-5 .title h1{ font-size:72px; }
    .cs-5 .title h1.md{ font-size:60px; }
}
@media (max-width: 619px) {
    .cs-5{ padding:180px 0 120px; margin:0 0 -30px; border-radius:0 0 30px 30px; }
    .cs-5 .title h1{ font-size:42px; }
    .cs-5 .title h1.md{ font-size:32px; }
}

.cs-6 .top{ margin:-80px 0 0; overflow-x:clip; }
.cs-6 .outer-slider{ margin:0 -250px; cursor:grab; }
.cs-6 .inner-slide{ padding:0 10px; }
.cs-6 .bottom{ padding:160px 0; }
.cs-6 .col-1{ width:calc(100% - 450px); padding:0 100px 0 0; }
.cs-6 .col-1>div{max-width:820px; }
.cs-6 .col-1 h2{ font-size:72px; margin:0 0 40px; }
.cs-6 .col-1 .btns{ margin:40px 0 0; }
.cs-6 .col-2{ width:450px; justify-content:center; transition-delay:0.2s; }
.cs-6 .col-2 .item{ display:flex; align-items:center; }
.cs-6 .col-2 .item+.item{ margin:24px 0 0; }
.cs-6 .col-2 .item .icn{ width:60px; flex-shrink:0; }
.cs-6 .col-2 .item .desc{ font-size:26px; padding:0 0 0 24px; }
@media (max-width: 1279px) {
    .cs-6 .col-1{ width:calc(100% - 350px); }
    .cs-6 .col-1 h2{ font-size:60px; }
    .cs-6 .col-2{ width:350px; }
}
@media (max-width: 1019px) {
    .cs-6 .col-1{ width:100%; padding:0 0 80px; }
    .cs-6 .col-2{ width:100%; transition-delay:0s; }
}
@media (max-width: 619px) {
    .cs-6 .outer-slider{ margin:0 -150px; }
    .cs-6 .inner-slide{ padding:0 5px; }
    .cs-6 .bottom{ padding:100px 0; }
    .cs-6 .col-1{ padding:0 0 60px; }
    .cs-6 .col-1 h2{ font-size:36px; margin:0 0 20px; }
    .cs-6 .col-1 .btns{ margin:20px 0 0; }
    .cs-6 .col-2 .item+.item{ margin:24px 0 0; }
    .cs-6 .col-2 .item .icn{ width:50px; }
    .cs-6 .col-2 .item .desc{ font-size:20px; padding:0 0 0 15px; }
}

.cs-7 .bg{ height:720px; object-fit:cover; border-radius:60px; }
@media (max-width: 1279px) {
    .cs-7 .bg{ height:620px; }
}
@media (max-width: 1019px) {
    .cs-7 .bg{ height:520px; }
}
@media (max-width: 619px) {
    .cs-7 .bg{ height:320px; border-radius:30px; }
}

.cs-8{ padding:160px 0; }
.cs-8 .title h2{ font-size:26px; padding:0 0 20px; border-bottom:2px solid var(--light2); margin:0 0 50px; }
.cs-8 .items>.wrap{ justify-content:space-between; align-items:center; gap:60px; flex-wrap:nowrap; }
.cs-8 .item:nth-child(1) img{ height:70px; }
.cs-8 .item:nth-child(2){ transition-delay:0.2s; }
.cs-8 .item:nth-child(3){ transition-delay:0.4s; }
.cs-8 .item:nth-child(4){ transition-delay:0.6s; }
.cs-8 .item:nth-child(5){ transition-delay:0.8s; }
.cs-8 .item a:hover{ opacity:0.5; }
@media (max-width: 619px) {
    .cs-8{ padding:100px 0; }
    .cs-8 .items>.wrap{ justify-content:center; align-items:center; gap:30px; flex-wrap:wrap; }
    .cs-8 .item{ width:38vw; }
    .cs-8 .item img{ max-height:24vw; margin:0 auto; }
    .cs-8 .item:nth-child(2){ transition-delay:0.2s; }
    .cs-8 .item:nth-child(3){ transition-delay:0s; }
    .cs-8 .item:nth-child(4){ transition-delay:0.2s; }
    .cs-8 .item:nth-child(5){ transition-delay:0s; }
}

.cs-9{ padding:120px 70px; border-radius:60px; background:var(--main); color:#fff; }
.cs-9 .col-1{ width:50%; }
.cs-9 .col-1 .split{ display:flex; gap:20px; }
.cs-9 .col-2{ width:50%; justify-content:center; padding:0 0 0 100px; transition-delay:0.2s; }
.cs-9 .col-2 .sm{ font-size:26px; }
.cs-9 .col-2 h2{ font-size:72px; margin:30px 0 60px; text-wrap:balance; }
@media (max-width: 1279px) {
    .cs-9 .container{ max-width:900px; }
    .cs-9 .col-2 h2{ font-size:60px; }
    .cs-9 .col-1{ width:100%; }
    .cs-9 .col-2{ width:100%; padding:60px 0 0; transition-delay:0s; }
}
@media (max-width: 1019px) {
    
}
@media (max-width: 619px) {
    .cs-9{ padding:60px 20px; border-radius:30px; }
    .cs-9 .col-1 .split{ gap:10px; }
    .cs-9 .col-2{ padding:40px 0 0; }
    .cs-9 .col-2 .sm{ font-size:20px; }
    .cs-9 .col-2 h2{ font-size:36px; margin:15px 0 30px; }
}

.cs-10{ padding:160px 0; }
.cs-10 .col-1{ width:45%; padding:0 100px 0 0; }
.cs-10 .col-1 h2{ font-size:72px; }
.cs-10 .col-2{ width:55%; align-items:flex-end; transition-delay:0.2s; }
.cs-10 .col-2>div{ max-width:900px; }
.cs-10 .col-2 .item+.item{ border-top:2px solid var(--light2); }
.cs-10 .col-2 .item:last-child{ /*border-bottom:2px solid var(--light3);*/ }
.cs-10 .col-2 .t-item{ cursor:pointer; position:relative; transition: all .25s ease-in-out; }
.cs-10 .col-2 .t-item h3{ font-size:26px; font-weight:700; line-height:1.1; text-transform:none; padding:30px 100px 30px 0; display:flex; align-items:center; transition: all .25s ease-in-out;  }
.cs-10 .col-2 .t-item:hover h3{ color:var(--main);  }
.cs-10 .col-2 .t-item .icn{ position:absolute; top:50%; margin:-18px 0 0; right:0; display:flex; width:38px; height:38px; transition: all .25s ease-in-out; }
.cs-10 .col-2 .t-item:hover .icn{ }
.cs-10 .col-2 .t-item .icn:after{ content:""; display:block; width:36px; height:36px; background:url("../img/icn/plus.svg") center center no-repeat; background-size:32px 32px; transition:all 0.4s ease; }
.cs-10 .col-2 .t-item.open .icn:after{ transform:rotate(180deg); background-image:url("../img/icn/minus.svg"); }
.cs-10 .col-2 .c-item{ height:0; overflow:hidden; transition:all 0.4s ease; }
.cs-10 .col-2 .c-item.open{ }
.cs-10 .col-2 .c-item>div{ padding:0 20px 30px; max-width:1000px; }
.cs-10 .col-2 .c-item ul{ padding:0 0 0 22px; }
.cs-10 .col-2 .c-item li{ line-height:1.2; list-style:disc; color:var(--main); }
.cs-10 .col-2 .c-item li span{ color:var(--dark); }
.cs-10 .col-2 .c-item li+li{ margin:10px 0 0; }
.cs-10 .col-2 .c-item p+p{ margin:20px 0 0; }
.cs-10 .col-2 .c-item ul+p{ margin:20px 0 0; }
.cs-10 .col-2 .c-item p+ul{ margin:20px 0 0; }
@media (max-width: 1019px) {
    .cs-10 .col-1{ width:100%; padding:0 0 50px; }
    .cs-10 .col-1 h2{ font-size:60px; }
    .cs-10 .col-2{ width:100%; transition-delay:0s; }
}
@media (max-width: 619px) {
    .cs-10{ padding:100px 0; }
    .cs-10 .col-1{ padding:0 0 20px; }
    .cs-10 .col-1 h2{ font-size:36px; }
    .cs-10 .col-2 .t-item h3{ font-size:20px; padding:30px 60px 30px 0; }
    .cs-10 .col-2 .c-item>div{ padding:0 10px 30px; }
}

.cs-11-scroll-section{ position:relative; z-index:2; }
.cs-11{ padding:330px 70px 60px; margin:0 0 -60px; border-radius:60px; background:url(../img/bg-4.jpg) center center / cover no-repeat var(--green2); }
.cs-11 .box a{ padding:100px 60px; border-radius:60px; max-width:640px; text-align:center; background:#fff; }
.cs-11 .box a:hover{ background:var(--main); color:#fff; }
.cs-11 .box .f-title{ font-size:52px; margin:0 0 40px; text-wrap:balance; }
.cs-11 .box .icn{ width:72px; height:72px; border-radius:12px; margin:0 auto; background:var(--main); color:#fff; }
.cs-11 .box a:hover .icn{ background:var(--main2); /*transform:scale(1.1);*/ }
.cs-11 .box .icn svg{ width:36px; }
@media (max-width: 619px) {
    .cs-11{ padding:180px 20px 40px; border-radius:30px; margin:0 0 -30px; }
    .cs-11 .box a{ padding:50px 30px; border-radius:30px; }
    .cs-11 .box .f-title{ font-size:36px; margin:0 0 20px; }
    .cs-11 .box .icn{ width:52px; height:52px; border-radius:8px; }
    .cs-11 .box .icn svg{ width:26px; }
}

.cs-12{ padding:220px 0 160px; }
.cs-12 .col-1{ width:45%; }
.cs-12 .col-1 .gallery .items{ margin:0 -10px; }
.cs-12 .col-1 .gallery .item{ padding:10px; }
.cs-12 .col-1 .gallery .item.lg{ width:100%; }
.cs-12 .col-1 .gallery .item.sm{ width:20%; }
.cs-12 .col-1 .gallery .item a{ display:flex; border-radius:40px; background:#fff; overflow:hidden; position:relative; }
.cs-12 .col-1 .gallery .item.sm a{ border-radius:16px; }
.cs-12 .col-1 .gallery .item a:hover{ background:var(--main); }
.cs-12 .col-1 .gallery .item a .icn{ position:absolute; top:50%; left:50%; width:60px; margin:-30px 0 0 -30px; opacity:0; }
.cs-12 .col-1 .gallery .item.sm a .icn{ width:36px; margin:-18px 0 0 -18px; }
.cs-12 .col-1 .gallery .item a:hover .icn{ opacity:1; }
.cs-12 .col-1 .gallery .item a .pic{ width:100%; }
.cs-12 .col-1 .gallery .item a:hover .pic{ opacity:0.2; /*transform:scale(1.1);*/ }
.cs-12 .col-2{ width:55%; padding:0 0 0 120px; transition-delay:0.2s; }
.cs-12 .col-2 h1{ font-size:72px; margin:0 0 40px; }
.cs-12 .col-2 .options{ margin:40px 0; display:flex; align-items:center; }
.cs-12 .col-2 .options .f-title{ font-size:24px; margin:0 30px 0 0; }
.cs-12 .col-2 .options .btns{ display:flex; flex-wrap:wrap; gap:8px; }
.cs-12 .col-2 .options .option-btn{ height:40px; padding:0 18px; border-radius:8px; border:2px solid var(--main); background:#fff; color:var(--main); font-family: "Inter", sans-serif; font-size:16px; font-weight:500; cursor:pointer; }
.cs-12 .col-2 .options .option-btn.active{ background:var(--main); color:#fff; cursor:default; }
.cs-12 .col-2 .lg-btn a{ width:100%; height:82px; padding:0 32px; border-radius:12px; font-size:16px; font-weight:500; background:var(--main); color:#fff; text-align:center; }
.cs-12 .col-2 .lg-btn a:hover{ background:var(--main2); }
.cs-12 .col-2 .list{ margin:60px 0 0; }
.cs-12 .col-2 .list .item+.item{ border-top:2px solid var(--light2); }
.cs-12 .col-2 .list .item:last-child{ /*border-bottom:2px solid var(--light3);*/ }
.cs-12 .col-2 .list .t-item{ cursor:pointer; position:relative; transition: all .25s ease-in-out; }
.cs-12 .col-2 .list .t-item h3{ font-size:26px; font-weight:700; line-height:1.1; text-transform:none; padding:30px 100px 30px 0; display:flex; align-items:center; transition: all .25s ease-in-out;  }
.cs-12 .col-2 .list .t-item:hover h3{ color:var(--main);  }
.cs-12 .col-2 .list .t-item .icn{ position:absolute; top:50%; margin:-18px 0 0; right:0; display:flex; width:38px; height:38px; transition: all .25s ease-in-out; }
.cs-12 .col-2 .list .t-item:hover .icn{ }
.cs-12 .col-2 .list .t-item .icn:after{ content:""; display:block; width:36px; height:36px; background:url("../img/icn/plus.svg") center center no-repeat; background-size:32px 32px; transition:all 0.4s ease; }
.cs-12 .col-2 .list .t-item.open .icn:after{ transform:rotate(180deg); background-image:url("../img/icn/minus.svg"); }
.cs-12 .col-2 .list .c-item{ height:0; overflow:hidden; transition:all 0.4s ease; }
.cs-12 .col-2 .list .c-item.open{ }
.cs-12 .col-2 .list .c-item>div{ padding:0 20px 30px; max-width:1000px; }
.cs-12 .col-2 .list .c-item ul{ padding:0 0 0 22px; }
.cs-12 .col-2 .list .c-item li{ line-height:1.2; list-style:disc; color:var(--main); }
.cs-12 .col-2 .list .c-item li span{ color:var(--dark); }
.cs-12 .col-2 .list .c-item li+li{ margin:10px 0 0; }
.cs-12 .col-2 .list .c-item p+p{ margin:20px 0 0; }
.cs-12 .col-2 .list .c-item ul+p{ margin:20px 0 0; }
.cs-12 .col-2 .list .c-item p+ul{ margin:20px 0 0; }
@media (max-width: 1479px) {
    .cs-12 .col-2{ padding:0 0 0 100px; }
    .cs-12 .col-2 h1{ font-size:60px; }
}
@media (max-width: 1019px) {
    .cs-12 .col-1{ width:100%; }
    .cs-12 .col-2{ width:100%; padding:50px 0 0; transition-delay:0s; }
}
@media (max-width: 619px) {
    .cs-12{ padding:120px 0 100px; }
    .cs-12 .col-1 .gallery .items{ margin:0 -5px; }
    .cs-12 .col-1 .gallery .item{ padding:5px; }
    .cs-12 .col-1 .gallery .item.lg{ width:100%; }
    .cs-12 .col-1 .gallery .item.sm{ width:25%; }
    .cs-12 .col-1 .gallery .item a{ border-radius:20px; }
    .cs-12 .col-1 .gallery .item.sm a{ border-radius:8px; }
    .cs-12 .col-1 .gallery .item a .icn{ width:40px; margin:-20px 0 0 -20px; }
    .cs-12 .col-1 .gallery .item.sm a .icn{ width:24px; margin:-12px 0 0 -12px; }
    .cs-12 .col-2 h1{ font-size:36px; margin:0 0 20px; }
    .cs-12 .col-2 .options .f-title{ font-size:16px; margin:0 20px 0 0; }
    .cs-12 .col-2 .options .btns{ gap:6px; }
    .cs-12 .col-2 .options .option-btn{ height:32px; padding:0 12px; border-radius:6px; font-size:12px; }
    .cs-12 .col-2 .lg-btn a{ height:62px; font-size:13px; }
    .cs-12 .col-2 .list .t-item h3{ font-size:20px; padding:30px 60px 30px 0; }
    .cs-12 .col-2 .list .c-item>div{ padding:0 10px 30px; }
}


.cs-13 .box{ padding:120px 80px; border-radius:40px; background:var(--light); }
.cs-13 h2{ font-size:58px; margin:0 0 60px; text-wrap:balance; }
.cs-13 .form-row{ margin:0; }
.cs-13 .form-row .md{ width:22%; padding:0; }
.cs-13 .outer-form .fl .input{ background:var(--light); }
.cs-13 .outer-form .fl .label{ background:var(--light); }
.cs-13 .form-row .md .result{ height:100%; text-align:center; border-radius:10px; background:var(--dark); color:#fff; }
.cs-13 .form-row .md .result .f-title{ font-size:36px; line-height:1; }
.cs-13 .form-row .md .result .f-title+.f-title{ font-size:16px; padding:3px 0 8px; }
.cs-13 .form-row .sep{ padding:0 0 10px; width:4%; font-size:24px; font-family: "degular", sans-serif; font-weight:700; }
.cs-13 .units{ display:flex; gap:30px; margin:0 0 40px; }
.cs-13 .units .radio{ font-size:22px; font-family:"degular",sans-serif; font-weight:700; line-height:1.1; display:flex; align-items:center; gap:10px; transition:all .25s ease-in-out}
/*.cs-13 .units .radio:focus-within,*/
.cs-13 .units .radio:hover{ color:var(--main); cursor:pointer}
.cs-13 .units .radio input[type=radio]{ -webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:var(--light); margin:0; font:inherit; color:var(--dark); width:28px; height:28px; border:3px solid var(--dark); border-radius:50%; display:grid;place-content:center; cursor:pointer; transition:all .25s ease-in-out}
.cs-13 .units .radio input[type=radio]::before{ content:""; width:12px;height:12px;border-radius:50%;transform:scale(0);transition:120ms transform ease-in-out;box-shadow:inset 1em 1em var(--main);
/* Windows High Contrast Mode */
/*background-color: CanvasText;*/
}
.cs-13 .units .radio input[type=radio]:checked::before{transform:scale(1)}
.cs-13 .units .radio input[type=radio]:focus,
.cs-13 .units .radio input[type=radio]:checked,
.cs-13 .units .radio:hover input[type=radio]{border-color:var(--main)}
@media (max-width: 1019px) {
    .cs-13 .form-row .md{ width:100%; }
    .cs-13 .form-row .sep{ padding:15px 0 20px; width:100%; }
}
@media (max-width: 619px) {
    .cs-13 .box{ padding:60px 30px; border-radius:24px; }
    .cs-13 h2{ font-size:30px; margin:0 0 30px; }
    .cs-13 .form-row .sep{ padding:10px 0 15px; }
    .cs-13 .form-row .md .result{ padding:20px; }
    .cs-13 .units{ margin:0 0 30px; }
    .cs-13 .units .radio{ font-size:16px; gap:8px; }
    .cs-13 .units .radio input[type=radio]{ width:20px; height:20px; }
    .cs-13 .units .radio input[type=radio]::before{ width:8px;height:8px; }
}

.cs-14-scroll-section{ position:relative; z-index:2; }
.cs-14{ padding:160px 0; text-align:center; margin:0 0 -60px; border-radius:0 0 60px 60px; background:#fff; position:relative; z-index:2; }
.cs-14 .title h2{ font-size:58px; margin:0 0 30px; }
.cs-14 .items>.wrap{ justify-content:center; }
.cs-14 .item{ width:25%; max-width:320px; padding:50px 0 0; }
.cs-14 .item a{ padding:30px; border:2px solid transparent; border-radius:40px; }
.cs-14 .item a:hover{ color:var(--main); border-color:var(--light2); }
.cs-14 .item a img{ border-radius:40px; margin:0 0 30px; }
.cs-14 .item a:hover img{ transform:scale(0.9); }
.cs-14 .item .f-title{ font-size:24px; }
@media (max-width: 1279px) {
    .cs-4 .col-2 h2{ font-size:60px; }
    .cs-14 .item .f-title{ font-size:22px; }
}
@media (max-width: 1019px) {
    .cs-14 .item{ width:50%; }
}
@media (max-width: 619px) {
    .cs-14{ padding:100px 0; margin:0 0 -30px; border-radius:0 0 30px 30px; }
    .cs-14 .title h2{ font-size:30px; }
    .cs-14 .item{ width:100%; padding:20px 0 0; }
    .cs-14 .item a{ border-radius:24px; }
    .cs-14 .item a img{ border-radius:24px; }
}

.cs-15{ background:url(../img/bg-5.jpg) center center / cover no-repeat var(--green2); text-align:center; }
.cs-15.sm{ margin:-30px 0 0; }
.cs-15 .title{ padding:0 0 180px; height:calc(100dvh + 60px); min-height:800px; justify-content:flex-end; align-items:center; color:#fff; }
.cs-15.sm .title{ height:600px; padding:180px 0; justify-content:center; }
.cs-15 .title .f-title.sm{ font-size:36px; color:var(--main); }
.cs-15 .title .f-title.lg,
.cs-15 .title h1.lg{ font-size:90px; max-width:1100px; }
.cs-15 .title .f-title.md,
.cs-15 .title h1.md{ font-size:72px; max-width:1100px; }
@media (max-width: 1279px) {
    .cs-15 .title{ padding:0 0 120px; height:800px; min-height:0; }
    .cs-15 .title .f-title.lg,
    .cs-15 .title h1.lg{ font-size:72px; }
    .cs-15 .title .f-title.md,
    .cs-15 .title h1.md{ font-size:60px; }
}
@media (max-width: 619px) {
    .cs-15 .title{ padding:0 0 90px; height:500px; min-height:0; }
    .cs-15.sm .title{ padding:120px 0 90px; height:380px; }
    .cs-15 .title .f-title.sm{ font-size:20px; }
    .cs-15 .title .f-title.lg,
    .cs-15 .title h1.lg{ font-size:38px; }
    .cs-15 .title .f-title.md,
    .cs-15 .title h1.md{ font-size:30px; }
}

.cs-16{ padding:200px 70px; margin:-60px 0 0; border-radius:60px; background:var(--main); color:#fff; }
.cs-16 .col-1{ width:50%; padding:0 100px 0 0; }
.cs-16 .col-1 h1{ font-size:72px; margin:0 0 50px; }
.cs-16 .col-1 p+p{ margin:20px 0 0; }
.cs-16 .col-2{ width:50%; align-items:flex-end; transition-delay:0.2s; }
.cs-16 .col-2>div{ max-width:760px; }
.cs-16 .col-2 .outer-slider{ border-radius:40px; overflow:hidden; background:var(--green2); position:relative; }
.cs-16 .col-2 .inner-slide img{ /*border-radius:40px;*/ }
.cs-16 .col-2 .outer-slider .nav-slider{ bottom:20px; width:100%; gap:10px; position:absolute; }
.cs-16 .col-2 .outer-slider .nav-slider .control{ width:52px; height:52px; border-radius:12px; background:#fff; color:var(--main); cursor:pointer; user-select:none; }
.cs-16 .col-2 .outer-slider .nav-slider .control:hover{ background:var(--main); color:#fff; }
.cs-16 .col-2 .outer-slider .nav-slider .control svg{ width:24px; }
.cs-16 .col-2 .outer-slider .nav-slider .control.prev svg{ transform:rotate(-180deg); }
.cs-16 .items{ margin:120px -60px 0; }
.cs-16 .item{ width:50%; padding:30px 60px; }
.cs-16 .item:nth-child(2n+2){ transition-delay:0.2s; }
.cs-16 .item .inner{ padding:30px 0; border-bottom:2px solid #fff; display:flex; align-items:flex-end; }
.cs-16 .item .f-title.lg{ font-size:120px; }
.cs-16 .item .f-title.sm{ font-size:20px; margin:0 0 22px 30px; max-width:250px; text-wrap:balance; }
@media (max-width: 1479px) {
    .cs-16 .col-1{ width:60%; padding:0 100px 0 0; }
    .cs-16 .col-1 h1{ font-size:60px; }
    .cs-16 .col-2{ width:40%; }
    .cs-16 .item .f-title.lg{ font-size:100px; }
    .cs-16 .item .f-title.sm{ margin:0 0 18px 30px; }
}
@media (max-width: 1279px) {
    .cs-16 .container{ max-width:900px; }
    .cs-16 .col-1{ width:100%; padding:0 0 60px; }
    .cs-16 .col-2{ width:100%; align-items:flex-start; }
    .cs-16 .items{ margin:120px -50px 0; }
    .cs-16 .item{ width:50%; padding:30px 50px; }
    .cs-16 .item .inner{ flex-direction:column; align-items:center; text-align:center; }
    .cs-16 .item .f-title.sm{ margin:0; }
}
@media (max-width: 1019px) {
    .cs-16 .item .f-title.lg{ font-size:72px; }
}
@media (max-width: 619px) {
    .cs-16{ padding:60px 20px; margin:-30px 0 0; border-radius:30px; }
    .cs-16 .col-1 h1{ font-size:30px; margin:0 0 30px; }
    .cs-16 .col-2 .outer-slider{ border-radius:24px; } 
    .cs-16 .col-2 .outer-slider .nav-slider .control{ width:42px; height:42px; border-radius:8px; }
    .cs-16 .col-2 .outer-slider .nav-slider .control svg{ width:20px; }
    .cs-16 .items{ margin:60px 0 0; }
    .cs-16 .item{ width:100%; padding:0; }
    .cs-16 .item:nth-child(2n+2){ transition-delay:0s; }
}

.cs-17{ padding:160px 0; }
.cs-17 .title h2{ font-size:72px; margin:0 0 80px; text-align:center; text-wrap:balance; }
.cs-17 .col-1{ width:50%; }
.cs-17 .col-1>div{ max-width:850px; }
.cs-17 .col-1 .outer-slider{ border-radius:40px; overflow:hidden; background:var(--green2); position:relative; }
.cs-17 .col-1 .inner-slide img{ /*border-radius:40px;*/ }
.cs-17 .col-1 .outer-slider .nav-slider{ bottom:20px; width:100%; gap:10px; position:absolute; }
.cs-17 .col-1 .outer-slider .nav-slider .control{ width:52px; height:52px; border-radius:12px; background:#fff; color:var(--main); cursor:pointer; user-select:none; }
.cs-17 .col-1 .outer-slider .nav-slider .control:hover{ background:var(--main); color:#fff; }
.cs-17 .col-1 .outer-slider .nav-slider .control svg{ width:24px; }
.cs-17 .col-1 .outer-slider .nav-slider .control.prev svg{ transform:rotate(-180deg); }
.cs-17 .col-2{ width:50%; padding:0 0 0 100px; justify-content:center; align-items:flex-end; transition-delay:0.2s; }
.cs-17 .col-2>div{ max-width:690px; }
.cs-17 .col-2 p+p{ margin:20px 0 0; }
@media (max-width: 1019px) {
    .cs-17 .title h2{ font-size:60px; }
    .cs-17 .col-1{ width:100%; }
    .cs-17 .col-2{ width:100%; padding:50px 0 0; align-items:flex-start; transition-delay:0s; }
}
@media (max-width: 619px) {
    .cs-17{ padding:100px 0; }
    .cs-17 .title h2{ font-size:36px; margin:0 0 50px; }
    .cs-17 .col-1 .outer-slider{ border-radius:24px; } 
    .cs-17 .col-1 .outer-slider .nav-slider .control{ width:42px; height:42px; border-radius:8px; }
    .cs-17 .col-1 .outer-slider .nav-slider .control svg{ width:20px; }
}

.cs-18-scroll-section{ position:relative; z-index:2; }
.cs-18{ padding:330px 70px 60px; margin:0 0 -60px; border-radius:60px; background:url(../img/bg-6.jpg) center center / cover no-repeat var(--green2); }
.cs-18 .box a{ padding:60px; border-radius:60px; max-width:740px; display:flex; align-items:center; background:#fff; }
.cs-18 .box a:hover{ background:var(--main); color:#fff; }
.cs-18 .box .f-title{ font-size:52px; margin:0 40px 0 0; text-wrap:balance; }
.cs-18 .box .icn{ width:72px; height:72px; border-radius:12px; margin:0 auto; background:var(--main); color:#fff; flex-shrink:0; }
.cs-18 .box a:hover .icn{ background:var(--main2); /*transform:scale(1.1);*/ }
.cs-18 .box .icn svg{ width:36px; }
@media (max-width: 1019px) {
    .cs-18{ background-position:center right 20%; }
    .cs-18 .box .f-title{ font-size:42px; }
}
@media (max-width: 619px) {
    .cs-18{ padding:180px 20px 40px; border-radius:30px; margin:0 0 -30px; }
    .cs-18 .box a{ padding:50px 30px; border-radius:30px; flex-direction:column; text-align:center; }
    .cs-18 .box .f-title{ font-size:30px; margin:0 0 20px; }
    .cs-18 .box .icn{ width:52px; height:52px; border-radius:8px; }
    .cs-18 .box .icn svg{ width:26px; }
}

.cs-19{ padding:200px 0; margin:-60px 0 0; border-radius:60px; background:#fff; }
.cs-19 .col-1{ width:330px; }
.cs-19 .col-1 .show-filters{ display:none; font-size:16px; padding:15px; margin:0 0 15px; border-radius:10px; border:2px solid var(--dark); position:relative; }
.cs-19 .col-1 .show-filters svg{ width:12px; right:15px; top:50%; margin:-9px 0 0; position:absolute; color:var(--main); }
.cs-19 .col-1 .filters-group{ margin:0 0 40px; }
.cs-19 .col-1 .filters-group .f-title{ font-size:26px; padding:0 0 20px; border-bottom:2px solid var(--light2); margin:0 0 30px; }
.cs-19 .col-1 .filters-group ul li{padding:15px 20px 15px 35px;position:relative}
.cs-19 .col-1 .filters-group ul li+li{}
.cs-19 .col-1 ul li a,.cs-19 .col-1 ul li button{text-decoration:none;color:inherit;border-bottom:none;background:0 0;border:none;padding:0;font-size:16px;line-height:1.5;font-weight:400;cursor:pointer;outline:inherit;text-align:left;display:inline-block;vertical-align:middle}
.cs-19 .col-1 .filters-group ul li a:hover{ color:var(--main); }
.cs-19 .col-1 .filters-group ul li a:before,.cs-19 .col-1 .filters-group ul li button:before{content:"";display:inline-block;position:absolute;width:18px;height:18px;left:0;top:15px;border:2px solid var(--dark);border-radius:5px;}
.cs-19 .col-1 .filters-group ul li.active a:before,.cs-19 .col-1 .filters-group ul li.active button:before{background-color:var(--main);border-color:var(--main);}
.cs-19 .col-1 .filters-group ul li a:after,.cs-19 .col-1 .filters-group ul li button:after{content:"";position:absolute;left:8px;top:18px;width:5px;height:10px;border:solid var(--dark);border-width:0 2px 2px 0;transform:rotate(45deg) scale(.9);transition:opacity .4s,transform .4s;opacity:0}
.cs-19 .col-1 .filters-group ul li a:hover:after,.cs-19 .col-1 .filters-group button:hover:after{opacity:1}
.cs-19 .col-1 .filters-group ul li.active a:after,.cs-19 .col-1 .filters-group ul li.active button:after{opacity:1!important;border-color:#fff;transform:rotate(45deg) scale(1)}
.cs-19 .col-2{ width:calc(100% - 330px); padding:0 0 0 120px; }
.cs-19 .col-2 .items>.wrap{ margin:0 -30px; }
.cs-19 .col-2 .item{ width:33.333333%; padding:0 30px 60px; text-align:center; }
.cs-19 .col-2 .item:nth-child(3n+2){ transition-delay:0.2s; }
.cs-19 .col-2 .item:nth-child(3n+3){ transition-delay:0.4s; }
.cs-19 .col-2 .item a{ padding:30px; border:2px solid transparent; border-radius:40px; }
.cs-19 .col-2 .item a:hover{ color:var(--main); border-color:var(--light2); }
.cs-19 .col-2 .item a img{ border-radius:40px; margin:0 auto 30px; }
.cs-19 .col-2 .item a:hover img{ transform:scale(0.9); }
.cs-19 .col-2 .item h2{ font-size:24px; }
.cs-19 .pager{ margin:50px 0 0; color:var(--dark); }
.cs-19 .pager .inner{ display:flex; flex-wrap:wrap; justify-content:center; }
.cs-19 .pager .num{ display:flex; width:70px; height:70px; border:2px solid var(--light2); margin:0 7px; border-radius:50%; font-size:20px; font-weight:700; color:var(--dark); }
.cs-19 .pager .num:hover{ border-color:var(--main); color:var(--main); }
.cs-19 .pager .num.current, .cs-19 .pager .num.current:hover{ background:var(--dark); border-color:var(--dark); color:#fff; }
.cs-19 .pager .num.gap:hover{ border-color:var(--light2); color:var(--dark); }
.cs-19 .pager .num.gap svg{ width:20px; }
@media (max-width: 1479px) {
    .cs-19 .col-1{ width:300px; }
    .cs-19 .col-2{ width:calc(100% - 300px); padding:0 0 0 100px; }
    .cs-19 .col-2 .items>.wrap{ margin:0; }
    .cs-19 .col-2 .item{ padding:0 0 60px; }
    .cs-19 .col-2 .item h2{ font-size:22px; }
}
@media (max-width: 1279px) {
    .cs-19 .col-2 .item{ width:50%; }
    .cs-19 .col-2 .item:nth-child(3n+2){ transition-delay:0s; }
    .cs-19 .col-2 .item:nth-child(3n+3){ transition-delay:0s; }
    .cs-19 .col-2 .item:nth-child(2n+2){ transition-delay:0.2s; }
}
@media (max-width: 1019px) {
    .cs-19{ padding:120px 0; }
    .cs-19 .col-1{ width:100%; }
    .cs-19 .col-1 .show-filters{ display:block; } 
	.cs-19 .col-1 .show-filters.open svg{ /*transform:rotate(180deg);*/ }
	.cs-19 .col-1 .filters-collapse{ max-height:0; overflow:hidden; /*transition:max-height 0.6s ease;*/ }
	.cs-19 .col-1 .filters-collapse.open{ max-height:1200px; padding:0 30px; }
    .cs-19 .col-1 .filters-group .f-title{ margin:30px 0 20px; }
    .cs-19 .col-2{ width:100%; padding:40px 0 0; }
}
@media (max-width: 619px) {
    .cs-19{ padding:100px 0; margin:-30px 0 0; border-radius:30px 30px 0 0; }
    .cs-19 .col-1 .filters-group .f-title{ font-size:20px; }
    .cs-19 .col-2 .item{ width:100%; padding:0 0 30px; }
    .cs-19 .col-2 .item:nth-child(2n+2){ transition-delay:0s; }
    .cs-19 .col-2 .item a{ border-radius:24px; }
    .cs-19 .col-2 .item a img{ border-radius:24px; }
    .cs-19 .pager{ margin:0; }
    .cs-19 .pager .num{ width:40px; height:40px; font-size:14px; margin:4px; }
	.cs-19 .pager .num.gap svg{ width:14px; }
	.cs-19 .pager .num.arrow svg{ width:8px; }
}

.cs-20-scroll-section{ position:relative; z-index:2; }
.cs-20{ padding:220px 0; margin:0 0 -60px; border-radius:0 0 60px 60px; background:#fff; position:relative; z-index:2;  }
.cs-20 .career-form{ max-width:1000px; margin:0 auto; }
.cs-20 .container>.wrap{ flex-direction:row-reverse; }
.cs-20 .col-1{ width:calc(100% - 450px); padding:0 0 0 100px; transition-delay:0.2s; }
.cs-20 .col-1 h2{ font-size:52px; margin:0 0 20px; }
.cs-20 .col-2{ width:450px; }
.cs-20 .col-2 .box{ padding:50px; border-radius:24px; background:var(--light); }
.cs-20 .col-2 .box+.box{ margin:30px 0 0; }
.cs-20 .col-2 .box h2{ font-size:20px; color:var(--main); }
.cs-20 .col-2 .box p{ margin:20px 0 0; font-size:24px; font-weight:400; }
.cs-20 .col-2 .box p a{ text-decoration:none; }
@media (max-width: 1279px) {
    .cs-20 .col-1{ width:calc(100% - 350px); padding:0 0 0 60px; }
    .cs-20 .col-2{ width:350px; }
}
@media (max-width: 1019px) {
    .cs-20{ padding:160px 0; }
    .cs-20 .container>.wrap{ flex-direction:column-reverse; }
    .cs-20 .col-1{ width:100%; padding:50px 0 0; }
    .cs-20 .col-2{ width:100%; transition-delay:0s; }
}
@media (max-width: 619px) {
    .cs-20{ padding:120px 0; margin:0 0 -30px; border-radius:0 0 30px 30px; }
    .cs-20 .col-1 h2{ font-size:32px; text-align:center; }
    .cs-20 .col-2 .box{ padding:50px 40px; border-radius:16px; }
    .cs-20 .col-2 .box+.box{ margin:20px 0 0; }
    .cs-20 .col-2 .box h2{ font-size:15px; }
    .cs-20 .col-2 .box p{ margin:10px 0 0; font-size:20px; }
}

.cs-21{ padding:200px 0; margin:-60px 0 0; border-radius:60px; background:#fff; }
.cs-21 .col-1{ width:330px; }
.cs-21 .col-1 .show-filters{ display:none; font-size:16px; padding:15px; margin:0 0 15px; border-radius:10px; border:2px solid var(--dark); position:relative; }
.cs-21 .col-1 .show-filters svg{ width:12px; right:15px; top:50%; margin:-9px 0 0; position:absolute; color:var(--main); }
.cs-21 .col-1 .filters-group{ margin:0 0 40px; }
.cs-21 .col-1 .filters-group .f-title{ font-size:26px; padding:0 0 20px; border-bottom:2px solid var(--light2); margin:0 0 30px; }
.cs-21 .col-1 .filters-group ul li{padding:15px 20px 15px 35px;position:relative}
.cs-21 .col-1 .filters-group ul li+li{}
.cs-21 .col-1 ul li a,.cs-21 .col-1 ul li button{text-decoration:none;color:inherit;border-bottom:none;background:0 0;border:none;padding:0;font-size:16px;line-height:1.5;font-weight:400;cursor:pointer;outline:inherit;text-align:left;display:inline-block;vertical-align:middle}
.cs-21 .col-1 .filters-group ul li a:hover{ color:var(--main); }
.cs-21 .col-1 .filters-group ul li a:before,.cs-21 .col-1 .filters-group ul li button:before{content:"";display:inline-block;position:absolute;width:18px;height:18px;left:0;top:15px;border:2px solid var(--dark);border-radius:5px;}
.cs-21 .col-1 .filters-group ul li.active a:before,.cs-21 .col-1 .filters-group ul li.active button:before{background-color:var(--main);border-color:var(--main);}
.cs-21 .col-1 .filters-group ul li a:after,.cs-21 .col-1 .filters-group ul li button:after{content:"";position:absolute;left:8px;top:18px;width:5px;height:10px;border:solid var(--dark);border-width:0 2px 2px 0;transform:rotate(45deg) scale(.9);transition:opacity .4s,transform .4s;opacity:0}
.cs-21 .col-1 .filters-group ul li a:hover:after,.cs-21 .col-1 .filters-group button:hover:after{opacity:1}
.cs-21 .col-1 .filters-group ul li.active a:after,.cs-21 .col-1 .filters-group ul li.active button:after{opacity:1!important;border-color:#fff;transform:rotate(45deg) scale(1)}
.cs-21 .col-2{ width:calc(100% - 330px); padding:0 0 0 120px; }
.cs-21 .col-2 .items>.wrap{ margin:0 -20px; }
.cs-21 .col-2 .item{ width:50%; padding:0 20px 40px; }
.cs-21 .col-2 .item:nth-child(2n+2){ transition-delay:0.2s; }
.cs-21 .col-2 .item a{ padding:20px; border-radius:24px; background:var(--light); height:100%; }
.cs-21 .col-2 .item a:hover{ color:var(--main); }
.cs-21 .col-2 .item a .img{ border-radius:14px; margin:0 auto 20px; overflow:hidden; position:relative; }
.cs-21 .col-2 .item a .img:after{ content:""; display:block; width:100%; height:100%; position:absolute; left:0; top:0; background:url("../img/icn/arrow.svg") center center no-repeat #EF3824AA; background-size:52px 52px; opacity:0; transition: all .25s ease-in-out; }
.cs-21 .col-2 .item a:hover .img:after{ opacity:1; }
.cs-21 .col-2 .item a .img img{ width:100%; object-fit: cover; aspect-ratio: 61 / 39; }
.cs-21 .col-2 .item a:hover img{ transform:scale(1.05); }
.cs-21 .col-2 .item h2{ font-size:24px; padding:10px; }
.cs-21 .pager{ margin:50px 0 0; color:var(--dark); }
.cs-21 .pager .inner{ display:flex; flex-wrap:wrap; justify-content:center; }
.cs-21 .pager .num{ display:flex; width:70px; height:70px; border:2px solid var(--light2); margin:0 7px; border-radius:50%; font-size:20px; font-weight:700; color:var(--dark); }
.cs-21 .pager .num:hover{ border-color:var(--main); color:var(--main); }
.cs-21 .pager .num.current, .cs-21 .pager .num.current:hover{ background:var(--dark); border-color:var(--dark); color:#fff; }
.cs-21 .pager .num.gap:hover{ border-color:var(--light2); color:var(--dark); }
.cs-21 .pager .num.gap svg{ width:20px; }
@media (max-width: 1479px) {
    .cs-21 .col-1{ width:300px; }
    .cs-21 .col-2{ width:calc(100% - 300px); padding:0 0 0 100px; }
}
@media (max-width: 1279px) {
    .cs-21 .col-1{ width:260px; }
    .cs-21 .col-2{ width:calc(100% - 260px); padding:0 0 0 80px; }
}
@media (max-width: 1019px) {
    .cs-21{ padding:120px 0; }
    .cs-21 .col-1{ width:100%; }
    .cs-21 .col-1 .show-filters{ display:block; } 
	.cs-21 .col-1 .show-filters.open svg{ transform:rotate(180deg); }
	.cs-21 .col-1 .filters-collapse{ max-height:0; overflow:hidden; /*transition:max-height 0.6s ease;*/ }
	.cs-21 .col-1 .filters-collapse.open{ max-height:1200px; padding:0 30px; }
    .cs-21 .col-1 .filters-group .f-title{ margin:30px 0 20px; }
    .cs-21 .col-2{ width:100%; padding:40px 0 0; }
    .cs-21 .col-2 .item h2{ font-size:22px; }
}
@media (max-width: 619px) {
    .cs-21{ padding:100px 0; margin:-30px 0 0; border-radius:30px 30px 0 0; }
    .cs-21 .col-1 .filters-group .f-title{ font-size:20px; }
    .cs-21 .col-2 .item{ width:100%; padding:0 20px 20px; }
    .cs-21 .col-2 .item:nth-child(2n+2){ transition-delay:0s; }
    .cs-21 .col-2 .item a .img:after{ background-size:42px 42px; }
    .cs-21 .col-2 .item h2{ font-size:20px; padding:0 10px; }
    .cs-21 .pager{ margin:0; }
    .cs-21 .pager .num{ width:40px; height:40px; font-size:14px; margin:4px; }
	.cs-21 .pager .num.gap svg{ width:14px; }
	.cs-21 .pager .num.arrow svg{ width:8px; }
}

.cs-22-scroll-section{ position:relative; z-index:2; }
.cs-22{ padding:220px 0; text-align:center; margin:0 0 -60px; border-radius:0 0 60px 60px; background:#fff; position:relative; z-index:2;  }
.cs-22 .lg{ font-size:52px; color:var(--main); }
.cs-22 .sm{ font-size:24px; line-height:1.3; margin:30px 0 50px; }
@media (max-width: 619px) {
    .cs-22{ padding:120px 0; margin:0 0 -30px; border-radius:0 0 30px 30px; }
    .cs-22 .lg{ font-size:30px; }
    .cs-22 .sm{ font-size:16px; }
}

.cs-23-scroll-section{ position:relative; z-index:3; }
.cs-23{ padding:300px 0 30px; margin:0 0 -60px; border-radius:0 0 60px 60px; background:var(--main); color:#fff; }
.cs-23 .title .cat{ font-size:22px; opacity:0.5; }
.cs-23 .title h1{ font-size:90px; }
.cs-23 .title p{ font-size:24px; margin:30px 0 0; }
.cs-23 .title .pic{ margin:50px 0 -400px; border-radius:40px; width:100%; }
@media (max-width: 1019px) {
    .cs-23 .title h1{ font-size:72px; }
    .cs-23 .title .pic{ margin:50px 0 -300px; }
}
@media (max-width: 619px) {
    .cs-23{ padding:180px 0 20px; margin:0 0 -30px; border-radius:0 0 30px 30px; }
    .cs-23 .title .cat{ font-size:16px; }
    .cs-23 .title h1{ font-size:38px; }
    .cs-23 .title p{ font-size:18px; }
    .cs-23 .title .pic{ margin:30px 0 0; border-radius:20px; }
}

.cs-24{ padding:520px 0 150px; }
.cs-24 .wysiwyg{ padding:0 100px; }
.cs-24 .btns{ margin:50px 0 0; }
@media (max-width: 1019px) {
    .cs-24{ padding:420px 0 150px; }
    .cs-24 .wysiwyg{ padding:0; }
}
@media (max-width: 619px) {
    .cs-24{ padding:80px 0; }
}

.cs-25-scroll-section{ position:relative; z-index:2; }
.cs-25{ padding:180px 0 180px 100px; margin:0 0 -60px; border-radius:60px 0 0 60px; background:var(--light); position:relative; overflow-x:clip; }
.cs-25 .col-1{ width:20%; justify-content:center; }
.cs-25 .col-1 h2{ font-size:52px; text-wrap:balance; }
.cs-25 .nav-slider{ display:flex; gap:10px; margin:30px 0 0; }
.cs-25 .nav-slider .control{ width:70px; height:70px; border-radius:50%; background:var(--main); color:#fff; cursor:pointer; user-select:none; }
.cs-25 .nav-slider .control:hover{ background:var(--main2); color:#fff; }
.cs-25 .nav-slider .control svg{ width:28px; }
.cs-25 .nav-slider .prev svg{ transform:rotate(-180deg); }
.cs-25 .col-2{ width:80%; padding:0 0 0 100px; transition-delay:0.2s; }
.cs-25 .col-2 .outer-slider{ margin:0 -350px 0 0; }
.cs-25 .col-2 .inner-slide{ padding:0 40px 0 0; }
.cs-25 .col-2 .inner-slide a{ padding:20px; border-radius:24px; background:#fff; height:100%; display:block; }
.cs-25 .col-2 .inner-slide a:hover{ color:var(--main); }
.cs-25 .col-2 .inner-slide a .img{ border-radius:14px; margin:0 auto 20px; overflow:hidden; position:relative; }
.cs-25 .col-2 .inner-slide a .img:after{ content:""; display:block; width:100%; height:100%; position:absolute; left:0; top:0; background:url("../img/icn/arrow.svg") center center no-repeat #EF3824AA; background-size:52px 52px; opacity:0; transition: all .25s ease-in-out; }
.cs-25 .col-2 .inner-slide a:hover .img:after{ opacity:1; }
.cs-25 .col-2 .inner-slide a .img img{ width:100%; }
.cs-25 .col-2 .inner-slide a:hover img{ transform:scale(1.05); }
.cs-25 .col-2 .inner-slide h2{ font-size:24px; padding:10px; }
@media (max-width: 1019px) {
    .cs-25{ padding:180px 0; }
    .cs-25 .col-1{ width:100%; }
    .cs-25 .col-2{ width:calc(100% + 150px); margin:0 -150px 0 0; padding:100px 0 0; }
}
@media (max-width: 619px) {
    .cs-25{ padding:80px 0; margin:0 0 -30px; border-radius:30px 0 0 30px; }
    .cs-25 .col-1 h2{ font-size:32px; }
    .cs-25 .col-2{ width:calc(100% + 80px); margin:0 -110px 0 0; padding:30px 0 0; }
    .cs-25 .col-2 .outer-slider{ margin:0 -110px 0 0; }
    .cs-25 .nav-slider{ display:none; }
    .cs-25 .col-2 .inner-slide{ padding:0 20px 0 0; }
    .cs-25 .col-2 .inner-slide a{ padding:15px; border-radius:16px; }
    .cs-25 .col-2 .inner-slide a .img{ border-radius:8px; margin:0; }
    .cs-25 .col-2 .inner-slide a .img:after{ background-size:32px 32px; }
    .cs-25 .col-2 .inner-slide h2{ font-size:20px; }
}

.cs-26{ padding:300px 0 220px; margin:0 0 -60px; background:var(--main); color:#fff; }
.cs-26 .col-1{ width:50%; padding:0 100px 0 0; justify-content:center; }
.cs-26 .col-1 .title .cat{ font-size:22px; opacity:0.5; }
.cs-26 .col-1 .title h1{ font-size:72px; }
.cs-26 .col-1 .title p{ margin:30px 0 0; }
.cs-26 .col-2{ width:50%; transition-delay:0.2s; }
.cs-26 .col-2 .video iframe{ width:100%; aspect-ratio:1/1; border-radius:30px; }
@media (max-width: 1019px) {
    .cs-26 .col-1{ width:100%; padding:0 0 60px; }
    .cs-26 .col-2{ width:100%; }
}
@media (max-width: 619px) {
    .cs-26{ padding:180px 0 120px; margin:0 0 -30px; }
    .cs-26 .col-1{ padding:0 0 30px; }
    .cs-26 .col-1 .title .cat{ font-size:16px; }
    .cs-26 .col-1 .title h1{ font-size:36px; }
    .cs-26 .col-1 .title p{ margin:20px 0 0; }
    .cs-26 .col-2 .video iframe{ border-radius:24px; }
}

.cs-27{ /*padding:220px 0;*/ }
.cs-27 .col-1{ width:600px; padding:220px 100px; }
.cs-27.alt-1 .col-1{ padding:0; }
.cs-27.alt-1 .col-1 .disable-scroll{ overflow-y:scroll; height:100vh; min-height:400px; padding:220px 100px; scrollbar-width:thin; }
.cs-27 .col-1 .filters{ position:relative; z-index:3; display: flex; justify-content: space-between; }
.cs-27 .col-1 .show-filters{ font-size:18px; padding:10px 0; display:flex; align-items:center; width:fit-content; cursor:pointer; transition: all .25s ease-in-out; }
.cs-27 .col-1 .show-filters:hover{ color:var(--main); }
.cs-27 .col-1 .show-filters svg{ width:16px; margin:0 0 0 10px; color:var(--main); }

/* Rayon filters */
.cs-27 .col-1 .show-rayon{ font-size:18px; padding:10px 0; display:flex; align-items:center; width:fit-content; cursor:pointer; transition: all .25s ease-in-out; }
.cs-27 .col-1 .show-rayon:hover{ color:var(--main); }
.cs-27 .col-1 .show-rayon svg{ width:16px; margin:0 0 0 10px; color:var(--main); }
.cs-27 .col-1 .rayon-collapse{ display:none; position:absolute; right:-20px; width: fit-content; padding:30px; border-radius:24px; box-shadow: 2px 2px 10px #00000022; background:#fff; }
.cs-27 .col-1 .rayon-collapse.open{ display:block; }
.cs-27 .col-1 .rayon-group ul li{padding:10px 0;position:relative}
.cs-27 .col-1 .rayon-group ul li a { font-size: 1em; }
.cs-27 .col-1 .rayon-group ul li a:hover{ color:var(--main); }
.cs-27 .col-1 .show-rayon > .hidden { display: none; }

.cs-27 .col-1 .filters-collapse{ display:none; position:absolute; left:-20px; width:300px; padding:30px; border-radius:24px; box-shadow: 2px 2px 10px #00000022; background:#fff; }
.cs-27 .col-1 .filters-collapse.open{ display:block; }
.cs-27 .col-1 .filters-group ul li{padding:15px 20px 15px 35px;position:relative}
.cs-27 .col-1 .filters-group ul li+li{}
.cs-27 .col-1 ul li a,.cs-19 .col-1 ul li button{text-decoration:none;color:inherit;border-bottom:none;background:0 0;border:none;padding:0;font-size:16px;line-height:1.5;font-weight:400;cursor:pointer;outline:inherit;text-align:left;display:inline-block;vertical-align:middle}
.cs-27 .col-1 .filters-group ul li a:hover{ color:var(--main); }
.cs-27 .col-1 .filters-group ul li a:before,.cs-19 .col-1 .filters-group ul li button:before{content:"";display:inline-block;position:absolute;width:18px;height:18px;left:0;top:15px;border:2px solid var(--dark);border-radius:5px;}
.cs-27 .col-1 .filters-group ul li.active a:before,.cs-19 .col-1 .filters-group ul li.active button:before{background-color:var(--main);border-color:var(--main);}
.cs-27 .col-1 .filters-group ul li a:after,.cs-19 .col-1 .filters-group ul li button:after{content:"";position:absolute;left:8px;top:18px;width:5px;height:10px;border:solid var(--dark);border-width:0 2px 2px 0;transform:rotate(45deg) scale(.9);transition:opacity .4s,transform .4s;opacity:0}
.cs-27 .col-1 .filters-group ul li a:hover:after,.cs-19 .col-1 .filters-group button:hover:after{opacity:1}
.cs-27 .col-1 .filters-group ul li.active a:after,.cs-19 .col-1 .filters-group ul li.active button:after{opacity:1!important;border-color:#fff;transform:rotate(45deg) scale(1)}

.cs-27 .col-1 .outer-search{ margin:10px 0 50px; }
.cs-27 .col-1 .outer-form .input{ height:70px; padding:0 80px 0 30px; }
.cs-27 .col-1 .outer-form .input:focus{ border-color:var(--dark); }
.cs-27 .col-1 .outer-form .search{ position:relative; }
.cs-27 .col-1 .outer-form .send-btn{ width:54px; height:54px; background:var(--main); border-radius:8px; position:absolute; top:8px; right:8px; border:none; cursor:pointer; }
.cs-27 .col-1 .outer-form .send-btn:hover{ background:var(--main2); }
.cs-27 .col-1 .outer-form .send-btn img{ width:22px; }
.cs-27 .col-1 .items{ /* overflow-y:scroll; min-height:400px; height:90vh; */ }
.cs-27 .col-1 .item+.item{ padding:50px 0 0; border-top:2px solid var(--light2); margin:50px 0 0; }
.cs-27 .col-1 .item.active>div{ padding:20px; border-radius:20px; border:2px solid var(--light3); background:var(--light); }
.cs-27 .col-1 .item h2{ font-size:30px; margin:0 0 10px; color:var(--main); }
.cs-27 .col-1 .item p{ margin:0 0 10px; }
.cs-27 .col-1 .item p a{ font-weight:600; text-decoration:none; display:inline-flex; }
.cs-27 .col-1 .item p a img{ width:14px; margin:0 0 0 10px; }
.cs-27 .col-1 .item .cats{ margin:15px 0 0; }
.cs-27 .col-1 .item .cat{ margin:10px 0 0; display:flex; align-items:center; }
.cs-27 .col-1 .item .cat .icn{ width:30px; flex-shrink:0; }
.cs-27 .col-1 .item .cat .desc{ font-size:16px; font-weight:500; padding:0 0 0 10px; }
.cs-27 .col-2{ width:calc(100% - 600px); background:var(--light2); }
.cs-27 .col-2 .map iframe{ width:100%; min-height:400px; height:100vh; }
.cs-27 .col-2 .map { width:100%; min-height:400px; height:100vh; }
@media (max-width: 1479px) {
    .cs-27 .col-1{ width:500px; padding:220px 80px 220px 60px; }
    .cs-27.alt-1 .col-1 .disable-scroll{ padding:220px 80px 220px 60px; }
    .cs-27 .col-2{ width:calc(100% - 500px); }
}
@media (max-width: 1279px) {
    .cs-27 .wrap{ flex-direction:column-reverse; }
    .cs-27 .col-1{ width:100%; padding:150px 10vw; }
    .cs-27.alt-1 .col-1{ padding:150px 10vw; }
    .cs-27.alt-1 .col-1 .disable-scroll{ overflow-y:visible; height:auto; min-height:0; padding:0; }
    .cs-27 .col-2{ width:100%; }
    .cs-27 .col-2 .map iframe{ width:100%; min-height:200px; height:auto; aspect-ratio:4 / 3; }
    .cs-27 .col-2 .map { width:100%; min-height:200px; height:auto; aspect-ratio:4 / 3; }
}
@media (max-width: 1019px) {

}
@media (max-width: 619px) {
    .cs-27 .col-1{ padding:80px 20px; }
    .cs-27.alt-1 .col-1{ padding:80px 20px; }
    .cs-27 .col-1 .item+.item{ padding:40px 0 0; margin:40px 0 0; }
    .cs-27 .col-1 .item h2{ font-size:24px; }
    .cs-27 .col-1 .item p a img{ width:10px; margin:0 0 0 8px; }
    .cs-27 .col-1 .item .cats{ margin:15px 0 0; }
    .cs-27 .col-1 .item .cat .icn{ width:24px; }
    .cs-27 .col-1 .item .cat .desc{ font-size:12px; }
}


.cs-28-scroll-section{ position:relative; z-index:2; }
.cs-28 a{ padding:220px 60px; margin:0 0 -60px; border-radius:0 0 60px 60px; text-align:center; background:var(--main2); color:#fff;  }
.cs-28 a:hover{ /*background:var(--main); color:#fff;*/ }
.cs-28 .f-title{ font-size:52px; margin:0 0 40px; text-wrap:balance; }
.cs-28 .icn{ width:72px; height:72px; border-radius:12px; margin:0 auto; background:var(--main); color:#fff; }
.cs-28 a:hover .icn{ /*background:var(--green);*/ }
.cs-28 .icn svg{ width:36px; }
@media (max-width: 619px) {
    .cs-28 a{ padding:120px 30px; border-radius:0 0 30px 30px; margin:0 0 -30px; }
    .cs-28 .f-title{ font-size:36px; margin:0 0 20px; }
    .cs-28 .icn{ width:52px; height:52px; border-radius:8px; }
    .cs-28 .icn svg{ width:26px; }
}

.cs-29-scroll-section{ position:relative; z-index:2; }
.cs-29{ padding:220px 0; margin:0 0 -60px; border-radius:0 0 60px 60px; background:#fff; position:relative; z-index:2;  }
.cs-29 .update{ font-weight:600; margin:0 0 30px; color:var(--main); }
@media (max-width: 619px) {
    .cs-29{ padding:120px 0; margin:0 0 -30px; border-radius:0 0 30px 30px; }

}