/*********************************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*/
body::-webkit-scrollbar {
    width: 8px;
}
body::-webkit-scrollbar-thumb {
    background: #222;
}
body::-webkit-scrollbar-track {
    background-color: #fff;
    border-left: 1px solid #222;
}
::selection{ background-color:#222; color:#fff; }
.invert-selection *::selection{ background-color:#fff; color:#222; }

/*
FONTS
font-family: realistwide, sans-serif; 600-700-800-900
font-family: archivo-variable, sans-serif; variable
*/

/*********************************BASE******************************/
body{ background:#fff; font-family: archivo-variable, sans-serif; font-size:20px; font-weight:400; line-height:1; position:relative; overflow-x:hidden; color:#222; /*scrollbar-gutter:stable;*/ }
body.blocked{ overflow:hidden; padding-right:8px; /*replace scrollbar width*/  }
.outer-body{ /*overflow-x:hidden;*/ }
.trans{ transition: all .25s ease-in-out; }
h1,h2,h3,h4,h5,.f-title{ font-family: realistwide, sans-serif; font-weight:900; text-transform:uppercase; line-height:1.1; }
.italic{  }
.t-br{ display:block; }
.center{ text-align:center; }
p{ font-family: archivo-variable, sans-serif; }
p.lg { line-height: 1.25; }
p a{ text-decoration:underline; }
p a:hover{ opacity:0.4; text-decoration:underline; }
.wysiwyg h1,.wysiwyg h2{ font-size:1.7em; margin:30px 0 10px; }
.wysiwyg h3,.wysiwyg h4,.wysiwyg h5,.wysiwyg h6{ font-size:1.4em; margin:30px 0 10px; }
.wysiwyg h1:first-child,.wysiwyg h2:first-child,.wysiwyg h3:first-child,.wysiwyg h4:first-child,.wysiwyg h5:first-child,.wysiwyg h6:first-child{ margin-top:0; }
.wysiwyg p{ margin:0 0 20px; }
.wysiwyg ul{ margin:0 0 20px; padding:0 0 0 30px; font-family: archivo-variable, sans-serif;}
.wysiwyg li{ margin:0 0 10px; list-style:disc; }
sup{ vertical-align: super; font-size: smaller; }
.underline{ text-decoration:underline; }
.nw{ white-space:nowrap; }
.round{ border-radius:30px; }
.round-sm{ border-radius:12px; }
a:hover{ }
.container{ margin:0 auto; position:relative; max-width:1820px; /*1700*/ width:100%; padding:0 60px; }
.container.xsm{ max-width:1280px; /*1220*/ }
.container.sm{ max-width:1420px; /*1360*/ }
.container.md{ max-width:1530px; /*1470*/ }
.container.lg{ max-width:1960px; /*1900*/ }
/*.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:700; }
.btn{ font-size:24px; font-weight:600; display:flex; justify-content:center; align-items:center; gap:30px; width:fit-content; color:#222; }
.btn .txt{ position:relative; }
.btn .txt:after{ content:""; position:absolute; bottom:-8px; right:0; display:block; width:100%; height:2px; background:#222; transition: all .25s ease-in-out; }
.btn:hover .txt:after{ width:0;left:0;right:auto; }
.btn .arrow{ width:46px; height:46px; border:2px solid #222; }
.btn:hover .arrow{ background:#222; color:#fff; }
.btn .arrow svg{ width:16px; height:16px; }
.btn:hover .arrow svg{ transform:rotate(45deg); }
.btn.invert{ color:#fff; }
.btn.invert .txt:after{ background:#fff; }
.btn.invert .arrow{ border-color:#fff; }
.btn.invert:hover .arrow{ background:#fff; color:#222; }
.btn.lg{ font-size:46px; gap:35px; }
.btn.lg .txt:after{ bottom:-10px; }
.btn.lg .arrow{ width:70px; height:70px; }
.btn.lg .arrow svg{ width:24px; height:24px; }
@media (max-width: 1679px) {

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

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

}
@media (max-width: 1279px) {
	body.blocked{ padding-right:0; }
}
@media (max-width: 1019px) {
	.container.mobile{ max-width:700px; }
}
@media (max-width: 879px) {
	
}
@media (max-width: 759px) {
	
}
@media (max-width: 619px) {
	body{ font-size:16px; }
	.container{ padding:0 20px; }
	.btn{ font-size:18px; gap:20px; }
    .btn .txt:after{ bottom:-5px; }
    .btn .arrow{ width:30px; height:30px; }
    .btn .arrow svg{ width:10px; height:10px; }
    .btn.lg{ font-size:18px; gap:20px; }
    .btn.lg .txt:after{ bottom:-5px; }
    .btn.lg .arrow{ width:30px; height:30px; }
    .btn.lg .arrow svg{ width:10px; height:10px; }
}

/*FORM*/
.outer-form input.input,
.outer-form textarea.input,
.outer-form select.input{ font-size:20px; padding:0 30px; height:70px; font-family: archivo-variable, sans-serif; font-weight:400; width:100%; border:1px solid #222; background:none; color:#222;  }
.outer-form input.input::placeholder,
.outer-form textarea.input::placeholder{ color:#222; }
.outer-form .label{ font-size:18px; font-weight:600; margin:0 0 12px; display:block; }
.form-row .input:focus{ box-shadow: 0 0 0 1px #fff, 0 0 0 3px var(--main); }
.form-row .input.in-error{ color:#dd0000; background-color:#f8d7da; border-color:#dd0000; }
.form-row textarea.input{ height:200px; padding-top:20px; resize:none; }
.form-row select.input{ -moz-appearance:none; -webkit-appearance:none; background:url("../img/icn/angle-down.svg") right 20px center no-repeat; background-size:15px 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:30px 0 0 20px; }
.form-row .md{ display:flex; flex-direction:column; width:50%; padding:30px 0 0 20px; position:relative; }
.outer-form .text-danger{ margin:8px 0 0; font-size:15px; font-weight:700; color:#dd0000; }
.outer-form .form-bottom{ margin:40px 0 0; }
.outer-form .alert{ margin:0 0 40px; padding:30px 4vw; font-size:15px; line-height:1.3; border:1px solid #222; text-align:center; text-wrap:balance; }
.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{ border:none; background:none;  }
.outer-form .btn:hover{   }
.outer-form .note{ font-size:13px; line-height:1.2; margin-top:20px; }
.outer-form .note+.note{ padding-top:15px; border-top:1px solid #00000011; margin-top:15px; }
.form-item{ margin:30px 0 0; }
.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){  }
.outer-form .fl .input:focus{ }
.outer-form .fl .label{ position:absolute; left:20px; top:25px; font-size:20px; font-weight:400; padding:0 10px; background:#fff; color:#222; pointer-events: none;  }
.outer-form .fl .input:focus+.label,
.outer-form .fl .input.input:not(:placeholder-shown)+.label{ top:-10px; font-size:16px; }
.label-file input[type="file"]{position:absolute; left:-9999em; }
.label-file{cursor:pointer;	border:1px dashed #222; padding:40px; margin:0; display:block;}
.label-file:hover{ border-style:solid;}
.label-file .wrap{ align-items:center; justify-content:center; }
.label-file .icn{ width:28px; }
.label-file .desc{ padding:0 0 0 20px; }
.label-file .desc .lg{ font-size:18px; font-weight:600; margin:0 0 5px; }
.label-file .desc .sm{ font-size:14px; }
.dark .outer-form input.input,
.dark .outer-form textarea.input,
.dark .outer-form select.input{ border-color:var(--dark3); background-color:var(--dark); color:var(--light);  }
.dark .form-row select.input{ background-image:url("../img/icn/dropdown-2-white.svg"); background-color:var(--dark); }
.dark .form-row .input.in-error{ color:#dd0000; background-color:#dd000022; border-color:#dd0000; }
.dark .form-row .input:focus{ border-color:var(--light); }
.dark .outer-form .alert-success{ color:#2f8342; background-color:#15572422; border-color:#15572444; }
.dark .outer-form .alert-failed{ color:#d72626; background-color:#dd000022; border-color:#dd000044; }
.dark .label-file{background:var(--dark4);}
.dark .label-file:hover{background:var(--dark2);}
@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:15px; height:50px; padding:0 15px; }
	.outer-form select.input{ background-position:right 15px center; background-size:12px auto; }
    .outer-form textarea.input{ height:120px; padding-top:10px; }
    .outer-form .label{ font-size:15px; margin:0 0 8px; }
	.form-row .lg{ padding:24px 0 0 20px; }
	.form-row .md{ width:100%; padding:24px 0 0 20px; }
	.outer-form .text-danger{ font-size:13px; }
	.outer-form .alert{ font-size:13px; border-radius:12px; }
	.outer-form .note{ font-size:11px; }
    .form-item{ margin:24px 0 0; }
    .outer-form .fl .label{ left:10px; top:17px; padding:0 5px; font-size:15px;  }
    .outer-form .fl .input:focus+.label,
    .outer-form .fl .input.input:not(:placeholder-shown)+.label{ top:-8px; font-size:13px; }
    .label-file .icn{ width:22px; }
	.label-file .desc{ padding:20px 0 0; width:100%; text-align:center; }
	.label-file .desc .lg{ font-size:14px; }
	.label-file .desc .sm{ font-size:12px; line-height:1.3; text-wrap:balance; }
}

/*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; }	
}

.loader{ position:fixed; top:0; bottom:0; left:0; right:0; background:#222; z-index:999; }
.loader.hidden{ transform:translateY(110vh); }
.loader img{max-width:15vw; animation:loaderPending 2s infinite; /*animation:loaderOut 2s forwards*/}
.loader img.hidden{ opacity:0; }
@keyframes loaderOut {
    0%{transform:scale(1)}
    100%{transform:scale(20)}
}
@keyframes loaderPending {
    0%{transform:scale(1)}
    50%{transform:scale(1.6)}
    100%{transform:scale(1)}
}

.page-wrapper{ padding:0 100px 0 0; overflow:clip; /*hidden breaks sticky position*/ }
.lg-menu-backdrop{ position:fixed; top:0; left:0; bottom:0; right:0; z-index:8; background:#222; opacity:0; visibility:hidden; }
.lg-menu-backdrop.open{ opacity:0.5; visibility:visible; }
.lg-menu{ position:fixed; width:calc(100% - 210px); height:100%; left:calc(100% - 100px); border-left:1px solid #222; background:#fff; z-index:10; transition: all .3s ease-in; }
.lg-menu.open{ left:210px; transition: all .5s cubic-bezier(0.22, 1, 0.36, 1); }
.lg-menu>.wrap{ height:100%; }
.lg-menu .col-1{ width:100px; padding:25px 30px 30px; }
.lg-menu .col-1 .toggle-menu{ width:40px; height:40px; align-items:flex-start; }
.lg-menu .col-1 .toggle-menu .line{ width:40px; height:2px; background:#222; }
.lg-menu .col-1 .toggle-menu .line.md{ margin:8px 0 0; }
.lg-menu .col-1 .toggle-menu:hover .line.sm{ width:24px; }
.lg-menu .col-1 .toggle-menu:hover .line.md{ width:34px; }
.lg-menu.open .col-1 .toggle-menu .line.sm{ transform:rotate(45deg); margin:0 0 -5px; }
.lg-menu.open .col-1 .toggle-menu .line.md{ transform:rotate(-45deg); margin:4px 0 0; }
.lg-menu.open .col-1 .toggle-menu:hover .line.sm{ width:40px; }
.lg-menu.open .col-1 .toggle-menu:hover .line.md{ width:40px; }
.lg-menu .col-2{ width:calc(100% - 820px); padding:0 20px; justify-content:center; transition: opacity .2s ease-out; }
.lg-menu .col-2.closing{ opacity:0;}
.lg-menu .col-2 li+li{ margin:30px 0 0; }
.lg-menu .col-2 li a{ font-size:60px; height:62px; display:flex; flex-direction:column; overflow:hidden; width:fit-content; }
.lg-menu .col-2 li a>div{ display:flex; flex-direction:column; transition-duration:.15s; }
.lg-menu .col-2 li a:hover>div{ transform:translateY(-62px); }
.lg-menu .col-2 li a span{ height:62px; }
.lg-menu .col-3{ width:720px; border-left:1px solid #222; justify-content:flex-end;transition: opacity .2s ease-out; }
.lg-menu .col-3.closing{ opacity:0;}
.lg-menu .col-3 .top{ padding:60px; }
.lg-menu .col-3 .top a{ position:relative; display:block; /*border:1px solid transparent;*/ }
/*.lg-menu .col-3 .top a:hover{ border-color:#222; }
.lg-menu .col-3 .top a:hover .inner{ transform:scale(0.9); }*/
.lg-menu .col-3 .top a .img{ overflow:hidden; }
.lg-menu .col-3 .top a .img img{transition: transform .25s ease-in-out; }
.lg-menu .col-3 .top a:hover .img img{ transform:scale(1.1); }
.lg-menu .col-3 .top a .tag{ position:absolute; left:-54px; top:-36px; }
.lg-menu .col-3 .top a .sm{ font-size:16px; margin:20px 0 0; text-transform:uppercase; }
.lg-menu .col-3 .top a .lg{ font-size:32px; line-height:1.3; margin:40px 0 0; }
.lg-menu .col-3 .bottom{ padding:60px; border-top:1px solid #222; }
.lg-menu .col-3 .bottom .social{ gap:20px; }
.lg-menu .col-3 .bottom .social a{ font-size:16px; padding:3px 0; text-transform:uppercase; transition-duration:.15s; }
.lg-menu .col-3 .bottom .social a:hover{ background:#222; color:#fff; }
.lg-menu .col-3 .bottom .social a span{transition: all .15s ease-in-out; }
.lg-menu .col-3 .bottom .social a:hover span{ opacity:0; }
@media (max-width: 1679px) {
    .lg-menu .col-2{ width:calc(100% - 620px); }
    .lg-menu .col-2 li a{ font-size:50px; height:52px; }
    .lg-menu .col-2 li a:hover>div{ transform:translateY(-52px); }
    .lg-menu .col-2 li a>span{ height:52px; }
    .lg-menu .col-3{ width:520px; }
    .lg-menu .col-3 .top{ padding:40px; }
    .lg-menu .col-3 .top a .tag{ left:-34px; top:-42px; }
    .lg-menu .col-3 .top a .sm{ font-size:13px; }
    .lg-menu .col-3 .top a .lg{ font-size:24px; margin:30px 0 0; }
    .lg-menu .col-3 .bottom{ padding:40px; }
    .lg-menu .col-3 .bottom .social a{ font-size:13px; }
}
@media (max-width: 1359px) {
    .lg-menu .col-2{ padding:0; }
}
@media (max-width: 1279px) {
    .page-wrapper{ padding:0; }
    .lg-menu-backdrop{ top:90px; }
    .lg-menu{ left:100%; top:90px; width:100%; border:none; }
    .lg-menu>.wrap{ align-content:center; height:calc(100% - 90px); overflow-y:auto; }
    .lg-menu.open{ left:0; }
    .lg-menu .col-1{ width:50px; padding:30px 10px; position:fixed; top:0; right:50px; }
    .lg-menu .col-1 .toggle-menu{ width:30px; height:30px; align-items:flex-start; }
    .lg-menu .col-1 .toggle-menu .line{ width:30px; height:2px; background:#222; }
    .lg-menu .col-1 .toggle-menu .line.md{ margin:8px 0 0; }
    .lg-menu .col-1 .toggle-menu:hover .line.sm{ width:18px; }
    .lg-menu .col-1 .toggle-menu:hover .line.md{ width:24px; }
    .lg-menu.open .col-1 .toggle-menu .line.sm{ margin:0 0 -5px; }
    .lg-menu.open .col-1 .toggle-menu .line.md{ margin:4px 0 0; }
    .lg-menu.open .col-1 .toggle-menu:hover .line.sm{ width:30px; }
    .lg-menu.open .col-1 .toggle-menu:hover .line.md{ width:30px; }
    .lg-menu .col-2{ width:100%; padding:60px; }
    .lg-menu .col-2 li a{ font-size:60px; height:64px; }
    .lg-menu .col-2 li a:hover>div{ transform:none; }
    .lg-menu .col-2 li a span{ display:none; }
    .lg-menu .col-3{ width:100%; border:none; }
    .lg-menu .col-3 .top{ display:none; }
    .lg-menu .col-3 .bottom{ padding:0 60px; border:none; }
    .lg-menu .col-3 .bottom>div{ padding:60px 0; border-top:1px solid #222; }
    .lg-menu .col-3 .bottom .social{ flex-direction:column; align-items:flex-start; }
    .lg-menu .col-3 .bottom .social a{ font-size:16px; }
}
@media (max-width: 1279px) and (orientation: landscape) {
    .lg-menu>.wrap{ align-content:flex-start; }
}
@media (max-width: 799px) {
    .lg-menu .col-2 li a{ font-size:50px; height:54px; }
}
@media (max-width: 619px) {
    .page-wrapper{ padding:0; }
    .lg-menu-backdrop{ top:60px; }
    .lg-menu{ left:100%; top:60px; width:100%; border:none; }
    .lg-menu>.wrap{ align-content:center; height:calc(100% - 60px); }
    .lg-menu.open{ left:0; }
    .lg-menu .col-1{ width:50px; padding:15px 10px; position:fixed; top:0; right:10px; }
    .lg-menu .col-2{ width:100%; padding:40px 20px; }
    .lg-menu .col-2 li a{ font-size:30px; height:34px; }
    .lg-menu .col-3{ width:100%; border:none; }
    .lg-menu .col-3 .bottom{ padding:0 20px; border:none; }
    .lg-menu .col-3 .bottom>div{ padding:40px 0; border-top:1px solid #222; }
    .lg-menu .col-3 .bottom .social{ flex-direction:column; align-items:flex-start; }
    .lg-menu .col-3 .bottom .social a{ font-size:13px; }
}
@media (max-width: 619px) and (max-height: 700px) {
    .lg-menu .col-2 li+li{ margin:20px 0 0; }
    .lg-menu .col-2 li a{ font-size:26px; height:30px; }
    .lg-menu .col-3 .bottom .social{ gap:15px; }
}

/*MODAL*/
.modal{ position:fixed; top:90px; right:-1000px; padding:0 100px 0 0; height:calc(100% - 90px); width:80%; max-width:1100px; background:#fff; z-index:9; transition: all .3s ease-in;  }
#body.scroll .modal{ top:0; height:100%; }
.modal.open{ right:0; transition: all .5s cubic-bezier(0.22, 1, 0.36, 1); }  
.modal .outer{ padding:30px 40px; height:100%; border-left:1px solid #222; }
.modal .top{ padding:0 0 30px; display:flex; justify-content:space-between; align-items:center; border-bottom:1px solid #222; }
.modal .top .brackets{ font-size:16px; text-transform:uppercase; }
.modal .inner{ padding:60px 0; height:100%; overflow-y:auto; transition: opacity .2s ease-out;}
.modal .inner::-webkit-scrollbar { display:none; }
.modal .inner.closing{ opacity:0;}
.modal .inner .name{ font-size:65px; }
.modal .inner .name span{ font-size:18px; }
.modal .inner .desc{ font-size:24px; text-transform:uppercase; margin:30px 0 80px; }
.modal .inner .col-1{ width:45%; }
.modal .inner .col-2{ width:55%; padding:0 0 0 60px; justify-content:center; font-size:16px; }
.modal .inner .col-2 .brackets{ font-size:18px; text-transform:uppercase; margin:40px 0 20px; }
.modal .inner .col-2 ul li{ font-size:16px; line-height:1.3; position:relative; padding:0 0 0 20px; }
.modal .inner .col-2 ul li:before{ content:">"; font-size:14px; line-height:1.4; position:absolute; left:0; top:0; }
.modal .inner .col-2 ul li+li{ margin:10px 0 0; }
@media (max-width: 1279px) {
    .modal .inner .name{ font-size:50px; }
    .modal .inner .name span{ font-size:14px; }
    .modal .inner .desc{ font-size:20px; }
    .modal .inner .col-1{ width:100%; }
    .modal .inner .col-2{ width:100%; padding:50px 0; }
}
@media (max-width: 1019px) {
    
}
@media (max-width: 619px) {
    .modal{ top:60px; right:-700px; padding:0; height:calc(100% - 60px); width:90%; }
    #body.scroll .modal{ top:60px; height:calc(100% - 60px); }
    .modal .outer{ padding:20px; }
    .modal .top{ padding:0 0 20px; }
    .modal .top .brackets{ font-size:12px; }
    .modal .top img{ width:18px; }
    .modal .inner .name{ font-size:22px; }
    .modal .inner .name.sm{ font-size:20px; }
    .modal .inner .name span{ font-size:8px; white-space:nowrap; }
    .modal .inner .desc{ font-size:12px; margin:10px 0 30px; line-height:1.3; }
    .modal .inner .col-2{ padding:30px 0; font-size:13px; }
    .modal .inner .col-2 .brackets{ font-size:13px; margin:30px 0 15px; }
    .modal .inner .col-2 ul li{ font-size:13px; }
    .modal .inner .col-2 ul li:before{ font-size:11px; }
    .modal .inner .col-2 ul li+li{ margin:5px 0 0; }
}

/*HEADER*/
.main-header{ height:90px; border-bottom:1px solid #222; position:fixed; top:0; left:0; width:100%; background:#fff; z-index:9; transition: all .25s ease-in-out; }
#body.scroll .main-header{ top:-95px; }
.main-header .col-1{ width:210px; }
.main-header .col-2{ width:calc(100% - 210px); padding:0 210px 0 0; /*= centered full width*/ }
.main-header .col-2 ul{ gap:40px; }
.main-header .col-2 li a{ font-size:16px; text-transform:uppercase; position:relative; overflow:hidden; }
.main-header .col-2 li a:after{ content:""; position:absolute; bottom:-3px; right:0; display:block; width:0; height:1px; background:#222; transition: all .25s ease-in-out; }
.main-header .col-2 li a:hover:after{ width:100%; }
.main-header .col-2 li a:hover:after, .main-header .col-2 li a:focus:after, .main-header .col-2 li a:active:after{ left:0;right:auto;width:100%; }
@media (max-width: 1859px) {

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

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

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

}
@media (max-width: 1279px) {
    #body.scroll .main-header{ top:0; }
    .main-header .col-1{ width:100%; align-items:flex-start; padding:0 0 0 60px; }
    .main-header .col-2{ display:none; }
}
@media (max-width: 1019px) {
    
}
@media (max-width: 619px) {
    .main-header{ height:60px; }
    #body.scroll .main-header{ top:0; }
    .main-header .col-1{ padding:0 0 0 20px; }
    .main-header .col-1 a{ max-width:56px; }
}

.main-footer{ background:#222; color:#fff; }
.main-footer .top{ padding:60px 0; }
.main-footer .top .col-1{ width:60%; }
.main-footer .top .col-1>div{ max-width:800px; }
.main-footer .top .col-1 .f-title{ font-size:60px; margin:0 0 60px; }
.main-footer .logo-bottom{ margin:0 auto; }
.main-footer .top .col-2{ width:40%; text-align:right; align-items:flex-end; }
.main-footer .top .col-2 .contact{ margin:0 0 15px; }
.main-footer .top .col-2 .contact a{ font-size:32px; display:inline-block; position:relative; }
.main-footer .top .col-2 .contact a:after{ content:""; position:absolute; bottom:-6px; right:0; display:block; width:0; height:1px; background:#fff; transition: all .25s ease-in-out; }
.main-footer .top .col-2 .contact a:hover:after{ left:0;right:auto;width:100%; }
.main-footer .top .col-2 .social{ margin:140px 0 0; gap:30px; }
.main-footer .top .col-2 .social a{ font-size:18px; padding:4px 0; text-transform:uppercase; position:relative; transition-duration:.15s; }
.main-footer .top .col-2 .social a:hover{ background:#fff; color:#222; }
.main-footer .top .col-2 .social a span{transition: all .15s ease-in-out; }
.main-footer .top .col-2 .social a:hover span{ opacity:0; }
.main-footer .bottom{ margin:140px 0 60px; }
.main-footer .bottom>.wrap{ font-size:14px; text-transform:uppercase; justify-content:space-between; }
.main-footer .bottom a{ position:relative; }
.main-footer .bottom a:after{ content:""; position:absolute; bottom:-2px; right:0; display:block; width:0; height:1px; background:#fff; transition: all .25s ease-in-out; }
.main-footer .bottom a:hover:after{ left:0;right:auto;width:100%; }
@media (max-width: 1479px) {
    .main-footer .top .col-1 .f-title{ font-size:50px; }
    .main-footer .top .col-2 .social{ margin:120px 0 0; }
}
@media (max-width: 1279px) {
    .main-footer .top .col-1{ width:100%; }
    .main-footer .top .col-2{ width:100%; margin:50px 0 0; text-align:left; align-items:flex-start; }
    .main-footer .top .col-2 .social{ margin:50px 0 0; }
}
@media (max-width: 1019px) {
    .main-footer .top .col-1 .f-title{ font-size:40px; }
}
@media (max-width: 619px) {
    .main-footer .top .col-1 .f-title{ font-size:35px; margin:0 0 40px; }
    .main-footer .top .col-2 .contact a{ font-size:24px; }
    .main-footer .top .col-2 .social{ gap:10px; }
    .main-footer .top .col-2 .social a{ font-size:13px; padding:3px 0; }
    .main-footer .bottom{ margin:0 0 40px; }
    .main-footer .bottom>.wrap{ font-size:10px; }
}

.cs-error{ padding:30vh 0 20vh; text-align:center; }
.cs-error .lg{ font-size:180px; margin:0 0 20px; }
.cs-error .sm{ font-size:24px; line-height:1.2; text-wrap:balance; }
.cs-error .btns{ margin:40px auto 0; }
@media (max-width: 1279px) {
    .cs-error{ padding:40vh 0; }
}
@media (max-width: 619px) {
    .cs-error{  }
    .cs-error .lg{ font-size:90px;}
    .cs-error .sm{ font-size:20px; }
}

.cs-privacy{ padding:250px 0 150px;  }
.cs-privacy .title h1{ font-size:45px; margin:0 0 50px; }
.cs-privacy .update{ font-size:16px; margin:0 0 30px; }
.cs-privacy .container{ max-width:1100px; }
@media (max-width: 1279px) {
    .cs-privacy{ padding:250px 0 100px; }
    .cs-privacy .title h1{ font-size:40px; }
}
@media (max-width: 619px) {
    .cs-privacy{ padding:150px 0 50px; }
    .cs-privacy .title h1{ font-size:28px; margin:0 0 30px; }
    .cs-privacy .update{ font-size:12px; }
}

.cs-1{ padding:150px 0; }
.cs-1 .title{ margin:40vh 0 0; position:relative; }
.cs-1 .title .sm{ margin:0 0 20px; text-transform:uppercase; }
.cs-1 .title h1{ font-size:120px; padding:0 100px 0 0; line-height:1; }
.cs-1 .title .word-wrapper{display:inline-block;position:relative;font-size:120px;width:850px;height:120px;overflow:hidden;transform:translateY(18px)}
.cs-1 .title .word-wrapper b{position:absolute;top:0;left:0;transform:translateY(130px);font-weight:900;transition:all .5s ease}
.cs-1 .title .word-wrapper b.is-visible{transform:translateY(0)}
@keyframes rotateOut {
    0%{transform:translateY(0)}
    100%{transform:translateY(-130px)}
}
.cs-1 .title .word-wrapper b.animate-out{animation:rotateOut .5s}
.cs-1 .title .scroll-to{ font-size:16px; padding:3px 0; position:absolute; right:0; bottom:18px; text-transform:uppercase; }
.cs-1 .title .scroll-to:hover{ background:#222; color:#fff; }
.cs-1 .title .scroll-to span{transition: all .25s ease-in-out; }
.cs-1 .title .scroll-to:hover span{ opacity:0; }
.cs-1 .video{ padding:90px 0 0; }
.cs-1 .video .inner-video{ aspect-ratio:17/8; background:transparent; }
.cs-1 .video .inner-video video { width: 100%; height: 100%; object-fit: cover; display: block; }
@media (max-width: 1729px) {
    .cs-1 .title h1{ font-size:80px; }
    .cs-1 .title .word-wrapper{font-size:80px;width:570px;height:80px;transform:translateY(12px)}
    .cs-1 .title .word-wrapper b{transform:translateY(90px);}
    .cs-1 .title .scroll-to{ bottom:12px; }
}
@media (max-width: 1019px) {
    .cs-1 .title{ padding:0 0 40px; }
    .cs-1 .title h1{ font-size:60px; }
    .cs-1 .title .word-wrapper{font-size:60px;width:570px;height:60px;transform:translateY(0)}
    .cs-1 .title .word-wrapper b{transform:translateY(70px);}
    .cs-1 .title .scroll-to{ bottom:0; }
}
@media (max-width: 619px) {
    .cs-1{ padding:150px 0 50px; }
    .cs-1 .title{ margin:20vh 0 0; }
    .cs-1 .title h1{ font-size:40px; }
    .cs-1 .title .word-wrapper{font-size:40px;width:282px;height:40px;transform:translateY(0)}
    .cs-1 .title .word-wrapper b{transform:translateY(50px);}
    .cs-1 .video{ padding:50px 0 0; }
    .cs-1 .video .inner-video{ aspect-ratio:1/1; }
}

.cs-2.pt-md{ padding:100px 0 0; }
.cs-2.pt-lg{ padding:150px 0 0; }
.cs-2 .title .sm{ font-size:20px; font-weight:400; font-family: archivo-variable, sans-serif; margin:0 0 80px; }
.cs-2 .real-filters{ display:flex; gap:20px; margin:0 0 50px;}
.cs-2 .real-filters select{ font-size:16px; font-family: archivo-variable, sans-serif; padding:0 40px 0 12px; height:50px; border:none; border-bottom:1px solid #222;  -moz-appearance:none; -webkit-appearance:none; background:url("../img/icn/select.svg") right 12px center no-repeat; background-size:12px auto; cursor:pointer; }
.cs-2 .real-filters select::-ms-expand{ display:none; }
.cs-2 .items{ margin:0 -70px; }
.cs-2 .item{ width:50%; padding:0 70px 50px; }
.cs-2 .item.hidden{ display:none; }
.cs-2 .item:nth-child(even){ margin:100px 0 0;}
.cs-2 .item a{ position:relative; display:block; /*border:1px solid transparent; background:#fff;*/ }
/*.cs-2 .item a:hover{ border-color:#222; }
.cs-2 .item a:hover .inner{ transform:scale(0.9); }*/
.cs-2 .item a .img{ overflow:hidden; }
.cs-2 .item a .img img{transition: transform .25s ease-in-out; }
.cs-2 .item a:hover .img img{ transform:scale(1.1); }
.cs-2 .item .sm{ font-size:16px; margin:20px 0 0; text-transform:uppercase; }
.cs-2 .item .lg{ font-size:36px; line-height:1.3; margin:40px 0 0; text-wrap:balance; }
.cs-2 .btns{ padding:100px 0 150px; }
@media (max-width: 1479px) {
    .cs-2 .items{ margin:0 -50px; }
    .cs-2 .item{ padding:0 50px 50px; }
    .cs-2 .item .lg{ font-size:32px; margin:30px 0 0; }
}
@media (max-width: 1279px) {
    .cs-2 .items{ margin:0 -30px; }
    .cs-2 .item{ padding:0 30px 50px; }
}
@media (max-width: 1019px) {
    .cs-2 .items{ margin:0; }
    .cs-2 .item{width:100%; padding:0 0 70px; }
}
@media (max-width: 619px) {
    .cs-2.pt-md{ padding:100px 0 0; }
    .cs-2.pt-lg{ padding:100px 0 0; }
    .cs-2 .title .sm{ font-size:16px; }
    .cs-2 .real-filters{ gap:10px; margin:0 0 30px;}
    .cs-2 .real-filters select{ font-size:14px; padding:0 40px 0 8px; height:40px; background-position:right 8px center; }
    .cs-2 .item{ padding:0 0 50px; }
    .cs-2 .item .sm{ font-size:12px; margin:10px 0 0; }
    .cs-2 .item .lg{ font-size:20px; margin:10px 0 0; }
    .cs-2 .btns{ padding:0 0 100px; }
}

.cs-3{ padding:90px 0 150px; background:#222; color:#fff; text-align:center; }
.cs-3 .sm{ text-transform:uppercase; }
.cs-3 .img{ margin:50px auto 90px; width:fit-content; }
.cs-3 .lg{ font-size:42px; line-height:1.3; max-width:1000px; margin:0 auto 100px; }
@media (max-width: 1279px) {
    .cs-3 .img{ margin:90px auto 120px; }
}
@media (max-width: 1019px) {
    .cs-3 .lg{ font-size:36px; }
}
@media (max-width: 619px) {
    .cs-3{ padding:70px 0 100px; }
    .cs-3 .img{ margin:50px auto; }
    .cs-3 .lg{ font-size:22px; margin:0 auto 50px; }
}

.cs-4{ padding:150px 0; }
.cs-4 .title h2{ font-size:70px; max-width:720px; margin:0 0 150px; }
.cs-4 .intro{ max-width:600px; position:sticky; top:150px; }
.cs-4 .intro h2{ font-size:60px; margin:0 0 50px;  }
.cs-4 .col-1{ width:50%; align-items:center; padding:0 40px 0 0; }
.cs-4 .col-1>div{ height:100%; }
.cs-4 .col-1 .img{ position:sticky; top:24vh; }
.cs-4 .col-1 .img>div{ position:relative; }
.cs-4 .col-1 .img>div>div{ background-size:cover; position:absolute; left:0; top:0; bottom:0; right:0; opacity:0; transition-duration:0.1s; }
.cs-4 .col-1 .img .img-expertise-1{ background-image:url("../img/home-expertise-siteweb.jpg"); }
.cs-4 .col-1 .img .img-expertise-2{ background-image:url("../img/home-expertise-marque.gif"); }
.cs-4 .col-1 .img .img-expertise-3{ background-image:url("../img/home-expertise-marketing.jpg"); }
.cs-4 .col-1 .img .img-expertise-4{ background-image:url("../img/home-expertise-campagne.jpg"); }
.cs-4 .col-1 .img .img-expertise-5{ background-image:url("../img/home-expertise-photo.jpg"); }
.cs-4 .col-1 .img .expertise-1 .img-expertise-1{ opacity:1; }
.cs-4 .col-1 .img .expertise-2 .img-expertise-2{ opacity:1; }
.cs-4 .col-1 .img .expertise-3 .img-expertise-3{ opacity:1; }
.cs-4 .col-1 .img .expertise-4 .img-expertise-4{ opacity:1; }
.cs-4 .col-1 .img .expertise-5 .img-expertise-5{ opacity:1; }
.cs-4 .col-1 .img img{ opacity:0; }
.cs-4 .col-2{ width:50%; align-items:flex-start; padding:0 0 0 40px; position:relative; overflow:clip; }
.cs-4 .col-2:before{ content:""; display:block; width:1px; height:100%; background:#222; opacity:0.2; position:absolute; top:0; left:0; }
.cs-4 .col-2 .line{ content:""; display:block; width:1px; height:0; background:#222; position:absolute; top:0; left:0; }
.cs-4 .col-2 .item{ max-width:580px; opacity:0.2; transition: all .25s ease-in-out; }
.cs-4 .col-2 .item[inView="1"]{ opacity:1; }
.cs-4 .col-2 .item.active{ opacity:1; }
.cs-4 .col-2 .item+.item{ margin:120px 0 0; }
.cs-4 .col-2 .item .img-sm{ display:none; width:100%; }
.cs-4 .col-2 .item .item-title{ display:flex; align-items:center; }
.cs-4 .col-2 .item .item-title .num{ width:70px; font-size:16px; }
.cs-4 .col-2 .item .item-title h3{ font-size:40px; font-weight:400; font-family: archivo-variable, sans-serif; text-transform:none; }
.cs-4 .col-2 .item .item-desc{ padding:0 0 0 70px; }
.cs-4 .col-2 .item .item-desc p{ margin:30px 0; }
@media (max-height: 699px) {
    .cs-4 .col-1 .img{ top:130px; }
}
@media (max-width: 1279px) {
    .cs-4 .col-2 .item{ opacity:1; }
}
@media (max-width: 1019px) {
    .cs-4 .title h2{ font-size:50px; margin:0 0 100px; }
    .cs-4 .col-1{ display:none; }
    .cs-4.v2 .col-1{ display:flex; width:100%; }
    .cs-4 .intro{ margin:0 0 50px; }
    .cs-4 .intro h2{ font-size:50px; margin:0 0 40px;  }
    .cs-4 .col-2{ width:100%; padding:0; }
    .cs-4 .col-2:before{ display:none; }
    .cs-4 .col-2 .line{ display:none; }
    .cs-4 .col-2 .item .img-sm{ display:block; aspect-ratio:1/1; object-fit:cover; margin:0 0 30px; }
}
@media (max-width: 759px) {
	.cs-4 .col-2 .item .item-title h3{ font-size:32px; }
}
@media (max-width: 619px) {
    .cs-4{ padding:100px 0; }
    .cs-4 .title h2{ font-size:32px; margin:0 0 60px; }
    .cs-4 .intro h2{ font-size:32px; margin:0 0 30px;  }
    .cs-4 .col-2{ padding:0 0 0 20px; }
    .cs-4 .col-2 .item+.item{ margin:70px 0 0; }
    .cs-4 .col-2 .item .img-sm{ margin:0 0 20px; }
    .cs-4 .col-2 .item .item-title .num{ width:30px; font-size:11px; }
    .cs-4 .col-2 .item .item-title h3{ font-size:22px; }
    .cs-4 .col-2 .item .item-desc{ padding:0 0 0 30px; }
    .cs-4 .col-2 .item .item-desc p{ margin:20px 0; }
    .cs-4 .col-2.list-line-parent { padding: 0; }
    .cs-4 .col-2.list-line-parent:before, .cs-4 .col-2.list-line-parent .list-line-anim { display: none; }
}

.cs-5{ padding:250px 0 150px; }
.cs-5 .title{ position:sticky; top:250px; }
.cs-5 .title .sm{ font-size:20px; font-weight:400; font-family: archivo-variable, sans-serif; margin:0 0 100px; }
.cs-5 .title h2{ font-size:100px; text-wrap:balance; }
.cs-5 .imgs{ padding:100px 0 0; justify-content:space-between; align-items:center; position:relative; }
.cs-5 .imgs .img-1{ max-width:25%; }
.cs-5 .imgs .img-2{ max-width:68%; }
.cs-5 .imgs .img-3{ max-width:35%; }
.cs-5 .imgs .img-4{ max-width:25%; margin:0 0 0 -22vw; }
.cs-5 .imgs .img-5{ max-width:40%; }
.cs-5 .imgs .img-6{ max-width:85%; margin:0 0 200px; }
.cs-5 .imgs .img-7{ max-width:25%; position:absolute; bottom:0; right:0; }
.cs-5 .imgs .img-8{ max-width:20%; position:absolute; bottom:0; left:0; }
.cs-5 .imgs .img-9{ max-width:50%; margin:0 auto; }
.cs-5 .imgs .img-10{ max-width:35%; position:absolute; bottom:0; right:10vw; }

.cs-5.campaign .imgs { margin-right: -60px; }


@media (max-width: 1479px) {
    .cs-5 .title .sm{ margin:0 0 80px; }
    .cs-5 .title h2{ font-size:80px; }
}
@media (max-width: 1279px) {
    .cs-5{ padding:150px 0 0; }
    .cs-5 .title{ position:static; }
    .cs-5 .imgs{ padding:120px 0 0; }
    .cs-5 .imgs .img-4{ margin:200px 0 0 -22vw; }
    .cs-5 .imgs .img-5{ margin:-200px 0 0; }
    .cs-5 .imgs .img-6{ max-width:85%; margin:0 0 100px; }
    .cs-5 .imgs .img-7{ max-width:35%; }
    .cs-5 .imgs .img-9{ margin:0 auto 150px; }
    .cs-5 .imgs .img-10{ bottom:50px; right:0; }
}
@media (max-width: 1019px) {
    .cs-5 .title .sm{ font-size:16px; margin:0 0 50px; }
    .cs-5 .title h2{ font-size:60px; }
    .cs-5 .imgs .img-3{ max-width:40%; }
    .cs-5 .imgs .img-4{ max-width:25%; margin:200px 0 0 -12vw; }
    .cs-5 .imgs .img-5{ max-width:50%; }
    .cs-5 .imgs .img-8{ max-width:30%; }
}
@media (max-width: 619px) {
    .cs-5{ padding:150px 0 0; }
    .cs-5 .title .sm{ font-size:14px; margin:0 0 30px; }
    .cs-5 .title h2{ font-size:35px; }
    .cs-5 .title h2 br{ display:none; }
    .cs-5 .imgs{ padding:50px 0 0; }
    .cs-5 .imgs .img-1{ max-width:35%; position:absolute; bottom:-20px; right:0; }
    .cs-5 .imgs .img-2{ max-width:80%; }
    .cs-5 .imgs .img-3{ max-width:40%; }
    .cs-5 .imgs .img-4{ max-width:35%; position:absolute; bottom:-40px; margin:0 0 0 18vw; }
    .cs-5 .imgs .img-5{ max-width:50%; margin:0 0 100px; }
    .cs-5 .imgs .img-6{ max-width:95%; margin:0; }
    .cs-5 .imgs .img-7{ max-width:25%; bottom:-40px; }
    .cs-5 .imgs .img-8{ }
    .cs-5 .imgs .img-9{ max-width:70%; }
    .cs-5 .imgs .img-10{ max-width:45%; bottom:70px;  }
}

.cs-5-2{ padding:300px 0 150px; }
.cs-5-2 .col-1{ width:60%; }
.cs-5-2 .col-1 .sm{ font-size:20px; font-weight:400; font-family: archivo-variable, sans-serif; margin:0 0 100px; }
.cs-5-2 .col-1 h2{ font-size:72px; text-wrap:balance; }
.cs-5-2 .col-2{ width:40%; padding:0 0 0 60px; align-items:flex-end; justify-content:flex-end; }
.cs-5-2 .col-2>div{ max-width:480px; }
@media (max-width: 1479px) {
    .cs-5-2 .col-1{ width:100%; }
    .cs-5-2 .col-1 .sm{ margin:0 0 80px; }
    .cs-5-2 .col-2{ width:100%; padding:60px 0 0; }
}
@media (max-width: 1279px) {
    .cs-5-2 .col-1 h2{ font-size:60px; }
}
@media (max-width: 1019px) {
    .cs-5-2 .col-1 .sm{ font-size:16px; margin:0 0 50px; }
    .cs-5-2 .col-1 h2{ font-size:60px; }
    .cs-5-2 .col-2{ align-items:flex-start; }
}
@media (max-width: 619px) {
    .cs-5-2{ padding:150px 0 60px; }
    .cs-5-2 .col-1 .sm{ font-size:14px; margin:0 0 30px; }
    .cs-5-2 .col-1 h2{ font-size:35px; }
    .cs-5-2 .col-2{ padding:30px 0 0; }
}

.cs-6{ padding:150px 0; }
.cs-6 .col-1{ width:55%; padding:0 60px 0 0;  }
.cs-6 .col-1>div{ max-width:660px; }
.cs-6 .col-1 h2{ font-size:60px; text-wrap:balance; }
.cs-6 .col-1 p{ margin:60px 0; text-wrap:balance; }
.cs-6 .col-2{ width:45%;}
.cs-6 .col-2 .item{ border-top:1px solid #222; }
.cs-6 .col-2 .item:last-child{ border-bottom:1px solid #222; }
.cs-6 .col-2 .item+.item{ }
.cs-6 .col-2 .t-item{ cursor:pointer; position:relative; transition: all .25s ease-in-out; }
.cs-6 .col-2 .t-item .q-title{ font-size:26px; font-weight:400; font-family: archivo-variable, sans-serif; text-transform:none; padding:35px 100px 35px 30px; display:flex; align-items:center; transition: all .25s ease-in-out;  }
.cs-6 .col-2 .t-item:hover .q-title{   }
.cs-6 .col-2 .t-item .icn{ position:absolute; top:50%; margin-top:-15px; right:20px; display:flex; width:30px; height:30px; transition: all .25s ease-in-out; }
.cs-6 .col-2 .t-item:hover .icn{ }
.cs-6 .col-2 .t-item .icn:after{ content:""; display:block; width:24px; height:24px; background:url(../img/icn/plus.svg) center center no-repeat; background-size:24px 24px; transition:all 0.4s ease; }
.cs-6 .col-2 .t-item.open .icn:after{ background-image:url(../img/icn/minus.svg); transform:rotate(180deg); }
.cs-6 .col-2 .c-item{ height:0; overflow:hidden; transition:all 0.4s ease; }
.cs-6 .col-2 .c-item.open{ }
.cs-6 .col-2 .c-item>div{ padding:0 30px 40px; }
.cs-6 .col-2 .c-item p+p{ margin-top:15px; }
@media (max-width: 1359px) {
    .cs-6 .col-1 h2{ font-size:50px; }
}
@media (max-width: 1279px) {
    .cs-6 .col-1 h2{ font-size:40px; }
    .cs-6 .col-2 .t-item .q-title{ font-size:22px; }
}
@media (max-width: 1019px) {
    .cs-6 .col-1{ width:100%; padding:0 0 70px; }
    .cs-6 .col-1>div{ max-width:100%; }
    .cs-6 .col-1 h2{ font-size:45px; }
    .cs-6 .col-1 p{ margin:30px 0; }
    .cs-6 .col-2{ width:100%;}
    .cs-6 .col-2 .t-item .q-title{ font-size:26px; }
}
@media (max-width: 619px) {
    .cs-6{ padding:100px 0; }
    .cs-6 .col-1 h2{ font-size:30px; }
    .cs-6 .col-2 .t-item .q-title{ font-size:20px; padding:24px 40px 24px 5px; }
	.cs-6 .col-2 .t-item .icn{ right:0; }
	.cs-6 .col-2 .t-item .icn:after{ background-size:18px 18px; }
    .cs-6 .col-2 .c-item{ font-size:14px; }
	.cs-6 .col-2 .c-item>div{ padding:0 5px 30px; }
}

.cs-7{ padding:150px 0; background:#222; color:#fff; }
.cs-7 .col-1{ width:50%; padding:0 40px 0 0; }
.cs-7 .col-1>div{ max-width:580px; position:sticky; top:120px; }
.cs-7 .col-1 h2{ font-size:60px; text-wrap:balance; }
.cs-7 .col-1 p{ margin:60px 0; text-wrap:balance; }
.cs-7 .col-2{ width:50%; align-items:flex-start; padding:0 0 0 40px; position:relative; overflow:clip; }
.cs-7 .col-2:before{ content:""; display:block; width:1px; height:100%; background:#fff; opacity:0.2; position:absolute; top:0; left:0; }
.cs-7 .col-2 .line{ content:""; display:block; width:1px; height:0; background:#fff; position:absolute; top:0; left:0; }
.cs-7 .col-2 .item{ padding:0 0 80px; max-width:500px; opacity:0.2; transition: all .25s ease-in-out; }
.cs-7 .col-2 .item[inView="1"]{ opacity:1; }
.cs-7 .col-2 .item.active{ opacity:1; }
.cs-7 .col-2 .item+.item{ /*margin:80px 0 0;*/ }
.cs-7 .col-2 .item:last-child{ padding:0; }
.cs-7 .col-2 .item .img-sm{ display:none; width:100%; }
.cs-7 .col-2 .item .item-title{ display:flex; align-items:center; }
.cs-7 .col-2 .item .item-title .num{ width:70px; font-size:16px; }
.cs-7 .col-2 .item .item-title h3{ font-size:32px; font-weight:400; font-family: archivo-variable, sans-serif; text-transform:none; }
.cs-7 .col-2 .item .item-desc{ padding:0 0 0 70px; }
.cs-7 .col-2 .item .item-desc p{ margin:20px 0 0; text-wrap:balance; }
@media (max-width: 1359px) {
    .cs-7 .col-1 h2{ font-size:50px; }
}
@media (max-width: 1279px) {
    .cs-7 .col-1 h2{ font-size:40px; }
    .cs-7 .col-2 .item{ opacity:1; }
    .cs-7 .col-2 .item .item-title h3{ font-size:28px; }
}
@media (max-width: 1019px) {
    .cs-7 .col-1{ width:100%; padding:0 0 100px; }
    .cs-7 .col-1>div{ max-width:100%; }
    .cs-7 .col-1 h2{ font-size:45px; }
    .cs-7 .col-1 p{ margin:30px 0; }
    .cs-7 .col-2{ width:100%; }
    .cs-7 .col-2 .item .item-title h3{ font-size:32px; }
}
@media (max-width: 759px) {
	.cs-7 .col-2 .item .item-title h3{ font-size:32px; }
}
@media (max-width: 619px) {
    .cs-7{ padding:100px 0; }
    .cs-7 .col-1{ padding:0 0 70px; }
    .cs-7 .col-1 h2{ font-size:30px; }
    .cs-7 .col-2{ padding:0 0 0 20px; }
    .cs-7 .col-2 .item{ padding:0 0 50px; }
    .cs-7 .col-2 .item+.item{ /*margin:50px 0 0;*/ }
    .cs-7 .col-2 .item .img-sm{ margin:0 0 20px; }
    .cs-7 .col-2 .item .item-title .num{ width:30px; font-size:11px; }
    .cs-7 .col-2 .item .item-title h3{ font-size:20px; }
    .cs-7 .col-2 .item .item-desc{ padding:0 0 0 30px; }
    .cs-7 .col-2 .item .item-desc p{ margin:15px 0 0; }
}

.cs-8{ padding:60px 0; border-bottom:1px solid #222; }
.cs-8.dark{ background:#222; color:#fff; }
.cs-8 .col-1{ width:30%; }
.cs-8 .col-2{ width:70%; padding:0 0 0 100px; justify-content:center; }
.cs-8 .col-2 .sm{ font-size:20px; font-weight:400; font-family: archivo-variable, sans-serif; }
.cs-8 .col-2 .lg{ font-size:40px; margin:80px 0; line-height:1.3; }
@media (max-width: 1479px) {
    .cs-8 .col-2 .lg{ font-size:30px; margin:60px 0; }
}
@media (max-width: 1279px) {
    .cs-8 .col-2{ padding:0 0 0 60px; }
}
@media (max-width: 1019px) {
    .cs-8 .col-1{ width:100%; }
    .cs-8 .col-1 img{ width:100%; aspect-ratio:1/1; object-fit:cover; }
    .cs-8 .col-2{ width:100%; padding:60px 0 0; }
}
@media (max-width: 619px) {
    .cs-8 .col-2 .sm{ font-size:14px; }
    .cs-8 .col-2 .lg{ font-size:24px; margin:30px 0; }
}

.cs-9{ padding:200px 0; text-align:center; }
.cs-9 .f-title{ font-size:60px; margin:0 0 100px; max-width:900px; text-wrap:balance; }
.cs-9 .f-title+.sm{ margin:-60px 0 60px; line-height:1.3; text-wrap:balance; }
@media (max-width: 619px) {
    .cs-9{ padding:120px 0; }
    .cs-9 .f-title{ font-size:30px; margin:0 0 50px; }
    .cs-9 .f-title+.sm{ margin:-30px 0 30px; }
}

.cs-10{ padding:0 0 150px; }
.cs-10.pb-sm{ padding-bottom:80px; }
.cs-10 .lg{ font-size:40px; margin:0 0 80px; line-height:1.3; max-width:1100px; }
.cs-10 .links{ gap:20px; }
.cs-10 .links .scroll-to{ font-size:16px; padding:3px 0; text-transform:uppercase; }
.cs-10 .links .scroll-to:hover{ background:#222; color:#fff; }
.cs-10 .links .scroll-to span{transition: all .25s ease-in-out; }
.cs-10 .links .scroll-to:hover span{ opacity:0; }
@media (max-width: 1279px) {
    .cs-10{ padding:150px 0; }
}
@media (max-width: 1019px) {
    .cs-10 .lg{ font-size:30px; }
}
@media (max-width: 619px) {
    .cs-10{ padding:100px 0; }
    .cs-10.pb-sm{ padding-bottom:40px; }
    .cs-10 .lg{ font-size:24px; margin:0 0 40px; }
    .cs-10 .links .scroll-to{ font-size:13px; }
}

.cs-11{ padding:100px 0; background:#222; color:#fff; }
.cs-11 .col-1{ width:100%; margin:0 0 100px;  }
.cs-11 .col-1>div{ max-width:700px; }
.cs-11 .col-1 h2{ font-size:60px; text-wrap:balance; }
.cs-11 .col-1 p{ margin:60px 0; text-wrap:balance; }
.cs-11 .col-2{ width:50%; padding:0 60px 0 0;}
.cs-11 .col-3{ width:50%; justify-content:flex-end; align-items:flex-end; }
.cs-11 .col-3>div{ max-width:740px; }
.cs-11 .col-3 .item{ width:50%; border-bottom:1px solid #fff; }
.cs-11 .col-3 .item:nth-child(3),
.cs-11 .col-3 .item:nth-child(4){ border:none; }
.cs-11 .col-3 .inner{ padding:20px 0; height:100%; }
.cs-11 .col-3 .box{ padding:0 20px; height:100%; justify-content:space-between; }
.cs-11 .col-3 .item:nth-child(even) .box{ border-left:1px solid #fff; }
.cs-11 .col-3 .item .num{ font-size:16px; }
.cs-11 .col-3 .item h3{ font-size:24px; margin:15px 0 80px; font-weight:400; font-family: archivo-variable, sans-serif; text-transform:none; }
.cs-11 .col-3 .item p{ font-size:16px; line-height:1.3; }
@media (max-width: 1279px) {
    .cs-11 .col-1 h2{ font-size:45px; }
    .cs-11 .col-2{ width:40%; }
    .cs-11 .col-3{ width:60%; }
}
@media (max-width: 1019px) {
    .cs-11 .col-1 p{ margin:30px 0; }
    .cs-11 .col-2{ width:100%; padding:0 0 50px; }
    .cs-11 .col-3{ width:100%; }
}
@media (max-width: 619px) {
    .cs-11{ padding:80px 0; }
    .cs-11 .col-1{ margin:0 0 50px;  }
    .cs-11 .col-1 h2{ font-size:30px; }
    .cs-11 .col-2{ padding:0 0 30px; }
    .cs-11 .col-3 .item{ width:100%; border-bottom:1px solid #fff; }
    .cs-11 .col-3 .item:nth-child(3),
    .cs-11 .col-3 .item:nth-child(4){ border-bottom:1px solid #fff; }
    .cs-11 .col-3 .item:nth-child(even) .box{ border-left:none; }
    .cs-11 .col-3 .item .num{ font-size:13px; }
    .cs-11 .col-3 .item h3{ font-size:20px; margin:10px 0 40px; }
    .cs-11 .col-3 .item p{ font-size:14px; }
}

.cs-12{ padding:150px 0; }
.cs-12 .top{ padding:0 0 80px; border-bottom:1px solid #222; margin:0 0 80px; }
.cs-12 .col-1{ width:50%; padding:0 60px 0 0; }
.cs-12 .col-1 h2{ font-size:60px; text-wrap:balance; }
.cs-12 .col-2{ width:50%; align-items:flex-end; }
.cs-12 .col-2>div{ max-width:520px; }
.cs-12 .col-2 .brackets{ font-size:16px; margin:0 0 40px; text-transform:uppercase; }
.cs-12 .col-2 ul li{ font-size:18px; line-height:1.3; position:relative; padding:0 0 0 24px; }
.cs-12 .col-2 ul li:before{ content:">"; font-size:16px; line-height:1.4; position:absolute; left:0; top:0; }
.cs-12 .col-2 ul li+li{ margin:20px 0 0; }
.cs-12 .col-2 ul li .sm{ font-size:0.8em; }
.cs-12 .col-3{ width:60%; padding:0 60px 0 0; }
.cs-12 .col-3 .brackets{ font-size:16px; margin:0 0 40px; text-transform:uppercase; }
.cs-12 .col-3 .item{ border-top:1px solid #222; }
.cs-12 .col-3 .item:last-child{ border-bottom:1px solid #222; }
.cs-12 .col-3 .item+.item{ }
.cs-12 .col-3 .t-item{ cursor:pointer; position:relative; transition: all .25s ease-in-out; }
.cs-12 .col-3 .t-item .q-title{ font-size:26px; font-weight:400; font-family: archivo-variable, sans-serif; text-transform:none; padding:35px 100px 35px 30px; display:flex; align-items:center; transition: all .25s ease-in-out;  }
.cs-12 .col-3 .t-item:hover .q-title{   }
.cs-12 .col-3 .t-item .icn{ position:absolute; top:50%; margin-top:-15px; right:20px; display:flex; width:30px; height:30px; transition: all .25s ease-in-out; }
.cs-12 .col-3 .t-item:hover .icn{ }
.cs-12 .col-3 .t-item .icn:after{ content:""; display:block; width:24px; height:24px; background:url(../img/icn/plus.svg) center center no-repeat; background-size:24px 24px; transition:all 0.4s ease; }
.cs-12 .col-3 .t-item.open .icn:after{ background-image:url(../img/icn/minus.svg); transform:rotate(180deg); }
.cs-12 .col-3 .c-item{ height:0; overflow:hidden; transition:all 0.4s ease; }
.cs-12 .col-3 .c-item.open{ }
.cs-12 .col-3 .c-item>div{ padding:0 30px 40px; }
.cs-12 .col-3 .c-item p+p{ margin-top:15px; }
.cs-12 .col-3 .btns{ margin:100px 0 0; }
.cs-12 .col-4{ width:40%; align-items:flex-end; }
@media (max-width: 1279px) {
    .cs-12 .col-1 h2{ font-size:45px; }
}
@media (max-width: 1019px) {
    .cs-12 .col-1{ width:100%; padding:0 0 50px; }
    .cs-12 .col-2{ width:100%; align-items:flex-start; }
    .cs-12 .col-3{ width:100%; padding:0 0 100px; }
    .cs-12 .col-4{ width:100%; align-items:flex-start; }
}
@media (max-width: 619px) {
    .cs-12{ padding:100px 0; }
    .cs-12 .col-1 h2{ font-size:30px; }
    .cs-12 .col-2 .brackets{ font-size:13px; }
    .cs-12 .col-2 ul li{ font-size:16px; }
    .cs-12 .col-2 ul li:before{ font-size:14px; }
    .cs-12 .col-3 .brackets{ font-size:13px; }
    .cs-12 .col-3 .t-item .q-title{ font-size:18px; padding:24px 40px 24px 5px; }
	.cs-12 .col-3 .t-item .icn{ right:0; }
	.cs-12 .col-3 .t-item .icn:after{ background-size:18px 18px; }
    .cs-12 .col-3 .c-item{ font-size:14px; }
	.cs-12 .col-3 .c-item>div{ padding:0 5px 30px; }
}

.parallax-banner{height:700px;position:relative}
.parallax-banner .inner{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;overflow:hidden}
.parallax-banner .bg{height:140%;top:-20%;position:absolute;left:0;width:100%;background-size:cover;background-attachment:scroll;background-position:center;background-repeat:repeat;background-origin:content-box;background-image:url(../img/banner-1.jpg)}
@media (max-width: 1019px) {
    .parallax-banner.hide-sm{display:none;}
}
@media (max-width: 619px) {
    .parallax-banner{height:300px; }
}

.cs-13{ padding:100px 0; background:#222; color:#fff; }
.cs-13 .title h2{ font-size:60px; margin:0 0 120px; max-width:600px; }
.cs-13 .col-1{ width:55%; }
.cs-13 .col-1>div{ position:sticky; top:150px; }
.cs-13 .col-1 .sm{ line-height:1.3; text-transform:uppercase; max-width:300px; text-wrap:balance; }
.cs-13 .col-2{ width:45%; padding:0 0 0 60px; }
.cs-13 .col-2 .item{ font-size:22px; padding:25px 20px; border-top:1px solid #fff; }
.cs-13 .col-2 .item:last-child{ border-bottom:1px solid #fff; }
.cs-13 .col-2 .lg{ font-size:32px; margin:60px 0 0; float:right; }
@media (max-width: 1279px) {
    .cs-13 .col-1{ width:45%; }
    .cs-13 .col-2{ width:55%; }
}
@media (max-width: 1019px) {
    .cs-13 .title h2{ font-size:45px; margin:0 0 60px; }
    .cs-13 .col-1{ width:100%; }
    .cs-13 .col-2{ width:100%; padding:50px 0 0; }
}
@media (max-width: 619px) {
    .cs-13{ padding:80px 0; }
    .cs-13 .title h2{ font-size:30px; margin:0 0 40px; }
    .cs-13 .col-2 .item{ font-size:18px; padding:22px 15px;}
    .cs-13 .col-2 .lg{ font-size:24px; margin:30px 0 0; }
}

.cs-14{ padding:150px 0; background:#222; color:#fff; }
.cs-14.light { background: #fff; color: #222; padding-bottom: 200px; }
.cs-14 .col-1{ width:55%; padding:0 60px 0 0;  }
.cs-14 .col-1>div{ max-width:660px; }
.cs-14 .col-1 h2{ font-size:60px; text-wrap:balance; }
.cs-14 .col-1 p{ margin:60px 0; text-wrap:balance; }
.cs-14 .col-2{ width:45%;}
.cs-14 .col-2 .brackets{ font-size:16px; margin:0 0 40px; text-transform:uppercase; }
.cs-14 .col-2 .item{ border-top:1px solid #fff; }
.cs-14 .col-2 .item:last-child{ border-bottom:1px solid #fff; }
.cs-14.light .col-2 .item{ border-top:1px solid #222; }
.cs-14.light .col-2 .item:last-child{ border-bottom:1px solid #222; }
.cs-14 .col-2 .item+.item{ }
.cs-14 .col-2 .t-item{ cursor:pointer; position:relative; transition: all .25s ease-in-out; }
.cs-14 .col-2 .t-item .q-title{ font-size:26px; font-weight:400; font-family: archivo-variable, sans-serif; text-transform:none; padding:35px 100px 35px 30px; display:flex; align-items:center; transition: all .25s ease-in-out;  }
.cs-14 .col-2 .t-item:hover .q-title{   }
.cs-14 .col-2 .t-item .icn{ position:absolute; top:50%; margin-top:-15px; right:20px; display:flex; width:30px; height:30px; transition: all .25s ease-in-out; }
.cs-14 .col-2 .t-item:hover .icn{ }
.cs-14 .col-2 .t-item .icn:after{ content:""; display:block; width:24px; height:24px; background:url(../img/icn/plus-white.svg) center center no-repeat; background-size:24px 24px; transition:all 0.4s ease; }
.cs-14 .col-2 .t-item.open .icn:after{ background-image:url(../img/icn/minus-white.svg); transform:rotate(180deg); }
.cs-14.light .col-2 .t-item .icn:after { background:url(../img/icn/plus.svg) center center no-repeat; }
.cs-14.light .col-2 .t-item.open .icn:after { background-image:url(../img/icn/minus.svg); }
.cs-14 .col-2 .c-item{ height:0; overflow:hidden; transition:all 0.4s ease; }
.cs-14 .col-2 .c-item.open{ }
.cs-14 .col-2 .c-item>div{ padding:0 30px 40px; }
.cs-14 .col-2 .c-item p+p{ margin-top:15px; }
.cs-14 .col-2 ul li{ font-size:18px; line-height:1.3; position:relative; padding:0 0 0 24px; }
.cs-14 .col-2 ul li:before{ content:">"; font-size:16px; line-height:1.4; position:absolute; left:0; top:0; }
.cs-14 .col-2 ul li+li{ margin:20px 0 0; }

.cs-14#video .video { margin-top: 120px; }
@media (max-width: 1359px) {
    .cs-14 .col-1 h2{ font-size:50px; }
}
@media (max-width: 1279px) {
    .cs-14 .col-1 h2{ font-size:40px; }
    .cs-14 .col-2 .t-item .q-title{ font-size:22px; }
}
@media (max-width: 1019px) {
    .cs-14 .col-1{ width:100%; padding:0 0 70px; }
    .cs-14 .col-1>div{ max-width:100%; }
    .cs-14 .col-1 h2{ font-size:45px; }
    .cs-14 .col-1 p{ margin:30px 0; }
    .cs-14 .col-2{ width:100%;}
    .cs-14 .col-2 .t-item .q-title{ font-size:26px; }
}
@media (max-width: 619px) {
    .cs-14{ padding:100px 0; }
    .cs-14 .col-1 h2{ font-size:30px; }
    .cs-14 .col-2 .brackets{ font-size:13px; }
    .cs-14 .col-2 .t-item .q-title{ font-size:20px; padding:24px 40px 24px 5px; }
	.cs-14 .col-2 .t-item .icn{ right:0; }
	.cs-14 .col-2 .t-item .icn:after{ background-size:18px 18px; }
    .cs-14 .col-2 .c-item{ font-size:14px; }
	.cs-14 .col-2 .c-item>div{ padding:0 5px 30px; }
    .cs-14 .col-2 ul li{ font-size:16px; }
    .cs-14 .col-2 ul li:before{ font-size:14px; }
}

.cs-15{ overflow-x:clip; position:relative; }
.cs-15:before{ content:""; position:absolute; left:0; top:0; width:100%; height:50%; background:#222;}
.cs-15 .container{ overflow:visible; }
.cs-15 .outer-slider{ width:calc(100% + 300px); margin:0 -300px 0 0; }
.cs-15 .swiper{ width:100%; height:100%; overflow:visible; cursor: grab; }
.cs-15 .swiper:active{ cursor: grabbing;}
.cs-15 .swiper-slide{ padding:0 40px 0 0; width:auto; }
.cs-15 .swiper-slide img{ object-fit:cover; }
.cs-15 .swiper-slide.sm img{ width:500px; height:680px; }
.cs-15 .swiper-slide.md img{ width:830px; height:680px; }
.cs-15 .swiper-slide.lg img{ width:1160px; height:680px; }
.cs-15 .bottom{ margin:40px 0 0; display:flex; justify-content:space-between; align-items:center; }
.cs-15 .controls{ gap:20px; }
.cs-15 .control{ width:40px; height:40px; cursor:pointer; }
.cs-15 .control:hover{ background:var(--light2); }
.cs-15 .control.swiper-control-prev{ transform:rotate(-180deg); }
.cs-15 .swiper-pagination{ width:30vw; position:relative; z-index:2; }
.cs-15 .swiper-pagination-progressbar{ background:#22222244; height:1px; }
.cs-15 .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{ background:#222; }
/*horiz*/
.cs-15 .horiz-gallery-strip,
.cs-15 .horiz-gallery-wrapper{ display:flex; flex-wrap:nowrap; will-change:transform; position:relative; }
.cs-15 .horiz-progress{ width:100%; position:relative; z-index:2; margin:80px 0 0; height:1px; background:#ffffff22; }
.cs-15 .horiz-progress__bar { height:100%; width:100%; background:#fff; transform:scaleX(0); transform-origin:left center; }
@media (max-width: 1479px) {
    .cs-15 .swiper-slide.sm img{ width:320px; height:440px; }
    .cs-15 .swiper-slide.md img{ width:620px; height:440px; }
    .cs-15 .swiper-slide.lg img{ width:760px; height:440px; }
}
@media (max-width: 1279px) {

}
@media (max-width: 1019px) {
    .cs-15 .swiper-slide.sm img{ width:280px; height:380px; }
    .cs-15 .swiper-slide.md img{ width:560px; height:380px; }
    .cs-15 .swiper-slide.lg img{ width:660px; height:380px; }
}
@media (max-width: 619px) {
    .cs-15 .swiper-slide{ padding:0 15px 0 0; }
    .cs-15 .swiper-slide.sm img{ width:180px; height:200px; }
    .cs-15 .swiper-slide.md img{ width:260px; height:200px; }
    .cs-15 .swiper-slide.lg img{ width:300px; height:200px; }
    .cs-15 .control{ width:24px; height:24px; }
    .cs-15 .swiper-pagination{ width:40vw; }
}

.cs-16{ padding:250px 0; }
.cs-16 .top{ padding:0 0 80px; border-bottom:1px solid #222; margin:0 0 80px; }
.cs-16 .col-1{ width:50%; padding:0 60px 0 0; }
.cs-16 .col-1 h2{ font-size:60px; text-wrap:balance; }
.cs-16 .col-2{ width:50%; align-items:flex-end; }
.cs-16 .col-2>div{ max-width:520px; }
.cs-16 .col-3{ width:60%; padding:0 60px 0 0; }
.cs-16 .col-3 .brackets{ font-size:16px; margin:0 0 40px; text-transform:uppercase; }
.cs-16 .col-3 .item{ border-top:1px solid #222; }
.cs-16 .col-3 .item:last-child{ border-bottom:1px solid #222; }
.cs-16 .col-3 .item+.item{ }
.cs-16 .col-3 .t-item{ cursor:pointer; position:relative; transition: all .25s ease-in-out; }
.cs-16 .col-3 .t-item .q-title{ font-size:26px; font-weight:400; font-family: archivo-variable, sans-serif; text-transform:none; padding:35px 100px 35px 30px; display:flex; align-items:center; transition: all .25s ease-in-out;  }
.cs-16 .col-3 .t-item:hover .q-title{   }
.cs-16 .col-3 .t-item .icn{ position:absolute; top:50%; margin-top:-15px; right:20px; display:flex; width:30px; height:30px; transition: all .25s ease-in-out; }
.cs-16 .col-3 .t-item:hover .icn{ }
.cs-16 .col-3 .t-item .icn:after{ content:""; display:block; width:24px; height:24px; background:url(../img/icn/plus.svg) center center no-repeat; background-size:24px 24px; transition:all 0.4s ease; }
.cs-16 .col-3 .t-item.open .icn:after{ background-image:url(../img/icn/minus.svg); transform:rotate(180deg); }
.cs-16 .col-3 .c-item{ height:0; overflow:hidden; transition:all 0.4s ease; }
.cs-16 .col-3 .c-item.open{ }
.cs-16 .col-3 .c-item>div{ padding:0 30px 40px; }
.cs-16 .col-3 .c-item p+p{ margin-top:15px; }
.cs-16 .col-3 ul li{ font-size:18px; line-height:1.3; position:relative; padding:0 0 0 24px; }
.cs-16 .col-3 ul li:before{ content:">"; font-size:16px; line-height:1.4; position:absolute; left:0; top:0; }
.cs-16 .col-3 ul li+li{ margin:20px 0 0; }
.cs-16 .col-3 .btns{ margin:100px 0 0; }
.cs-16 .col-4{ width:40%; align-items:flex-end; }
.cs-16 .col-4>div{ width:100%; }
.cs-16 .col-4 .inner-video{ aspect-ratio:600/820; max-width:100%; }
.cs-16 .col-4 .inner-video video{ width:100%; }
@media (max-width: 1279px) {
    .cs-16 .col-1 h2{ font-size:45px; }
}
@media (max-width: 1019px) {
    .cs-16{ padding:150px 0 250px; }
    .cs-16 .col-1{ width:100%; padding:0 0 50px; }
    .cs-16 .col-2{ width:100%; align-items:flex-start; }
    .cs-16 .col-3{ width:100%; padding:0 0 100px; }
    .cs-16 .col-4{ width:100%; align-items:flex-start; }
}
@media (max-width: 619px) {
    .cs-16{ padding:100px 0; }
    .cs-16 .col-1 h2{ font-size:30px; }
    .cs-16 .col-2 .brackets{ font-size:13px; }
    .cs-16 .col-2 ul li{ font-size:16px; }
    .cs-16 .col-2 ul li:before{ font-size:14px; }
    .cs-16 .col-3 .brackets{ font-size:13px; }
    .cs-16 .col-3 .t-item .q-title{ font-size:18px; padding:24px 40px 24px 5px; }
	.cs-16 .col-3 .t-item .icn{ right:0; }
	.cs-16 .col-3 .t-item .icn:after{ background-size:18px 18px; }
    .cs-16 .col-3 .c-item{ font-size:14px; }
	.cs-16 .col-3 .c-item>div{ padding:0 5px 30px; }
    .cs-16 .col-3 ul li{ font-size:16px; }
    .cs-16 .col-3 ul li:before{ font-size:14px; }
}

.cs-17{ padding:0 0 150px; border-bottom:1px solid #222; }
.cs-17 .items{ margin:0 -20px; justify-content:flex-end; }
.cs-17 .item{ width:33.3333%; padding:30px 20px;  }
.cs-17 .item .img{ overflow:hidden; }
.cs-17 .item .img img{ width:100%; transition: transform .25s ease-in-out; }
.cs-17 .item .img:hover img{ transform:scale(1.1); }
.cs-17 .item .name{ font-size:32px; margin:20px 0 10px; }
.cs-17 .item .name>span{ font-size:16px; white-space:nowrap; }
.cs-17 .item .desc{ font-size:16px; text-transform:uppercase; line-height:1.3; }
.cs-17 .item .modal-content{ display:none; }
.cs-17 .bottom{ width:60%; margin:80px 0 60px; }
.cs-17 .bottom>div{ max-width:650px; }
.cs-17 .bottom .lg{ font-size:42px; line-height:1.3; margin:0 0 60px; text-wrap:balance; }
@media (max-width: 1479px) {
    .cs-17 .item .name{ font-size:24px; }
    .cs-17 .item .name>span{ font-size:13px; }
    .cs-17 .item .desc{ font-size:13px; }
}
@media (max-width: 1279px) {
    .cs-17{ padding:150px 0; }
}
@media (max-width: 1019px) {
    .cs-17 .item{ width:50%; }
    .cs-17 .bottom{ width:100%; margin:100px 0 0; }
    .cs-17 .bottom .lg{ font-size:36px; }
}
@media (max-width: 619px) {
    .cs-17{ padding:100px 0; }
    .cs-17 .items{ margin:0 -10px; }
    .cs-17 .item{ padding:0 10px 40px; }
    .cs-17 .item .name{ font-size:12px; margin:10px 0 5px; }
    .cs-17 .item .name>span{ font-size:8px; }
    .cs-17 .item .desc{ font-size:10px; }
    .cs-17 .bottom{ margin:50px 0 0; }
    .cs-17 .bottom .lg{ font-size:24px; margin:0 0 40px; }
}

.cs-18{ padding:250px 0 150px; }
.cs-18 .title{ }
.cs-18 .title .sm{ font-size:20px; font-weight:400; font-family: archivo-variable, sans-serif; margin:0 0 40px; }
.cs-18 .title h2{ font-size:62px; text-wrap:balance; }
.cs-18 .imgBlock{ margin:80px 0 150px; }
.cs-18 .imgBlock img{ width:100%; }
.cs-18 .col-1{ width:25%; }
.cs-18 .col-1 .box+.box{ margin:60px 0 0; }
.cs-18 .col-1 .sm{ font-size:14px; margin:0 0 15px; text-transform:uppercase; }
.cs-18 .col-1 .lg{ margin:12px 0 0; }
.cs-18 .col-1 .lg a{ font-size:24px; line-height:1.3; position:relative; overflow:hidden; }
.cs-18 .col-1 .lg a:after{ content:""; position:absolute; bottom:0; right:0; display:block; width:0; height:1px; background:#222; transition: all .25s ease-in-out; }
.cs-18 .col-1 .lg a:hover:after{ width:100%; }
.cs-18 .col-1 .lg a:hover:after, .cs-18 .col-1 .lg a:focus:after, .cs-18 .col-1 .lg a:active:after{ left:0;right:auto;width:100%; }
.cs-18 .col-1 .btns{ margin:60px 0 0; }
.cs-18 .col-2{ width:75%; padding:0 0 0 60px; }



.lgText-block { padding: 160px 0; max-width: 1240px; }
.lgText-block.no-padding { padding: 0; }
.lgText-block .sm { font-size:16px; margin:0 0 40px; text-transform:uppercase; }
.lgText-block .lg p { font-size:42px; line-height:1.3; }
.lgText-block .lg p+p { margin:60px 0 0; }

.twoImg-block { padding: 30px 0; gap: 30px; display: grid; grid-template-columns: 1fr 1fr; }
.textImg-block { padding: 30px 0; gap: 30px; display: grid; grid-template-columns: 1fr 1fr; align-items: center; }
.textImg-block.alt .lgText-block { padding-left: 70px; }
.textImg-block .lgText-block { max-width: 700px; }
.textImg-block .lgText-block.sm { max-width: 600px; }
.textImg-block .lgText-block.sm .title { font-size: 42px; margin-bottom: 40px; }

.statsBlock .lgText-block { padding-bottom: 0; }
.statsBlock .numbers { padding: 120px 0; }
.statsBlock .numbers .item { display: flex; flex-direction: row; align-items: flex-end; border-bottom: 1px solid #222; padding: 0 0 20px 0; gap: 60px; margin-bottom: 60px; }
.statsBlock .numbers .item .num { font-family: realistwide, sans-serif; font-weight: 900; text-transform: uppercase; font-size: 70px; font-variant-numeric: tabular-nums; }
.statsBlock .numbers .item .sm { font-size: 42px; text-transform: none; margin: 0 0 8px 0; }

@media (max-width: 1479px) {
    .lgText-block .lg p,
    .statsBlock .numbers .item .sm { font-size:36px; }
}
@media (max-width: 1279px) {
    .cs-18 .title h2{ font-size:50px; }
    .cs-18 .col-1{ width:35%; }
    .cs-18 .col-2{ width:65%; }
    .lgText-block .lg p,
    .statsBlock .numbers .item .sm { font-size:30px; }
}
@media (max-width: 1200px) {
    .statsBlock .numbers .item .sm { font-size: 24px;}
}
@media (max-width: 1019px) {
    .cs-18 .col-1{ width:100%; }
    .cs-18 .col-2{ width:100%; padding:0 0 60px; }
}
@media (max-width: 960px) {
    .twoImg-block { display: flex; }
    .textImg-block { display: flex; padding-top: 160px; gap: 160px; padding-bottom: 0; }
    .textImg-block.alt > div:first-child { order: 2; }
    .textImg-block.alt .lgText-block { padding: 0; }
}
@media (max-width: 619px) {
    .cs-18{ padding:150px 0 100px; }
    .cs-18 .title .sm{ font-size:14px; margin:0 0 30px; }
    .cs-18 .title h2{ font-size:30px; }
    .cs-18 .img{ margin:40px 0; }
    .cs-18 .col-1 .box+.box{ margin:40px 0 0; }
    .cs-18 .col-1 .sm{ font-size:11px; margin:0 0 10px; }
    .cs-18 .col-1 .lg{ margin:10px 0 0; }
    .cs-18 .col-1 .lg a{ font-size:18px; }
    .cs-18 .col-2 .sm{ font-size:13px; margin:0 0 20px; }
    .lgText-block .lg p,
    .statsBlock .numbers .item .sm { font-size:20px; }
    .lgText-block .lg p+p{ margin:30px 0 0; }
}

.cs-19.pb{ padding:0 0 150px; }
.cs-19 img{ width:100%; }
.cs-19 .quote{ padding:150px 0; max-width:1000px; }
.cs-19 .quote .lg{ font-size:42px; line-height:1.3; }
.cs-19 .quote .sm{ font-size:16px; line-height:1.3; margin:30px 0 0; }
.cs-19 .three-imgs{ padding:-15px; }
.cs-19 .three-imgs .lg{ width:100%; padding:15px; }
.cs-19 .three-imgs .md{ width:50%; padding:15px; }
@media (max-width: 619px) {
    .cs-19.pb{ padding:0 0 100px; }
    .cs-19 .quote{ padding:60px 0; }
    .cs-19 .quote .lg{ font-size:20px; }
    .cs-19 .quote .sm{ font-size:13px; margin:20px 0 0; }
    .cs-19 .three-imgs{ padding:-5px; }
    .cs-19 .three-imgs .lg{ padding:5px; }
    .cs-19 .three-imgs .md{ padding:5px; }
}

.cs-20{ padding:100px 0; background:#222; color:#fff; }
.cs-20 .col-1{ width:70%; padding:0 60px 0 0; }
.cs-20 .col-1>div{ max-width:630px; }
.cs-20 .col-1 h2{ font-size:60px; margin:0 0 60px; }
.cs-20 .col-1 p+p{ margin:20px 0 0; }
.cs-20 .col-1 .brackets{ font-size:16px; margin:80px 0 40px; text-transform:uppercase; }
.cs-20 .col-1 ul li{ font-size:18px; line-height:1.3; position:relative; padding:0 0 0 24px; }
.cs-20 .col-1 ul li:before{ content:">"; font-size:16px; line-height:1.4; position:absolute; left:0; top:0; }
.cs-20 .col-1 ul li+li{ margin:20px 0 0; }
.cs-20 .col-2{ width:30%; align-items:flex-end; }
@media (max-width: 1479px) {
    .cs-20 .col-1 h2{ font-size:50px; margin:0 0 40px; }
}
@media (max-width: 1019px) {
    .cs-20 .col-1{ width:100%; padding:0 0 60px; }
    .cs-20 .col-2{ width:100%; align-items:stretch; }
}
@media (max-width: 619px) {
    .cs-20{ padding:60px 0; }
    .cs-20 .col-1 h2{ font-size:30px; }
    .cs-20 .col-1 .brackets{ font-size:13px; }
    .cs-20 .col-1 ul li{ font-size:16px; }
    .cs-20 .col-1 ul li:before{ font-size:14px; }
}

.cs-21{ padding:100px 0; border-top:1px solid #222; border-bottom:1px solid #222; }
.cs-21 .col-1{ width:40%; }
.cs-21 .col-2{ width:60%; padding:0 0 0 60px; justify-content:center; }
.cs-21 .col-2>div{ max-width:760px; }
.cs-21 .col-2 h2{ font-size:60px; margin:0 0 60px; }
.cs-21 .items{ margin:200px -4vw 100px; }
.cs-21 .item{ width:33.3333333%; padding:0 4vw; }
.cs-21 .item h3{ font-size:40px; margin:0 0 30px; font-weight:400; text-wrap:balance; font-family: archivo-variable, sans-serif; text-transform:none; }
@media (max-width: 1479px) {
    .cs-21 .col-2 h2{ font-size:50px; margin:0 0 40px; }
    .cs-21 .item{ font-size:18px; }
    .cs-21 .item h3{ font-size:32px; }
}
@media (max-width: 1279px) {
    .cs-21 .items{ margin:100px -4vw 50px; }
    .cs-21 .item h3{ font-size:28px; }
}
@media (max-width: 1019px) {
    .cs-21 .col-1{ width:100%; }
    .cs-21 .col-2{ width:100%; padding:60px 0 0; }
    .cs-21 .items{ margin:100px 0 50px; }
    .cs-21 .item{ width:100%; padding:0; }
    .cs-21 .item+.item{ margin:60px 0 0; }
}
@media (max-width: 619px) {
    .cs-21 .col-2 h2{ font-size:30px; margin:0 0 30px; }
    .cs-21 .items{ margin:50px 0 0; }
    .cs-21 .item{ font-size:16px; }
    .cs-21 .item h3{ font-size:22px; margin:0 0 15px; }
}

.cs-22{ padding:150px 0; }
.cs-22 .lg{ font-size:42px; margin:0 0 100px; max-width:1250px; line-height:1.3; }
@media (max-width: 1279px) {
    .cs-22 .lg{ font-size:36px; }
}
@media (max-width: 619px) {
    .cs-22{ padding:100px 0; }
    .cs-22 .lg{ font-size:22px; margin:0 0 50px; }
}

.cs-23{  }
.cs-23 .col-1{ width:62%; padding:210px 60px 150px 0; border-right:1px solid #222; }
.cs-23 .col-1>div{ max-width:800px; }
.cs-23 .col-1 .title .sm{ font-size:20px; font-weight:400; font-family: archivo-variable, sans-serif; margin:0 0 100px; }
.cs-23 .col-1 .title h2{ font-size:72px; text-wrap:balance; margin:0 0 100px; }
.cs-23 .col-2{ width:38%; padding:210px 0 0; }
.cs-23 .col-2 .box{ padding:60px; margin:0 -60px 0 0; }
.cs-23 .col-2 .box+.box{ border-top:1px solid #222; }
.cs-23 .col-2 .contact{ font-size:28px; line-height:1.3; }
.cs-23 .col-2 .contact:first-child{ margin:0 0 60px; }
.cs-23 .col-2 .contact+.contact{ margin:20px 0 0; }
.cs-23 .col-2 .contact a{ display:inline-block; position:relative; }
.cs-23 .col-2 .contact a:after{ content:""; position:absolute; bottom:-2px; right:0; display:block; width:0; height:1px; background:#222; transition: all .25s ease-in-out; }
.cs-23 .col-2 .contact a:hover:after{ left:0;right:auto;width:100%; }
.cs-23 .col-2 .sm{ font-size:14px; margin:0 0 30px; text-transform:uppercase; max-width:300px; }
.cs-23 .col-2 .privacy-contact .name{ font-size:24px; }
.cs-23 .col-2 .privacy-contact .desc{ font-size:14px; margin:5px 0 0; }
@media (max-width: 1479px) {
    .cs-23 .col-1 .title .sm{ margin:0 0 80px; }
    .cs-23 .col-1 .title h2{ font-size:65px; }
    .cs-23 .col-2 .contact.md{ font-size:22px; }
}
@media (max-width: 1359px) {
    .cs-23 .col-2 .contact.md{ font-size:20px; }
}
@media (max-width: 1279px) {
    .cs-23 .col-1{ width:100%; padding:210px 0 0; border:none; }
    .cs-23 .col-2{ width:100%; padding:100px 0; }
    .cs-23 .col-2>div{ border:1px solid #222; }
    .cs-23 .col-2 .box{ margin:0; }
}
@media (max-width: 1019px) {
    .cs-23 .col-1 .title h2{ font-size:55px; }
}
@media (max-width: 619px) {
    .cs-23 .col-1{ padding:150px 0 0; }
    .cs-23 .col-1 .title .sm{ font-size:14px; margin:0 0 30px; }
    .cs-23 .col-1 .title h2{ font-size:35px; margin:0 0 40px; }
    .cs-23 .col-2{ padding:60px 0; }
    .cs-23 .col-2 .contact.md{ font-size:16px; }
    .cs-23 .col-2 .box{ padding:50px 30px; }
    .cs-23 .col-2 .contact{ font-size:20px; }
    .cs-23 .col-2 .contact:first-child{ margin:0 0 30px; }
    .cs-23 .col-2 .contact span{ display:block; }
    .cs-23 .col-2 .sm{ font-size:11px; margin:0 0 20px; }
    .cs-23 .col-2 .privacy-contact .name{ font-size:18px; }
    .cs-23 .col-2 .privacy-contact .desc{ font-size:13px; margin:5px 0 0; }
}

.cs-24{ padding:100px 0; border-bottom:1px solid #222;  }
.cs-24 .col-1{ width:30%; }
.cs-24 .col-2{ width:70%; padding:0 0 0 60px; justify-content:flex-end; }
.cs-24 .col-2>div{  }
.cs-24 .col-2 p{ font-size:42px; }
.cs-24 .items{ margin:200px -4vw 100px; }
.cs-24 .item{ width:33.3333333%; padding:0 4vw; }
.cs-24 .item h3{ font-size:40px; margin:0 0 30px; font-weight:400; text-wrap:balance; font-family: archivo-variable, sans-serif; text-transform:none; display:inline-flex; align-items:center; gap:30px; }
.cs-24 .item h3>span{ font-size:16px; }

.cs-24.marketing-hero { border-bottom: 0; padding: 100px 0 200px 0; }
.cs-24.marketing-hero .col-2 p { max-width: 760px; }

@media (max-width: 1479px) {
    .cs-24 .col-2 p{ font-size:30px; }
    .cs-24 .item{ font-size:18px; }
    .cs-24 .item h3{ font-size:32px; gap:20px; }
}
@media (max-width: 1359px) {
    .cs-24 .item{ font-size:16px; }
}
@media (max-width: 1279px) {
    .cs-24 .items{ margin:100px -4vw 50px; }
    .cs-24 .item h3{ font-size:28px; }
}
@media (max-width: 1019px) {
    .cs-24 .col-1{ width:100%; }
    .cs-24 .col-2{ width:100%; padding:60px 0 0; }
    .cs-24 .items{ margin:100px 0 50px; }
    .cs-24 .item{ width:100%; padding:0; }
    .cs-24 .item+.item{ margin:60px 0 0; }
}
@media (max-width: 619px) {
    .cs-24 .col-2 p{ font-size:20px; }
    .cs-24 .items{ margin:50px 0 0; }
    .cs-24 .item{ font-size:16px; }
    .cs-24 .item h3{ font-size:22px; margin:0 0 15px; gap:15px; }
    .cs-24 .item h3>span{ font-size:12px; }
}

.cs-25{ padding:100px 0 0; }
.cs-25 .inner{ justify-content:flex-end; }
.cs-25 .col-1{ width:100%; max-width:920px; }
.cs-25 .col-1 .lg{ font-size:42px; margin:30px 0 80px; }
@media (max-width: 1479px) {
    .cs-25 .col-1 .lg{  font-size:30px; }
}
@media (max-width: 1279px) {
    .cs-25 .col-1 .lg{ margin:50px 0; }
}
@media (max-width: 619px) {
    .cs-25 .col-1 .lg{ font-size:20px; margin:40px 0; }
}

.cs-26{ padding:250px 0 160px; }
.cs-26.pt-none{ padding-top:0; }
.cs-26 .title{ font-size:40px; margin:0 0 60px; }
.cs-26 .brackets{ font-size:16px; margin:0 0 40px; text-transform:uppercase; }
.cs-26 .item{ border-top:1px solid #222; }
.cs-26 .item:last-child{ border-bottom:1px solid #222; }
.cs-26 .item+.item{ }
.cs-26 .t-item{ cursor:pointer; position:relative; transition: all .25s ease-in-out; }
.cs-26 .t-item .q-title{ font-size:26px; font-weight:400; font-family: archivo-variable, sans-serif; text-transform:none; padding:35px 100px 35px 30px; display:flex; align-items:center; transition: all .25s ease-in-out;  }
.cs-26 .t-item:hover .q-title{   }
.cs-26 .t-item .icn{ position:absolute; top:50%; margin-top:-15px; right:20px; display:flex; width:30px; height:30px; transition: all .25s ease-in-out; }
.cs-26 .t-item:hover .icn{ }
.cs-26 .t-item .icn:after{ content:""; display:block; width:24px; height:24px; background:url(../img/icn/plus.svg) center center no-repeat; background-size:24px 24px; transition:all 0.4s ease; }
.cs-26 .t-item.open .icn:after{ background-image:url(../img/icn/minus.svg); transform:rotate(180deg); }
.cs-26 .c-item{ height:0; overflow:hidden; transition:all 0.4s ease; }
.cs-26 .c-item.open{ }
.cs-26 .c-item>div{ padding:0 30px 40px; max-width:900px; }
.cs-26 .c-item p+p{ margin-top:15px; }
.cs-26 ul li{ font-size:18px; line-height:1.3; position:relative; padding:0 0 0 24px; }
.cs-26 ul li:before{ content:">"; font-size:16px; line-height:1.4; position:absolute; left:0; top:0; }
.cs-26 ul li+li{ margin:20px 0 0; }
.cs-26 .bottom{ padding:160px 0 0; }
@media (max-width: 619px) {
    .cs-26 .title{ font-size:30px; }
}
@media (max-width: 619px) {
    .cs-26{ padding:100px 0; }
    .cs-26 .title{ font-size:24px; margin:0 0 40px; }
    .cs-26 .brackets{ font-size:13px; }
    .cs-26 ul li{ font-size:16px; }
    .cs-26 ul li:before{ font-size:14px; }
    .cs-26 .brackets{ font-size:13px; }
    .cs-26 .t-item .q-title{ font-size:18px; padding:24px 40px 24px 5px; }
	.cs-26 .t-item .icn{ right:0; }
	.cs-26 .t-item .icn:after{ background-size:18px 18px; }
    .cs-26 .c-item{ font-size:14px; }
	.cs-26 .c-item>div{ padding:0 5px 30px; }
    .cs-26 ul li{ font-size:16px; }
    .cs-26 ul li:before{ font-size:14px; }
    .cs-26 .bottom{ padding:80px 0 0; }
}

.cs-27{ padding:100px 0; background:#222; color:#fff; }
.cs-27 .title h2{ font-size:60px; max-width:900px; }
.cs-27 .title .desc{ padding:60px 0 0; border-top:1px solid #fff; margin:60px 0 0; }
.cs-27 .title .desc .lg{ font-size:42px; max-width:960px; }
.cs-27 .title .desc .sm{ max-width:640px; margin:30px 0 0; text-wrap:balance; }
.cs-27 .main{ padding:100px 0 0; background:#222; color:#fff; }
.cs-27 .main .col-1{ width:50%; padding:0 40px 0 0; }
.cs-27 .main .col-1>div{ max-width:580px; position:sticky; top:120px; }
.cs-27 .main .col-2{ width:50%; align-items:flex-start; justify-content:flex-end; padding:0 0 0 40px; position:relative; overflow:clip; }
.cs-27 .main .col-2:before{ content:""; display:block; width:1px; height:100%; background:#fff; opacity:0.2; position:absolute; top:0; left:0; }
.cs-27 .main .col-2 .line{ content:""; display:block; width:1px; height:0; background:#fff; position:absolute; top:0; left:0; }
.cs-27 .main .col-2 .item{ padding:0 0 80px; max-width:600px; opacity:0.2; transition: all .25s ease-in-out; }
.cs-27 .main .col-2 .item[inView="1"]{ opacity:1; }
.cs-27 .main .col-2 .item.active{ opacity:1; }
.cs-27 .main .col-2 .item+.item{ /*margin:80px 0 0;*/ }
.cs-27 .main .col-2 .item:last-child{ padding:0; }
.cs-27 .main .col-2 .item .item-title{ display:flex; }
.cs-27 .main .col-2 .item .item-title .num{ width:70px; font-size:16px; flex-shrink:0; padding:10px 0 0; }
.cs-27 .main .col-2 .item .item-title h3{ font-size:32px; font-weight:400; font-family: archivo-variable, sans-serif; text-transform:none; }
@media (max-width: 1479px) {
    .cs-27 .title .desc .lg{ font-size:36px; }
    .cs-27 .main .col-2 .item .item-title h3{ font-size:28px; } 
}
@media (max-width: 1279px) {
    .cs-27 .main .col-2 .item{ opacity:1; }
    .cs-27 .main .col-2 .item .item-title h3{ font-size:28px; }
}
@media (max-width: 1019px) {
    .cs-27 .title h2{ font-size:50px; }
    .cs-27 .title .desc .lg{ font-size:30px; }
    .cs-27 .main .col-1{ width:100%; padding:0 0 100px; }
    .cs-27 .main .col-1>div{ max-width:100%; }
    .cs-27 .main .col-1 h2{ font-size:45px; }
    .cs-27 .main .col-1 p{ margin:30px 0; }
    .cs-27 .main .col-2{ width:100%; }
    .cs-27 .main .col-2 .item .item-title h3{ font-size:32px; }
}
@media (max-width: 759px) {
	.cs-27 .main .col-2 .item .item-title h3{ font-size:28px; }
}
@media (max-width: 619px) {
    .cs-27 .title h2{ font-size:30px; }
    .cs-27 .title .desc{ padding:40px 0 0; margin:40px 0 0; }
    .cs-27 .title .desc .lg{ font-size:22px; }
    .cs-27 .main{ padding:50px 0 0; }
    .cs-27 .main .col-1{ padding:0 0 70px; }
    .cs-27 .main .col-1 h2{ font-size:30px; }
    .cs-27 .main .col-2{ padding:0 0 0 20px; }
    .cs-27 .main .col-2 .item{ padding:0 0 50px; }
    .cs-27 .main .col-2 .item+.item{ /*margin:50px 0 0;*/ }
    .cs-27 .main .col-2 .item .img-sm{ margin:0 0 20px; }
    .cs-27 .main .col-2 .item .item-title .num{ width:30px; font-size:11px; }
    .cs-27 .main .col-2 .item .item-title h3{ font-size:20px; }
}

.cs-28{ padding:160px 0; border-top:1px solid #222; }
.cs-28 .title{ font-size:52px; line-height:1.2; text-wrap:balance; text-align:center; margin:0 0 120px; }
.cs-28 .items{ position:relative; overflow:clip; }
.cs-28 .items:before{ content:""; display:block; width:1px; height:100%; background:#222; opacity:0.2; position:absolute; top:0; left:50%; }
.cs-28 .items .line{ content:""; display:block; width:1px; height:0; background:#222; position:absolute; top:0; left:50%; }
.cs-28 .item{ margin:80px 0 0; }
.cs-28 .item .col-1{ width:50%; padding:0 105px 0 0; }
.cs-28 .item .wrap-alt-sm .col-1{ padding:0 0 0 105px; }
.cs-28 .item .gsap-img { aspect-ratio: 1 / 1; }
.cs-28 .item .col-2{ width:50%; justify-content:center; padding:0 0 0 105px; }
.cs-28 .item .wrap-alt-sm .col-2{ padding:0 105px 0 0; }
.cs-28 .item .col-2>div{ max-width:520px; }
.cs-28 .item .col-2 h2{ font-size:40px; font-weight:400; font-family: archivo-variable, sans-serif; text-transform:none; }
.cs-28 .item .col-2 p{ margin:30px 0; }
@media (max-width: 1479px) {
    .cs-28 .title{ font-size:45px; }
    .cs-28 .item .col-2 h2{ font-size:35px; }
}
@media (max-width: 1279px) {
    .cs-28 .item .col-1{ padding:0 60px 0 0; }
    .cs-28 .item .wrap-alt-sm .col-1{ padding:0 0 0 60px; }
    .cs-28 .item .col-2{ padding:0 0 0 60px; }
    .cs-28 .item .wrap-alt-sm .col-2{ padding:0 60px 0 0; }
}
@media (max-width: 1019px) {
    .cs-28 .title{ font-size:40px; margin:0 0 80px; }
    .cs-28 .items:before{ display:none; }
    .cs-28 .items .line{ display:none; }
    .cs-28 .item .col-1{ width:100%; padding:0; }
    .cs-28 .item .wrap-alt-sm .col-1{ padding:0; }
    .cs-28 .item .col-2{ width:100%; padding:40px 0 0; }
    .cs-28 .item .wrap-alt-sm .col-2{ padding:40px 0 0; }
}
@media (max-width: 619px) {
    .cs-28{ padding:100px 0; }
    .cs-28 .title{ font-size:25px; margin:0; }
    .cs-28 .item .col-2 h2{ font-size:22px; }
    .cs-28 .item .col-2 p{ margin:20px 0; }
}

.cs-29{ padding:0 0 200px; text-align:center; }
.cs-29 .sm{ text-transform:uppercase; }
.cs-29 .lg{ font-size:42px; line-height:1.2; text-wrap:balance; margin:80px 0 0; }
@media (max-width: 1279px) {
    .cs-29 .lg{ font-size:36px; }
}
@media (max-width: 1019px) {

}
@media (max-width: 619px) {
    .cs-29{ padding:0 0 100px; }
    .cs-29 .lg{ font-size:24px; margin:40px 0 0; }
}

.cs-30{ padding:150px 0; background:#222; color:#fff; overflow:hidden; }
.cs-30 .top .col-1{ width:70%; }
.cs-30 .top .col-1 h2{ font-size:60px; max-width:680px; }
.cs-30 .top .col-2{ width:30%; justify-content:flex-end; align-items:flex-end; }
.cs-30 .bottom{ margin:150px 0 0; }
.cs-30 .outer-slider{ position:relative; }
.cs-30 .outer-slider:after{ content:""; display:block; width:140px; height:100%; position:absolute; top:0; right:0; background: linear-gradient(90deg, rgba(34, 34, 34, 0.20) 0%, #222 100%); z-index:5; }
.cs-30 .swiper-slide{ padding:0 60px 0 0; border-right:1px solid #fff; margin:0 60px 0 0; width:38%; height: auto !important; }
.cs-30 .swiper-slide:last-of-type{ border:none; margin:0 160px 0 0; }
.cs-30 .swiper-slide .item-title{ display:flex; /*align-items:center;*/ }
.cs-30 .swiper-slide .item-title .num{ width:70px; font-size:16px; padding:9px 0 0; }
.cs-30 .swiper-slide .item-title h3{ font-size:32px; font-weight:400; font-family: archivo-variable, sans-serif; text-transform:none; }
.cs-30 .swiper-slide .item-desc{ padding:60px 0 0 70px; }
.cs-30 .swiper-slide .item-desc ul li{ font-size:18px; line-height:1.3; position:relative; padding:0 0 0 24px; }
.cs-30 .swiper-slide .item-desc ul li:before{ content:">"; font-size:16px; line-height:1.4; position:absolute; left:0; top:0; }
.cs-30 .swiper-slide .item-desc ul li+li{ margin:20px 0 0; }
.cs-30 .swiper-pagination{ width:100%; position:relative; z-index:2; }
.cs-30 .swiper-pagination-progressbar{ background:#ffffff22; height:1px; margin:80px 0 0; }
.cs-30 .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{ background:#fff; }
/*horiz*/
.cs-30 .horiz-gallery-strip,
.cs-30 .horiz-gallery-wrapper{ display:flex; flex-wrap:nowrap; will-change:transform; position:relative; }
.cs-30 .horiz-gallery-wrapper:after{ content:""; display:block; width:240px; height:100%; position:absolute; top:0; right:-60px; background: linear-gradient(90deg, rgba(34, 34, 34, 0.20) 0%, #222 100%); z-index:5; }
.cs-30 .horiz-progress{ width:100%; position:relative; z-index:2; margin:80px 0 0; height:1px; background:#ffffff22; }
.cs-30 .horiz-progress__bar { height:100%; width:100%; background:#fff; transform:scaleX(0); transform-origin:left center; }
@media (max-width: 1479px) {
    .cs-30 .swiper-slide .item-title .num{ width:50px; font-size:14px; flex-shrink:0; }
    .cs-30 .swiper-slide .item-title h3{ font-size:28px; }
    .cs-30 .swiper-slide .item-desc{ padding:50px 0 0 50px; }
}
@media (max-width: 1279px) {
    .cs-30 .top .col-1{ width:100%; }
    .cs-30 .top .col-2{ width:100%; padding:50px 0 0; justify-content:flex-start; align-items:flex-start; }
    .cs-30 .swiper-slide{ width:45%; }
}
@media (max-width: 1019px) {
    .cs-30 .top .col-1 h2{ font-size:50px; }
    .cs-30 .bottom{ margin:150px 0 0; }
    .cs-30 .swiper-slide{ width:65%; }
}
@media (max-width: 619px) {
    .cs-30{ padding:100px 0; }
    .cs-30 .top .col-1 h2{ font-size:30px; }
    .cs-30 .bottom{ margin:70px 0 0; }
    .cs-30 .outer-slider:after{ width:80px; }
    .cs-30 .swiper-slide{ padding:0 30px 0 0; margin:0 30px 0 0; width:80%; }
    .cs-30 .swiper-slide .item-title .num{ width:35px; font-size:10px; padding:5px 0 0; }
    .cs-30 .swiper-slide .item-title h3{ font-size:18px; }
    .cs-30 .swiper-slide .item-desc{ padding:40px 0 0 35px; }
    .cs-30 .swiper-slide .item-desc ul li{ font-size:14px; }
    .cs-30 .swiper-slide .item-desc ul li:before{ font-size:13px; line-height:1.2; }
}
  

.cs-31{ padding:80px 0; background:#222; color:#fff; }
.cs-31 .col-1{ width:40%; }
.cs-31 .col-2{ width:60%; padding:0 0 0 100px; justify-content:space-between; }
.cs-31 .col-2 .title{ padding:80px 0; }
.cs-31 .col-2 .title .f-title{ font-size:72px; }
.cs-31 .col-2 .title .lg{ font-size:50px; font-weight:300; line-height:1.3; max-width:460px; }
.cs-31 .col-2 .btns{ display:flex; justify-content:flex-end; }
.cs-31 .bottom{ padding:50px 0 0; border-top:1px solid #fff; margin:80px 0 0; }
.cs-31 .outer-slider{ position:relative; }
.cs-31 .outer-slider:before{ content:""; display:block; width:140px; height:100%; position:absolute; top:0; left:0; background: linear-gradient(-90deg, rgba(34, 34, 34, 0.20) 0%, #222 100%); z-index:5; }
.cs-31 .outer-slider:after{ content:""; display:block; width:140px; height:100%; position:absolute; top:0; right:0; background: linear-gradient(90deg, rgba(34, 34, 34, 0.20) 0%, #222 100%); z-index:5; }
.cs-31 .swiper-wrapper{ transition-timing-function:linear; align-items:center; user-select:none; /*marquee effect*/ }
.cs-31 .swiper-slide{ padding:0 30px; width:20%; height: auto !important; }
.cs-31 .swiper-slide .logo{ aspect-ratio: 2 / 1; display:flex; justify-content:center; align-items:center; }
@media (max-width: 1479px) {
    .cs-31 .col-2 .title .f-title{ font-size:50px; }
    .cs-31 .col-2 .title .lg{ font-size:40px; max-width:400px; }
}
@media (max-width: 1279px) {

}
@media (max-width: 1019px) {
    .cs-31 .col-1{ width:100%; }
    .cs-31 .col-2{ width:100%; padding:60px 0 0; }
    .cs-31 .col-2 .title{ padding:0 0 80px; }
    .cs-31 .col-2 .btns{ justify-content:flex-start; }
    .cs-31 .swiper-slide{ width:33.3333%; }
}
@media (max-width: 619px) {
    .cs-31{ padding:60px 0; }
    .cs-31 .col-2 .title{ padding:0 0 50px; }
    .cs-31 .col-2 .title .f-title{ font-size:32px; }
    .cs-31 .col-2 .title .lg{ font-size:25px; text-wrap:balance; }
    .cs-31 .bottom{ padding:40px 0 0; margin:60px 0 0; }
    .cs-31 .swiper-slide{ padding:0 15px; }
}

.cs-32{ padding:250px 0 200px; text-align:center; }
.cs-32 .title{ /*position:sticky; top:250px;*/ }
.cs-32 .title .sm{ font-size:20px; font-weight:400; font-family: archivo-variable, sans-serif; margin:0 0 100px; }
.cs-32 .title h2{ font-size:100px; text-wrap:balance; }
.cs-32 .title h2.md{ font-size:70px; max-width:1200px; margin:0 auto; }
.cs-32 .imgs{ margin:200px 0 0; justify-content:center; align-items:center; position:relative; }
.cs-32 .imgs .outer-line{ width:1px; height:100%; position:absolute; top:0; left:50%; overflow:clip; }
.cs-32 .imgs .outer-line:before{ content:""; display:block; width:1px; height:100%; background:#222; opacity:0.2; position:absolute; top:0; left:0; }
.cs-32 .imgs .line{ content:""; display:block; width:1px; height:0; background:#222; position:absolute; top:0; left:0; }
.cs-32 .imgs .img-1{ position:absolute; left:0; top:0; }
.cs-32 .imgs .img-2{ margin:300px 0 500px; position:relative; z-index:2; }
.cs-32 .imgs .img-3{ position:absolute; right:0; top:150px; }
.cs-32 .imgs .img-4{ position:absolute; left:0; bottom:150px; }
.cs-32 .imgs .img-5{ position:absolute; right:0; bottom:0; }
.cs-32 .imgs img{ max-width:35%; }
.cs-32 .bottom h2{ font-size:100px; margin:150px 0 80px; }
.cs-32 .bottom .brackets{ text-transform:uppercase; }
@media (max-width: 1479px) {
    .cs-32 .title .sm{ margin:0 0 80px; }
    .cs-32 .title h2{ font-size:80px; }
    .cs-32 .bottom h2{ font-size:80px; }
}
@media (max-width: 1279px) {

}
@media (max-width: 1019px) {
    .cs-32 .title h2{ font-size:60px; }
    .cs-32 .title h2.md{ font-size:60px; }
    .cs-32 .title .sm{ font-size:16px; margin:0 0 50px; }
    .cs-32 .imgs .img-1{ top:0; }
    .cs-32 .imgs .img-2{ margin:400px 0 500px; }
    .cs-32 .imgs img{ max-width:45%; }
    .cs-32 .bottom h2{ font-size:60px; margin:150px 0 50px; }
}
@media (max-width: 619px) {
    .cs-32{ padding:150px 0 100px; }
    .cs-32 .title .sm{ font-size:14px; margin:0 0 30px; }
    .cs-32 .title h2{ font-size:35px; }
    .cs-32 .title h2.md{ font-size:35px; }
    .cs-32 .imgs{ margin:100px 0 0; }
    .cs-32 .imgs .img-2{ margin:60vw 0 60vw; }
    .cs-32 .imgs .img-3{ top:10vw; }
    .cs-32 .imgs .img-4{ bottom:10vw; }
    .cs-32 .bottom h2{ font-size:35px; margin:100px 0 30px; }
}

.cs-33{ padding:120px 0; background:#222; color:#fff; }
.cs-33 .top .lg{ font-size:40px; max-width:1000px; margin:0 0 80px; line-height:1.3; }
.cs-33 .col-1{ width:40%; }
.cs-33 .col-2{ width:60%; padding:0 0 0 100px; justify-content:flex-end; align-items:flex-end; }
.cs-33 .col-2>div{ max-width:620px; }
.cs-33 .col-2 .sm{ text-transform:uppercase; }
.cs-33 .col-2 .lg{ font-size:40px; margin:80px 0 0; line-height:1.3; }
@media (max-width: 1479px) {
    .cs-33 .col-2 .lg{ font-size:32px; margin:40px 0 0; } 
}
@media (max-width: 1279px) {

}
@media (max-width: 1019px) {
    .cs-33 .col-1{ width:100%; }
    .cs-33 .col-2{ width:100%; padding:60px 0 0; }
}
@media (max-width: 619px) {
    .cs-33{ padding:80px 0; }
    .cs-33 .top .lg{ font-size:25px; margin:0 0 50px; }
    .cs-33 .col-2 .lg{ font-size:25px; }
}

.cs-34{ padding:100px 0; }
.cs-34 .col-1{ width:50%; padding:0 100px 0 0; justify-content:center; }
.cs-34 .col-1 .sm{ text-transform:uppercase; }
.cs-34 .col-1 .lg{ font-size:40px; margin:60px 0 0; line-height:1.3; }
.cs-34 .col-2{ width:50%; }
@media (max-width: 1479px) {
    .cs-34 .col-1 .lg{ font-size:32px; margin:40px 0 0; }
}
@media (max-width: 1279px) {
    .cs-34 .col-1 .lg{ font-size:25px; }
}
@media (max-width: 1019px) {
    .cs-34 .col-1{ width:100%; padding:0 0 60px; }
    .cs-34 .col-1 .lg{ font-size:32px; }
    .cs-34 .col-2{ width:100%; }
}
@media (max-width: 619px) {
    .cs-34{ padding:80px 0; }
    .cs-34 .col-1 .lg{ font-size:25px; }
}

.cs-35{ padding:80px 0 180px 0; }
.cs-35 .title{ font-size:16px; margin:0 0 50px; text-align:center; text-transform:uppercase; }
.cs-35 .items{ border-top:1px solid #222; }
.cs-35 .item{ padding:80px 0; font-size:16px; line-height:1.3; border-bottom:1px solid #222; }
.cs-35 .item .col-1{ width:10%; padding:0 30px; justify-content:center; }
.cs-35 .item .col-2{ width:60%; font-size:40px; justify-content:center; }
.cs-35 .item .col-3{ width:30%; padding:0 30px; justify-content:center; }
@media (max-width: 1479px) {
    .cs-35 .item{ padding:60px 0; }
    .cs-35 .item .col-2{ width:50%; font-size:32px; }
    .cs-35 .item .col-3{ width:40%; }
}
@media (max-width: 1279px) {
    .cs-35 .item{ padding:60px 30px; }
    .cs-35 .item .col-1{ width:60px; padding:0; }
    .cs-35 .item .col-2{ width:calc(100% - 60px); font-size:32px; }
    .cs-35 .item .col-3{ width:100%; max-width:600px; padding:20px 0 0 60px; }
}
@media (max-width: 1019px) {
    .cs-35 .item{ padding:60px 0; }
}
@media (max-width: 619px) {
    .cs-35{ padding:50px 0; }
    .cs-35 .title{ font-size:14px; margin:0 0 30px; }
    .cs-35 .item{ padding:40px 0; font-size:14px; }
    .cs-35 .item .col-1{ width:50px; padding:0; }
    .cs-35 .item .col-2{ width:calc(100% - 50px); font-size:23px; }
    .cs-35 .item .col-3{ width:100%; max-width:600px; padding:10px 0 0 50px; }
}

.cs-36 .imgs{ margin:200px 0; justify-content:center; align-items:center; position:relative; }
.cs-36 .imgs .img-1{ position:absolute; left:0; top:100px; }
.cs-36 .imgs .img-2{ margin:300px 0 200px; position:relative; z-index:2; }
.cs-36 .imgs .img-3{ position:absolute; right:0; top:0; }
.cs-36 .imgs img{ width:40%; }
@media (max-width: 1479px) {
    .cs-36 .imgs{ margin:100px 0; }
}
@media (max-width: 1279px) {

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

}
@media (max-width: 619px) {
    .cs-36 .imgs{ margin:50px 0; }
    .cs-36 .imgs .img-1{ top:10vw; }
    .cs-36 .imgs .img-2{ margin:40vw 0 20vw; }
}

.cs-37{ padding:120px 0; background:#222; color:#fff; }
.cs-37 .top{ margin:0 0 100px; }
.cs-37 .top .title{ padding:0 0 60px; border-bottom:1px solid #fff; margin:0 0 60px; display:flex; justify-content:space-between; align-items:flex-end; }
.cs-37 .top .title h2{ font-size:60px; }
.cs-37 .top .lg{ font-size:40px; line-height:1.3; max-width:1000px; }
.cs-37 .col-1{ width:40%; padding:0 60px 0 0; }
.cs-37 .col-2{ width:60%; justify-content:flex-end;  }
.cs-37 .col-2>div{ position:relative; overflow:clip; padding:0 0 0 40px; }
.cs-37 .col-2>div:before{ content:""; display:block; width:1px; height:100%; background:#fff; opacity:0.2; position:absolute; top:0; left:0; }
.cs-37 .col-2 .line{ content:""; display:block; width:1px; height:0; background:#fff; position:absolute; top:0; left:0; }
.cs-37 .col-2 .item{ padding:0 0 80px; max-width:650px; opacity:0.2; transition: all .25s ease-in-out; }
.cs-37 .col-2 .item[inView="1"]{ opacity:1; }
.cs-37 .col-2 .item.active{ opacity:1; }
.cs-37 .col-2 .item+.item{ /*margin:80px 0 0;*/ }
.cs-37 .col-2 .item:last-child{ padding:0; }
.cs-37 .col-2 .item .img-sm{ display:none; width:100%; }
.cs-37 .col-2 .item .item-title{ display:flex; align-items:center; }
.cs-37 .col-2 .item .item-title .num{ width:70px; font-size:16px; }
.cs-37 .col-2 .item .item-title h3{ font-size:40px; font-weight:400; font-family: archivo-variable, sans-serif; text-transform:none; }
.cs-37 .col-2 .item .item-desc{ padding:0 0 0 70px; }
.cs-37 .col-2 .item .item-desc p{ margin:20px 0 0; text-wrap:balance; }
@media (max-width: 1479px) {
    .cs-37 .col-2 .item{ padding:0 0 50px; }
    .cs-37 .col-2 .item .item-title h3{ font-size:32px; }
    .cs-37 .col-2 .item .item-desc{ font-size:18px; }
}
@media (max-width: 1279px) {
    .cs-37 .col-2 .item{ opacity:1; }
}
@media (max-width: 1019px) {
    .cs-37 .top .title{ display:block; }
    .cs-37 .top .title h2{ font-size:50px; margin:0 0 20px; }
    .cs-37 .col-1{ width:100%; padding:0 0 50px; }
    .cs-37 .col-2{ width:100%; }
}
@media (max-width: 759px) {
	.cs-37 .col-2 .item .item-title h3{ font-size:32px; }
}
@media (max-width: 619px) {
    .cs-37{ padding:100px 0; }
    .cs-37 .top{ margin:0 0 50px; }
    .cs-37 .top .title h2{ font-size:30px; }
    .cs-37 .top .lg{ font-size:25px; }
    .cs-37 .col-2>div{ padding:0 0 0 20px; }
    .cs-37 .col-2 .item{ padding:0 0 50px; }
    .cs-37 .col-2 .item+.item{ /*margin:50px 0 0;*/ }
    .cs-37 .col-2 .item .img-sm{ margin:0 0 20px; }
    .cs-37 .col-2 .item .item-title .num{ width:30px; font-size:11px; }
    .cs-37 .col-2 .item .item-title h3{ font-size:20px; }
    .cs-37 .col-2 .item .item-desc{ padding:0 0 0 30px; font-size:14px; }
    .cs-37 .col-2 .item .item-desc p{ margin:15px 0 0; }
}

.cs-38{ padding:60px 0 150px; border-top:1px solid #222; }
.cs-38 .lg{ font-size:50px; margin:0 0 80px; line-height:1.3; max-width:1100px; }
@media (max-width: 1479px) {
    .cs-38 .lg{ font-size:42px; max-width:900px; }
}
@media (max-width: 1019px) {
    .cs-38 .lg{ font-size:30px; margin:0; }
}
@media (max-width: 619px) {
    .cs-38{ padding:60px 0; }
    .cs-38 .lg{ font-size:24px; margin:0 0 40px; }
}

.cs-39{ padding:100px 0; background:#222; color:#fff; }
.cs-39 .brackets{ font-size:16px; margin:0 0 50px; text-transform:uppercase; }
.cs-39 .item:first-child a{ border-top:1px solid #fff; }
.cs-39 .item .hover-web-cursor{ padding:36px 100px 36px 30px; border-bottom:1px solid #fff; display:block; position:relative; opacity:0.3; }
.cs-39 .item .hover-web-cursor:hover{ opacity:1; }
.cs-39 .item .hover-web-cursor::before{ content:""; display:block; width:100%; height:1px; position:absolute; left:0; top:-1px; background:#fff; opacity:0; transition: opacity .25s ease-in-out; }
.cs-39 .item .hover-web-cursor:hover::before{ opacity:1; }
.cs-39 .item .col-1{ width:100px; justify-content:center; }
.cs-39 .item .col-1 .year{ font-size:14px;}
.cs-39 .item .col-2{ width:calc(100% - 100px); }
.cs-39 .item .col-2>div{ display:flex; align-items: center; gap:60px;}
.cs-39 .item .col-2 .client{ font-size:28px; line-height:1.2; text-wrap:balance; }
.cs-39 .item .col-2 .type{ font-size:14px; text-transform:uppercase; flex-shrink:0; }
/*
V1
.cs-39 .item .hover-img{ position: absolute; top:50%; margin-top:-90px; right:30px; opacity:0; transform:translateX(-10px);}
.cs-39 .item a:hover .hover-img{ opacity:1; transform:translateX(0); }
.cs-39 .hover-web-cursor{ cursor:none;}
#web-cursor{ position:fixed; top:0; left:0; width:174px; height:34px; pointer-events:none; transform-origin:center; opacity:0;}
#web-cursor img{ width:100%;height:100%;}
*/
.cs-39 .hover-web-cursor{ cursor:none;}
.cs-39 .item .hover-img{ position:fixed; top:0; left:0; width:270px; height:180px;object-fit:cover; transform: translateX(-50%) translateY(-50%); z-index: 9; opacity: 0; visibility:hidden; pointer-events: none;  }
.cs-39 .item .arrow{ width:26px; height:26px; position: absolute; top:50%; margin-top:-13px; right:30px; opacity:0; transform:translateY(10px);}
.cs-39 .item .hover-web-cursor:hover .arrow{ opacity:1; transform:translateY(0); }  
.cs-39 .item .no-link .arrow{ display:none; }
@media (max-width: 1479px) {
    .cs-39 .item .col-2>div{ display:block; }
    .cs-39 .item .col-2 .type{ margin:10px 0 0; }
}
@media (max-width: 1279px) {
    .cs-39 .item .hover-web-cursor{ padding:36px 30px; opacity:1; }
    .cs-39 .item .hover-web-cursor::before{ display:none; }
    .cs-39 .item .hover-img{ display:none; }
    #web-cursor{ display:none; }
}
@media (max-width: 1019px) {

}
@media (max-width: 619px) {
    .cs-39 .brackets{ font-size:13px; margin:0 0 30px; }
    .cs-39 .item .hover-web-cursor{ padding:25px 40px 25px 15px; }
    .cs-39 .item .col-1{ width:100%; }
    .cs-39 .item .col-1 .year{ font-size:12px; margin:0 0 5px;}
    .cs-39 .item .col-2{ width:100%; }
    .cs-39 .item .col-2 .client{ font-size:20px; }
    .cs-39 .item .col-2 .type{ font-size:12px; }
    .cs-39 .item .arrow{ width:16px; height:16px; margin-top:-8px; right:10px; opacity:1; transform:none;}
}

.cs-40{ padding:160px 0;}
.cs-40 .inner{ display:flex; justify-content: flex-end;}
.cs-40 .inner>div{ max-width:900px;}
.cs-40 .lg{ font-size:42px; line-height:1.2; margin:0 0 80px; }
.cs-40 .btn .arrow svg{ transform: rotate(90deg);}
.cs-40 .btn:hover .arrow svg{ transform: rotate(135deg);}
@media (max-width: 1019px) {
    .cs-40 .lg{ font-size:36px; }
}
@media (max-width: 619px) {
    .cs-40{ padding:100px 0;}
    .cs-40 .lg{ font-size:30px; margion:0 0 40px; }
}

.cs-41{ padding:100px 0; background:#222; color:#fff; }
.cs-41 .col-2{ width:40%; padding:0 60px 0 0;}
.cs-41 .col-2 .brackets{ text-transform: uppercase; margin: 0 0 30px;}
.cs-41 .col-3{ width:60%; justify-content:flex-end; align-items:flex-end; }
.cs-41 .col-3>div{ /*max-width:740px;*/ }
.cs-41 .col-3 .lg{ font-size:42px; line-height:1.2; margin:0 0 80px; }
.cs-41 .col-3 .item{ width:33.33333%; border-bottom:1px solid #fff; }
.cs-41 .col-3 .item:nth-child(4),
.cs-41 .col-3 .item:nth-child(5),
.cs-41 .col-3 .item:nth-child(6){ border:none; }
.cs-41 .col-3 .inner{ padding:20px 0; height:100%; }
.cs-41 .col-3 .box{ padding:0 20px; height:100%; /*justify-content:space-between;*/ }
.cs-41 .col-3 .item:nth-child(2) .box,
.cs-41 .col-3 .item:nth-child(3) .box,
.cs-41 .col-3 .item:nth-child(5) .box,
.cs-41 .col-3 .item:nth-child(6) .box{ border-left:1px solid #fff; }
.cs-41 .col-3 .item .num{ font-size:16px; }
.cs-41 .col-3 .item h3{ font-size:24px; margin:180px 0 0; font-weight:400; font-family: archivo-variable, sans-serif; text-transform:none; }
.cs-41 .note{ max-width:360px; margin: 160px 0 0; line-height:1.3;}
@media (max-width: 1479px) {
    .cs-41 .col-3 .lg{ font-size:30px; }
    .cs-41 .col-3 .item h3{ margin:80px 0 0; }
}
@media (max-width: 1019px) {
    .cs-41 .col-2{ width:100%; padding:0 0 50px; }
    .cs-41 .col-3{ width:100%; }
}
@media (max-width: 619px) {
    .cs-41{ padding:80px 0; }
    .cs-41 .col-2{ padding:0 0 50px; }
    .cs-41 .col-3 .lg{ font-size:24px; }
    .cs-41 .col-3 .item{ width:50%; }
    .cs-41 .col-3 .item:nth-child(4){ border-bottom:1px solid #fff; }
    .cs-41 .col-3 .items .item .box{ border-left:none; }
    .cs-41 .col-3 .item:nth-child(even) .box{ border-left:1px solid #fff; }
    .cs-41 .col-3 .item .num{ font-size:13px; }
    .cs-41 .col-3 .item h3{ font-size:18px; margin:40px 0 0; }
    .cs-41 .note{ margin: 100px 0 0; }
}

.cs-42{ padding:150px 0; }
.cs-42 .col-1{ width:60%; padding:0 60px 0 0; }
.cs-42 .col-1 .brackets{  text-transform:uppercase; }
.cs-42 .col-1 .lg{ font-size:42px; line-height:1.2; margin:60px 0 80px; }
.cs-42 .col-1 .item{ border-top:1px solid #222; }
.cs-42 .col-1 .item:last-child{ border-bottom:1px solid #222; }
.cs-42 .col-1 .item+.item{ }
.cs-42 .col-1 .t-item{ cursor:pointer; position:relative; transition: all .25s ease-in-out; }
.cs-42 .col-1 .t-item .q-title{ font-size:26px; font-weight:400; font-family: archivo-variable, sans-serif; text-transform:none; padding:35px 100px 35px 30px; display:flex; align-items:center; transition: all .25s ease-in-out;  }
.cs-42 .col-1 .t-item:hover .q-title{   }
.cs-42 .col-1 .t-item .icn{ position:absolute; top:50%; margin-top:-15px; right:20px; display:flex; width:30px; height:30px; transition: all .25s ease-in-out; }
.cs-42 .col-1 .t-item:hover .icn{ }
.cs-42 .col-1 .t-item .icn:after{ content:""; display:block; width:24px; height:24px; background:url(../img/icn/plus.svg) center center no-repeat; background-size:24px 24px; transition:all 0.4s ease; }
.cs-42 .col-1 .t-item.open .icn:after{ background-image:url(../img/icn/minus.svg); transform:rotate(180deg); }
.cs-42 .col-1 .c-item{ height:0; overflow:hidden; transition:all 0.4s ease; }
.cs-42 .col-1 .c-item.open{ }
.cs-42 .col-1 .c-item>div{ padding:0 30px 40px; }
.cs-42 .col-1 .c-item p+p{ margin-top:15px; }
.cs-42 .col-1 .c-item ul{ margin:10px 0 20px; }
.cs-42 .col-1 .c-item ul li+li{ margin:5px 0 0;}
.cs-42 .col-1 .c-item ul li{ font-size:18px; line-height:1.3; position:relative; padding:0 0 0 24px; }
.cs-42 .col-1 .c-item ul li:before{ content:">"; font-size:16px; line-height:1.4; position:absolute; left:0; top:0; }
.cs-42 .col-1 .c-item .apply a{ font-size:16px; padding:3px 0; text-transform:uppercase; transition-duration:.15s; }
.cs-42 .col-1 .c-item .apply a:hover{ background:#222; color:#fff; }
.cs-42 .col-1 .c-item .apply a span{transition: all .15s ease-in-out; }
.cs-42 .col-1 .c-item .apply a:hover span{ opacity:0; }
.cs-42 .col-1 .btns{ margin:100px 0 0; }
.cs-42 .col-2{ width:40%; align-items:flex-end; }
@media (max-width: 1479px) {
    .cs-42 .col-1 .lg{ font-size:30px; }
}
@media (max-width: 1019px) {
    .cs-42 .col-1{ width:100%; padding:0 0 100px; }
    .cs-42 .col-2{ width:100%; align-items:flex-start; }
}
@media (max-width: 619px) {
    .cs-42{ padding:100px 0; }
    .cs-42 .col-1{ padding:0 0 50px; }
    .cs-42 .col-1 .brackets{ font-size:13px; }
    .cs-42 .col-1 .lg{ font-size:24px; margin:30px 0 40px; }
    .cs-42 .col-1 .t-item .q-title{ font-size:18px; padding:24px 40px 24px 5px; }
	.cs-42 .col-1 .t-item .icn{ right:0; }
	.cs-42 .col-1 .t-item .icn:after{ background-size:18px 18px; }
    .cs-42 .col-1 .c-item{ font-size:14px; }
	.cs-42 .col-1 .c-item>div{ padding:0 5px 30px; }
    .cs-42 .col-1 .c-item ul li{ font-size:14px; }
    .cs-42 .col-1 .c-item ul li:before{ font-size:13px; line-height:1.2; }
    .cs-42 .col-1 .c-item .apply a{ font-size:13px; }
}

.cs-43{ padding:60px 0 150px; border-top: 1px solid #222;}
.cs-43 .top{ margin:0 0 200px; text-align: center;}
.cs-43 .col-1{ width:50%; padding:60px 60px 0 0; }
.cs-43 .col-1 h2{ font-size:70px; max-width:560px;}
.cs-43 .col-1 p{ margin:100px 0 40px; max-width:400px;}
.cs-43 .col-2{ width:50%; }
@media (max-width: 1479px) {
    .cs-43 .col-1 h2{ font-size:60px; }
}
@media (max-width: 1019px) {
    .cs-43 .col-1{ width:100%; padding:0 0 100px; }
    .cs-43 .col-2{ width:100%; }
}
@media (max-width: 619px) {
    .cs-43{ padding:60px 0 100px; }
    .cs-43 .top{ margin:0 0 60px; }
    .cs-43 .col-1{ padding:0 0 50px; }
    .cs-43 .col-1 h2{ font-size:35px;}
    .cs-43 .col-1 p{ margin:50px 0 30px;}
}

.cs-44{ position: relative;}
.cs-44:before{ content:""; display:block; width:100%; height:50%; position: absolute; left:0; top:-2px; background:#222;}
.cs-44 .outer-slider{ margin: 0 -25vw;}
.cs-44 .swiper{ cursor: grab; }
.cs-44 .swiper:active{ cursor: grabbing;}
.cs-44 .swiper-slide{ padding: 15px;}
.cs-44 .swiper-slide .img{ padding:25px; background:#fff; box-shadow:0 4px 8px 4px rgba(34, 34, 34, 0.12);
}
.cs-44 .swiper-slide .img .insta-controls{ padding:30px 0 10px; display:flex; gap:30px; align-items:center;}
.cs-44 .swiper-slide .img .insta-controls>div{ display:flex; gap:12px; font-size:18px; align-items:center; cursor: pointer; font-variant-numeric: tabular-nums;}
.cs-44 .swiper-slide .img .insta-controls>div:hover{ opacity:0.6;}
.cs-44 .swiper-slide .img .insta-controls .icn{ position: relative;}
.cs-44 .swiper-slide .img .insta-controls .icn .liked{ position:absolute; top:0; left:0; opacity:0;}
.cs-44 .swiper-slide .img .insta-controls .like.active .icn .liked{ opacity:1;}
@media (max-width: 1479px) {
    .cs-44 .swiper-slide{ padding:15px 10px;}
    .cs-44 .swiper-slide .img{ padding:20px; }
    .cs-44 .swiper-slide .img .insta-controls{ gap:20px; }
.cs-44 .swiper-slide .img .insta-controls>div{ gap:8px; font-size:15px; }
    .cs-44 .swiper-slide .img .insta-controls .icn{ width: 22px;}
}
@media (max-width: 1019px) {

}
@media (max-width: 619px) {
    .cs-44 .outer-slider{ margin: 0 -55vw;}
    .cs-44 .swiper-slide{ padding:15px 8px;}
    .cs-44 .swiper-slide .img{ padding:12px; }
    .cs-44 .swiper-slide .img .insta-controls{ padding:15px 0 5px; gap:15px; }
    .cs-44 .swiper-slide .img .insta-controls>div{ gap:5px; font-size:13px; }
    .cs-44 .swiper-slide .img .insta-controls .icn{ width: 16px;}
}

.cs-45{ padding:160px 0; overflow-x:clip; }
.cs-45 .title h2{ font-size:60px; margin:0 0 80px; max-width:860px;}
.cs-45 .col-1{ width:60%;}
.cs-45 .imgs{ overflow:hidden; width:100%; display:flex; align-items:center; margin:0 0 0 -60px; }
.cs-45 .imgs .rail{ display:flex; gap:20px; }
.cs-45 .imgs .rail img{ width:440px; aspect-ratio:5 / 7; object-fit:cover; }
.cs-45 .col-2{ width:40%; justify-content:center; padding:0 0 0 60px; }
.cs-45 .col-2>div{ max-width:500px;}
.cs-45 .col-2 .btns{ margin:50px 0 0; }
@media (max-width: 1479px) {
    .cs-45 .imgs .rail img{ width:360px; }
    .cs-45 .col-2{ padding:0 0 0 30px; }
}
@media (max-width: 1019px) {
    .cs-45 .title h2{ font-size:40px; }
    .cs-45 .col-1{ width:100%; }
    .cs-45 .imgs{ margin:0; }
    .cs-45 .col-2{ width:100%; padding:50px 0 0; }
}
@media (max-width: 619px) {
    .cs-45{ padding:100px 0; }
    .cs-45 .title h2{ font-size:30px; margin:0 0 50px;}
    .cs-45 .imgs{ margin:0 -20px; width:100vw; }
    .cs-45 .imgs .rail{ gap:10px; }
    .cs-45 .imgs .rail img{ width:200px; }
    .cs-45 .col-2 .btns{ margin:30px 0 0; }
}

/*GSAP*/
.gsap-split,
.gsap-split-load {
    opacity: 0;
    will-change: transform;
}
.gsap-split *,
.gsap-split-load * {
    will-change: transform;
}
.gsap-img {
    overflow: hidden;
}
.gsap-img img {
    width: 100%;
    height: auto;
    display: block;
    -webkit-clip-path: inset(100% 0 0 0);
    clip-path: inset(100% 0 0 0);
    will-change: clip-path;
}
.hover-scramble {
    display: inline-block;
    box-sizing: border-box;
    white-space: nowrap;
    overflow: hidden;
    vertical-align: middle;
}




.gsap.list-line-parent{ width:100%; align-items:flex-start; padding:0 0 0 40px; position:relative; overflow:clip; margin-top: 100px; }
.gsap.list-line-parent:before{ content:""; display:block; width:1px; height:100%; background:#222; opacity:0.2; position:absolute; top:0; left:0; }
.gsap.list-line-parent .line{ content:""; display:block; width:1px; height:0; background:#222; position:absolute; top:0; left:0; }
.gsap.list-line-parent .item{ padding:0 0 80px; max-width:100%; opacity:0.2; transition: all .25s ease-in-out; }
.gsap.list-line-parent .item[inView="1"]{ opacity:1; }
.gsap.list-line-parent .item.active{ opacity:1; }
.gsap.list-line-parent .item+.item{ /*margin:80px 0 0;*/ }
.gsap.list-line-parent .item:last-child{ padding:0; }
.gsap.list-line-parent .item .img-sm{ display:none; width:100%; }
.gsap.list-line-parent .item .item-title{ display:flex; align-items:center; }
.gsap.list-line-parent .item .item-title .num{ width:70px; font-size:16px; }
.gsap.list-line-parent .item .item-title h3{ font-size:32px; font-weight:400; font-family: archivo-variable, sans-serif; text-transform:none; }






/* Galerie - Réalisations */
.reals-horiz-gallery { padding-top: 40px; }
.reals-horiz-gallery .outer-slider{ width:calc(100% + 300px); margin:0 -300px 0 0; }
.reals-horiz-gallery .swiper{ width:100%; height:100%; overflow:visible; cursor: grab; }
.reals-horiz-gallery .swiper:active{ cursor: grabbing;}
.reals-horiz-gallery .swiper-slide{ padding:0 40px 0 0; width:auto; }
.reals-horiz-gallery .swiper-slide img{ object-fit:cover; width: auto; }
.reals-horiz-gallery .swiper-slide.square img{ width:760px; height:760px; }
.reals-horiz-gallery .bottom{ margin:40px 0 0; display:flex; justify-content:space-between; align-items:center; }
.reals-horiz-gallery .controls{ gap:20px; }
.reals-horiz-gallery .control{ width:40px; height:40px; cursor:pointer; }
.reals-horiz-gallery .control:hover{ background:var(--light2); }
.reals-horiz-gallery .control.swiper-control-prev{ transform:rotate(-180deg); }
.reals-horiz-gallery .swiper-pagination{ width:30vw; position:relative; z-index:2; }
.reals-horiz-gallery .swiper-pagination-progressbar{ background:#22222244; height:1px; }
.reals-horiz-gallery .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{ background:#222; }




.horiz-gallery-strip,
.horiz-gallery-wrapper{ display:flex; flex-wrap:nowrap; will-change:transform; position:relative; }
.horiz-progress{ width:100%; position:relative; z-index:2; margin:80px 0 0; height:1px; background:#ffffff22; }
.horiz-progress__bar { height:100%; width:100%; background:#fff; transform:scaleX(0); transform-origin:left center; }

.reals-list-line-section.twoCol { padding: 160px 0; display: flex; flex-direction: row; gap: 80px; justify-content: space-between; }
.reals-list-line-section.twoCol .left-col.lgText-block { width: 35%; max-width: 360px; padding: 0; }
.reals-list-line-section.twoCol .list-line-parent { max-width: 1060px; width: 65%; margin-top: 0; }
.reals-list-line-section.twoCol .list-line-parent .item .item-title h3 { width: calc(100% - 70px); }

@media (max-width: 1279px) {
    .reals-list-line-section.twoCol .list-line-parent .item .item-title h3 { font-size: 24px; }
}
@media (max-width: 900px) {
    .reals-list-line-section.twoCol { flex-direction: column; }
    .reals-list-line-section.twoCol .left-col.lgText-block { width: 100%; max-width: 100%; padding: 0; }
    .reals-list-line-section.twoCol .list-line-parent { max-width: 100%; width: 100%; margin-top: 0px; }
}