* {margin: 0; padding: 0; outline: none; vertical-align: baseline; text-rendering: optimizeLegibility; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; -webkit-tap-highlight-color: rgba(0,0,0,0); -webkit-focus-ring-color: rgba(0, 0, 0, 0); box-sizing: border-box;}
*:before, *:after {box-sizing: border-box;}
*::-moz-focus-inner {border: 0; padding: 0;}
*:focus {outline: none;}
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li,fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit;}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,footer, header, hgroup, menu, nav, section, main {display: block;}
audio, canvas, iframe, img, svg {vertical-align: middle;}
video {vertical-align: top; width: 100%;}


/*====================================================
   Fonts
====================================================*/
/*300*/
@font-face {
   font-family: 'TildaSansLight';
   src:  url('fonts/Tilda/TildaSans-Light.woff2') format('woff2'),
         url('fonts/Tilda/TildaSans-Light.woff') format('woff'),
         url('fonts/Tilda/TildaSans-Light.ttf') format('truetype');
   font-weight: normal;
   font-style: normal;
   font-display: swap;
}
/*400*/
@font-face {
   font-family: 'TildaSansRegular';
   src:  url('fonts/Tilda/TildaSans-Regular.woff2') format('woff2'),
         url('fonts/Tilda/TildaSans-Regular.woff') format('woff'),
         url('fonts/Tilda/TildaSans-Regular.ttf') format('truetype');
   font-weight: normal;
   font-style: normal;
   font-display: swap;
}
/*500*/
@font-face {
   font-family: 'TildaSansMedium';
   src:  url('fonts/Tilda/TildaSans-Medium.woff2') format('woff2'),
         url('fonts/Tilda/TildaSans-Medium.woff') format('woff'),
         url('fonts/Tilda/TildaSans-Medium.ttf') format('truetype');
   font-weight: normal;
   font-style: normal;
   font-display: swap;
}
/*600*/
@font-face {
   font-family: 'TildaSansSemibold';
   src:  url('fonts/Tilda/TildaSans-Semibold.woff2') format('woff2'),
         url('fonts/Tilda/TildaSans-Semibold.woff') format('woff'),
         url('fonts/Tilda/TildaSans-Semibold.ttf') format('truetype');
   font-weight: normal;
   font-style: normal;
   font-display: swap;
}
/*700*/
@font-face {
   font-family: 'TildaSansBold';
   src:  url('fonts/Tilda/TildaSans-Bold.woff2') format('woff2'),
         url('fonts/Tilda/TildaSans-Bold.woff') format('woff'),
         url('fonts/Tilda/TildaSans-Bold.ttf') format('truetype');
   font-weight: normal;
   font-style: normal;
   font-display: swap;
}


/*====================================================
   Global
====================================================*/
:root {
   --black: #303030;
   --anthracite: #393D47;
   --anthracite-light: #575B64;
   --anthracite-dark: #252830;
   --gray: #D9D9D9;
   --gray-light: #F5F5F5;
   --gray-light-2: #FAFAFC;
   --gray-dark: #9F9E9E;
   --cyan: #0FF;
   --blue: #0071E3;
   --blue2: #3395D2;
   --blue-light: #7BAFDE;
   --blue-bright: #E4F2FF;
   --blue-gradient: linear-gradient(175deg, #FFF -1.76%, var(--blue-light) 96.13%);
   --red: #ED1C24;
   --red-gradient: linear-gradient(175deg, #FFF -1.76%, var(--red) 96.13%);
   --red-light: #FFF0F0;
   
   --font-light: 'TildaSansLight';
   --font-regular: 'TildaSansRegular';
   --font-medium: 'TildaSansMedium';
   --font-semibold: 'TildaSansSemiBold';
   --font-bold: 'TildaSansBold';

   --header-height: 117px;
   --padding-inner: 40px;

   --br-3: 3px;
   --br-6: 6px;
   --br-10: 10px;
   --br-16: 16px;
   --br-20: 20px;

   --gap-1: 25px;
   --gap-2: 30px;
   --gap-3: 40px;
   --col-gap-1: 25px;
   --col-gap-2: 30px;
   --col-gap-3: 40px;
   --col-gap-4: 60px;

   --row-gap-1: 20px;
   --row-gap-2: 40px;
   --row-gap-3: 60px;
   --row-gap-4: 80px;

   --margin-1: 20px;
   --margin-2: 40px;
   --margin-3: 60px;
   --margin-4: 100px;
   --margin-5: 150px;
   --margin-6: 200px;

   --padding-1: 20px;
   --padding-2: 30px;
   --padding-3: 40px;
   --padding-4: 60px;
   --padding-5: 80px;
   --padding-6: 100px;

   --easing: 0.3s ease 0s;
   --easing-slow: 0.5s ease-in-out 0s;
   --easing-x-slow: 0.75s ease-in-out 0s;
   --filter-whiting: brightness(0) invert(1);
   --filter-blacking: brightness(0.5) invert(0);
}
@media screen and (max-width: 1440px) {
   :root {
      --margin-3: 60px;
      --margin-4: 80px;
      --margin-5: 100px;
      --margin-6: 150px;
   }
}
@media screen and (max-width: 1199px) {
   :root {
      --header-height: 60px;

      --gap-1: 20px;
      --gap-2: 20px;
      --gap-3: 30px;
      --col-gap-1: 20px;
      --col-gap-2: 20px;
      --col-gap-3: 30px;
      --col-gap-4: 40px;
      --row-gap-2: 30px;
      --row-gap-3: 40px;
      --row-gap-4: 60px;

      --margin-1: 20px;
      --margin-2: 40px;
      --margin-3: 50px;
      --margin-4: 60px;
      --margin-5: 80px;
      --margin-6: 100px;

      --padding-1: 15px;
      --padding-2: 25px;
      --padding-3: 30px;
      --padding-4: 40px;
      --padding-5: 60px;
      --padding-6: 80px;
   }
}
@media screen and (max-width: 767px) {
   :root {
      --padding-inner: 20px;

      --margin-2: 30px;
      --margin-3: 40px;
      --margin-4: 50px;

      --padding-3: 30px;
      --padding-4: 50px;
   }
}
@media screen and (max-width: 480px) {
   :root {
      --header-height: 40px;

      --gap-3: 20px;
      --col-gap-3: 25px;
      --col-gap-4: 30px;
      --row-gap-2: 20px;
      --row-gap-3: 30px;
      --row-gap-4: 40px;

      --br-20: 16px;

      --margin-1: 10px;
      --margin-2: 20px;
      --margin-3: 40px;
      --margin-4: 50px;
      --margin-5: 60px;
      --margin-6: 80px;

      --padding-1: 10px;
      --padding-2: 20px;
      --padding-3: 25px;
      --padding-4: 30px;
      --padding-5: 40px;
      --padding-6: 60px;
   }
}
@media (max-width: 374px) {
   :root {
      --col-gap-3: 20px;
      --col-gap-4: 20px;

      --padding-3: 20px;
      --padding-4: 20px;
      --padding-5: 30px;
      --padding-6: 40px;
   }
}
@media screen and (max-width: 991px) and (orientation: landscape) {
   :root {
      --header-height: 40px;
      --padding-inner: 20px;

      --gap-3: 20px;
      --col-gap-3: 25px;
      --col-gap-4: 30px;
      --row-gap-2: 20px;
      --row-gap-3: 30px;
      --row-gap-4: 40px;

      --br-20: 16px;

      --margin-1: 10px;
      --margin-2: 20px;
      --margin-3: 40px;
      --margin-4: 50px;
      --margin-5: 60px;
      --margin-6: 80px;

      --padding-1: 10px;
      --padding-2: 20px;
      --padding-3: 25px;
      --padding-4: 30px;
      --padding-5: 40px;
      --padding-6: 60px;
   }
}
@media screen and (max-width: 666px) and (orientation: landscape) {
   :root {
      --col-gap-3: 20px;
      --col-gap-4: 20px;

      --padding-3: 20px;
      --padding-4: 20px;
      --padding-5: 30px;
      --padding-6: 40px;
   }
}

.no-touchevents ::selection {background-color: var(--blue-light);}
::-webkit-scrollbar {width: 8px}
::-webkit-scrollbar-track {background: var(--gray-light);}
::-webkit-scrollbar-thumb {background: var(--gray-dark); border-radius: 3px;}
::-webkit-scrollbar-thumb:hover {background: var(--blue-light);}
.no-touchevents ::selection {background-color: var(--blue-light);}

html, body {height: 100%; /*scroll-behavior: smooth;scrollbar-gutter: stable;*/}
body {background: #FFF; font-family: var(--font-regular), sans-serif; font-size: 18px; line-height: normal; color: var(--anthracite);}
body.is-locked {overflow: hidden;}

@media screen and (max-width: 1199px) {
   body {font-size: 16px;}
}
@media screen and (max-width: 480px) {
   body {font-size: 14px;}
}
@media screen and (max-width: 991px) and (orientation: landscape) {
   body {font-size: 14px;}
}

.container {min-height: 100%; height: auto; display: grid; grid-template-rows: 1fr auto; position: relative; z-index: 1;}
.container:has(.header):has(.heading--showcase):before {content: ''; position: absolute; top: 0; left: 0; width: 100%; height: var(--header-height); background: var(--gray-light-2);}
   .inner {width: 100%; max-width: 1706px; margin: 0 auto; padding-left: var(--padding-inner); padding-right: var(--padding-inner);}    
   .inner--full {max-width: 100%;}  


/*====================================================
   Visibility
====================================================*/
.d-none {display: none;}
.no-touchevents .d-touch-vis {display: none;}
.touchevents .d-touch-none {display: none;}

@media screen and (min-width: 1200px) {
   .d-md-vis {display: none !important;}
   .d-xl-none {display: none !important;}
}
@media screen and (max-width: 1199px) {
   .d-xl-vis {display: none !important;}
}
@media screen and (min-width: 768px) {
   .d-sm-vis {display: none !important;}
   .d-md-none {display: none !important;}
}
@media screen and (max-width: 767px) {
   .d-md-vis {display: none !important;}
   .d-sm-none {display: none !important;}
}
@media screen and (min-width: 481px) {
   .d-xs-vis {display: none !important;}
}
@media screen and (max-width: 480px) {
   .d-xs-none {display: none !important;}
}
@media screen and (max-width: 991px) and (orientation: landscape) {
   .d-xs-vis {display: initial !important;}
   .d-ls-none {display: none !important;}
}

/*====================================================
   Headings
====================================================*/
h1, .h1 {font-family: var(--font-medium), sans-serif; font-size: 80px; line-height: normal; font-weight: normal; color: inherit; position: relative; margin: 0 0 0.5em;}
h2, .h2 {font-family: var(--font-medium), sans-serif; font-size: 50px; line-height: 1; font-weight: normal; color: inherit; position: relative; margin: 0 0 0.6em;}
h3, .h3 {font-family: var(--font-medium), sans-serif; font-size: 44px; line-height: normal; font-weight: normal; color: inherit; position: relative; margin: 0 0 0.5em;}
h4, .h4 {font-family: var(--font-semibold), sans-serif; font-size: 34px; line-height: normal; font-weight: normal; color: inherit; position: relative; margin: 0 0 0.5em;}
h5, .h5 {font-family: var(--font-semibold), sans-serif; font-size: 24px; line-height: normal; font-weight: normal; color: inherit; position: relative; margin: 0 0 0.5em;}
h6, .h6 {font-family: var(--font-semibold), sans-serif; font-size: 20px; line-height: normal; font-weight: normal; color: inherit; position: relative; margin: 0 0 0.5em;}

.article h2, .article h3, .article h4, .article h5, .article h6 {padding-top: 1em;}

.font-parent h1,
.font-parent h2,
.font-parent h3,
.font-parent h4,
.font-parent h5,
.font-parent h6 {font-family: inherit; font-size: inherit;}

.h2 h1 {font-family: inherit; font-size: inherit;}
.h3 h2 {font-family: inherit; font-size: inherit;}

.font-26 h3 {font-family: inherit; font-size: inherit;}
.font-34 h3 {font-family: inherit; font-size: inherit;}
.font-40 h3 {font-family: inherit; font-size: inherit;}

.t-m-0 h1, .t-m-0 .h1,
.t-m-0 h2, .t-m-0 .h2,
.t-m-0 h3, .t-m-0 .h3, 
.t-m-0 h4, .t-m-0 .h4, 
.t-m-0 h5, .t-m-0 .h5,
.t-m-0 h6, .t-m-0 .h6 {margin-bottom: 0;}

@media screen and (max-width: 1199px) {
   h1, .h1 {font-size: 60px; line-height: 0.9;}
   h2, .h2 {font-size: 32px;}
   h3, .h3 {font-size: 26px;}
   h4, .h4 {font-size: 24px;}
   h5, .h5 {font-size: 22px;}
   h6, .h6 {font-size: 18px;}
}
@media screen and (max-width: 767px) {
   h1, .h1 {font-size: 38px;}
   h2, .h2 {font-size: 28px;}
   h3, .h3 {font-size: 24px;}
   h4, .h4 {font-size: 22px;}
   h5, .h5 {font-size: 20px;}
   h6, .h6 {font-size: 16px;}
}
@media screen and (max-width: 480px) {
   h1, .h1 {font-size: 28px;}
   h2, .h2 {font-size: 24px;}
   h3, .h3 {font-size: 20px;}
   h4, .h4 {font-size: 18px;}
   h5, .h5 {font-size: 16px;}
   h6, .h6 {font-size: 14px;}
}
@media screen and (max-width: 991px) and (orientation: landscape) {
   h1, .h1 {font-size: 28px;}
   h2, .h2 {font-size: 24px;}
   h3, .h3 {font-size: 20px;}
   h4, .h4 {font-size: 18px;}
   h5, .h5 {font-size: 16px;}
   h6, .h6 {font-size: 14px;}
}


/*====================================================
   Text
====================================================*/
p {margin: 0 0 1em; padding: 0;}
p:last-child {margin-bottom: 0;}

sup {font-size: 0.7em; vertical-align: super;}
sub {font-size: 0.7em; vertical-align: sub;}

em, i, cite, dfn, q {font-style: italic;}

.font-light {font-family: var(--font-light);}
.font-regular {font-family: var(--font-regular);}
.font-medium {font-family: var(--font-medium);}
.font-semibold {font-family: var(--font-semibold);}
.font-bold {font-family: var(--font-bold);}

b, strong {font-family: var(--font-bold); font-weight: normal;}
.font-light b, 
.font-light strong,
.font-regular b, 
.font-regular strong {font-family: var(--font-bold);}

.font-lead {font-size: 40px;}
.font-lead.font-light {font-size: 56px;}

@media screen and (max-width: 1199px) {
   .font-lead {font-size: 26px;}
   .font-lead.font-light {font-size: 40px;}
}
@media screen and (max-width: 767px) {
   .font-lead {font-size: 18px;}
   .font-lead.font-light {font-size: 34px;}
}
@media screen and (max-width: 480px) {
   .font-lead {font-size: 15px;}
   .font-lead.font-light {font-size: 28px;}
}
@media screen and (max-width: 991px) and (orientation: landscape) {
   .font-lead {font-size: 15px;}
   .font-lead.font-light {font-size: 28px;}
}

.font-40 {font-size: 40px;}
.font-34 {font-size: 34px;}
.font-32 {font-size: 32px;}
.font-30 {font-size: 30px;}
.font-26 {font-size: 26px;}
.font-24 {font-size: 24px;}
.font-22 {font-size: 22px;}
.font-20 {font-size: 20px;}
.font-18 {font-size: 18px;}
.font-16 {font-size: 16px;}
.font-14 {font-size: 14px;}
.font-13 {font-size: 13px;}
.font-12 {font-size: 12px;}

@media screen and (min-width: 1200px) {
   .font-xl-40 {font-size: 40px;}
   .font-xl-34 {font-size: 34px;}
   .font-xl-32 {font-size: 32px;}
   .font-xl-26 {font-size: 26px;}
   .font-xl-22 {font-size: 22px;}
   .font-xl-20 {font-size: 20px;}
   .font-xl-18 {font-size: 18px;}
   .font-xl-16 {font-size: 16px;}
   .font-xl-14 {font-size: 14px;}
}
@media screen and (max-width: 1199px) {
   .font-40 {font-size: 26px;}
   .font-20 {font-size: 18px;}
   .font-16 {font-size: 14px;}

   .font-md-40 {font-size: 40px;}
   .font-md-34 {font-size: 34px;}
   .font-md-32 {font-size: 32px;}
   .font-md-26 {font-size: 26px;}
   .font-md-24 {font-size: 24px;}
   .font-md-22 {font-size: 22px;}
   .font-md-20 {font-size: 20px;}
   .font-md-18 {font-size: 18px;}
   .font-md-16 {font-size: 16px;}
   .font-md-14 {font-size: 14px;}
}
@media screen and (min-width: 768px) and (max-width: 1199px) {
   .font-md-34 {font-size: 34px;}
   .font-md-22 {font-size: 22px;}
   .font-md-20 {font-size: 20px;}
}
@media screen and (max-width: 767px) {
   .font-26 {font-size: 18px;}

   .font-sm-40 {font-size: 40px;}
   .font-sm-34 {font-size: 34px;}
   .font-sm-32 {font-size: 32px;}
   .font-sm-26 {font-size: 26px;}
   .font-sm-22 {font-size: 22px;}
   .font-sm-20 {font-size: 20px;}
   .font-sm-18 {font-size: 18px;}
   .font-sm-16 {font-size: 16px;}
   .font-sm-14 {font-size: 14px;}
}
@media screen and (max-width: 480px) {
   .font-40 {font-size: 24px;}
   .font-26 {font-size: 15px;}
   .font-20 {font-size: 16px;}

   .font-xs-40 {font-size: 40px;}
   .font-xs-34 {font-size: 34px;}
   .font-xs-32 {font-size: 32px;}
   .font-xs-26 {font-size: 26px;}
   .font-xs-22 {font-size: 22px;}
   .font-xs-20 {font-size: 20px;}
   .font-xs-18 {font-size: 18px;}
   .font-xs-16 {font-size: 16px;}
   .font-xs-14 {font-size: 14px;}
   .font-xs-11 {font-size: 11px;}
}
@media screen and (max-width: 374px) {
   .font-40 {font-size: 20px;}
}
@media screen and (max-width: 991px) and (orientation: landscape) {
   .font-40 {font-size: 24px;}
   .font-26 {font-size: 15px;}
   .font-20 {font-size: 16px;}

   .font-xs-40 {font-size: 40px;}
   .font-xs-34 {font-size: 34px;}
   .font-xs-32 {font-size: 32px;}
   .font-xs-26 {font-size: 26px;}
   .font-xs-22 {font-size: 22px;}
   .font-xs-20 {font-size: 20px;}
   .font-xs-18 {font-size: 18px;}
   .font-xs-16 {font-size: 16px;}
   .font-xs-14 {font-size: 14px;}
   .font-xs-11 {font-size: 11px;}

   .font-ls-20 {font-size: 20px;}
}
@media screen and (max-width: 666px) and (orientation: landscape) {
   .font-40 {font-size: 20px;}
}

.txt-upp {text-transform: uppercase;}
.txt-center {text-align: center;}
.txt-left {text-align: left;}
.txt-right {text-align: right;}
.txt-nowrap {white-space: nowrap;}
.txt-underline {text-decoration: underline;}
.txt-line-through {text-decoration: line-through;}
.txt-black {color: var(--black);}
.txt-white {color: #FFF;}
.txt-gray {color: var(--gray-dark);}
.txt-hyphens {-webkit-hyphens: auto; -moz-hyphens: auto; hyphens: auto;}
.txt-compact {line-height: 0.9;}
.txt-border {padding-left: 20px; border-left: 4px solid var(--red);}

.txt-col {column-gap: 40px;}
.txt-col--2 {columns: 2 auto;}
.txt-col--3 {columns: 3 auto;}
   .txt-col > * {vertical-align: top; -webkit-column-break-inside: avoid; page-break-inside: avoid; break-inside: avoid; break-inside: avoid-column;}

@media screen and (max-width: 1199px) {
   .txt-col--xl {columns: auto;}
}
@media screen and (max-width: 767px) {
   .txt-col--md {columns: auto;}
}
@media screen and (max-width: 480px) {
   .txt-col--sm {columns: auto;}
}

/*Table*/
table {border-collapse: collapse; border-spacing: 0;}
.article table {margin-bottom: 1em; max-width: 100%;}
   .article table th, .article table td {padding: 10px 20px; border: 1px solid var(--anthracite);}
   .article table th {font-family: var(--font-bold); font-weight: normal;}
   table p {margin: 0;}

/*List*/
ul {list-style: none; padding: 0; margin: 0 0 1em;}
ul:last-child {margin-bottom: 0;}
ul.no-decor {margin: 0; padding: 0;}
   ul li {padding: 0 0 0 18px; margin: 0 0 0.25em; position: relative;}
   li:last-child {margin-bottom: 0;}
   ul.no-decor li {padding-left: 0; margin: 0;}
      ul li:before {content: ''; position: absolute; top: 0.45em; left: 0; width: 6px; height: 6px; background: currentColor;}
      ul.no-decor li:before {display: none;}
   ul ul {margin: 0.4em 0 0 18px;}
   ul.no-decor ul {margin: 0;}
ol {padding: 0; margin: 0 0 1em; list-style: decimal inside;}
   ol li {padding: 0; margin: 0 0 0.25em;}
   ol li:last-child {margin-bottom: 0;}
      ol ol {margin: 0.4em 0 0;}
.article ul li,
.article ol li {margin-bottom: 0.5em;}


/*====================================================
   Image
====================================================*/
img {border: 0; max-width: 100%; height: auto;}
.article img {margin: 1em 0;}
.img-grayscale img {filter: grayscale(100%); transition: all var(--easing);}
.img-grayscale-hover:hover img {filter: grayscale(0%);}
.img-blacking img,
.img-blacking svg {filter: var(--filter-blacking);}
.img-whiting img,
.img-whiting svg {filter: var(--filter-whiting);}
.img-scale img {transition: transform 2s ease-in-out 0s;}
.img-scale-hover:hover img {transform: scale(1.1);}
.bg-gray img[src$=".jpg"],
.bg-gray img[src$=".jpeg"],
.bg-gray img[src$=".JPG"],
.bg-gray img[src$=".JPEG"] {mix-blend-mode: multiply;}
figure {width: 100%; margin: 0 0 1em 0;}
figure img {display: block;}
figcaption {padding-top: 0.25em;}
figure p {margin: 0;}


/*====================================================
   Links
====================================================*/
a {color: inherit; text-decoration-skip-ink: none; text-decoration-thickness: 0.05em; text-underline-offset: 0.13em; position: relative; transition: all var(--easing);}
a:hover {text-decoration: none;}
.touchevents a {transition: unset;}
a.no-decor {text-decoration: none;}
a.decor {text-decoration: underline !important;}

a[href^="tel"], a[href^="mailto"] {white-space: nowrap; text-decoration: none;}
a[href^="tel"]:hover, a[href^="mailto"]:hover {color: var(--blue);}

.link-color {color: var(--blue);}

/*Fancybox*/
.link-fancybox:after {content: ''; position: absolute; top: 50%; left: 50%; z-index: 1; width: 26px; height: 26px; margin: -13px 0 0 -13px; background: url('../i/zoom.svg') 0 0 / contain no-repeat;}
.no-touchevents .link-fancybox:after {opacity: 0; transform: scale(0); transition: all var(--easing);}
.no-touchevents .link-fancybox:hover:after {opacity: 1; transform: scale(1);}
.no-touchevents .link-fancybox img {position: relative; z-index: 0; transition: all var(--easing);}
.no-touchevents .link-fancybox:hover img {opacity: 0.75;}

@media screen and (max-width: 480px) {
   .link-fancybox:after {width: 32px; height: 32px; margin: -16px 0 0 -16px;}
}
@media screen and (max-width: 991px) and (orientation: landscape) {
   .link-fancybox:after {width: 32px; height: 32px; margin: -16px 0 0 -16px;}
}

/*Photoreport*/
.link-photoreport.svg-icon {gap: 0.75em;}

/*Close*/
.link-close {position: absolute; top: 20px; right: 20px; width: 27px; height: 27px; border-radius: 100%; border: 1px solid var(--black); cursor: pointer; z-index: 2; transition: all var(--easing);}
.link-close--inline {position: relative; top: auto; right: auto; margin-left: 5px; width: 20px; height: 20px; border-radius: 0; border: 0;}
a.link-close {text-decoration: none;}
.link-close:hover {border-color: var(--red);}
   .link-close:before, .link-close:after {content: ''; position: absolute; top: 50%; left: 50%; margin: -1px 0 0 -10px; width: 20px; height: 1px; background: var(--black); transition: all var(--easing);}
   .link-close--inline:before,
   .link-close--inline:after {width: 14px; margin: 0 0 0 -7px;}
   .link-close:hover:before, .link-close:hover:after {background: var(--red);}
   .link-close:before {transform: rotate(45deg);}
   .link-close:after {transform: rotate(-45deg);}

@media screen and (max-width: 480px) {
   .link-close {top: 10px; right: 10px;}
}

/*Readmore*/
.link-readmore.svg-icon {gap: 0.5em; line-height: 1; color: inherit;}
   .link-readmore svg {vertical-align: middle; position: relative; top: -2px;}


/*====================================================
   Backgrounds
====================================================*/
.bg-black {background: var(--black); color: #FFF;}
.bg-black-dark {background: #04050A; color: #FFF;}
.bg-anthracite {background: var(--anthracite); color: #FFF;}
.bg-anthracite-light {background: var(--anthracite-light); color: #FFF;}
.bg-anthracite-dark {background: var(--anthracite-dark); color: #FFF;}
.bg-gray {background: var(--gray);}
.bg-gray-light {background: var(--gray-light);}
.bg-gray-light-2 {background: var(--gray-light-2);}
.bg-gray-dark {background: var(--gray-dark);}
.bg-cyan {background: var(--cyan);}
.bg-blue {background: var(--blue);}
.bg-blue-2 {background: var(--blue2);}
.bg-blue-light {background: var(--blue-light);}
.bg-blue-bright {background: var(--blue-bright);}
.bg-blue-gradient {background: var(--blue-gradient);}
.bg-red {background: var(--red); color: #FFF;}
.bg-red-gradient {background: var(--red-gradient); color: #FFF;}
.bg-red-light {background: var(--red-light);}
.bg-white {background: #FFF;}


/*====================================================
   Display, Positioning, ...
====================================================*/
/*Table div*/
.tb {display: table; width: 100%;}
   .tb__head {display: table-header-group;}
   .tb__body {display: table-row-group;}
      .tb__row {display: table-row;}
         .tb__cell {display: table-cell; vertical-align: middle;}

/*Overflow*/
.of-h {overflow: hidden;}
.of-v {overflow: visible;}

/*Float*/
.cl:after {clear: both; content: "."; display: block; height: 0; visibility: hidden;}
.fl {float: left;}
.fr {float: right;}

/*Border radius*/
.br-3 {border-radius: var(--br-3);}
.br-6 {border-radius: var(--br-6);}
.br-10 {border-radius: var(--br-10);}
.br-16 {border-radius: var(--br-16);}
.br-20 {border-radius: var(--br-20);}
.br-full {border-radius: 100%;}

/*Border*/
.brd {border: 1px solid var(--gray);}
.brd-dark {border: 1px solid var(--gray-dark);}
.brd-b {border-bottom: 1px solid var(--gray);}
.brd-t {border-top: 1px solid var(--gray);}

/*Box shadow*/
.b-sh {box-shadow: 2px 4px 10px rgba(0,0,0,.2);}
.b-sh-dark {box-shadow: 2px 4px 10px rgba(0,0,0,.3);}
.no-touchevents .b-sh-hover:hover .b-sh,
.no-touchevents .b-sh-hover.b-sh:hover {box-shadow: 2px 4px 16px rgba(0,0,0,.3);}
.no-touchevents .b-sh-hover:hover .b-sh-dark,
.no-touchevents .b-sh-hover.b-sh-dark:hover {box-shadow: 2px 4px 16px rgba(0,0,0,.4);}


/*====================================================
   Easing
====================================================*/
.easing {transition: all var(--easing);}
.easing-slow {transition: all var(--easing-slow);}
.easing-x-slow {transition: all var(--easing-extra-slow);}
.touchevents .easing.touch-unset {transition: unset;}
   .easing:before, .easing:after,
   .easing-slow:before, .easing-slow:after,
   .easing-x-slow:before, .easing-x-slow:after {transition: inherit;}


/*====================================================
   Spacing
====================================================*/
.m-0 {margin: 0;}
.mt-0 {margin-top: 0;}
.mb-0 {margin-bottom: 0;}
.ml-0 {margin-left: 0;}
.mr-0 {margin-right: 0;}
.m-auto {margin: auto;}
.m-1 {margin: var(--margin-1);}
.m-2 {margin: var(--margin-2);}
.m-3 {margin: var(--margin-3);}
.m-4 {margin: var(--margin-4);}
.m-5 {margin: var(--margin-5);}
.m-6 {margin: var(--margin-6);}
.mx-1 {margin-right: var(--margin-1); margin-left: var(--margin-1);}
.mx-2 {margin-right: var(--margin-2); margin-left: var(--margin-2);}
.mx-3 {margin-right: var(--margin-3); margin-left: var(--margin-3);}
.mx-4 {margin-right: var(--margin-4); margin-left: var(--margin-4);}
.mx-5 {margin-right: var(--margin-5); margin-left: var(--margin-5);}
.mx-6 {margin-right: var(--margin-6); margin-left: var(--margin-6);}
.my-1 {margin-top: var(--margin-1); margin-bottom: var(--margin-1);}
.my-2 {margin-top: var(--margin-2); margin-bottom: var(--margin-2);}
.my-3 {margin-top: var(--margin-3); margin-bottom: var(--margin-3);}
.my-4 {margin-top: var(--margin-4); margin-bottom: var(--margin-4);}
.my-5 {margin-top: var(--margin-5); margin-bottom: var(--margin-5);}
.my-6 {margin-top: var(--margin-6); margin-bottom: var(--margin-6);}
.mt-1 {margin-top: var(--margin-1);}
.mt-2 {margin-top: var(--margin-2);}
.mt-3 {margin-top: var(--margin-3);}
.mt-4 {margin-top: var(--margin-4);}
.mt-5 {margin-top: var(--margin-5);}
.mt-6 {margin-top: var(--margin-6);}
.mb-1 {margin-bottom: var(--margin-1);}
.mb-2 {margin-bottom: var(--margin-2);}
.mb-3 {margin-bottom: var(--margin-3);}
.mb-4 {margin-bottom: var(--margin-4);}
.mb-5 {margin-bottom: var(--margin-5);}
.mb-6 {margin-bottom: var(--margin-6);}
.ml-1 {margin-left: var(--margin-1);}
.ml-2 {margin-left: var(--margin-2);}
.ml-3 {margin-left: var(--margin-3);}
.ml-4 {margin-left: var(--margin-4);}
.ml-5 {margin-left: var(--margin-5);}
.ml-6 {margin-left: var(--margin-6);}
.mr-1 {margin-right: var(--margin-1);}
.mr-2 {margin-right: var(--margin-2);}
.mr-3 {margin-right: var(--margin-3);}
.mr-4 {margin-right: var(--margin-4);}
.mr-5 {margin-right: var(--margin-5);}
.mr-6 {margin-right: var(--margin-6);}

.m-20 {margin: 20px;}
.mx-20 {margin-left: 20px; margin-right: 20px;}
.my-20 {margin-top: 20px; margin-bottom: 20px;}
.mb-20 {margin-bottom: 20px;}
.mt-20 {margin-top: 20px;}

@media screen and (min-width: 1200px) {
   .mb-xl-0 {margin-bottom: 0;} 
}
@media screen and (min-width: 768px) {
   .mb-md-0 {margin-bottom: 0;}
}
@media screen and (min-width: 481px) {
   .mb-sm-0 {margin-bottom: 0;}
}
@media screen and (max-width: 767px) {
   .mt-sm-0 {padding-top: 0;}
   .mb-sm-0 {padding-bottom: 0;}
} 
@media screen and (max-width: 991px) and (orientation: landscape) {
   .mt-sm-0 {padding-top: 0;}
   .mb-sm-0 {padding-bottom: 0;}
}

.m-beyond {margin-left: calc(var(--padding-inner) * -1); margin-right: calc(var(--padding-inner) * -1);}

@media all and (max-width: 1199px) {
   .m-md-beyond {margin-left: calc(var(--padding-inner) * -1); margin-right: calc(var(--padding-inner) * -1); border-radius: 0;}
      .m-md-beyond img {border-radius: 0;}
}
@media all and (max-width: 767px) {
   .m-sm-beyond {margin-left: calc(var(--padding-inner) * -1); margin-right: calc(var(--padding-inner) * -1); border-radius: 0;}
      .m-sm-beyond img {border-radius: 0;}
}
@media all and (max-width: 480px) {
   .m-xs-beyond {margin-left: calc(var(--padding-inner) * -1); margin-right: calc(var(--padding-inner) * -1); border-radius: 0;}
      .m-xs-beyond img {border-radius: 0;}
}
@media screen and (max-width: 991px) and (orientation: landscape) {
   .m-xs-beyond,
   .m-sm-beyond {margin-left: calc(var(--padding-inner) * -1); margin-right: calc(var(--padding-inner) * -1); border-radius: 0;}
      .m-xs-beyond img,
      .m-sm-beyond img {border-radius: 0;}
}

.p-0 {padding: 0;}
.pt-0 {padding-top: 0;}
.pb-0 {padding-bottom: 0;}
.pl-0 {padding-left: 0;}
.pr-0 {padding-right: 0;}
.p-1 {padding: var(--padding-1);}
.p-2 {padding: var(--padding-2);}
.p-3 {padding: var(--padding-3);}
.p-4 {padding: var(--padding-4);}
.p-5 {padding: var(--padding-5);}
.p-6 {padding: var(--padding-6);}
.px-1 {padding-right: var(--padding-1); padding-left: var(--padding-1);}
.px-2 {padding-right: var(--padding-2); padding-left: var(--padding-2);}
.px-3 {padding-right: var(--padding-3); padding-left: var(--padding-3);}
.px-4 {padding-right: var(--padding-4); padding-left: var(--padding-4);}
.px-5 {padding-right: var(--padding-5); padding-left: var(--padding-5);}
.px-6 {padding-right: var(--padding-6); padding-left: var(--padding-6);}
.py-1 {padding-top: var(--padding-1); padding-bottom: var(--padding-1);}
.py-2 {padding-top: var(--padding-2); padding-bottom: var(--padding-2);}
.py-3 {padding-top: var(--padding-3); padding-bottom: var(--padding-3);}
.py-4 {padding-top: var(--padding-4); padding-bottom: var(--padding-4);}
.py-5 {padding-top: var(--padding-5); padding-bottom: var(--padding-5);}
.py-6 {padding-top: var(--padding-6); padding-bottom: var(--padding-6);}
.pt-1 {padding-top: var(--padding-1);}
.pt-2 {padding-top: var(--padding-2);}
.pt-3 {padding-top: var(--padding-3);}
.pt-4 {padding-top: var(--padding-4);}
.pt-5 {padding-top: var(--padding-5);}
.pt-6 {padding-top: var(--padding-6);}
.pb-1 {padding-bottom: var(--padding-1);}
.pb-2 {padding-bottom: var(--padding-2);}
.pb-3 {padding-bottom: var(--padding-3);}
.pb-4 {padding-bottom: var(--padding-4);}
.pb-5 {padding-bottom: var(--padding-5);}
.pb-6 {padding-bottom: var(--padding-6);}
.pl-1 {padding-left: var(--padding-1);}
.pl-2 {padding-left: var(--padding-2);}
.pl-3 {padding-left: var(--padding-3);}
.pl-4 {padding-left: var(--padding-4);}
.pl-5 {padding-left: var(--padding-5);}
.pl-6 {padding-left: var(--padding-6);}
.pr-1 {padding-right: var(--padding-1);}
.pr-2 {padding-right: var(--padding-2);}
.pr-3 {padding-right: var(--padding-3);}
.pr-4 {padding-right: var(--padding-4);}
.pr-5 {padding-right: var(--padding-5);}
.pr-6 {padding-right: var(--padding-6);}

.p-20 {padding: 20px;}
.px-20 {padding-left: 20px; padding-right: 20px;}
.py-20 {padding-top: 20px; padding-bottom: 20px;}

@media screen and (max-width: 767px) {
   .pt-sm-0 {padding-top: 0;}
   .pb-sm-0 {padding-bottom: 0;}
} 
@media screen and (max-width: 991px) and (orientation: landscape) {
   .pt-sm-0 {padding-top: 0;}
   .pb-sm-0 {padding-bottom: 0;}
}


/*====================================================
   Grid & Flex
====================================================*/
.grid {display: grid;}

.flex {display: flex; flex-wrap: wrap;} 
.flex-inline {display: inline-flex;}
.flex-col {flex-direction: column;}
.flex-nowrap {flex-wrap: nowrap;}
.flex-1 {flex: 1 0 auto;}

@media screen and (min-width: 375px) {
   .flex-no-xxs {display: flex;}
}
@media screen and (min-width: 481px) {
   .flex-sm {display: flex;}
   .grid-sm {display: grid;}
}
@media screen and (min-width: 768px) {
   .flex-md {display: flex;}
   .grid-md {display: grid;}
}
@media screen and (min-width: 992px) {
   .flex-lg {display: flex;}
   .grid-lg {display: grid;}
}
@media screen and (min-width: 1200px) {
   .flex-xl {display: flex;}
   .grid-xl {display: grid;}
}
@media screen and (min-width: 667px) and (max-width: 991px) and (orientation: landscape) {
   .flex-ls {display: flex;}
   .grid-ls {display: grid;}
   .flex-no-ls {display: block;}
}
@media screen and (max-width: 1199px) {
   .flex-no-xl {display: flex;}
}

/*vertical*/
.y-start {align-items: start;}
.y-end {align-items: end;}
.y-middle {align-items: center;}/*flex--middle*/
.y-stretch {align-items: stretch;}
.y-between {align-content: space-between;}

/*horizontal all*/
.x-start {justify-content: start;}
.x-end {justify-content: end;}
.x-center {justify-content: center;}/*flex--center*/
.x-stretch {justify-content: stretch;}
.x-between {justify-content: space-between;}/*flex--justify*/
.x-around {justify-content: space-around;}
.x-evenly {justify-content: space-evenly;}

@media screen and (min-width: 1200px) {
   .x-xl-start {justify-content: start;}
}

/*horizontal (only grid)*/
.x-g-start {justify-items: start;}
.x-g-end {justify-items: end;}
.x-g-center {justify-items: center;}
.x-g-stretch {justify-items: stretch;}

/*gap*/
.gap-20 {gap: 20px;}
.col-gap-20 {gap: 0 20px;}
.row-gap-20 {gap: 20px 0;}
.gap-1 {gap: var(--gap-1);}
.gap-2 {gap: var(--gap-2);}
.gap-3 {gap: var(--gap-3);}
.col-gap-1 {column-gap: var(--col-gap-1);}
.col-gap-2 {column-gap: var(--col-gap-2);}
.col-gap-3 {column-gap: var(--col-gap-3);}
.col-gap-4 {column-gap: var(--col-gap-4);}
.row-gap-1 {row-gap: var(--row-gap-1);}
.row-gap-2 {row-gap: var(--row-gap-2);}
.row-gap-3 {row-gap: var(--row-gap-3);}
.row-gap-4 {row-gap: var(--row-gap-4);}

/*columns grid*/
.col {min-width: 0;}
.rows-col-2 {grid-template-columns: repeat(5,1fr);}
.rows-col-3 {grid-template-columns: repeat(4,1fr);}
.rows-col-4 {grid-template-columns: repeat(3,1fr);}
.rows-col-6 {grid-template-columns: repeat(2,1fr);}
.grid-auto.rows-col-2 {grid-template-columns: repeat(5,auto);}
.grid-auto.rows-col-3 {grid-template-columns: repeat(4,auto);}
.grid-auto.rows-col-4 {grid-template-columns: repeat(3,auto);}
.grid-auto.rows-col-6 {grid-template-columns: repeat(2,auto);}

@media (min-width: 481px) {
   .rows-col-sm-2 {grid-template-columns: repeat(5,1fr);}
   .rows-col-sm-3 {grid-template-columns: repeat(4,1fr);}
   .rows-col-sm-4 {grid-template-columns: repeat(3,1fr);}
   .rows-col-sm-6 {grid-template-columns: repeat(2,1fr);}
}
@media (min-width: 768px) {
   .rows-col-md-2 {grid-template-columns: repeat(5,1fr);}
   .rows-col-md-3 {grid-template-columns: repeat(4,1fr);}
   .rows-col-md-4 {grid-template-columns: repeat(3,1fr);}
   .rows-col-md-6 {grid-template-columns: repeat(2,1fr);}
}
@media (min-width: 992px) {
   .rows-col-lg-2 {grid-template-columns: repeat(5,1fr);}
   .rows-col-lg-3 {grid-template-columns: repeat(4,1fr);}
   .rows-col-lg-4 {grid-template-columns: repeat(3,1fr);}
   .rows-col-lg-6 {grid-template-columns: repeat(2,1fr);}
}
@media (min-width: 1200px) {
   .rows-col-xl-2 {grid-template-columns: repeat(5,1fr);}
   .rows-col-xl-3 {grid-template-columns: repeat(4,1fr);}
   .rows-col-xl-4 {grid-template-columns: repeat(3,1fr);}
   .rows-col-xl-6 {grid-template-columns: repeat(2,1fr);}
}
@media screen and (min-width: 1280px) {
   .rows-col-xl-auto {grid-template-columns: repeat(3, 360px);}
}
@media screen and (min-width: 1200px) and (max-width: 1279px) {
   .rows-col-xl-auto {grid-template-columns: repeat(2, 1fr);}
}
@media (max-width: 480px) {
   .rows-col-xs-2 {grid-template-columns: repeat(5,1fr);}
   .rows-col-xs-3 {grid-template-columns: repeat(4,1fr);}
   .rows-col-xs-4 {grid-template-columns: repeat(3,1fr);}
   .rows-col-xs-6 {grid-template-columns: repeat(2,1fr);}
}
@media screen and (min-width: 667px) and (max-width: 991px) and (orientation: landscape) {
   .rows-col-ls-2 {grid-template-columns: repeat(5,1fr);}
   .rows-col-ls-3 {grid-template-columns: repeat(4,1fr);}
   .rows-col-ls-4 {grid-template-columns: repeat(3,1fr);}
   .rows-col-ls-6 {grid-template-columns: repeat(2,1fr);}
}

/*columns flex*/
.col-auto {width: auto;}
.col-1 {width: 8.33333333%;}
.col-2 {width: 20%;}
.col-3 {width: 25%;}
.col-4 {width: 33.33333333%;}
.col-5 {width: 41.66666667%;}
.col-6 {width: 50%;}
.col-7 {width: 58.33333333%;}
.col-8 {width: 66.66666667%;}
.col-9 {width: 75%;}
.col-10 {width: 83.33333333%;}
.col-11 {width: 91.66666667%;}
.col-12 {width: 100%;}

@media (min-width: 481px) {
   .col-sm-1 {width: 8.33333333%;}
   .col-sm-2 {width: 20%;}
   .col-sm-3 {width: 25%;}
   .col-sm-4 {width: 33.33333333%;}
   .col-sm-5 {width: 41.66666667%;}
   .col-sm-6 {width: 50%;}
   .col-sm-7 {width: 58.33333333%;}
   .col-sm-8 {width: 66.66666667%;}
   .col-sm-9 {width: 75%;}
   .col-sm-10 {width: 83.33333333%;}
   .col-sm-11 {width: 91.66666667%;}
   .col-sm-12 {width: 100%;}
}
@media (min-width: 768px) {
   .col-md-1 {width: 8.33333333%;}
   .col-md-2 {width: 20%;}
   .col-md-3 {width: 25%;}
   .col-md-4 {width: 33.33333333%;}
   .col-md-5 {width: 41.66666667%;}
   .col-md-6 {width: 50%;}
   .col-md-7 {width: 58.33333333%;}
   .col-md-8 {width: 66.66666667%;}
   .col-md-9 {width: 75%;}
   .col-md-10 {width: 83.33333333%;}
   .col-md-11 {width: 91.66666667%;}
   .col-md-12 {width: 100%;}
}
@media (min-width: 992px) {
   .col-lg-1 {width: 8.33333333%;}
   .col-lg-2 {width: 20%;}
   .col-lg-3 {width: 25%;}
   .col-lg-4 {width: 33.33333333%;}
   .col-lg-5 {width: 41.66666667%;}
   .col-lg-6 {width: 50%;}
   .col-lg-7 {width: 58.33333333%;}
   .col-lg-8 {width: 66.66666667%;}
   .col-lg-9 {width: 75%;}
   .col-lg-10 {width: 83.33333333%;}
   .col-lg-11 {width: 91.66666667%;}
   .col-lg-12 {width: 100%;}
}
@media (min-width: 1200px) {
   .col-xl-1 {width: 8.33333333%;}
   .col-xl-2 {width: 20%;}
   .col-xl-3 {width: 25%;}
   .col-xl-4 {width: 33.33333333%;}
   .col-xl-5 {width: 41.66666667%;}
   .col-xl-6 {width: 50%;}
   .col-xl-7 {width: 58.33333333%;}
   .col-xl-8 {width: 66.66666667%;}
   .col-xl-9 {width: 75%;}
   .col-xl-10 {width: 83.33333333%;}
   .col-xl-11 {width: 91.66666667%;}
   .col-xl-12 {width: 100%;}
}
@media screen and (min-width: 667px) and (max-width: 991px) and (orientation: landscape) {
   .col-ls-1 {width: 8.33333333%;}
   .col-ls-2 {width: 20%;}
   .col-ls-3 {width: 25%;}
   .col-ls-4 {width: 33.33333333%;}
   .col-ls-5 {width: 41.66666667%;}
   .col-ls-6 {width: 50%;}
   .col-ls-7 {width: 58.33333333%;}
   .col-ls-8 {width: 66.66666667%;}
   .col-ls-9 {width: 75%;}
   .col-ls-10 {width: 83.33333333%;}
   .col-ls-11 {width: 91.66666667%;}
   .col-ls-12 {width: 100%;}
}


/*====================================================
   Svg
====================================================*/
.svg-icon {position: relative; display: inline-flex; flex-wrap: nowrap; align-items: center; gap: 1em;}
a.svg-icon {text-decoration: none;}
a.svg-icon:hover {color: var(--blue);}
.btn.svg-icon:hover {color: #fff;}
   .svg-icon__image {flex: 1 0 auto;}
      svg {max-width: 100%; height: auto; vertical-align: top;}
      a.svg-icon img,
      a.svg-icon svg {transition: all var(--easing);}
      .touchevents a.svg-icon img,
      .touchevents a.svg-icon svg {transition: unset;}
         .svg-fill, .svg-stroke {transition: all var(--easing);}
         .svg-fill {fill: var(--anthracite);}
         .svg-stroke {stroke: var(--anthracite);}
         .svg-fill--red {fill: var(--red);}
         .link-color .svg-fill {fill: var(--blue);}
         .link-color .svg-stroke {stroke: var(--blue);}
         .touchevents .svg-fill, .touchevents .svg-stroke {transition: unset;}
         a.svg-icon:hover .svg-fill {fill: var(--blue);}
         a.svg-icon:hover .svg-stroke {stroke: var(--blue);}
         .btn.svg-icon .svg-fill,
         .btn.svg-icon:hover .svg-fill {fill: #fff;}
         .btn.svg-icon .svg-stroke,
         .btn.svg-icon:hover .svg-stroke {stroke: #fff;}

/*download link*/
.link-document.svg-icon {align-items: start;}
   .link-document.svg-icon .svg-icon__image {top: -3px; position: relative;}
      .no-touchevents .link-document.svg-icon .svg-fill {transition: fill var(--easing);}
      .link-document.is-download .link-document__image {opacity: 0;}
      .link-document.svg-icon .link-document__preloader {transition: unset;}
      .link-document__preloader {width: 20px; height: 20px; position: absolute; top: 0; left: 0; opacity: 0;}
      .link-document.is-download .link-document__preloader {opacity: 1;}
         .link-document__preloader .spinner {transform-origin: center;}
         .link-document.is-download .link-document__preloader .spinner {animation: spinner 2s linear infinite;}
         .link-document__preloader .spinner circle {stroke-linecap: round;}
         .link-document.is-download .link-document__preloader .spinner circle {animation: spinner_circle 1.5s ease-in-out infinite;}

@keyframes spinner{100%{transform:rotate(360deg)}}
@keyframes spinner_circle{
   0%{stroke-dasharray:0 150;stroke-dashoffset:0}
   47.5%{stroke-dasharray:42 150;stroke-dashoffset:-16}
   95%,100%{stroke-dasharray:42 150;stroke-dashoffset:-59}
}

/*stub text variant*/
/*.link-document.is-download,
.link-document.is-download:hover {color: var(--red);}
   .link-document .svg-icon__text {position: relative;}
   .link-document .svg-icon__text span {display: inline-block; transition: opacity var(--easing), transform var(--easing);}
   .link-document.is-download svg,
   .link-document.is-download:hover svg {fill: var(--red);}
   .link-document__stub {position: absolute; top: 0; left: 0; opacity: 0; transform: translateY(-50%);}
      .link-document.is-download .link-document__stub {opacity: 1; transform: translateY(0);}
      .link-document.is-download .link-document__name {opacity: 0; transform: translateY(50%);}*/


/*====================================================
   Arrows
====================================================*/
.arrow {position: relative;}
   .arrow:before, 
   .arrow:after {content: ''; position: absolute; background: var(--anthracite); transition: background var(--easing);}
   .arrow-hover:hover .arrow:before,
   .arrow-hover:hover .arrow:after {background: var(--red);}
   .bg-gray-light.arrow-hover:hover .arrow:before, 
   .bg-gray-light.arrow-hover:hover .arrow:after,
   .bg-blue .arrow:before, 
   .bg-blue .arrow:after {background: #FFF;}
   .touchevents .arrow:before,
   .touchevents .arrow:after {transition: unset;}

/*arrow--y*/
.arrow--y.arrow--large {width: 19px; height: 12px;}
.arrow--y.arrow--small {width: 12px; height: 8px;}
   .arrow--y:before,
   .arrow--y:after {top: 0; width: 1px;}
   .arrow--y.arrow--small:before, 
   .arrow--y.arrow--small:after {height: 8px;}
   .arrow--y.arrow--small:before {left: 3px;}
   .arrow--y.arrow--small:after {right: 3px;}
   .arrow--y.arrow--large:before, 
   .arrow--y.arrow--large:after {height: 12px;}
   .arrow--y.arrow--large:before {left: 5px;}
   .arrow--y.arrow--large:after {right: 5px;}
   .arrow--down:before {transform: rotate(-45deg);}
   .arrow--down:after {transform: rotate(45deg);}
   .arrow--up:before {transform: rotate(45deg);}
   .arrow--up:after {transform: rotate(-45deg);}

/*arrow--x*/
.arrow--x {width: 12px;}
.arrow--x.arrow--large {height: 20px;}
.arrow--x.arrow--small {height: 14px;}
   .arrow--x:before, 
   .arrow--x:after {height: 1px;}
   .arrow--x.arrow--small:before, 
   .arrow--x.arrow--small:after {width: 12px;}
   .arrow--x.arrow--small:before {top: 3px;}
   .arrow--x.arrow--small:after {bottom: 3px;}
   .arrow--left.arrow--small:before {transform: rotate(-36deg);}
   .arrow--left.arrow--small:after {transform: rotate(36deg);}
   .arrow--right.arrow--small:before {transform: rotate(36deg);}
   .arrow--right.arrow--small:after {transform: rotate(-36deg);}
   .arrow--x.arrow--large:before, 
   .arrow--x.arrow--large:after {width: 13px;}
   .arrow--x.arrow--large:before {top: 5px;}
   .arrow--x.arrow--large:after {bottom: 5px;}
   .arrow--left.arrow--large:before {transform: rotate(-45deg);}
   .arrow--left.arrow--large:after {transform: rotate(45deg);}
   .arrow--right.arrow--large:before {transform: rotate(45deg);}
   .arrow--right.arrow--large:after {transform: rotate(-45deg);}

/*====================================================
   Buttons
====================================================*/
.btn,
.btn-status {display: inline-flex; flex-wrap: nowrap; align-items: center; justify-content: center; gap: 13px; width: auto; max-width: 100%; min-height: 37px; padding: 8px 16px; border-radius: 2em; background: var(--anthracite); text-align: center; font-family: var(--font-regular); font-size: 14px; line-height: 1.2; color: #FFF; transition: all var(--easing); position: relative; cursor: pointer; overflow: hidden;}
.btn-status {cursor: default;}
a.btn {text-decoration: none;}
.btn:hover {background: var(--anthracite-light);}
.btn--full {width: 100%;}
.btn--fix {width: 200px;}
.btn--small,
.btn-status {min-height: 25px; padding: 4px 8px 5px;}
.btn--nowrap {white-space: nowrap;}
.btn--border,
.btn-status {border: 1px solid var(--gray-dark); background: transparent; color: var(--black); padding: 3px 8px 4px;}
.btn--border:hover {background: var(--anthracite-light); border-color: var(--anthracite-light); color: #FFF;}
.btn.is-disabled {background: var(--gray-dark); pointer-events: none; cursor: default;}
.touchevents .btn {transition: unset;}
   .btn span.ripple {position: absolute; width: 0; height: 0; border-radius: 100%; background: #FFF; opacity: 0.5;}

@media screen and (min-width: 768px) {
   .btn--icon {font-size: 21px; padding-right: 40px;}
   .btn--large {min-height: 57px; padding: 12px 25px 13px; font-family: var(--font-light); font-size: 24px;}
}
@media screen and (min-width: 1200px) {
   .btn--medium {min-height: 50px; padding: 8px 20px 10px; font-family: var(--font-light); font-size: 23px;}
}
@media screen and (max-width: 767px) {
   .btn {gap: 8px;}
   .btn--icon {min-height: 25px; padding: 4px 8px;}
      .btn svg, .btn img {max-width: 14px;}
}
@media screen and (max-width: 991px) and (orientation: landscape) {
   .btn {gap: 8px;}
   .btn--large {min-height: 37px; padding: 8px 16px; font-size: 14px;}
   .btn--icon {min-height: 25px; padding: 4px 8px;}
      .btn svg, .btn img {max-width: 14px;}
}
/*@media screen and (max-width: 1199px) and (-webkit-min-device-pixel-ratio: 1.5),
      only screen and (min-device-pixel-ratio: 1.5){

   .btn {padding-bottom: 10px;}
   .btn--small {padding-bottom: 6px;}
   .btn--large {padding-bottom: 4px;}
   .btn--border {padding-bottom: 5px;}
}*/

/*btn-open, btn-close*/
.btn-open, .btn-close {display: block; width: 44px; height: 44px; border-radius: 100%; background: var(--anthracite); cursor: pointer; z-index: 2; transition: background var(--easing);}
.btn-close {position: absolute; top: 20px; right: 20px;}
a.btn-open,
a.btn-close {text-decoration: none;}
.btn-open:hover,
.btn-close:hover,
.btn-hover:hover .btn-open,
.btn-hover:hover .btn-close {background: var(--red);}
.touchevents .btn-open,
.touchevents .btn-close {transition: unset;}
   .btn-open:before, 
   .btn-open:after,
   .btn-close:before, 
   .btn-close:after {content: ''; position: absolute; top: 50%; left: 50%; background: #FFF;}
   .btn-open:before {width: 18px; height: 1px; margin-left: -9px;}
   .btn-open:after {width: 1px; height: 18px; margin-top: -9px;}
   .btn-close:before, .btn-close:after {margin-left: -10px; width: 20px; height: 1px;}
   .btn-close:before {transform: rotate(45deg);}
   .btn-close:after {transform: rotate(-45deg);}

@media screen and (max-width: 1199px) {
   .btn-open,
   .btn-close {width: 36px; height: 36px;}
      .btn-open:before {width: 17px; margin-left: -8px;}
      .btn-open:after {height: 17px; margin-top: -8px;}
      .btn-close:before, .btn-close:after {width: 17px; margin-left: -8px;}
}
@media screen and (max-width: 480px) {
   .btn-open,
   .btn-close {width: 30px; height: 30px;}
      .btn-open:before {width: 13px; margin-left: -6px;}
      .btn-open:after {height: 13px; margin-top: -6px;}
      .btn-close:before, .btn-close:after {width: 13px; margin-left: -6px;}
}
@media screen and (max-width: 991px) and (orientation: landscape) {
   .btn-open,
   .btn-close {width: 30px; height: 30px;}
      .btn-open:before {width: 13px; margin-left: -6px;}
      .btn-open:after {height: 13px; margin-top: -6px;}
      .btn-close:before, .btn-close:after {width: 13px; margin-left: -6px;}
}

/*btn-video*/
.btn-video {display: flex; align-items: center; justify-content: center; position: absolute; top: 50%; left: 50%; width: 76px; height: 76px; margin: -38px 0 0 -38px; border-radius: 100%; background: var(--gray-light); transition: background var(--easing), transform var(--easing-slow);}
.bg-gray-light .btn-video {background: #FFF;}
.btn-video.btn-video--small {width: 44px; height: 44px; margin: -22px 0 0 -22px;}
   .btn-video.btn-video--small:before {margin-left: 6px; border-left: 14px solid var(--red); border-top: 8px solid transparent; border-bottom: 8px solid transparent;}
.btn-video-hover:hover .btn-video {background: var(--red); transform: scale(1.2);}
   .btn-video:before {content: ''; display: block; margin-left: 8px; border-left: 20px solid var(--red); border-top: 12px solid transparent; border-bottom: 12px solid transparent; border-right: 0; transition: border-left-color var(--easing);}
   .btn-video-hover:hover .btn-video:before {border-left-color: #FFF;}
.btn-video-animate {position: absolute; top: 0; left: 0; width: 100%; height: 100%;}

@media screen and (min-width: 1200px) {
   .btn-video--large {width: 116px; height: 116px; margin: -58px 0 0 -58px;}
      .btn-video--large:before {margin-left: 12px; border-left: 30px solid var(--red); border-top: 20px solid transparent; border-bottom: 20px solid transparent;}
}
@media screen and (max-width: 1199px) {
   .btn-video.btn-video--small {width: 30px; height: 30px;}
      .btn-video.btn-video--small:before {margin-left: 4px; border-left-width: 10px; border-top-width: 6px; border-bottom-width: 6px;}
}
@media screen and (max-width: 480px) {
   .btn-video {width: 44px; height: 44px; margin: -22px 0 0 -22px;}
      .btn-video:before {margin-left: 6px; border-left: 14px solid var(--red); border-top: 8px solid transparent; border-bottom: 8px solid transparent;}
}
@media screen and (max-width: 991px) and (orientation: landscape) {
   .btn-video {width: 44px; height: 44px; margin: -22px 0 0 -22px;}
      .btn-video:before {margin-left: 6px; border-left: 14px solid var(--red); border-top: 8px solid transparent; border-bottom: 8px solid transparent;}
}


/*====================================================
   Form
====================================================*/
.form {
   --form-column: 154px; 
   --form-row: 68px; 
   --form-column-gap: 13px;
}

@media screen and (max-width: 374px) {
   .form {--form-column-gap: 10px;}
}
@media screen and (max-width: 666px) and (orientation: landscape) {
   .form {--form-column-gap: 10px;}
}

form {width: 100%;}
input:-moz-focus-inner {border: 0; padding: 0;}
input::-ms-clear {display: none;}
button:-moz-focus-inner {border: 0; padding: 0; outline: none;}
input:placeholder-shown {text-overflow: ellipsis;}
input[type="submit"], button {-webkit-appearance: none; user-select: none; -webkit-user-select: none; background: none; border: 0; border-radius: 0; font-weight: normal; cursor: pointer;}
input:invalid, textarea:invalid {box-shadow: none;}
input:-webkit-autofill {-webkit-box-shadow: inset 0 0 0 30px rgba(255,255,255,0) !important;-webkit-text-fill-color: #000 !important;color: inherit !important;}
.form__textinput, .form__textarea {display: block; width: 100%; height: 30px; background: #FFF; border: 1px solid var(--gray-dark); border-radius: var(--br-3); box-shadow: none; padding: 0 15px; font-family: var(--font-regular); font-size: 16px; line-height: 1; color: var(--black); position: relative; z-index: 1; -webkit-appearance: none;}
.form__textinput--time {width: 80px; field-sizing: content; text-align: center;}
.form__textarea {height: 100px; resize: none; padding: 15px;}
label.form__label {display: block; margin-bottom: 0.5em; font-size: 16px; color: inherit; line-height: 1;}
.form__legend {font-family: var(--font-medium); font-size: 26px; line-height: 1; margin-bottom: 0.5em;}
.form__legend--large {font-size: 32px;}

@media screen and (max-width: 767px) {
   .form__legend {font-size: 24px;}
   .form__legend--large {font-size: 26px;}
}
@media screen and (max-width: 480px) {
   .form__legend {font-size: 20px;}
   .form__legend--large {font-size: 24px;}
   .form__textinput, .form__textarea {font-size: 14px;}
}
@media screen and (max-width: 991px) and (orientation: landscape) {
   .form__legend {font-size: 20px;}
   .form__legend--large {font-size: 24px;}
   .form__textinput, .form__textarea {font-size: 14px;}
}

/*disappearing placeholder*/
input::-webkit-input-placeholder {color: var(--gray-dark); opacity: 1;}
input::-moz-placeholder {color: var(--gray-dark); opacity: 1;}
input:-moz-placeholder {color: var(--gray-dark); opacity: 1;}
input:-ms-input-placeholder {color: var(--gray-dark); opacity: 1;}
input:focus::-webkit-input-placeholder {opacity: 0;}
input:focus::-moz-placeholder {opacity: 0;}
input:focus:-moz-placeholder {opacity: 0;}
input:focus:-ms-input-placeholder {opacity: 0;}
textarea::-webkit-input-placeholder {color: var(--gray-dark); opacity: 1;}
textarea::-moz-placeholder {color: var(--gray-dark); opacity: 1;}
textarea:-moz-placeholder {color: var(--gray-dark); opacity: 1;}
textarea:-ms-input-placeholder {color: var(--gray-dark); opacity: 1;}
textarea:focus::-webkit-input-placeholder {opacity: 0;}
textarea:focus::-moz-placeholder {opacity: 0;}
textarea:focus:-moz-placeholder {opacity: 0;}
textarea:focus:-ms-input-placeholder {opacity: 0;}

/*select*/
.jq-selectbox {position: relative; z-index: 3; width: 100%; height: 30px;}
   .jq-selectbox select {position: absolute; top: 0; left: 0; width: 100%; height: 100%; margin: 0; padding: 0; opacity: 0; z-index: -1;}
   .jq-selectbox__select {width: 100%; height: 100%; padding: 0 40px 0 15px; background: #FFF; border: 1px solid var(--gray-dark); border-radius: var(--br-3); cursor: pointer;}
      .jq-selectbox__select-text {overflow: hidden; text-overflow: ellipsis; white-space: nowrap; line-height: 28px; color: var(--gray-dark);}
      .jq-selectbox.changed .jq-selectbox__select-text {color: var(--black);}
      .jq-selectbox__dropdown {width: 100%; background: #FFF; box-shadow: 0 3px 5px 0px rgba(0, 0, 0, 0.15); border-radius: 0 0 3px 3px; color: var(--black); transition: all var(--easing);}
         .jq-selectbox__dropdown ul {padding: 20px 0; margin: 0; max-height: 320px; overflow: auto; scroll-behavior: auto;}
            .jq-selectbox__dropdown ul li {list-style: none; padding: 5px 15px; margin: 0; cursor: pointer; color: var(--black);}
            .jq-selectbox__dropdown ul li.disabled {display: none;}
            .jq-selectbox__dropdown ul li:hover, .jq-selectbox__dropdown ul li.selected {background: var(--gray);}
               .jq-selectbox__dropdown ul li:before {display: none;}
      .jq-selectbox__trigger {position: absolute; top: 0; right: 20px; height: 100%;}
         .jq-selectbox__trigger-arrow {position: absolute; top: 0; right: 0; height: 100%; transition: all var(--easing);}
         .jq-selectbox.opened .jq-selectbox__trigger-arrow {transform: rotateX(180deg);}
            .jq-selectbox__trigger-arrow:before, .jq-selectbox__trigger-arrow:after {content: ''; display: block; position: absolute; top: 50%; left: 50%; width: 2px; height: 10px; background: var(--gray-dark);}
            .jq-selectbox__trigger-arrow:before {margin: -4px 0 0 -4px; transform: rotate(-48deg);}
            .jq-selectbox__trigger-arrow:after {margin: -4px 0 0 3px; transform: rotate(48deg);}

/*checkbox input*/
.form__field .checkbox + .checkbox {margin-top: var(--form-column-gap);}
.form__field.grid .checkbox + .checkbox,
.form__field.flex-nowrap .checkbox + .checkbox {margin: 0;}
   .checkbox input[type="checkbox"] {opacity: 0; position: absolute;}
   .checkbox__label {display: inline-flex; flex-wrap: nowrap; align-items: start; gap: 10px; cursor: pointer;}
      .checkbox__text {font-size: 14px; line-height: 1.2;}
      .checkbox__decor {display: flex; justify-content: center; align-items: center; flex: 0 0 auto; width: 13px; height: 13px; top: 2px; background: #FFF; border: 1px solid var(--anthracite); border-radius: var(--br-3); position: relative;}
      .checkbox input[type="checkbox"]:checked ~ .checkbox__decor {background: var(--anthracite);}
         .checkbox__decor:after {content: ''; display: block; position: relative; z-index: 2; width: 9px; height: 9px; background: url('../i/checkbox.svg') 0 0 / contain no-repeat; opacity: 0; transform: scale(0); transition: all var(--easing); }
         .checkbox input[type="checkbox"]:checked ~ .checkbox__decor:after {opacity: 1; transform: scale(1);}

/*radio input*/
.form__field .radio + .radio {margin-top: var(--form-column-gap);}
.form__field.grid .radio + .radio,
.form__field.flex-nowrap .radio + .radio {margin: 0;}
   .radio input[type="radio"] {opacity: 0; position: absolute;}
   .radio__label {display: inline-flex; flex-wrap: nowrap; align-items: start; gap: var(--form-column-gap); cursor: pointer;}
   .radio--border .radio__label {width: 100%; align-items: center; padding: var(--form-column-gap); max-width: 100%; height: 100%; min-height: var(--form-row);}
      .radio__text {font-size: 14px; line-height: 1.2;}
      .radio__decor {display: flex; justify-content: center; align-items: center; flex: 0 0 auto; width: 18px; height: 18px; background: #FFF; border: 1px solid var(--black); border-radius: 100%; position: relative;}
         .radio__decor:after {content: ''; display: block; position: relative; z-index: 2; width: 8px; height: 8px; background: var(--black); border-radius: 100%; opacity: 0; transform: scale(0); transition: all var(--easing);}
         .radio input[type=radio]:checked + .radio__decor:after {opacity: 1; transform: scale(1);}

/*file input*/
input[type="file"] {position: absolute; top: 0; right: 0; width: 100%; height: 100%; opacity: 0; margin: 0; padding: 0;}
.jq-file {display: inline-flex; position: relative;}
   .jq-file__name {text-decoration: underline; text-decoration-skip-ink: none; text-decoration-thickness: 0.085em; text-underline-offset: 0.3em; transition: all var(--easing);}
   .jq-file__name:hover {color: var(--blue);}

/*form__timepicker*/
.timepicker-list {gap: 10px; padding-bottom: 15px;}
   .timepicker-list .btn.is-active {background: var(--blue);}

/*fields*/
.form__field {margin-bottom: 20px; position: relative;}
.form__field:last-child {margin-bottom: 0;}
.form__fieldset.grid .form__field {margin-bottom: 0;}
.form__note {font-size: 14px;}
.form__field.grid {gap: var(--form-column-gap);}
.form__radio-scroll {max-height: 230px;}
.form__radio-scroll.simplebar-scrollable-y {padding-right: 20px;}
   .form__radio-scroll .simplebar-track.simplebar-vertical {top: 0; right: 0;}

@media screen and (min-width: 768px) {
   .form__field.grid.rows-col-6 {grid-template-columns: repeat(2,var(--form-column));}
   .form__field.grid.rows-col-md-3 {grid-template-columns: repeat(4,var(--form-column));}
   .form--cols .jq-selectbox,
   .form--cols .form__textarea,
   .form--cols .form__textinput,
   .form--cols .form__timepicker {width: calc(var(--form-column) * 2 + var(--form-column-gap));}
}
@media screen and (min-width: 481px) and (max-width: 767px) {
   .form--cols .jq-selectbox {width: calc(33.333% - var(--form-column-gap));}
}
@media screen and (max-width: 374px) {
   .form__radio-scroll {max-height: 224px;}
   .form__radio-scroll.simplebar-scrollable-y {padding-right: 13px;}
}
@media screen and (max-width: 666px) and (orientation: landscape) {
   .form__radio-scroll {max-height: 224px;}
   .form__radio-scroll.simplebar-scrollable-y {padding-right: 13px;}
}

/*validate errors*/
span.form__error {display: block; font-size: 13px; color: var(--red); padding-bottom: 5px;}


*:disabled {cursor: default;}
.a-n-t-i-s-p-a-m {display: none !important;}


/*====================================================
   .header
====================================================*/
.header {position: fixed; top: 0; left: 0; width: 100%; z-index: 20;}
   .header:before {content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: inherit; border-bottom: 1px solid var(--gray); z-index: 2;}
   .header__panel {height: var(--header-height); gap: 0 20px;}
   .touchevents .header.header--kp .header__panel {transition: unset !important;}
      .header__panel .inner {height: 100%;}
         .header__logo {position: relative; z-index: 3;}
         .header__hamburger {position: relative; z-index: 3;}
         .header--kp .header__hamburger {color: #FFF;}
            .hamburger {cursor: pointer; position: relative; gap: 0 10px;}
               .hamburger__in {width: 37px; height: 26px; position: relative;}
                  .hamburger__lines {position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
                     .hamburger__lines span {width: 100%; height: 3px; background: var(--anthracite); position: absolute; left: 0; transition: width 0.3s ease 0s;}
                     .header--kp .hamburger__lines span {background: #FFF;}
                     .hamburger__lines span:nth-child(1) {top: 0; transition-delay: .5s;}
                     .hamburger__lines span:nth-child(2) {top: 12px; transition-delay: .625s;}
                     .hamburger__lines span:nth-child(3) {top: 24px; transition-delay: .85s;}
                     .hamburger.is-active .hamburger__lines span {width: 0;}
                     .hamburger.is-active .hamburger__lines span:nth-child(1) {transition-delay: 0s;}
                     .hamburger.is-active .hamburger__lines span:nth-child(2) {transition-delay: .125s;}
                     .hamburger.is-active .hamburger__lines span:nth-child(3) {transition-delay: .35s;}
                  .hamburger__cross {position: absolute; top: -3px; right: 2px; width: 31px; height: 31px; transform: rotate(-45deg);}
                     .hamburger__cross span {position: absolute; background: var(--red); transition: all var(--easing);}
                     .hamburger__cross span:nth-child(1) {transition-delay: 0s; width: 3px; height: 0; top: 0; left: 14px;}
                     .hamburger__cross span:nth-child(2) {transition-delay:.25s; width: 0; height: 3px; top: 14px; left: 0;}
                     .hamburger.is-active .hamburger__cross span:nth-child(1) {transition-delay: .85s; height: 100%;}
                     .hamburger.is-active .hamburger__cross span:nth-child(2) {transition-delay: .625s; width: 100%;}
   .header__kp {position: relative; z-index: 2; height: var(--header-height);}
      .header__kp-inner {height: 100%; gap: 20px;}
         .header__accordion .accordion__header {gap: 10px; line-height: 1; text-align: left; padding: 0;;}
         .header__accordion .accordion__body {position: absolute; top: 100%; left: 0; width: 100%;}
            .header__accordion .accordion__height {padding-top: var(--padding-inner); padding-bottom: var(--padding-inner); font-size: 16px; text-align: left;}
   .header__menu {position: absolute; z-index: 1; top: 100%; left: 0; width: 100%; max-height: 100vh; overflow: auto; -webkit-overflow-scrolling: touch; visibility: hidden; transform: translateY(-100%); transition: transform 0.6s cubic-bezier(0.980, 0.005, 0.000, 0.995) 0s, visibility 0.6s cubic-bezier(0.980, 0.005, 0.000, 0.995) 0s;}
   .header__menu.is-visible {visibility: visible; transform: translateY(0);}
      .header__menu ul {grid-template-columns: auto auto auto; align-items: start; gap: 0;gap: 20px 40px; max-width: 850px; padding: 60px 0;}
         .header__menu ul li {font-family: var(--font-semibold); font-size: 14px; margin-bottom: 20px;}
            .header__menu .svg-icon__image {width: 26px; height: 26px;}
            .header__menu li.is-current .svg-icon {color: var(--blue);}
               .header__menu li.is-current .svg-icon .svg-fill {fill: var(--blue);}
               .header__menu li.is-current .svg-icon .svg-stroke {stroke: var(--blue);}
            .header__menu .svg-icon__text {position: relative;}
               .header__menu .events-count {right: -20px; top: -0.5em;}
         .header--kp .header__menu li a {color: #FFF;}
         .header--kp .header__menu li .svg-icon {color: #FFF;}
         .header--kp .header__menu li .svg-icon .svg-fill {fill: #FFF;}
         .header--kp .header__menu li .svg-icon .svg-stroke {stroke: #FFF;}
   .header__info {position: relative; z-index: 3; min-height: 55px; padding: 7px 0 10px;}
      .header__info .btn-close {top: 18px; background: none; width: 20px; height: 20px;}
         .header__info .btn-close:before, 
         .header__info .btn-close:after {background: var(--anthracite); transition: var(--esing);}
         .header__info .btn-close:hover:before, 
         .header__info .btn-close:hover:after {background: var(--red);}
      .header-info__text {padding: 0 25px; font-size: 14px;}

@media screen and (min-width: 481px) {
   .header__menu ul li {margin-bottom: 0;}
}
@media screen and (min-width: 1200px) {
   .container:has(.heading--showcase) .header:not(.fixed):before {border: 0;}
   .header__panel {transition: height 0.35s ease-in-out 0s;}
   .header.fixed .header__panel {height: 60px;}
      .header__logo {transition: transform 0.35s ease-in-out 0s;}
      .header.fixed .header__logo {transform: scale(0.65);}
      .header--kp.fixed .header__logo {transform: scale(1);}
      .header__kp {height: 60px;}
         .header__kp .accordion__header .accordion__toggle-arrow {top: 3px;}
}
@media screen and (max-width: 1199px) {
   .header-info__text {text-align: left; padding-left: 0; font-size: 13px;}
   .header__logo {width: 95px;}
   .header__accordion .accordion__header {gap: 5px;}
   .hamburger__in {height: 22px;}
      .hamburger__lines span {height: 2px;}
      .hamburger__lines span:nth-child(2) {top: 10px;}
      .hamburger__lines span:nth-child(3) {top: 20px;}
      .hamburger__cross {width: 30px; height: 30px;}
         .hamburger__cross span:nth-child(1) {width: 2px;}
         .hamburger__cross span:nth-child(2) {height: 2px;}
}
@media screen and (min-width: 481px) and (max-width: 767px) {
   .header__menu ul {grid-template-columns: auto auto; gap: 20px;}
}
@media screen and (max-width: 480px) {
   .header-info__text {font-size: 12px;}
   .header__logo {width: 62px;}
   .header__kp-inner {gap: 10px;}
      .header__accordion .accordion__height {font-size: 14px;}
   .hamburger {gap: 0 7px;}
      .hamburger__in {width: 24px; height: 18px;}
         .hamburger__text {font-size: 12px;}
         .hamburger__lines span:nth-child(2) {top: 8px;}
         .hamburger__lines span:nth-child(3) {top: 16px;}
         .hamburger__cross {width: 24px; height: 24px;}
            .hamburger__cross span:nth-child(1) {left: 11px;}
            .hamburger__cross span:nth-child(2) {top: 11px;}
      .header__menu {min-height: 100vh;}
         .header__menu ul {padding: 40px 0 80px;}
}
@media screen and (max-width: 991px) and (orientation: landscape) {
   .header-info__text {font-size: 12px;}
   .header__logo {width: 62px;}
   .header__kp-inner {gap: 10px;}
      .header__accordion .accordion__height {font-size: 14px;}
   .hamburger {gap: 0 7px;}
      .hamburger__in {width: 24px; height: 18px;}
         .hamburger__text {font-size: 12px;}
         .hamburger__lines span:nth-child(2) {top: 8px;}
         .hamburger__lines span:nth-child(3) {top: 16px;}
         .hamburger__cross {width: 24px; height: 24px;}
            .hamburger__cross span:nth-child(1) {left: 11px;}
            .hamburger__cross span:nth-child(2) {top: 11px;}
      .header__menu {min-height: 100vh;}
         .header__menu ul {padding: 40px 0 80px;}
}


/*====================================================
   .content
====================================================*/
.content {position: relative; padding-top: var(--header-height); min-width: 0;}

@media all and (min-width: 1200px) {
   .header--kp + .content {padding-top: 60px;}
}

/*.breadcrumbs*/
.breadcrumbs {padding-top: 15px; position: relative; z-index: 1;}
   .breadcrumbs li {display: inline; font-size: 13px; line-height: 1.12; text-transform: lowercase;}
      .breadcrumbs li:after {content: '/'; vertical-align: middle; margin: 0 -2px 0 4px; opacity: 0.8;}
      .breadcrumbs li:first-child:after {margin-left: 0;}
      .breadcrumbs li:last-child:after {display: none;}
      .breadcrumbs li a {display: inline-block; vertical-align: middle; text-decoration: none;}
      .breadcrumbs li a:hover {color: var(--blue); text-decoration: underline;}
      .breadcrumbs li svg {vertical-align: middle; margin-top: -4px;}
      .bg-black .breadcrumbs li a:not(:hover) svg {fill: #FFF;}
      .breadcrumbs li a:hover svg {fill: var(--blue);}

/*.double-block*/
.double-block {gap: clamp(40px,10vw,120px);}

@media all and (min-width: 1200px) {
   .double-block__text {flex: 0 1 55%; max-width: 645px;}
      .double-block.flex-xl h2 {margin-bottom: 0;}
   .double-block__note {flex: 0 1 45%;}
}
@media all and (min-width: 768px) {
   .double-block.flex-md h2 {margin-bottom: 0;}
   .double-block__link {flex: 0 1 45%; text-align: right;}
}
@media screen and (max-width: 1199px) {
   .double-block {gap: 40px; align-items: center;}
      .double-block__title {flex: 0 0 auto;}
}

/*unpaid*/
.is-unpaid {border: 1px solid var(--red);}

/*.events-count*/
.events-count {background: var(--red); border-radius: 100%; text-align: center;color: #FFF; position: absolute;}
.events-count--small {width: 16px; height: 16px; line-height: 17px; font-size: 11px; top: -6px; right: -6px;}
.events-count--large {width: 23px; height: 23px; line-height: 23px; font-size: 14px; top: -8px; right: -8px;}

/*.price*/
.price {white-space: nowrap; position: relative;}
.price-loader__dots {opacity: 0; position: absolute; bottom: 0; left: 3px; width: 60px; height: 0.7em;}
.price-loader.is-loading .price-loader__dots {opacity: 1;}
   .price-loader__dot {width: 6px; height: 6px; border-radius: 50%; background: var(--anthracite); transform: translate3d(-50%, -50%, 0) scale(1); animation: anim2 1s ease-in-out infinite;}
   .price-loader__dot:nth-child(2) {animation-delay: 0.1s;}
   .price-loader__dot:nth-child(3) {animation-delay: 0.2s;}
   .price-loader__dot:nth-child(4) {animation-delay: 0.3s;}
   .price-loader__dot:nth-child(5) {animation-delay: 0.4s;}
   .price-loader__dot:nth-child(6) {animation-delay: 0.5s;}
   .price-loader__text {height: 1em;}
   .price-loader.is-loading .price-loader__text {opacity: 0;}

@keyframes anim2 {
   0% {
      transform: translate3d(-50%, -50%, 0) scale(1);
   }
   20% {
      transform: translate3d(-50%, -50%, 0) scale(1.1);
   }
   40% {
      transform: translate3d(-50%, -50%, 0) scale(1);
      opacity: 0.5
   }
   80% {
      transform: translate3d(-50%, -50%, 0) scale(0.25);
      opacity: 0.5
   }
   100% {
      transform: translate3d(-50%, -50%, 0) scale(1);
   }
}

/*.notice*/
.notice {padding: 15px; border-radius: 8px; position: relative;}
   .notice__in {position: relative; z-index: 1;}
      .notice__in .flex {gap: 10px; margin-bottom: 15px;}
         .notice__icon {flex: 0 0 auto;}
   .notice__bg {position: absolute; bottom: max(calc(42% * -1), -60px); left: 55%; min-width: 124px; z-index: 0;}

/*.photoreport*/
.photoreport-slider.swiper {padding: 0 50px;}
   .photoreport-slider img {border-radius: var(--br-10);}

@media screen and (max-width: 480px) {
   .photoreport-slider.swiper {padding: 0 40px;}
}

/*.tooltip (OLD)*/
/*.tooltip-parent {position: relative;}
.tooltip {position: absolute; top: -14px; right: -14px; width: 19px; height: 19px; border-radius: 100%; text-decoration: none; cursor: pointer;}
   .tooltip:before {content: '?'; display: block; text-align: center; font-size: 13px; line-height: 19px; color: #FFF;}
   .tooltip__in {position: fixed; top: 50%; left: 50%; width: auto; max-width: 100%; border-radius: 6px; text-align: left; padding: 15px 20px; transform: translate3d(-50%,0%,0); z-index: 10; opacity: 0; visibility: hidden; transition: all var(--easing);}
   .tooltip.is-active .tooltip__in {opacity: 1; visibility: visible; transform: translate3d(-50%,-50%,0);}
      .tooltip__row {margin-bottom: 5px;}
      .tooltip__in ul li {padding-left: 10px;}
         .tooltip__in ul li:before {top: 0.55em; width: 4px; height: 4px; border-radius: 100%;}

@media screen and (max-width: 480px) {
   .tooltip__in {width: calc(100vw - var(--padding-inner) * 2);}
}*/

/*tooltip*/
.tooltip-parent {position: relative; justify-self: start; gap: 0 10px;}
   .tooltip {width: 26px; height: 26px; border-radius: 100%; cursor: pointer; z-index: 3; position: relative;}
      .tooltip:before {content: 'i'; display: block; text-align: center; font-size: 20px; color: #FFF;}
      .tooltip__in {position: absolute; bottom: 100%; margin-bottom: 20px; left: 50%; transform: translate3d(-50%,20px,0); z-index: 10; opacity: 0; visibility: hidden; transition: all var(--easing);}
      .tooltip.is-active .tooltip__in {opacity: 1; visibility: visible; transform: translate3d(-50%,0,0);}
         .tooltip__in:before,
         .tooltip__in:after {content: ''; position: absolute; left: 50%; top: 100%; margin-top: -1px; transform: translateZ(0);}
         .tooltip__in:before {border-top: 22px solid var(--gray-dark); border-left: 12px solid transparent; border-right: 12px solid transparent; margin-left: -12px;}
         .tooltip__in:after {border-top: 20px solid #FFF; border-left: 10px solid transparent; border-right: 10px solid transparent; margin-left: -10px;}
         .tooltip__content {width: 300px; max-width: 240px; padding: 20px; border-radius: 6px; border: 1px solid var(--gray-dark); font-size: 14px;}
            .tooltip__title {margin-bottom: 10px;}

@media screen and (max-width: 767px) {
   .tooltip__in {left: auto; right: -12px; transform: translate3d(0,20px,0);}
   .tooltip.is-active .tooltip__in {transform: translate3d(0,0,0);}
   .tooltip.badge .tooltip__in {bottom: auto; top: 100%; margin-bottom: 0; margin-top: 20px;}
      .tooltip__in:before,
      .tooltip__in:after {left: auto; margin-left: 0;}
      .tooltip__in:before {right: 13px;}
      .tooltip__in:after {right: 15px;}
      .tooltip__content {padding: 15px;}
}
@media screen and (max-width: 480px) {
   .tooltip__content {padding: 15px 10px;}
}
@media screen and (max-width: 991px) and (orientation: landscape) {
   .tooltip__content {padding: 15px 10px;}
}

/*.accordion*/
.accordion__header {position: relative; padding-right: 40px; cursor: pointer;}
   .accordion__toggle {position: absolute; top: 50%; right: 0; width: 32px; height: 32px; margin-top: -16px; border-radius: 100%; background: #FFF; border: 1px solid var(--black); transition: all var(--easing);}
   .accordion__toggle-arrow {transition: all var(--easing);}
   .no-touchevents .accordion__header:hover .accordion__toggle {border-color: var(--blue);}
   .accordion__header.is-active .accordion__toggle {transform: rotate(45deg);}
   .accordion__header.is-active .accordion__toggle-arrow {transform: rotate(-180deg);}
      .accordion__toggle:before, .accordion__toggle:after {content: ''; position: absolute; top: 50%; left: 50%;  background: var(--black); transition: all var(--easing);}
      .accordion__toggle:before {margin-left: -10px; width: 20px; height: 1px;}
      .accordion__toggle:after {margin-top: -10px; height: 20px; width: 1px;}
      .accordion__header.is-active .accordion__toggle:before, 
      .accordion__header.is-active .accordion__toggle:after {background: var(--red);}
      .no-touchevents .accordion__header:hover .accordion__toggle:before,
      .no-touchevents .accordion__header:hover .accordion__toggle:after {background: var(--blue);}
   .accordion__preloader {position: absolute; top: 50%; right: 0; width: 30px; height: 30px; margin-top: -15px; border-radius: 50%; display: inline-flex; animation: rotation 0.75s linear infinite;}
      .accordion__preloader:before {content: ""; position: absolute; inset: 0px; border-radius: 50%; border: 1px solid #000; animation: prixClipFix 2s linear infinite;}
   @keyframes prixClipFix {
      0%   {clip-path:polygon(50% 50%,0 0,0 0,0 0,0 0,0 0)}
      25%  {clip-path:polygon(50% 50%,0 0,100% 0,100% 0,100% 0,100% 0)}
      50%  {clip-path:polygon(50% 50%,0 0,100% 0,100% 100%,100% 100%,100% 100%)}
      75%  {clip-path:polygon(50% 50%,0 0,100% 0,100% 100%,0 100%,0 100%)}
      100% {clip-path:polygon(50% 50%,0 0,100% 0,100% 100%,0 100%,0 0)}
   }
   @keyframes rotation {
      0% {transform: rotate(0deg);}
      100% {transform: rotate(360deg);}
   }
.accordion__body {height: 0; overflow: hidden; transition: height var(--easing);}

/*.filter*/
.filter__list {gap: 12px;}
   .filter__checkbox,
   .filter__radio {position: relative;}
      .filter-checkbox input[type="checkbox"],
      .filter-radio input[type="radio"] {opacity: 0; position: absolute;}
      .filter-checkbox__label,
      .filter-radio__label {display: inline-flex; cursor: pointer;}
         .filter-checkbox input[type="checkbox"]:checked ~ .filter-checkbox__text,
         .filter-radio input[type="radio"]:checked ~ .filter-radio__text {background: var(--anthracite); border-color: var(--anthracite); color: #FFF;}
         .filter .btn span.events-count {position: relative; top: auto; right: auto; background: var(--black);}
         .filter-checkbox input[type="checkbox"]:checked ~ .filter-checkbox__text span.events-count, 
         .filter-radio input[type="radio"]:checked ~ .filter-radio__text span.events-count {background: #FFF; color: var(--black);}
         .filter-checkbox input[type="checkbox"]:checked ~ .filter-checkbox__text.is-unpaid span.events-count, 
         .filter-radio input[type="radio"]:checked ~ .filter-radio__text.is-unpaid span.events-count {background: var(--red); color: #FFF;}

/*.range-slider*/
.range-slider {position: relative; padding: 0 5px;}
   .range-slider:before, .range-slider:after {content: ''; position: absolute; top: 0; margin-top: 6px; width: 5px; height: 11px; background: var(--black); z-index: 0;}
   .range-slider:before {left: 0;}
   .range-slider:after {right: 0;}
   .range-slider__input {position: relative; z-index: 2;}
      .range-slider__input input {-webkit-appearance: none; width: 100%; height: 2px; padding: 0; border: 0; border-radius: 0; background: var(--black); outline: none; position: relative; z-index: 2;}
      .range-slider__input input::-webkit-slider-thumb {-webkit-appearance: none; appearance: none; width: 11px; height: 24px; background: var(--red); border-radius: 2em; border: 0; box-shadow: none; cursor: pointer;}
      .range-slider__input input::-moz-range-thumb {width: 11px; height: 24px; background: var(--red); border-radius: 2em; border: 0; box-shadow: none; cursor: pointer;}
   .range-slider__scale {position: relative; z-index: 1; padding-top: 10px; margin: 0 -5px;}

/*.reactions*/
.reactions {gap: 13px;}
   .reactions .svg-fill {fill: #FFF;}
   .reactions .svg-icon.is-active .svg-fill,
   .no-touchevents .reactions .svg-icon:hover .svg-fill,
   .touchevents .reactions .svg-icon:active .svg-fill {fill: var(--black);}

/*.widget*/
.widget__text {position: relative; height: 5em; overflow: hidden; transition: height var(--easing);}
   .widget__text:after {content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 75px; background: linear-gradient(transparent, #FFF); z-index: 1;}
   .widget__text.is-full:after {opacity: 0;}
   .widget__text .text-readmore {position: relative; z-index: 0; padding-bottom: 10px;}

/*readmore*/
.text-readmore {position: relative; height: 5em; overflow: hidden; transition: height var(--easing);}
   .text-readmore:after {content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 75px; background: linear-gradient(transparent, #FFF); z-index: 1;}
   .text-readmore.is-full:after {opacity: 0;}
   .text-readmore > div {position: relative; z-index: 0; padding-bottom: 10px;}

/*.video*/
.video {position: relative;}
   .video--absolute:before {content: ''; display: block; padding-top: var(--video-ratio);}
   .video video {display: block; position: relative; z-index: 1;}
   .video--absolute video {position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
   .video__poster {position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 2; cursor: pointer; transition: all var(--easing);}
   .video.is-playing .video__poster {opacity: 0; visibility: hidden; pointer-events: none;}
      .video__poster img {display: block; position: relative; height: 100%; object-fit: cover; z-index: 0;}


/*====================================================
   .heading
====================================================*/
.heading {position: relative;}
   .heading__in {gap: 0 120px;}
      .heading__title {gap: 0 50px;}
         .heading__icon {width: 102px; height: 102px; padding: 15px; border-radius: 23px; flex: 0 0 auto;}
            .heading__icon img {max-height: 100%; object-fit: contain;}
      .heading__subtitle:last-child {margin-bottom: 0;}
      .heading__button {position: relative; top: 0.6em;}

@media all and (min-width: 375px) {
   .heading__in {flex-wrap: nowrap;}
}
@media all and (max-width: 1199px) {
   .heading__in {gap: 0 40px;}
      .heading__title {gap: 0 40px;}
}
@media all and (max-width: 767px) {
   .heading__title {gap: 0 30px;}
      .heading__icon {width: 50px; height: 50px; padding: 10px; border-radius: 16px;}
   .heading__button {top: 0.25em;}
}
@media all and (max-width: 480px) {
   .auth__bg .heading {margin-top: 0; padding-top: var(--padding-2);}
   .heading__title {gap: 0 15px;}
      .heading__icon {width: 36px; height: 36px; padding: 6px; border-radius: var(--br-10);}
}
@media all and (max-width: 374px) {
   .heading__button {width: 100%; top: 0; margin-top: var(--margin-3);}
}
@media screen and (max-width: 991px) and (orientation: landscape) {
   .auth__bg .heading {margin-top: 0; padding-top: var(--padding-2);}
   .heading__title {gap: 0 15px;}
      .heading__icon {width: 36px; height: 36px; padding: 6px; border-radius: var(--br-10);}
   .heading__button {top: 0.25em;}
}

/*showcase*/
.heading__image {position: relative; width: 1920px; max-width: 100%; margin: 0 auto;}
   .heading__image img {display: block; width: 100%; height: 100%; object-fit: cover; position: relative; z-index: 0;}
.heading--showcase .heading__in {position: absolute; top: 15%; left: 0; width: 100%; z-index: 2;}
   .heading--showcase h1 {margin-bottom: 0;}
   .heading__info {display: inline-block; padding: 20px 30px; line-height: 1.5;}
.heading__logo {margin-bottom: 40px;}
      
@media all and (max-width: 1199px) {
   .heading--showcase .heading__in {top: 40px;}
   .heading__image {height: 380px;}
   .heading__info {padding: 15px 20px;}
   .heading__logo {margin-bottom: 20px;}
}
@media all and (max-width: 767px) {
   .heading__image {height: 320px;}
   .heading__info {padding: 10px 15px;}
}
@media all and (max-width: 480px) {
   .heading--showcase .heading__in {top: 30px;}
   .heading__image {height: 220px;}
      .heading__info {padding: 5px 15px;}
         .heading__info span {font-family: var(--font-bold);}
   .heading__logo {margin-bottom: 15px;}
      .heading__logo img {max-width: 20vw;}
}
@media screen and (max-width: 991px) and (orientation: landscape) {
   .heading--showcase .heading__in {top: 0; height: 100%; display: flex; align-items: center;}
   .heading__image {height: calc(100vh - var(--header-height));}
   .heading__info {padding: 5px 15px;}
      .heading__info span {font-family: var(--font-bold);}
}


/*====================================================
   .auth
====================================================*/
/*form*/
.auth-top__in {gap: 0 clamp(20px,5vw,85px);}
   .auth-top__form {width: 37%; padding: 60px 20px; background: #F1F1F1; flex: 0 0 auto;}
      .auth-form__form .form__textinput {height: 44px; border-color: var(--anthracite);}
   .auth-top__text {max-width: 660px;}

@media all and (min-width: 481px) {
   .auth-form__form {display: inline-flex; width: 260px; max-width: 100%;}
}
@media all and (max-width: 1199px) {
   .auth-top__in {gap: 0 25px;}
      .auth-top__form {width: 50%; padding: 15px 20px 20px;}
}
@media all and (max-width: 767px) {
   .auth-top__form {width: 100%; margin-bottom: var(--margin-2);}
}
@media all and (max-width: 480px) {
   .auth__bg {padding-bottom: 20px; margin-bottom: 20px;}
      .auth-top__form {margin-bottom: 15px;}
         .auth-top__form .form__field:not(.form__submit) {margin-bottom: 15px;}
            .auth-form__form .form__textinput {height: 38px;}
}
@media all and (max-width: 374px) {
   .auth__bg {padding-bottom: 15px; margin-bottom: 15px;}
      .auth-top__form {padding: 10px 20px 15px;}
}
@media screen and (max-width: 991px) and (orientation: landscape) {
   .auth__bg {padding-bottom: 20px; margin-bottom: 20px;}
      .auth-top__in {display: flex;}
         .auth-top__form {width: 50%; margin-bottom: 0;}
            .auth-form__form {width: 100%;}
               .auth-top__form .form__field:not(.form__submit) {margin-bottom: 15px;}
                  .auth-form__form .form__textinput {height: 38px;}
}

/*intro*/
.auth-intro__list.swiper {overflow: visible;}

@media all and (min-width: 1200px) {
   .auth-intro__list .swiper-wrapper {display: block;}
      .auth-intro__item {margin-bottom: var(--margin-4);}
      .auth-intro-item__in {gap: 0 clamp(40px,8vw,150px); grid-template-columns: auto clamp(400px,41.771vw,802px); 
         grid-template-areas: 
         "a b"
         "c b";
      }
         .auth-intro-item__title {grid-area: a;}
         .auth-intro-item__image {grid-area: b; grid-row: span 3; margin-bottom: 0;}
         .auth-intro-item__text {grid-area: c;}
}
@media screen and (max-width: 1199px) {
   .auth-intro__item {width: clamp(240px,71.615vw,550px); padding-top: var(--margin-2);}
}


/*====================================================
   .card (lk cards)
====================================================*/
.card {box-shadow: 0px 0px 40px 0px rgba(0, 0, 0, 0.10); border-radius: var(--br-10); font-size: 14px; position: relative; --card-header: 56px;}
a.card:hover {box-shadow: 0px 0px 40px 0px rgba(0, 0, 0, 0.3);}
.card--small {padding: 13px;}
.card--colored {padding: 13px;}
.card--gray {box-shadow: none;}
   .card__header {min-height: var(--card-header); padding-top: 5px; padding-bottom: 5px; gap: 0 20px;}
   .card__header--auto {height: auto; min-height: var(--card-header); padding-top: 15px; padding-bottom: 15px;}
      .card__header-icon {flex: 0 0 auto;}
      .card__header-icon.flex {width: 33px; height: 33px; padding: 5px;}
   .card__table .tb__cell {vertical-align: top; padding: 15px 10px;}
   .card__table .tb__cell:first-child {padding-left: 0;}
   .card__table .tb__cell:last-child {padding-right: 0; text-align: right;}
   .card__table .tb__row:first-child .tb__cell {border-top: 0;}
   .accordion__body .card__table .tb__cell {padding-bottom: 0;}
      .card__table .tb__el,
      .card__table .tb__cell--single .tb__el:first-child {margin-top: 6px;}
      .card__table .tb__el:first-child,
      .card__table .tb__el.m-0 {margin-top: 0;}
         .card__table .tb__el:empty {height: 0;}
   .card__link {height: 100%;}
   .card__num {font-size: 36px; line-height: 1;}
   .card__icon {margin-bottom: 5px;}
   .card--small .card__icon {margin-bottom: 10px;}
   .card-icon-small {width: 28px; height: 28px; padding: 5px; border-radius: var(--br-10);}
      .card-icon-small svg {max-width: 17px; max-height: 17px;}
      .card-icon-small .svg-stroke {stroke: #000;}
      .card-icon-small .svg-fill {fill: #000;}
   .card__photoreport:not(:only-child) {margin-bottom: 15px;}
   .card__docs {gap: 0 20px;}
      .card__docs .svg-icon {gap: 5px;}

/*cards-pair*/
.cards-pair .card:first-child {z-index: 2; box-shadow: 2px 2px 30px 0px rgba(0, 0, 0, 0.15);}
.cards-pair.flex-xl .card:last-child {box-shadow: none;}

@media screen and (min-width: 1200px) {
   .card__num {font-size: clamp(20px,1.9vw,36px);}

   /*cards-pair*/
   .cards-pair.flex-xl .card:first-child {border-top-right-radius: 0; border-bottom-right-radius: 0;}
   .cards-pair.flex-xl .card:last-child {border-top-left-radius: 0; border-bottom-left-radius: 0;}
}
@media all and (max-width: 1199px) {
   /*cards-pair*/
   .cards-pair.flex-xl .card:first-child {border-bottom-left-radius: 0; border-bottom-right-radius: 0;}
   .cards-pair.flex-xl .card:last-child {border-top-left-radius: 0; border-top-right-radius: 0;}
}
@media all and (max-width: 480px) {
   .card__header {gap: 0 15px;}
   .card__num {font-size: clamp(20px,10.3vw,40px);}
   .card__photoreport:not(:only-child) {margin-bottom: 10px; padding-top: 10px;}
}
@media all and (max-width: 374px) {
   .card__header {gap: 0 10px;}
      .card__header-title {font-size: 16px;}
   .card__table .tb__cell {padding-left: 5px; padding-right: 5px;}
}
@media screen and (max-width: 991px) and (orientation: landscape) {
   .card__header {gap: 0 15px;}
   .card__num {font-size: clamp(20px,10.3vw,40px);}
   .card__photoreport:not(:only-child) {margin-bottom: 10px; padding-top: 10px;}
}
@media screen and (max-width: 666px) and (orientation: landscape) {
   .card__header {gap: 0 10px;}
      .card__header-title {font-size: 16px;}
   .card__table .tb__cell {padding-left: 5px; padding-right: 5px;}
}


/*====================================================
   .cards (banners)
====================================================*/
.cards .card {width: clamp(298px,20vw,384px); margin-right: 25px; position: relative; flex: 0 0 auto; font-size: inherit;}
   .card__hover {position: relative; height: 100%; cursor: pointer; transition: box-shadow .3s cubic-bezier(0,0,0.5,1);}
   a.card__hover {display: block; color: inherit; text-decoration: none;}
   .no-touchevents .card__hover.is-hover,
   .no-touchevents .card__hover.is-hover:hover {box-shadow: none;}
      /*card__front*/
      .card__front {position: relative; height: 100%; transition: all .3s cubic-bezier(0,0,0.5,1);}
      .no-touchevents .cards.intro .card__hover:hover .card__front,
      .no-touchevents .cards.intro .card__hover:hover .card__video {transform: scale(1.0161290323);}
      .card__hover.is-playing .card__front,
      .card__hover.is-hover .card__front {opacity: 0; visibility: hidden;}
      .touchevents .swiper-slide-video--video-stop .card__hover.is-playing .card__front {opacity: 1; visibility: visible;}
         .card__image img {display: block;}
         .card__content {position: relative; height: 100%; padding: 40px 30px;}
         .card__content--above {position: absolute; top: 0; left: 0; width: 100%; height: auto;}
         .card__title,
         .card__text {transition: all 0.5s cubic-bezier(0,0,0.5,1); will-change: transform;}
         .card__title {transition-delay: 0.3s;}
         .card__text {transition-delay: 0.15s;}
            .card__hover.is-playing .card__title,
            .card__hover.is-hover .card__title {opacity: 0; transform: translateY(-1em);/* transition-delay: 0.3s;*/}
            .card__hover.is-playing .card__text,
            .card__hover.is-hover .card__text {opacity: 0; transform: translateY(-20%); /*transition-delay: 0.15s;*/}
         .card__front .btn-video {top: auto; bottom: 20px; left: 20px; margin: 0;}
      /*card__back*/
      .card__back {position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
         .card__video {position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; visibility: hidden; transition: all .3s cubic-bezier(0,0,0.5,1);}
         .card__hover.is-playing .card__video {opacity: 1; visibility: visible;}
         .card__article.is-visible + .card__video {opacity: 0; visibility: hidden;}
         .card__article {position: absolute; top: 0; left: 0; z-index: 3; width: 100%; height: 100%; border: 1px solid var(--anthracite); background: #FFF; overflow: hidden; opacity: 0; visibility: hidden; transition: all .5s cubic-bezier(0,0,0.5,1);}
         .card__article.is-visible {opacity: 1; visibility: visible;}
            .card-article__text.swiper {padding: 70px 20px 40px; height: 100%; opacity: 0; transform: translateY(100%); transition: all .3s cubic-bezier(0,0,0.5,1);}
            .card__article.is-visible .card-article__text.swiper {opacity: 1; transform: translateY(0);}
               .card-article__text h4 {font-size: 24px; line-height: 1.1; padding-top: 0;}
                  .card-article__image {margin: 20px -20px;}
                  .card-article__subtitle {margin-bottom: 0.5em;}
   .cards .card__button {position: absolute; right: 20px; bottom: 20px; z-index: 2; transition: all .3s ease;}
   .cards .card__button.is-hidden {opacity: 0; visibility: hidden;}
   .touchevents .swiper-slide-video .cards .card__button--article-open {right: auto; left: 20px;}
   .card__hover.is-hover .cards .card__button--article-open {opacity: 0; visibility: hidden;}
   .cards .card__button--article-close {top: 20px; bottom: auto; width: 44px; height: 44px; opacity: 0; visibility: hidden; z-index: 3;}
   .cards .card__button--article-close.is-visible {opacity: 1; visibility: visible;}
   .no-touchevents .cards .card__button--video {display: none;}
   .cards .card__button--article-close.is-visible + .cards .card__button--video {opacity: 0;}
      .cards .card__button--article-close .btn-close {position: relative; top: auto; right: auto;}
      .cards .card__button--video .btn-video {position: relative; top: auto; left: auto; margin: 0;}
         .cards .card__button--video .btn-video:before {opacity: 1;}
         .cards .card__button--video.is-active .btn-video:before {opacity: 0;}
         .cards .card__button--video .btn-video:after {content: ''; position: absolute; top: 50%; left: 50%; background: red; width: 8px; height: 8px; background: red; transform: translate3D(-50%,-50%,0); opacity: 0;}
         .cards .card__button--video.is-active .btn-video:after {opacity: 1;}
            .cards .card__button--video svg {width: 50px; height: 50px; max-width: none; position: absolute; top: -10px; left: -10px;}
               .cards .card__button--video .btn-video__progress-bar {stroke-dasharray: 0,251.2; stroke-dashoffset: 0; opacity: 0; /*animation-name: dash;*/ animation-fill-mode: forwards; animation-timing-function: linear; animation-play-state: paused;}

   @keyframes dash {
      from {
         stroke-dasharray: 0,251.2
      }
      to {
         stroke-dasharray: 251.2,0
     }
   }

@media screen and (min-width: 1200px) {
   /*video-xl*/
   .card--video-xl {width: clamp(925px,62.292vw,1196px);}
      .card--video-xl .card__hover {display: none; pointer-events: none;}
      .card--video-xl .card__video {position: absolute; top: 0; left: 0; opacity: 1; visibility: visible;}
         .card--video-xl .card__video video {height: 100%; object-fit: cover;}
}
@media all and (max-width: 1199px) {
   .cards .card {width: 300px; margin-right: 20px;}
      .card__content {padding: 30px 20px;}
   /*video-xl*/
   .card__video--xl {display: none; pointer-events: none;}
}
@media screen and (min-width: 768px) and (max-width: 1199px) and (orientation: portrait) {
   .card__front .btn-video.btn-video--small {width: 36px; height: 36px;}
      .card__front .btn-video.btn-video--small:before {margin-left: 5px; border-left-width: 12px; border-top-width: 7px; border-bottom-width: 7px;}
}
@media all and (max-width: 767px) {
   .cards .card {margin-right: 15px;}
}
@media all and (max-width: 480px) {
   .cards .card {width: 280px; margin-right: 10px;}
      .card__content {padding: 25px 20px;}
      /*.card__content--above {opacity: 0; transform: translateX(25%); will-change: transform; transition: opacity 0.5s cubic-bezier(0,0,0.5,1) 0s, transform 0.5s cubic-bezier(0,0,0.5,1) 0s;}*/
      .card.swiper-slide-active .card__content--above {opacity: 1; transform: translateX(0);}
      .cards .card__button--article-close {top: 10px; right: 10px;}
      .card-article__text.swiper {padding-top: 50px;}
}
@media screen and (max-width: 991px) and (orientation: landscape) {
   .cards .card {width: 280px; margin-right: 10px;}
      .card__content {padding: 25px 20px;}
      .cards .card__button--article-close {top: 10px; right: 10px;}
      .card-article__text.swiper {padding-top: 50px;}
}

/*.cards--simple*/
.cards--simple .card__hover:before {content: ''; display: block; padding-top: 100%;}
   .cards--simple .card__content {position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
      .cards--simple .card__icon {height: 50px; margin-bottom: 20px;}
      .cards--simple .card__title h3, 
      .cards--simple .card__title .h3 {line-height: 1;}

@media screen and (min-width: 1200px) {
   .cards--simple .card__title h3, 
   .cards--simple .card__title .h3 {font-size: clamp(26px,1.78vw,34px);}
}
@media all and (max-width: 480px) {
   .cards--simple .card {width: 210px;}
      .cards--simple .card__icon {height: 30px; margin-bottom: 10px;}
         .cards--simple .card__icon img {max-height: 30px; width: auto;}
}
@media screen and (max-width: 991px) and (orientation: landscape) {
   .cards--simple .card {width: 200px;}
}

/*touchevents scroll slider*/
.touchevents .scroll-snap {scroll-snap-type: x mandatory; overflow-x: scroll; overflow-y: hidden; padding: 15px 15px 50px 15px; margin: -15px 0 -50px; scroll-padding-left: 0; /*scroll-padding-right: 25px;*/ scrollbar-width: none; scroll-behavior: smooth;}
   .touchevents .scroll-snap::-webkit-scrollbar {display: none; height: 0; width: 0; background-color: transparent;}
   .touchevents .scroll-snap .card {scroll-snap-align: start;}
   .touchevents .scroll-snap .card.swiper-slide-animate .card__content--above {opacity: 1; transform: translateX(0);}

@media screen and (max-width: 1199px) {
   .touchevents .scroll-snap {scroll-padding-left: 40px; padding: 15px 40px 50px; margin: -15px -40px -50px;}
}
@media screen and (max-width: 767px) {
   .touchevents .scroll-snap {scroll-padding-left: 20px; padding: 15px 20px 50px; margin: -15px -20px -50px;}
}
@media screen and (max-width: 991px) and (orientation: landscape) {
   .touchevents .scroll-snap {scroll-padding-left: 20px; padding: 15px 20px 50px; margin: -15px -20px-50px;}
}


/*====================================================
   .widget
====================================================*/
.widget__request .tb__cell:last-child {text-align: center;}
.widget .tb__row:last-child .tb__cell {border-bottom: 1px solid var(--gray);}

@media all and (min-width: 640px) {
   .widget__links-left {grid-template-rows: 1fr 1fr;}
   .widget__links-right {grid-template-rows: repeat(3,1fr); grid-column: span 3;}
}
@media all and (min-width: 768px) {
   .widget .card {height: 100%;}
      .widget .card__body.scrollbar {max-height: 236px !important; height: 236px;}
      .widget__links {grid-column: span 2;}
}
@media screen and (min-width: 1200px) {
   .widget .card__header {gap: 0 clamp(20px,1.9vw,36px);}
   .widget__invoice .tb__cell:last-child {text-align: left;}
}
@media screen and (min-width: 1200px) and (max-width: 1365px) {
   .widget .card__header {padding-left: 15px;}
   .widget .card__body {padding-left: 15px;}
   .widget__panel {gap: 0 15px;}
      .widget__links {gap: 10px;}
         .widget__links-left {gap: 10px 0;}
         .widget__links-right {gap: 10px;}
}
@media screen and (min-width: 640px) and (max-width: 767px) {
   .widget__links {gap: 10px;}
      .widget__links-left {gap: 10px 0;}
      .widget__links-right {gap: 10px;}
}
@media screen and (max-width: 639px) {
   .widget__links {grid-template-columns: auto;}
      .widget__links-left {grid-template-columns: repeat(2, 1fr);}
}


/*====================================================
   .pools
====================================================*/
.pools-item__row--ready {border-top: 2px solid var(--black);}
   .pools-item-row__in {padding-top: 8px;}
   .pools-item__row--ready .pools-item-row__in {padding-top: 0;}
      /*.pools-item__row--ready .accordion__toggle {width: 31px; height: 31px;}
         .pools-item__row--ready .accordion__toggle:before {width: 21px; top: 13px; left: 3px; margin: 0;}
         .pools-item__row--ready .accordion__toggle:after {height: 21px; left: 13px; top: 3px; margin: 0;}*/
      .pools-item-row__el {margin-bottom: 8px;}
      .pools-item-row__el:last-child {margin-bottom: 0;}

@media screen and (min-width: 481px) {
   .pools-item-row__in .card__table .tb__cell:nth-child(1) {width: 100px;}
   .pools-item-row__in .card__table .tb__cell:nth-child(2) {width: 100%; text-align: center;}
      .pools-item-row__in .card__table .tb__cell:nth-child(2) .card__docs {display: inline;}
         .pools-item-row__in .card__table .tb__cell:nth-child(2) .card__docs .svg-icon {text-align: left;}
   .pools-item-row__in .card__table .tb__cell:nth-child(3) {width: 91px;}
}
@media screen and (max-width: 480px) {
   .pools-item-row__in .card__table .tb.block-xs {display: block;}
      .pools-item-row__in .card__table .tb__row.flex-xs {display: flex; flex-wrap: wrap; gap: 5px; padding-top: 20px;}
      .pools-item-row__in .card__table .tb__cell {display: block; padding: 0;}
      .pools-item-row__in .card__table .tb__cell:nth-child(1) {order: 2; flex: 1 1 50%;}
      .pools-item-row__in .card__table .tb__cell:nth-child(2) {order: 1; flex: 0 0 100%;}
         .pools-item-row__in .card__table .tb__cell:nth-child(2) br {display: none;}
      .pools-item-row__in .card__table .tb__cell:nth-child(3) {order: 3;}
}


/*====================================================
   .service
====================================================*/
.service .card__body:not(:last-child) .tb__row:last-child .tb__cell {padding-bottom: var(--padding-2);}

@media screen and (min-width: 481px) {
   .service .card__table .tb__cell:last-child {text-align: center;}
}

/*works*/
.service__works .card__table .tb__cell {padding: 10px;}
.service__works .card__table .tb__cell:first-child {padding-left: 0; width: 28px;}
.service__works .card__table .tb__cell:last-child {text-align: left;}


/*====================================================
   .friends
====================================================*/

@media screen and (min-width: 768px) {
   .friends__col--1 {grid-area: a;}
   .friends__col--2 {grid-area: b;}
   .friends__col--3 {grid-area: c;}
}
@media screen and (min-width: 1200px) {
   .friends__panel {grid-template-areas: "b b a c";}
}
@media screen and (min-width: 768px) and (max-width: 1199px) {
   .friends__panel {grid-template-areas: 
      "b a"
      "b c";
   }
}
@media screen and (max-width: 767px) {
   .friends__panel {row-gap: var(--row-gap-4);}
}
@media screen and (max-width: 991px) and (orientation: landscape) {
   .friends__col--1 {grid-area: a;}
   .friends__col--2 {grid-area: b;}
   .friends__col--3 {grid-area: c;}
   .friends__panel {row-gap: var(--row-gap-2); grid-template-areas: 
      "b a"
      "b c";
   }
}


/*====================================================
   .order
====================================================*/
.product__in {gap: 0 20px;}
   .product__image {width: 43.135%; flex: 0 0 auto; text-align: center;}
   .product__price {margin-bottom: 15px;}
   .amount {height: 37px;}
      .amount__input {width: 60px; height: 100%; border: 0; text-align: center; font-family: inherit; font-size: inherit;}
      .amount__btn {width: 37px; height: 100%;}
      .no-touchevents .amount__btn:hover,
      .touchevents .amount__btn:active {color: var(--blue);} 
      .amount__btn--minus {border-right: 1px solid var(--gray);}
      .amount__btn--plus {border-left: 1px solid var(--gray);}
.order__total .card__header .svg-stroke {stroke: var(--red);}
.order__button .btn {min-height: 68px; padding: 0 50px; font-family: var(--font-semibold); font-size: 16px;}

@media screen and (min-width: 667px) {
   .product__image img {width: auto; height: 150px;}
}
@media screen and (min-width: 1200px) and (max-width: 1440px) {
   .order__panel {grid-template-columns: repeat(3, 1fr);}
}
@media screen and (max-width: 1199px) {
   .order__button {text-align: center;}
}
@media screen and (max-width: 480px) {
   .order__button .btn {padding: 0 30px;}
}
@media screen and (max-width: 374px) {
   .amount__input {width: 40px;}
}
@media screen and (max-width: 991px) and (orientation: landscape) {
   .order__button .btn {padding: 0 30px;}
}
@media screen and (max-width: 666px) and (orientation: landscape) {
   .amount__input {width: 40px;}
}


/*====================================================
   .docs
====================================================*/
.docs__list {max-width: 960px;}
   .docs__item {margin-bottom: 20px; gap: 40px;}
   .docs__item:last-child {margin-bottom: 0;}
      .docs-item__link {gap: 7px;}
         .docs-item__link svg {width: 26px;}
         .docs-item__link .link-document__preloader {height: 26px;}
         .docs-item__link .link-document__stub {white-space: nowrap;}
      .docs__item .btn {flex: 0 0 auto;}

@media screen and (max-width: 480px) {
   .docs__item {gap: 20px;}
}


/*====================================================
   .gallery
====================================================*/
.gallery-item__image {position: relative; margin-bottom: 13px;}
   .gallery-item__reactions {position: absolute; right: 13px; bottom: 13px; z-index: 2;}


/*====================================================
   .settings
====================================================*/
@media screen and (max-width: 480px) {
   .settings__section .form__fieldset.grid-auto {grid-template-columns: auto 1fr;}
}


/*====================================================
   .payments
====================================================*/
.payments-top__col {border-radius: var(--br-10);}
   .payments__label {margin-bottom: 2px;}
   .payments__paid {margin-bottom: 10px;}
   .payments__scale {margin-bottom: 20px; height: 13px; border-radius: 4px; overflow: hidden;}
      .payments__scale div {height: 100%;}
.card--payments .card__header {height: auto; min-height: var(--card-header); min-height: 84px;}
   .card--payments .card__table {grid-template-columns: repeat(3, auto); column-gap: 15px;}
      
@media screen and (min-width: 1200px) {
   .card--payments .card__header {padding-top: 10px; padding-bottom: 10px;}
      .card--payments .card__header-title {font-size: 18px;}
}
@media screen and (max-width: 1199px) {
   .card--payments .card__header,
   .card--payments .card__body {padding-left: 20px; padding-right: 20px;}
   .card--payments .card__header-title {font-size: 16px;}
}
@media screen and (max-width: 480px) {
   .card--payments .card__header,
   .card--payments .card__body {padding-left: 15px; padding-right: 15px;}
}
@media screen and (max-width: 374px) {
   .card--payments .card__table {grid-template-columns: auto; row-gap: 10px;}
}
@media screen and (max-width: 991px) and (orientation: landscape) {
   .card--payments .card__header,
   .card--payments .card__body {padding-left: 15px; padding-right: 15px;}
}
@media screen and (max-width: 666px) and (orientation: landscape) {
   .payments__list {grid-template-columns: auto;}
}

/*modal card*/
.modal-block--animate .card__header {padding-right: 40px;}
.modal-block--animate .card__table .tb {width: auto;}
   .modal-block--animate .card__table .tb__cell {padding: 0 20px 10px;}
   .modal-block--animate .card__table .tb__cell:first-child {width: 30%; padding-left: 0;}
   .modal-block--animate .card__table .tb__cell:last-child {text-align: left; padding-right: 0;}


/*====================================================
   .team
====================================================*/
.swiper .team-list__item {width: clamp(280px,18.334vw,352px); min-height: calc(clamp(280px,18.334vw,352px) * 1.403409090909091);}
   .team-list__item .card__front {width: 100%; height: 100%;}
      .team-list__item .card__content {width: 100%; height: auto; padding: clamp(40px,6vh,60px) 40px 20px;}
         .team-list-item__row {margin-bottom: 10px;}
         .team-list-item__row:last-child {margin-bottom: 0;}
      .team-list-item__image {width: 100%; padding: 0 20px;}
         .team-list-item__image img {display: block; height: clamp(190px,15.1045vw,290px); width: auto;}
      .team-list__item .btn-video {top: auto; bottom: 15px; left: auto; right: 15px; margin: 0; z-index: 2;}
         .team-list__item .btn-video:after {content: ''; position: absolute; top: 50%; left: 50%; background: red; width: 12px; height: 12px; background: red; transform: translate3D(-50%,-50%,0); opacity: 0;}
         .team-list__item .card__hover.is-playing .btn-video:after {opacity: 1;}
         .team-list__item .card__hover.is-playing .btn-video:before {opacity: 0;}
   .team-list__item .card__back video {width: auto; min-width: 100%; height: 100%;}

@media all and (min-width: 1200px) {
   .swiper .team-list__item {margin-right: 30px;}
}
@media all and (max-width: 1199px) {
   .swiper .team-list__item {width: 260px; min-height: calc(260px* 1.403409090909091);}
      .team-list__item .card__content {padding: 30px 20px;}
         .team-list-item__row {margin-bottom: 5px;}
         .team-list-item__row.font-20 {font-size: 20px;}
      .team-list-item__image img {height: 210px;}
      .team-list__item .btn-video:after {width: 8px; height: 8px;}
}
@media all and (max-width: 480px) {
   .swiper .team-list__item {width: 222px; min-height: calc(222px* 1.403409090909091);}
      .team-list__item .card__content {padding: 20px 10px;}
         .team-list-item__image img {height: 160px;}
      .team-list__item .btn-video {bottom: 10px; right: 10px;}
}
@media screen and (max-width: 991px) and (orientation: landscape) {
   .swiper .team-list__item {width: 222px; min-height: calc(222px* 1.403409090909091);}
      .team-list__item .card__content {padding: 20px 10px;}
         .team-list-item__image img {height: 160px;}
      .team-list__item .btn-video {bottom: 10px; right: 10px;}
}

/*====================================================
   .contacts
====================================================*/
.contacts__item.flex-xl {gap: 0 clamp(20px,3.6vw,70px);}
   .contacts-item__image {position: relative;}
      .contacts-item__badge {position: absolute; top: 20px; right: 20px; z-index: 1;}
         .contacts-item__badge .btn {height: 60px; padding: 10px 15px 8px 10px; font-size: 30px;}
      .contacts-item__image img {display: block; position: relative; z-index: 0; height: 100%; object-fit: cover;}
   .contacts-item__content {gap: 0 40px;}
   .contacts-item-text__row {margin-bottom: 80px;}
   .contacts-item-text__row:last-child {margin-bottom: 0;}
      .contacts-item__text .font-lead {margin-bottom: 20px;}
      .contacts-item__text .h3 {margin-bottom: 20px;}
   .contacts-item__map {position: relative;}
      .contacts-item__map:before {content: ''; display: block; padding-top: 68.6%;}
      .contacts-item-map__iframe {position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
   .contacts-item__managers .managers__list {padding-left: 0; gap: 0 60px;}
      .contacts-item__managers .managers-list__item {width: auto; max-width: 100%;}
         .contacts-item__managers .managers-list-item__in {padding: 0; text-align: center;}
            .contacts-item__managers .managers-list-item__image {margin-left: auto; margin-right: auto;}
   .contacts-item__video {position: relative; overflow: hidden;}
      .contacts-item__video:before {content: ''; display: block; padding-top: 40.88%; transition: var(--easing);}
      .contacts-item__video video {position: absolute; top: 0; left: 0;}
      .video__toggle {position: absolute; top: 20px; right: 20px; width: 30px; height: 30px; background: #FFF; border-radius: 100%; z-index: 2; cursor: pointer;}
         .video .video__toggle svg.video-toggle__minimize {display: none;}
         .video.is-full .video__toggle svg.video-toggle__minimize {display: block;}
         .video.is-full .video__toggle svg.video-toggle__fullscreen {display: none;}

@media screen and (min-width: 1200px) {
   .contacts__item.flex-xl .contacts-item__col.order-xl-2 {order: 2;}
   .contacts__item.flex-xl .contacts-item__col.order-xl-1 {order: 1;}
   .contacts__item.flex-xl .contacts-item__image {height: 100%;}
   .contacts-item__content {max-width: 900px;}

   .contacts__item.grid {gap: 0 clamp(20px, 3.6vw, 70px); grid-template-columns: 1fr 1fr;
      grid-template-areas: 
      "a b"
      "a c";}
      .contacts-item__image {grid-area: a;}
      .contacts-item__text {grid-area: b;}
      .contacts-item__form {grid-area: c;}
}
@media all and (max-width: 1199px) {
   .contacts-item-text__row {margin-bottom: 40px;}
      .contacts-item__text .font-lead {margin-bottom: 10px;}
      .contacts-item__text .h3 {margin-bottom: 10px;}
   .contacts-item__managers .managers__title {font-family: var(--font-semibold);}

   .contacts__item.grid {display: block;}
}
@media all and (max-width: 767px) {
   .contacts-item__badge .btn {height: 40px; min-height: 40px; padding: 8px 15px 8px 8px; font-size: 18px;}
      .contacts-item__badge .btn .svg-icon__image {width: 30px;}
   .contacts-item__managers .managers__title {text-align: center;}
   .contacts-item__managers .managers__list {justify-content: center;}
   .contacts-item__button:not(:last-child) {text-align: center;}
}
@media all and (max-width: 480px) {
   .contacts-item__badge {top: 15px; right: 15px;}
      .contacts-item__badge .btn {height: 30px; min-height: 30px; padding: 7px 10px 5px 5px; gap: 0 5px; font-size: 15px;}
         .contacts-item__badge .btn .svg-icon__image {width: 20px;}
   .contacts-item-text__row {margin-bottom: 30px;}
      .contacts-item__text .font-lead {margin-bottom: 5px; font-family: var(--font-medium);}
      .contacts-item__text .h3 {margin-bottom: 5px;}
   .contacts-item__managers .managers__title {font-size: 22px;}
   .contacts-item__video:before {padding-top: 56.25%;}
   /*.contacts-item__video.is-full:before {padding-top: calc(100vh - var(--header-height));}*/
}
@media screen and (max-width: 991px) and (orientation: landscape) {
   .contacts-item__image {height: calc(100vh - var(--header-height)); overflow: hidden;}
      .contacts-item__image img {height: 100%; object-fit: cover;}
   .contacts-item__badge {top: 15px; right: 15px;}
      .contacts-item__badge .btn {height: 30px; min-height: 30px; padding: 7px 10px 5px 5px; gap: 0 5px; font-size: 15px;}
         .contacts-item__badge .btn .svg-icon__image {width: 20px;}
   .contacts-item-text__row {margin-bottom: 30px;}
      .contacts-item__text .font-lead {margin-bottom: 5px; font-family: var(--font-medium);}
      .contacts-item__text .h3 {margin-bottom: 5px;}
   .contacts-item__map:before {padding-top: calc(100vh - var(--header-height));}
   .contacts-item__managers .managers__title {font-size: 22px; text-align: center;}
   .contacts-item__managers .managers__list {justify-content: center;}
   .contacts-item__button:not(:last-child) {text-align: center;}
   .contacts-item__video:before {padding-top: calc(100vh - var(--header-height));}
}

/*slider*/
.contacts-slider__item.swiper-slide {width: clamp(680px,60vw,1344px);/*margin-left: 40px;  margin-right: 40px; */transition: all 1s cubic-bezier(0,0,0.5,1);}
   .contacts-slider-item__in {width: 100%; height: 100%; position: relative; transition: all .5s cubic-bezier(0,0,0.5,1);}
      .contacts-slider-item__in:before {content: ''; display: block; padding-top: 56.25%;}
      .contacts-slider-item__in img,
      .contacts-slider-item__in video {position: absolute; top: 0; left: 0; transition: transform .5s cubic-bezier(0,0,0.5,1), width 0.5s ease 0s, max-width 0.5s ease 0s; width: 100%; height: 100%; object-fit: cover;}
      .contacts-slider__item.swiper-slide-active img,
      .contacts-slider__item.swiper-slide-active video {transform: scale(1) translateX(0); transition: transform 1s cubic-bezier(0,0,0.5,1), width 0.5s ease 0s, max-width 0.5s ease 0s;}
      .contacts-slider-item__in video + img {transfrom: none; transition: none;}
      .contacts-slider__item.is-playing .contacts-slider-item__in video + img {opacity: 0;}
.contacts__text.flex {gap: 0 40px;}
   .contacts-text__list {position: relative; width: 100%;}
      .contacts-text__item {position: absolute; left: 0; opacity: 0; visibility: hidden; transition: all 0.3s ease 0s;}
      .contacts-text--top .contacts-text__item {bottom: 0;}
      .contacts-text--bottom .contacts-text__item {top: 0;}
      .contacts-text--office .contacts-text__item:first-child {opacity: 1; visibility: visible;} 
      .contacts-text--shuttle .contacts-text__item:last-child {opacity: 1; visibility: visible;} 
      .contacts__text .contacts__arrows {margin-top: 0;}

@keyframes delay-overflow {
  from { overflow: hidden; }
}

@media all and (min-width: 768px) {
   .contacts-slider__item.swiper-slide,
   .contacts__slider .contacts-slider__item.swiper-slide:last-child {margin-right: 40px;}
}
@media all and (max-width: 1199px) {
   .contacts-slider__item.swiper-slide {width: calc(100vw - 80px);}
   .contacts__slider .contacts-slider__item.swiper-slide:last-child {margin-right: 80px;}
}
@media all and (max-width: 767px) {
   .contacts__slider.swiper {overflow: visible;}
      .contacts-slider__item.swiper-slide {width: calc(100vw - 60px);}
      .contacts-slider-item__in {transition: all 1s cubic-bezier(0,0,0.5,1); margin-left: 30px;}
      .contacts-slider__item.swiper-slide.swiper-slide-active .contacts-slider-item__in {margin-left: 0px;}
      .contacts-slider__item.swiper-slide.swiper-slide-prev .contacts-slider-item__in {margin-left: 0px; margin-right: 30px; }
      .contacts-slider .contacts-slider__item.swiper-slide:last-child .contacts-slider-item__in {margin-right: 60px;}
      .contacts-slider__item.is-full {z-index: 2;}
         .contacts-slider__item.swiper-slide-active .contacts-slider-item__in {overflow: visible;}
            .contacts-slider__item.swiper-slide-active.is-full .contacts-slider-item__in img,
            .contacts-slider__item.swiper-slide-active.is-full .contacts-slider-item__in video {width: calc(100vw + 0px); max-width: 100vw; height: auto;}
}


/*====================================================
   КП генератор - список
====================================================*/
.offer__in {display: block; position: relative; color: #FFF;}
   .offer__image {position: relative; z-index: 0;}
      .offer__image img {display: block; width: 100%; height: 100%; object-fit: cover; filter: brightness(0.75) invert(0);;}
   .offer__content {position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; padding: 60px;}
.card--offer .tb__cell {vertical-align: middle;}
   .card--offer .tb__el a { text-decoration: none;}
   .card--offer .tb__el a:hover {text-decoration: underline;}

@media all and (min-width: 768px) {
   .offer__date svg {width: 30px;}
}
@media all and (min-width: 1200px) {
   .offer__date svg {width: 40px;}
}
@media all and (max-width: 1199px) {
   .offer__image {height: 360px;}
   .offer__content {padding: 40px;}
}
@media all and (max-width: 767px) {
   .offer__image {height: 280px;}
}
@media all and (max-width: 480px) {
   .offer__image {height: 220px;}
      .offer__image img {border-radius: 10px;}
   .offer__content {padding: 20px;}
}
@media screen and (max-width: 991px) and (orientation: landscape) {
   .offer__image {height: 220px;}
      .offer__image img {border-radius: 10px;}
   .offer__content {padding: 20px;}
}


/*====================================================
   КП генератор - одно КП
====================================================*/
/*=== Global ====*/
:root {
   --gray-light-3: #F5F5F7;
   --gray-light-4: #757880;
}

/*=== Backgrounds ====*/
.bg-gray-light-3 {background: var(--gray-light-3);}

.txt-anthracite {color: var(--anthracite);}
.txt-blue-light {color: var(--blue-light);}
.txt-gray-light-4 {color: var(--gray-light-4);}

/*kp-intro*/
.kp-intro__in {gap: 40px 60px;}
   .kp-intro__managers {column-gap: 40px;}
      .kp-intro-managers__item {text-align: center;}
         .kp-intro-managers__link {display: inline-flex; text-decoration: none;}
            .kp-intro-managers__top {position: relative; margin-bottom: 10px;}
               .kp-intro-managers__image img {display: block;}
               .kp-intro-managers__messenger {position: absolute; bottom: 0; right: 0; width: 30px; height: 30px; border-radius: 100%; transition: all var(--easing-slow);}
               .kp-intro-managers__messenger + .kp-intro-managers__messenger {right: auto; left: 0;}
               .no-touchevents .kp-intro-managers__messenger:hover {transform: scale(1.1);}
   .kp-intro__contacts {gap: 0 40px;}
      .kp-intro-contacts__route {column-gap: 40px;}
      .kp-intro-contacts__icon {text-align: center; line-height: 1; row-gap: 5px;}

@media screen and (min-width: 768px) {
   .kp-intro__title {grid-area: a;}
   .kp-intro__managers-title {grid-area: b;}
   .kp-intro__managers {grid-area: c; gap: 0 80px;}
   .kp-intro__text {grid-area: d;}
   .kp-intro__contacts {grid-area: e;}
      .kp-intro-contacts__label-phone {grid-area: a;}
      .kp-intro-contacts__phone {grid-area: b;}
      .kp-intro-contacts__label-route {grid-area: c;}
      .kp-intro-contacts__route {grid-area: d;}
}
@media screen and (min-width: 1200px) {
   .kp-intro__in {grid-template-columns: repeat(3,1fr);
   grid-template-areas: 
      "a a a"
      "b d e"
      "c d e";}
      .kp-intro__contacts {
      grid-template-areas: 
         "a a"
         "b b"
         "c d"
         ". .";}
            .kp-intro-contacts__phone {margin-bottom: 20px;}
            .kp-intro-contacts__label-route {max-width: 400px;}
}
@media screen and (max-width: 1199px) {
   .kp-intro__in {gap: 20px 40px;}
      .kp-intro__contacts {gap: 20px 40px;}
}
@media screen and (min-width: 768px) and (max-width: 1199px) {
   .kp-intro__in {grid-template-columns: repeat(2,1fr);
   grid-template-areas: 
      "a a"
      "b b"
      "d c"
      "e e";}
      .kp-intro__contacts {grid-template-columns: repeat(2,1fr);
      grid-template-areas: 
         "a b"
         "c d";}
      .kp-intro__managers {justify-content: start;}
}
@media screen and (max-width: 991px) and (orientation: landscape) {
   .kp-intro__managers {justify-content: start;}
}

/*kp-shuttle*/
.kp-shuttle__in {gap: 40px 70px;}
   .kp-shuttle__button .btn {width: 255px;}

@media screen and (min-width: 768px) {
   .kp-shuttle__in {grid-template-columns: auto clamp(375px,55.834vw,1072px);
   grid-template-areas: 
      "a b"
      "c b"
      "d b"
      ". b";}
      .kp-shuttle__title {grid-area: a;}
      .kp-shuttle__video {grid-area: b;}
      .kp-shuttle__text {grid-area: c;}
      .kp-shuttle__button {grid-area: d;}
}
@media screen and (max-width: 1199px) {
   .kp-shuttle__in {gap: 20px;}
      .kp-shuttle__button .btn {width: 150px;}
}
@media screen and (max-width: 767px) {
}

/*pool-details*/
.pool-details__in {padding: clamp(40px,6vw,110px); gap: 0 40px;}
   .pool-details__col:first-child {flex: 0 0 55%;}
      .pool-details-elements__panel {position: relative; /*padding-right: -26.5%; padding-right: 19.175%;*/ width: 343px;}
         .pool-details-elements__image {max-width: 70.265%; margin-left: -10px;}
         .pool-details__elements--marshall .pool-details-elements__image {max-width: 75.805%;}
         .pool-details-elements__lines {position: absolute; top: 8%; right: 48px; max-width: 65%;}
         /*marshall*/
         .pool-details__elements--marshall .pool-details-elements__lines {top: 14%; right: 80px; max-width: 54%;}
         .pool-details-elements__nums {position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
            .pool-details-elements__nums a {position: absolute; width: 38px; height: 38px; color: #000; text-decoration: none;}
            .pool-details-elements__nums a:nth-child(1) {top: 3%; right: 22px;}
            .pool-details-elements__nums a:nth-child(2) {top: 27%; right: 41px;}
            .pool-details-elements__nums a:nth-child(3) {top: 37%; right: 0;}
            .pool-details-elements__nums a:nth-child(4) {top: 47%; right: 41px;}
            .pool-details-elements__nums a:nth-child(5) {top: 57%; right: 0;}
            .pool-details-elements__nums a:nth-child(6) {top: 67%; right: 41px;}
            .pool-details-elements__nums a:nth-child(7) {top: 77%; right: 0;}
            .pool-details-elements__nums a:nth-child(8) {top: 92%; right: 41px;}

            /*marshall*/
            .pool-details__elements--marshall .pool-details-elements__nums a:nth-child(1) {top: 9.5%; right: 36px;}
            .pool-details__elements--marshall .pool-details-elements__nums a:nth-child(2) {top: 35%; right: 53px;}
            .pool-details__elements--marshall .pool-details-elements__nums a:nth-child(3) {top: 44.8%; right: 32px;}
            .pool-details__elements--marshall .pool-details-elements__nums a:nth-child(4) {top: 54.5%; right: 53px;}
            .pool-details__elements--marshall .pool-details-elements__nums a:nth-child(5) {top: 64.2%; right: 32px;}
            .pool-details__elements--marshall .pool-details-elements__nums a:nth-child(6) {top: 89%; right: 53px;}

      .pool-details__text {margin-bottom: 40px;}

@media screen and (max-width: 1199px) {
   .pool-details__in {padding: 40px 20px;}
}
@media screen and (max-width: 767px) {
   .pool-details__elements {display: flex; justify-content: center; margin-bottom: 40px;}
   .pool-details__image {text-align: center;}
}
@media screen and (max-width: 374px) {
   .pool-details-elements__panel {width: 100%; max-width: 100%;}
      /*.pool-details-elements__image {max-width: 68.5%;}*/
      .pool-details-elements__lines {right: 41px;}
      .pool-details-elements__nums a {width: 32px; height: 32px; font-size: 18px;}
      .pool-details-elements__nums a:nth-child(2) {right: 36px;}
      .pool-details-elements__nums a:nth-child(4) {right: 36px;}
      .pool-details-elements__nums a:nth-child(6) {right: 36px;}
      .pool-details-elements__nums a:nth-child(8) {right: 36px;}

      /*marshall*/
      .pool-details__elements--marshall .pool-details-elements__lines {right: 60px;}
      .pool-details__elements--marshall .pool-details-elements__nums a:nth-child(1) {right: 23px;}
      .pool-details__elements--marshall .pool-details-elements__nums a:nth-child(2) {right: 39px;}
      .pool-details__elements--marshall .pool-details-elements__nums a:nth-child(3) {right: 20px;}
      .pool-details__elements--marshall .pool-details-elements__nums a:nth-child(4) {right: 39px;}
      .pool-details__elements--marshall .pool-details-elements__nums a:nth-child(5) {right: 20px;}
      .pool-details__elements--marshall .pool-details-elements__nums a:nth-child(6) {right: 39px;}
}

/*priorities*/
.priorities__item {border: 6px solid transparent; border-radius: 0.62em; background: linear-gradient(#fff, #fff 0) padding-box, linear-gradient(40deg, #7BAFDE, #ED1C24) border-box; overflow: hidden; text-align: center; padding: 1.7em 15px; font-size: clamp(32px,2.8vw,50px); line-height: 1;}
.priorities__item:not(a) {cursor: default;}
   .priorities-item__state {font-family: var(--font-bold); font-size: clamp(48px,3.96vw,75px); line-height: 1; margin-bottom: 23px;}
      .priorities-item__num {font-size: clamp(120px,10vw,188px); line-height: 0.7;}

@media (min-width: 992px) {
   .priorities__list {gap: 40px;}
   .priorities__list.flex-lg {flex-wrap: wrap;}
      .priorities__item {width: clamp(204px,26.6vw,240px);}
}
@media (min-width: 1200px) {
   .priorities__list {gap: 60px;}
      .priorities__item {width: clamp(220px,16.7vw,320px);}
}
@media screen and (max-width: 1199px) {
   .priorities__item {border-width: 4px; border-radius: 20px; padding: 1.6em 11px; font-size: clamp(16px,4.2vw,32px);}
      .priorities-item__state {font-size: clamp(24px,6.3vw,48px); margin-bottom: 12px;}
         .priorities-item__num {font-size: clamp(60px,15.8vw,120px); line-height: 0.8;}
}
@media screen and (max-width: 991px) {
   .priorities__list {grid-template-columns: repeat(3,1fr); gap: 35px;}
}
@media screen and (max-width: 767px) {
   .priorities__list {gap: 20px;}
      .priorities__item {font-size: 20px;}
}
@media screen and (max-width: 480px) {
   .priorities__item {border-width: 2px; border-radius: 10px; padding: 1.6em 6px; font-size: 16px;}
      .priorities-item__state {font-size: 24px; margin-bottom: 8px;}
         .priorities-item__num {font-size: 60px;}
}
@media screen and (max-width: 374px) {
   .priorities__list {display: block;}
      .priorities__item {margin: 0 0 30px;}
}

/*pool-selected*/
.pool-selected {margin-bottom: 4px;}
   .pool-selected__in {padding: clamp(40px,6vw,110px);}
      .pool-selected__inform {gap: 0 45px;}
         .pool-selected__col {font-size: 16px;}
         .pool-selected__col:first-child {flex: 0 0 40%; padding-top: 5px;}
            .pool-selected__param {gap: 0 45px; padding-top: 7px; font-family: var(--font-light);}
               .pool-selected-param__set {gap: 0 35px;}
                  .pool-selected-param__set .tb__cell {padding: 5px 8px; vertical-align: top;}
                  .pool-selected-param__set .tb__cell:first-child {padding-left: 0;}
                  .pool-selected-param__set .tb__cell:last-child {padding-right: 0;}
               .pool-selected-param__list {gap: 20px 30px;}
                  .pool-selected-param__visual-text {margin-bottom: 15px;}
                     .pool-selected-param__visual-text span {display: block; width: min-content;}
         .pool-selected__card .card__header {position: absolute; top: 0; left: 0; width: 100%; z-index: 19; padding: 0; border-bottom: 0;}
         .pool-selected__card .card__header.fixed {position: fixed;}
         .header ~ .content .pool-selected__card .card__header.fixed{top: var(--header-height);}
            .pool-selected__card .card__header-in {padding-top: 27px; padding-bottom: 29px;}
               .pool-selected__card .card__header-table .tb__cell {padding: 1px 16px; vertical-align: top;}
               .pool-selected__card .card__header-table .tb__cell:first-child {padding-left: 0;}
               .pool-selected__card .card__header-table .tb__cell:last-child {padding-right: 0;}
      .pool-selected__card {position: relative;}
         .selected-card__item {border-top: 1px solid var(--anthracite);}
         .selected-card__item:first-child {border-top: 0;}
            .card__table.bg .selected-card__item .accordion {padding-left: 18px; padding-right: 18px;}
            .selected-card__item .accordion__toggle {border-color: #757880;}
               .selected-card__item .accordion__toggle:before, .selected-card__item .accordion__toggle:after {background-color: #757880;}
               .selected-card-row .card__title .selected-card-row__sum {display: block; padding-top: 4px;}
               .selected-card-row .card__title sup {color: red; vertical-align: baseline; font-size: 26px;}
            .selected-card-row__in {padding-top: 20px; font-size: 14px; color: #3D3D3D;}
            .with-accordion-double .selected-card-row__in {padding-top: 20px; padding-left: 33px; padding-right: 33px;}
            .with-accordion-double .card-double__in .selected-card-row__in {padding-left: 0; padding-right: 0;}
               .card-double__in .selected-card__item .accordion__toggle {width: 28px; height: 28px; margin-top: -12px;}
                  .card-double__in .selected-card__item .accordion__toggle:before {width: 17px; margin-left: -8px;}
                  .card-double__in .selected-card__item .accordion__toggle:after {height: 17px; margin-top: -8px;}
               .selected-card-row__note {color: red; margin-bottom: 5px;}
               .selected-card-row .card__table {max-width: 773px;}
               .selected-card-row .card__table.bg {border-top: 1px solid var(--anthracite);}
                  .selected-card-row .card__table .tb__head {font-size: 12px;}
                     .selected-card-row .card__table .tb__cell {position: relative; padding: 10px; text-align: right; vertical-align: top;}
                     .selected-card-row .card__table .tb__cell.txt-center {text-align: center;}
                     .selected-card-row .card__table .tb__cell:first-child {padding-left: 0; text-align: left; width: 40%;}
                     .selected-card-row .card__table .tb__cell:last-child {padding-right: 0;}
                     .selected-card-row .card__table .tb__head .tb__cell {padding-top: 5px; padding-bottom: 13px;}
                        .card__table .loop-bage {display: block; position: absolute; top: -4px; padding: 0 3px 1px; border-radius: 2px; line-height: 1; text-wrap: nowrap;}
                           .card__table .loop-bage > * {vertical-align: middle;}
                           .card__table .loop-bage .svg {margin-right: 3px;}

@keyframes slideDownHeader {
   from {
      transform: translateY(10%)
   } 
   to {
      transform: translateY(0)
   }
}

@media screen and (min-width: 1200px) {
   .header ~ .content .pool-selected__card .card__header.fixed {top: 60px;}
      .pool-selected__card .card__header.fixed .card__header-wpapper {max-width: 1706px; margin: 0 auto; padding: 0 var(--padding-inner);}
      .pool-selected__card .card__header.fixed .card__header-in {padding-left: 0; padding-right: 0;}
   .pool-selected-param__visual {flex: 1 0 auto;}
}
@media screen and (max-width: 1199px) {
   .pool-selected__in {padding: 40px 20px;}
   .with-accordion-double .selected-card-row__in {padding-left: 0; padding-right: 0;}
}
@media screen and (max-width: 767px) {
   .pool-selected {margin-bottom: 0;}
      .pool-selected__in {padding-bottom: 0;}
         .pool-selected .card__body.bg-white {padding-bottom: 100px;}
         .pool-selected-param__col {margin-bottom: 26px;}
            .pool-selected-param__set,
            .pool-selected-param__list {column-gap: 35px;}
         .pool-selected__card .card__header-in {padding-top: 15px; padding-bottom: 14px;}
            .pool-selected__card .card__header-table .tb__cell {padding: 3px 10px;}
         .selected-card-row .card__title .selected-card-row__sum.font-16 {font-size: 14px;}
         .selected-card__item:last-child {border-bottom: 1px solid var(--anthracite);}
}
@media all and (max-width: 480px) {
   .pool-selected .card__body.bg-white {padding-bottom: 60px;}
   .selected-card-row, .selected-card-row.py-20 {padding-top: 15px; padding-bottom: 15px;}
      .selected-card-row .card__title .selected-card-row__sum {padding-top: 0;}
      .selected-card-row .card__table .tb__cell {padding: 10px 3px;}
}
@media all and (max-width: 374px) {
   .card__table.bg .selected-card__item .accordion {padding-left: 10px; padding-right: 10px;}
}
@media screen and (max-width: 991px) and (orientation: landscape) {
   .pool-selected {margin-bottom: 0;}
      .pool-selected__in {padding-bottom: 0;}
         .pool-selected .card__body.bg-white {padding-bottom: 100px;}
         .selected-card__item:last-child {border-bottom: 1px solid var(--anthracite);}
}

/*recommend*/
.recommend {position: relative;}
   .recommend__in {padding: clamp(40px,6vw,110px);}
      .recommend__list {position: relative;}
         .recommend__item {display: block; position: relative; overflow: hidden; padding: 0 0 4.4vw; border: 4px solid transparent; background: linear-gradient(#04050A, #04050A 0) padding-box, linear-gradient(40deg, #7BAFDE, #ED1C24) border-box; text-decoration: none;}
            .recommend__image {margin-bottom: 2vw;}
            .recommend-item__title, .recommend-item__text {padding-left: 1.56vw; padding-right: 1.56vw;}
            .recommend-item__title {margin-bottom: 2vw; font-size: clamp(20px,1.78vw,34px);}
            .recommend-item__text {font-size: clamp(20px,1.26vw,24px);}

@media screen and (max-width: 1199px) {
   .recommend__in {padding: 40px 20px;}
      .recommend__item {padding-bottom: 30px;}
         .recommend__image {margin-bottom: 27px;}
         .recommend-item__title {padding-bottom: 20px; font-size: clamp(20px,2.2vw,28px);}
         .recommend-item__text {font-size: clamp(18px,1.6vw,24px);}
}
@media screen and (max-width: 991px) {
   .recommend__item {padding-bottom: 20px; border-width: 2px;}
      .recommend__image {margin-bottom: 20px;}
      .recommend-item__title, .recommend-item__text {padding-left: 15px; padding-right: 15px;}
      .recommend-item__title {padding-bottom: 5px; font-size: 18px;}
      .recommend-item__text {font-size: 16px;}
}
@media screen and (min-width: 481px) and (max-width: 767px) {
   .recommend__list {max-width: 526px; margin-left: auto; margin-right: auto;}
      .recommend__item {border-width: 4px;}
}
@media screen and (min-width: 375px) and (max-width: 480px) {
   .recommend-item__title, .recommend-item__text {padding-left: 10px; padding-right: 10px;}
   .recommend-item__title {padding-bottom: 15px; font-family: var(--font-bold); font-size: 16px;}
   .recommend-item__text {font-size: 14px;}
}
@media screen and (max-width: 374px) {
   .recommend__list.grid {display: block;}
      .recommend__item {margin-bottom: 30px;}
   p.py-2 {padding-top: 0 !important;}
}


/*account*/
.account__in {max-width: 1074px; margin: 0 auto; padding: 60px;}
   .account__content {max-width: 840px; margin: 0 auto;}
      .account__bottom {margin-top: 20px;}
       
@media screen and (min-width: 768px) {
   .account__link {order: 1; gap: 0 15px;}
      .account-link__arrow {margin-left: -50px; flex: 0 0 104px;}
   .account-slider__arrows {order: 2;}
}
@media screen and (max-width: 767px) {
   .account__in {padding: 40px;}
      .account-slider__arrows {margin-bottom: 20px;}
}
@media screen and (max-width: 480px) {
   .account__in {padding: 20px;}
      .account-slider__image {height: 75vw;}
      .account__link {text-align: center;}
         .account-link__text {margin-bottom: 10px;}
         .account-link__button {position: relative;}
            .account-link__button .btn {width: 134px;}
            .account-link__arrow {position: absolute; top: -18px; left: 100%; width: 26px; margin-left: 25px;}
}


/*====================================================
   .footer
====================================================*/
.footer {position: relative; z-index: 1; padding: 40px 0; line-height: 1.5;}
   .footer__in {gap: 20px;}
      .footer__copyright {padding-left: 60px;}
          
@media screen and (max-width: 1199px) {
   .footer {padding: 20px 0;}
      .footer__copyright {padding-left: 40px;}
}
@media screen and (max-width: 480px) {
   .footer__logo {width: 20.515vw;}
}
@media screen and (max-width: 991px) and (orientation: landscape) {
   .footer__logo {width: 10.87vw;}
}
   

/*====================================================
   .modal-block
====================================================*/
.modal-block {visibility: hidden; position: fixed; top: 0; left: 0; right: 0; height: 100%; z-index: 100;}
.modal-block.visible {visibility: visible;}
   .modal-block__overlay {opacity: 0; visibility: hidden; height: 100%; padding: 0 var(--padding-inner); position: relative; z-index: 100; background: rgba(0,0,0,.7); transition: all var(--easing-slow);}
   .modal-block.visible .modal-block__overlay {visibility: visible; opacity: 1;}
      .modal-block__inner {opacity: 0; visibility: hidden; position: relative; width: 100%; max-width: 760px; max-height: 100%; overflow: auto; -webkit-overflow-scrolling: touch; transform: scale(0.5); will-change: transform; transition: all var(--easing-slow);}
      .modal-block__inner--small {max-width: 480px;}
      .modal-block.visible .modal-block__inner {opacity: 1; visibility: visible; transform: scale(1);}
            
@media screen and (max-width: 480px) {
   .modal-block__overlay {padding: 0;}
}
@media screen and (max-width: 991px) and (orientation: landscape) {
   .modal-block__overlay {padding: 0;}
}

/*small*/
.modal-block--small .modal-block__inner {max-width: 340px; padding: 40px;}
   .modal-block--small .modal-block__image img {display: block; border-radius: 10px; border: 1px solid #000;}
   .modal-block--small .modal-block__title {padding-right: 20px;}

@media screen and (max-width: 480px) {
   .modal-block--small .modal-block__inner {padding: 20px;}
}
@media screen and (max-width: 991px) and (orientation: landscape) {
   .modal-block--small .modal-block__inner {padding: 20px;}
}

/*animate*/
.modal-block--animate .modal-block__overlay {transition: all var(--easing);}
.modal-block--animate .link-close {border: 0; top: 10px; right: 10px;}
   .modal-block--animate .link-close:before,
   .modal-block--animate .link-close:after {width: 12px; margin-left: -6px;}
.modal-block--animate .modal-block__inner {border-radius: var(--br-10); animation-timing-function: linear; animation-fill-mode: forwards;}
.modal-block--animate:not(.visible) .modal-block__inner {animation-name: modal-close; animation-duration: 0.5s;}
.modal-block--animate.visible .modal-block__inner {animation-name: modal-open; animation-duration: 1.5s;}

@media screen and (max-width: 480px) {
   .modal-block--animate .modal-block__overlay {padding: 0 var(--padding-inner);}
}
@media screen and (max-width: 991px) and (orientation: landscape) {
   .modal-block--animate .modal-block__overlay {padding: 0 var(--padding-inner);}
}

@keyframes modal-close {
   0% { opacity: 1; visibility: visible; transform: scale(1.1);}
   100% { opacity: 0; visibility: hidden; transform: scale(0.5);}
}
@keyframes modal-open {
   0% {opacity: 0; visibility: hidden; transform: matrix3d(0.7, 0, 0, 0, 0, 0.7, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
   2.083333% { transform: matrix3d(0.75266, 0, 0, 0, 0, 0.76342, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
   4.166667% { transform: matrix3d(0.81071, 0, 0, 0, 0, 0.84545, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
   6.25% { transform: matrix3d(0.86808, 0, 0, 0, 0, 0.9286, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
   8.333333% { transform: matrix3d(0.92038, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
   10.416667% { transform: matrix3d(0.96482, 0, 0, 0, 0, 1.05202, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
   12.5% { transform: matrix3d(1, 0, 0, 0, 0, 1.08204, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
   14.583333% { transform: matrix3d(1.02563, 0, 0, 0, 0, 1.09149, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
   16.666667% { transform: matrix3d(1.04227, 0, 0, 0, 0, 1.08453, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
   18.75% { transform: matrix3d(1.05102, 0, 0, 0, 0, 1.06666, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
   20.833333% { transform: matrix3d(1.05334, 0, 0, 0, 0, 1.04355, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
   22.916667% { transform: matrix3d(1.05078, 0, 0, 0, 0, 1.02012, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
   25% { transform: matrix3d(1.04487, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
   27.083333% { transform: matrix3d(1.03699, 0, 0, 0, 0, 0.98534, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
   29.166667% { transform: matrix3d(1.02831, 0, 0, 0, 0, 0.97688, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
   31.25% { transform: matrix3d(1.01973, 0, 0, 0, 0, 0.97422, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
   33.333333% { transform: matrix3d(1.01191, 0, 0, 0, 0, 0.97618, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
   35.416667% { transform: matrix3d(1.00526, 0, 0, 0, 0, 0.98122, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
   37.5% { transform: matrix3d(1, 0, 0, 0, 0, 0.98773, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
   39.583333% { transform: matrix3d(0.99617, 0, 0, 0, 0, 0.99433, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
   41.666667% { transform: matrix3d(0.99368, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
   43.75% { transform: matrix3d(0.99237, 0, 0, 0, 0, 1.00413, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
   45.833333% { transform: matrix3d(0.99202, 0, 0, 0, 0, 1.00651, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
   47.916667% { transform: matrix3d(0.99241, 0, 0, 0, 0, 1.00726, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
   50% { opacity: 1; visibility: visible; transform: matrix3d(0.99329, 0, 0, 0, 0, 1.00671, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
   52.083333% { transform: matrix3d(0.99447, 0, 0, 0, 0, 1.00529, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
   54.166667% { transform: matrix3d(0.99577, 0, 0, 0, 0, 1.00346, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
   56.25% { transform: matrix3d(0.99705, 0, 0, 0, 0, 1.0016, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
   58.333333% { transform: matrix3d(0.99822, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
   60.416667% { transform: matrix3d(0.99921, 0, 0, 0, 0, 0.99884, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
   62.5% { transform: matrix3d(1, 0, 0, 0, 0, 0.99816, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
   64.583333% { transform: matrix3d(1.00057, 0, 0, 0, 0, 0.99795, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
   66.666667% { transform: matrix3d(1.00095, 0, 0, 0, 0, 0.99811, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
   68.75% { transform: matrix3d(1.00114, 0, 0, 0, 0, 0.99851, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
   70.833333% { transform: matrix3d(1.00119, 0, 0, 0, 0, 0.99903, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
   72.916667% { transform: matrix3d(1.00114, 0, 0, 0, 0, 0.99955, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
   75% { transform: matrix3d(1.001, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
   77.083333% { transform: matrix3d(1.00083, 0, 0, 0, 0, 1.00033, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
   79.166667% { transform: matrix3d(1.00063, 0, 0, 0, 0, 1.00052, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
   81.25% { transform: matrix3d(1.00044, 0, 0, 0, 0, 1.00058, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
   83.333333% { transform: matrix3d(1.00027, 0, 0, 0, 0, 1.00053, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
   85.416667% { transform: matrix3d(1.00012, 0, 0, 0, 0, 1.00042, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
   87.5% { transform: matrix3d(1, 0, 0, 0, 0, 1.00027, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
   89.583333% { transform: matrix3d(0.99991, 0, 0, 0, 0, 1.00013, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
   91.666667% { transform: matrix3d(0.99986, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
   93.75% { transform: matrix3d(0.99983, 0, 0, 0, 0, 0.99991, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
   95.833333% { transform: matrix3d(0.99982, 0, 0, 0, 0, 0.99985, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
   97.916667% { transform: matrix3d(0.99983, 0, 0, 0, 0, 0.99984, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
   100% { opacity: 1; visibility: visible; transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
}

/*payments*/
.modal-block--payments .modal-block__inner {max-width: 360px; padding: 0;}
                        

/*====================================================
   .back-top
====================================================*/
.back-top {opacity: 0; visibility: hidden; position: fixed; bottom: var(--padding-inner); right: var(--padding-inner); width: 60px; height: 60px; border: 1px solid #FFF; border-radius: 100%; overflow: hidden; z-index: 10; cursor: pointer; filter: contrast(0.5); transition: all var(--easing-slow);}
.back-top:hover {background: var(--red); filter: contrast(1);}
.back-top.visible {opacity: 1; visibility: visible;}
   .back-top svg {position: absolute; top: 50%; left: 50%; margin: -14px 0 0 -12px; width: 24px; height: 28px;}
   .no-touchevents .back-top:hover svg, .touchevents .back-top:active svg {animation: overflow-repeat-y .3s ease-out;}

@media screen and (max-width: 1199px) {
   .back-top {width: 40px; height: 40px;}
      .back-top svg {margin: -10px 0 0 -8px; width: 16px; height: 20px;}
}


/*====================================================
   Simplebar - v6.2.7 * Scrollbars, simpler
====================================================*/
[data-simplebar]{position:relative;flex-direction:column;flex-wrap:wrap;justify-content:flex-start;align-content:flex-start;align-items:flex-start}
.simplebar-wrapper{overflow:hidden;width:inherit;height:inherit;max-width:inherit;max-height:inherit}
.simplebar-mask{direction:inherit;position:absolute;overflow:hidden;padding:0;margin:0;left:0;top:0;bottom:0;right:0;width:auto!important;height:auto!important;z-index:0}
.simplebar-offset{direction:inherit!important;box-sizing:inherit!important;resize:none!important;position:absolute;top:0;left:0;bottom:0;right:0;padding:0;margin:0;-webkit-overflow-scrolling:touch}
.simplebar-content-wrapper{direction:inherit;box-sizing:border-box!important;position:relative;display:block;height:100%;width:auto;max-width:100%;max-height:100%;overflow:auto;scrollbar-width:none;-ms-overflow-style:none}
.simplebar-content-wrapper::-webkit-scrollbar,.simplebar-hide-scrollbar::-webkit-scrollbar{display:none;width:0;height:0}
.simplebar-content:after,.simplebar-content:before{content:' ';display:table}.simplebar-placeholder{max-height:100%;max-width:100%;width:100%;pointer-events:none}
.simplebar-height-auto-observer-wrapper{box-sizing:inherit!important;height:100%;width:100%;max-width:1px;position:relative;float:left;max-height:1px;overflow:hidden;z-index:-1;padding:0;margin:0;pointer-events:none;flex-grow:inherit;flex-shrink:0;flex-basis:0}
.simplebar-height-auto-observer{box-sizing:inherit;display:block;opacity:0;position:absolute;top:0;left:0;height:1000%;width:1000%;min-height:1px;min-width:1px;overflow:hidden;pointer-events:none;z-index:-1}
.simplebar-track{z-index:1;position:absolute;right:10px;bottom:0;border-radius:3px;pointer-events:none;overflow:hidden}
[data-simplebar].simplebar-dragging{pointer-events:none;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
[data-simplebar].simplebar-dragging .simplebar-content{pointer-events:none;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
[data-simplebar].simplebar-dragging .simplebar-track{pointer-events:all}
.simplebar-scrollbar{position:absolute;left:0;right:0;min-height:10px}
.simplebar-scrollbar:before{position:absolute;content:'';background:var(--red);border-radius:2em;left:0;right:0;transition:opacity .2s .5s linear}
.simplebar-scrollbar.simplebar-visible:before{transition-delay:0s;transition-duration:0s}
.simplebar-track.simplebar-vertical{top:15px;right: calc(var(--padding-2)/2 - 4px);width:8px;background: var(--gray-light);}
.simplebar-scrollbar:before{top:0;bottom:0;left:0;right:0;}
.simplebar-track.simplebar-horizontal{left:0;height:11px;display:none !important;}
.simplebar-track.simplebar-horizontal .simplebar-scrollbar{right:auto;left:0;top:0;bottom:0;min-height:0;min-width:10px;width:auto}
[data-simplebar-direction=rtl] .simplebar-track.simplebar-vertical{right:auto;left:0}
.simplebar-dummy-scrollbar-size{direction:rtl;position:fixed;opacity:0;visibility:hidden;height:500px;width:500px;overflow-y:hidden;overflow-x:scroll;-ms-overflow-style:scrollbar!important}
.simplebar-dummy-scrollbar-size>div{width:200%;height:200%;margin:10px 0}
.simplebar-hide-scrollbar{position:fixed;left:0;visibility:hidden;overflow-y:scroll;scrollbar-width:none;-ms-overflow-style:none}

@media screen and (max-width: 1199px) {
   .simplebar-track.simplebar-vertical {width: 7px;}
}


/*====================================================
   #datepicker
====================================================*/
.xdsoft_datetimepicker {
   width: calc(var(--form-column) * 2 + var(--form-column-gap));
   border: 1px solid var(--gray-dark);
   border-radius: var(--br-6);
   padding: var(--form-column-gap);
   position: absolute;
   z-index: 9999;
   -moz-box-sizing: border-box;
   box-sizing: border-box;
   display: none;
}
.xdsoft_datetimepicker.xdsoft_rtl {
   padding: 8px 0 8px 8px;
}
.xdsoft_datetimepicker iframe {
   position: absolute;
   left: 0;
   top: 0;
   width: 75px;
   height: 210px;
   background: transparent;
   border: none;
}

/*For IE8 or lower*/
.xdsoft_datetimepicker button {
   border: none !important;
}

.xdsoft_noselect {
   -webkit-touch-callout: none;
   -webkit-user-select: none;
   -khtml-user-select: none;
   -moz-user-select: none;
   -ms-user-select: none;
   -o-user-select: none;
   user-select: none;
}

.xdsoft_noselect::selection { background: transparent }
.xdsoft_noselect::-moz-selection { background: transparent }

.xdsoft_datetimepicker.xdsoft_inline {
   display: inline-block;
   position: static;
   box-shadow: none;
}

.xdsoft_datetimepicker * {
   -moz-box-sizing: border-box;
   box-sizing: border-box;
   padding: 0;
   margin: 0;
}

.xdsoft_datetimepicker .xdsoft_datepicker, .xdsoft_datetimepicker .xdsoft_timepicker {
   display: none;
}

.xdsoft_datetimepicker .xdsoft_datepicker.active, .xdsoft_datetimepicker .xdsoft_timepicker.active {
   display: block;
}

.xdsoft_datetimepicker .xdsoft_datepicker {
   width: 100%;
   float: left;
}
.xdsoft_datetimepicker.xdsoft_rtl .xdsoft_datepicker {
   float: right;
   margin-right: 8px;
   margin-left: 0;
}

.xdsoft_datetimepicker.xdsoft_showweeks .xdsoft_datepicker {
   width: 256px;
}

.xdsoft_datetimepicker .xdsoft_timepicker {
   width: 58px;
   float: left;
   text-align: center;
   margin-left: 8px;
   margin-top: 0;
}
.xdsoft_datetimepicker.xdsoft_rtl .xdsoft_timepicker {
   float: right;
   margin-right: 8px;
   margin-left: 0;
}

.xdsoft_datetimepicker .xdsoft_datepicker.active+.xdsoft_timepicker {
   margin-top: 8px;
   margin-bottom: 3px
}

.xdsoft_datetimepicker .xdsoft_monthpicker {
   position: relative;
   display: flex;
   flex-wrap: nowrap;
   align-items: center;
   height: 30px;
   margin-bottom: 10px;
}

.xdsoft_datetimepicker .xdsoft_label i {
   display: block;
   width: 9px;
   height: 20px;
   position: relative;
}
.xdsoft_datetimepicker .xdsoft_label:has(.xdsoft_select[style*="block"]) i {
   transform: rotateX(180deg);
}
.xdsoft_datetimepicker .xdsoft_label i:before,
.xdsoft_datetimepicker .xdsoft_label i:after {
   content: '';
   display: block;
   position: absolute;
   top: 50%;
   left: 50%;
   width: 2px;
   height: 10px;
   background: var(--anthracite);
}
.xdsoft_datetimepicker .xdsoft_label i:before {
   margin: -4px 0 0 -4px;
   transform: rotate(-48deg);
}
.xdsoft_datetimepicker .xdsoft_label i:after {
   margin: -4px 0 0 3px;
   transform: rotate(48deg);
}

.xdsoft_datetimepicker .xdsoft_prev,
.xdsoft_datetimepicker .xdsoft_next {position: absolute; top: 50%; margin-top: -10px; width: 10px; height: 20px;}
.xdsoft_datetimepicker .xdsoft_prev {right: 30px; background: url('../i/arrow-prev.svg') 0 0 / contain no-repeat;}
.xdsoft_datetimepicker .xdsoft_next {right: 0; background: url('../i/arrow-next.svg') 0 0 / contain no-repeat;}

.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box {
   height: 151px;
   overflow: hidden;
   border-bottom: 1px solid #ddd;
}

.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box >div >div {
   background: #f5f5f5;
   border-top: 1px solid #ddd;
   color: #666;
   font-size: 12px;
   text-align: center;
   border-collapse: collapse;
   cursor: pointer;
   border-bottom-width: 0;
   height: 25px;
   line-height: 25px;
}

.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box >div > div:first-child {
   border-top-width: 0;
}

.xdsoft_datetimepicker .xdsoft_today_button:hover,
.xdsoft_datetimepicker .xdsoft_next:hover,
.xdsoft_datetimepicker .xdsoft_prev:hover {
   opacity: 1;
}

.xdsoft_datetimepicker .xdsoft_label {
   display: inline-flex;
   flex-wrap: nowrap;
   align-items: center;
   gap: 0 15px;
   border: 1px solid var(--gray-dark);
   border-radius: var(--br-3);
   height: 30px;
   padding: 0 15px;
   position: relative;
   z-index: 9999;
   margin: 0;
   font-family: var(--font-semibold);
   cursor: pointer;
   font-size: 18px;
}

.xdsoft_datetimepicker .xdsoft_label:hover i {
   opacity: 1.0;
}

.xdsoft_datetimepicker .xdsoft_label > .xdsoft_select {
   border: 1px solid var(--gray-dark);
   position: absolute;
   right: 0;
   top: 30px;
   z-index: 101;
   display: none;
   background: #fff;
   max-height:240px;
   width: calc(var(--form-column) * 2 - var(--form-column-gap));
   border-radius: var(--br-3);
   font-size: 16px;
   overflow-y: hidden;
   font-family: var(--font-regular);
}

.xdsoft_datetimepicker .xdsoft_label > .xdsoft_select.xdsoft_monthselect > div{-webkit-overflow-scrolling: touch;}

.xdsoft_datetimepicker .xdsoft_label > .xdsoft_select.xdsoft_monthselect{left: -1px;}
.xdsoft_datetimepicker .xdsoft_label > .xdsoft_select.xdsoft_yearselect{left: 0;}
.no-touchevents .xdsoft_datetimepicker .xdsoft_label > .xdsoft_select > div > .xdsoft_option:not(.xdsoft_current):hover {
   background: var(--gray-light);
}

.xdsoft_datetimepicker .xdsoft_label > .xdsoft_select > div > .xdsoft_option {
   padding: 5px 10px 5px 15px;
   text-decoration: none !important;
}

.xdsoft_datetimepicker .xdsoft_label > .xdsoft_select > div > .xdsoft_option.xdsoft_current {
   background: var(--blue);
   color: #fff;
}

.xdsoft_datetimepicker .xdsoft_month {
   text-align: left;
}

.xdsoft_datetimepicker .xdsoft_calendar {
   clear: both;
}

.xdsoft_datetimepicker .xdsoft_year{
   width: 48px;
   display: none;
}
.xdsoft_datetimepicker .xdsoft_year > .xdsoft_select {
   width: 82px;
}

.xdsoft_datetimepicker .xdsoft_calendar table {
   border-collapse: collapse;
   width: 100%;

}

.xdsoft_datetimepicker .xdsoft_calendar th {
   height: 25px;
}

.xdsoft_datetimepicker .xdsoft_calendar td,.xdsoft_datetimepicker .xdsoft_calendar th {
   width: 14.2857142%;
   background: #FFF;
   border: 0;
   font-size: 16px;
   text-align: center;
   vertical-align: middle;
   padding: 0;
   border-collapse: collapse;
   cursor: pointer;
   position: relative;
}
.xdsoft_datetimepicker.xdsoft_showweeks .xdsoft_calendar td,.xdsoft_datetimepicker.xdsoft_showweeks .xdsoft_calendar th {
   width: 12.5%;
}
.xdsoft_datetimepicker .xdsoft_calendar td:before {
   content: ''; display: block; padding-top: 100%; border-radius: 100%;
}
.xdsoft_datetimepicker .xdsoft_calendar td > div {
   position: absolute; top: 0; left: 0; width: 100%; height: 100%; text-align: center; display: inline-flex; justify-content: center; align-items: center;
}

.xdsoft_datetimepicker .xdsoft_calendar th {
   font-family: var(--font-semibold);
}

.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_highlighted_default {
   background: #ffe9d2;
   box-shadow: #ffb871 0 1px 4px 0 inset;
   color: #000;
}
.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_highlighted_mint {
   background: #c1ffc9;
   box-shadow: #00dd1c 0 1px 4px 0 inset;
   color: #000;
}

.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_default,
.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current {
   color: #FFF;
}

.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_default:before,
.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current:before {
   background: var(--blue) !important;
}
.no-touchevents .xdsoft_datetimepicker .xdsoft_calendar td:not(.xdsoft_disabled):hover:before {
   background: var(--blue) !important;
}

.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_other_month,
.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_disabled,
.xdsoft_datetimepicker .xdsoft_time_box >div >div.xdsoft_disabled {
   opacity: 0.5;
   cursor: default;
}

.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_other_month.xdsoft_disabled {
   opacity: 0.2;
}

.xdsoft_datetimepicker .xdsoft_calendar td:hover {
   color: #fff !important;
   box-shadow: none !important;
}

.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current.xdsoft_disabled:hover,
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box>div>div.xdsoft_current.xdsoft_disabled:hover {
   background: #33aaff !important;
   box-shadow: #178fe5 0 1px 3px 0 inset !important;
   color: #fff !important;
}

.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_disabled:hover,
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box >div >div.xdsoft_disabled:hover {
   color: inherit !important;
   background: inherit !important;
   box-shadow: inherit !important;
}

.xdsoft_datetimepicker .xdsoft_calendar th {
   text-align: center;
   cursor: default;
   border-radius: 0;
}

.xdsoft_datetimepicker .xdsoft_copyright {
   font-size: 10px;
   clear: both;
   float: none;
   margin-left: 8px;
}

.xdsoft_datetimepicker .xdsoft_copyright a { color: #eee !important }
.xdsoft_datetimepicker .xdsoft_copyright a:hover { color: #aaa !important }

.xdsoft_time_box {
   position: relative;
   border: 1px solid #ccc;
}
.xdsoft_scrollbar >.xdsoft_scroller {
   background: var(--blue) !important;
   height: 20px;
   width: 3px;
   border-radius: 3px;
}
.xdsoft_scrollbar {
   position: absolute;
   width: 3px;
   border-radius: 3px;
   background: rgba(0,0,0,.25);
   right: 0;
   top: 0;
   bottom: 0;
   cursor: pointer;
}
.xdsoft_datetimepicker.xdsoft_rtl .xdsoft_scrollbar {
   left: 0;
   right: auto;
}
.xdsoft_scroller_box {
   position: relative;
}

.xdsoft_datetimepicker.xdsoft_dark {
   box-shadow: 0 5px 15px -5px rgba(255, 255, 255, 0.506);
   background: #000;
   border-bottom: 1px solid #444;
   border-left: 1px solid #333;
   border-right: 1px solid #333;
   border-top: 1px solid #333;
   color: #ccc;
}

.xdsoft_datetimepicker.xdsoft_dark .xdsoft_timepicker .xdsoft_time_box {
   border-bottom: 1px solid #222;
}
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_timepicker .xdsoft_time_box >div >div {
   background: #0a0a0a;
   border-top: 1px solid #222;
   color: #999;
}

.xdsoft_datetimepicker.xdsoft_dark .xdsoft_label {
   background-color: #000;
}
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_label > .xdsoft_select {
   border: 1px solid #333;
   background: #000;
}

.xdsoft_datetimepicker.xdsoft_dark .xdsoft_label > .xdsoft_select > div > .xdsoft_option:hover {
   color: #000;
   background: #007fff;
}

.xdsoft_datetimepicker.xdsoft_dark .xdsoft_label > .xdsoft_select > div > .xdsoft_option.xdsoft_current {
   background: #cc5500;
   box-shadow: #b03e00 0 1px 3px 0 inset;
   color: #000;
}

.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td,
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar th {
   background: #0a0a0a;
   border: 1px solid #222;
   color: #999;
}

.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar th {
   background: #0e0e0e;
}

.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_today {
   color: #cc5500;
}

.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_highlighted_default {
   background: #ffe9d2;
   box-shadow: #ffb871 0 1px 4px 0 inset;
   color:#000;
}
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_highlighted_mint {
   background: #c1ffc9;
   box-shadow: #00dd1c 0 1px 4px 0 inset;
   color:#000;
}

.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_default,
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_current,
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_timepicker .xdsoft_time_box >div >div.xdsoft_current {
   background: #cc5500;
   box-shadow: #b03e00 0 1px 3px 0 inset;
   color: #000;
}

.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td:hover,
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_timepicker .xdsoft_time_box >div >div:hover {
   color: #000 !important;
   background: #007fff !important;
}

.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar th {
   color: #666;
}

.xdsoft_datetimepicker.xdsoft_dark .xdsoft_copyright { color: #333 !important }
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_copyright a { color: #111 !important }
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_copyright a:hover { color: #555 !important }

.xdsoft_dark .xdsoft_time_box {
   border: 1px solid #333;
}

.xdsoft_dark .xdsoft_scrollbar >.xdsoft_scroller {
   background: #333 !important;
}
.xdsoft_datetimepicker .xdsoft_save_selected {
    display: block;
    border: 1px solid #dddddd !important;
    margin-top: 5px;
    width: 100%;
    color: #454551;
    font-size: 13px;
}
.xdsoft_datetimepicker .blue-gradient-button {
   font-family: "museo-sans", "Book Antiqua", sans-serif;
   font-size: 12px;
   font-weight: 300;
   color: #82878c;
   height: 28px;
   position: relative;
   padding: 4px 17px 4px 33px;
   border: 1px solid #d7d8da;
   background: -moz-linear-gradient(top, #fff 0%, #f4f8fa 73%);
   /* FF3.6+ */
   background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fff), color-stop(73%, #f4f8fa));
   /* Chrome,Safari4+ */
   background: -webkit-linear-gradient(top, #fff 0%, #f4f8fa 73%);
   /* Chrome10+,Safari5.1+ */
   background: -o-linear-gradient(top, #fff 0%, #f4f8fa 73%);
   /* Opera 11.10+ */
   background: -ms-linear-gradient(top, #fff 0%, #f4f8fa 73%);
   /* IE10+ */
   background: linear-gradient(to bottom, #fff 0%, #f4f8fa 73%);
   /* W3C */
   filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fff', endColorstr='#f4f8fa',GradientType=0 );
/* IE6-9 */
}
.xdsoft_datetimepicker .blue-gradient-button:hover, .xdsoft_datetimepicker .blue-gradient-button:focus, .xdsoft_datetimepicker .blue-gradient-button:hover span, .xdsoft_datetimepicker .blue-gradient-button:focus span {
  color: #454551;
  background: -moz-linear-gradient(top, #f4f8fa 0%, #FFF 73%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f4f8fa), color-stop(73%, #FFF));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #f4f8fa 0%, #FFF 73%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #f4f8fa 0%, #FFF 73%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #f4f8fa 0%, #FFF 73%);
  /* IE10+ */
  background: linear-gradient(to bottom, #f4f8fa 0%, #FFF 73%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4f8fa', endColorstr='#FFF',GradientType=0 );
  /* IE6-9 */
}

@media screen and (max-width: 480px) {
   .xdsoft_datetimepicker {width: 100%;}
}


/*====================================================
   Swiper slider (Swiper 10.0.4, https://swiperjs.com)
====================================================*/
.swiper{position:relative;overflow:hidden;overflow:clip;list-style:none;padding:0;z-index:1;display:block;--swiper-navigation-size: 44px;}.swiper-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;transition-timing-function:var(--swiper-wrapper-transition-timing-function,initial);box-sizing:content-box}.swiper-android .swiper-slide,.swiper-ios .swiper-slide,.swiper-wrapper{transform:translate3d(0px,0,0)}.swiper-horizontal{touch-action:pan-y}.swiper-vertical{touch-action:pan-x}.swiper-slide{flex-shrink:0;position:relative;transition-property:transform;}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-backface-hidden .swiper-slide{-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-3d{perspective:1200px}.swiper-3d .swiper-cube-shadow,.swiper-3d .swiper-slide{transform-style:preserve-3d}.swiper-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-css-mode.swiper-horizontal>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-css-mode.swiper-vertical>.swiper-wrapper{scroll-snap-type:y mandatory}.swiper-css-mode.swiper-free-mode>.swiper-wrapper{scroll-snap-type:none}.swiper-css-mode.swiper-free-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:none}.swiper-css-mode.swiper-centered>.swiper-wrapper::before{content:'';flex-shrink:0;order:9999}.swiper-css-mode.swiper-centered>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center;scroll-snap-stop:always}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper::before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper::before{width:100%;min-width:1px;height:var(--swiper-centered-offset-after)}.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-3d .swiper-slide-shadow{background:rgba(0,0,0,.15)}.swiper-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;transform-origin:50%;box-sizing:border-box;border:4px solid var(--swiper-preloader-color,var(--swiper-theme-color));border-radius:50%;border-top-color:transparent}.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader,.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader{animation:swiper-preloader-spin 1s infinite linear}.swiper-lazy-preloader-white{--swiper-preloader-color:#fff}.swiper-lazy-preloader-black{--swiper-preloader-color:#000}@keyframes swiper-preloader-spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.swiper-virtual .swiper-slide{-webkit-backface-visibility:hidden;transform:translateZ(0)}.swiper-virtual.swiper-css-mode .swiper-wrapper::after{content:'';position:absolute;left:0;top:0;pointer-events:none}.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after{height:1px;width:var(--swiper-virtual-size)}.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after{width:1px;height:var(--swiper-virtual-size)}
.swiper-button-next,.swiper-button-prev{position:absolute;top:var(--swiper-navigation-top-offset,50%);width:calc(var(--swiper-navigation-size)/ 44 * 27);height:var(--swiper-navigation-size);margin-top:calc(0px - (var(--swiper-navigation-size)/ 2));z-index:10;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--swiper-navigation-color,var(--swiper-theme-color))}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-next.swiper-button-hidden,.swiper-button-prev.swiper-button-hidden{opacity:0;cursor:auto;pointer-events:none}.swiper-navigation-disabled .swiper-button-next,.swiper-navigation-disabled .swiper-button-prev{display:none!important}.swiper-button-next svg,.swiper-button-prev svg{object-fit:contain;transform-origin:center}.swiper-rtl .swiper-button-next svg,.swiper-rtl .swiper-button-prev svg{transform:rotate(180deg)}.swiper-button-prev,.swiper-rtl .swiper-button-next{left:var(--swiper-navigation-sides-offset,10px);right:auto}.swiper-button-next,.swiper-rtl .swiper-button-prev{right:var(--swiper-navigation-sides-offset,10px);left:auto}.swiper-button-lock{display:none}.swiper-button-next:after,.swiper-button-prev:after{font-family:swiper-icons;font-size:var(--swiper-navigation-size);text-transform:none!important;letter-spacing:0;font-variant:initial;line-height:1}.swiper-button-prev:after,.swiper-rtl .swiper-button-next:after{content:''}.swiper-button-next,.swiper-rtl .swiper-button-prev{right:var(--swiper-navigation-sides-offset,10px);left:auto}.swiper-button-next:after,.swiper-rtl .swiper-button-prev:after{content:''}
.swiper-pagination{position:absolute;text-align:center;transition:.3s opacity;transform:translate3d(0,0,0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-pagination-disabled>.swiper-pagination,.swiper-pagination.swiper-pagination-disabled{display:none!important}.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:var(--swiper-pagination-bottom,8px);top:var(--swiper-pagination-top,auto);left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transform:scale(.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{transform:scale(.33)}.swiper-pagination-bullet{width:var(--swiper-pagination-bullet-width,var(--swiper-pagination-bullet-size,8px));height:var(--swiper-pagination-bullet-height,var(--swiper-pagination-bullet-size,8px));display:inline-block;border-radius:var(--swiper-pagination-bullet-border-radius,50%);background:var(--swiper-pagination-bullet-inactive-color,#000);opacity:var(--swiper-pagination-bullet-inactive-opacity, .2)}button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;-webkit-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet:only-child{display:none!important}.swiper-pagination-bullet-active{opacity:var(--swiper-pagination-bullet-opacity, 1);background:var(--swiper-pagination-color,var(--swiper-theme-color))}.swiper-pagination-vertical.swiper-pagination-bullets,.swiper-vertical>.swiper-pagination-bullets{right:var(--swiper-pagination-right,8px);left:var(--swiper-pagination-left,auto);top:50%;transform:translate3d(0px,-50%,0)}.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:var(--swiper-pagination-bullet-vertical-gap,6px) 0;display:block}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;transition:.2s transform,.2s top}.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 var(--swiper-pagination-bullet-horizontal-gap,4px)}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;transform:translateX(-50%);white-space:nowrap}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s left}.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s right}.swiper-pagination-fraction{color:var(--swiper-pagination-fraction-color,inherit)}.swiper-pagination-progressbar{background:var(--swiper-pagination-progressbar-bg-color,rgba(0,0,0,.25));position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color,var(--swiper-theme-color));position:absolute;left:0;top:0;width:100%;height:100%;transform:scale(0);transform-origin:left top}.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{transform-origin:right top}.swiper-horizontal>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-horizontal,.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{width:100%;height:var(--swiper-pagination-progressbar-size,4px);left:0;top:0}.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-vertical,.swiper-vertical>.swiper-pagination-progressbar{width:var(--swiper-pagination-progressbar-size,4px);height:100%;left:0;top:0}.swiper-pagination-lock{display:none}.swiper-scrollbar{border-radius:var(--swiper-scrollbar-border-radius,10px);position:relative;-ms-touch-action:none;background:var(--swiper-scrollbar-bg-color,rgba(0,0,0,.1))}.swiper-scrollbar-disabled>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-disabled{display:none!important}.swiper-horizontal>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-horizontal{z-index:50;height:var(--swiper-scrollbar-size,4px);width:100%}.swiper-scrollbar.swiper-scrollbar-vertical,.swiper-vertical>.swiper-scrollbar{position:absolute;left:var(--swiper-scrollbar-left,auto);right:var(--swiper-scrollbar-right,4px);top:var(--swiper-scrollbar-sides-offset,1%);z-index:50;width:var(--swiper-scrollbar-size,4px);height:calc(100% - 2 * var(--swiper-scrollbar-sides-offset,1%))}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:var(--swiper-scrollbar-drag-bg-color,rgba(0,0,0,.5));border-radius:var(--swiper-scrollbar-border-radius,10px);left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-scrollbar-lock{display:none}.swiper-zoom-container{width:100%;height:100%;display:flex;justify-content:center;align-items:center;text-align:center}.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{max-width:100%;max-height:100%;object-fit:contain}.swiper-slide-zoomed{cursor:move;touch-action:none}.swiper .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-free-mode>.swiper-wrapper{transition-timing-function:ease-out;margin:0 auto}.swiper-grid>.swiper-wrapper{flex-wrap:wrap}.swiper-grid-column>.swiper-wrapper{flex-wrap:wrap;flex-direction:column}.swiper-fade.swiper-free-mode .swiper-slide{transition-timing-function:ease-out}.swiper-fade .swiper-slide{width: 100%;opacity: 0 !important; pointer-events:none;transition-property:opacity}.swiper-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-fade .swiper-slide-active,.swiper-fade .swiper-slide-active .swiper-slide-active{opacity: 1 !important; pointer-events:auto}.swiper-cube{overflow:visible}.swiper-cube .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1;visibility:hidden;transform-origin:0 0;width:100%;height:100%}.swiper-cube .swiper-slide .swiper-slide{pointer-events:none}.swiper-cube.swiper-rtl .swiper-slide{transform-origin:100% 0}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-next,.swiper-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0px;width:100%;height:100%;opacity:.6;z-index:0}.swiper-cube .swiper-cube-shadow:before{content:'';background:#000;position:absolute;left:0;top:0;bottom:0;right:0;filter:blur(50px)}.swiper-cube .swiper-slide-next+.swiper-slide{pointer-events:auto;visibility:visible}.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-bottom,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-left,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-right,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-flip{overflow:visible}.swiper-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-flip .swiper-slide-active,.swiper-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-bottom,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-left,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-right,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-creative .swiper-slide{-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden;transition-property:transform,opacity,height}.swiper-cards{overflow:visible}.swiper-cards .swiper-slide{transform-origin:center bottom;-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden}

/* --- Custom styles --- */
.of-v.swiper {overflow: visible;}
.swiper .swiper-slide:last-child {margin-right: 0;}

/*buttons*/
.swiper-button {position: absolute; top: 50%; margin-top: -16px; width: 32px; height: 32px; border-radius: 100%; transition: var(--easing);}
.bg-gray-light .swiper-button:not(:hover) {background: #FFF;}
.swiper-button:hover {background: var(--red);}
.swiper-button-pos .swiper-button {margin-top: 0;}
   .swiper-button-prev {left: 0;}
   .swiper-button-next {right: 0;}

/*buttons*/
.swiper-button-wrapper {gap: 20px;}
.swiper-button-wrapper:has(.swiper-button-lock) {display: none;}
.swiper-button {position: relative; top: auto; left: auto; right: auto; margin: 0;}
.swiper-button-wrapper--float {position: absolute; top: 20px; right: 20px;}

@media screen and (max-width: 1199px) {
   .swiper-button-wrapper {justify-content: center;}
}

/*dots*/
.swiper-pagination-wrapper {position: absolute; bottom: 45px; left: 0; width: 100%; z-index: 2;}
.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {position: relative; top: auto; bottom: auto; left: auto; transform: translateX(0); width: auto !important;}
.swiper-pagination-clickable .swiper-pagination-bullet {width: 10px; height: 10px; border-radius: 0; background: #000; opacity: 1;}
.swiper-pagination-clickable .swiper-pagination-bullet.swiper-pagination-bullet-active, .swiper-pagination-clickable .swiper-pagination-bullet:hover {background: var(--red);}
.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {transform: none; transition: background var(--easing); margin: 0 4px; left: auto !important;}

/*scroll*/
.swiper-horizontal>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-horizontal {height: 11px; border-radius: 2em;}
   .swiper-scrollbar-drag {background: var(--red); border-radius: 2em;}

.card__article .swiper-scrollbar.swiper-scrollbar-vertical, 
.card__article .swiper-vertical>.swiper-scrollbar {top: 20px; right: 7px; height: calc(100% - 40px); width: 4px; border-radius: 4px; background: rgba(0,0,0,.25);}
.account-slider__image .swiper-scrollbar.swiper-scrollbar-vertical {top: 0; right: 0; height: 100%;}
   .card__article .swiper-scrollbar.swiper-scrollbar-vertical .swiper-scrollbar-drag, 
   .card__article .swiper-vertical>.swiper-scrollbar .swiper-scrollbar-drag,
   .account-slider__image .swiper-scrollbar.swiper-scrollbar-vertical .swiper-scrollbar-drag {background: rgba(0,0,0,.5); border-radius: 4px;}

@media screen and (max-width: 480px) {
   .card__article .swiper-scrollbar.swiper-scrollbar-vertical, 
   .card__article .swiper-vertical>.swiper-scrollbar {right: 6px; top: 15px; height: calc(100% - 30px);}
}
@media screen and (max-width: 991px) and (orientation: landscape) {
   .card__article .swiper-scrollbar.swiper-scrollbar-vertical, 
   .card__article .swiper-vertical>.swiper-scrollbar {right: 6px; top: 15px; height: calc(100% - 30px);}
}


/*====================================================
   FancyBox v2.1.5
====================================================*/
.fancybox-wrap,.fancybox-skin,.fancybox-outer,.fancybox-inner,.fancybox-image,.fancybox-wrap iframe,.fancybox-wrap object,.fancybox-nav,.fancybox-nav span,.fancybox-tmp {padding: 0;margin: 0;border: 0;outline: none;vertical-align: top;}
.fancybox-wrap {position: absolute;top: 0;left: 0;z-index: 8020;}
.fancybox-skin {position: relative;background:#FFF;color: #FFF;text-shadow: none;}
.fancybox-opened {z-index: 8030;}
.fancybox-opened .fancybox-skin {box-shadow: 0 10px 25px rgba(0,0,0,0.7);}
.fancybox-outer, .fancybox-inner {position: relative;}
.fancybox-inner {overflow: hidden;}
.fancybox-type-iframe .fancybox-inner {-webkit-overflow-scrolling: touch;}
.fancybox-error {color: #444;font: 14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;margin: 0;padding: 15px;white-space: nowrap;}
.fancybox-image, .fancybox-iframe {display: block;width: 100%;height: 100%;}
.fancybox-image {max-width: 100%;max-height: 100%;}
#fancybox-loading {position: fixed;top: 50%;left: 50%;margin-top: -22px;margin-left: -22px;background-position: 0 -108px;opacity: 0.8;cursor: pointer;z-index: 8060;}
#fancybox-loading div {width: 44px;height: 44px;background: url('../i/fancybox/fancybox_loading.gif') center center no-repeat;}

.fancybox-close {position: absolute; top: 20px; right: 20px; width: 36px; height: 36px; border-radius: 100%; background: var(--red); opacity: 0.8; cursor: pointer; z-index: 2; transition: all var(--easing); cursor: pointer;z-index: 8040;}
.fancybox-close:hover {opacity: 1;}
.fancybox-close:before, .fancybox-close:after {content: ''; position: absolute; top: 17px; bottom: auto; left: 5px; width: 26px; height: 2px; background: #FFF;}
.fancybox-close:before {transform: rotate(45deg);}
.fancybox-close:after {transform: rotate(-45deg);}
.fancybox-close:hover:after {width: 26px;}

@media screen and (max-width: 480px) {
   .fancybox-close {width: 24px; height: 24px;}
      .fancybox-close:before, .fancybox-close:after {top: 11px; left: 4px; width: 16px;}
      .fancybox-close:hover:after {width: 16px;}
}

.fancybox-nav {position: absolute;top: 0;width: 40%;height: 100%;cursor: pointer;text-decoration: none;background: transparent url('../i/fancybox/blank.gif'); /* helps IE */-webkit-tap-highlight-color: rgba(0,0,0,0);z-index: 8040;}
.fancybox-prev, .fancybox-prev span {left: 0;}
.fancybox-next, .fancybox-next span {right: 0;}
.fancybox-nav span {position: absolute;top: 50%;width: 54px;height: 54px;margin-top: -27px; background: rgba(0,0,0,.55); cursor: pointer; z-index: 8040; visibility: hidden; opacity: 0; transition: all var(--easing);}
.fancybox-nav:hover span {opacity: 1; visibility: visible;}
.fancybox-nav span:before, .fancybox-nav span:after {content: ''; position: absolute; top: 25px; width: 24px; height: 2px; background: #FFF; transition: all var(--easing);}
.fancybox-prev span:before, .fancybox-prev span:after {left: 13px;}
.fancybox-next span:before, .fancybox-next span:after {left: 17px;}
.fancybox-prev span:before, .fancybox-next span:after {transform: rotate(45deg);}
.fancybox-prev span:after, .fancybox-next span:before {transform: rotate(-45deg);}
.fancybox-prev span:before, .fancybox-next span:before {margin-top: 9px;}
.fancybox-prev span:after, .fancybox-next span:after {margin-top: -7px;}

@media screen and (max-width: 480px) {
   .fancybox-nav span {width: 38px;height: 38px;margin-top: -19px;}
      .fancybox-nav span:before, .fancybox-nav span:after {top: 18px; width: 15px;}
      .fancybox-prev span:before, .fancybox-prev span:after {left: 10px;}
      .fancybox-next span:before, .fancybox-next span:after {left: 12px;}
      .fancybox-prev span:before, .fancybox-next span:before {margin-top: 5px;}
      .fancybox-prev span:after, .fancybox-next span:after {margin-top: -5px;}
}

.fancybox-tmp {position: absolute;top: -99999px;left: -99999px;visibility: hidden;max-width: 99999px;max-height: 99999px;overflow: visible !important;}
/* Overlay helper */
.fancybox-lock {overflow: hidden !important;width: auto;}
.fancybox-lock body {overflow: hidden !important;}
.fancybox-lock-test {overflow-y: hidden !important;}
.fancybox-overlay {position: absolute;top: 0;left: 0;overflow: hidden;display: none;z-index: 8010;background: rgba(0,0,0,.5);}
.fancybox-overlay-fixed {position: fixed;bottom: 0;right: 0;}
.fancybox-lock .fancybox-overlay {overflow: auto;overflow-y: scroll;}
/* Title helper */
.fancybox-title {visibility: hidden;opacity: 0; font-size: 12px; line-height: 1.7; color: #FFF; position: absolute; bottom: 0; left: 0; padding: 10px 20px; background: rgba(0,0,0,0.8); text-shadow: none;z-index: 8050; transition: all var(--easing);}
.fancybox-opened .fancybox-title {visibility: visible; opacity: 1;}
.fancybox-title-float-wrap {position: absolute;bottom: 0;right: 50%;margin-bottom: -35px;z-index: 8050;text-align: center;}
.fancybox-title-float-wrap .child {display: inline-block;margin-right: -100%;padding: 2px 20px;background: transparent; /* Fallback for web browsers that doesn't support RGBa */background: rgba(0,0,0,0.8);border-radius: 15px;text-shadow: 0 1px 2px #222;color: #FFF;font-weight: bold;line-height: 24px;white-space: nowrap;}
.fancybox-title-outside-wrap {position: relative;margin-top: 10px;color: #FFF;}
.fancybox-title-over-wrap {position: absolute;bottom: 0;left: 0;color: #FFF;padding: 10px;background: #000;background: rgba(0,0,0,0.8);}
.fancybox-title .tb, .fancybox-title .tb-cell {display: block;}
.fancybox-title p {margin-bottom: 0;}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
      only screen and (min--moz-device-pixel-ratio: 1.5),
      only screen and (min-device-pixel-ratio: 1.5){

   #fancybox-loading div {
      background-image: url('../i/fancybox/fancybox_loading@2x.gif');
      background-size: 24px 24px; /*The size of the normal image, half the size of the hi-res image*/
   }
}


/*====================================================
   Animation
====================================================*/
/*.animate*/
.animate {opacity: 0;}
.animate {transition: transform .65s cubic-bezier(0,0,0.5,1) 0s, opacity .45s cubic-bezier(0,0,0.5,1) 0s, visibility .45s cubic-bezier(0,0,0.5,1) 0s;}
.animate--fast {transition: transform .35s cubic-bezier(0,0,0.5,1) 0s, opacity .3s cubic-bezier(0,0,0.5,1) 0s, visibility .3s cubic-bezier(0,0,0.5,1) 0s;}
.animate--slow {transition: transform 0.95s cubic-bezier(0,0,0.5,1) 0s, opacity 0.75s cubic-bezier(0,0,0.5,1) 0s, visibility 0.75s cubic-bezier(0,0,0.5,1) 0s;}

/*delay*/
.animate--delay-03 {transition-delay: 0.3s;}
.animate--delay-04 {transition-delay: 0.4s;}
.animate--delay-05 {transition-delay: 0.5s;}
.animate--delay-065 {transition-delay: 0.65s;}
.animate--delay-1 {transition-delay: 1s;}
.animate--delay-15 {transition-delay: 1.5s;}
.animate--delay-2 {transition-delay: 2s;}
.animate--delay-3 {transition-delay: 3s;}
.animate--delay-5 {transition-delay: 5s;}

/*translate*/
.animate--from-top {transform: translate3d(0,-100%,0); transform-origin: top;}
.animate--from-bottom {transform: translate3d(0,100%,0); transform-origin: bottom;}
.animate--from-bottom-50 {transform: translate3d(0,50%,0); transform-origin: bottom;}
.animate--from-bottom-25 {transform: translate3d(0,25%,0); transform-origin: bottom;}
.animate--from-bottom-10 {transform: translate3d(0,10%,0); transform-origin: bottom;}
.animate--from-right {transform: translate3d(100%,0,0); transform-origin: right;}
.animate--from-right-50 {transform: translate3d(50%,0,0); transform-origin: right;}
.animate--from-right-25 {transform: translate3d(25%,0,0); transform-origin: right;}
.animate--from-right-10 {transform: translate3d(10%,0,0); transform-origin: right;}
.animate--from-left {transform: translate3d(-100%,0,0); transform-origin: left;}
.animate--from-left-50 {transform: translate3d(-50%,0,0); transform-origin: left;}
.animate--from-left-25 {transform: translate3d(-25%,0,0); transform-origin: left;}
.animate--from-left-10 {transform: translate3d(-10%,0,0); transform-origin: left;}

/*rotate*/
.animate--rotate-x {transform: rotateX(90deg);}
.animate--rotate-y {transform: rotateY(90deg);}

/*scale*/
.animate--scale {transform: scale(0);}
.animate--scale-50 {transform: scale(0.5);}
.animate--scale-90 {transform: scale(0.9);}
.animate--img-scale {transform: scale(1.2); opacity: 1; display: block;}

/*zoom*/
.animate--zoom-in {animation: zoomIn 2s linear 0s forwards alternate;}
.animate--zoom-out {animation: zoomOut 2s linear 0s forwards alternate;}

/*opacity*/
.animate--opacity {opacity: 0;}

/*.animate.is-inview*/
.animate.is-inview {opacity: 1; visibility: visible; transform: none; /* transition-delay: 0s;*/}

/*cover image*/
.cover {position: relative; overflow: hidden;}
   .cover__bg {z-index: 3; position: absolute; opacity: 1 !important; visibility: visible !important; top: 0; left: 0; width: 100%; height: 100%; transform: translate3d(0,0,0);}
   .cover__bg.is-inview.animate--from-right {transform: translate3d(-100%,0,0);}
   .cover__bg.is-inview.animate--from-left {transform: translate3d(100%,0,0);}

/*delay-list*/
.animate-list .animate.is-inview {transition-delay: calc(var(--item-index)*0.2s);}

/*slide down*/
@keyframes slideDown {
   from {
      transform: translateY(-100%)
   } 
   to {
      transform: translateY(0)
   }
}

/*slide up*/
@keyframes slideUp {
   from {
      transform: translateY(100%)
   } 
   to {
      transform: translateY(0)
   }
}

/*zoom*/
@keyframes zoomOut {
   0% {
     transform: scale(1.1)
   }
   to {
     transform: scale(1)
   }
}
@keyframes zoomIn {
   0% {
     transform: scale(1)
   }
   to {
     transform: scale(1.1)
   }
}
   
/*hang-y*/
@keyframes hang-y {
   0% {
      transform: translateY(0%); 
   }
   50% {
      transform: translateY(10%); 
   }  
   100% {
      transform: translateY(0%);
   }        
}

/*hang-x*/
@keyframes hang-x {
   0% {
      transform: translateX(0%); 
   }
   25% {
      transform: translateX(-25%); 
   }  
   50% {
      transform: translateX(0%); 
   } 
   75% {
      transform: translateX(25%); 
   }   
   100% {
      transform: translateX(0%);
   }        
}

/*overflow-repeat-x*/
@keyframes overflow-repeat-x {
   0%, 100% {
      transform: translate(0)
   }
   69.999% {
      transform: translate(300%)
   }
   70% {
      transform: translate(-100%)
   }
}

/*overflow-repeat-y*/
@keyframes overflow-repeat-y {
   0% {
      top: 50%
   }
   49.999% {
      top: -10%
   }
   50% {
      top: 110%
   }
   100% {
      top: 50%
   }
}

/*pulse*/
@keyframes pulse {
   0% {
      transform: scale(1);
   }
   40% {
      transform: scale(1.1);
   }
   80% {
      transform: scale(0.95);
   }
   100% {
      transform: scale(1);
   }
}

/*splitting*/
.splitting .word,
.splitting .char {display: inline-block;}
.splitting .char {position: relative;}
.splitting .char::before,
.splitting .char::after {content: attr(data-char); position: absolute; top: 0; left: 0; visibility: hidden; transition: inherit; user-select: none;}
.splitting {
   /* The center word index */
   --word-center: calc((var(--word-total) - 1) / 2);
   /* The center character index */
   --char-center: calc((var(--char-total) - 1) / 2);
   /* The center character index */
   --line-center: calc((var(--line-total) - 1) / 2);
}
.splitting .word {
   /* Pecent (0-1) of the word's position */
   --word-percent: calc(var(--word-index) / var(--word-total));
   /* Pecent (0-1) of the line's position */
   --line-percent: calc(var(--line-index) / var(--line-total));
}
.splitting .char {
   /* Percent (0-1) of the char's position */
   --char-percent: calc(var(--char-index) / var(--char-total));
   /* Offset from center, positive & negative */
   --char-offset: calc(var(--char-index) - var(--char-center));
   /* Absolute distance from center, only positive */
   --distance: calc((var(--char-offset) * var(--char-offset)) / var(--char-center));
   /* Distance from center where -1 is the far left, 0 is center, 1 is far right */
   --distance-sine: calc(var(--char-offset) / var(--char-center));
   /* Distance from center where 1 is far left/far right, 0 is center */
   --distance-percent: calc((var(--distance) / var(--char-center)));
}
.splitting--title .char {opacity: 0.3; transform: translateY(0.25em); transition: transform 0.3s cubic-bezier(0.3, 0, 0.3, 1), opacity 0.3s linear; transition-delay: calc(20ms* var(--char-index));}
.splitting--title.is-inview .char {opacity: 1; transform: translateY(0);}
.splitting--line-bottom span {opacity: 0; transform: translate3d(0,1em,0); transition: all .5s cubic-bezier(0,0,0.5,1); transition-delay: calc(var(--line-index)*0.1s);}
.splitting--line-bottom.is-inview span {opacity: 1; transform: translate3d(0,0,0);}
.splitting--rotate .char {opacity: 0; transition: all 1s cubic-bezier(0.8, 0, 0.2, 1); transition-delay: calc(0.2s*(1 - var(--distance-percent)));}
.splitting--rotate.is-inview .char {transform: rotate3d(0, 1, 0, 360deg); opacity: 1}
.splitting--line span {opacity: 0;  transform: translate3d(80%,0,0);  transition: all .5s cubic-bezier(0,0,0.5,1);  transition-delay: calc(var(--line-index)*0.1s);}
.splitting--line.is-inview span {opacity: 1; transform: translate3d(0,0,0);}
.splitting--char-right .char {transition: transform .3s cubic-bezier(.3,0,.3,1),opacity .3s linear; opacity: 0; transform: translateX(calc(.2em * var(--char-index)))}
.splitting--char-right.is-inview .char {transform: translateX(0); opacity: 1;}