@import url(https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:wght@400;700&display=swap);
/* CUSTOM PRELOAD */
#loader-wrapper{position:fixed;left:0;top:0;width:100%;height:100%;z-index:999;background-color:var(--color-white);animation:loader 1.5s linear;animation-iteration-count:1;animation-fill-mode:forwards}
@keyframes loader{
0%{opacity:1}
70%{opacity:1}
99%{opacity:0;z-index:999}
100%{display:none;visibility:hidden;z-index:-10;opacity:0}
}
/*--------------------------------------------------------------------------------------------------------------*/
/* 01 - RESET */
/*--------------------------------------------------------------------------------------------------------------*/
html{overflow-y:scroll}
main{min-height:100vh}
*,*:before,*:after{box-sizing:border-box}
*{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline;-webkit-text-size-adjust:none}
.clear{clear:both;overflow:hidden;height:0;font-size:0;display:block}
html:not(.touch-screen)::-webkit-scrollbar,html:not(.touch-screen) *::-webkit-scrollbar{width:5px;height:5px}
html:not(.touch-screen)::-webkit-scrollbar-track,html:not(.touch-screen) *::-webkit-scrollbar-track{background:var(--border-color)}
html:not(.touch-screen)::-webkit-scrollbar-thumb,html:not(.touch-screen) *::-webkit-scrollbar-thumb{background:var(--color-blue)}
:focus,:hover,:active,:visited{outline:none}
button{background:none}
.cookies-informer,.cart-informer{display:none}
/*  - GLOBAL SETTINGS */
/* main */
:root{--bs-gutter-x:15px;--color-black:#000;--color-white:#fff;--color-blue:#1472b8;--color-yellow:#ffc912;--border-color:#cecece;--color-text:#afafaf;--color-red:red;--gap-xl:120px;--gap-l:90px;--gap-m:60px;--gap-s:30px;--gap-xs:15px;--gap-xxs:10px;--font-primary:"IBM Plex Sans"}
@media (max-width: 991px){
:root{--gap-xl:60px;--gap-l:60px;--gap-m:40px;--gap-xs:10px;--gap-xxs:5px}
}
@media (max-width: 767px){
:root{--gap-m:30px}
}
html{height:100%;-webkit-font-smoothing:antialiased}
body{height:100%;overflow:hidden;background:var(--color-black)}
#content-block{overflow:hidden;position:relative}
.overflow-hidden{overflow:hidden}
html.overflow-hidden body{overflow:hidden}
img{max-width:100%}
.image{position:relative}
.image img{display:block;position:relative;width:100%; height: auto;}
.image-cover,.image-contain{position:relative;padding-bottom:56.25%}
.image-cover img,.image-contain img{position:absolute;left:0;top:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transition:0.3s}
.image-contain img{-o-object-fit:scale-down;object-fit:scale-down}
.video.rellax,.image-cover.rellax{height:140%;top:-20%}
path{transition:all 0.3s}
.swiper-slide:not(:first-child){display:none}
html.keyboard-focus :focus{outline:auto}
a{cursor:pointer}
.container{padding-left:20px;padding-right:20px}
@media (min-width: 768px){
.container{padding-left:var(--gap-s);padding-right:var(--gap-s)}
}
@media (min-width: 992px){
.container{padding-left:var(--gap-s);padding-right:var(--gap-s)}
}
@media (min-width: 1200px){
a .image-cover:hover img{transform:scale(1.15)}
.container{width:100%;max-width:1560px;margin:0 auto;padding-left:var(--gap-m);padding-right:var(--gap-m)}
}
@media (min-width: 1700px){
.container{max-width:2000px;padding-left:160px;padding-right:160px}
}
@media (min-width: 1930px){
.container{width:92%;max-width:2100px}
}
/*spacers and sections*/
section{position:relative;margin-bottom:var(--gap-xl);padding-left:var(--gap-m);padding-right:var(--gap-m)}
.container_bordered{z-index:1;overflow:hidden}
.container_bordered{position:relative;padding-top:var(--gap-l);padding-bottom:var(--gap-l);border:2px solid var(--border-color);border-radius:30px}
.container_bordered::before{content:"";pointer-events:none;position:absolute;left:var(--gap-m);right:var(--gap-m);top:0;bottom:0;opacity:0.44}
.spacer{clear:both;height:1px}
.mb-xl{margin-bottom:var(--gap-xl)}
.mb-l{margin-bottom:var(--gap-l)}
.mb-m{margin-bottom:var(--gap-m)}
.mb-s{margin-bottom:var(--gap-s)}
.mb-xs{margin-bottom:var(--gap-xs)}
.mb-xxs{margin-bottom:var(--gap-xxs)}
.mt-xl{margin-top:var(--gap-xl)}
.mt-l{margin-top:var(--gap-l)}
.mt-m{margin-top:var(--gap-m)}
.mt-s{margin-top:var(--gap-s)}
.mt-xs{margin-top:var(--gap-xs)}
.mt-xxs{margin-top:var(--gap-xxs)}
.header-margin{position:relative;display:block;height:150px}
.header-spacer{display:block;height:var(--gap-m)}
@media (min-width: 1700px){
section{padding-left:160px;padding-right:160px}
}
@media (max-width: 1199px){
.container_bordered{padding-top:var(--gap-m);padding-bottom:var(--gap-m)}
}
@media (max-width: 991px){
section{padding-left:var(--gap-s);padding-right:var(--gap-s)}
}
@media (max-width: 767px){
.container_bordered{padding-top: var(--gap-l);}
header{padding-left:20px;padding-right:20px}
.header-margin{height:110px}
section{padding-left:var(--gap-xs);padding-right:var(--gap-xs)}
}
/*-------------------------------------------------------------------------------------------------------------------------------*/
/* TYPOGRAPHY */
/*-------------------------------------------------------------------------------------------------------------------------------*/
body{font-weight:400;font-family:var(--font-primary);color:var(--color-black);background:var(--color-white);line-height:1.4}
hr{height:2px;background:var(--border-color)}
sup{font-size:0.6em;vertical-align:super}
a{cursor:pointer;text-decoration:none;outline:none;color:inherit}
a:link,a:visited,a:active,a:hover{cursor:pointer;text-decoration:none;outline:none}
ul,ol{list-style:none}
/* titles */
h1,.h1{font-size:clamp(32px, 5vw, 56px);line-height:1.2}
h2,.h2{font-size:clamp(24px, 4vw, 48px);line-height:1}
h3,.h3{font-size:clamp(20px, 3vw, 36px);line-height:1.2}
h4,.h4{font-size:clamp(16px, 2.5vw, 24px);line-height:1.2}
h5,.h5{line-height:1.2;font-size:clamp(16px, 2vw, 18px)}
.title{position:relative;font-weight:700}
.title_blue{color:var(--color-blue)}
@media (max-width: 767px){

}
/* text */
.text h1,.text h2,.text h3,.text h4,.text h5,.text h6{color:var(--color-blue);font-weight:600;margin-bottom:calc(var(--gap-xs) * -1)}
.text h1:last-child,.text h2:last-child,.text h3:last-child,.text h4:last-child,.text h5:last-child,.text h6:last-child{margin-bottom:0}
.text > *:nth-child(n + 2){margin-top:var(--gap-s)}
.text_small-gap > *:nth-child(n + 2){margin-top:var(--gap-xxs)}
.text-s{font-size:clamp(16px, 1.7vw, 16px)}
.text-m{font-size:clamp(16px, 1.75vw, 18px)}
.text-l{font-size:clamp(16px, 1.75vw, 18px)}
/* .text-l{font-size:clamp(16px, 2.5vw, 20px)} */
.text a:not(.btn, .btn-link){transition:0.3s;color:var(--color-blue);text-decoration:underline;white-space:nowrap;font-weight:bold;text-transform:uppercase}
/* text ul, text ol */
.text ul li{position:relative;padding-left:calc(var(--gap-s));margin-bottom:0.5em}
.text ul li:last-child{margin-bottom:0}
.text ul > li::before{content:"";position:absolute;top:0.8em;left:0;width:8px;height:8px;background:var(--color-blue);border-radius:100%;transform:translateY(-50%)}
.text ol{counter-reset:number}
.text ol:last-child{margin-bottom:0}
.text ol li{position:relative;padding-left:calc(var(--gap-s));margin-bottom:0.5em}
.text > ol > li:last-child{bottom:0}
.text ol > li::before{content:counters(number, ".", decimal) ".";counter-increment:number;position:absolute;left:0;top:0;width:15px;height:30px;color:var(--color-blue);counter-increment:number;font-weight:700;text-align:left;font-size:inherit}
.text ul li ul,.text ol li ol{padding-top:0.5em}
.text ul > *:not(:last-child),.text ol > *:not(:last-child){margin-bottom:0.5em}
.text ul ol,.text ol ul{margin-top:0.5em;margin-left:calc(var(--gap-m) * -1)}
/* font-weight */
.fw-300{font-weight:300}
.fw-400{font-weight:400}
.fw-500{font-weight:500}
.fw-600,strong{font-weight:600}
.fw-700{font-weight:700}
/*media*/
@media (min-width: 1200px){
.text a:not(.btn, .btn-link):hover{color:var(--color-yellow)}
}
@media (max-width: 991px){
.text h1,.text h2,.text h3,.text h4,.text h5,.text h6{color:var(--color-blue);font-weight:600;margin-bottom:calc(var(--gap-xs) * -2)}
}
/* HOVERABLE-ICON */
.icon-hoverable{display:inline-block;vertical-align:middle;width:20px;position:relative}
.icon-hoverable img{display:block;width:100%;transition:0.3s}
.icon-hoverable img:only-child{opacity:1 !important}
.icon-hoverable img:nth-child(2){position:absolute;left:0;top:0;width:100%;height:100%;opacity:0;visibility:hidden}
.icon-hoverable.active img:nth-child(2),.icon-hoverable-wrap.active img:nth-child(2){opacity:1;visibility:visible}
@media (min-width: 1200px){
.icon-hoverable:hover img:nth-child(2),.icon-hoverable-wrap:hover img:nth-child(2){opacity:1;visibility:visible}
.icon-hoverable:hover img:nth-child(1),.icon-hoverable-wrap:hover img:nth-child(1){opacity:0}
}
/* END HOVERABLE-ICON */
/*---------------------------------------------------------------------*/
/* BUTTONS */
/*---------------------------------------------------------------------*/
.btn{position:relative;display:inline-flex;align-items:center;justify-content:center;height:75px;line-height:1;padding:0 var(--gap-m);border-radius:0;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;font-size:18px;font-weight:700;transition:0.3s}
.btn_main{background:var(--color-blue);color:var(--color-white)}
.btn_secondary{color:var(--color-blue);background:var(--color-white)}
.btn .icon-hoverable{margin-right:10px;width:40px}
.btn-link{text-transform:uppercase;font-size:18px;color:var(--color-blue);display:inline-flex;align-items:center;font-weight:bold;transition:0.3s;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;white-space:nowrap}
.btn-link .icon-hoverable{width:40px;flex-shrink:0}
.btn-link .icon-hoverable:first-child{margin-right:10px}
.btn-link .icon-hoverable:last-child{margin-left:10px}
@media (min-width: 1200px){
.btn-link:hover{color:var(--color-yellow)}
.btn_main:hover,.btn_secondary:hover{background:var(--color-yellow);color:var(--color-white)}
}
@media (max-width: 991px){
.btn,.btn-link{font-size:20px}
.btn{height:70px}
}
@media (max-width: 767px){
.btn,.btn-link{font-size:16px}
.btn{height:66px}
}
/* SOCIALS */
.socials{display:flex}
.socials > *:nth-child(n + 2){margin-left:var(--gap-s)}
.socials .icon-hoverable{width:40px}
/* END SOCIALS */
/*-----------------------------------------------------------------------------------------------------------------------*/
/* HEADER */
/*-----------------------------------------------------------------------------------------------------------------------*/
header{position:fixed;z-index:20;left:0;top:0;width:100%;height:120px;background:var(--color-white);display:flex;justify-content:center;align-items:center;padding:0 var(--gap-m);background:#ffffff;box-shadow:0px 4px 11px rgba(0, 0, 0, 0.25)}
header .container{display:flex;justify-content:space-between;align-items:center;padding:0}
.header__right{display:flex;align-items:center}
.header__right > *:nth-child(n + 2){margin-left:var(--gap-m)}
.header__logo{width:140px;margin-right:var(--gap-m)}
.header__nav{line-height:1.2;letter-spacing:0.01em;font-size:clamp(16px, 1.4vw, 18px);margin-right:var(--gap-s)}
.header__nav ul{display:flex;align-items:center;text-transform:uppercase;font-weight:bold;flex-wrap: wrap;}
.header__nav ul li:nth-child(n + 2){margin-left:var(--gap-s)}
.header__accessibility-btn{width:40px;cursor:pointer;flex-shrink: 0;}
.header__accessibility-btn::before,.header__accessibility-btn::after{
  content: "";position: absolute;left: 50%;top: 50%;width: 50%;height: 2px;background: var(--color-black);transition: .3s;
  transform: translate(-50%, -50%) rotate(45deg) scale(0);
}
.header__accessibility-btn::after{transform: translate(-50%, -50%) rotate(-45deg) scale(0);}
.header__accessibility-btn.header__accessibility-btn_active::after{transform: translate(-50%, -50%) rotate(-45deg) scale(1);}
.header__accessibility-btn.header__accessibility-btn_active::before{transform: translate(-50%, -50%) rotate(45deg) scale(1);}
.header__accessibility-btn.header__accessibility-btn_active img{opacity: 0!important;}
.header__nav a{transition:0.3s}
.header__call-btn,.header__mob-menu{display:none}
@media (min-width: 1200px){
.header__nav a:hover{color:var(--color-yellow)}
.header__accessibility-btn:hover::before,.header__accessibility-btn:hover::after{background: var(--color-yellow);}
}
@media (min-width: 1700px){
header{padding-left:160px;padding-right:160px}
}
@media (max-width: 1750px){
/* .header__logo {
    width: 150px;
  } */

}
@media (max-width: 1450px){
.header__nav ul li:nth-child(n + 2),.socials > *:nth-child(n + 2){margin-left:var(--gap-xs)}
.header__nav{margin-right:0}
}
@media (max-width: 1199px){
.header__call-btn{display:block;width:40px;justify-self:flex-end}
header .container{display:grid;grid-template-columns:repeat(3, 1fr)}
.header__right{justify-content:center}
.header__nav_desktop,.header__socials_desktop{display:none}
.nav-btn{display:block;cursor:pointer;height:40px;width:40px;position:relative}
.nav-btn::before,.nav-btn::after,.nav-btn > span{content:"";position:absolute;width:50%;height:2px;background:var(--color-black);left:50%;transform:translate(-50%, -50%);transition:0.3s}
.nav-btn::before{top:calc(50% - 6px)}
.nav-btn::after{top:calc(50% + 6px)}
.nav-btn > span{top:50%}
.open-nav .nav-btn::before{top:50%;transform:translate(-50%, -50%) rotate(45deg)}
.open-nav .nav-btn::after{top:50%;transform:translate(-50%, -50%) rotate(-45deg)}
.open-nav .nav-btn > span{opacity:0}
.header__mob-menu{display:flex;flex-direction:column;justify-content:space-around;align-items:center;position:fixed;left:0;top:119px;width:100%;height:calc(100% - 119px);background:var(--color-white);transition:0.3s;opacity:0;visibility:hidden}
.open-nav .header__mob-menu{opacity:1;visibility:visible}
.header__nav{font-size:20px}
.header__nav ul{flex-direction:column}
.header__nav ul li:nth-child(n + 2){margin-left:0;margin-top:var(--gap-l)}
.socials > *:nth-child(n + 2){margin-left:var(--gap-m)}
}
@media (max-width: 991px){
header{padding-left:var(--gap-s);padding-right:var(--gap-s)}
}
@media (max-width: 767px){
header{height:80px}
.header__logo{width:77px}
.header__right > *:nth-child(n + 2){margin-left:var(--gap-s)}
.header__mob-menu{top:79px;height:calc(100% - 79px);display:grid;grid-template-rows:1fr min-content;align-items:center;justify-items:center;gap:var(--gap-l);padding:var(--gap-s) 0}
.header__nav{font-size:16px}
}
/* BANNER */
.banner__swiper .swiper-slide{height:auto}
.banner__slide{display:grid;grid-template-columns:7fr 5fr;gap:var(--gap-s);align-items:center;padding:var(--gap-s) var(--gap-xl) var(--gap-m);z-index:1;height:100%}
.banner__slide_video{position:relative}
.banner__slide_video video{position:absolute;left:0;top:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}
.banner__slide-image{align-self:flex-start;margin-left:-23%}
.banner__slide-content{display:grid;gap:var(--gap-s);justify-items:flex-start;z-index:2}
.banner__slide-content .text-m{max-width: 600px;}
.banner__container{padding:0}
.banner__slide-image_bg{position:absolute;left:0;top:0;width:100%;height:100%;z-index:-1}
@media (min-width: 1700px){
.banner__slide{padding-left:160px;padding-right:160px}
}
@media (max-width: 1550px){
.banner__slide{padding:var(--gap-s) var(--gap-m) var(--gap-m)}
}
@media (max-width: 1199px){
.banner__slide{padding:var(--gap-s) var(--gap-s) var(--gap-m)}
}
@media (max-width: 992px){
.banner__slide{grid-template-columns:1fr;padding-bottom:100px}
.banner__slide-image{margin:0;grid-row:1}
.banner__slide-content{text-align:center;justify-items:center}
.banner .swiper-controlls_bottom{bottom:var(--gap-s)}
}
@media (max-width: 767px){
.banner__slide{padding:20px 20px 100px}
}
/* PARNTERS */
.partners__wrap{display:flex;justify-content:center;align-items:center}
.partners__wrap .image{height:var(--gap-l)}
.partners__wrap .image:nth-child(n + 2){margin-left:var(--gap-m)}
.partners__wrap .image img{max-height:100%;width:auto;}
@media (max-width: 767px){
.partners__wrap{flex-direction:column}
.partners__wrap .image{height:50px;display:inline-block}
.partners__wrap .image:nth-child(n + 2){margin-left:0;margin-top:var(--gap-s)}
}
/* END PARTNERS */
/* SECTION TITLE */
.section-title{position:relative;display:flex;margin-left:calc(var(--gap-m) * -1);margin-bottom:calc(var(--gap-s) * -1 + var(--gap-l));flex-wrap:wrap;align-items:center}
.section-title hr{width:100%;height:2px;background:var(--border-color);margin-top:var(--gap-s)}
.section-title:only-child{border-bottom:none;padding-bottom:0;margin-bottom:calc(var(--gap-s) * -1)}
.section-title .text{max-width:660px}
.section-title .text.wide{width:100%;max-width:unset}
.section-title__break{flex-basis:100%;height:0;margin:0 !important}
.section-title > *{margin-left:var(--gap-m);margin-bottom:var(--gap-s)}
.section-title > .title{text-transform:uppercase}
.section-title__links{display:inline-flex;flex-wrap:wrap;align-items:center;margin-bottom:0 !important;margin-left:0 !important}
.section-title__image{width:465px}
.section-title__links > *{margin-left:var(--gap-m);margin-bottom:var(--gap-s)}
@media (max-width: 1199px){
.section-title_3-col{grid-template-columns:auto auto}
.section-title_3-col > *:nth-child(2){grid-area:2/3/3/1}
}
@media (max-width: 991px){
.section-title__image{width:370px}
}
@media (max-width: 767px){
.section-title__image{width:260px}
.section-title > *,.section-title__links > *{margin-bottom:var(--gap-xs)}
.section-title > .title, .section-title > .section-title__image{margin-bottom: calc(var(--gap-xs)*2)}
.section-title{margin-bottom:calc(var(--gap-s) - var(--gap-xs))}
.section-title hr{margin-top:20px}
}
/* END SECTION TITLE */
.call-btn{position:fixed;right:40px;width:var(--gap-m);height:var(--gap-m);top:50%;transform:translateY(-50%);z-index:10}
@media (max-width: 1699px){
.call-btn{right:0}
}
@media (max-width: 1199px){
.call-btn{display:none}
}