/*********************************RESET******************************/
*{margin:0;padding:0;box-sizing:border-box;}
.clear{ clear:both;}
.cfix:after, .container:after, .row:after {clear: both;}
.cfix:before, .cfix:after, .container:before, .container:after, .row:before, .row:after {content: "";display: table;}
img a{ border:none; }
img{ display:block; max-width:100%; }
a, button{text-decoration:none;color:inherit;transition: all .25s ease-in-out;}
a:hover,a:focus,a:active,button.btn:focus, button.btn:hover {outline:none;text-decoration:none;cursor:pointer;}
input:focus, button:focus, textarea:focus, select:focus{outline:none;transition: all .25s ease-in-out;}
h1,h2,h3,h4{font-weight:400}
p{ line-height:1.5; }
ul{ list-style:none;}
li{ list-style:none; }
strong{font-weight:700;}
html.sr .sr-hidden{ visibility:hidden; }/* class to prevent scrollreveal flickering*/
/*hide scrollbar*/
html{ /*scrollbar-width:none;*/ }/*ff*/
::-webkit-scrollbar{ /*display:none;*/ }/*chrome/edge*/

/*
FONTS
font-family: "DM Sans", sans-serif;
font-family: "Bagnard", serif; 400
*/

@font-face {
    font-family: 'Bagnard';
    src: url('../fonts/Bagnard.woff') format('woff'),
         url('../fonts/Bagnard.otf') format('opentype');
    font-weight: 400;
    font-display: swap;
    font-style: normal;
}


:root {
--dark:#140F0D;
--dark2:#211A18;
--dark3:#2C2725;
--light:#FFFCEE;
--light2:#EEEBDD;
--main:#FAD31D;
}

/*********************************BASE******************************/
body{ background:var(--dark); font-family: "DM Sans", sans-serif; font-size:20px; font-weight:500; line-height:1; position:relative; overflow-x:hidden; color:var(--light); }
body.blocked{ overflow:hidden; }
.outer-body{ /*overflow-x:hidden;*/ }
.trans{ transition: all .25s ease-in-out; }
h1,h2,h3,h4,h5,.f-title{ font-family: "Bagnard", serif; font-weight:400; line-height:1.1; }
.italic{  }
.t-br{ display:block; }
.center{ text-align:center; }
p{ font-family: "DM Sans", sans-serif; }
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: "DM Sans", 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:1660px; /*1600*/ width:100%; padding:0 30px; }
.container.xsm{ max-width:1280px; /*1220*/ }
.container.sm{ max-width:1420px; /*1360*/ }
.container.md{ max-width:1580px; /*1520*/ }
.container.lg{ max-width:1860px; /*1800*/ }
/*.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:18px; font-weight:600; display:flex; justify-content:center; align-items:center; height:66px; width:fit-content; padding:0 32px; background:var(--light); border:2px solid var(--light); border-radius:6px; color:var(--dark); }
.btn:hover{ background-color:var(--main); border-color:var(--main); color:var(--dark); }
.btn.dark{ background:var(--dark); border:2px solid var(--dark); color:var(--light); }
.btn.dark:hover{ background-color:var(--main); border-color:var(--main); color:var(--dark); }
@media (max-width: 1679px) {

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

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

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

}
@media (max-width: 1019px) {
	.container.mobile{ max-width:700px; }
}
@media (max-width: 879px) {

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

}
@media (max-width: 619px) {
	body{ font-size:15px; }
    .round{ border-radius:20px; }
	.container{ padding:0 20px; }
	.btn{ padding:0 20px; height:50px; font-size:13px; border-width:1px; }
    .btn .arrow{ width:12px; margin:0 0 0 15px; }
}

/*FORM*/
.outer-form input.input,
.outer-form textarea.input,
.outer-form select.input{ font-size:18px; padding:0 20px; height:60px; border-radius:6px; font-family: "DM Sans", sans-serif; font-weight:500; width:100%; border:2px solid var(--light2); background:#fff; color:var(--dark);  }
.outer-form input.input::placeholder,
.outer-form textarea.input::placeholder{ color:var(--grey); }
.outer-form .label{ font-size:18px; font-weight:600; margin:0 0 12px; display:block; }
.form-row .input:focus{ border:2px solid var(--dark); }
.form-row .input.in-error{ color:#dd0000; background-color:#f8d7da; border-color:#dd0000; }
.form-row textarea.input{ height:200px; padding-top:12px; resize:none; }
.form-row select.input{ -moz-appearance:none; -webkit-appearance:none; background:url("../img/icn/dropdown-2.svg") right 20px center no-repeat #fff; background-size:14px 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{ text-align:center; }
.outer-form .alert{ margin:30px 0 0; padding:30px 4vw; font-size:15px; line-height:1.3; border:1px solid var(--dark); border-radius:6px; }
.outer-form .alert-success{ color:#155724; background-color:#d4edda; border-color:#c3e6cb; }
.outer-form .alert-failed{ color:#dd0000; background-color:#f8d7da; border-color:#f5c6cb; }
.outer-form .btn{ margin:30px auto 0; min-width:200px; font-family: "DM Sans", sans-serif; border:none; color:var(--dark);  }
.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; }
.label-file input[type="file"]{position:absolute; left:-9999em; }
.label-file{cursor:pointer;	background:var(--light3); border-radius:12px; padding:40px; margin:0; display:block;}
.label-file:hover{background:var(--light2);}
.label-file .wrap{ align-items:center; justify-content:center; }
.label-file .icn{ width:40px; }
.label-file .desc{ padding:0 0 0 20px; }
.label-file .desc .lg{ font-size:18px; font-weight:600; margin:0 0 5px; /*color:var(--grey);*/ }
.label-file .desc .sm{ font-size:14px; /*color:var(--grey);*/  }
.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; }
	.outer-form select.input{ background-position:right 15px center; background-size:12px auto; }
    .outer-form textarea.input{ height:120px; }
    .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 .btn svg{ width:10px; margin:0 0 0 10px; }
	.outer-form .text-danger{ font-size:13px; }
	.outer-form .alert{ font-size:13px; border-radius:12px; }
	.outer-form .note{ font-size:11px; }
    .form-item{ margin:24px 0 0; }
	.label-file .desc{ padding:20px 0 0; width:100%; text-align:center; }
	.label-file .desc .f-title .lg{ font-size:14px; }
	.label-file .desc .f-title .sm{ font-size:12px; }
}

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

/*HEADER*/
.main-header{ padding:35px 40px; position:fixed; top:0; left:0; width:100%; z-index:10; }
.main-header.scroll{ top:-150px; }
.main-header .bar{ border-radius:6px; background:var(--light); color:var(--dark); }
.main-header .bar .col-1{ width:calc(50% - 75px); padding:0 40px; justify-content:center; }
.main-header .bar .col-1 ul{ display:flex; gap:30px; }
.main-header .bar .col-1 ul li a{ font-size:18px; font-weight:800; }
.main-header .bar .col-1 ul li a:hover{ color:var(--main); }
.main-header .bar .col-2{ width:150px; }
.main-header .bar .col-2 a{ margin:-25px 0; position:relative; z-index:2; }
.main-header .bar .col-3{ width:calc(50% - 75px); padding:15px; align-items:flex-end; justify-content:center; }
.main-header .bar .col-3>div{ display:flex; gap:30px; align-items:center; }
.main-header .bar .col-3 .btn{ font-size:16px; font-weight:700; padding:0 30px; height:50px; gap: 5px; }
.main-header .bar .col-3 .lang{ font-size:18px; font-weight:800; }
.main-header .bar .col-3 .lang:hover{ color:var(--main); }
.main-header .bar .col-3 .search{ width:50px; align-items:flex-end; }
.main-header .bar .col-3 .search a{  }
.main-header .bar .col-3 .search form{position:relative;transition:all 1s;width:50px;height:50px;z-index:3}
.main-header .bar .col-3 .search input{position:absolute;top:0;left:0;width:100%;height:50px;line-height:30px;outline:0;border:2px solid var(--dark);background:var(--light);display:none;border-radius:100px;padding:0 30px 0 20px;font-size:16px;font-weight:500;font-family: "DM Sans", sans-serif;}
.main-header .bar .col-3 .search .icn{width:50px;height:50px;position:absolute;top:0;right:0;transition:all 1s}
.main-header .bar .col-3 .search .icn svg{ width:22px; }
.main-header .bar .col-3 .search form:hover{width:200px;cursor:pointer}
.main-header .bar .col-3 .search form:hover input{display:block;}
.main-header .bar .col-3 .search form:hover .icn{color:var(--dark);}
@media (max-width: 1859px) {
    .main-header{ padding:35px 30px; }
}
@media (max-width: 1679px) {

}
@media (max-width: 1479px) {
    .main-header .bar .col-3>div{ gap:20px; }
}
@media (max-width: 1359px) {

}
@media (max-width: 1279px) {
    .main-header .bar .col-1{ padding:0 30px; }
    .main-header .bar .col-1 ul li a{ font-size:16px; }
    .main-header .bar .col-3 .btn span{ display:none; }
}
@media (max-width: 1019px) {
    .main-header .bar .col-1{ padding:0 10px; }
    .main-header .bar .col-1 ul{ display:none; }
    .main-header .bar .col-3 .btn{ display:none; }
}
@media (max-width: 619px) {
    .main-header{ padding:20px; }
    .main-header .bar .col-1{ width:calc(50% - 60px); }
    .main-header .bar .col-2{ width:120px; }
    .main-header .bar .col-2 a{ margin:-15px 0; }
    .main-header .bar .col-3{ width:calc(50% - 60px); padding:10px; }
    .main-header .bar .col-3>div{ gap:10px; }
    .main-header .bar .col-3 .lang{ font-size:15px; }
    .main-header .bar .col-3 .search{ width:40px; }
    .main-header .bar .col-3 .search form{width:40px;height:40px;}
    .main-header .bar .col-3 .search input{height:40px;font-size:14px;}
    .main-header .bar .col-3 .search .icn{width:40px;height:40px;}
    .main-header .bar .col-3 .search .icn svg{ width:18px; }
}

/*SUBMENU*/
.main-header .sub-menu{ margin:-10px 0 0; border-radius:6px; background:var(--light); color:var(--dark); overflow:hidden; visibility:hidden; opacity:0; max-height:0; transition:opacity 150ms ease-out, visibility 0ms ease-in 500ms, max-height 0ms ease-in 500ms; }/*500ms delay for closing visibility/max-height*/
.main-header .sub-menu.open{ opacity:1; visibility:visible; max-height:100vh; transition:opacity 150ms ease-in, visibility 0ms ease-in 0ms, max-height 0ms ease-in 0ms; }/*0ms delay for opening visibility/max-height*/
.main-header .sub-menu>div{ padding:60px 40px 40px; }
.main-header .sub-menu ul{ margin:0 -5px; display:flex; flex-wrap:wrap; }
.main-header .sub-menu li{ width:20%; padding:5px; display:flex; flex-direction:column; }
.main-header .sub-menu li a{ font-size:18px; padding:30px; border-radius:4px; height:100%; text-wrap:balance; line-height:1.2; text-align:center; background:var(--light2); }
.main-header .sub-menu li a:hover{ background:var(--main); }
@media (max-width: 1479px) {
    .main-header .sub-menu li a{ font-size:16px; padding:20px; }
}
@media (max-width: 1279px) {
    .main-header .sub-menu>div{ padding:60px 30px 30px; }
    .main-header .sub-menu li a{ font-size:15px; padding:20px 15px; }
}
@media (max-width: 1019px) {
    .main-header .sub-menu{ display:none; }
}

/*MENU MOBILE*/
#mobile-btn{ width:60px; height:60px; z-index:12; display:none; }
#mobile-btn img{ width:24px; }
#mobile-btn .close-icn{ display:none; }
#mobile-btn.open .open-icn{ display:none; }
#mobile-btn.open .close-icn{ display:block; }
@media (max-width: 1019px) {
    #mobile-btn{ display:flex; }
}
@media (max-width: 619px) {
    #mobile-btn{ width:40px; height:40px; }
}

#mobile-menu{ padding:180px 60px 20px; position:fixed; width:100%; height:100dvh; top:0; left:-110vw; overflow:auto; background:var(--dark); z-index:1; display:none; }
#mobile-menu.open{ left:0; }
#mobile-menu .menu li+li{ border-top:1px solid var(--dark2); }
#mobile-menu .menu li>a{ font-size:18px; line-height:1.2; padding:15px 0; display:block; position:relative; }
#mobile-menu .menu .has-sub a svg{ width:24px; position:absolute; top:50%; right:0; margin:-12px 0 0; }
#mobile-menu .menu .has-sub a.open svg{ transform:rotate(180deg); }
#mobile-menu .sub-menu{ max-height:0; overflow:hidden; transition:max-height 0.6s ease; }
#mobile-menu .sub-menu.open{ max-height:650px; }
#mobile-menu .menu .sub-menu li>a{ font-size:15px; padding:15px 0 15px 30px; }
@media (max-width: 1019px) {
    #mobile-menu{ display:block; }
}
@media (max-width: 619px) {
    #mobile-menu{ padding:130px 40px 20px; }
}

/*BACK TO TOP*/
#back-to-top{ display:flex; width:50px; height:50px; border-radius:6px; background-color:var(--main); color:#fff; position:fixed; right:15px; bottom:5px; visibility:hidden; opacity:0; z-index:4; }
#back-to-top.scroll{ bottom:15px; visibility:visible; opacity:1; }
#back-to-top:hover{ background-color:var(--main2);  color:#fff; }
#back-to-top svg{ width:18px; transform:rotate(-90deg); }
@media (max-width: 619px) {
	#back-to-top{ width:50px; height:50px; right:15px; bottom:5px; }
    #back-to-top.scroll{ bottom:15px; }
    #back-to-top svg{ width:15px; }
}

/*FOOTER*/
.main-footer{ padding:50px 0; }
.main-footer .top{ padding:50px 0; border-top:1px solid var(--main); }
.main-footer .top .wrap{ justify-content:space-between; }
.main-footer .top .col{ max-width:33.3333333%; padding:0 20px 0 0; margin:0 0 50px; }
.main-footer .top .sm{ font-size:16px; font-weight:400; margin:0 0 10px; text-transform:uppercase; }
.main-footer .top .lg{ font-size:36px; line-height:1.2; }
.main-footer .top .lg a:hover{ color:var(--main); }
.main-footer .bottom{ padding:40px 0 10px; font-size:16px; font-weight:400; border-top:1px solid var(--main); }
.main-footer .bottom a:hover{ opacity:0.5; }
.main-footer .bottom .col-1{ width:33.33333333%; }
.main-footer .bottom .col-1>div{ display:flex; gap:8px; }
.main-footer .bottom .col-1 .dgk a{ display:inline-flex; gap:5px; }
.main-footer .bottom .col-2{ width:33.33333333%; text-align:center; }
.main-footer .bottom .col-2>div{ display:flex; gap:5px; justify-content:center; }
.main-footer .bottom .col-2 .active{ font-weight:700; }
.main-footer .bottom .col-3{ width:33.33333333%; text-align:right; }
@media (max-width: 1479px) {

}
@media (max-width: 1279px) {
    .main-footer .top .lg{ font-size:30px; }
    .main-footer .bottom{ font-size:12px; }
}
@media (max-width: 1019px) {
    .main-footer .top .col{ max-width:100%; width:100%; }
    .main-footer .bottom .col-1{ width:100%; text-align:center; }
    .main-footer .bottom .col-1>div{ justify-content:center; }
    .main-footer .bottom .col-2{ margin:15px 0; width:100%; text-align:center; }
    .main-footer .bottom .col-3{ width:100%; text-align:center; }
}
@media (max-width: 619px) {
    .main-footer .top .sm{ font-size:14px; }
}

/*CONTENT SECTIONS*/
.hero-home{ margin:-50px 0 0; position:relative; }
.hero-home .parallax-bg{ min-height:650px; height:calc(100dvh - 50px); max-height:900px; background:url("../img/bg-home-lg.jpg") center 25px / cover no-repeat var(--dark); position:relative; overflow:hidden; }
.hero-home .content{ margin:0 auto; position:absolute; bottom:0; width:100%; }
.hero-home .content>div{ padding:0 30px; margin:0 auto; max-width:1400px; }
.hero-home .content h1{ font-size:90px; margin:0 0 50px; text-align:center; color:#fff; }
.hero-home .content .box{ padding:20px; height:90px; max-width:1080px; margin:0 auto -45px; border-radius:6px; background:var(--light); color:var(--dark); }
.hero-home .content .box .col-1{ width:60px; }
.hero-home .content .box .col-1 svg{ width:22px; }
.hero-home .content .box .col-2{ width:calc(100% - 220px); justify-content:center; }
.hero-home .content .box .col-2 input{width:100%;height:50px;outline:0;border:none;background:var(--light);padding:0 30px 0 10px;font-size:18px;font-weight:500;font-family: "DM Sans", sans-serif;}
.hero-home .content .box .col-2 input::placeholder{ color:var(--dark); }
.hero-home .content .box .col-3{ width:160px; justify-content:center; align-items:flex-end; }
.hero-home .content .box .col-3 .btn{ font-size:16px; font-weight:700; padding:0 30px; height:50px; }
@media (max-width: 1479px) {
    .hero-home .content h1{ font-size:80px; text-wrap:balance; }
}
@media (max-width: 1279px) {
    .hero-home .parallax-bg{ min-height:600px; height:90dvh; max-height:800px; background-position:center center; }
}
@media (max-width: 1019px) {
    .hero-home .content h1{ font-size:60px; }
}
@media (max-width: 619px) {
    .hero-home .parallax-bg{  }
    .hero-home .content>div{ padding:0 20px; }
    .hero-home .content h1{ font-size:40px; }
    .hero-home .content .box{ height:auto; margin:0 auto -75px; }
    .hero-home .content .box .col-1{ width:40px; }
    .hero-home .content .box .col-1 svg{ width:20px; }
    .hero-home .content .box .col-2{ width:calc(100% - 40px); justify-content:center; }
    .hero-home .content .box .col-2 input{padding:0;font-size:15px;}
    .hero-home .content .box .col-3{ width:100%; margin:10px 0 0; }
    .hero-home .content .box .col-3 .btn{ font-size:14px; width:100%; }
}

.cs-1{ padding:280px 0 230px; }
.cs-1 .title{ margin:0 0 100px; max-width:900px; }
.cs-1 .title h2{ font-size:72px; }
.cs-1 .title .sm{ font-size:26px; font-weight:400; margin:10px 0 0; text-transform:uppercase; }
.cs-1 .col-1{ width:55%; align-items:flex-end; }
.cs-1 .col-2{ width:45%; padding:0 0 0 120px; justify-content:center; }
.cs-1 .col-2 .btns{ margin:40px 0 0; }
@media (max-width: 1279px) {
    .cs-1 .col-1{ width:50%; }
    .cs-1 .col-2{ width:50%; padding:0 0 0 80px; }
}
@media (max-width: 1019px) {
    .cs-1{ padding:200px 0 160px; }
    .cs-1 .title h2{ font-size:55px; }
    .cs-1 .col-1{ width:100%; align-items:stretch; }
    .cs-1 .col-1 img{ width:100%; }
    .cs-1 .col-2{ width:100%; padding:50px 0 0; }
}
@media (max-width: 619px) {
    .cs-1 .title{ margin:0 0 50px; }
    .cs-1 .title h2{ font-size:36px; }
    .cs-1 .title .sm{ font-size:18px; margin:20px 0 0; }
}

.cs-2{ position:relative; overflow-x:clip; }
.cs-2:before{ content:""; position:absolute; left:60px; top:0; right:0; height:80%; background:var(--light); }
.cs-2 .top{ padding:140px 0 80px; color:var(--dark); }
.cs-2 .top>.wrap{ justify-content:space-between; align-items:flex-end; }
.cs-2 .top .col-1{ max-width:750px; padding:0 30px 0 0; }
.cs-2 .top .col-1 h2{ font-size:72px; }
.cs-2 .top .col-2 .nav-slider{ display:flex; gap:10px; margin:30px 0 0; }
.cs-2 .top .col-2 .nav-slider .control{ width:90px; height:50px; border-radius:6px; border:2px solid var(--dark); color:var(--dark); cursor:pointer; }
.cs-2 .top .col-2 .nav-slider .control:hover{ background:var(--dark); color:var(--light); }
.cs-2 .top .col-2 .nav-slider .control svg{ height:18px; }
.cs-2 .top .col-2 .nav-slider .control.prev svg{ transform:rotate(-180deg); }
.cs-2 .outer-slider{ margin:0 -300px 0 0; }
.cs-2 .tns-ovh{ overflow:visible; }
.cs-2 .inner-slide{ padding:0 40px 0 0; }
.cs-2 .inner-slide a:hover{ color:var(--main); }
.cs-2 .inner-slide .img{ overflow:hidden; position:relative; background:var(--dark); }
.cs-2 .inner-slide .img img{ width:100%; }
.cs-2 .inner-slide .img:after{ content:""; position:absolute; left:0; top:0; right:0; bottom:0; background:var(--dark); mix-blend-mode:multiply; opacity:0.2; }
.cs-2 .inner-slide a:hover .img img{ transform:scale(1.1); opacity:0.5; filter:grayscale(1); }
.cs-2 .inner-slide .sm{ font-size:24px; line-height:1.3; padding:15px 0; text-wrap:balance; }
@media (max-width: 1679px) {
    .cs-2{ padding:0 0 0 100px; }
}
@media (max-width: 1479px) {
    .cs-2 .inner-slide .sm{ font-size:20px; }
}
@media (max-width: 1019px) {
    .cs-2 .top .col-1 h2{ font-size:60px; }
}
@media (max-width: 619px) {
    .cs-2{ padding:0 0 0 40px; }
    .cs-2:before{ left:20px; }
    .cs-2 .top{ padding:100px 0 50px; }
    .cs-2 .top .col-1 h2{ font-size:36px; }
    .cs-2 .top .col-2 .nav-slider .control{ width:70px; height:40px; }
    .cs-2 .top .col-2 .nav-slider .control svg{ height:15px; }
    .cs-2 .outer-slider{ margin:0 -200px 0 0; }
    .cs-2 .inner-slide{ padding:0 20px 0 0; }
    .cs-2 .inner-slide .sm{ font-size:15px; }
}

.cs-3{ padding:250px 0 150px; overflow-x:clip; }
.cs-3 .col-1{ width:37%; padding:0 120px 0 0; justify-content:center; }
.cs-3 .col-1>div{ max-width:440px; }
.cs-3 .col-1 h2{ font-size:72px; padding:0 0 40px; border-bottom:1px solid var(--main); margin:0 0 40px; }
.cs-3 .col-1 h2 .sm{ font-size:26px; font-weight:400; font-family:"DM Sans", sans-serif; margin:10px 0 0; text-transform:uppercase; }
.cs-3 .col-1 .btns{ margin:40px 0 0; }
.cs-3 .col-2{ width:63%; }
.cs-3 .col-2 img{ width:65vw; max-width:none; }
@media (max-width: 1479px) {
    .cs-3 .col-1{ width:45%; }
    .cs-3 .col-2{ width:55%; }
    .cs-3 .col-2 img{ width:64vw; }
}
@media (max-width: 1279px) {
    .cs-3 .col-1{ padding:0 80px 0 0; }
    .cs-3 .col-1 h2{ font-size:60px; }
    .cs-3 .col-2 img{ height:600px; object-fit:cover; }
}
@media (max-width: 1019px) {
    .cs-3 .col-1{ width:100%; padding:0 0 50px; }
    .cs-3 .col-2{ width:100%; }
    .cs-3 .col-2 img{ width:100%; height:auto; }
}
@media (max-width: 619px) {
    .cs-3{ padding:120px 0 100px; }
    .cs-3 .col-1 h2{ font-size:36px; }
    .cs-3 .col-1 h2 .sm{ font-size:18px; margin:20px 0 0; }
}

.hero-products{ margin:-50px 0 0; position:relative; }
.hero-products .parallax-bg{ height:600px; background-position:center 25px; background-size:cover; background-repeat:no-repeat; background-color:var(--dark); position:relative; overflow:hidden; }
.hero-products .parallax-bg:after{ content:""; position:absolute; left:0; top:0; right:0; bottom:0; background:var(--dark); mix-blend-mode:multiply; opacity:0.5; }
.hero-products .content{ margin:0 auto; position:absolute; bottom:0; width:100%; }
.hero-products .content>div{ padding:0 30px; margin:0 auto; max-width:1660px; }
.hero-products .content h1{ font-size:90px; margin:0 0 50px; color:#fff; text-wrap:balance; }
.hero-products .content .box{ padding:20px; height:90px; margin:0 auto -45px; border-radius:6px; background:var(--light); color:var(--dark); }
.hero-products .content .box .col-1{ width:60px; }
.hero-products .content .box .col-1 svg{ width:22px; }
.hero-products .content .box .col-2{ width:calc(50% - 110px); justify-content:center; }
.hero-products .content .box .col-2 input{width:100%;height:50px;outline:0;border:none;background:var(--light);padding:0 30px 0 10px;font-size:18px;font-weight:500;font-family: "DM Sans", sans-serif;}
.hero-products .content .box .col-2 input::placeholder{ color:var(--dark); }
.hero-products .content .box .col-2-2{ width:calc(50% - 110px); padding:0 20px; justify-content:center; border-left:1px solid var(--main); }
.hero-products .content .box .col-2-2 select{ -moz-appearance:none; -webkit-appearance:none; background:url("../img/icn/dropdown-2.svg") right 10px center no-repeat var(--light); background-size:14px auto; padding:10px 30px 10px 10px;font-size:18px;font-weight:800; border:none;font-family: "DM Sans", sans-serif; }
.hero-products .content .box .col-2-2  select::-ms-expand{ display:none; }
.hero-products .content .box .col-3{ width:160px; justify-content:center; align-items:flex-end; }
.hero-products .content .box .col-3 .btn{ font-size:16px; font-weight:700; padding:0 30px; height:50px; }
@media (max-width: 1479px) {
    .hero-products .content h1{ font-size:80px; text-wrap:balance; }
}
@media (max-width: 1279px) {
    .hero-products .parallax-bg{ background-position:center center; }
}
@media (max-width: 1019px) {
    .hero-products .content h1{ font-size:60px; }
    .hero-products .content .box{ height:auto; margin:0 auto -75px; }
    .hero-products .content .box .col-2{ width:calc(100% - 60px); }
    .hero-products .content .box .col-2-2{ width:100%; padding:10px 0; margin:10px 0 0; border-left:none; border-top:1px solid var(--main); }
    .hero-products .content .box .col-3{ width:100%; margin:10px 0 0; }
    .hero-products .content .box .col-3 .btn{ width:100%; }
}
@media (max-width: 619px) {
    .hero-products .parallax-bg{  }
    .hero-products .content>div{ padding:0 20px; }
    .hero-products .content h1{ font-size:40px; }
    .hero-products .content .box{ height:auto; margin:0 auto -75px; }
    .hero-products .content .box .col-1{ width:40px; }
    .hero-products .content .box .col-1 svg{ width:20px; }
    .hero-products .content .box .col-2{ width:calc(100% - 40px); justify-content:center; }
    .hero-products .content .box .col-2 input{padding:0;font-size:15px;}
    .hero-products .content .box .col-2-2 select{font-size:15px; background-size:12px auto; }
    .hero-products .content .box .col-3{ width:100%; margin:10px 0 0; }
    .hero-products .content .box .col-3 .btn{ font-size:14px; width:100%; }
}

.cs-4{ padding:120px 0 150px; }
.cs-4 .docs{ padding:30px 0; border-top:1px solid var(--main); border-bottom:1px solid var(--main); }
.cs-4 .docs .col-1{ width:350px; padding:13px 60px 0 0; }
.cs-4 .docs .col-2{ width:calc(100% - 350px); }
.cs-4 .docs .col-2 .wrap{ gap:10px; }
.cs-4 .docs .col-2 .doc{font-size:16px;font-weight:700;display:inline-flex;padding:12px 20px 12px 12px;justify-content:center;align-items:center;gap:10px;border-radius:6px;background:var(--dark2)}
.cs-4 .docs .col-2 .doc:hover{ background:var(--main); color:var(--dark); }
.cs-4 .docs .col-2 .doc>div{display:flex;padding:4px 8px 3px;justify-content:center;align-items:center;gap:10px;border-radius:4px;background:var(--dark);color:var(--light);}
.cs-4 .items{ margin:60px -20px 0; }
.cs-4 .item{ width:25%; padding:0 20px 60px; }
.cs-4 .item a{ display:block; }
.cs-4 .item a:hover{ color:var(--main); }
.cs-4 .item .img{ height:280px; overflow:hidden; position:relative; background:#2c2725; display:flex; align-items:center; justify-content:center; }
.cs-4 .item .img img{ width:100%; }
.cs-4 .item .img:after{ content:""; position:absolute; left:0; top:0; right:0; bottom:0; background:var(--dark); mix-blend-mode:multiply; opacity:0.2; }
.cs-4 .item a:hover .img img{ transform:scale(1.1); opacity:0.5; filter:grayscale(1); }
.cs-4 .item .img .num{ font-size:14px; font-weight:700; padding:6px 8px; position:absolute; bottom:8px; right:8px; border-radius:6px; background:rgba(33, 26, 24, 0.50); color:var(--light); }
.cs-4 .item a:hover .img .num{ background:var(--dark); }
.cs-4 .item .sm{padding:12px 0 10px; font-size:14px;font-weight:400;text-transform:uppercase;opacity:0.6;color:var(--light); }
.cs-4 .item a:hover .sm{ opacity:1; }
.cs-4 .item h3{ font-size:22px; line-height:1.2; font-family:"DM Sans", sans-serif; font-weight:500; text-wrap:balance; }
.cs-4 .pager{ margin:80px 0 0; }
.cs-4 .pager .inner{ display:flex; flex-wrap:wrap; justify-content:center; gap:10px; }
.cs-4 .pager .num{ display:flex; width:90px; height:50px; border:2px solid var(--dark3); border-radius:6px; font-size:24px; }
.cs-4 .pager .num:hover{ border-color:var(--light); }
.cs-4 .pager .num.current, .cs-4 .pager .num.current:hover{ background:var(--light); border-color:var(--light); color:var(--dark); }
.cs-4 .pager .num.gap, .cs-4 .pager .num.gap:hover{ border-color:var(--dark3); color:var(--dark3); }
.cs-4 .pager .num.gap svg{ width:20px; }
.cs-4 .pager .num.arrow svg{ width:28px; }
.cs-4 .pager .num.prev svg{ transform:rotate(180deg); }
.cs-4 .search-results-header{ margin-bottom:1.5rem; padding-bottom:1rem; /* border-bottom:1px solid #e0e0e0; */ }
.cs-4 .search-results-header h2{ font-size:1.75rem; margin-bottom:0.5rem; color:var(--light); }
.cs-4 .search-results-count{ padding:15px 20px; border-radius:6px; border:2px solid var(--dark2); width:fit-content; }
.cs-4 .category-group{ margin-bottom:4rem; }
.cs-4 .category-group:last-child{ margin-bottom:2rem; }
.cs-4 .category-title{ font-size:50px; padding:50px 0 30px; border-top:1px solid var(--main); }
.cs-4 .subcategory-group{ margin-bottom:2.5rem; }
.cs-4 .subcategory-title{ font-size:18px; padding:15px 20px; border-radius:6px; background:var(--dark2); width:fit-content; }
.cs-4 .no-results-message{ width:100%; text-align:center; padding:4rem 2rem; background:#f9f9f9; border-radius:8px; margin:2rem 0; }
.cs-4 .no-results-message p{ font-size:1.2rem; color:#6b6464; margin-bottom:1rem; }
.cs-4 .no-results-message a{ color:#B8956E; text-decoration:underline; font-weight:500; }
@media (max-width: 1479px) {
    .cs-4 .item{ width:33.333333%; }
}
@media (max-width: 1279px) {
    .cs-4 .item .sm{font-size:12px; }
    .cs-4 .item h3{ font-size:20px; }
}
@media (max-width: 1019px) {
    .cs-4 .docs .col-1{ width:100%; padding:0 0 20px; }
    .cs-4 .docs .col-2{ width:100%; }
    .cs-4 .item{ width:50%; }
    .cs-4 .pager .num{ width:70px; font-size:22px; }
    .cs-4 .pager .num.gap svg{ width:18px; }
    .cs-4 .pager .num.arrow svg{ width:24px; }
}
@media (max-width: 619px) {
    .cs-4{ padding:120px 0 50px; }
    .cs-4 .docs .col-1 .f-title{ font-size:17px; }
    .cs-4 .docs .col-2 .doc{font-size:12px;padding:10px 20px 10px 10px;gap:10px;border-radius:4px;}
    .cs-4 .docs .col-2 .doc>div{padding:3px 6px;border-radius:3px;}
    .cs-4 .item{ width:100%; }
    .cs-4 .pager{ margin:30px 0 0; }
    .cs-4 .pager .inner{ gap:6px; }
    .cs-4 .pager .num{ width:40px; height:40px; font-size:16px; }
    .cs-4 .pager .num.gap svg{ width:14px; }
    .cs-4 .pager .num.arrow svg{ width:16px; }
    .cs-4 .category-title{ font-size:30px; }
    .cs-4 .subcategory-title{ font-size:14px; padding:12px 15px; margin:0; }
}

.cs-5 .title{ padding:400px 0 1px; text-align:center; }
.cs-5 .title h1{ font-size:90px; }
.cs-5 .title .drop{ width:50px; height:90px; margin:80px 0 -45px; border-radius:6px; border:2px solid var(--main); color:var(--light); position:relative; z-index:2;}
.cs-5 .title .drop:hover{ background:var(--main); color:var(--dark); transform:translateY(10px)}
.cs-5 .title .drop svg{ height:18px; transform:rotate(90deg); }
.cs-5 .parallax-bg{ height:600px; background:url("../img/services-1.jpg") center -312.5px / auto no-repeat var(--dark); position:relative; overflow:hidden; }
@media (max-width: 1479px) {
    .cs-5 .title h1{ font-size:80px; }
    .cs-5 .parallax-bg{ height:500px; }
}
@media (max-width: 1279px) {
    .cs-5 .parallax-bg{ background-size:cover; background-position:center; }
}
@media (max-width: 1019px) {
    .cs-5 .title h1{ font-size:60px; }
}
@media (max-width: 619px) {
    .cs-5 .title{ padding:200px 0 1px; }
    .cs-5 .title h1{ font-size:40px; }
    .cs-5 .title .drop{ width:40px; height:70px; margin:50px 0 -35px; }
    .cs-5 .title .drop svg{ height:16px; }
    .cs-5 .parallax-bg{ height:300px; }
}

.cs-6{ padding:120px 0; }
.cs-6 .title{ display:flex; justify-content:flex-end; }
.cs-6 .title h2{ font-size:72px; margin:0 0 120px; max-width:1100px; }
.cs-6 .col-1{ width:55%; }
.cs-6 .col-2{ width:45%; padding:0 0 50px 120px; justify-content:center; align-items:flex-end; }
.cs-6 .col-2>div{ max-width:560px; }
@media (max-width: 1479px) {

}
@media (max-width: 1279px) {
    .cs-6 .title h2{ font-size:60px; }
    .cs-6 .col-1 img{ height:400px; object-fit:cover; }
    .cs-6 .col-2{ padding:0 0 0 80px; }
}
@media (max-width: 1019px) {
    .cs-6 .title h2{ font-size:52px; margin:0 0 80px; }
    .cs-6 .col-1{ width:100%; }
    .cs-6 .col-1 img{ width:100%; height:auto; }
    .cs-6 .col-2{ width:100%; padding:50px 0 0; }
    .cs-6 .col-2>div{ max-width:100%; }
}
@media (max-width: 619px) {
    .cs-6{ padding:100px 0; }
    .cs-6 .title h2{ font-size:36px; margin:0 0 50px; }
}

.cs-7 .box{ padding:140px 100px; background:var(--light); color:var(--dark); }
.cs-7 h3{ font-size:72px; margin:0 0 50px; }
.cs-7 .items{ margin:0 -20px; }
.cs-7 .item{ width:25%; padding:20px; }
.cs-7 .item img{ width:100%; }
.cs-7 .item .sm{ font-size:24px; padding:18px 0 0; }
@media (max-width: 1479px) {
    .cs-7 .box{ padding:140px 80px; }
    .cs-7 .items{ margin:0 -15px; }
    .cs-7 .item{ width:25%; padding:15px; }
}
@media (max-width: 1279px) {
    .cs-7 .items{ margin:0 -20px; }
    .cs-7 .item{ width:50%; padding:20px; }
}
@media (max-width: 1019px) {
    .cs-7 h3{ font-size:60px; }
    .cs-7 .item .sm{ font-size:20px; }
}
@media (max-width: 619px) {
    .cs-7 .box{ padding:100px 30px; }
    .cs-7 h3{ font-size:36px; margin:0 0 30px; }
    .cs-7 .item{ width:100%; }
    .cs-7 .item .sm{ font-size:18px; }
}

.cs-8{ padding:160px 0; }
.cs-8 .col-1{ width:65%; padding:0 120px 0 0; }
.cs-8 .col-1 .title{ max-width:650px; margin:0 0 60px; }
.cs-8 .col-1 .title h2{ font-size:72px; margin:0 0 30px; }
.cs-8 .item:first-child{ border-top:1px solid var(--main); }
.cs-8 .item{ padding:60px 0; border-bottom:1px solid var(--main); }
.cs-8 .item .icn{ width:160px; }
.cs-8 .item .desc{ width:calc(100% - 160px); padding:0 0 0 20px; justify-content:center; }
.cs-8 .item .desc h3{ font-size:32px; margin:0 0 20px; }
.cs-8 .col-2{ width:35%; align-items:flex-end; }
.cs-8 .col-2>div{ position:sticky; top:20px; }
@media (max-width: 1019px) {
    .cs-8 .col-1{ width:100%; padding:0 0 60px; }
    .cs-8 .col-1 .title h2{ font-size:60px; }
    .cs-8 .col-2{ width:100%; align-items:stretch; }
    .cs-8 .col-2 img{ width:100%; }
}
@media (max-width: 619px) {
    .cs-8{ padding:100px 0; }
    .cs-8 .col-1 .title h2{ font-size:36px; margin:0 0 20px; }
    .cs-8 .item .icn{ width:60px; justify-content:flex-start; }
    .cs-8 .item .desc{ width:calc(100% - 60px); padding:0 0 0 30px; }
    .cs-8 .item .desc h3{ font-size:26px; }
}

.cs-9{ padding:50px 60px 100px 0; }
.cs-9 .col-1{ width:33%; }
.cs-9 .col-2{ width:67%; }
.cs-9 .col-2>div{ padding:160px 120px; background:var(--light); color:var(--dark); }
.cs-9 .col-2 .f-title{ font-size:72px; }
.cs-9 .col-2 .btns{ margin:80px 0 0; display:flex; justify-content:flex-end; position:relative; }
.cs-9 .col-2 .btns:after{ content:""; position:absolute; left:-30%; width:calc(130% - 250px); top:50%; height:1px; background:var(--main); }
@media (max-width: 1479px) {
    .cs-9 .col-2>div{ padding:120px 100px; }
    .cs-9 .col-2 .f-title{ font-size:60px; }
}
@media (max-width: 1279px) {
    .cs-9 .col-1 img{ height:90%; object-fit:cover; }
}
@media (max-width: 1019px) {
    .cs-9{ padding:50px 0 100px; }
    .cs-9>div{ max-width:700px; padding:0 30px; margin:0 auto; }
    .cs-9 .col-1{ display:none; }
    .cs-9 .col-2{ width:100%; }
    .cs-9 .col-2 .f-title{ font-size:52px; }
    .cs-9 .col-2 .btns:after{ left:-100px; width:calc(100% - 150px); }
}
@media (max-width: 619px) {
    .cs-9{ padding:0 0 50px; }
    .cs-9>div{ padding:0 20px; }
    .cs-9 .col-2>div{ padding:80px 30px; }
    .cs-9 .col-2 .f-title{ font-size:36px; }
    .cs-9 .col-2 .btns{ margin:50px 0 0; }
    .cs-9 .col-2 .btns:after{ left:-30px; width:calc(100% - 130px); }
}

.cs-10{ padding:200px 0 160px; overflow-x:clip; }
.cs-10 .cols{ margin:0 -40px; }
.cs-10 .col-1{ width:50%; padding:0 40px; }
.cs-10 .col-1 .inner-slide img{ width:100%; }
.cs-10 .col-1 .inner-slide img:hover{ cursor: zoom-in; }
.cs-10 .col-1 .nav-slider{ gap:40px; margin:30px 0 0; }
.cs-10 .col-1 .nav-slider .control{ width:90px; height:50px; border-radius:6px; border:2px solid var(--dark3); cursor:pointer; }
.cs-10 .col-1 .nav-slider .control:hover{ border-color:var(--light); background:var(--light); color:var(--dark); }
.cs-10 .col-1 .nav-slider .control svg{ height:18px; }
.cs-10 .col-1 .nav-slider .control.prev svg{ transform:rotate(-180deg); }
.cs-10 .col-1 .slider-info{ width:80px; gap:8px; color:var(--dark3); }
.cs-10 .col-1 .slider-info .lg{ font-size:32px; font-weight:700; color:var(--light); }
.cs-10 .col-2{ width:50%; padding:0 40px; }
.cs-10 .col-2 .num{ font-size:14px; font-weight:700; padding:6px 8px; border-radius:6px; background:var(--dark2); width:fit-content; }
.cs-10 .col-2 h1{ font-size:62px; margin:30px 0 40px; }
.cs-10 .col-2 .cat{ margin:20px 0 0; padding:20px 0 0; border-top:1px solid var(--dark2); }
.cs-10 .col-2 .cat .sm{ font-size:16px; margin:0 0 5px; font-weight:400; text-transform:uppercase; opacity:0.3; }
.cs-10 .col-2 .cat .lg a:hover{ color:var(--main); }
.cs-10 .col-2 .btns{ margin:50px 0 0; }
.cs-10 .col-2 .btns .btn{ height:84px; width:100%; }
.cs-10 .col-2 .items{ margin:60px 0 0; }
.cs-10 .col-2 .item:first-child{ border-top:1px solid var(--main); }
.cs-10 .col-2 .item{ padding:40px 0; border-bottom:1px solid var(--main); }
.cs-10 .col-2 .item .f-title{ font-size:24px; margin:0 0 20px; }
.cs-10 .col-2 .item .options{ gap:8px; }
.cs-10 .col-2 .item .option{ font-size:18px; padding:6px 8px; border-radius:6px; background:var(--dark3); }
@media (max-width: 1279px) {
    .cs-10 .col-2 h1{ font-size:52px; }
}
@media (max-width: 1019px) {
    .cs-10 .cols{ margin:0; }
    .cs-10 .col-1{ width:100%; padding:0; }
    .cs-10 .col-1 .placeholder{ display:none; }
    .cs-10 .col-2{ width:100%; padding:80px 0 0; }
}
@media (max-width: 619px) {
    .cs-10{ padding:150px 0 100px; }
    .cs-10 .col-1 .nav-slider{ gap:30px; }
    .cs-10 .col-1 .nav-slider .control{ width:70px; height:40px; }
    .cs-10 .col-1 .nav-slider .control svg{ height:15px; }
    .cs-10 .col-1 .slider-info{ width:70px; gap:5px; }
    .cs-10 .col-1 .slider-info .lg{ font-size:24px; }
    .cs-10 .col-2 h1{ font-size:40px; margin:20px 0 30px; }
    .cs-10 .col-2 .cat .sm{ font-size:14px; }
    .cs-10 .col-2 .btns .btn{ height:70px; font-size:16px; }
    .cs-10 .col-2 .item .f-title{ font-size:22px; margin:0 0 10px; }
    .cs-10 .col-2 .item .options{ gap:5px; }
    .cs-10 .col-2 .item .option{ font-size:15px; border-radius:4px; }
}

.side-modal{ display:flex; justify-content:flex-end; position:fixed; top:0; bottom:0; left:0; right:0; background:#140F0Ddd; z-index:20; overflow-x:clip;opacity:0; visibility:hidden; transition:opacity 0.25s ease-out 0.5s, visibility 0s linear 0.6s; }
.side-modal.open{ opacity:1; visibility:visible;transition:opacity 0.25s ease-out, visibility 0s linear 0s; }
.side-modal .outer{ padding:0 120px; width:700px; max-width:90vw; height:100%; background:var(--light); color:var(--dark); transform:translateX(700px); transition: all 0.5s ease-in; }
.side-modal.open .outer{ transform:translateX(0); }
.side-modal .close-side-modal{ width:46px; height:46px; border-radius:0 0 6px 0; position:absolute; left:0; top:0; background:var(--light2); }
.side-modal .close-side-modal:hover{ background:var(--main); }
.side-modal .close-side-modal img{ width:28px; }
.side-modal .content{ display:none; position:relative; }
.side-modal.open .content.open{ display:block; }
.side-modal .title{ padding:0 0 30px; border-bottom:1px solid var(--main); margin: 0 0 10px; }
.side-modal .title .f-title{ font-size:40px; }
.side-modal .outer-form .qty{ display:flex; align-items:center; justify-content:flex-end; }
.side-modal .outer-form .qty .label{ margin:0 20px 0 0; }
.side-modal .outer-form .qty .input{ width:120px; text-align:center; }
.side-modal .outer-form .btn{ margin:0; width:100%; color:var(--light); }
.side-modal .outer-form .btn:hover{ color:var(--dark); }
.side-modal .confirm-message{ text-align:center; }
.side-modal .confirm-message .f-title{ font-size:40px; }
.side-modal .confirm-message .btns .btn{ width:100%; margin:30px auto 0; }
.side-modal .confirm-message .btns .sm{ font-size:18px; text-decoration:underline; margin:30px 0 0; display:inline-block; }
.side-modal .confirm-message .btns .sm:hover{ opacity:0.5; }
@media (orientation:landscape) and (max-height:700px) {
    .side-modal .content{ transform:scale(0.8); }
}
@media (max-width: 1019px) {
    .side-modal .title .col-2 h3{ font-size:28px; }
    .side-modal .title .col-2 p{ font-size:20px; line-height:1.3; }
}
@media (max-width: 619px) {
    .side-modal .outer{ padding:0 30px; width:90vw; transform:translateX(110vw); }
    .side-modal .close-side-modal{ width:36px; height:36px; }
    .side-modal .close-side-modal img{ width:18px; }
    .side-modal .title{ padding:0 0 20px; }
    .side-modal .title .f-title{ font-size:24px; }
    .side-modal .outer-form .qty .label{ margin:0 10px 0 0; }
    .side-modal .outer-form .qty .input{ width:80px; }
    .side-modal .confirm-message .f-title{ font-size:30px; }
    .side-modal .confirm-message .btns .sm{ font-size:14px; }
}

.cs-11{ padding:0 0 160px; }
.cs-11 .title{ padding:400px 0 160px; text-align:center; }
.cs-11 .title h1{ font-size:90px; }
.cs-11 .col-1{ width:50%; }
.cs-11 .col-1 h2{ font-size:30px; margin:0 0 30px; }
.cs-11 .col-1 .item:first-child{ border-top:1px solid var(--main); }
.cs-11 .col-1 .item{ padding:30px 0; border-bottom:1px solid var(--main); }
.cs-11 .col-1 .item .img{ width:160px; }
.cs-11 .col-1 .item .img a { height: 100%; display: flex; align-items: center; justify-content: center; }
.cs-11 .col-1 .item .desc{ width:calc(100% - 230px); padding:0 20px; justify-content:center; }
.cs-11 .col-1 .item .desc .num{ font-size:14px; font-weight:700; padding:6px 8px; border-radius:6px; background:var(--dark2); width:fit-content; }
.cs-11 .col-1 .item .desc .name{ font-size:22px; line-height:1.2; margin:5px 0; }
.cs-11 .col-1 .item .desc .name a:hover{ color:var(--main); }
.cs-11 .col-1 .item .desc .options{ font-size:16px; font-weight:400; opacity:0.5; gap:20px; }
.cs-11 .col-1 .item .qty{ width:70px; text-align:center; justify-content:center; align-items:center; }
.cs-11 .col-1 .item .qty .label{ font-size:14px; margin:0 0 5px; }
.cs-11 .col-1 .item .qty .input{ width:100%; background:var(--dark); border-color:var(--dark3); height:60px; padding:0; color:var(--light); text-align:center;}
.cs-11 .col-1 .item .qty .input:focus{ border-color:var(--light2); }
.cs-11 .col-1 .item .qty .delete{background:var(--main);display:inline-block;padding:6px 0;margin:5px 0 0;font-size:10px;font-weight:700;color:var(--dark);border-radius:4px;width:100%}
.cs-11 .col-2{ width:50%; padding:0 0 0 100px; }
.cs-11 .col-2 .box{ padding:100px; background:var(--light); color:var(--dark); }
.cs-11 .col-2 h2{ font-size:30px; padding:0 0 30px; border-bottom:1px solid var(--main); margin: 0 0 10px; }
.cs-11 .col-2 h2.mt{ margin-top:60px; }
.cs-11 .col-2 .outer-form .btn{ margin:0; width:100%; color:var(--light); }
.cs-11 .col-2 .outer-form .btn:hover{ color:var(--dark); }
.cs-11 .col-2 .outer-form  .copy{ margin:20px 0 0; }
.cs-11 .col-2 .outer-form  .copy .check{ padding:15px 20px 15px 30px; position:relative; }
.cs-11 .col-2 .outer-form  .copy a{text-decoration:none;color:inherit;border-bottom:none;background:0 0;border:none;padding:0;font-size:14px;line-height:20px;cursor:pointer;outline:inherit;text-align:left;display:inline-block;vertical-align:middle}
.cs-11 .col-2 .outer-form  .copy a:hover{ color:#140F0DCC; }
.cs-11 .col-2 .outer-form  .copy a:before{content:"";display:inline-block;position:absolute;width:18px;height:18px;left:0;top:14px;border:2px solid var(--dark);border-radius:3px;}
.cs-11 .col-2 .outer-form  .copy .active a:before{background-color:var(--main);border-color:var(--main);}
.cs-11 .col-2 .outer-form  .copy a:after{content:"";position:absolute;left:8px;top:18px;width:5px;height:10px;border:solid #140F0DCC;border-width:0 2px 2px 0;transform:rotate(45deg) scale(.9);transition:opacity .25s,transform .25s;opacity:0}
.cs-11 .col-2 .outer-form  .copy a:hover:after{opacity:.5}
.cs-11 .col-2 .outer-form  .copy .active a:after{opacity:1!important;border-color:var(--dark);transform:rotate(45deg) scale(1)}
#billing-info.hidden{ display:none; }
@media (max-width: 1479px) {
    .cs-11 .title h1{ font-size:80px; }
    .cs-11 .col-2 .box{ padding:100px 60px; }
    .cs-11 .col-2 h2{ font-size:26px; }
}
@media (max-width: 1279px) {
    .cs-11 .col-1{ width:100%; }
    .cs-11 .col-2{ width:100%; padding:60px 0 0; }
}
@media (max-width: 1019px) {
    .cs-11 .title{ padding:300px 0 100px; }
    .cs-11 .title h1{ font-size:60px; }
}
@media (max-width: 619px) {
    .cs-11{ padding:0 0 100px; }
    .cs-11 .title{ padding:200px 0 60px; }
    .cs-11 .title h1{ font-size:40px; }
    .cs-11 .col-1 h2{ font-size:20px; margin:0 0 20px; }
    .cs-11 .col-1 .item .img{ width:100%; padding:0 0 20px; display:none; }
    .cs-11 .col-1 .item .desc{ width:calc(100% - 60px); padding:0 20px 0 0; }
    .cs-11 .col-1 .item .desc .num{ font-size:12px; border-radius:4px; }
    .cs-11 .col-1 .item .desc .name{ font-size:18px; }
    .cs-11 .col-1 .item .desc .options{ font-size:13px; gap:10px; }
    .cs-11 .col-1 .item .qty{ width:60px; }
    .cs-11 .col-1 .item .qty .label{ font-size:12px; margin:0 0 5px; }
    .cs-11 .col-1 .item .qty .input{ height:40px; }
    .cs-11 .col-1 .item .qty .delete{ padding:6px 0;font-size:8px;}
    .cs-11 .col-2 .box{ padding:80px 30px; }
    .cs-11 .col-2 h2{ font-size:22px; padding:0 0 20px; }
    .cs-11 .col-2 h2.mt{ margin-top:60px; }
}

.cs-12{ padding:0 0 160px; }
.cs-12 .title{ padding:300px 0 160px; text-align:center; }
.cs-12 .title h1{ font-size:90px; }
.cs-12 .col-1{ width:45%; align-items:center; }
.cs-12 .col-1>div{ /*max-width:450px;*/ }
.cs-12 .col-1 h2{ font-size:40px; color:var(--main); margin:0 0 40px; display:none; }
.cs-12 .col-1 a{ margin:0 0 20px; line-height:1.3; align-items:center; gap:30px; width:fit-content; }
.cs-12 .col-1 a:hover{ color:var(--main); }
.cs-12 .col-1 a .icn{ width:40px; flex-shrink:0; }
.cs-12 .col-1 .hours{ padding:40px 0 0; border-top:1px solid var(--main); margin:40px 0 0; }
.cs-12 .col-1 .hours h3{ font-size:28px; margin:0 0 20px; }
.cs-12 .col-2{ width:55%; padding:0 0 0 100px; }
.cs-12 .col-2 h2{ font-size:40px; padding:0 0 30px; border-bottom:1px solid var(--main); margin: 0 0 10px; }
.cs-12 .col-2 .outer-form .btn{ margin:0; width:100%; }
.cs-12 .col-2 .outer-form .btn:hover{ color:var(--dark); }
.cs-12 .col-2 .outer-form .note{ opacity:0.5; text-align:center; }
@media (max-width: 1479px) {
    .cs-12 .title h1{ font-size:80px; }
}
@media (max-width: 1019px) {
    .cs-12 .title{ padding:300px 0 100px; }
    .cs-12 .title h1{ font-size:60px; }
    .cs-12 .col-1{ width:100%; align-items:stretch; }
    .cs-12 .col-2{ width:100%; padding:100px 0 0; }
}
@media (max-width: 619px) {
    .cs-12{ padding:0 0 100px; }
    .cs-12 .title{ padding:200px 0 60px; }
    .cs-12 .title h1{ font-size:40px; }
    .cs-12 .col-1 h2{ font-size:28px; }
    .cs-12 .col-1 a{ gap:20px; font-size:17px; }
    .cs-12 .col-1 a .icn{ width:30px;}
    .cs-12 .col-1 .hours h3{ font-size:22px; margin:0 0 20px; }
    .cs-12 .col-2{ padding:60px 0 0; }
    .cs-12 .col-2 h2{ font-size:28px; }
}

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

.cs-privacy{ padding:260px 0 160px;  }
.cs-privacy .title h1{ font-size:50px; margin:0 0 50px; }
.cs-privacy .update{ opacity:0.5; font-weight:600; margin:0 0 30px; }
.cs-privacy .container{ max-width:1000px; }
@media (max-width: 1279px) {
    .cs-privacy{ padding:250px 0 100px; }
}
@media (max-width: 619px) {
    .cs-privacy{ padding:150px 0 50px; }
    .cs-privacy .title h1{ font-size:28px; margin:0 0 30px; }
}


.cs-13 .title{ padding:400px 0 1px; text-align:left; }
.cs-13 .title h1{ font-size:90px; }
.cs-13 .title .drop{ width:50px; height:90px; margin:80px 0 -45px; border-radius:6px; border:2px solid var(--main); color:var(--light); position:relative; z-index:2;}
.cs-13 .title .drop:hover{ background:var(--main); color:var(--dark); transform:translateY(10px)}
.cs-13 .title .drop svg{ height:18px; transform:rotate(90deg); }
@media (max-width: 1479px) {
    .cs-13 .title h1{ font-size:80px; }
}
@media (max-width: 1019px) {
    .cs-13 .title h1{ font-size:60px; }
}
@media (max-width: 619px) {
    .cs-13 .title{ padding:200px 0 1px; }
    .cs-13 .title h1{ font-size:40px; }
    .cs-13 .title .drop{ width:40px; height:70px; margin:50px 0 -35px; }
    .cs-13 .title .drop svg{ height:16px; }
}

/*QUOTE CART REMOVAL MODAL*/
.quote-removal-modal{ position:fixed; top:0; left:0; right:0; bottom:0; width:100vw; height:100vh; background:rgba(0,0,0,0.6); display:flex; align-items:center; justify-content:center; z-index:99999; margin:0; padding:20px; }
.quote-removal-modal-content{ background:var(--light); padding:28px; border-radius:8px; max-width:450px; width:90%; box-shadow:0 20px 60px rgba(0,0,0,0.3); position:relative; }
.quote-removal-modal-content h3{ margin:0 0 16px 0; font-size:24px; color:var(--dark); }
.quote-removal-modal-content p{ margin:0 0 24px 0; color:#555; line-height:1.3; }
.quote-removal-modal-buttons{ display:flex; gap:12px; justify-content:flex-end; }
.quote-removal-modal-cancel{ font-size:16px; height:50px; border-color:var(--light2); }
.quote-removal-modal-cancel:hover{ background:var(--light2); border-color:var(--light2); }
.quote-removal-modal-remove{ font-size:16px; height:50px; }
.quote-removal-modal-remove:hover{ }

/*CUSTOM NUMBER INPUT*/
.qty-input-wrapper{ position:relative; display:flex; align-items:center; gap:8px; }
.qty-input-wrapper input[type="number"]{ -moz-appearance:textfield; }
.qty-input-wrapper input[type="number"]::-webkit-outer-spin-button,
.qty-input-wrapper input[type="number"]::-webkit-inner-spin-button{ -webkit-appearance:none; margin:0; }
.qty-arrows{ display:none; flex-direction:column; gap:2px; }
.qty-input-wrapper input[type="number"]:focus ~ .qty-arrows,
.qty-arrows:hover{ display:flex; }
.qty-arrow{ width:30px; height:28px; background:var(--dark2); border:none; border-radius:4px; cursor:pointer; display:flex; align-items:center; justify-content:center; color:var(--light); transition:all 0.2s; }
.qty-arrow:hover{ background:var(--main); color:var(--dark); }
.qty-arrow svg{ width:12px; height:12px; pointer-events:none; }
.qty-arrow.up svg{ transform:rotate(-90deg); }
.qty-arrow.down svg{ transform:rotate(90deg); }
@media (max-width: 619px) {
    .qty-input-wrapper{ gap:5px; }
    .qty-arrow{ width:24px; height:18px; }
    .qty-arrow svg{ width:10px; height:10px; }
}

/*TOAST NOTIFICATIONS*/
.toast-container{ position:fixed; bottom:30px; right:30px; z-index:100000; max-width:420px; width:calc(100% - 60px); }
.toast{ display:flex; align-items:flex-start; gap:16px; padding:20px; border-radius:8px; background:#ffffff; box-shadow:0 10px 40px rgba(0,0,0,0.15); border-left:4px solid; animation:slideInRight 0.3s ease-out; }
.toast-success{ border-left-color:#28a745; }
.toast-error{ border-left-color:#dc3545; }
.toast-icon{ width:24px; height:24px; flex-shrink:0; margin-top:2px; }
.toast-success .toast-icon{ color:#28a745; }
.toast-error .toast-icon{ color:#dc3545; }
.toast-icon svg{ width:100%; height:100%; }
.toast-content{ flex:1; min-width:0; }
.toast-title{ font-size:16px; font-weight:700; margin:0 0 4px; color:#140F0D; font-family:"DM Sans", sans-serif; }
.toast-message{ font-size:14px; font-weight:400; line-height:1.4; color:#555; font-family:"DM Sans", sans-serif; word-wrap:break-word; }
.toast-close{ width:20px; height:20px; flex-shrink:0; background:none; border:none; cursor:pointer; padding:0; color:#999; transition:color 0.2s; }
.toast-close:hover{ color:#333; }
.toast-close svg{ width:100%; height:100%; }
@keyframes slideInRight{ from{ transform:translateX(400px); opacity:0; } to{ transform:translateX(0); opacity:1; } }
@media (max-width: 619px) {
    .toast-container{ bottom:20px; right:20px; width:calc(100% - 40px); max-width:none; }
    .toast{ padding:16px; gap:12px; }
    .toast-icon{ width:20px; height:20px; }
    .toast-title{ font-size:14px; }
    .toast-message{ font-size:13px; }
    .toast-close{ width:18px; height:18px; }
}

.rc-anchor-invisible-text, .grecaptcha-logo, .grecaptcha-badge {
    display: none !important;
}