@import url("fonts.css");

/*********************************RESET******************************/
[x-cloak]{display: none !important;}
*{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.7; }
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:"Hyogo", sans-serif; 400-900
font-family:"Montserrat", sans-serif; 400-600-700-900
letter-spacing:0.06em;0.12em;0.24em;
*/

:root { 
--dark:#505050;
--dark2:#2e2f31;
--dark3:#262729;
--light:#EBEAE6;
--light2:#CECECE;
--main:#CC9F53;
--main2:#B97727;
--text:#616161;
--text2:#757575;
}

/*********************************BASE******************************/
body{ background:#fff; color:var(--text); font-family:"Montserrat", sans-serif; font-size:18px; font-weight:600; line-height:1; position:relative; overflow-x:hidden; }
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:"Hyogo", sans-serif; font-weight:400; text-transform:uppercase; line-height:1.2; color:var(--dark3); }
.t-br{ display:block; }
.center{ text-align:center; }
p a{ text-decoration:underline; }
p a:hover{ opacity:0.6; text-decoration:underline; }
ul.list a{ text-decoration:underline; }
ul.list a:hover{ opacity:0.6; text-decoration:underline; }
sup{ vertical-align: super; font-size: smaller; }
.underline{ text-decoration:underline; }
.nw{ white-space:nowrap; }
a:hover{ }
.container{ margin:0 auto; position:relative; max-width:1460px; width:100%; padding:0 30px; }
.container.sm{ max-width:1260px; }
.container.lg{ max-width:1660px; }
/*.container:after{ clear: both; content: ""; display: block; height: 0; line-height: 0;  visibility: hidden; }*/
.fcol{ display:flex; flex-direction:column; }
.fcenter{ justify-content:center; align-items:center; }
b, strong, .strong{ font-weight:700; }
.btn-1{ background:transparent; cursor:pointer; padding:0 35px; height:60px; font-size:15px; letter-spacing:0.12em; text-transform:uppercase; display:flex; justify-content:center; align-items:center; color:#fff; border:2px solid var(--main); border-radius:200px; width:fit-content; }
.btn-1:hover{ background:var(--main); }
.btn-2{ padding:30px 70px; min-width:580px; display:flex; justify-content:space-between; align-items:center; border:2px solid var(--main); border-radius:200px; width:fit-content; }
.btn-2 .txt{ width:calc(100% - 44px); padding:0 30px 0 0; justify-content:center; }
.btn-2 .f-title{ font-size:18px; color:var(--dark3); }
.btn-2 .f-title .lg{ font-size:30px; font-weight:900; }
.btn-2 .icn{ width:44px; justify-content:center; }
.btn-2:hover{ background:var(--main); }
.btn-2:hover .f-title{ color:#fff; }
.btn-2:hover .icn img{ filter:brightness(20); transform:translateX(5px); }
.btn-3{ padding:15px 50px; height:90px; font-size:16px; letter-spacing:0.12em; font-weight:700; text-transform:uppercase; display:flex; justify-content:center; align-items:center; background:var(--main); color:var(--dark); border-radius:200px; width:fit-content; }
.btn-3.sm{ height:70px; }
.btn-3 svg{ width:30px; margin:0 5px 0 15px; color:#fff; }
.btn-3:hover{ background:var(--main2); color:#fff; }
.btn-3:hover svg{ margin:0 0 0 20px; }
.btn-4{ display:flex; justify-content:space-between; align-items:center; width:fit-content; }
.btn-4 .txt{ width:calc(100% - 86px); padding:0 0 0 30px; justify-content:center; }
.btn-4 .f-title{ font-size:30px; line-height:1; color:#fff; }
.btn-4 .icn{ width:86px; height:86px; border:2px solid var(--main); border-radius:50%; }
.btn-4 .icn svg{ width:36px; }
.btn-4:hover{ padding:0 0 0 5px; }
.btn-4:hover .f-title{ color:var(--main); }
.btn-4:hover .icn{ background:var(--main); }
.btn-5{ padding:15px 30px; font-size:14px; letter-spacing:0.12em; font-weight:700; text-transform:uppercase; display:flex; justify-content:space-between; align-items:center; border:2px solid var(--text2); border-radius:200px; width:fit-content; color:#fff; }
.btn-5 svg{ width:24px; margin:0 10px 0 5px; transform:rotate(180deg); color:var(--main); }
.btn-5:hover{ border-color:var(--main); }
.btn-5:hover svg{ margin:0 15px 0 0; }
.btn-6{ padding:15px 30px; font-size:14px; letter-spacing:0.12em; font-weight:700; text-transform:uppercase; display:flex; justify-content:space-between; align-items:center; border-radius:200px; width:fit-content; background:var(--main); color:#fff; }
.btn-6 svg{ width:24px; margin:0 10px 0 5px; transform:rotate(180deg); color:#fff; }
.btn-6:hover{ background:var(--main2); }
.btn-6:hover svg{ margin:0 15px 0 0; }
.btn-7{ background:transparent; cursor:pointer; padding:0 25px; height:60px; font-size:15px; letter-spacing:0.06em; text-transform:uppercase; display:flex; justify-content:center; align-items:center; color:var(--dark); border:2px solid var(--main); border-radius:200px; width:fit-content; }
.btn-7:hover{ background:var(--main); color:#fff; }
@media (max-width: 1679px) {

}
@media (max-width: 1479px) {
	.btn-3{ padding:15px 40px; height:80px; font-size:15px; }
	.btn-3 svg{ width:26px; }
}
@media (max-width: 1359px) {

}
@media (max-width: 1279px) {
	
}
@media (max-width: 1019px) {
	.container.mobile{ max-width:700px; }
	.btn-2{ min-width:420px; }
}
@media (max-width: 879px) {
	
}
@media (max-width: 759px) {
	
}
@media (max-width: 619px) {
	body{ font-size:13px; }
	.container{ padding:0 20px; }
	.btn-1{ padding:0 25px; height:54px; font-size:12px; }
	.btn-2{ padding:20px 30px; min-width:120px; }
	.btn-2 .txt{ width:calc(100% - 26px); padding:0 20px 0 0; }
	.btn-2 .f-title{ font-size:12px;}
	.btn-2 .f-title .lg{ font-size:18px; }
	.btn-2 .icn{ width:26px; }
	.btn-3{ padding:22px 20px; height:auto; font-size:11px; letter-spacing:0; }
	.btn-3.sm{ height:auto; }
	.btn-3 svg{ width:18px; margin:0 0 0 10px; }
	.btn-3:hover svg{ margin:0 0 0 10px; }
	.btn-4 .txt{ width:calc(100% - 50px); padding:0 0 0 20px; }
	.btn-4 .f-title{ font-size:18px; }
	.btn-4 .icn{ width:50px; height:50px; }
	.btn-4 .icn svg{ width:20px; }
	.btn-5{ padding:12px 20px; font-size:12px; }
	.btn-5 svg{ width:18px; }
    .btn-6{ padding:12px 20px; font-size:12px; }
	.btn-6 svg{ width:18px; }
    .btn-7{ padding:0 20px; height:54px; font-size:12px; }
}

/*FORM*/
::placeholder{ color:#fff; }
input, textarea, select{ font-size:14px; padding:15px 30px; font-family:"Montserrat", sans-serif; font-weight:600; /*text-transform:uppercase;*/ transition: all .25s ease-in-out; }
.form-row{ margin:0 0 0 -30px; }
.form-row .lg{ display:flex; flex-direction:column; width:100%; padding:30px 0 0 30px; }
.form-row .md{ display:flex; flex-direction:column; width:50%; padding:30px 0 0 30px; position:relative; }
.outer-form label{ font-size:16px; margin:0 0 5px; font-weight:700; text-transform:uppercase; width:100%; display:flex; align-items:center; color:var(--dark); }
.outer-form .input{ padding:15px 20px; height:52px; display:block; width:100%; outline:none; border-radius:0; border:2px solid var(--light2); }
.outer-form .input:focus{ border-color:var(--main2); }
.outer-form .input.in-error{ border-color:#dd0000; }
.outer-form textarea.input{ height:180px; resize:vertical; }
.outer-form select.input{ -moz-appearance: none; -webkit-appearance: none; padding:15px 40px 15px 20px; background: url("../img/icn/arrow-down.svg") right 20px center / 12px 8px no-repeat; }
.outer-form select.input option{ color:var(--dark); }
.search .input{ padding:15px 30px; height:54px; width:100%; border-radius:200px; border:2px solid var(--main); background:none; color:#fff; }
.search .input:focus{ border-color:var(--main2); }
.search .input.in-error{ border-color:#dd0000; }
.search textarea.input{ height:180px; resize:none; }
.search select.input{ -moz-appearance: none; -webkit-appearance: none; padding:15px 40px 15px 30px; background: url("../img/icn/arrow-down.svg") right 20px center / 12px 8px no-repeat; }
.search select.input option{ color:var(--dark); }
.outer-form .text-danger{ margin:5px 0 0; font-size:15px; font-weight:700; color:#dd0000; }
.outer-form .bottom{ text-align:center; }
.alert{ margin: 0 0 1em 0; padding: 1em 1.5em; font-size:15px; line-height:1.3; border-radius:5px; border:1px solid var(--dark); }
.outer-form .alert{ margin:30px 0 0; padding:30px 4vw;}
.alert-success{ color:#155724; background-color:#d4edda; border-color:#c3e6cb; }
.alert-failed{ color:#dd0000; background-color:#f8d7da; border-color:#f5c6cb; }
.outer-form .btn{ margin:30px auto 0; border:none; }
.outer-form .note{ font-size:13px; text-transform:uppercase; margin-top:20px; }
.label-file input[type="file"]{position:absolute; left:-9999em; }
.label-file{cursor:pointer;	border:2px solid var(--light2);padding:20px;margin:0;justify-content:center;color:var(--dark);}
.label-file:hover{border-color:var(--main2);color:var(--main2);}
.label-file .wrap{ align-items:center; }
.label-file .icn{ width:68px; }
.label-file .desc{ width:calc(100% - 68px); padding:0 0 0 20px; }
.label-file .desc .sm{ font-size:13px; padding:3px 0 0; }
.label-file .desc .lg{ font-size:20px; padding:0; }
@media (max-width: 619px) {
	input, textarea, select{ font-size:11px; padding:15px 20px;  }
	.form-row .lg{ padding:20px 0 0 30px; }
	.form-row .md{ width:100%; padding:20px 0 0 30px; }
	.outer-form label{ font-size:13px; }
	.outer-form .input{ padding:12px 15px; height:44px; }
	.outer-form select.input{ padding:13px 40px 13px 15px; }
	.search .input{ padding:15px 20px; height:auto; }
	.search select.input{ padding:15px 40px 15px 20px; background: url("../img/icn/arrow-down.svg") right 20px center / 9px 6px no-repeat; }
	.outer-form .text-danger{ font-size:13px; }
	.alert{ font-size:13px; }
	.outer-form .note{ font-size:10px; }
	.label-file .icn{ width:50px; }
	.label-file .desc{ width:calc(100% - 50px); padding:0 0 0 10px; }
	.label-file .desc .sm{ font-size:11px; }
	.label-file .desc .lg{ font-size:13px; }
}

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

/*MOBILE HEADER*/
#mobile-menu{ display:none; position:relative; }
#mobile-menu .top-bar{ display:flex; align-items:center; justify-content:space-between; }
#mobile-menu.open .top-bar{ background:#fff; }
#mobile-menu .logo{ padding:10px 30px; }
#mobile-menu .logo img{ max-width: 80px; display: block; width: 50px;}
#mobile-menu .right{ display:flex; align-items:center; padding: 0 12px; gap: 8px;}
#mobile-btn{ display:flex; color:var(--dark); width:42px; height:42px; border-radius:50%; border:2px solid var(--main); }
#mobile-btn svg.close{ display:none; }
#mobile-btn.open svg.open{ display:none; }
#mobile-btn.open svg.close{ display:block; }
#mobile-menu .menu{ display:block; background:#fff; width:100%; max-height:0; overflow:hidden; transition:max-height 0.6s ease; }
#mobile-menu .menu.open{ max-height:1000px; }
#mobile-menu .menu li{ position:relative; }
#mobile-menu .menu a{ color:var(--dark); font-size:14px; font-weight:400; line-height:1; text-transform:uppercase; display:block; padding:22px 30px; border-bottom:1px solid var(--light); }
#mobile-menu .menu a:last-child{ border-bottom:1px solid var(--light); }
#mobile-menu .menu a svg{ width:8px; right:30px; top:22px; position:absolute; transition:all 0.4s ease; }
#mobile-menu .sub-menu{ max-height:0; overflow:hidden; transition:max-height 0.6s ease; }
#mobile-menu .sub-menu a{ font-size:12px; padding-left:50px;}
#mobile-menu .sub-menu .sub-menu a{ padding-left:50px; font-size:12px; }
#mobile-menu .sub-menu.open{ max-height:700px; }
#mobile-menu .has-sub a.open{  }
#mobile-menu .has-sub a.open svg{ transform:rotate(90deg); }
#mobile-menu .menu .lang a{ background:var(--main); color:#fff; border:none; }

#mobile-menu .right .contactBt { display:flex; width:42px; height:42px; border-radius:50%; border:2px solid var(--main); }

@media (max-width: 1279px) {
	#mobile-menu{ display:block; }
}
@media (max-width: 619px) {
	#mobile-menu .logo{ padding:10px 20px; }
}

/*FULL-MENU*/
#full-menu{ display:block; position:fixed; z-index:19; top:0; right:0; width:100%; height:100vh; background:#fff; transform:translateX(-120vw); visibility:hidden; font-size:18px; transition: all .5s ease-in-out; }
#full-menu{ overflow-y:scroll; scrollbar-width:none; }
#full-menu::-webkit-scrollbar{ display:none; }
#full-menu.open{ transform:translateX(0); visibility:visible; }
#full-menu .outer-menu{ padding:0 0 0 190px; min-height:100%; display:flex; position:relative; }
#full-menu .fcol{ padding:0 120px; justify-content:center; }
#full-menu .meta{ font-size:20px; background:var(--light); }
#full-menu .menu{ opacity:0; transition: all .5s ease-in-out; }
#full-menu .menu+.menu{ margin:40px 0 0; }
#full-menu.open .trans-delay-1{ transition-delay:500ms; }
#full-menu.open .trans-delay-2{ transition-delay:800ms; }
#full-menu.open .trans-delay-3{ transition-delay:1100ms; }
#full-menu.open .trans-delay-4{ transition-delay:1400ms; }
#full-menu.open .menu{ opacity:1; }
#full-menu .menu .parent{ font-size:25px; margin:0 0 10px; font-family:"Hyogo", sans-serif; font-weight:900; text-transform:uppercase; color:var(--dark); }
#full-menu .menu li+li{ margin:15px 0 0; }
#full-menu .meta .menu li+li{ margin:20px 0 0; }
#full-menu .menu a{ padding:0 5px 0 0; font-weight:400; }
#full-menu .menu a:hover{ padding:0 0 0 5px; color:var(--main); }
@media (max-width: 1479px) {
	#full-menu .outer-menu{ padding:0 0 0 150px; }
}
@media (max-width: 1279px) {
	#full-menu{ display:none; }
}

/*SIDE-MENU*/
#side-menu{ position:fixed; z-index:20; top:0; left:0; width:190px; height:100vh; padding:40px 20px; display:flex; flex-direction:column; justify-content:space-between; background:#fff; }
#side-menu .logo a{ display:flex; }
#side-menu .logo a:hover{ opacity:0.6; }
#side-menu .menu{ width:66px; margin:70px auto; }
#side-menu .menu a{ display:flex; flex-direction:column; color:var(--dark); }
#side-menu .menu a:hover{ color:var(--main); }
#side-menu .menu a .icn{ display:flex; width:66px; height:66px; border-radius:50%; border:2px solid var(--main); }
#side-menu .menu a:hover .icn{ background:var(--main); }
#side-menu .menu a .icn .lines{width:26px;height:18px;position:relative;}
#side-menu .menu a .icn span{display:block;position:absolute;height:2px;width:100%;background:var(--dark);border-radius:8px;opacity:1;left:0;transform:rotate(0deg);transition:.25s ease-in-out}
#side-menu .menu a .icn span:nth-child(1){top:0}
#side-menu .menu a .icn span:nth-child(2),#side-menu .menu a .icn span:nth-child(3){top:8px;transform-origin:center}
#side-menu .menu a .icn span:nth-child(4){top:16px}
#side-menu .menu a:hover .icn span{ background:#fff; }
#body.open .side-menu .menu a .icn span:nth-child(1){width:0;left:50%}
#body.open .side-menu .menu a .icn span:nth-child(2){transform:rotate(45deg)}
#body.open .side-menu .menu a .icn span:nth-child(3){transform:rotate(-45deg)}
#body.open .side-menu .menu a .icn span:nth-child(4){width:0;left:50%}
#side-menu .menu a .txt{ font-size:13px; margin:15px 0 0; text-transform:uppercase; text-align:center; }
#side-menu .lang{font-size:12px;font-weight:700;width:90px;margin:0 auto;position:relative}
#side-menu .lang>a{display:flex;align-items:center;justify-content:center;border:2px solid var(--main);border-radius:50px;height:40px;width:90px}
#side-menu .lang>a:hover{background:var(--main);color:#fff}
#side-menu .lang .current{padding:0 10px 0 0}
#side-menu .lang>a svg{height:7px;color:var(--main);}
#side-menu .lang>a:hover svg{color:#fff; }
#side-menu .lang.show>a svg{transform:rotate(180deg)}
#side-menu .lang .dropdown{position:absolute;left:0;width:90px;top:-80%;background:#fff;border-radius:50px;opacity:0;overflow:hidden;transition:all .25s ease-in-out}
#side-menu .lang.show .dropdown{top:-110%;opacity:1}
#side-menu .lang .dropdown a{height:40px;width:90px;display:flex;align-items:center;justify-content:center;background:var(--dark);color:#fff;}
#side-menu .lang .dropdown a:hover{background:var(--main);}
.outer-side{ padding:0 0 0 190px; }
@media (max-width: 1479px) {
	#side-menu{ width:150px; }
	.outer-side{ padding:0 0 0 150px; }
}
@media (max-width: 1279px) {
	#side-menu{ display:none; }
	.outer-side{ padding:0; }
}

/*FOOTER*/
.main-footer{ padding:150px 0 0; overflow:hidden; }
.main-footer .outer{ padding:1px 0 0; background:var(--dark3); }
.main-footer .box{ padding:60px 30px; margin:-150px auto 0; max-width:680px; align-items:center; text-align:center; background:var(--dark2); }
.main-footer .box .logo { width: 100%; max-width: 210px; }
.main-footer .box .tel{ font-size:40px; margin:40px 0 10px; font-weight:900; color:#fff; }
.main-footer .box .email{ font-size:15px; font-weight:700; text-transform:uppercase; color:var(--main); }
.main-footer .box a:hover{ opacity:0.6; }
.main-footer .items{ padding:60px 0; }
.main-footer .items>.wrap{ justify-content:center; }
.main-footer .item{ width:20%; padding:20px; align-items:center; text-align:center;}
.main-footer .item a{ color:var(--light2); }
.main-footer .item a:hover{ opacity:0.6; color:var(--main); }
.main-footer .item .logo{ margin:0 auto 15px; width: 100%; max-width: 66px;}
.main-footer .item .name{ margin-bottom: 0.5em; font-size:11px; line-height:1.2; font-weight:700; text-transform:uppercase; }
.main-footer .item .phone{ font-size:12px; line-height:1.2; }
.main-footer .bottom{ padding:20px 0; border-top:2px solid var(--dark2); }
.main-footer .bottom>.wrap{ justify-content:space-between; }
.main-footer .bottom .cert{ display:flex; align-items:center; }
.main-footer .bottom .cert a{ margin:0 40px 0 0; }
.main-footer .bottom .cert a:hover{ opacity:0.6; }
.main-footer .bottom .content{ display:flex; flex-direction:row-reverse; align-items:center; }
.main-footer .bottom .social a{ display:flex; width:50px; height:50px; border:2px solid var(--main); border-radius:50%; }
.main-footer .bottom .social a:hover{ background:var(--main); }
.main-footer .bottom .copy{ font-size:11px; margin:0 20px 0 0; font-weight:700; text-transform:uppercase; color:var(--light2); }
.main-footer .bottom .copy .sep{ margin:0 3px; font-weight:400; color:var(--main); }
.main-footer .bottom .copy a:hover{ opacity:0.6; }
.main-footer .btn-7{
    opacity: 1 !important; margin: 1em 0; color: var(--light); 
}
@media (max-width: 1479px) {
	.main-footer .bottom .cert img{ height:60px; }
}
@media (max-width: 1279px) {
	.main-footer .item{ width:25%; }
	.main-footer .bottom>.wrap{ display:block; }
	.main-footer .bottom .cert{ justify-content:center; }
	.main-footer .bottom .cert a{ margin:0 15px; }
	.main-footer .bottom .content{ margin:30px 0 0; justify-content:center; }
}
@media (max-width: 619px) {
	.main-footer .box .logo{ max-width:140px; }
	.main-footer .box .tel{ font-size:30px; margin:30px 0 10px; }
	.main-footer .box .email{ font-size:12px; }
	.main-footer .item{ width:50%; }
	.main-footer .item .name{ font-size:9px; }
	.main-footer .bottom .cert a{ margin:0 10px; }
	.main-footer .bottom .cert img{ height:40px; }
	.main-footer .bottom .social a{ width:32px; height:32px; }
	.main-footer .bottom .social a img{ height:14px; }
	.main-footer .bottom .copy{ font-size:8px; }
}

/*HERO*/
.hero .contact{ position:absolute; top:40px; right:60px; z-index:3; display:flex; }
.hero .contact .cart{ margin:0 15px 0 0; }
.hero .contact .cart a{ display:flex; width:60px; height:60px; border-radius:50%; border:2px solid var(--main); color:#fff; position:relative; }
.hero .contact .cart a:hover{ background:var(--main); }
.hero .contact .cart a svg{ width:20px; }
.hero .contact .cart a .dot{ display:flex; width:12px; height:12px; border-radius:50%; background:var(--main); position:absolute; top:2px; right:2px; animation:pulse-cart 2s infinite; }
@media (max-width: 1279px) {
	.hero .contact{ display:none; }
}

/*HOME-HERO*/
.home-hero{ min-height:700px; height:100vh; max-height:1100px; padding:0 0 0 190px; color:#fff; }
.home-hero .outer{ display:flex; flex-direction:column; justify-content:flex-end; background:var(--dark3); height:100%; position:relative; overflow:hidden; }
.home-hero .home-video{ position:absolute; top:50%; left:50%; min-height:100%; min-width:100%; transform:translate(-50%, -50%); opacity:0.9; }
.home-hero .main{ position:relative; z-index:2; }
.home-hero .main .wrap{ align-items:center; }
.home-hero .main .title{ padding:40px 160px; }
.home-hero .main .logo img{ height:180px; }
.home-hero .main .tag{ padding:0 0 0 50px; }
.home-hero .main .tag .sm{ font-size:22px; margin:0 0 10px; text-transform:uppercase; color:var(--main); }
.home-hero .main .tag h1{ font-size:40px; color:#fff; }
.home-hero .main .search{ padding:40px 160px; border-top:2px solid var(--main); }
.home-hero .main .search .desc{ width:160px; }
.home-hero .main .search .desc .f-title{ font-size:20px; color:#fff; }
.home-hero .main .search .fields{ width:calc(100% - 214px); padding:0 0 0 5vw; }
.home-hero .main .search .field{ width:50%; padding:0 20px 0 0; }
.home-hero .main .search .submit{ width:54px; }
.home-hero .main .search .submit .btn{ display:flex; width:54px; height:54px; border-radius:50%; border:none; background:var(--main); }
.home-hero .main .search .submit .btn:hover{ background:var(--main2); }
.home-hero .main .search .submit .btn .txt{ display:none; }
@media (max-width: 1679px) {
	.home-hero .main .title{ padding:40px 80px; }
	.home-hero .main .logo img{ height:140px; }
	.home-hero .main .tag{ padding:0 0 0 40px; }
	.home-hero .main .tag .sm{ font-size:20px; }
	.home-hero .main .tag h1{ font-size:35px; }
	.home-hero .main .search{ padding:40px 80px 40px 125px; }
	.home-hero .main .search .field{ width:calc(100% - 420px); }
	.home-hero .main .search .field+.field{ width:420px; }
}
@media (max-width: 1479px) {
	.home-hero{ padding:0 0 0 150px; }
	.home-hero .main .search .field{ width:calc(100% - 360px); }
	.home-hero .main .search .field+.field{ width:360px; }
	.home-hero .main .search .field .input{ font-size:12px; }
}
@media (max-width: 1279px) {
	.home-hero{ max-height:800px; padding:0; }
	.home-hero .main .logo img{ margin:0; }
	.home-hero .main .logo img.other{ margin:0; }
	.home-hero .main .tag{ width:100%; padding:30px 0 0; }
	.home-hero .main .search{ padding:40px 80px; }
	.home-hero .main .search .desc{ width:100%; margin:0 0 20px; }
	.home-hero .main .search .fields{ width:calc(100% - 54px); padding:0; }
}
@media (max-width: 619px) {
	.home-hero{ min-height:200px; max-height:600px; /*max-height:calc(100vh - 66px);*/ }
	.home-hero .outer{ background:url("../img/home-hero-sm.jpg") center center / cover no-repeat var(--dark); animation:home-bg 8s infinite alternate; }
	/* .home-hero .home-video{ display:none; } */
	.home-hero .main .title{ padding:30px 20px; }
	.home-hero .main .logo img{ height:100px; margin:0; }
	.home-hero .main .logo img.other{ margin:0; }
	.home-hero .main .tag{ padding:20px 0 0; }
	.home-hero .main .tag .sm{ font-size:14px; }
	.home-hero .main .tag h1{ font-size:20px; }
	.home-hero .main .search{ padding:30px 20px; }
	.home-hero .main .search .desc .f-title{ font-size:16px; }
	.home-hero .main .search .fields{ width:100%; padding:0; }
	.home-hero .main .search .field{ width:100%; padding:0 0 10px; }
	.home-hero .main .search .submit{ width:100%; }
	.home-hero .main .search .submit .btn{ padding:15px 20px; width:100%; height:auto; border-radius:200px; }
	.home-hero .main .search .submit .btn .icn{ height:20px; }
	.home-hero .main .search .submit .btn .txt{ display:block; font-size:12px; font-weight:700; font-family:"Montserrat", sans-serif; text-transform:uppercase; margin:0 0 0 5px; }
}

/*OBTUARIES-HERO*/
.obtuaries-hero{ padding:0 0 0 190px; color:#fff; }
.obtuaries-hero .outer{ display:flex; flex-direction:column; justify-content:flex-end; background:url("../img/bg-header.png") center center / cover no-repeat var(--dark); height:100%; position:relative; overflow:hidden; }
.obtuaries-hero .main{ position:relative; z-index:2; }
.obtuaries-hero .main .wrap{ align-items:center; }
.obtuaries-hero .main .title{ padding:300px 0 40px; }
.obtuaries-hero .main .title h1{ font-size:60px; color:#fff; }
.obtuaries-hero .main .search{ padding:40px 0; border-top:2px solid var(--main); }
.obtuaries-hero .main .search .desc{ width:160px; }
.obtuaries-hero .main .search .desc .f-title{ font-size:20px; color:#fff; }
.obtuaries-hero .main .search .fields{ width:calc(100% - 214px); padding:0 0 0 5vw; }
.obtuaries-hero .main .search .field{ width:50%; padding:0 20px 0 0; }
.obtuaries-hero .main .search .submit{ width:54px; }
.obtuaries-hero .main .search .submit .btn{ display:flex; width:54px; height:54px; border-radius:50%; border:none; background:var(--main); }
.obtuaries-hero .main .search .submit .btn:hover{ background:var(--main2); }
.obtuaries-hero .main .search .submit .btn .txt{ display:none; }
@media (max-height: 819px) {
	.obtuaries-hero .main .title{ padding:200px 0 40px; }
}
@media (max-width: 1479px) {
	.obtuaries-hero{ padding:0 0 0 150px; }
	/*.obtuaries-hero .main .search .field{ width:calc(100% - 360px); }
	.obtuaries-hero .main .search .field+.field{ width:360px; }*/
	.obtuaries-hero .main .search .field .input{ font-size:12px; }
}
@media (max-width: 1279px) {
	.obtuaries-hero{ padding:0; }
	.obtuaries-hero .main .title{ padding:200px 0 40px; }
	.obtuaries-hero .main .search .desc{ width:100%; margin:0 0 20px; }
	.obtuaries-hero .main .search .fields{ width:calc(100% - 54px); padding:0; }
}
@media (max-width: 619px) {
	.obtuaries-hero .main .title{ padding:100px 0 30px; }
	.obtuaries-hero .main .title h1{ font-size:35px; }
	.obtuaries-hero .main .search{ padding:30px 0; }
	.obtuaries-hero .main .search .desc .f-title{ font-size:16px; }
	.obtuaries-hero .main .search .fields{ width:100%; padding:0; }
	.obtuaries-hero .main .search .field{ width:100%; padding:0 0 10px; }
	.obtuaries-hero .main .search .submit{ width:100%; }
	.obtuaries-hero .main .search .submit .btn{ padding:15px 20px; width:100%; height:auto; border-radius:200px; }
	.obtuaries-hero .main .search .submit .btn .icn{ height:20px; }
	.obtuaries-hero .main .search .submit .btn .txt{ display:block; font-size:12px; font-weight:700; font-family:"Montserrat", sans-serif; text-transform:uppercase; margin:0 0 0 5px; }
}

/*MAIN-HERO*/
.main-hero{ padding:0 0 0 190px; color:#fff; }
.main-hero .outer{ display:flex; flex-direction:column; justify-content:flex-end; background:url("../img/bg-header-lg.png") center center / cover no-repeat var(--dark3); height:100%; position:relative; overflow:hidden; }
.main-hero.blank-page .outer{ margin:0 0 -150px; padding:0 0 200px; }
.main-hero .main{ position:relative; z-index:2; }
.main-hero .main .title{ padding:300px 0 0; text-align:center; }
.main-hero.sm .main .title{ padding:200px 0 0; }
.main-hero .main .title h1{ font-size:60px; color:#fff; }
.main-hero .main .title p{ max-width:900px; margin:15px auto 0; }
.main-hero .main .title .btns{ margin:30px 0 0; display:flex; }
.main-hero .main .title .btns a+a{ margin:0 0 0 20px; }
.main-hero .main .title .line{ display:block; width:2px; height:190px; margin:60px auto 40px; background:var(--main); }
.main-hero .main .title .line.sm{ height:100px; }
.main-hero.sm .main .title .line.sm{ height:50px; }
@media (max-height: 819px) {
	.main-hero .main .title .line{ height:120px; margin:40px auto 40px; }
}
@media (max-width: 1479px) {
	.main-hero{ padding:0 0 0 150px; }
	.main-hero .main .title .line{ height:120px; margin:40px auto 40px; }
}
@media (max-width: 1279px) {
	.main-hero{ padding:0; }
}
@media (max-width: 619px) {
	.main-hero .main .title{ padding:100px 0 0; }
    .main-hero.sm .main .title{ padding:100px 0 0; }
	.main-hero .main .title h1{ font-size:35px; }
	.main-hero .main .title .line{ height:80px; margin:30px auto 30px; }
	.main-hero .main .title .line.sm{ height:60px; }
}

/*CONTENT SECTIONS*/
.cs-1{ padding:120px 0; }
.cs-1 .tabs{ margin:0 0 60px; }
.cs-1 .tabs>.wrap{ margin:0 -15px; }
.cs-1 .tabs .item{ width:25%; padding:0 15px; }
.cs-1 .tabs .item a{ font-size:18px; padding:15px; height:100%; display:flex; border:2px solid var(--light2); text-align:center; }
.cs-1 .tabs .item a:hover{ border-color:var(--main); color:var(--dark3); }
.cs-1 .tabs .item a.active{ border-color:var(--dark3); background:var(--dark3); color:#fff; cursor:default; }
.cs-1 .tc{ display:none; }
.cs-1 .tc.active{ display:block; }
.cs-1 .listing>.wrap{ margin:0 -30px; }
.cs-1 .listing .item{ width:25%; padding:0 30px 60px; }
.cs-1 .listing .item a{ color:var(--text2); }
/*.cs-1 .listing .item a:hover{ color:var(--main); }*/
.cs-1 .listing .item .pic{ overflow:hidden; position:relative; }
.cs-1 .listing .item .pic:after{ content:""; display:block; width:100%; height:100%; background: var(--dark3); position:absolute; top:0; left:0; opacity:0; transition: all .25s ease-in-out; }
.cs-1 .listing .item a:hover .pic:after{ opacity:0.5; }
.cs-1 .listing .item .pic img{ width:100%; }
.cs-1 .listing .item a:hover .pic img{ transform:scale(1.05); filter:grayscale(0.3); }
.cs-1 .listing .item .pic .icn{ width:65px; height:65px; background:#fff; border-radius:50%; position:absolute; top:50%; left:50%; margin:-43px 0 0 -43px; z-index:2; opacity:0; transform:translateY(30px); }
.cs-1 .listing .item a:hover .pic .icn{ opacity:1; transform:translateY(0); }
.cs-1 .listing .item .pic .icn svg{ width:26px; color:var(--main); }
/* .cs-1 .listing .item .pic .icn svg path { fill: var(--dark2); } */
.cs-1 .listing .item .pic .icn .txt{ font-size:16px; text-align:center; color:#fff; position:absolute; bottom:-80px; width:120px; }
.cs-1 .listing .item a:hover .pic .icn .txt{ bottom:-30px; }
.cs-1 .listing .item .date{ font-size:14px; margin:20px 0 10px; text-transform:uppercase; position:relative; }
.cs-1 .listing .item .date:before{ content:""; display:block; width:100%; height:2px; background:var(--light); position:absolute; top:50%; left:0; margin:-1px 0 0; }
.cs-1 .listing .item .date>div{ padding:0 15px 0 0; width:fit-content; background:#fff; position:relative; }
.cs-1 .listing .item .name .f-title{ font-size:22px; font-weight:900; text-transform:none; }
.cs-1 .listing .item a:hover .name .f-title{ color:var(--main); }
.cs-1 .listing .item .city{ font-size:14px; margin:5px 0 0; }
.cs-1 .listing .item .logo{ width:35px; margin:10px 0 0; }
.cs-1 .listing .item .thanks .title { font-family:"Hyogo", sans-serif; margin:5px 0 0; color:var(--main); text-transform: uppercase;}
.cs-1 .listing .item .thanks p { font-size: 14px; margin-top: 8px;}
.cs-1 .listing .item .a-type{ font-size:14px; font-weight:700; text-transform:uppercase; margin:5px 0 0; color:var(--main); }
.cs-1 .listing .item .a-desc{ font-size:14px; font-weight:400; line-height:1.3; margin:5px 0 0; }
.cs-1 .bottom .btn-2{ margin:60px auto 0; } 
.cs-1 .bottom .pagination, .cs-26 .bottom .pagination{ margin:40px 0 0; display:flex; justify-content:center; }
.cs-1 .bottom .pagination li>a, .cs-1 .bottom .pagination li>span, .cs-26 .bottom .pagination li>a, .cs-26 .bottom .pagination li>span{ display:flex; width:65px; height:65px; border-radius:50%; border:2px solid var(--main); justify-content:center; align-items:center; }
.cs-1 .bottom .pagination li.active>span, .cs-26 .bottom .pagination li.active>span { background: var(--main); color: #fff; }
.cs-1 .bottom .pagination li:not(.disabled)>a:hover, .cs-26 .bottom .pagination li:not(.disabled)>a:hover{ background:var(--main); border-color:var(--main); color:#fff; }
.cs-1 .bottom .pagination li+li, .cs-26 .bottom .pagination li+li{ margin:0 0 0 10px; color: var(--dark3); }
.cs-1 .bottom .pagination li.prev>a, .cs-1 .bottom .pagination li.prev>span, .cs-26 .bottom .pagination li.prev>a, .cs-26 .bottom .pagination li.prev>span{ transform:rotate(90deg); }
.cs-1 .bottom .pagination li.next>a, .cs-1 .bottom .pagination li.next>span, .cs-26 .bottom .pagination li.next>a, .cs-26 .bottom .pagination li.next>span{ transform:rotate(-90deg); }
.cs-1 .bottom .pagination li.arrow svg, .cs-26 .bottom .pagination li.arrow svg{ width:12px; }
.cs-1 .bottom .pagination li.disabled>span, .cs-26 .bottom .pagination li.disabled>span{ border-color:var(--light2); opacity:0.6; cursor:default; }
@media (max-width: 1679px) {
	.cs-1 .listing>.wrap{ margin:0 -20px; }
	.cs-1 .listing .item{ padding:0 20px 60px; }
}
@media (max-width: 1479px) {
	.cs-1 .listing>.wrap{ margin:0 -15px; }
	.cs-1 .listing .item{ padding:0 15px 60px; }
}
@media (max-width: 1359px) {
	.cs-1 .listing .item .date{ font-size:12px; }
	.cs-1 .listing .item .name .f-title{ font-size:20px; }
	.cs-1 .listing .item .city{ font-size:12px; }
}
@media (max-width: 1019px) {
	.cs-1 .tabs{ margin:0 60px 60px; }
	.cs-1 .tabs>.wrap{ margin:0 -5px; }
	.cs-1 .tabs .item{ padding:0 5px; }
	.cs-1 .tabs .item a{ font-size:14px; }
	.cs-1 .listing .item{ width:33.333333%; }
	.cs-1 .bottom .pagination li>a,.cs-1 .bottom .pagination li>span, .cs-26 .bottom .pagination li>a,.cs-26 .bottom .pagination li>span{ width:55px; height:55px; }
}
@media (max-width: 619px) {
	.cs-1{ padding:80px 0; }
	.cs-1 .tabs{ margin:0 0 30px; }
	.cs-1 .tabs .item a{ font-size:11px; }
	.cs-1 .listing>.wrap{ margin:0 -10px; }
	.cs-1 .listing .item{ width:50%; padding:0 10px 40px; }
	.cs-1 .listing .item .date{ font-size:9px; margin:10px 0 5px; }
	.cs-1 .listing .item .name .f-title{ font-size:16px; }
	.cs-1 .listing .item .city{ font-size:9px; }
	.cs-1 .listing .item .logo{ width:30px; }
	.cs-1 .bottom .btn-2{ margin:30px auto 0; } 
	.cs-1 .bottom .pagination, .cs-26 .bottom .pagination{ margin:30px 0 0; }
	.cs-1 .bottom .pagination li>a, .cs-1 .bottom .pagination li>span, .cs-26 .bottom .pagination li>a, .cs-26 .bottom .pagination li>span{ width:45px; height:45px; }
}
@media (max-width: 419px) {
	.cs-1 .tabs .item{ width:50%;  margin-bottom: 12px;}
	.cs-1 .listing .item{ width:100%;}
	.cs-1 .listing .item .date{ font-size:14px; margin:15px 0 10px; }
	.cs-1 .listing .item .name .f-title{ font-size:25px; }
	.cs-1 .listing .item .city{ font-size:16px; }
	.cs-1 .listing .item .logo{ width:40px; }
	.cs-1 .bottom .pagination li>a, .cs-1 .bottom .pagination li>span, .cs-26 .bottom .pagination li>a, .cs-26 .bottom .pagination li>span{ width:40px; height:40px; }
	.cs-1 .bottom .pagination li+li, .cs-26 .bottom .pagination li+li{ margin:0 0 0 5px; }
	.cs-1 .bottom .pagination li.arrow svg, .cs-26 .bottom .pagination li.arrow svg{ width:9px; }
}

.cs-homeService { background: var(--light); text-align: center; padding: 130px 0; }
.cs-homeService h2 { font-size: 50px; margin: 0 0 40px; }
.cs-homeService .title { max-width: 900px; margin: auto; }
.cs-homeService .title p+p { margin-top: 20px; }
@media (max-width: 1479px) {
	.cs-homeService h2 { font-size: 40px; }
}
@media (max-width: 619px) {
	.cs-homeService { padding: 80px 0; }
	.cs-homeService h2 { font-size: 30px; margin: 0 0 20px; }
}

.cs-2{ padding:120px 0 0; position:relative; overflow:hidden; }
.cs-2 .shape-1{ position:absolute; top:0; right:0; animation:float 5s ease-in-out infinite; }
.cs-2 .shape-2{ position:absolute; top:180px; right:100px; animation:float 4s ease-in-out infinite; }
.cs-2 .shape-3{ position:absolute; top:60px; left:30px; animation:float 5s ease-in-out infinite; }
.cs-2 .title h2{ width:fit-content; max-width:700px; margin:0 auto 100px; }
.cs-2 .title h2 .lg{ font-size:100px; }
.cs-2 .title h2 .sm{ font-size:30px; display:flex; justify-content:flex-end; text-align:right; position:relative; }
.cs-2 .title h2 .sm:before{ content:""; display:block; width:100%; height:2px; background:var(--light); position:absolute; top:15px; left:0; }
.cs-2 .title h2 .sm>div{ padding:0 0 0 20px; max-width:470px; background:#fff; position:relative; }
.cs-2 .box-1{ padding:0 100px 0 0; }
.cs-2 .box-1 .inner{ padding:0 60px 0 150px; background:var(--dark3); }
.cs-2 .box-1 .img{ width:45%; margin:-40px 0 0; }
.cs-2 .box-1 .content{ width:55%; padding:100px 0 100px 100px; color:var(--light); }
.cs-2 .box-1 .content .btns{ margin:40px 0 0; }
.cs-2 .box-2{ padding:0 100px 0 0; position:relative; }
.cs-2 .box-2 .service-1-img{ padding:150px 60px 0 150px; background:var(--dark3); }
.cs-2 .box-2 .service-1-content{ padding:80px 60px 360px 150px; background:#fff; }
.cs-2 .box-2 .service-1-content>div{ max-width:540px; }
.cs-2 .box-2 .service-1-content h2{ font-size:50px; margin:0 0 40px; }
.cs-2 .box-2 .service-1-content .btns{ margin:40px 0 0; }
.cs-2 .box-2 .service-2{ width:800px; position:absolute; top:340px; right:0; z-index:2; }
.cs-2 .box-2 .service-2 .img{ margin:0 0 -160px; max-width:80%; }
.cs-2 .box-2 .service-2 .content{ padding:250px 60px; background:var(--light); }
.cs-2 .box-2 .service-2 .content>div{ max-width:540px; }
.cs-2 .box-2 .service-2 .content h2{ font-size:50px; margin:0 0 40px; }
.cs-2 .box-2 .service-2 .content .btns{ margin:40px 0 0; }
.cs-2 .box-3{ background:var(--dark3); color:#fff; }
.cs-2 .box-3 .content{ width:calc(100% - 800px); padding:200px 150px; }
.cs-2 .box-3 .content h2{ font-size:70px; margin:0 0 40px; color:#fff; }
.cs-2 .box-3 .content .btns{ margin:40px 0 0; }
.cs-2 .box-3 .img{ width:800px; background:url("../img/home-service-3.jpg") center center / cover no-repeat var(--dark); }
@media (max-width: 1779px) {
	.cs-2 .box-2 .service-2{ width:650px; }
	.cs-2 .box-3 .content{ width:calc(100% - 650px); }
	.cs-2 .box-3 .img{ width:650px; }
}
@media (max-width: 1679px) {
	.cs-2 .box-1{ padding:0 60px 0 0; }
	.cs-2 .box-1 .inner{ padding:0 60px 0 80px; }
	.cs-2 .box-2{ padding:0 60px 0 0; }
	.cs-2 .box-2 .service-1-img{ padding:150px 60px 0 80px; }
	.cs-2 .box-2 .service-1-content{ padding:80px 60px 300px 80px; }
	.cs-2 .box-3 .content{ padding:200px 80px; }
}
@media (max-width: 1479px) {
	.cs-2 .shape-1{ right:-50px; }
	.cs-2 .shape-2{ right:50px; }
	.cs-2 .box-1{ padding:0 30px 0 0; }
	.cs-2 .box-1 .inner{ padding:0 60px; }
	.cs-2 .box-1 .content{ padding:80px 0 60px 80px; }
	.cs-2 .box-2{ padding:0 30px 0 0; }
	.cs-2 .box-2 .service-1-img{ padding:150px 60px 0 60px; }
	.cs-2 .box-2 .service-1-content{ padding:80px 60px 300px 80px; }
	.cs-2 .box-2 .service-1-content>div{ width:35vw; }
	.cs-2 .box-2 .service-1-content h2{ font-size:40px; }
	.cs-2 .box-2 .service-2{ width:45%; }
	.cs-2 .box-2 .service-2 .img{ margin:0 0 -160px; max-width:100%; }
	.cs-2 .box-2 .service-2 .content h2{ font-size:40px; }
	.cs-2 .box-3 .content{ width:55%; }
	.cs-2 .box-3 .img{ width:45%; }
}
@media (max-width: 1279px) {
	.cs-2 .shape-1{ right:-160px; }
	.cs-2 .shape-2{ right:-60px; }
	.cs-2 .shape-3{ left:-20px; }
	.cs-2 .title h2{ width:fit-content; max-width:700px; margin:0 auto 100px; }
	.cs-2 .title h2 .lg{ font-size:80px; }
	.cs-2 .box-1 .inner{ padding:0 20px; }
	.cs-2 .box-1 .inner>.wrap{ max-width:650px; margin:0 auto; }
	.cs-2 .box-1 .img{ width:100%; margin:-40px 0 0; }
	.cs-2 .box-1 .content{ width:100%; padding:60px 20px 100px; }
	.cs-2 .box-2 .service-1-img{ padding:100px 60px 0 60px; }
	.cs-2 .box-2 .service-1-img img{ width:100%; max-width:650px; margin:0 auto; }
	.cs-2 .box-2 .service-1-content{ width:100%; max-width:650px; margin:0 auto; padding:60px 60px 100px; }
	.cs-2 .box-2 .service-1-content>div{ width:100%; }
	.cs-2 .box-2 .service-2{ width:100%; max-width:650px; margin:0 auto 60px; position:static; }
	.cs-2 .box-2 .service-2 .content{ padding:60px; }
	.cs-2 .box-2 .service-2 .img{ margin:0; }
	.cs-2 .box-2 .service-2 .img img{ width:100%; }
	.cs-2 .box-3>.wrap{ max-width:650px; margin:0 auto; }
	.cs-2 .box-3 .content{ width:100%; padding:100px 60px; }
	.cs-2 .box-3 .content h2{ font-size:60px; }
	.cs-2 .box-3 .img{ width:100%; height:600px; margin:0 0 -40px; }
}
@media (max-width: 619px) {
	.cs-2{ padding:80px 0 0; }
	.cs-2 .shape-1{ width:120px; right:-60px; }
	.cs-2 .shape-2{ width:80px; top:100px; right:-40px; }
	.cs-2 .shape-3{ width:80px; top:0; left:-30px; }
	.cs-2 .title h2{ margin:0 0 60px; padding:0 20px; text-align:left; }
	.cs-2 .title h2 .lg{ font-size:40px; }
	.cs-2 .title h2 .sm{ font-size:18px; text-align:left; max-width:280px; }
	.cs-2 .title h2 .sm>div{ padding:0; }
	.cs-2 .box-1 .img{ margin:-20px 0 0; }
	.cs-2 .box-1 .content{ padding:30px 20px 60px; }
	.cs-2 .box-1 .content .btns{ margin:20px 0 0; }
	.cs-2 .box-2 .service-1-img{ padding:0 20px; }
	.cs-2 .box-2 .service-1-content{ padding:30px 40px 60px; }
	.cs-2 .box-2 .service-1-content h2{ font-size:30px; margin:0 0 20px; }
	.cs-2 .box-2 .service-1-content .btns{ margin:20px 0 0; }
	.cs-2 .box-2 .service-2 .content{ padding:40px; }
	.cs-2 .box-2 .service-2 .content h2{ font-size:30px; margin:0 0 20px; }
	.cs-2 .box-2 .service-2 .content .btns{ margin:20px 0 0; }
	.cs-2 .box-3 .content{ padding:80px 40px; }
	.cs-2 .box-3 .content h2{ font-size:35px; margin:0 0 20px; }
	.cs-2 .box-3 .content .btns{ margin:20px 0 0; }
	.cs-2 .box-3 .img{ height:350px; }
}

.cs-3{ padding:200px 0; position:relative; overflow:hidden; }
.cs-3 .shape-4{ position:absolute; top:0; right:0; animation:float 4s ease-in-out infinite; }
.cs-3 .title h2{ font-size:70px; margin:0 0 60px; text-align:center; position:relative; }
.cs-3 .outer-slider{ position:relative; }
.cs-3 .inner-slide{ padding:0 2vw; position:relative; opacity:0.15; }
.cs-3 .tns-slide-active+.tns-slide-active .inner-slide{ opacity:1; }
.cs-3 .tns-slide-active+.tns-slide-active+.tns-slide-active .inner-slide{ opacity:0.15; }
.cs-3 .inner-slide .desc{ padding:20px; width:400px; margin-left:-200px; text-align:center; background:#fff; position:absolute; left:50%; bottom:0; max-width:500px; opacity:0; }
.cs-3 .tns-slide-active+.tns-slide-active .inner-slide .desc{ opacity:1; }
.cs-3 .tns-slide-active+.tns-slide-active+.tns-slide-active .inner-slide .desc{ opacity:0; }
.cs-3 .inner-slide .desc .f-title{ font-size:20px; font-weight:900; text-transform:none; }
.cs-3 .nav-slider{ position:absolute; top:50%; width:100%; display:flex; justify-content:space-between; }
.cs-3 .nav-slider .control{ display:flex; width:100px; height:100px; margin-top:-50px; border-radius:50%; border:2px solid var(--main); color:var(--dark3); cursor:pointer; }
.cs-3 .nav-slider .control:hover{ background:var(--main); color:#fff; }
.cs-3 .nav-slider .control svg{ width:36px; }
.cs-3 .nav-slider .prev{ margin-left:18vw; transform:rotate(-180deg); }
.cs-3 .nav-slider .next{ margin-right:18vw; }
@media (max-width: 1479px) {
	.cs-3 .outer-slider{ width:120%; margin:0 -10%; }
	.cs-3 .nav-slider .prev{ margin-left:19vw; }
	.cs-3 .nav-slider .next{ margin-right:19vw; }
}
@media (max-width: 1279px) {
	.cs-3 .outer-slider{ width:140%; margin:0 -20%; }
	.cs-3 .nav-slider .prev{ margin-left:22vw; }
	.cs-3 .nav-slider .next{ margin-right:22vw; }
}
@media (max-width: 619px) {
	.cs-3{ padding:100px 0; }
	.cs-3 .shape-4{ width:100px; top:-30px; }
	.cs-3 .title h2{ font-size:40px; margin:0 0 40px; }
	.cs-3 .outer-slider{ width:140%; margin:0 -20%; }
	.cs-3 .inner-slide .desc{ padding:15px; width:80%; margin:0; left:10%; }
	.cs-3 .inner-slide .desc .f-title{ font-size:12px; }
	.cs-3 .nav-slider .control{ width:60px; height:60px; margin-top:-30px; }
	.cs-3 .nav-slider .control svg{ width:20px; }
	.cs-3 .nav-slider .prev{ margin-left:24vw; }
	.cs-3 .nav-slider .next{ margin-right:24vw; }
}

.cs-4{ padding:0 0 200px; }
.cs-4 .top{ padding:150px 0 1px; background:url("../img/bg-header.png") center center / cover no-repeat var(--dark); position:relative; }
/*.cs-4 .top .contact{ position:absolute; top:40px; right:60px; }*/
.cs-4 .top .back{ margin:0 0 40px; }
.cs-4 .top .img{ width:390px; }
.cs-4 .top .img>div{ padding:20px; margin:0 0 -150px; background:#fff; }
.cs-4 .top .img img{ width:100%; }
.cs-4 .top .content{ width:calc(100% - 390px); padding:70px 0 70px 70px; justify-content:flex-end; }
.cs-4 .top .content .title h1{ font-size:50px; margin:0 0 10px; color:#fff; }
/*.cs-4 .top .content .date{ font-size:15px; letter-spacing:0.12em; text-transform:uppercase; color:var(--main); position:relative; }
.cs-4 .top .content .date:before{ content:""; display:block; width:100%; height:2px; background:var(--dark2); position:absolute; top:50%; margin:-1px 0 0; left:0; }
.cs-4 .top .content .date>div{ width:fit-content; padding:0 30px 0 0; background:var(--dark); position:relative; }*/
.cs-4 .top .content .date{ font-size:15px; letter-spacing:0.12em; text-transform:uppercase; color:var(--main); display:flex; align-items:center; }
.cs-4 .top .content .date:after{ content:""; display:flex; width:100%; height:2px; background:#ffffff11; }
.cs-4 .top .content .date>div{ padding:0 30px 0 0; flex-shrink:0; }
.cs-4 .bottom .side{ width:390px; }
.cs-4 .bottom .side>div{ padding:150px 20px 0; }
.cs-4 .bottom .side .fh{ line-height:1.2; color:var(--text2); }
.cs-4 .bottom .side .fh a:hover{ opacity:0.6; }
.cs-4 .bottom .side .fh-name{ margin:20px 0; }
.cs-4 .bottom .side .fh-name .logo{ width:80px; justify-content:center; }
.cs-4 .bottom .side .fh-name .logo img{ width:60px; }
.cs-4 .bottom .side .fh-name .desc{ width:calc(100% - 80px); justify-content:center; font-size:16px; font-weight:700; text-transform:uppercase; }
.cs-4 .bottom .side .fh-info+.fh-info{ margin:10px 0 0; }
.cs-4 .bottom .side .fh-info .icn{ width:80px; justify-content:center; }
.cs-4 .bottom .side .fh-info .icn>div{ display:flex; width:45px; height:45px; border-radius:50%; border:2px solid var(--light2); color:var(--main); margin:0 10px; }
.cs-4 .bottom .side .fh-info .icn>div svg{ width:22px; }
.cs-4 .bottom .side .fh-info .desc{ width:calc(100% - 80px); justify-content:center; font-size:14px; }
.cs-4 .bottom .side .actions{ padding:40px 0 0; border-top:2px solid var(--light); margin:40px 0 0; }
.cs-4 .bottom .side .actions .action-btn{ padding:10px 30px; display:flex; border-radius:200px; border:2px solid var(--light2); align-items:center; color:var(--text2); }
.cs-4 .bottom .side .actions .action-btn+.action-btn{ margin:10px 0 0; }
.cs-4 .bottom .side .actions .action-btn:hover{ background:var(--main); border-color:var(--main); color:#fff; }
.cs-4 .bottom .side .actions .action-btn .icn{ width:40px; color:var(--main); }
.cs-4 .bottom .side .actions .action-btn:hover .icn{ color:#fff; }
.cs-4 .bottom .side .actions .action-btn .txt{ width:calc(100% - 40px); text-transform:uppercase; line-height:1.2; letter-spacing:0.03em; }
.cs-4 .bottom .side .actions .action-btn .txt .sm{ font-size:14px; font-weight:400; }
.cs-4 .bottom .side .actions .action-btn .txt .lg{ font-size:16px; font-weight:900; }
.cs-4 .bottom .content{ width:calc(100% - 390px); padding:80px 0 80px 70px; }
.cs-4 .bottom .content .tabs{ margin:0 0 40px; }
.cs-4 .bottom .content .tabs>.wrap{ margin:0 -5px; }
.cs-4 .bottom .content .tabs .item{ width:25%; padding:0 5px; }
.cs-4 .bottom .content .tabs .item a{ font-size:16px; padding:10px 15px; height:100%; display:flex; border:2px solid var(--light2); text-align:center; }
.cs-4 .bottom .content .tabs .item a:hover{ border-color:var(--main); color:var(--main); }
.cs-4 .bottom .content .tabs .item a.active{ border-color:var(--dark); background:var(--dark); color:#fff; cursor:default; }
.cs-4 .bottom .content .tc{ display:none; }
.cs-4 .bottom .content .tc.active{ display:block; }
.cs-4 .bottom .content .txt-content{ font-size:16px; }
.cs-4 .bottom .content .txt-content p+p{ margin:20px 0 0; }
.cs-4 .bottom .content .txt-content .thanks{ padding:40px 0 0; border-top:2px solid var(--light); margin:40px 0 0; }
.cs-4 .bottom .content .txt-content .thanks .f-title{ font-size:25px; margin:0 0 20px; color:var(--main); }
.cs-4 .bottom .content .txt-content .a-type{ font-weight:700; text-transform:uppercase; margin:0 0 5px; color:var(--main); }
.cs-4 .bottom .content .txt-content .a-date{ font-size:14px; font-weight:700; text-transform:uppercase; margin:0 0 30px; color:var(--dark); }
.cs-4 .bottom .content .condolences .item{ margin:0 0 30px; }
.cs-4 .bottom .content .condolences .item .from{ padding:20px; font-size:14px; font-weight:700; text-transform:uppercase; background:var(--light); }
.cs-4 .bottom .content .condolences .item .from>.wrap{ justify-content:space-between; }
.cs-4 .bottom .content .condolences .item .from .date{ padding:0 0 0 20px; color:var(--main); }
.cs-4 .bottom .content .condolences .item .txt-content{ padding:20px; }
.cs-4 .bottom .content .share-group{ gap: 1em; margin: 50px 0 0; display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; }
.cs-4 .bottom .content .visits{ }
.cs-4 .bottom .content .share{ display:flex; align-items:center; }
.cs-4 .bottom .content .share .f-title{ font-size:16px; }
.cs-4 .bottom .content .share .line{ width:80px; height:2px; margin:0 20px; background:var(--light); }
.cs-4 .bottom .content .share .icn{ display:flex; width:45px; height:45px; border-radius:50%; border:2px solid var(--light2); }
.cs-4 .bottom .content .share .icn:hover{ background:var(--main); border-color:var(--main); color:#fff; }
.cs-4 .bottom .content .share .icn+.icn{ margin:0 0 0 10px; }
.cs-4 .bottom .content .share svg{ width:22px; }
.cs-4 .bottom .content .video iframe{ width:100%; aspect-ratio:16 / 9; }
@media (max-width: 1359px) {
	.cs-4 .top .content{ padding:70px 0 70px 40px; }
	.cs-4 .bottom .content{ padding:80px 0 80px 40px; }
	.cs-4 .bottom .content .condolences .item .from{ font-size:12px; }
}
@media (max-width: 1279px) {
	.cs-4 .top .contact{ display:none; }
}
@media (max-width: 1019px) {
	.cs-4 .top .img{ width:390px; }
	.cs-4 .top .img>div{ margin:0; }
	.cs-4 .top .content{ width:100%; padding:40px 0 80px; }
	.cs-4 .bottom .side{ width:100%; }
	.cs-4 .bottom .side>div{ padding:0; }
	.cs-4 .bottom .content{ width:100%; padding:80px 0; }
	.cs-4 .bottom .content .tabs .item a{ font-size:14px; }
}
@media (max-width: 619px) {
	.cs-4{ padding:0 0 100px; }
	.cs-4 .top{ padding:80px 0 1px; }
	.cs-4 .top .content .title h1{ font-size:30px; }
	.cs-4 .top .content .date{ font-size:10px; }
	.cs-4 .top .content .date:after{ display:none; }
	.cs-4 .top .content .date>div{ padding:0; flex-shrink:0; }
	.cs-4 .bottom .content .tabs .item{ width:50%; padding:5px; }
	.cs-4 .bottom .content .tabs .item a{ font-size:12px; }
	.cs-4 .bottom .content .txt-content{ font-size:13px; }
	.cs-4 .bottom .content .txt-content .thanks .f-title{ font-size:20px; }
	.cs-4 .bottom .content .condolences .item .from{ font-size:13px; }
	.cs-4 .bottom .content .condolences .item .from>.wrap{ display:block; }
	.cs-4 .bottom .content .condolences .item .from .date{ margin:5px 0 0; }
	.cs-4 .bottom .content .share{ margin:30px 0 0; }
	.cs-4 .bottom .content .share .f-title{ font-size:14px; }
	.cs-4 .bottom .content .share .line{ width:40px; margin:0 10px;}
	.cs-4 .bottom .content .share .icn{ width:35px; height:35px;}
	.cs-4 .bottom .content .share .icn+.icn{ margin:0 0 0 10px; }
	.cs-4 .bottom .content .share svg{ width:15px; }
}

.cs-5{ padding:200px 0 350px; background:var(--dark3); }
.cs-5 .content{ max-width:1000px; margin:0 auto; text-align:center; }
.cs-5 .content p{ font-size:25px; font-weight:700; color: var(--light); }
@media (max-width: 1479px) {
	.cs-5{ padding:150px 0 350px; }
}
@media (max-width: 1019px) {
	.cs-5 .content p{ font-size:22px; }
}
@media (max-width: 619px) {
	.cs-5{ padding:100px 0; }
	.cs-5 .content p{ font-size:18px; }
}

.cs-6{ position:relative; }
.cs-6.light{ background:var(--light); }
.cs-6 .shape-3{ position:absolute; top:-80px; right:-40px; z-index:15; animation:float 4s ease-in-out infinite; }
.cs-6 .content{ width:55%; padding:100px 100px 100px 160px; position:relative; z-index:15; background:#fff; }
.cs-6.light .content{ background:var(--light); }
.cs-6 .content h2{ font-size:50px; margin:0 0 40px; }
.cs-6 .content p+p{ margin:20px 0 0; }
.cs-6 .content .btns{ margin:40px 0 0; }
.cs-6 .content .icn{ width:78px; height:78px; border:2px solid var(--main); border-radius:50%; transform:rotate(90deg); display:flex; color: var(--dark3); }
.cs-6 .content .icn:hover{ background:var(--main); color:#fff; transform:translateY(5px) rotate(90deg); }
.cs-6 .content .icn svg{ width:32px; }
.cs-6 .img{ width:calc(45% + 150px); margin:-180px 0 0 -150px; }
.cs-6 .img .outer-slider{ position:relative; }
.cs-6 .img .inner-slide img{ width:100%; }
.cs-6 .nav-slider{ position:absolute; bottom:-60px; left:150px; }
.cs-6 .nav-slider .control{ display:flex; width:60px; height:60px; background:var(--main); color:#fff; cursor:pointer; }
.cs-6 .nav-slider .control:hover{ background:var(--main2); color:#fff; }
.cs-6 .nav-slider .control svg{ width:32px; }
.cs-6 .nav-slider .prev{ transform:rotate(-180deg); }
@media (max-width: 1479px) {
	.cs-6 .content{ padding:100px 50px; }
}
@media (max-width: 1019px) {
	.cs-6 .shape-3{ display:none; }
	.cs-6 .content{ width:75%; }
	.cs-6 .img{ width:calc(25% + 350px); margin:-220px 0 0 -350px; }
	.cs-6 .nav-slider{ left:350px; }
}
@media (max-width: 619px) {
	.cs-6 .content{ width:100%; padding:80px 20px; }
	.cs-6 .content h2{ font-size:30px; margin:0 0 30px; }
	.cs-6 .content .btns{ display:none; }
	.cs-6 .img{ width:100%; margin:0; }
	.cs-6 .nav-slider{ bottom:0; left:0; }
	.cs-6 .nav-slider .control{ width:40px; height:40px; }
	.cs-6 .nav-slider .control svg{ width:22px; }
}

.cs-7{ padding:70px 0 150px; }
.cs-7 .items{ margin:0 -15px; }
.cs-7 .col{ width:50%; padding:0 15px; }
.cs-7 .item{ margin:30px 0; border:2px solid var(--light2); }
.cs-7 .item:hover{ border-color:var(--main); transition: all .25s ease-in-out; }
.cs-7 .t-item{ cursor:pointer; position:relative; transition: all .25s ease-in-out; }
.cs-7 .t-item .q-content{  padding:20px 80px 20px 30px; display:flex; align-items:center; color:var(--dark3); transition: all .25s ease-in-out; }
.cs-7 .t-item .q-title{ font-size:16px; font-weight:700;  font-family: "Montserrat", sans-serif; line-height:1.1;}
.cs-7 .t-item .q-subtitle{ font-size:14px; font-weight:400;   font-family: "Montserrat", sans-serif; line-height:1.1;}
.cs-7 .t-item:hover .q-title{ color:var(--main);  }
.cs-7 .t-item .logo{ margin-right:20px; height:42px; }
.cs-7 .t-item .icn{ position:absolute; top:50%; margin-top:-12px; right:30px; display:flex; width:24px; height:24px; transition: all .25s ease-in-out; }
.cs-7 .t-item:hover .icn{ }
.cs-7 .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-7 .t-item.open .icn:after{ background-image:url("../img/icn/minus.svg"); transform:rotate(180deg); }
.cs-7 .c-item{ height:0; overflow:hidden; transition:all 0.4s ease; }
.cs-7 .c-item.open{ }
.cs-7 .c-item>div{ padding:0 30px 30px; font-size:16px; }
.cs-7 .c-item p+p{ margin-top:15px; }
.cs-7 .c-item .embed-responsive{ margin:0 0 30px; }
.cs-7 .c-item .map_canvas{ width:100%; aspect-ratio:16 / 9; }
.cs-7 .c-item p{ margin:30px 0 0; }
.cs-7 .c-item .video{ margin:30px 0 0; }
.cs-7 .c-item .video video { width:100%; }
@media (max-width: 1019px) {
	.cs-7 .col{ width:100%; }
	.cs-7 .item:first-child{ margin-top:0; }
}
@media (max-width: 619px) {
	.cs-7 .item{ margin:15px 0; }
	.cs-7 .t-item .q-content{ padding:20px 60px 20px 20px; }
	.cs-7 .t-item .q-title{ font-size:13px;}
    .cs-7 .t-item .q-subtitle{ font-size:12px; }
	.cs-7 .t-item .icn{ margin-top:-10px; right:20px; width:20px; height:20px; }
	.cs-7 .t-item .icn:after{ width:20px; height:20px; background-size:20px 20px; }
	.cs-7 .c-item>div{ padding:0 20px 20px; font-size:13px; }
}

.cs-8{ padding:200px 100px; }
.cs-8.sm{ padding:120px 100px; }
.cs-8 .title h2{ font-size:40px; margin:0 0 30px; }
.cs-8 .subtitle{ margin:40px 0 0; display:flex; align-items:center; }
.cs-8 .subtitle:after{ content:""; display:flex; width:100%; height:2px; background:var(--light); }
.cs-8 .subtitle>div{ padding:0 30px 0 0; flex-shrink:0; }
.cs-8 .subtitle .f-title{ font-size:25px; color:var(--main); display:flex; align-items:center; }
@media (max-width: 1019px) {
	.cs-8{ padding:150px 0; }
	.cs-8 .subtitle.sm>div{ font-size:20px; max-width:90%; }
}
@media (max-width: 619px) {
	.cs-8{ padding:100px 0; }
	.cs-8.sm{ padding:50px 0; }
	.cs-8 .title h2{ font-size:25px; }
	.cs-8 .subtitle.sm>div{ font-size:13px; padding:0 15px 0 0; }
	.cs-8 .subtitle .f-title{ font-size:18px; }
}

.cs-9{ padding:150px 0; }
.cs-9 .items{ margin:0 -30px; }
.cs-9 .item{ width:50%; padding:30px; text-align:center; }
.cs-9 .item .video video { width:100%; }
.cs-9 .item .desc{ padding:20px 0 50px; }
.cs-9 .item .desc .lg{ font-size:25px; margin:0 0 5px; }
.cs-9 .item .desc .sm{ font-size:18px; font-weight:700; text-transform:uppercase; color:var(--main); }
@media (max-width: 1019px) {
	.cs-9 .item{ width:100%; }
}
@media (max-width: 619px) {
	.cs-9{ padding:50px 0; }
	.cs-9 .item .desc{ padding:15px 0 0; }
	.cs-9 .item .desc .lg{ font-size:18px; }
	.cs-9 .item .desc .sm{ font-size:13px; }
}

.cs-10 .top{ background:var(--dark3); }
.cs-10 .top .title{ padding:150px 160px 50px; }
.cs-10 .top .title h2{ font-size:30px; color:#fff; margin-bottom: 30px; }
.cs-10 .top .title h2 .lg{ font-size:60px; }
.cs-10 .top .img{ width:85%; max-width:1300px; position:relative; z-index:2; }
.cs-10 .bottom{ padding:500px 150px 200px; width:65%; margin:-350px 0 150px 35%; background:var(--light); position:relative; }
.cs-10 .top p { color: var(--light2); max-width: 1080px; }

.cs-10 .bottom .shape-1{ position:absolute; top:-180px; right:0; z-index:3; animation:float 5s ease-in-out infinite; }
.cs-10 .bottom .shape-2{ position:absolute; top:0; right:100px; z-index:3; animation:float 4s ease-in-out infinite; }
.cs-10 .bottom .item+.item{ padding:40px 0 0; border-top:2px solid var(--light2); margin:40px 0 0; }
.cs-10 .bottom .item .f-title{ font-size:35px; margin:0 0 10px; color:var(--main); }
@media (max-width: 1479px) {
	.cs-10 .top .title{ padding:150px 50px 50px; }
	.cs-10 .bottom{ padding:450px 100px 150px; width:75%; margin:-350px 0 150px 25%; }
}
@media (max-width: 1019px) {
	.cs-10 .bottom{ padding:450px 100px 150px; width:85%; margin:-350px 0 150px 15%; }
	.cs-10 .bottom .shape-1{ width:150px; }
	.cs-10 .bottom .shape-2{ width:100px; right:30px; }
}
@media (max-width: 619px) {
	.cs-10 .top .title{ padding:100px 20px 30px; }
	.cs-10 .top .title h2{ font-size:20px; }
	.cs-10 .top .title h2 .lg{ font-size:30px; }
	.cs-10 .bottom{ padding:200px 40px 60px; width:85%; margin:-150px 0 100px 15%; }
	.cs-10 .bottom .shape-1{ width:100px; top:-60px; }
	.cs-10 .bottom .shape-2{ width:50px; top:50px; right:20px; }
	.cs-10 .bottom .item .f-title{ font-size:25px; } 
}

.cs-11{ padding:150px 0; }
.cs-11.dark{ background:var(--dark3); }
.cs-11 .title h2{ font-size:50px; margin:0 0 50px;  text-align:center; }
.cs-11.dark .title h2{ color:#fff; }
.cs-11 .items .wrap{ margin:0 -30px; justify-content:space-around; }
.cs-11 .item{ width:25%; padding:0 30px 60px; }
.cs-11 .item>a{ display:block; }
.cs-11 .item .img{ width:100%; overflow:hidden; position:relative; }
.cs-11 .item .img>img{ width:100%; object-fit:cover; transform:scale(1); }
.cs-11 .item>a:hover .img>img{ transform:scale(1.05); opacity:0.7; }
.cs-11 .item .img .icn{ position:absolute; bottom:20px; right:20px; display:flex; width:60px; height:60px; border-radius:50%; background:var(--main); }
.cs-11 .item>a:hover .img .icn{ background:var(--main2); }
.cs-11 .item .img .icn:after{ content:""; display:block; width:20px; height:20px; background:url(../img/icn/plus.svg) center center no-repeat; background-size:20px 20px; filter:grayscale(1) brightness(10); transition:all 0.4s ease; }
.cs-11 .item.open .img .icn:after{ background-image:url(../img/icn/minus.svg); transform:rotate(180deg); }
.cs-11 .item .content .meta .name{ font-size:22px; padding:20px 0 5px; }
.cs-11.dark .item .content .meta .name{ color:#fff; }
.cs-11 .item .content .meta .position{ font-size:14px; font-weight:700; line-height:1.3; text-transform:uppercase; color:var(--main); }
.cs-11 .item .more{ height:0; overflow:hidden; transition:all 0.4s ease; }
.cs-11 .item .more.open{ }
.cs-11 .item .more>div{ padding:20px 0 0; }
.cs-11 .item .more p{ font-size:14px; }
.cs-11.dark .item .more p{ color:var(--light2); }
.cs-11 .item .more p+p{ margin-top:20px; }
@media (max-width: 1479px) {
	.cs-11 .items .wrap{ margin:0 -15px; }
	.cs-11 .item{ padding:0 15px 60px; }
	.cs-11 .item .content .meta .position{ font-size:12px; }
}
@media (max-width: 1279px) {
	.cs-11 .item{ width:33.333333%; }
}
@media (max-width: 1019px) {
	.cs-11 .item{ width:50%; }
}
@media (max-width: 619px) {
	.cs-11{ padding:100px 0; }
	.cs-11 .title h2{ font-size:30px; }
	.cs-11 .item{ width:100%; }
	.cs-11 .item .content .meta .position{ font-size:14px; }
}

.cs-12{ background:var(--light); }
.cs-12 .img{ width:500px; margin:-100px 0 0; justify-content:flex-end; align-items:center; }
.cs-12 .img .desc{ padding:30px 20px; width:100%; background:var(--dark3); text-align:center; }
.cs-12 .img .desc .f-title{ font-size:20px; color:#fff; }
.cs-12 .img .desc p{ font-size:13px; font-weight:700; line-height:1.3; text-transform:uppercase; color:var(--main); }
.cs-12 .content{ width:calc(100% - 500px); padding:150px 0 150px 100px; justify-content:center; }
.cs-12 .content h2{ font-size:40px; margin:0 0 20px; color:var(--main); }
@media (max-width: 1019px) {
	.cs-12 .img{ width:100%; margin:0; }
	.cs-12 .content{ width:100%; padding:150px 0 50px; }
}
@media (max-width: 619px) {
	.cs-12 .img .desc .f-title{ font-size:18px; }
	.cs-12 .img .desc p{ font-size:10px; }
	.cs-12 .content{ width:100%; padding:100px 0 50px; }
	.cs-12 .content h2{ font-size:30px; }
}

.cs-13{ padding:150px 0; }
.cs-13 .item{ width:50%; padding:0 50px 50px; }
.cs-13 .item h2{ font-size:40px; margin:0 0 15px; color:var(--main); }
@media (max-width: 1019px) {
	.cs-13 .item{ width:100%; padding:0 0 50px; }
}
@media (max-width: 619px) {
	.cs-13{ padding:100px 0; }
	.cs-13 .item h2{ font-size:25px; }
}

.cs-14{ padding:150px 0 1px; background:var(--dark3); color:var(--light2); }
.cs-14 .content{ width:50%; padding:0 0 60px 100px; justify-content:center; }
.cs-14 .content .f-title{ font-size:40px; margin:0 0 30px; color:var(--main); }
.cs-14 .content p+p{ margin:20px 0 0; }
.cs-14 .img{ width:50%; margin:0 0 -100px; justify-content:flex-end; }
.cs-14 .img .fit{ height:100%; }
.cs-14 .img .fit img{ height:100%; object-fit:cover; }

.cs-14.whitebg { background: #fff; color: var(--text); }
.cs-14.img-inbox { padding: 150px 0; }
.cs-14.img-inbox .img { margin: 0; }

.cs-14 .fw-text { margin-bottom: 80px; }
.cs-14 .fw-text p+p { margin: 20px 0 0; }

.cs-14 ul{ margin-top:5px; padding-left:20px; line-height:1.3; }
.cs-14 li{ list-style:disc; }
.cs-14 li+li{ margin-top:5px; }

@media (max-width: 1479px) {
	.cs-14 .content{ padding:0 0 60px 60px; }
}
@media (max-width: 1279px) {
	.cs-14.img-inbox .wrap-alt { flex-direction: row-reverse; }
}
@media (max-width: 1019px) {
	.cs-14 .content{ width:100%; padding:0 0 60px; }
	.cs-14 .img{ width:100%; margin:0 0 -100px; }
	.cs-14 .fw-text { margin-bottom: 20px; }
}
@media (max-width: 619px) {
	.cs-14{ padding:100px 0 1px; }
	.cs-14.img-inbox { padding: 100px 0; }
	.cs-14 .content .f-title{ font-size:25px; margin:0 0 20px; }
}

.cs-15{ padding:200px 0 150px; }
.cs-15 .title h2{ font-size:50px; margin:0 0 50px; text-align:center; }
.cs-15 .item{ margin:30px 0; border:2px solid var(--light2); }
.cs-15 .item:hover{ border-color:var(--main); transition: all .25s ease-in-out; }
.cs-15 .t-item{ cursor:pointer; position:relative; transition: all .25s ease-in-out; }
.cs-15 .t-item .q-title{ font-size:16px; font-weight:700; font-family: "Montserrat", sans-serif; line-height:1.1; padding:30px 80px 30px 30px; display:flex; align-items:center; color:var(--dark3); transition: all .25s ease-in-out;  }
.cs-15 .t-item:hover .q-title{ color:var(--main);  }
.cs-15 .t-item .icn{ position:absolute; top:50%; margin-top:-12px; right:30px; display:flex; width:24px; height:24px; transition: all .25s ease-in-out; }
.cs-15 .t-item:hover .icn{ }
.cs-15 .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-15 .t-item.open .icn:after{ background-image:url("../img/icn/minus.svg"); transform:rotate(180deg); }
.cs-15 .c-item{ height:0; overflow:hidden; transition:all 0.4s ease; }
.cs-15 .c-item.open{ }
.cs-15 .c-item>div{ padding:0 30px 30px; font-size:16px; }
.cs-15 .c-item p+p{ margin-top:15px; }
.cs-15 .cta{ margin:60px 0 0; display:flex; justify-content:center; }
/*.cs-15 .cta a.box{ padding:60px 100px; display:flex; justify-content:space-between; align-items:center; background:var(--main); color:#fff; }
.cs-15 .cta a.box:hover{ background:var(--main2); }
.cs-15 .cta a.box .txt{ width:calc(100% - 100px); }
.cs-15 .cta a.box .f-title{ font-size:25px; color:#fff; }
.cs-15 .cta a.box .f-title .lg{ font-size:40px; }
.cs-15 .cta a.box .icn svg{ width:44px; }
.cs-15 .cta a.box:hover .icn svg{ transform:translateX(5px); }*/
@media (max-width: 1019px) {
	.cs-15 .cta .btn-2 .f-title .lg{ font-size:22px; }
}
@media (max-width: 619px) {
	.cs-15{ padding:150px 0 100px; }
	.cs-15 .title h2{ font-size:30px; margin:0 0 30px; }
	.cs-15 .item{ margin:15px 0; }
	.cs-15 .t-item .q-title{ font-size:13px; padding:20px 60px 20px 20px; }
	.cs-15 .t-item .icn{ margin-top:-10px; right:20px; width:20px; height:20px; }
	.cs-15 .t-item .icn:after{ width:20px; height:20px; background-size:20px 20px; }
	.cs-15 .c-item>div{ padding:0 20px 20px; font-size:13px; }
	.cs-15 .cta .btn-2 .f-title .lg{ font-size:14px; }
}

.cs-16{ padding:150px 0; background:var(--light); }
.cs-16.whitebg { background: #fff; }
.cs-16 .content{ width:55%; padding:0 0 0 100px; justify-content:center; }
.cs-16 .content h2{ font-size:30px; margin:0 0 30px; color:var(--main); }
.cs-16 .item{ margin:30px 0; border:2px solid var(--light2); }
.cs-16 .item:hover{ border-color:var(--main); transition: all .25s ease-in-out; }
.cs-16 .t-item{ cursor:pointer; position:relative; transition: all .25s ease-in-out; }
.cs-16 .t-item .q-title{ font-size:16px; font-weight:700; font-family: "Montserrat", sans-serif; line-height:1.1; padding:30px 80px 30px 30px; display:flex; align-items:center; color:var(--dark3); transition: all .25s ease-in-out;  }
.cs-16 .t-item:hover .q-title{ color:var(--main);  }
.cs-16 .t-item .icn{ position:absolute; top:50%; margin-top:-12px; right:30px; display:flex; width:24px; height:24px; transition: all .25s ease-in-out; }
.cs-16 .t-item:hover .icn{ }
.cs-16 .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 .t-item.open .icn:after{ background-image:url("../img/icn/minus.svg"); transform:rotate(180deg); }
.cs-16 .c-item{ height:0; overflow:hidden; transition:all 0.4s ease; }
.cs-16 .c-item.open{ }
.cs-16 .c-item>div{ padding:0 30px 30px; font-size:16px; }
.cs-16 .c-item p+p{ margin-top:15px; }
.cs-16 .c-item ul{ margin-top:5px; padding-left:20px; line-height:1.3; }
.cs-16 .c-item li{ list-style:disc; }
.cs-16 .c-item li+li{ margin-top:5px; }
.cs-16 .c-item ul+p{ margin-top:15px; }
.cs-16 .img{ width:45%; }
.cs-16 .img img{ width:100%; }

.cs-16 p+p { margin-top: 20px; }

@media (max-width: 1479px) {
	.cs-16 .content{ padding:0 0 0 60px; }
}
@media (max-width: 1019px) {
	.cs-16 .content{ width:100%; padding:0 0 60px; }
	.cs-16 .img{ width:100%; }
}
@media (max-width: 619px) {
	.cs-16{ padding:100px 0; }
	.cs-16 .content h2{ font-size:18px; margin:0 0 20px; }
	.cs-16 .item{ margin:15px 0; }
	.cs-16 .t-item .q-title{ font-size:13px; padding:20px 60px 20px 20px; }
	.cs-16 .t-item .icn{ margin-top:-10px; right:20px; width:20px; height:20px; }
	.cs-16 .t-item .icn:after{ width:20px; height:20px; background-size:20px 20px; }
	.cs-16 .c-item>div{ padding:0 20px 20px; font-size:13px; }
}

.cs-17{ padding:150px 0; }
.cs-17 .items{ margin:0 -20px; }
.cs-17 .item{ width:50%; padding:20px; }
.cs-17 .item a{ padding:30px; border:2px solid var(--light); height:100%; display:flex; flex-direction:column; justify-content:center; color: var(--dark3); }
.cs-17 .item a:hover{ border-color:var(--main); }
.cs-17 .item a .wrap{ justify-content:space-between; align-items:center; }
.cs-17 .item a .txt{ width:calc(100% - 100px); }
.cs-17 .item a .f-title{ font-size:25px; }
.cs-17 .item a:hover .f-title{ color:var(--main); }
.cs-17 .item a .name{ font-size:18px; font-weight:700; line-height:1.3; text-transform:uppercase; }
.cs-17 .item a:hover .name{ color:var(--main); }
.cs-17 .item a .desc{ line-height:1.3; font-weight:400; margin:10px 0 0; }
.cs-17 .item a .icn svg{ width:44px; }
.cs-17 .item a:hover .icn svg{ transform:translateX(5px); color:var(--main); }
@media (max-width: 1479px) {
	.cs-17 .item a .f-title{ font-size:20px; }
	.cs-17 .item a .desc{ font-size:15px; margin:5px 0 0; }
}
@media (max-width: 1019px) {
	.cs-17 .item{ width:100%; }
	.cs-17 .item a .f-title{ font-size:25px; }
	.cs-17 .item a .desc{ font-size:18px; margin:10px 0 0; }
}
@media (max-width: 619px) {
	.cs-17{ padding:100px 0; }
	.cs-17 .item{ padding:10px 20px; }
	.cs-17 .item a{ padding:25px; }
	.cs-17 .item a .txt{ width:calc(100% - 60px); }
	.cs-17 .item a .f-title{ font-size:16px; }
	.cs-17 .item a .name{ font-size:14px; }
	.cs-17 .item a .desc{ font-size:13px; margin:5px 0 0; }
	.cs-17 .item a .icn svg{ width:30px; }
}

.cs-18{ padding:150px 0; }
.cs-18 .content{ width:60%; padding:0 0 0 100px; }
.cs-18 .items{ margin:0 -15px; }
.cs-18 .item{ width:50%; padding:0 15px 30px; color: var(--dark3); }
.cs-18 .item .box{ font-size:16px; line-height:1.3; padding:30px; height:100%; background:var(--light); }
.cs-18 .item h2{ font-size:20px; padding:0 0 15px; border-bottom:2px solid var(--light2); margin:0 0 15px; color:var(--dark3); }
.cs-18 .item .tel{ font-size:20px; font-weight:700; margin:5px 0 0; display:block; width:fit-content; }
.cs-18 .item .tel+.tel{ margin:0; }
.cs-18 .item a:hover{ opacity:0.6; }
.cs-18 .img{ width:40%; }
.cs-18 .img img{ width:100%; }
@media (max-width: 1479px) {
	.cs-18 .content{ padding:0 0 0 60px; }
	.cs-18 .item .box{ font-size:13px; }
	.cs-18 .item h2{ font-size:18px; }
}
@media (max-width: 1019px) {
	.cs-18 .content{ width:100%; padding:0 0 60px; }
	.cs-18 .img{ width:100%; }
}
@media (max-width: 619px) {
	.cs-18{ padding:50px 0; }
	.cs-18 .content{ padding:0 0 30px; }
	.cs-18 .item{ width:100%; padding:0 15px 20px; }
}

.cs-19{ padding:150px 0 1px; background:var(--dark3); color:var(--light2); }
.cs-19 .content{ width:55%; padding:0 0 60px 100px; justify-content:center; }
.cs-19 .content h2{ font-size:40px; margin:0 0 30px; color:var(--main); }
.cs-19 .content p+p{ margin:20px 0 0; }
.cs-19 .content .btns{ margin:30px 0 0; }
.cs-19 .img{ width:45%; margin:0 0 -100px; justify-content:flex-end; }
.cs-19 .img .fit{ height:100%; }
.cs-19 .img .fit img{ height:100%; width:100%; object-fit:cover; }
@media (max-width: 1479px) {
	.cs-19 .content{ padding:0 0 60px 60px; }
}
@media (max-width: 1019px) {
	.cs-19 .content{ width:100%; padding:0 0 60px; }
	.cs-19 .img{ width:100%; margin:0 0 -100px; }
}
@media (max-width: 619px) {
	.cs-19{ padding:100px 0 1px; }
	.cs-19 .content h2{ font-size:25px; margin:0 0 20px; }
}

.cs-20{ padding:250px 0; background:var(--light); }
.cs-20 .content{ width:55%; padding:0 100px 0 0; }
.cs-20 .content h2{ font-size:40px; margin:0 0 30px; color:var(--main); }
.cs-20 .content .item{ font-size:16px; margin:50px 0 0; }
.cs-20 .content .item+.item{ padding:50px 0 0; border-top:2px solid var(--light2); }
.cs-20 .content h3{ font-size:25px; margin:0 0 20px; }
.cs-20 .content p+p{ margin:20px 0 0; }
.cs-20 .content .btns{ margin:30px 0 0; }
.cs-20 .img{ width:45%; }
.cs-20 .img>div{ position:relative; }
.cs-20 .img .shape-1{ position:absolute; bottom:-70px; right:-30px; width:auto; animation:float 5s ease-in-out infinite; }
@media (max-width: 1479px) {
	.cs-20 .content{ padding:0 60px 0 0; }
}
@media (max-width: 1019px) {
	.cs-20 .content{ width:100%; padding:0 0 60px; }
	.cs-20 .img{ width:100%; }
}
@media (max-width: 619px) {
	.cs-20{ padding:180px 0; }
	.cs-20 .content h2{ font-size:25px; margin:0 0 20px; }
	.cs-20 .content .item{ font-size:13px; margin:40px 0 0; }
	.cs-20 .content .item+.item{ padding:40px 0 0; }
	.cs-20 .content h3{ font-size:18px; margin:0 0 10px; }
	.cs-20 .content p+p{ margin:10px 0 0; }
	.cs-20 .content .btns{ margin:20px 0 0; }
	.cs-20 .img .shape-1{ bottom:-30px; right:-10px; width:120px; }
}

.cs-21 a{ padding:30px 100px; height:180px; margin:-90px 0 0; display:flex; justify-content:space-between; align-items:center; background:var(--main); color:#fff; }
.cs-21 a:hover{ background:var(--main2); }
.cs-21 a .txt{ width:calc(100% - 100px); }
.cs-21 a .f-title{ font-size:35px; letter-spacing:0.06em; padding:0 30px 0 0; color:#fff; }
.cs-21 a svg{ width:44px; }
.cs-21 a:hover svg{ transform:translateX(5px); }
@media (max-width: 1479px) {
	.cs-21 a{ padding:30px 60px; }
}
@media (max-width: 619px) {
	.cs-21 a{ padding:20px 30px; height:120px; margin:-60px 0 0; }
	.cs-21 a .f-title{ font-size:20px; }
}

.cs-22{ padding:150px 0 350px; }
.cs-22.light{ background:var(--light); }
.cs-22 .content{ width:55%; padding:0 0 0 100px; justify-content:center; }
.cs-22 .content h2{ font-size:40px; margin:0 0 30px; color:var(--main); }
.cs-22 .content p+p{ margin:20px 0 0; }
.cs-22 .img{ width:45%; }
.cs-22 .img img{ width:100%; }
@media (max-width: 1479px) {
	.cs-22 .content{ padding:0 0 0 60px; }
}
@media (max-width: 1019px) {
	.cs-22 .content{ width:100%; padding:0 0 60px; }
	.cs-22 .img{ width:100%; }
}
@media (max-width: 619px) {
	.cs-22{ padding:100px 0; }
	.cs-22 .content h2{ font-size:18px; margin:0 0 20px; }
}

.cs-23{ padding:70px 0 150px; }
.cs-23.light{ background:var(--light); }
.cs-23 .items{ margin:0 -15px; }
.cs-23 .col{ width:50%; padding:0 15px; }
.cs-23 .item{ margin:30px 0; border:2px solid var(--light2); }
.cs-23 .item:hover{ border-color:var(--main); transition: all .25s ease-in-out; }
.cs-23 .t-item{ cursor:pointer; position:relative; transition: all .25s ease-in-out; }
.cs-23 .t-item .q-title{ font-size:18px; font-weight:700; font-family: "Montserrat", sans-serif; line-height:1.1; padding:30px 80px 30px 30px; display:flex; flex-direction:column; justify-content:center; color:var(--dark3); transition: all .25s ease-in-out;  }
.cs-23 .t-item:hover .q-title{ color:var(--main);  }
.cs-23 .t-item .q-title .sm{ font-size:14px; margin:5px 0 0; color:var(--main); }
.cs-23 .t-item .icn{ position:absolute; top:50%; margin-top:-12px; right:30px; display:flex; width:24px; height:24px; transition: all .25s ease-in-out; }
.cs-23 .t-item:hover .icn{ }
.cs-23 .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-23 .t-item.open .icn:after{ background-image:url("../img/icn/minus.svg"); transform:rotate(180deg); }
.cs-23 .c-item{ height:0; overflow:hidden; transition:all 0.4s ease; }
.cs-23 .c-item.open{ }
.cs-23 .c-item>div{ padding:0 30px 30px; font-size:16px; }
.cs-23 .c-item p+p{ margin-top:15px; }
.cs-23 .c-item .embed-responsive{ margin:0 0 30px; }
.cs-23 .c-item .map_canvas{ width:100%; aspect-ratio:16 / 9; }
@media (max-width: 1479px) {
	.cs-23{ padding:0 0 150px; }
}
@media (max-width: 1019px) {
	.cs-23 .col{ width:100%; }
	.cs-23 .item:first-child{ margin-top:0; }
}
@media (max-width: 619px) {
	.cs-23{ padding:50px 0; }
	.cs-23 .item{ margin:15px 0; }
	.cs-23 .t-item .q-title{ font-size:15px; padding:20px 60px 20px 20px; }
	.cs-23 .t-item .q-title .sm{ font-size:13px; }
	.cs-23 .t-item .icn{ margin-top:-10px; right:20px; width:20px; height:20px; }
	.cs-23 .t-item .icn:after{ width:20px; height:20px; background-size:20px 20px; }
	.cs-23 .c-item>div{ padding:0 20px 20px; font-size:13px; }
}

.cs-24{ padding:150px 0; }
.cs-24 .side{ width:400px; }
.cs-24 .side .box{ padding:60px 50px; font-size:16px; line-height:1.3; background:var(--light); }
.cs-24 .side .box+.box{ padding:50px; margin:30px 0 0; }
.cs-24 .side .f-title{ font-size:25px; padding:0 0 15px; border-bottom:2px solid var(--light2); margin:0 0 20px; color:var(--main); }
.cs-24 .side .tel{ font-size:22px; font-weight:700; margin:5px 0 0; display:block; width:fit-content; }
.cs-24 .side .tel+.tel{ margin:0; }
.cs-24 .side .box .desc a:hover{ opacity:0.6; }
.cs-24 .main{ width:calc(100% - 400px); padding:0 0 0 100px; }
.cs-24 .main h2{ font-size:35px; color:var(--main); }
@media (max-width: 1479px) {
	.cs-24 .main{ padding:0 0 0 60px; }
}
@media (max-width: 1019px) {
	.cs-24 .side{ width:100%; }
	.cs-24 .main{ width:100%; padding:60px 0 0; }
}
@media (max-width: 619px) {
	.cs-24{ padding:50px 0 100px; }
	.cs-24 .side .box{ padding:40px 30px; font-size:13px; }
	.cs-24 .side .box+.box{ padding:30px; margin:20px 0 0; }
	.cs-24 .side .f-title{ font-size:18px; }
	.cs-24 .main h2{ font-size:25px; }
}

.cs-25{ margin:0 0 -150px; }
.cs-25 .embed-responsive{ }
.cs-25 .map_canvas{ width:100%; height:700px; }
@media (max-width: 619px) {
	.cs-25 .map_canvas{ height:500px; }
}

.cs-26{ padding:150px 0; }
.cs-26 .side{ width:330px; }
.cs-26 .side .show-filters{ display:none; font-size:16px; font-weight:700; text-transform:uppercase; padding:15px; margin:0 0 15px; border:2px solid var(--light); position:relative; }
.cs-26 .side .show-filters svg{ width:12px; right:15px; top:50%; margin:-9px 0 0; position:absolute; color:var(--main); }
.cs-26 .side .filters-collapse{ position:sticky; top:30px; }
.cs-26 .side .filters-group{ margin:0 0 40px; padding:20px 0; border:2px solid var(--light); }
.cs-26 .side .filters-group .f-title{ font-size:25px; padding:0 20px 15px; border-bottom:2px solid var(--light); margin:0 0 20px; color:var(--main);  }
.cs-26 .side .filters-group ul li{padding:15px 20px 15px 50px;position:relative}
.cs-26 .side .filters-group ul li+li{ border-top:2px solid rgba(0,0,0,0.05); }
.cs-26 .side ul li a,.cs-26 .side ul li button{text-decoration:none;color:inherit;border-bottom:none;background:0 0;border:none;padding:0;font-size:14px;font-weight:700;line-height:20px;text-transform:uppercase;cursor:pointer;outline:inherit;text-align:left;display:inline-block;vertical-align:middle}
.cs-26 .side .filters-group ul li a:hover{ color:var(--main); }
.cs-26 .side .filters-group ul li a:before,.cs-26 .side .filters-group ul li button:before{content:"";display:inline-block;position:absolute;width:18px;height:18px;left:20px;top:14px;border:2px solid var(--light);}
.cs-26 .side .filters-group ul li.active a:before,.cs-26 .side .filters-group ul li.active button:before{background-color:var(--main);border-color:var(--main);}
.cs-26 .side .filters-group ul li a:after,.cs-26 .side .filters-group ul li button:after{content:"";position:absolute;left:28px;top:18px;width:5px;height:10px;border:solid #222;border-width:0 2px 2px 0;transform:rotate(45deg) scale(.9);transition:opacity .4s,transform .4s;opacity:0}
.cs-26 .side .filters-group ul li a:hover:after,.cs-26 .side .filters-group button:hover:after{opacity:.5}
.cs-26 .side .filters-group ul li.active a:after,.cs-26 .side .filters-group ul li.active button:after{opacity:1!important;border-color:#fff;transform:rotate(45deg) scale(1)}
.cs-26 .main{ width:calc(100% - 330px); padding:0 0 0 100px; }
.cs-26 .items{ margin:0 -15px; }
.cs-26 .item{ width:33.333333%; padding:0 15px 60px; }
.cs-26 .item a{ height:100%; }
.cs-26 .item a:hover{ transform:translateY(-5px); }
.cs-26 .item .img{ overflow:hidden; }
.cs-26 .item .img img{ width:100%; }
.cs-26 .item a:hover .img img{ transform:scale(1.1); }
.cs-26 .item .desc{ padding:20px 0; }
/*.cs-26 .item a:hover .desc{ background:var(--light2); }*/
.cs-26 .item .desc .name h3{ font-size:18px; font-weight: 900; color:var(--dark3); }
.cs-26 .item .desc .name .price{ font-size:14px; font-weight:700; margin:5px 0 0; color: var(--dark); }
@media (max-width: 1479px) {
	.cs-26 .main{ padding:0 0 0 60px; }
	.cs-26 .item{ width:50%; }
}
@media (max-width: 1279px) {
	.cs-26 .item{ width:50%; }
}
@media (max-width: 1019px) {
	.cs-26 .side{ width:100%; }
	.cs-26 .main{ width:100%; margin:0; padding:60px 0 0; }
	.cs-26 .side .show-filters{ display:block; } 
	.cs-26 .side .show-filters.open svg{ transform:rotate(180deg); }
	.cs-26 .side .filters-collapse{ max-height:0; overflow:hidden; /*transition:max-height 0.6s ease;*/ }
	.cs-26 .side .filters-collapse.open{ max-height:800px; }
}
@media (max-width: 619px) {
	.cs-26{ padding:50px 0 100px; }
	.cs-26 .side .show-filters{ font-size:14px; }
	.cs-26 .side .filters-group .f-title{ font-size:18px; }
	.cs-26 .side ul li a,.cs-26 .side ul li button{ font-size:12px; }
	.cs-26 .main{ padding:30px 0 0; }
	.cs-26 .items{ margin:0 -10px; }
	.cs-26 .item{ padding:0 10px 40px; }
	.cs-26 .item .desc{ padding:10px 8px; }
	.cs-26 .item .desc .name h3{ font-size:13px; }
	.cs-26 .item .desc .name .price{ font-size:11px; }
}

.cs-27{ }
.cs-27 .top{ padding:250px 0 150px; background:url("../img/bg-header-lg.png") center center / cover no-repeat var(--dark); position:relative; }
/*.cs-27 .top .contact{ position:absolute; top:40px; right:60px; }*/
.cs-27 .top .content{ width:60%; padding:0 100px 0 0; justify-content:center; }
.cs-27 .top .content .back{ margin:0 0 40px; }
.cs-27 .top .content .cat{ font-size:15px; letter-spacing:0.06em; text-transform:uppercase; margin:0 0 10px; color:var(--main); }
.cs-27 .top .content .title h1{ font-size:50px; color:#fff; }
.cs-27 .top .content .desc{ margin:20px 0 0; color:var(--light2); }
.cs-27 .top .content .file a{ margin:20px 0 0; font-size:14px; font-weight:700; letter-spacing: 0.12em; text-transform:uppercase; display:flex; align-items:center; width:fit-content; padding:10px 25px; border-radius:200px; background: rgba(255,255,255,0.1); color:#fff; }
.cs-27 .top .content .file a:hover{ color:var(--main); background:#fff; }
.cs-27 .top .content .file svg{ height:20px; margin:0 10px 0 0; }
.cs-27 .top .content .price{ display:flex; justify-content:space-between; align-items:center; padding:30px 0 0; border-top:2px solid var(--dark2); margin:30px 0 0; }
.cs-27 .top .content .price .f-title{ font-size:30px; padding:0 30px 0 0; flex-shrink:0; font-family:"Montserrat", sans-serif; font-weight:600; color:#fff; }
.cs-27 .top .content .price .btn-1 svg{ height:20px; margin:0 15px 0 0; }
.cs-27 .top .img{ width:40%; }
.cs-27 .top .img .outer-slider{ position:relative; }
.cs-27 .top .img .inner-slide img{ width:100%; }
.cs-27 .nav-slider{ position:absolute; bottom:-40px; left:0; display:flex; width:100%; }
.cs-27 .nav-slider .control{ display:flex; width:80px; height:80px; background:var(--main); color:#fff; cursor:pointer; }
.cs-27 .nav-slider .control:hover{ background:var(--main2); color:#fff; }
.cs-27 .nav-slider .control svg{ width:32px; }
.cs-27 .nav-slider .prev{ transform:rotate(-180deg); }
@media (max-width: 1479px) {
	.cs-27 .top .content{ padding:0 60px 0 0; }
	.cs-27 .top .content .desc{ font-size:16px; }
}
@media (max-width: 1279px) {
	.cs-27 .top{ padding:100px 0 150px; }
	.cs-27 .top .contact{ display:none; }
}
@media (max-width: 1019px) {
	.cs-27 .top .content{ width:100%; padding:100px 0 0; }
	.cs-27 .top .img{ width:100%; }
}
@media (max-width: 619px) {
	.cs-27 .top{ padding:50px 0 100px; }
	.cs-27 .top .content .cat{ font-size:13px; }
	.cs-27 .top .content .title h1{ font-size:35px; }
	.cs-27 .top .content .desc{ font-size:13px; }
	.cs-27 .top .content .file a{ font-size:12px; }
	.cs-27 .top .content .file svg{ height:18px; margin:0 10px 0 0; }
	.cs-27 .top .content .price{ flex-direction:column; align-items:flex-start; }
	.cs-27 .top .content .price .f-title{ padding:0 0 20px; }
	.cs-27 .top .content .price .btn-1 svg{ height:18px; margin:0 10px 0 0; }
}

.cs-28{ padding:150px 0; }
.cs-28 .title h2{ font-size:50px; margin:0 0 60px; text-align:center; }
.cs-28 .items{ margin:0 -15px; }
.cs-28 .item{ width:25%; padding:0 15px 60px; }
.cs-28 .item a{ border:2px solid var(--light); background:var(--light); height:100%; }
.cs-28 .item a:hover{ box-shadow:0 0 20px rgba(0,0,0,0.07); transform:translateY(-5px); }
.cs-28 .item .img{ overflow:hidden; }
.cs-28 .item .img img{ width:100%; }
.cs-28 .item a:hover .img img{ transform:scale(1.1); }
.cs-28 .item .desc{ padding:20px; background:var(--light); }
/*.cs-28 .item a:hover .desc{ background:var(--light2); }*/
.cs-28 .item .desc .name h3{ font-size:16px; color:var(--main); }
.cs-28 .item .desc .name .price{ font-size:14px; font-weight:700; margin:5px 0 0; }
@media (max-width: 1279px) {
	
}
@media (max-width: 1019px) {
	.cs-28 .item{ width:50%; }
}
@media (max-width: 619px) {
	.cs-28{ padding:100px 0; }
	.cs-28 .title h2{ font-size:25px; margin:0 0 30px; }
	.cs-28 .items{ margin:0 -10px; }
	.cs-28 .item{ padding:0 10px 40px; }
	.cs-28 .item .desc{ padding:10px 8px; }
	.cs-28 .item .desc .name h3{ font-size:13px; }
	.cs-28 .item .desc .name .price{ font-size:11px; }
}


/* PAGE HISTOIRE */
.video-history.cs-15 { padding-top: 60px; position: relative; }
.video-history.cs-15:after { content:''; background: var(--dark3); height: 500px; width: 100%; position: absolute; bottom: 0; left: 0; z-index: -1; }
.video-history.cs-15 .title { max-width: 600px; margin: 0 auto 60px auto;}
.video-history.cs-15 .title h2 { margin: 0 0 40px; }
.video-history.cs-15 .title p { text-align: center; }


.video-history.cs-15 a{ display:flex; justify-content:center; align-items:center; padding:300px 30px; background:url(../img/histoire-logo-bg.jpg) center center / cover no-repeat var(--dark); position:relative; }
.video-history.cs-15 a:hover .btn-circle:before{ animation-play-state:paused; }
.video-history.cs-15 a .btn-circle { background: #fff; height: 80px; width: 80px; display: flex; align-items: center; justify-content: center; border-radius: 50%; transition: .4s ease-in-out; }
.video-history.cs-15 a .btn-circle svg { width: 20px; margin-left: 4px; transition: all .25s ease-in-out; }
.video-history.cs-15 a .btn-circle svg polyline { fill: var(--main); }
.video-history.cs-15 a:hover .btn-circle { transform:scale(1.2); }


.engagement.cs-15 { background: var(--dark3); padding-top: 100px; }
.engagement.cs-15 .title { max-width: 800px; }
.engagement.cs-15 .title h2 { text-align: left; margin-bottom: 30px; color: #fff; }
.engagement.cs-15 .title p { margin: 12px 0; color: var(--light2); }

.engagement.cs-15 .list { display: flex; justify-content: space-between; }
.engagement.cs-15 .list .item { border: 0; width: 28%; }
.engagement.cs-15 .list .item .value-icon { width: 48px; margin-bottom: 16px; }
.engagement.cs-15 .list .item .value-title { font-family: "Hyogo", sans-serif; font-weight: 400; text-transform: uppercase; color: #fff; font-size: 26px; margin-bottom: 12px; }
.engagement.cs-15 .list .item .value-text { font-size: 16px; line-height: 1.4; color: var(--light2); }

.motivation.cs-15 { padding: 180px 0; }
.motivation.cs-15 .title { max-width: 900px; margin: auto; }
.motivation.cs-15 p { text-align: center; }

@media (max-width: 1000px) {
	.video-history.cs-15 a { padding: 200px 30px; }
	.engagement.cs-15 .list { flex-wrap: wrap; }
	.engagement.cs-15 .list .item { width: 45%; }
}

@media (max-width: 619px) {
	.video-history.cs-15:after { height: 200px;}
	.video-history.cs-15 a { padding: 140px 30px; }
	.engagement.cs-15 .list .item { width: 100%; margin-bottom: 40px;  }
	.engagement.cs-15 .list .item .value-text { font-size: 13px; }
	.engagement.cs-15 { padding: 120px 0; }
	.motivation.cs-15 { padding: 80px 0; }
}


.cart-section{ padding:150px 0; }
.cart-section .fcol.lg{ width:50%; padding:0 30px 0 0; }
.cart-section .fcol.md{ width:20%; padding:0 30px 0 0; }
.cart-section .fcol.sm{ width:15%; }
.cart-section.confirmation .fcol.lg{ width:75%; padding:0 30px 0 0; }
.cart-section.confirmation .fcol.sm{ width:25%; align-items:flex-end; }
.cart-section .top{ font-size:16px; font-weight:700; padding:0 0 30px; border-bottom:2px solid var(--light); }
.cart-section .top h2{ font-size:35px; }
.cart-section .main .item{ padding:30px 0; border-bottom:2px solid var(--light); }
.cart-section .main .item>.wrap{ align-items:center; }
.cart-section .main .item .img{ width:100px; }
.cart-section .main .item .img img{ border:1px solid var(--light); }
.cart-section .main .item .desc{ width:calc(100% - 100px); padding:0 0 0 20px; justify-content:center; }
.cart-section .main .item .desc h2{ font-size:25px; }
.cart-section .main .item .cat{ font-size:13px; letter-spacing:0.06em; text-transform:uppercase; margin:5px 0; color:var(--main); }
.cart-section .main .item .details{ font-size:11px; }
.cart-section .main .item .qty{ display:flex; }
.cart-section .main .item .qty .qty-btn{ display:flex; width:50px; border-radius:0; border:none; background:var(--main); cursor:pointer; }
.cart-section .main .item .qty .qty-btn:hover{ background:var(--main2); }
.cart-section .main .item .qty .qty-btn img{ width:12px; filter:brightness(100); }
.cart-section .main .item .qty .input{ padding:10px; display:block; width:50px; height:50px; outline:none; border-radius:0; border:1px solid var(--light); border-left:0; border-right:0; text-align:center; color:var(--text); }
.cart-section .main .item .qty .input:focus{ border-color:var(--main2); }
.cart-section .main .item .delete-btn{ display:flex; width:50px; height:50px; border-radius:0; border:1px solid var(--light); background:none; cursor:pointer; }
.cart-section .main .item .delete-btn:hover{ background:var(--light); }
.cart-section .main .item .delete-btn img{ width:12px; transform:rotate(45deg); }
.cart-section.confirmation .main .item .price{ display:flex; align-items:center; }
.cart-section.confirmation .main .item .price .qty{ font-size:14px; margin:0 15px 0 0; }
.cart-section .bottom{ padding:30px 0; }
.cart-section .bottom>.wrap{ margin:0 -10px; justify-content:flex-end; }
.cart-section .bottom .box{ width:25%; padding:0 10px; }
.cart-section .bottom .box>div{ height:100%; padding:30px; border:2px solid var(--light); text-align:right; }
.cart-section .bottom .box .desc{ font-size:13px; letter-spacing:0.06em; text-transform:uppercase; margin:0 0 5px; }
.cart-section .bottom .box .price{ font-size:20px; font-weight:700; }
.cart-section .bottom .btns{ display:flex; justify-content:flex-end; align-items:center; padding:30px 0 0; }
.cart-section .bottom .btns .back{ font-size:14px; text-decoration:underline; text-transform:uppercase; margin:0 30px 0 0; }
.cart-section .bottom .btns .back:hover{ opacity:0.6; }
@media (max-width: 1019px) {
	.cart-section .main .item .desc{ width:100%; padding:20px 0 0; }
	.cart-section .main .item .desc h2{ font-size:22px; }
	.cart-section .main .item .cat{ font-size:12px; }
	.cart-section .bottom .box{ width:100%; padding:10px; }
}
@media (max-width: 619px) {
	.cart-section{ padding:50px 0; }
	.cart-section .fcol.lg{ width:100%; padding:10px 0; }
	.cart-section .fcol.md{ width:100%; padding:10px 0; }
	.cart-section .fcol.sm{ width:100%; padding:10px 0; }
	.cart-section.confirmation .fcol.lg{ width:100%; padding:0 0 20px; }
	.cart-section.confirmation .fcol.sm{ width:100%; align-items:flex-start; }
	.cart-section .top{ display:none; }
	.cart-section .main .item{ padding:20px 0; }
	.cart-section .main .item .desc{ width:100%; padding:20px 0 0; }
	.cart-section .main .item .desc h2{ font-size:22px; }
	.cart-section .main .item .cat{ font-size:12px; }
	.cart-section .main .item .price{ font-size:18px; }
	.cart-section.confirmation .main .item .price .qty{ margin:0 5px 0 0; }
	.cart-section .bottom .btns .back{ font-size:11px; }
}

.fancybox__content .inner-modal { color:var(--text); }
.fancybox__content .inner-modal h3{ font-size:25px; margin:0 0 10px; color:var(--main); }
.fancybox__content .inner-modal .desc{ font-size:14px; line-height:1.3; }
.fancybox__content .inner-modal .form-group{ margin:20px 0 0; }
.fancybox__content .inner-modal .form-group label{ font-size:14px; margin:0 0 5px; font-weight:700; text-transform:uppercase; width:100%; display:flex; align-items:center; color:var(--dark); }
.fancybox__content .inner-modal .form-group .form-control{ padding:12px 15px; display:block; width:100%; outline:none; border-radius:0; border:2px solid var(--light2); }
.fancybox__content .inner-modal .form-group .form-control:focus{ border-color:var(--main); }
.fancybox__content .inner-modal .form-group textarea.form-control{ height:120px; resize:none; }
.fancybox__content .inner-modal .form-group select.input{ color:var(--text); outline:none; border-color:var(--light2); }
.fancybox__content .inner-modal .form-group select.input:focus{ border-color:var(--main); }
.fancybox__content .inner-modal .form-group .btn-sm{ margin:5px 10px; }
.btn-sm{ border:none; font-family: "Montserrat", sans-serif; font-weight: 700; text-transform: uppercase;font-size:10px; padding:7px 12px; display:block; width:fit-content; border-radius:5px; background:var(--main); color:#fff; }
.btn-sm:hover{ background:var(--main2); }
.fancybox__content .inner-modal .form-group .check{ display:flex; align-items:center; }
.fancybox__content .inner-modal .form-group .check label{ margin:0 0 0 5px; }
.fancybox__content .inner-modal .form-group .btn{ font-size: 14px; padding: 15px 30px; font-family: "Montserrat", sans-serif; font-weight: 600; transition: all .25s ease-in-out; border:none; background:var(--main); margin:0; color:#fff; border-radius:300px; text-transform:uppercase;font-weight:700; cursor:pointer;width:100%;}
.fancybox__content .inner-modal .form-group .btn:hover{ background:var(--main2); }
@media (max-width: 619px) {
	.fancybox__content .inner-modal h3{ font-size:20px; }
	.fancybox__content .inner-modal .desc{ font-size:13px; }
}

.articles-form{
    display: grid; 
    grid-template-columns: repeat(4, 1fr);
    gap: 3em 2em;
    padding: 30px 0 0 30px;
}
.articles-form .item{
    flex: 1;
}
.articles-form .btn{ border: 2px solid var(--main); border-radius: 50px; background: transparent; display: inline-block; margin: 1em 0; padding: 1em 2em;}
.articles-form .btn:hover{ background: var(--main); color: #fff;}
.articles-form .btn.remove{ padding: 1em; height: 50px; width: 50px; display: flex; align-items: center; justify-content: center;}
.articles-form .list-group-item--inner{  display: flex; align-items: center; flex: 1; flex-wrap: wrap; gap: 2em }
.articles-form .list-group-item--inputs{ display: flex; align-items: center; justify-content: center; flex-wrap: wrap; gap:1em }
.articles-form .list-group-item--inputs .col:first-child{flex: 1;}
.articles-form .item .item--title{  min-height: 28px; font-size: 14px; color: var(--main); margin-bottom:1em;  align-items: center; text-transform: uppercase; display: flex; }
.articles-form .item .item--image{ margin-bottom: 0.5em; }
.articles-form .item .item--price{ margin-bottom: 0.5em; }
.articles-form .item .item--inner .item--inputs{ display: flex; flex-wrap: wrap; gap: 1em; align-items: center; justify-content: center; }
.articles-form .item .item--inner .item--inputs .col{ flex: 1;}
.articles-form .item .item--inner .item--inputs .input{ margin-bottom: 0;  height: auto; padding: 0.7em 20px; }
.articles-form .item .item--inner .item--inputs label{ margin-bottom: 0;}
@media (max-width: 1265px){
    .articles-form{
        grid-template-columns: repeat(3, 1fr);
        gap: 2em 1em;
    }
}
@media (max-width: 516px){
    .articles-form{
        grid-template-columns: repeat(2, 1fr);
    }
}
@media (max-width: 425px){
    .articles-form{
        grid-template-columns: repeat(1, 1fr);
    }
}

.ld-ring{width:1em;height:1em;position:relative;color:inherit;display:inline-block;box-sizing:content-box}.ld-ring:after{content:" ";display:block;width:2em;height:2em;box-sizing:border-box;transform-origin:0 0;transform:translateZ(0) scale(.5);-webkit-backface-visibility:hidden;backface-visibility:hidden;border-radius:50%;border:.3em solid currentColor;border-left-color:transparent}@-webkit-keyframes ld-spin{0%{-webkit-animation-timing-function:cubic-bezier(0.5856,0.0703,0.4143,0.9297);animation-timing-function:cubic-bezier(0.5856,0.0703,0.4143,0.9297);transform:rotate(0)}100%{transform:rotate(360deg)}}@keyframes ld-spin{0%{-webkit-animation-timing-function:cubic-bezier(0.5856,0.0703,0.4143,0.9297);animation-timing-function:cubic-bezier(0.5856,0.0703,0.4143,0.9297);transform:rotate(0)}100%{transform:rotate(360deg)}}.ld.ld-spin{-webkit-animation:ld-spin 1s infinite linear;animation:ld-spin 1s infinite linear}

/*ANIMATIONS*/
@keyframes float {
	0% {
		transform: translatey(0px);
	}
	50% {
		transform: translatey(-20px);
	}
	100% {
		transform: translatey(0px);
	}
}
@keyframes pulse-cart {
	0% {
		transform: scale(0.95);
		box-shadow: 0 0 0 0 rgba(205, 177, 87, 0.7);
	}
	
	70% {
		transform: scale(1);
		box-shadow: 0 0 0 10px rgba(205, 177, 87, 0);
	}
	
	100% {
		transform: scale(0.95);
		box-shadow: 0 0 0 0 rgba(205, 177, 87, 0);
	}
}
@keyframes home-bg {
	0% {
		background-size: auto 110%;
	}
	100% {
		background-size: auto 100%;
	}
}

.modal{
    position: fixed;
    z-index: 9999;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgba(0,0,0,0.4);
}
.modal .inner-modal{
    background-color: #fff;
    max-width: 750px;
    margin: 1em auto;
    padding: 36px;
}

body.modal-open{
    height: 100vh;
    overflow-y: hidden;
    padding-right: 15px; /* Avoid width reflow */
}

.form-img{
    max-width: 200px;
    border: 2px solid var(--light2);
    margin-bottom: 1em;
}

.modal .c-item{
    display: flex;
    flex-direction: column;
    width: 33%;
    padding: 30px 0 0 30px;
    position: relative;
}

@media (max-width: 619px) {
    .modal .c-item{
        width: 50%;
    }
}

#shipping-controls .check{ display: flex; gap: 0.75em; align-items: center; margin-bottom: 0.5em}
#shipping-controls .check label{ margin-bottom: 0; }
#checkout-totals{ 
    margin-top: 1em;
    padding: 15px 30px;
    border: 2px solid var(--light);
}
#checkout-totals .line{
    margin-bottom: 1em;
}
#checkout-totals .desc{ 
    font-size: 13px;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    margin: 0 0 5px;
}
#checkout-totals .price{ 
    font-size: 20px;
    font-weight: 700;
}
#checkout-lines{ 
    margin-top: 1em;
}
#checkout-lines .line{
    margin-bottom: 0.5em;
}
#checkout-lines .desc{ 
    font-size: 11px;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    margin: 0 0 5px;
}
#checkout-lines .price{ 
    font-size: 16px;
    font-weight: 700;
}

/****-------EXCEPTIONS selon chaque site-------****/
#mobile-menu .logo img.logo-mobile{
    width: 100%;
    max-width: 200px;
}

#to-top.scroll {
    opacity: 1;
    visibility: visible;
}

#to-top {
    width: 60px;
    height: 60px;
    display: flex;
    position: fixed;
    z-index: 4;
    right: 30px;
    bottom: 30px;
    border-radius: 50%;
    background: var(--main);
    opacity: 0;
    visibility: hidden;
}
#to-top svg {
    width: 18px;
    transform: rotate(-180deg);
}

/*PHOTOS*/
/*

DARK (hero)
background: #2B2B2B;
mix-blend-mode: normal;
opacity: 0.3;
+
background: #505050;
mix-blend-mode: lighten;
opacity: 0.5;
+
photo

NORMAL
background: #505050;
mix-blend-mode: lighten;
opacity: 0.5;
+
photo

*/