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

/*
fonts
font-family: "articulat-cf", sans-serif; 400-500-700
*/

:root { 
--dark:#0F191D;
--dark2:#36454F;
--light:#E4EAEC;
--grey:#5D5D60;
--grey2:#7C7C80;
--main:#1AB5EA;
--main2:#0893C8;
}

/*********************************BASE******************************/
body{ background:#fff; font-family: "articulat-cf", sans-serif; font-size:18px; font-weight:400; line-height:1; position:relative; overflow-x:hidden; color:var(--dark); }
body.dark{ background:var(--dark); }
body.blocked{ overflow:hidden; }
.outer-body{ /*overflow-x:hidden;*/ }
.trans{ transition: all .25s ease-in-out; }
h1,h2,h3,h4,h5,.f-title{ font-family: "articulat-cf", sans-serif; font-weight:700; line-height:1; }
.italic{  }
.t-br{ display:block; }
.center{ text-align:center; }
p{ font-family: "articulat-cf", sans-serif; }
p a{ text-decoration:underline; }
p a:hover{ opacity:0.4; text-decoration:underline; }
.wysiwyg h1,.wysiwyg h2{ font-size:2em; margin:0 0 10px; }
.wysiwyg h3,.wysiwyg h4,.wysiwyg h5,.wysiwyg h6{ font-size:1.7em; margin:0 0 10px; }
.wysiwyg p+h1,.wysiwyg p+h2,.wysiwyg p+h3,.wysiwyg p+h4,.wysiwyg p+h5,.wysiwyg p+h6,
.wysiwyg ul+h1,.wysiwyg ul+h2,.wysiwyg ul+h3,.wysiwyg ul+h4,.wysiwyg ul+h5,.wysiwyg ul+h6{ margin-top:40px; }
.wysiwyg p{ margin:0 0 20px; }
.wysiwyg ul{ margin:0 0 20px; padding:0 0 0 30px; font-family: "articulat-cf", sans-serif; }
.wysiwyg li{ margin:0 0 10px; list-style:disc; line-height:1.3; }
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:1700px; /*1640*/ width:100%; padding:0 30px; }
.container.sm{ max-width:1260px; /*1200*/ }
.container.lg{ max-width:1780px; /*1720*/ }
/*.container:after{ clear: both; content: ""; display: block; height: 0; line-height: 0;  visibility: hidden; }*/
.fcol{ display:flex; flex-direction:column; }
.fcenter{ display:flex; justify-content:center; align-items:center; }
b, strong, .strong{ font-weight:700; }
.btn{ font-size:18px; font-weight:500; display:flex; justify-content:center; align-items:center; height:66px; width:fit-content; padding:0 32px; background:var(--main); border:2px solid var(--main); border-radius:200px; color:#fff; }
.btn:hover{ background-color:var(--main2); border-color:var(--main2); color:#fff; }
@media (max-width: 1679px) {

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

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

}
@media (max-width: 1279px) {
	
}
@media (max-width: 1019px) {
	.container.mobile{ max-width:700px; }
}
@media (max-width: 879px) {
	
}
@media (max-width: 759px) {
	
}
@media (max-width: 619px) {
	body{ font-size:15px; }
	.container{ padding:0 20px; }
    .wysiwyg h1,.wysiwyg h2{ font-size:1.7em; }
    .wysiwyg h3,.wysiwyg h4,.wysiwyg h5,.wysiwyg h6{ font-size:1.5em; }
	.btn{ padding:0 26px; height:50px; font-size:13px; border-width:1px; }
}

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

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

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


/*HEADER*/
.main-header{ padding:20px 0; background:#fff; border-bottom:1px solid var(--light); position:relative; z-index:5; }
/*.main-header.scroll{ position:fixed; top:0; left:0; }*/
.main-header .logo{ width:30%; justify-content:center; }
.main-header .menu{ width:70%; justify-content:center; align-items:flex-end; }
.main-header .menu nav>ul{ display:flex; gap:40px; }
.main-header .menu nav>ul li{ position:relative; }
.main-header .menu nav>ul li a{ font-size:18px; font-weight:600; display:flex; padding:15px 0; color:var(--grey); }
.main-header .menu nav>ul li a:hover{ color:var(--main); }
@media (max-width: 619px) {
    .main-header .logo{ width:100px; }
    .main-header .menu{ width:calc(100% - 100px); }
    .main-header .menu nav>ul{ gap:20px; }
    .main-header .menu nav>ul li a{ font-size:12px; padding:5px 0; }
}
    
/*FOOTER*/
.main-footer .bottom-bar{ padding:30px 0; font-size:16px; background:#fff; }
.main-footer .bottom-bar a:hover{ opacity:0.6; }
.main-footer .bottom-bar .inner{ display:flex; justify-content:space-between; align-items:center; }
.main-footer .bottom-bar .dgk a{ display:inline-flex; align-items:center; }
.main-footer .bottom-bar .dgk a img{ width:30px; margin:-2px 0 0 8px; }
@media (max-width: 1019px) {
    .main-footer .bottom-bar{ font-size:12px; }
}
@media (max-width: 619px) {
    .main-footer .bottom-bar{ font-size:8px; }
    .main-footer .bottom-bar .dgk a img{ width:20px; margin:0 0 2px 5px; }
    .main-footer .bottom-bar .col-2 a img{ height:20px; }
}

/*HOME-HERO*/
.home-hero{ position:relative; }
.home-hero .outer-img{ height:calc(100dvh - 92px); flex-direction:column; justify-content:flex-end; overflow:hidden; position:relative; }
.home-hero .inner-img{ position:absolute; top:-40px; bottom:-40px; width:100%; left:0; }
.home-hero .inner-img .bg{ position:absolute; top:50%; left:50%; min-height:100%; min-width:100%; transform:translate(-50%, -50%); object-fit:cover; }
.home-hero .content{ padding:80px 0; position:relative; text-align:center; color:#fff; }
.home-hero .content .sub{ margin:0 0 30px; text-transform:uppercase; letter-spacing:0.1em; line-height:1.3; text-wrap:balance; }
.home-hero .content h1{ font-size:70px; text-wrap:balance; }
.home-hero .content a{ width:60px; height:60px; margin:30px auto 0; border:1px solid #ffffff77; border-radius:50%; }
.home-hero .content a:hover{ border-color:var(--main); background:var(--main); }
@media (max-width: 1019px) {
    .home-hero .outer-img{ max-height:700px; } 
}
@media (max-width: 619px) {
    .home-hero .content h1{ font-size:40px; }
}


.cs-1{ padding:160px 0; background:var(--light); }
.cs-1 .title h2{ font-size:55px; margin:0 auto 30px; max-width:600px; text-align:center; }
.cs-1 .items{ margin:0 -20px; }
.cs-1 .item{ width:33.3333%; padding:40px 20px 0; }
.cs-1 .item:nth-child(3n+2){ transition-delay:0.2s; }
.cs-1 .item:nth-child(3n+3){ transition-delay:0.4s; }
.cs-1 .item .inner{ padding:60px; border-radius:12px; height:100%; background:#fff; }
.cs-1 .item .icn img{ height:60px; }
.cs-1 .item h3{ font-size:30px; margin:20px 0; }
@media (max-width: 1019px) {
    .cs-1 .item{ width:100%; }
    .cs-1 .item:nth-child(3n+2){ transition-delay:0s; }
    .cs-1 .item:nth-child(3n+3){ transition-delay:0s; }
}
@media (max-width: 619px) {
    .cs-1{ padding:100px 0; }
    .cs-1 .title h2{ font-size:32px; }
    .cs-1 .item{ padding:20px 20px 0; }
    .cs-1 .item .inner{ padding:50px 40px; }
    .cs-1 .item .icn img{ height:40px; }
    .cs-1 .item h3{ font-size:25px; margin:20px 0; }
}

.cs-2{ padding:160px 0; overflow:hidden; }
.cs-2 .top{ margin:0 0 80px; }
.cs-2 .title{ width:calc(100% - 200px); justify-content:center; }
.cs-2 .title h2{ font-size:55px; }
.cs-2 .title p{ max-width:900px; }
.cs-2 .nav{ width:200px; justify-content:center; }
.cs-2 .nav-slider{ display:flex; justify-content:flex-end; }
.cs-2 .nav-slider .control{ display:flex; width:60px; height:60px; border-radius:50%; margin:0 0 0 10px; border:1px solid var(--dark); cursor:pointer; }
.cs-2 .nav-slider .control:hover{ background:var(--main); border-color:var(--main); color:#fff; }
.cs-2 .nav-slider .control svg{ width:16px; }
.cs-2 .nav-slider .prev svg{ transform:rotate(-180deg); }
.cs-2 .outer-slider{ margin:0 -18vw 0 0; }
.cs-2 .inner-slide .img{ background:var(--dark2); border-radius:12px; overflow:hidden; }
.cs-2 .inner-slide .img img{ width:100%; opacity:0.8; }
@media (max-width: 619px) {
    .cs-2{ padding:100px 0; }
    .cs-2 .top{ margin:0 0 40px; }
    .cs-2 .title{ width:100%; margin:0 0 30px; }
    .cs-2 .title h2{ font-size:32px; }
    .cs-2 .outer-slider{ margin:0 -50vw 0 0; }
    .cs-2 .nav{ width:100%; }
    .cs-2 .nav-slider{ justify-content:flex-start; }
    .cs-2 .nav-slider .control{ width:50px; height:50px; margin:0 10px 0 0; }
    .cs-2 .nav-slider .control svg{ width:14px; }
}

.cs-3{ padding:160px 0; background:var(--dark); }
.cs-3 .title{ margin:0 auto 80px; max-width:850px; text-align:center; color:#fff; }
.cs-3 .title h2{ font-size:55px; margin:0 0 30px; } 
.cs-3 .col-1{ width:420px; }
.cs-3 .col-1 .box{ padding:60px; border-radius:12px; background:#fff; }
.cs-3 .col-1 .box .info{ margin:30px 0; font-size:20px; font-weight:500; line-height:1.3; }
.cs-3 .col-1 .box .info>div+div{ margin:12px 0 0; }
.cs-3 .col-1 .box .info a:hover{ color:var(--main); }
.cs-3 .col-1 .box .social{ display:flex; gap:10px; }
.cs-3 .col-1 .box .social a{ width:50px; height:50px; border:1px solid var(--main); border-radius:50%; }
.cs-3 .col-1 .box .social a:hover{ border-color:var(--main); background:var(--main); color:#fff; }
.cs-3 .col-2{ width:calc(100% - 420px); padding:0 0 0 80px; transition-delay:0.2s; }
.cs-3 .col-2 .outer-form{ margin:-20px 0 0; }
@media (max-width: 1019px) {
    .cs-3 .col-1{ width:100%; }
    .cs-3 .col-2{ width:100%; padding:50px 0 0; transition-delay:0s; }
}
@media (max-width: 619px) {
    .cs-3{ padding:100px 0; }
    .cs-3 .title{ margin:0 auto 50px; }
    .cs-3 .title h2{ font-size:32px; }
    .cs-3 .col-1 .box{ padding:50px 40px; }
    .cs-3 .col-1 .box .info{ font-size:18px; }
}

.cs-privacy{ padding:160px 0; }
.cs-privacy h1{ font-size:60px; }
.cs-privacy .update{ margin:20px 0; font-weight:700; }
@media (max-width: 619px) {
    .cs-privacy{ padding:60px 0; }
    .cs-privacy h1{ font-size:30px; }
}

.cs-error{ text-align:center; }
.cs-error .inner{ padding:15vh 0; min-height:calc(100dvh - 170px); flex-direction:column; }
.cs-error .lg{ font-size:100px; margin:0 0 10px; }
.cs-error .btns{ margin:30px 0 0; }
@media (max-width: 619px) {
    .cs-error .inner{ min-height:calc(100dvh - 140px); }
    .cs-error .lg{ font-size:50px; }
}