[type=button],
[type=reset],
[type=submit],
button {
  -webkit-appearance:none
}
a,
button {
  color:inherit;
  text-decoration:none
}
body,
ol,
p,
ul {
  margin:0
}
.preloader-sandbox,
button {
  background-color:transparent
}
.device,
.main-content,
.sidebar-locales vui-scroll,
.sidebar-navigation vui-scroll,
.socials__link {
  overflow:hidden
}
#footer .contacts__email a,
#footer .footer__link {
  text-decoration:underline
}
.awards__img img,
.device__image img {
  max-width:100%
}
*,
:after,
:before {
  -webkit-box-sizing:inherit
}
ol,
ul {
  padding-left:0;
  list-style:none
}
button {
  border:0;
  cursor:pointer;
  font-family:inherit;
  font-style:inherit;
  font-variant:inherit;
  font-weight:inherit;
  line-height:inherit;
  outline:0
}
:root {
  --border-radius-main:4px;
  --color-black:30,31,34;
  --color-main-100:42,43,48;
  --color-main-90:62,63,69;
  --color-main-80:84,86,95;
  --color-main-70:106,108,119;
  --color-main-60:134,136,147;
  --color-main-50:155,156,166;
  --color-main-40:174,175,183;
  --color-main-25:204,204,209;
  --color-main-15:224,224,227;
  --color-main-10:240,240,242;
  --color-main-5:246,247,247;
  --color-white:255,255,255;
  --color-red-soft:252,206,209;
  --color-red-light:250,158,163;
  --color-red:255,100,108;
  --color-red-bright:255,0,0;
  --color-red-faint:204,51,59;
  --color-red-dark:124,3,9;
  --color-orange:255,143,0;
  --color-orange-dark:153,86,0;
  --color-orange-faint:209,148,71;
  --color-orange-bright:255,119,0;
  --color-orange-light:255,188,102;
  --color-orange-soft:255,233,204;
  --color-yellow:255,221,60;
  --color-yellow-dark:147,123,16;
  --color-yellow-faint:250,200,26;
  --color-yellow-bright:255,245,51;
  --color-yellow-light:255,239,163;
  --color-yellow-soft:255,248,214;
  --color-green:20,198,121;
  --color-green-dark:11,107,65;
  --color-green-faint:64,156,116;
  --color-green-bright:1,255,0;
  --color-green-light:102,219,168;
  --color-green-soft:185,238,215;
  --color-cyan:72,230,230;
  --color-cyan-dark:25,138,148;
  --color-cyan-faint:79,173,181;
  --color-cyan-bright:0,255,255;
  --color-cyan-light:161,242,242;
  --color-cyan-soft:210,249,249;
  --color-blue:12,121,248;
  --color-blue-dark:4,73,154;
  --color-blue-faint:93,139,192;
  --color-blue-bright:0,0,255;
  --color-blue-light:111,176,251;
  --color-blue-soft:210,230,254;
  --color-violet:128,52,194;
  --color-violet-dark:74,30,113;
  --color-violet-faint:119,88,147;
  --color-violet-bright:136,0,255;
  --color-violet-light:177,126,220;
  --color-violet-soft:226,207,242;
  --color-pink:247,110,242;
  --color-pink-dark:115,38,112;
  --color-pink-faint:153,51,149;
  --color-pink-bright:255,0,245;
  --color-pink-light:255,173,252;
  --color-pink-soft:249,231,248;
  --color-main-8:240,240,242;
  --color-main-4:246,247,247;
  --height-xs-xl:1px;
  --height-sm-3xs:2px;
  --height-sm-2xs:4px;
  --height-sm-xs:6px;
  --height-sm-s:8px;
  --height-sm-sm:10px;
  --height-sm-m:12px;
  --height-sm-ml:14px;
  --height-sm-l:16px;
  --height-sm-xl:18px;
  --height-sm-2xl:20px;
  --height-md-2xs:24px;
  --height-md-xs:28px;
  --height-md-s:32px;
  --height-md-m:36px;
  --height-md-l:40px;
  --height-md-xl:44px;
  --height-md-2xl:48px;
  --height-lg-xs:52px;
  --height-lg-s:56px;
  --height-lg-m:60px;
  --height-lg-l:64px;
  --height-lg-xl:68px;
  --height-lg-2xl:72px;
  --height-lg-3xl:76px;
  --height-xl-2xs:80px;
  --height-xl-xs:84px;
  --height-xl-s:88px;
  --height-xl-m:92px;
  --height-xl-l:96px;
  --height-xl-xl:100px;
  --height-xl-2xl:104px;
  --height-xl-3xl:200px;
  --offset-sm-xxxs:2px;
  --offset-sm-xxs:4px;
  --offset-sm-xxxl:24px;
  --offset-md-xxl:48px;
  --offset-lg-xxl:72px;
  --offset-lg-xxxl:76px;
  --offset-sm-3xs:2px;
  --offset-sm-2xs:4px;
  --offset-sm-xs:6px;
  --offset-sm-s:8px;
  --offset-sm-sm:10px;
  --offset-sm-m:12px;
  --offset-sm-ml:14px;
  --offset-sm-l:16px;
  --offset-sm-xl:18px;
  --offset-sm-xxl:20px;
  --offset-md-2xs:24px;
  --offset-md-xs:28px;
  --offset-md-s:32px;
  --offset-md-m:36px;
  --offset-md-l:40px;
  --offset-md-xl:44px;
  --offset-md-2xl:48px;
  --offset-lg-xs:52px;
  --offset-lg-s:56px;
  --offset-lg-m:60px;
  --offset-lg-l:64px;
  --offset-lg-xl:68px;
  --offset-lg-2xl:72px;
  --offset-lg-3xl:76px;
  --cubic-ease-out:cubic-bezier(0.215,0.61,0.355,1);
  --cubic-ease-in:cubic-bezier(0.55,0.055,0.675,0.19);
  --cubic-ease-in-out:cubic-bezier(0.645,0.045,0.355,1);
  --transition-slowest:1s;
  --transition-slower:0.7s;
  --transition-slow:0.5s;
  --transition-standart:0.35s;
  --transition-medium:0.3s;
  --transition-fast:0.25s;
  --transition-faster:0.2s;
  --transition-fastest:0.15s;
  --width-sm-4xs:1px;
  --width-sm-3xs:2px;
  --width-sm-2xs:4px;
  --width-sm-xs:6px;
  --width-sm-s:8px;
  --width-sm-sm:10px;
  --width-sm-m:12px;
  --width-sm-ml:14px;
  --width-sm-l:16px;
  --width-sm-xl:18px;
  --width-sm-2xl:20px;
  --width-md-2xs:24px;
  --width-md-xs:28px;
  --width-md-s:32px;
  --width-md-m:36px;
  --width-md-l:40px;
  --width-md-xl:44px;
  --width-md-2xl:48px;
  --width-lg-xs:52px;
  --width-lg-s:56px;
  --width-lg-m:60px;
  --width-lg-l:64px;
  --width-lg-xl:68px;
  --width-lg-2xl:72px;
  --width-lg-3xl:76px;
  --width-xl-2xs:80px;
  --width-xl-xs:84px;
  --width-xl-s:88px;
  --width-xl-m:92px;
  --width-xl-l:96px;
  --width-xl-xl:100px;
  --width-xl-2xl:104px;
  --width-xl-3xl:200px;
  --width-mobile-xs:288px;
  --width-mobile-s:512px;
  --width-tablet-s:688px;
  --width-tablet-m:944px;
  --width-laptop-l:1104px;
  --width-desktop-xl:1264px;
  --width-full:100%;
  --zindex-bottom:-1000;
  --zindex-minus-50:-50;
  --zindex-0:0;
  --zindex-1:1;
  --zindex-2:2;
  --zindex-3:3;
  --zindex-4:4;
  --zindex-5:5;
  --zindex-6:6;
  --zindex-7:7;
  --zindex-8:8;
  --zindex-9:9;
  --zindex-10:10;
  --zindex-50:50;
  --zindex-100:100;
  --zindex-150:150;
  --zindex-200:200;
  --zindex-250:250;
  --zindex-300:300;
  --zindex-350:350;
  --zindex-400:400;
  --zindex-450:450;
  --zindex-500:500;
  --zindex-1000:1000;
  --zindex-1050:1050;
  --zindex-top:9999;
  --opacity-0:0;
  --opacity-01:0.01;
  --opacity-1:0.1;
  --opacity-2:0.2;
  --opacity-3:0.3;
  --opacity-4:0.4;
  --opacity-5:0.5;
  --opacity-6:0.6;
  --opacity-7:0.7;
  --opacity-8:0.8;
  --opacity-9:0.8;
  --opacity-10:1;
  --bg-blur-25:blur(2.5px);
  --bg-blur-50:blur(5px);
  --bg-blur-100:blur(10px);
  --border-width-xs:1px;
  --border-width-s:2px;
  --border-width-m:3px;
  --border-width-l:4px;
  --border-radius-xxs:2px;
  --border-radius-xs:4px;
  --border-radius-s:6px;
  --border-radius-m:8px;
  --border-radius-ml:10px;
  --border-radius-l:12px;
  --border-radius-xl:14px;
  --border-radius-2xl:16px;
  --border-radius-3xl:18px;
  --border-radius-4xl:20px;
  --border-radius-round:50%;
  --black-xxl:80px/88px "NunitoSans Black",sans-serif;
  --black-xl:40px/48px "NunitoSans Black",sans-serif;
  --black-l:32px/40px "NunitoSans Black",sans-serif;
  --black-m:24px/32px "NunitoSans Black",sans-serif;
  --black-s:20px/28px "NunitoSans Black",sans-serif;
  --black-xs:16px/24px "NunitoSans Black",sans-serif;
  --black-xs-compact:16px/20px "NunitoSans Black",sans-serif;
  --bold-xxl:20px/28px "NunitoSans Bold",sans-serif;
  --bold-xxl-compact:20px/24px "NunitoSans Bold",sans-serif;
  --bold-xl:16px/24px "NunitoSans Bold",sans-serif;
  --bold-xl-compact:16px/20px "NunitoSans Bold",sans-serif;
  --bold-l:14px/20px "NunitoSans Bold",sans-serif;
  --bold-m:12px/16px "NunitoSans Bold",sans-serif;
  --bold-s:10px/12px "NunitoSans Bold",sans-serif;
  --regular-xl:20px/28px "NunitoSans Regular",sans-serif;
  --regular-l:16px/24px "NunitoSans Regular",sans-serif;
  --regular-m:14px/20px "NunitoSans Regular",sans-serif;
  --regular-s:12px/16px "NunitoSans Regular",sans-serif;
  --regular-xs:10px/12px "NunitoSans Regular",sans-serif;
  --color-background-base:#1e1f22;
  --color-background-surface:#2a2b30;
  --color-background-secondary-surface:#3e3f45;
  --color-background-highlight:#54565f;
  --color-background-inverted:#fff;
  --color-background-accent-positive:#ffdd3c;
  --color-background-positive:#14c679;
  --color-background-warning:#ff8f00;
  --color-background-positive-rgb:255,221,60;
  --color-background-accent-negative:#868893;
  --color-background-negative:#ff646c;
  --color-stroke-divider:#54565f;
  --color-stroke-active:#54565f;
  --color-stroke-secondary-active:#3e3f45;
  --color-stroke-highlight:#868893;
  --color-stroke-inactive:#2a2b30;
  --color-stroke-accent:#f6f7f7;
  --color-stroke-accent-color:#ffdd3c;
  --color-stroke-positive:#14c679;
  --color-stroke-warning:#ff8f00;
  --color-stroke-negative:#ff646c;
  --color-text-primary:#f6f7f7;
  --color-text-secondary:#868893;
  --color-text-inactive:#54565f;
  --color-text-inverted:#1e1f22;
  --color-text-button-primary:#1e1f22;
  --color-text-button-secondary:#f6f7f7;
  --color-text-button-inactive:#868893;
  --color-text-accent:#ffdd3c;
  --color-text-positive:#14c679;
  --color-text-warning:#ff8f00;
  --color-text-negative:#ff646c;
  --color-text-link:#6fb0fb;
  --color-icon-primary-active:#f6f7f7;
  --color-icon-primary-highlight:#aeafb7;
  --color-icon-primary-inactive:#54565f;
  --color-icon-secondary-active:#868893;
  --color-icon-secondary-highlight:#f6f7f7;
  --color-icon-secondary-inactive:#54565f;
  --color-icon-button-dark:#2a2b30;
  --color-icon-button-light:#fff;
  --color-icon-button-inactive:#868893;
  --color-icon-inverted:#2a2b30;
  --color-icon-primary-accent:#ffdd3c;
  --color-icon-positive:#14c679;
  --color-icon-negative:#ff646c;
  --color-icon-warning:#ff8f00;
  --color-icon-secondary-accent:#0c79f8;
  --color-button-negative-active:#ff646c;
  --color-button-negative-highlight:#fa9ea3;
  --color-button-negative-inactive:#7c0309;
  --color-button-primary-active:#ffdd3c;
  --color-button-primary-highlight:#ffefa3;
  --color-button-primary-inactive:#937b10;
  --color-button-positive-active:#14c679;
  --color-button-positive-highlight:#66dba8;
  --color-button-positive-inactive:#0b6b41;
  --color-button-secondary-active:#0c79f8;
  --color-button-secondary-highlight:#6fb0fb;
  --color-button-secondary-inactive:#04499a;
  --color-button-neutral-active:#54565f;
  --color-button-neutral-highlight:#6a6c77;
  --color-button-neutral-inactive:#1e1f22;
  --color-button-inverted:#f6f7f7;
  --color-control-active:#ffdd3c;
  --color-control-highlight:#ffefa3;
  --color-control-inactive:#54565f;
  --color-chart-yellow:#fff533;
  --color-chart-green:#01ff00;
  --color-chart-cyan:#0ff;
  --color-chart-violet:#80f;
  --color-chart-pink:#ff00f5;
  --color-chart-red:red;
  --color-tournament-gradient:linear-gradient(0deg,#2a2b30,rgba(42,43,48,.8) 30%,rgba(42,43,48,0));
  --color-opacity-base:30,31,34;
  --color-opacity-base-inverted:255,255,255;
  --shadow-e1:0 2px 6px rgba(0,0,0,.2);
  --shadow-e2:0 4px 8px rgba(0,0,0,.2),0px 8px 24px rgba(0,0,0,.3);
  --shadow-e3:0 8px 16px rgba(0,0,0,.3),0px 12px 32px rgba(0,0,0,.4);
  --title-h1:max(36px,min(6.4vw,72px))/1.2 "NunitoSans Black",sans-serif;
  --title-h2:max(30px,min(5.4vw,64px))/1.2 "NunitoSans Black",sans-serif;
  --title-h3:max(24px,min(4.1vw,48px))/1.3 "NunitoSans Black",sans-serif;
  --title-h4:max(20px,min(3vw,36px))/1.2 "NunitoSans Black",sans-serif;
  --subtitle-lg-bold:max(16px,min(2.3vw,20px))/1.5 "NunitoSans Bold",sans-serif;
  --subtitle-lg-medium:max(16px,min(2.3vw,20px))/1.5 "NunitoSans Bold",sans-serif;
  --subtitle-sm-bold:max(14px,min(2vw,18px))/1.7 "NunitoSans Bold",sans-serif;
  --subtitle-sm-medium:max(14px,min(2vw,18px))/1.7 "NunitoSans Bold",sans-serif;
  --body-text-semibold:max(14px,min(1.7vw,16px))/1.5 "NunitoSans Bold",sans-serif;
  --body-text-medium:max(14px,min(1.7vw,16px))/1.5 "NunitoSans Bold",sans-serif;
  --caption-text:max(12px,min(1.5vw,14px))/1.5 "NunitoSans Regular",sans-serif;
  --caption-text-semibold:max(12px,min(1.5vw,14px))/1.5 "NunitoSans Bold",sans-serif;
  --btn-text:max(16px,min(2.3vw,20px))/1.3 "NunitoSans Bold",sans-serif;
  --btn-text-semibold:max(16px,min(1.5vw,20px))/1.5 "NunitoSans Bold",sans-serif;
  --link-lg-text:max(18px,min(2.6vw,24px))/1.25 "NunitoSans Bold",sans-serif;
  --link-sm-text:max(12px,min(1.5vw,14px))/1.4 "NunitoSans Bold",sans-serif;
  --swiper-navigation-size:var(--height-md-2xs);
  --swiper-navigation-color:var(--color-icon-primary-active);
  --offers-slider-title-color:var(--color-text-primary)
}
vui-icon {
  display:-ms-inline-flexbox;
  display:inline-flex;
  -ms-flex-pack:center;
  justify-content:center
}
@font-face {
  font-family:NunitoSans Black;
  font-style:normal;
  font-weight:900;
  src:url(../fonts/nunitosans-black.woff2) format("woff2"),
  url(../fonts/nunitosans-black.woff) format("woff")
}
@font-face {
  font-display:swap;
  font-family:NunitoSans Bold;
  font-style:normal;
  font-weight:700;
  src:url(../fonts/nunitosans-bold.woff2) format("woff2"),
  url(../fonts/nunitosans-bold.woff) format("woff")
}
@font-face {
  font-display:swap;
  font-family:NunitoSans Regular;
  font-style:normal;
  font-weight:400;
  src:url(../fonts/nunitosans-regular.woff2) format("woff2"),
  url(../fonts/nunitosans-regular.woff) format("woff")
}
html {
  -webkit-box-sizing:border-box;
  box-sizing:border-box;
  -webkit-text-size-adjust:100%;
  color:var(--color-text-primary);
  font-family:NunitoSans Regular,sans-serif
}
*,
:after,
:before {
  box-sizing:inherit
}
body {
  background:var(--color-background-surface);
  -webkit-text-rendering:geometricPrecision;
  -moz-text-rendering:geometricPrecision;
  -o-text-rendering:geometricPrecision;
  -ms-text-rendering:geometricPrecision;
  text-rendering:geometricPrecision;
  -webkit-font-smoothing:subpixel-antialiased;
  -moz-font-smoothing:subpixel-antialiased;
  -o-font-smoothing:subpixel-antialiased;
  -ms-font-smoothing:subpixel-antialiased;
  font-smoothing:subpixel-antialiased;
  transition:background-color ease-out var(--transition-standart);
  -webkit-tap-highlight-color:transparent;
  background:#140717
}
button,
input,
optgroup,
select,
textarea {
  font-family:inherit;
  font-size:100%;
  margin:0
}
button,
select {
  text-transform:none
}
button {
  border:none;
  border-radius:0;
  padding:0
}
@keyframes preloader-crawlOdd {
  50%,
  56.25%,
  6.25% {
    height:15px;
    left:0;
    opacity:var(--opacity-10);
    top:0;
    width:15px
  }
  12.5%,
  62.5% {
    height:15px;
    left:0;
    opacity:var(--opacity-10);
    top:0;
    width:100%
  }
  25%,
  31.25%,
  75%,
  81.25% {
    height:15px;
    left:calc(100% - 15px);
    opacity:var(--opacity-10);
    top:0;
    width:15px
  }
  31.26%,
  49.9%,
  81.26%,
  to {
    opacity:var(--opacity-0)
  }
}
@keyframes preloader-crawlEven {
  0%,
  25%,
  56.26%,
  74.9% {
    opacity:var(--opacity-0)
  }
  31.25%,
  75%,
  81.25% {
    height:15px;
    left:0;
    opacity:var(--opacity-10);
    top:0;
    width:15px
  }
  37.5%,
  87.5% {
    height:15px;
    left:0;
    opacity:var(--opacity-10);
    top:0;
    width:100%
  }
  50%,
  56.25%,
  to {
    height:15px;
    left:calc(100% - 15px);
    opacity:var(--opacity-10);
    top:0;
    width:15px
  }
}
.preloader-worm,
.preloader-worm:nth-child(2),
.preloader-worm:nth-child(3),
.preloader-worm:nth-child(4) {
  height:17px;
  position:absolute;
  right:1px;
  top:19px;
  transform:rotate(60deg);
  width:45px
}
.preloader-worm:before,
.preloader-worm:nth-child(2):before,
.preloader-worm:nth-child(3):before,
.preloader-worm:nth-child(4):before {
  border-radius:var(--border-radius-m);
  content:"";
  opacity:var(--opacity-10);
  animation:5s linear infinite preloader-crawlOdd;
  background-color:#ffdd3c;
  border-radius:8px;
  content:"";
  height:15px;
  left:0;
  opacity:1;
  position:absolute;
  top:0;
  width:15px
}
#sidebarAuthForm .scroll,
.glass:before {
  position:absolute;
  width:100%
}
.preloader-box {
  display:block;
  min-height:80px;
  min-width:60px
}
.preloader-sandbox {
  height:80px;
  left:50%;
  position:fixed;
  top:50%;
  transform:translate(-50%,-50%);
  width:60px;
  z-index:var(--zindex-1050)
}
.preloader-worm:nth-child(2) {
  bottom:19px;
  top:auto;
  transform:rotate(120deg)
}
.preloader-worm:nth-child(2):before,
.preloader-worm:nth-child(4):before {
  animation:5s linear infinite preloader-crawlEven
}
.preloader-worm:nth-child(3) {
  bottom:19px;
  left:1px;
  right:auto;
  top:auto;
  transform:rotate(240deg)
}
.preloader-worm:nth-child(3):before {
  animation:5s linear infinite preloader-crawlOdd
}
.preloader-worm:nth-child(4) {
  bottom:auto;
  left:1px;
  right:auto;
  top:19px;
  transform:rotate(300deg)
}
@keyframes preloader-crawlOdd {
  50%,
  56.25%,
  6.25% {
    height:15px;
    left:0;
    opacity:1;
    top:0;
    width:15px
  }
  12.5%,
  62.5% {
    height:15px;
    left:0;
    opacity:1;
    top:0;
    width:100%
  }
  25%,
  31.25%,
  75%,
  81.25% {
    height:15px;
    left:calc(100% - 15px);
    opacity:1;
    top:0;
    width:15px
  }
  31.26%,
  49.9%,
  81.26%,
  to {
    opacity:0
  }
}
@keyframes preloader-crawlEven {
  0%,
  25%,
  56.26%,
  74.9% {
    opacity:0
  }
  31.25%,
  75%,
  81.25% {
    height:15px;
    left:0;
    opacity:1;
    top:0;
    width:15px
  }
  37.5%,
  87.5% {
    height:15px;
    left:0;
    opacity:1;
    top:0;
    width:100%
  }
  50%,
  56.25%,
  to {
    height:15px;
    left:calc(100% - 15px);
    opacity:1;
    top:0;
    width:15px
  }
}
#sidebarAuthForm .content-wrapper,
.sidebar-locales .content-wrapper,
.sidebar-navigation .content-wrapper {
  display:flex;
  flex-direction:column;
  height:100%
}
#sidebarAuthForm .custom-header {
  align-items:center;
  display:flex;
  justify-content:flex-end
}
#sidebarAuthForm .custom-header .close-btn,
.sidebar-locales .custom-header .close-btn {
  color:var(--color-icon-secondary-active);
  padding:var(--offset-sm-l);
  transition:color var(--transition-faster) var(--cubic-ease-out)
}
#sidebarAuthForm .custom-header .close-btn:hover,
.sidebar-locales .custom-header .close-btn:hover,
.sidebar-navigation .custom-header .close-btn:hover {
  color:var(--color-icon-secondary-highlight);
  cursor:pointer
}
#sidebarAuthForm vui-scroll {
  height:100%;
  overflow:hidden
}
#sidebarAuthFormBackdrop,
#sidebarLocalesBackdrop {
  z-index:var(--zindex-300)
}
.sidebar-locales .custom-header {
  display:flex;
  justify-content:flex-end
}
.header .header__burger,
.sidebar-locales .item-group .item {
  cursor:pointer
}
.sidebar-locales .item-group .item:hover {
  background-color:var(--color-background-secondary-surface)
}
.sidebar-locales .item-group .link {
  align-items:center;
  display:flex;
  line-height:56px;
  padding:0 var(--offset-sm-l)
}
@media (min-width:768px) {
  .sidebar-locales .item-group .link {
    padding:0 var(--offset-md-2xl)
  }
}
@media (max-width:960px) and (orientation:landscape) {
  .sidebar-locales .item-group .link {
    padding:0 var(--offset-sm-l)
  }
}
.sidebar-locales .item-group .link span {
  margin-left:var(--offset-md-2xs);
  order:1
}
.header .locale-btn .locale-btn-img,
.sidebar-locales .item-group .img,
.sidebar-navigation .custom-header .locale-btn .locale-btn-img {
  height:22px;
  width:30px
}
[dir=rtl] .sidebar-locales .item-group .link span {
  margin-left:0;
  margin-right:var(--offset-md-2xs)
}
.main-content {
  position:relative
}
.container {
  margin:0 auto;
  max-width:500px;
  padding:0 var(--offset-sm-l)
}
#footer,
.section {
  padding:var(--offset-md-l) 0
}
.section {
  text-align:center
}
.section vui-button {
  border-radius:var(--border-radius-l);
  font:var(--subtitle-lg-bold);
  font-size:14px;
  width:max-content
}
.title {
  font:var(--title-h3)
}
.desc {
  color:#d1d4d7;
  font:var(--subtitle-lg-medium)
}
.spot {
  height:651px;
  left:50%;
  position:fixed;
  transform:translateX(-50%);
  width:648px;
  z-index:-1
}
.line {
  background:radial-gradient(50% 50% at 50% 50%,#fff 0,hsla(0,0%,100%,0) 100%);
  height:4px;
  opacity:var(--opacity-4);
  width:100vw
}
.glass {
  backdrop-filter:blur(16px);
  -webkit-backdrop-filter:blur(16px);
  background:hsla(0,0%,100%,.02);
  border:var(--border-width-xs) solid hsla(0,0%,100%,.1);
  border-radius:var(--border-radius-m);
  box-shadow:inset 4px 2px 20px 8px hsla(0,0%,100%,.04);
  filter:drop-shadow(0 .844442px 21.111px rgba(69,42,124,.1));
  position:relative
}
.header,
.preloader,
.sidebar {
  position:fixed;
  top:0
}
.glass:not(.socials__link) {
  border-image:linear-gradient(0deg,hsla(0,0%,100%,0),hsla(0,0%,100%,.4),hsla(0,0%,100%,0)) 1;
  border-radius:var(--border-radius-m);
  border-style:solid;
  border-width:1px
}
.glass:before {
  background:url(../image/noise.png) 50%/100px;
  bottom:0;
  content:"";
  height:100%;
  left:0;
  margin:auto;
  opacity:.05;
  right:0;
  top:0
}
.header .navigation__item:last-child,
.socials__link:last-child {
  margin-right:0
}
.sidebar {
  bottom:0;
  z-index:var(--zindex-350)
}
.sidebar.left-side {
  left:0
}
.sidebar.right-side {
  right:0
}
.preloader {
  align-items:center;
  background:var(--color-background-base);
  display:flex;
  justify-content:center;
  z-index:var(--zindex-1050);
  background:var(--color-background-base);
  height:100vh;
  justify-content:center;
  left:0;
  width:100vw;
  z-index:var(--zindex-1050)
}
.main,
.safety__image,
.vip__image {
  background-repeat:no-repeat;
  background-size:cover
}
.header .end-side,
.header .start-side,
.preloader,
.socials,
.socials__link {
  align-items:center;
  display:flex
}
.socials {
  flex-flow:row wrap;
  width:max-content
}
.socials__link {
  border-radius:var(--border-radius-round);
  height:var(--height-md-l);
  justify-content:center;
  margin-right:var(--offset-sm-xxl);
  width:var(--height-md-l)
}
.sidebar-navigation .custom-header {
  align-items:center;
  display:flex;
  justify-content:space-between
}
.sidebar-navigation .custom-header .close-btn {
  color:var(--color-icon-secondary-active);
  padding:var(--offset-md-2xs) var(--offset-sm-l);
  transition:color var(--transition-faster) var(--cubic-ease-out)
}
.sidebar-navigation .custom-header .locale-btn {
  cursor:pointer;
  padding:var(--offset-sm-l)
}
.sidebar-navigation .list {
  display:flex;
  flex-direction:column;
  padding:var(--offset-sm-m) 0
}
.header,
.header .container {
  align-items:center;
  display:flex;
  width:100%
}
.sidebar-navigation .link {
  color:var(--color-text-primary);
  font:var(--regular-m);
  padding:var(--offset-sm-m) var(--offset-sm-l)
}
.sidebar-navigation .link.plain {
  display:block;
  font:var(--regular-l);
  min-height:56px;
  padding:var(--offset-sm-l)
}
.sidebar-navigation .accordion,
.sidebar-navigation .link.plain:not(:last-of-type) {
  border-bottom:var(--border-width-xs) solid var(--color-stroke-divider)
}
.sidebar-navigation .accordion {
  border-top:0
}
.header {
  background-color:transparent;
  color:var(--color-text-primary);
  height:80px;
  justify-content:center;
  padding:var(--offset-sm-l) 0;
  transition:all var(--transition-slow) ease-out;
  will-change:transform;
  z-index:var(--zindex-250)
}
.header.sticky {
  background-color:#191919
}
.header .container {
  justify-content:space-between;
  max-width:none;
  padding:0 var(--offset-sm-l)
}
.header lui-logo {
  margin-left:var(--offset-sm-l)
}
.header lui-logo .image {
  font-size:0;
  width:80px
}
.header .dropdown-wrap,
.header .locale-btn,
.header .locale-btn vui-icon,
.header .locale-btn.opened .locale-btn-img,
.header .log-in,
.header .navigation {
  display:none
}
.header .navigation__list {
  align-items:center;
  display:flex;
  padding:0
}
.header .navigation__item {
  margin-right:var(--offset-md-2xs);
  position:relative
}
.header .navigation__item:hover:after {
  background-color:#fff;
  border-radius:var(--border-radius-m);
  bottom:0;
  content:"";
  height:2px;
  position:absolute;
  width:100%
}
.header .dropdown-wrap:hover,
.header .locale-btn.opened vui-icon,
.header .navigation__item:hover>.dropdown-wrap {
  display:block
}
.header .navigation__link {
  color:var(--color-white);
  cursor:pointer;
  display:block;
  font:var(--body-text-medium);
  white-space:nowrap
}
.cards__title,
.choose .card__count,
.header .sign-up {
  color:var(--color-text-accent)
}
.header .dropdown-wrap .dropdown {
  background:#3f4044;
  border-radius:var(--border-radius-m);
  box-shadow:0 0 25px rgba(0,0,0,.25);
  padding:var(--offset-sm-s) 0
}
.header .dropdown-wrap .dropdown__item {
  border-bottom:var(--border-width-xs) solid #616368;
  padding:var(--offset-sm-m) var(--offset-md-2xs)
}
.header .dropdown-wrap .dropdown__link {
  display:inline-block;
  font:var(--caption-text-semibold);
  position:relative
}
.header .header__buttons {
  flex-wrap:wrap
}
.header .header__buttons,
.header .sign-up {
  align-items:center;
  display:flex;
  justify-content:center
}
.header .sign-up {
  background-color:transparent;
  border:var(--border-width-s) solid rgba(255,221,60,.5);
  border-radius:var(--border-radius-l);
  cursor:pointer;
  font:var(--caption-text-semibold);
  height:var(--height-md-s);
  letter-spacing:.04rem;
  padding:0 var(--offset-sm-l);
  transition:color var(--transition-fastest) var(--cubic-ease-out),background-color var(--transition-fastest) var(--cubic-ease-out);
  user-select:none;
  vertical-align:top
}
.cards__wrap,
.mobile-btn-block {
  border-radius:var(--border-radius-m);
  position:relative;
  overflow:hidden
}
.header .sign-up:focus,
.header .sign-up:hover {
  background-color:var(--color-background-accent-positive);
  color:var(--color-text-button-primary)
}
[dir=rtl] .header__burger vui-icon {
  transform:scaleX(-1)
}
[dir=rtl] .header lui-logo {
  margin-left:0;
  margin-right:var(--offset-sm-l)
}
[dir=rtl] .header .navigation__item {
  margin-left:var(--offset-md-2xs);
  margin-right:0
}
[dir=rtl] .header .navigation__item:last-child {
  margin-left:0
}
@media (min-width:400px) {
  .header .log-in {
    color:var(--color-text-accent);
    cursor:pointer;
    display:block;
    font:var(--caption-text-semibold);
    margin-right:var(--offset-sm-l)
  }
  [dir=rtl] .header .log-in {
    margin-left:var(--offset-sm-l);
    margin-right:0
  }
}
.choose__title {
  margin:0 0 var(--offset-md-l)
}
.choose__cards {
  align-items:center;
  display:grid;
  grid-template-columns:repeat(auto-fill,130px);
  justify-content:center;
  grid-row-gap:var(--offset-md-l);
  grid-column-gap:var(--offset-md-2xs);
  padding:0
}
.choose .card {
  align-items:center;
  display:flex;
  flex-direction:column;
  height:100%
}
.choose .card__count {
  align-items:center;
  display:flex;
  font:var(--title-h4);
  height:var(--height-lg-s);
  justify-content:center;
  margin-bottom:var(--offset-sm-l);
  text-shadow:0 0 32px #ffdd3c;
  width:125px
}
.choose .card__text {
  font:var(--subtitle-sm-bold);
  font-size:12px
}
@media (min-width:500px) {
  .choose__cards {
    grid-template-columns:repeat(auto-fill,155px)
  }
  .choose .card__text {
    font-size:14px
  }
}
.cards {
  align-items:center;
  display:grid;
  grid-template-columns:285px;
  justify-content:center;
  position:relative;
  grid-row-gap:var(--offset-sm-l);
  text-align:left
}
.cards__wrap {
  height:100%;
  width:100%
}
.cards__wrap:before {
  content:"";
  height:184px;
  left:-170px;
  position:absolute;
  top:-50px;
  transform:rotate(-35deg);
  width:285px;
  z-index:0
}
.cards__item {
  height:100%;
  padding:var(--offset-sm-l);
  width:100%
}
.cards__title {
  display:inline-block;
  font:var(--subtitle-lg-bold);
  margin-bottom:var(--offset-sm-s)
}
.cards__desc {
  font:var(--body-text-semibold)
}
.card-effect:before {
  background:rgba(25,40,180,.5)
}
.awards__title,
.device__title,
.safety__title,
.vip__title {
  margin:0 0 var(--offset-md-2xs)
}
#footer .contacts,
#footer .contacts__social,
.device .slider__statistics,
.safety__desc,
.vip__desc {
  margin-bottom:var(--offset-md-2xs)
}
#footer .footer__link:last-of-type,
.awards__item:last-of-type {
  margin-bottom:0
}
.vip__image {
  background-position:50%;
  height:260px;
  margin:0 auto var(--offset-md-l);
  width:288px
}
#footer .footer__address,
#footer .footer__navigations,
#footer lui-logo,
.awards__desc,
.device__block-button,
.device__desc,
.vip__cards {
  margin-bottom:var(--offset-md-l)
}
@media (min-width:768px) {
  .container {
    max-width:1024px;
    padding:0 var(--offset-md-l)
  }
  .section vui-button {
    font-size:16px
  }
  .spot {
    height:1030px;
    margin-top:-200px;
    width:1024px
  }
  .socials__link {
    margin-right:var(--offset-sm-l)
  }
  .socials__link:last-child {
    margin-right:0
  }
  .sidebar-navigation .custom-header .locale-btn {
    display:none
  }
  .header {
    padding:var(--offset-sm-xxl) 0
  }
  .header .container {
    padding:0 var(--offset-md-l)
  }
  .header lui-logo .image {
    width:108px
  }
  .header .locale-btn {
    align-items:center;
    cursor:pointer;
    display:flex;
    margin-left:var(--offset-sm-l)
  }
  [dir=rtl] .header .locale-btn {
    margin-left:0;
    margin-right:var(--offset-sm-l)
  }
  .choose__title {
    margin:0 0 var(--offset-lg-l)
  }
  .choose__cards {
    grid-template-columns:repeat(3,218px);
    grid-row-gap:var(--offset-lg-m);
    grid-column-gap:var(--offset-lg-xs)
  }
  .choose .card__count {
    font-size:36px;
    height:var(--height-lg-2xl);
    margin-bottom:var(--offset-md-2xs);
    width:168px
  }
  .choose .card__text {
    font-size:20px
  }
  .cards {
    grid-template-columns:repeat(3,minmax(219px,357px));
    grid-column-gap:var(--offset-sm-l)
  }
  .cards__item {
    padding:var(--offset-md-2xs)
  }
  .cards__title {
    margin-bottom:var(--offset-sm-l)
  }
  .vip__desc {
    margin-bottom:var(--offset-md-l)
  }
  .vip__image {
    height:353px;
    width:688px
  }
  .vip__cards {
    margin-bottom:var(--offset-lg-l)
  }
}
@media (min-width:1024px) {
  .container {
    max-width:1360px
  }
  .section {
    padding:var(--offset-lg-l) 0
  }
  .section vui-button {
    font-size:20px
  }
  .spot {
    height:1336px;
    width:1328px
  }
  .header .header__burger,
  .sidebar-navigation {
    display:none
  }
  .header {
    transform:translateY(32px)
  }
  .header.sticky {
    transform:translateY(0)
  }
  .header .container {
    padding:0 var(--offset-md-2xl)
  }
  .header lui-logo {
    margin-left:0
  }
  .header lui-logo .image {
    width:128px
  }
  .header .navigation {
    display:block;
    margin-left:var(--offset-md-l)
  }
  .header .dropdown-wrap {
    padding-top:8px;
    position:absolute;
    width:max-content
  }
  .header .sign-up {
    height:var(--height-md-2xl);
    letter-spacing:.02rem;
    padding:0 var(--offset-md-s)
  }
  [dir=rtl] .header lui-logo {
    margin-right:0
  }
  [dir=rtl] .header .navigation {
    margin-left:0;
    margin-right:var(--offset-md-l)
  }
  .choose__cards {
    grid-column-gap:100px
  }
  .vip__desc {
    margin-bottom:var(--offset-lg-xs)
  }
  .vip__image {
    height:485px;
    width:944px
  }
}
.safety__image {
  background-image:url(../image/safety__mobile.png);
  background-position:50%;
  height:260px;
  margin:0 auto var(--offset-md-l);
  width:288px
}
@media (min-width:768px) {
  .safety__desc {
    margin-bottom:var(--offset-md-l)
  }
  .safety__image {
    background-image:url(../image/safety.png);
    height:353px;
    width:688px
  }
}
@media (min-width:1024px) {
  .safety__desc {
    margin-bottom:var(--offset-lg-xs)
  }
  .safety__image {
    height:485px;
    width:944px
  }
}
@media (min-width:1200px) {
  .safety__image,
  .vip__image {
    height:568px;
    width:1104px
  }
}
.safety__cards {
  margin-bottom:var(--offset-sm-l)
}
.safety__quote {
  margin-block-end:var(--offset-md-2xs)
}
.safety .card-effect:before {
  background:0 0
}
.safety .cards__item {
  padding:var(--offset-md-l) var(--offset-md-l)
}
.safety .cards__title {
  display:none
}
.safety__notice {
  font:var(--subtitle-sm-bold);
  margin-top:var(--offset-sm-l)
}
#footer .footer__address {
  font:var(--caption-text)
}
#footer .footer__navigations {
  display:grid;
  grid-template-columns:repeat(auto-fill,minmax(200px,1fr))
}
#footer .footer__link {
  display:inline-block;
  font:var(--body-text-medium);
  margin-bottom:var(--offset-sm-l)
}
#footer .footer__risk {
  font:var(--caption-text);
  margin-bottom:var(--offset-md-2xs)
}
#footer .contacts__title {
  display:inline-block;
  font:var(--caption-text-semibold);
  letter-spacing:3px;
  margin-bottom:var(--offset-md-2xs)
}
#footer .contacts__email {
  display:flex;
  flex-flow:column;
  font:var(--caption-text);
  margin-bottom:var(--offset-md-2xs)
}
#footer lui-logo .image {
  width:130px
}
.awards {
  padding-bottom:80px
}
.awards__img {
  height:144px;
  margin:0 auto;
  position:relative;
  width:114px
}
@media (min-width:768px) {
  .safety__cards {
    margin-bottom:var(--offset-md-2xs)
  }
  .safety .cards__item {
    padding:var(--offset-md-l) var(--offset-md-l)
  }
  #footer .footer__address {
    grid-area:address
  }
  #footer .footer__navigations {
    grid-template-columns:repeat(3,minmax(200px,1fr));
    margin-bottom:var(--offset-md-2xs)
  }
  #footer .contacts {
    display:grid;
    grid-template-areas:"title title" "email social";
    grid-row-gap:var(--offset-md-2xs)
  }
  #footer .contacts__title {
    grid-area:title;
    margin-bottom:0
  }
  #footer .contacts__email {
    grid-area:email;
    margin-bottom:0
  }
  #footer .contacts__social {
    grid-area:social;
    justify-self:flex-end;
    margin-bottom:0
  }
  .awards__desc {
    margin-bottom:var(--offset-md-2xl)
  }
  .awards__img {
    margin-bottom:var(--offset-sm-s)
  }
}
.awards__img:before {
  background:url(../image/highlight.png) 50%/contain no-repeat;
  content:"";
  height:75px;
  left:-15px;
  mix-blend-mode:screen;
  position:absolute;
  top:-15px;
  width:145px
}
.awards__list,
.device__content {
  align-items:center;
  display:flex;
  flex-flow:column
}
.awards__item {
  align-items:center;
  display:grid;
  grid-template-columns:114px 170px;
  margin-bottom:var(--offset-md-2xs)
}
.awards__item:first-of-type .awards__img:before {
  left:-29px;
  top:0
}
.awards__item:last-of-type .awards__img:before {
  left:-19px;
  top:0
}
@media (min-width:768px) {
  .awards__list {
    align-items:flex-start;
    flex-flow:row;
    justify-content:center
  }
  .awards__item {
    grid-template-columns:184px;
    margin-bottom:0;
    margin-right:var(--offset-sm-s)
  }
  .awards__item:last-of-type {
    margin-right:0
  }
}
.awards__top,
.main__item:not(:last-of-type) {
  margin-bottom:var(--offset-sm-l)
}
.awards__content {
  display:flex;
  flex-flow:column;
  margin-left:var(--offset-sm-2xs);
  text-align:left
}
@media (min-width:768px) {
  .awards__content {
    display:grid;
    grid-template-rows:60px 1fr;
    text-align:center
  }
}
.awards__top {
  color:var(--color-white);
  font-family:NunitoSans Bold;
  font-size:20px;
  line-height:24px
}
.awards__bottom,
.mobile-btn-block .mobile-btn .top {
  font-family:NunitoSans Regular;
  color:var(--color-white)
}
.awards__bottom {
  font-size:16px;
  line-height:21px
}
.statistics {
  align-items:center;
  display:flex;
  text-align:left
}
.statistics__img {
  height:40px;
  width:40px
}
.statistics__img img {
  display:block;
  margin:0 auto;
  max-width:100%
}
.statistics__text-block {
  margin-left:var(--offset-sm-m)
}
.statistics__top {
  font:var(--caption-text)
}
.statistics__bottom {
  font:var(--title-h4)
}
.mobile-btn-block {
  height:68px;
  width:288px
}
.mobile-btn-block:before {
  background:var(--color-background-accent-positive);
  border-radius:var(--border-radius-round);
  bottom:1px;
  content:"";
  left:1px;
  opacity:var(--opacity-8);
  position:absolute;
  top:1px;
  transition:var(--transition-slow) cubic-bezier(.71,.14,.36,.89);
  width:45px;
  will-change:transform
}
.cards-box .card,
.offers-slide .card {
  border-radius:var(--border-radius-m)
}
.mobile-btn-block .mobile-btn {
  align-items:center;
  display:flex;
  height:100%;
  padding:var(--offset-sm-s);
  position:relative;
  width:100%
}
.cards-box .card,
.main:before {
  left:0;
  position:absolute;
  top:0
}
.mobile-btn-block .mobile-btn__img {
  height:var(--height-md-2xl);
  width:var(--height-md-2xl)
}
.mobile-btn-block .mobile-btn__content {
  align-items:flex-start;
  display:flex;
  flex-flow:column;
  margin-left:var(--offset-sm-s)
}
.mobile-btn-block .mobile-btn .top {
  font-size:14px;
  line-height:21px
}
.mobile-btn-block .mobile-btn .bottom {
  color:var(--color-white);
  font-family:NunitoSans Bold;
  font-size:20px;
  line-height:30px
}
.cards-box {
  align-items:flex-end;
  display:flex;
  flex-direction:column-reverse;
  width:288px
}
.cards-box__cards {
  margin-top:calc(var(--height-sm-s)*-1);
  position:relative;
  width:100%
}
.cards-box__dots {
  display:flex;
  transform:translateY(-48px)
}
.cards-box .card {
  align-items:flex-start;
  background:rgba(78,78,88,.6);
  box-shadow:0 2px 10px 0 rgba(0,0,0,.07);
  cursor:pointer;
  display:flex;
  flex-direction:row;
  padding:var(--offset-sm-l);
  transition:transform var(--transition-slower) cubic-bezier(.18,.98,.45,1),opacity var(--transition-slower) cubic-bezier(.18,.98,.45,1);
  width:288px
}
.main .container,
.main__item {
  align-items:center;
  display:flex
}
.cards-box .card[data-slide="0"] {
  opacity:var(--opacity-10);
  transform:translate(0) scale(1);
  transition:transform .32s cubic-bezier(.18,.98,.45,1),opacity .32s cubic-bezier(.18,.98,.45,1);
  z-index:6
}
.cards-box .card[data-slide="1"] {
  opacity:var(--opacity-9);
  transform:translateY(15px) scale(.95);
  z-index:5
}
.cards-box .card[data-slide="2"] {
  opacity:var(--opacity-8);
  transform:translateY(30px) scale(.9);
  z-index:4
}
.cards-box .card[data-slide="3"] {
  opacity:var(--opacity-7);
  transform:translateY(45px) scale(.85);
  z-index:3
}
.cards-box .card__text {
  color:var(--color-white);
  font-family:NunitoSans Bold;
  font-size:14px;
  line-height:24px;
  text-align:left
}
.main {
  background-image:url(../image/background_xs.jpg);
  background-position-x:63%;
  padding:104px 0 var(--offset-md-2xl);
  position:relative
}
.main:before {
  background:linear-gradient(180deg,rgba(0,0,0,.16),rgba(0,0,0,.8));
  bottom:0;
  content:"";
  right:0
}
.main .container {
  flex-direction:column;
  position:relative
}
.main__title {
  color:RGB(var(--color-white));
  font:var(--title-h2);
  margin:0 0 var(--offset-md-2xs)
}
.main__desc,
.main__text {
  font:var(--subtitle-lg-bold)
}
.main__desc {
  color:RGB(var(--color-main-15));
  margin-bottom:var(--offset-md-l)
}
.main__list {
  display:flex;
  flex-flow:column;
  justify-content:center;
  margin-bottom:var(--offset-md-l)
}
.main__item {
  color:RGB(var(--color-white));
  justify-content:space-between;
  width:max-content
}
.main__icon {
  align-items:center;
  display:flex;
  height:var(--height-md-l);
  justify-content:center;
  width:var(--height-md-l)
}
.main__text,
lui-logo {
  display:inline-block
}
.main__text {
  margin-left:var(--offset-sm-l)
}
.main__try-demo-desc {
  color:var(--color-white);
  font:var(--subtitle-sm-bold);
  margin-top:var(--offset-sm-l)
}
.device__wrapper {
  margin:0 auto;
  max-width:288px
}
.device__image {
  height:380px;
  left:-340px;
  margin-bottom:var(--offset-md-l);
  position:relative;
  width:620px
}
.device__buttons,
.offers-slider {
  flex-direction:column;
  display:flex
}
.device__content>.statistics {
  align-self:flex-start;
  margin-bottom:var(--offset-sm-l)
}
.device .slider {
  margin-bottom:var(--offset-md-s)
}
.device__buttons {
  margin-bottom:var(--offset-md-l)
}
.device__block-button:last-child {
  margin-bottom:0
}
.spot {
  background:url(../image/spot_xs.png)
}
.vip__image {
  background-image:url(../image/vip-mobile.png)
}
.vip .card-effect:before {
  background:#2d4941
}
.invite_friend .card {
  background:url(../image/bg-mob.jpg) bottom no-repeat
}
@media (min-width:768px) {
  .awards__top {
    font-size:18px
  }
  .awards__bottom,
  .statistics__top {
    font-size:14px
  }
  .statistics__img {
    height:52px;
    width:52px
  }
  .statistics__bottom {
    font-size:36px
  }
  .cards-box {
    align-items:center;
    flex-direction:row;
    width:100%
  }
  .cards-box__cards {
    margin-top:0
  }
  .cards-box__dots {
    display:flex;
    flex-direction:column;
    margin-left:var(--offset-lg-s);
    margin-right:var(--offset-sm-l);
    transform:translateY(-24px)
  }
  .cards-box .card {
    padding:var(--offset-md-2xs);
    width:100%
  }
  .cards-box .card[data-slide="1"],
  .cards-box .card[data-slide="2"] {
    opacity:var(--opacity-10)
  }
  .main {
    background-image:url(../image/background_s.jpg);
    background-position-x:center;
    padding:164px 0 var(--offset-md-l)
  }
  .main__desc {
    margin-bottom:96px
  }
  .main__list {
    flex-direction:row;
    margin-bottom:96px
  }
  .main__item:not(:last-of-type) {
    margin:0 var(--offset-sm-xxl) 0 0
  }
  .main__icon {
    height:var(--height-lg-s);
    width:var(--height-lg-s)
  }
  .main__try-demo-desc {
    margin-top:var(--offset-md-2xs)
  }
  .device__desc {
    margin-bottom:var(--offset-lg-l)
  }
  .device__wrapper {
    margin:0;
    max-width:none
  }
  .device__image {
    height:618px;
    margin-bottom:var(--offset-lg-m);
    width:1013px
  }
  .device__content {
    align-items:flex-start
  }
  .device__content>.statistics {
    margin-bottom:var(--offset-md-2xs)
  }
  .device .slider {
    width:100%
  }
  .device .slider__statistics {
    margin-bottom:var(--offset-sm-xl)
  }
  .device__buttons {
    flex-direction:row
  }
  .device__block-button {
    margin-bottom:0;
    margin-right:var(--offset-md-2xs)
  }
  .device__block-button:last-child {
    margin-right:0
  }
  .spot {
    background:url(../image/spot_s.png)
  }
  .vip__image {
    background-image:url(../image/vip.png)
  }
  .invite_friend .card {
    background:url(../image/bg-tab.png) 50% no-repeat
  }
}
.offers-slide.invite_friend .card__title {
  max-width:145px
}
@media (min-width:768px) {
  .offers-slide.invite_friend .card__title {
    max-width:368px
  }
}
@media (min-width:1024px) {
  .safety__quote {
    margin-block-end:var(--offset-md-l)
  }
  #footer .footer__navigations {
    grid-area:nav;
    grid-template-columns:repeat(3,minmax(140px,1fr));
    margin-bottom:var(--offset-lg-2xl);
    grid-column-gap:85px
  }
  #footer .footer__risk {
    grid-area:risk;
    margin-bottom:0
  }
  #footer .container {
    display:grid;
    grid-template-areas:"logo logo" "nav contacts" "nav contacts" "risk address" "risk copyright";
    grid-template-columns:634px 264px;
    justify-content:space-between;
    max-width:1200px;
    grid-column-gap:var(--offset-sm-m)
  }
  #footer .contacts {
    display:flex;
    flex-flow:column;
    grid-area:contacts;
    grid-template-areas:none
  }
  #footer lui-logo {
    grid-area:logo;
    margin-bottom:var(--offset-lg-xs)
  }
  #footer lui-copyright {
    align-self:end;
    grid-area:copyright
  }
  .awards__top {
    font-size:20px
  }
  .awards__bottom,
  .cards-box .card__text {
    font-size:16px
  }
  .mobile-btn-block {
    width:224px
  }
  .cards-box__cards {
    width:464px
  }
  .main {
    background-image:url(../image/background_m.jpg);
    padding:242px 0 var(--offset-lg-l)
  }
  .main__item:not(:last-of-type) {
    margin:0 102px 0 0
  }
  .device__wrapper {
    align-items:center;
    display:grid;
    gap:var(--offset-lg-s);
    grid-template-areas:"img content";
    grid-template-columns:35vw 1fr;
    min-height:468px;
    position:relative
  }
  .device__image {
    grid-area:img;
    height:468px;
    left:auto;
    margin:0;
    position:absolute;
    right:0;
    width:768px
  }
  .device__content {
    grid-area:content
  }
  .device__block-button {
    margin-right:var(--offset-sm-l)
  }
  .device__block-button:last-child {
    margin-right:0
  }
  .spot {
    background:url(../image/spot_m.png)
  }
  .offers-slide.invite_friend .card__title {
    max-width:464px
  }
}
.offers-slide.invite_friend .card__text {
  margin-bottom:var(--offset-sm-m);
  max-width:145px
}
.binomo_x .card {
  background:url(../image/bg-mob-2.jpg)
}
.offers-slider {
  justify-content:center;
  text-align:center
}
.offers-slider .container {
  width:var(--width-full)
}
.offers-slider .swiper-initialized {
  --swiper-navigation-size:30px;
  margin:0 auto;
  overflow:hidden;
  position:relative
}
.offers-slider .swiper-initialized .swiper-wrapper {
  padding:var(--offset-sm-sm) 0 0
}
.offers-slide .card {
  background-size:cover;
  display:flex;
  flex-direction:column;
  justify-content:space-between;
  margin:0 auto;
  max-width:288px;
  min-height:204px;
  position:relative;
  text-align:left
}
.offers-slide .card__wrap {
  align-items:flex-start;
  display:flex;
  flex-direction:column;
  min-height:160px;
  padding:var(--offset-sm-l) var(--offset-sm-l) 0;
  position:relative;
  z-index:var(--zindex-50)
}
.offers-slide .card__text {
  color:var(--color-text-accent);
  font:var(--bold-l);
  font-size:12px;
  letter-spacing:2px;
  margin-bottom:var(--offset-md-2xs);
  text-shadow:0 0 var(--offset-sm-l) #000;
  text-transform:uppercase
}
.offers-slide .card__title {
  color:var(--offers-slider-title-color);
  font:var(--black-l);
  font-size:16px;
  line-height:24px;
  max-width:180px;
  text-shadow:0 0 var(--offset-sm-l) #000
}
@media (min-width:768px) {
  .offers-slide.invite_friend .card__text {
    margin-bottom:var(--offset-md-2xs);
    max-width:none
  }
  .binomo_x .card {
    background:url(../image/bg-tab-2.jpg)
  }
  .binomo_x .card:before {
    background:url(../image/slot-lap-2.png) 100%/contain no-repeat
  }
  .offers-slider .swiper-initialized .swiper-wrapper {
    padding:var(--offset-md-2xs) 0 0
  }
  .offers-slide .card {
    max-width:688px;
    min-height:220px
  }
  .offers-slide .card:before {
    background-size:contain;
    border-bottom-right-radius:8px;
    bottom:0;
    content:"";
    height:calc(100% + 24px);
    left:0;
    position:absolute;
    width:var(--width-full)
  }
  .offers-slide .card__wrap {
    padding:var(--offset-sm-l) var(--offset-sm-l) 0
  }
  .offers-slide .card__text {
    max-width:100%
  }
  .offers-slide .card__title {
    font-size:24px;
    line-height:30px;
    max-width:368px;
    padding-bottom:var(--offset-md-s)
  }
}
@media (min-width:1024px) {
  .offers-slider .swiper-initialized {
    max-width:898px;
    --swiper-navigation-size:39px
  }
  .offers-slide .card {
    max-width:784px;
    min-height:247px
  }
  .offers-slide .card__wrap {
    padding:var(--offset-md-2xs) var(--offset-md-2xs) 0
  }
  .offers-slide .card__text {
    font-size:14px
  }
  .offers-slide .card__title {
    font-size:30px;
    line-height:38px;
    max-width:464px
  }
}
@media (min-width:1280px) {
  .awards__img {
    margin-bottom:0
  }
  .awards__item {
    align-items:center;
    grid-template-columns:114px 160px
  }
  .awards__content {
    display:flex;
    margin-left:var(--offset-sm-2xs);
    padding-top:var(--offset-sm-l);
    text-align:left
  }
  .invite_friend .card {
    background:url(../image/bg-desk.jpg) 50% no-repeat
  }
  .offers-slide.invite_friend .card__title {
    max-width:542px
  }
  .offers-slide .card__title {
    font-size:36px;
    line-height:46px;
    max-width:542px
  }
}
.offers-slide .card__buttons {
  display:flex;
  flex-direction:column;
  gap:var(--offset-sm-s)
}
.offers-slide .card__button {
  display:flex;
  flex-direction:column-reverse;
  z-index:var(--zindex-50)
}
.offers-slide .card__button--main {
  font-size:16px
}
@media (min-width:768px) {
  .offers-slide .card__buttons {
    flex-direction:row;
    gap:var(--offset-sm-m);
    padding:0 var(--offset-sm-l) var(--offset-sm-l)
  }
  .offers-slide .card__button--main {
    font-size:18px
  }
  .offers-slide .card__button {
    flex-direction:row
  }
  .offers-slide .card__button vui-button {
    width:auto
  }
}
.offers-slide .card__button vui-button {
  border-radius:var(--border-radius-m);
  box-sizing:border-box;
  width:var(--width-full)
}
.offers-slide .card__button vui-button button {
  margin:0 auto;
  padding:0 var(--offset-md-2xs);
  width:auto
}
lui-logo .image {
  height:auto;
  width:108px
}
@media (min-width:1024px) {
  .offers-slide .card__buttons {
    padding:0 var(--offset-md-2xs) var(--offset-md-2xs)
  }
  .offers-slide .card__button--main {
    font-size:20px
  }
  .offers-slide .card__button {
    flex-direction:row
  }
  lui-logo .image {
    width:128px
  }
}
@media (min-width:1360px) {
  .container {
    max-width:1500px;
    padding:0 var(--offset-md-2xl)
  }
  .spot {
    height:2176px;
    margin-top:-400px;
    width:2164px
  }
  .header .container {
    max-width:1264px
  }
  .header .navigation {
    margin-left:104px
  }
  .header .navigation__item {
    margin-right:var(--offset-md-s)
  }
  .header .log-in,
  [dir=rtl] .header .locale-btn {
    margin-right:var(--offset-md-2xs)
  }
  .header .locale-btn {
    margin-left:var(--offset-md-2xs)
  }
  [dir=rtl] .header .navigation {
    margin-right:104px
  }
  [dir=rtl] .header .navigation__item {
    margin-left:var(--offset-md-s)
  }
  [dir=rtl] .header .log-in {
    margin-left:var(--offset-md-2xs);
    margin-right:0
  }
  #footer {
    padding:var(--offset-lg-xs) 0
  }
  #footer .footer__navigations {
    grid-column-gap:var(--offset-sm-xxl)
  }
  #footer .container {
    grid-template-columns:704px 236px;
    grid-column-gap:176px
  }
  .awards__desc {
    margin-bottom:var(--offset-lg-l)
  }
  .awards__item {
    grid-template-columns:114px 210px
  }
  .awards__item:last-of-type {
    margin-right:0
  }
  .awards__content {
    margin-left:var(--offset-sm-xxl)
  }
  .awards__top {
    margin-bottom:var(--offset-sm-xxl)
  }
  .main {
    background-image:url(../image/background_l.jpg)
  }
  .device__wrapper {
    gap:var(--offset-lg-3xl);
    grid-template-columns:640px 1fr;
    justify-content:center;
    min-height:618px
  }
  .device__image {
    height:618px;
    width:1013px
  }
  .spot {
    background:url(../image/spot_l.png)
  }
  .offers-slider .swiper-initialized {
    max-width:1060px
  }
  .offers-slide .card {
    max-width:946px;
    min-height:264px
  }
  lui-logo .image {
    width:150px
  }
}
.logo-link {
  display:flex
}
.icon-secondary-active {
  color:var(--color-icon-secondary-active)
}
