* {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); -webkit-box-sizing: border-box; box-sizing: border-box;}
*:before, *:after {-webkit-box-sizing: border-box; box-sizing: border-box;}
*::-moz-focus-inner {border: 0; padding: 0;}
*:focus {outline: none;}
::selection {background-color: rgba(98,208,255,1);}
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
====================================================*/
@font-face {
   font-family: 'RobotoLight';
   src:  url('fonts/RobotoLight/Roboto-Light.eot');
   src:  url('fonts/RobotoLight/Roboto-Light.eot?#iefix') format('embedded-opentype'),
         url('fonts/RobotoLight/Roboto-Light.woff') format('woff'),
         url('fonts/RobotoLight/Roboto-Light.ttf') format('truetype');
   font-weight: 300;
   font-style: normal;
   font-display: swap;
}
@font-face {
   font-family: 'RobotoRegular';
   src:  url("fonts/RobotoRegular/RobotoRegular.eot");
   src:  url("fonts/RobotoRegular/RobotoRegular.eot?#iefix")format("embedded-opentype"),
         url("fonts/RobotoRegular/RobotoRegular.woff") format("woff"),
         url("fonts/RobotoRegular/RobotoRegular.ttf") format("truetype");
   font-style: normal;
   font-weight: normal;
   font-display: swap;
}
@font-face {
   font-family: 'RobotoMedium';
   src:  url("fonts/RobotoMedium/RobotoMedium.eot");
   src:  url("fonts/RobotoMedium/RobotoMedium.eot?#iefix")format("embedded-opentype"),
         url("fonts/RobotoMedium/RobotoMedium.woff") format("woff"),
         url("fonts/RobotoMedium/RobotoMedium.ttf") format("truetype");
   font-style: normal;
   font-weight: normal;
   font-display: swap;
}
@font-face {
   font-family: 'RobotoBold';
   src:  url("fonts/RobotoBold/RobotoBold.eot");
   src:  url("fonts/RobotoBold/RobotoBold.eot?#iefix")format("embedded-opentype"),
         url("fonts/RobotoBold/RobotoBold.woff") format("woff"),
         url("fonts/RobotoBold/RobotoBold.ttf") format("truetype");
   font-style: normal;
   font-weight: normal;
   font-display: swap;
}
/*300*/
@font-face {
   font-family: "MuseoSansLight";
   src:  url("fonts/MuseoSansLight/MuseoSansLight.eot");
   src:  url("fonts/MuseoSansLight/MuseoSansLight.eot?#iefix")format("embedded-opentype"),
         url("fonts/MuseoSansLight/MuseoSansLight.woff") format("woff"),
         url("fonts/MuseoSansLight/MuseoSansLight.ttf") format("truetype");
   font-style: normal;
   font-weight: normal;
   font-display: swap;
}
/*400*/
@font-face {
   font-family: "MuseoSansRegular";
   src:  url("fonts/MuseoSansRegular/MuseoSansRegular.eot");
   src:  url("fonts/MuseoSansRegular/MuseoSansRegular.eot?#iefix")format("embedded-opentype"),
         url("fonts/MuseoSansRegular/MuseoSansRegular.woff") format("woff"),
         url("fonts/MuseoSansRegular/MuseoSansRegular.ttf") format("truetype");
   font-style: normal;
   font-weight: normal;
   font-display: swap;
}
/*600*/
@font-face {
   font-family: "MuseoSansMedium";
   src:  url("fonts/MuseoSansMedium/MuseoSansMedium.eot");
   src:  url("fonts/MuseoSansMedium/MuseoSansMedium.eot?#iefix")format("embedded-opentype"),
         url("fonts/MuseoSansMedium/MuseoSansMedium.woff") format("woff"),
         url("fonts/MuseoSansMedium/MuseoSansMedium.ttf") format("truetype");
   font-style: normal;
   font-weight: normal;
   font-display: swap;
}
/*800*/
@font-face {
   font-family: "MuseoSansBold";
   src:  url("fonts/MuseoSansBold/MuseoSansBold.eot");
   src:  url("fonts/MuseoSansBold/MuseoSansBold.eot?#iefix")format("embedded-opentype"),
         url("fonts/MuseoSansBold/MuseoSansBold.woff") format("woff"),
         url("fonts/MuseoSansBold/MuseoSansBold.ttf") format("truetype");
   font-style: normal;
   font-weight: normal;
   font-display: swap;
}
/*900*/
@font-face {
   font-family: "MuseoSansBlack";
   src:  url("fonts/MuseoSansBlack/MuseoSansBlack.eot");
   src:  url("fonts/MuseoSansBlack/MuseoSansBlack.eot?#iefix")format("embedded-opentype"),
         url("fonts/MuseoSansBlack/MuseoSansBlack.woff") format("woff"),
         url("fonts/MuseoSansBlack/MuseoSansBlack.ttf") format("truetype");
   font-style: normal;
   font-weight: normal;
   font-display: swap;
}
/*for game*/
@font-face {
   font-family: 'dpix_8pt';
   src:  url('fonts/dpix/dpix_8pt_allfont_ru.eot');
   src:  url('fonts/dpix/dpix_8pt_allfont_ru.eot') format('embedded-opentype'),
         url('fonts/dpix/dpix_8pt_allfont_ru.woff') format('woff'),
         url('fonts/dpix/dpix_8pt_allfont_ru.ttf') format('truetype');
   font-style: normal;
   font-weight: normal;
   font-display: swap;
}


/*====================================================
   Global
====================================================*/
html, body {height: 100%;}
body {background: #141C30; font-family: 'RobotoLight', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen-Sans, Ubuntu, Cantarell, 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 20px; line-height: 1.57; color: #FFF;}
body.ved_editable, body.ved_ltr {background: #141C30 !important; color: #FFF !important; margin: 10px;}

body.locked {overflow: hidden;}

@media screen and (max-width: 1024px) {
   body {font-size: 18px;}
}
@media screen and (max-width: 480px) {
   body {font-size: 16px;}
}
@media screen and (max-width: 767px) and (orientation: landscape) {
   body {font-size: 16px;}
}

.container {min-height: 100%; overflow: hidden; background: #141C30; position: relative; z-index: 1;}
   .wrapper {margin: 120px 0; position: relative;}
   .wrapper.wrapper_padding {margin: 0; padding: 120px 0;}
   .wrapper.wrapper_section.wrapper_padding {margin: 0;}
   .wrapper:not(.intro):first-child {margin-top: 0;}
      .inner {width: 100%; max-width: 1254px; margin: 0 auto; padding: 0 40px; position: relative;}
      .inner_medium {max-width: 1410px;}
      .inner_wide {max-width: 1903px;}

@media screen and (min-width: 1025px) {
   .wrapper.wrapper_section {margin: 200px 0;}
   .wrapper.wrapper_section.wrapper_padding {padding: 200px 0;}
}
@media screen and (min-width: 1690px) {
   .inner_wide {padding: 0 65px;}
}       
@media screen and (min-width: 1280px) and (max-width: 1366px) {
   .wrapper.wrapper_section {margin: 180px 0;}
   .wrapper.wrapper_section.wrapper_padding {padding: 180px 0;}
}
@media screen and (min-width: 1025px) and (max-width: 1279px) {
   .wrapper.wrapper_section {margin: 160px 0;}
   .wrapper.wrapper_section.wrapper_padding {padding: 160px 0;}
}
@media screen and (max-width: 1024px) {
   .wrapper {margin: 100px 0;}
   .wrapper.wrapper_padding {padding: 100px 0;}
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
   .wrapper.wrapper_section {margin: 140px 0;}
}
@media screen and (min-width: 481px) and (max-width: 767px) {
   .wrapper.wrapper_section {margin: 100px 0;}
}
@media screen and (max-width: 767px) {
   .wrapper {margin: 80px 0;}
   .wrapper.wrapper_padding {padding: 80px 0;}
}
@media screen and (max-width: 480px) {
   .wrapper.wrapper_padding {padding: 60px 0;}
      .inner {padding: 0 20px;}
}
@media screen and (max-width: 767px) and (orientation: landscape) {
   .wrapper.wrapper_padding {padding: 60px 0;}
   .wrapper.wrapper_section {margin: 80px 0;}
      .inner {padding: 0 20px;}
}

/*mobile/tablet/desktop blocks*/
@media screen and (min-width: 1200px) {
   .header .desktop-hidden {display: none !important;}
}
@media screen and (min-width: 1280px) {
   .tablet-block {display: none !important;}
   .desktop-hidden {display: none !important;}
}
@media screen and (max-width: 1279px) {
   .desktop-block {display: none !important;}
   .header .desktop-block {display: initial !important;}
}
@media screen and (max-width: 1199px) {
   .header .desktop-block {display: none !important;}
}
@media screen and (min-width: 768px) {
   .mobile-block {display: none !important;}
}
@media screen and (max-width: 767px) {
   .tablet-block {display: none !important;}
   .mobile-hidden {display: none !important;}
}

/*headings*/
h1, .h1 {font-family: "MuseoSansLight", sans-serif; font-size: 90px; line-height: 1.04; font-weight: normal; color: inherit; margin: 0 0 40px; padding: 0; position: relative;}
   h1 u {text-decoration-thickness: 0.04em; text-underline-offset: 0.1em; text-decoration-color: #62D0FF;}
h2, .h2 {font-family: "MuseoSansRegular", sans-serif; font-size: 50px; line-height: 1.1; font-weight: normal; color: inherit; margin: 0 0 40px; padding: 0; position: relative;}
h3, .h3 {font-family: "MuseoSansRegular", sans-serif; font-size: 46px; line-height: 1.1; font-weight: normal; color: inherit; margin: 0 0 30px; padding: 0; position: relative;}
h4, .h4 {font-family: "MuseoSansMedium", sans-serif; font-size: 36px; line-height: 1.1; font-weight: normal; color: inherit; margin: 0 0 20px; padding: 0; position: relative;}
h5, .h5 {font-family: "MuseoSansMedium", sans-serif; font-size: 18px; line-height: 1.35; font-weight: normal; color: inherit; text-transform: uppercase; margin: 0 0 20px; padding: 0; position: relative;}
h6, .h6 {font-family: "MuseoSansMedium", sans-serif; font-size: 16px; line-height: 1.35; font-weight: normal; color: inherit; margin: 0 0 20px; padding: 0; position: relative;}

.h4 h3 {font-size: inherit; font-family: inherit;}

/*large headings*/
.title_large h2, .title_large .h2 {font-family: "MuseoSansMedium", sans-serif; font-size: 90px; margin-bottom: 80px;}
.title_large h3, .title_large .h3 {font-size: 50px;}

/*article headings*/
.article h2, .article .h2 {padding-top: 30px;}
.article h3, .article .h3 {padding-top: 20px;}
.article h4, .article .h4 {font-family: "MuseoSansRegular"; padding-top: 10px;}
.article h2 + h3, .article h2:first-child, .article h3:first-child {padding-top: 0;}

/*font extra bold*/
.font_museo-black h1, .font_museo-black .h1 {font-family: "MuseoSansBlack";}
.font_museo-black h2, .font_museo-black .h2 {font-family: "MuseoSansBlack";}
.font_museo-black h3, .font_museo-black .h3 {font-family: "MuseoSansBlack";}
.font_museo-bold h3, .font_museo-bold .h3 {font-family: "MuseoSansBold";}
.font_museo-black h4, .font_museo-black .h4 {font-family: "MuseoSansBlack";}
.font_museo-bold h4, .font_museo-bold .h4 {font-family: "MuseoSansBold";}

/*for game*/
.font_dpix h2, .font_dpix .h2, .font_dpix h3, .font_dpix .h3 {font-family: 'dpix_8pt';}

@media screen and (max-width: 1366px) {
   h1, .h1 {font-size: 85px;}

   /*large headings*/
   .title_large h2, .title_large .h2 {font-size: 85px; margin-bottom: 60px;}
}
@media screen and (max-width: 1279px) {
   h1, .h1 {font-size: 75px;}
   h2, .h2 {font-size: 45px;}
   h4, .h4 {font-size: 32px;}

   /*large headings*/
   .title_large h2, .title_large .h2 {font-size: 75px;}
   .title_large h3, .title_large .h3 {font-size: 46px;}
}
@media screen and (max-width: 1024px) {
   h1, .h1 {font-size: 55px;}
   h2, .h2 {font-size: 40px; margin-bottom: 30px;}
   h3, .h3 {font-size: 36px; margin-bottom: 20px;}
   h4, .h4 {font-size: 28px;}

   /*large headings*/
   .title_large h2, .title_large .h2 {font-size: 60px; margin-bottom: 40px;}
   .title_large h3, .title_large .h3 {font-size: 40px;}

   /*article headings*/
   .article h2, .article .h2 {margin-bottom: 20px;}
   .article h3, .article .h3 {margin-bottom: 15px;}
}
@media screen and (max-width: 767px) {
   h1, .h1 {font-size: 48px; margin-bottom: 30px;}
   h2, .h2 {font-size: 36px; margin-bottom: 20px;}
   h3, .h3 {font-size: 30px;}
   h4, .h4 {font-size: 26px;}

   /*large headings*/
   .title_large h2, .title_large .h2 {font-size: 46px;}
   .title_large h3, .title_large .h3 {font-size: 34px;}
}
@media screen and (max-width: 480px) {
   h1, .h1 {font-size: 42px;}
   h2, .h2 {font-size: 30px;}
   h3, .h3 {font-size: 26px; margin-bottom: 15px;}
   h4, .h4 {font-size: 24px; margin-bottom: 15px;}
   h5, .h5 {font-size: 16px;}

   /*large headings*/
   .title_large h2, .title_large .h2 {font-size: 38px; margin-bottom: 30px;}
   .title_large h3, .title_large .h3 {font-size: 30px;}

   /*article headings*/
   .article h4, .article .h4 {font-size: 22px;}
}
@media screen and (max-width: 374px) {
   h1, .h1 {font-size: 38px; margin-bottom: 20px;}
   h2, .h2 {font-size: 26px;}
   h3, .h3 {font-size: 24px; margin-bottom: 10px;}
   h4, .h4 {font-size: 22px; margin-bottom: 10px;}

   /*large headings*/
   .title_large h2, .title_large .h2 {font-size: 34px; margin-bottom: 25px;}
   .title_large h3, .title_large .h3 {font-size: 26px;}

   /*article headings*/
   .article h4, .article .h4 {font-size: 20px;}
}
@media screen and (max-width: 767px) and (orientation: landscape) {
   h1, .h1 {font-size: 42px;}
   h2, .h2 {font-size: 30px;}
   h3, .h3 {font-size: 26px; margin-bottom: 15px;}
   h4, .h4 {font-size: 24px; margin-bottom: 15px;}
   h5, .h5 {font-size: 16px;}

   /*large headings*/
   .title_large h2, .title_large .h2 {font-size: 38px; margin-bottom: 30px;}
   .title_large h3, .title_large .h3 {font-size: 30px;}

   /*article headings*/
   .article h4, .article .h4 {font-size: 22px;}
}
@media screen and (max-width: 666px) and (orientation: landscape) {
   h1, .h1 {font-size: 38px; margin-bottom: 20px;}
   h2, .h2 {font-size: 26px;}
   h3, .h3 {font-size: 24px; margin-bottom: 10px;}
   h4, .h4 {font-size: 22px; margin-bottom: 10px;}

   /*large headings*/
   .title_large h2, .title_large .h2 {font-size: 34px; margin-bottom: 25px;}
   .title_large h3, .title_large .h3 {font-size: 26px;}

   /*article headings*/
   .article h4, .article .h4 {font-size: 20px;}
}

p {margin: 0 0 40px; padding: 0;}
p:last-child {margin-bottom: 0;}
p:empty {margin: 0;}

@media screen and (max-width: 1024px) {
   p {margin-bottom: 30px;}
}
@media screen and (max-width: 480px) {
   p {margin-bottom: 20px;}
}
@media screen and (max-width: 767px) and (orientation: landscape) {
   p {margin-bottom: 20px;}
}

.font_large {font-size: 24px;}
.font_small {font-size: 16px;}
.font_roboto {font-family: 'RobotoLight';}
.font_roboto-regular {font-family: 'RobotoRegular';}
.font_roboto-bold {font-family: 'RobotoBold';}
.font_museo {font-size: 22px; font-family: "MuseoSansLight";}
.font_museo-regular {font-family: "MuseoSansRegular";}
.font_museo-medium {font-family: "MuseoSansMedium";}
.font_museo-bold {font-family: "MuseoSansBold";}
.font_museo-black {font-family: "MuseoSansBlack";}
.font_museo.font_large {font-size: 22px; letter-spacing: 0.025em;}
.font_dpix {font-family: 'dpix_8pt'; font-size: 17px; line-height: 1.7;}
.font_italic {font-style: italic;}

.phrase {font-size: 180%; line-height: 1.36; font-family: "MuseoSansLight"; margin-bottom: 40px;}

@media screen and (min-width: 1025px) {
   .font_museo-medium.font_large {font-size: 22px;}
}
@media screen and (max-width: 1279px) {
   .font_museo {font-size: 20px;}
}
@media screen and (max-width: 1024px) {
   .font_large {font-size: 22px;}
   .font_museo {font-size: 18px;}
   .font_dpix {font-size: 14px;}

   .phrase {margin-bottom: 30px;}
}
@media screen and (min-width: 768px) and (max-width: 1021px) {
   .font_museo-medium.font_large {font-size: 17px;}
}
@media screen and (max-width: 767px) {
   .font_large {font-size: 20px;}
   .font_museo.font_large {font-size: 20px;}
   .font_dpix {font-size: 12px;}
}
@media screen and (max-width: 480px) {
   .font_large {font-size: 18px;}
   .font_small {font-size: 14px;}
   .font_museo {font-size: 16px;}
   .font_museo.font_large {font-size: 18px;}
   .font_dpix {font-size: 10px;}

   .phrase {margin-bottom: 20px;}
}
@media screen and (max-width: 374px) {
   .font_dpix {font-size: 8px;}
}
@media screen and (max-width: 767px) and (orientation: landscape) {
   .font_large {font-size: 18px;}
   .font_small {font-size: 14px;}
   .font_museo {font-size: 16px;}
   .font_museo.font_large {font-size: 18px;}
   .font_dpix {font-size: 10px;}

   .phrase {margin-bottom: 20px;}
}
@media screen and (max-width: 666px) and (orientation: landscape) {
   .font_dpix {font-size: 8px;}
}

.text_uppercase {text-transform: uppercase;}
.text_center {text-align: center;}
.text_left {text-align: left;}
.text_nowrap {white-space: nowrap;}
.text_black {color: #000;}
.text_bg {background: #62D0FF; padding: 40px; margin-bottom: 40px; color: #000;}
   .text_bg > div {margin-bottom: 20px;}
   .text_bg > div:last-child {margin-bottom: 0;}
.text_note {padding-top: 60px;}

@media screen and (max-width: 1024px) {
   .text_bg {padding: 30px; margin-bottom: 30px;}
}
@media screen and (max-width: 767px) {
   .text_black-not-mobile {color: inherit;}
}
@media screen and (max-width: 480px) {
   .text_bg {padding: 20px; margin-bottom: 20px;}
}
@media screen and (max-width: 767px) and (orientation: landscape) {
   .text_bg {padding: 20px; margin-bottom: 20px;}
}

.highlight_red {color: #FF0000;}
.highlight_blue {color: #62D0FF;}

b, strong, .font_roboto strong, .font_roboto b {font-family: 'RobotoMedium', sans-serif; font-weight: normal;}
.font_museo strong, .font_museo b {font-family: "MuseoSansMedium";}

em, i, cite, dfn, q {font-style: italic;}
.quote {position: relative; margin: 40px; padding-left: 40px; border-left: 6px solid #62D0FF; font-size: 22px !important; line-height: 1.75;}
.quote:last-child {margin-bottom: 0;}
.article__author + .quote {margin-top: 0;}

@media screen and (max-width: 1024px) {
   .quote {margin: 30px; padding-left: 30px; font-size: 20px !important;}
}
@media screen and (max-width: 767px) {
   .quote {font-size: 18px !important;}
}
@media screen and (max-width: 480px) {
   .quote {margin: 20px; padding-left: 20px; border-width: 4px; font-size: 16px !important;}
}
@media screen and (max-width: 767px) and (orientation: landscape) {
   .quote {margin: 20px; padding-left: 20px; border-width: 4px; font-size: 16px !important;}
}

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

img {border: 0; max-width: 100%; height: auto;}
.img_multiply img {mix-blend-mode: multiply;}
.img_invert img {filter: invert(1);}
.img_blacking {filter: brightness(0.7);}
.img_parallax {overflow: hidden;}
   .img_parallax img {transition: transform 0.5s linear 0s;}
.img_zoom {position: relative; display: block;}
   .img_zoom img {position: relative; z-index: 0;}
   .no-touchevents .img_zoom:before, .no-touchevents .img_zoom:after {content: ''; position: absolute; transition: all 0.3s ease 0s;}
   .no-touchevents .img_zoom:before {top: 0; left: 0; width: 100%; height: 100%; background: rgba(255,255,255,.5); opacity: 0; z-index: 1;}
   .no-touchevents .img_zoom:hover:before {opacity: 1;}
   .no-touchevents .img_zoom:after {width: 64px; height: 64px; top: 50%; left: 50%; margin: -32px 0 0 -32px; background: url('../i/zoom-blue.svg') 0 0 / contain no-repeat; opacity: 0; transform: scale(0); z-index: 2;}
   .no-touchevents .img_zoom:hover:after {opacity: 1; transform: scale(1);}

.hover_zoom {overflow: hidden; transform-style: preserve-3d;}
   .hover_zoom img {display: block; transform: translateZ(0); transition: transform 16s linear 0s;}
   .hover_zoom:hover img {transform: scale(1.4) translateZ(0);}

figure {width: 100%; margin: 0 0 40px 0; text-align: center;}
figure:last-child {margin-bottom: 0;}
figure img {margin: 0 auto 15px;}
figcaption + img {margin-bottom: 0;}
figcaption, .figcaption {color: #62D0FF; font-size: 16px; line-height: 1.16; text-align: center;}
figcaption:first-child, .figcaption {margin-bottom: 15px;}
img + .figcaption {margin-bottom: 0;}
figure p {margin: 0;}

@media screen and (max-width: 1024px) {
   figure {margin-bottom: 30px;}
   figcaption, .figcaption {font-size: 15px;}
}
@media screen and (max-width: 480px) {
   figure {margin-bottom: 20px;}
   figcaption, .figcaption {font-size: 14px;}
   figure img {margin-bottom: 10px;}
   figcaption:first-child, .figcaption {margin-bottom: 10px;}
   .article p img, .article p img {float: none !important; margin-left: 0 !important; margin-right: 0 !important;}
}
@media screen and (max-width: 767px) and (orientation: landscape) {
   figure {margin-bottom: 20px;}
   figcaption, .figcaption {font-size: 14px;}
   figure img {margin-bottom: 10px;}
   figcaption:first-child, .figcaption {margin-bottom: 10px;}
}

table {border-collapse: collapse; border-spacing: 0;}
.article table {margin-bottom: 40px; max-width: 100%;}
.article table th, .article table td {padding: 10px 20px; border: 0; border-bottom: 1px solid #b5b5b5;}
.article table th:first-child, .article table td:first-child {padding-left: 0;}
.article table th:last-child, .article table td:last-child {padding-right: 0;}
.article table th {font-family: 'RobotoMedium', sans-serif; font-weight: normal; text-align: left;}
table p {margin: 0;}
.article table.table_no-decor th, .article table.table_no-decor td {border: 0; padding: 20px;}
.article table.table_no-decor th:first-child, .article table.table_no-decor td:first-child {padding-left: 0;}
.article table.table_no-decor th:last-child, .article table.table_no-decor td:last-child {padding-right: 0;}
.article table.table_no-decor img {vertical-align: top;}

@media screen and (max-width: 1024px) {
   .article table {margin-bottom: 30px;}
}
@media screen and (max-width: 767px) {
   .article table {width: 100%;}
}
@media screen and (max-width: 480px) {
   .article table {margin-bottom: 20px;}
      .article table th, .article table td {padding: 10px;}
   .article table.table_no-decor th, .article table.table_no-decor td {padding: 10px;}
}
@media screen and (max-width: 767px) and (orientation: landscape) {
   .article table {margin-bottom: 20px;}
}

ul {list-style: none; padding: 0; margin: 0 0 40px;}
.article p + ul {margin-top: -20px;}
ul:last-child {margin-bottom: 0;}
ul.ul_no-decor {margin: 0;}
ul.ul_decor-raquo {margin: 0;}
   ul li {padding: 0 0 0 16px; margin: 0; position: relative;}
   ul.ul_decor li {margin-bottom: 10px; padding-left: 30px;}
   ul.ul_decor li:last-child {margin-bottom: 0;}
   ul.ul_decor li h5, ul.ul_decor li .h5 {margin-bottom: 0;}
   ul.ul_decor-raquo li {margin-bottom: 25px; padding-left: 25px;}
   ul.ul_decor-raquo li:last-child {margin-bottom: 0;}
   ul.ul_decor-raquo li h5, ul.ul_decor-raquo li .h5 {margin-bottom: 0;}
   ul.ul_no-decor li {padding-left: 0;}
      ul li:before, ul.ul_decor-raquo li:after {content: ''; position: absolute; top: 12px; left: 0; width: 4px; height: 4px; border-radius: 100%; background: #FFF;}
      /*decor red*/
      ul.ul_decor li:before {top: 0.5em; width: 10px; height: 10px; border-radius: 0; background: #FF0000;}
      /*decor raquo*/
      ul.ul_decor-raquo li:before, ul.ul_decor-raquo li:after {width: 12px; height: 2px; border-radius: 2px;}
      ul.ul_decor-raquo li:before {top: 7px; transform: rotate(45deg);}
      ul.ul_decor-raquo li:after {top: 14px; transform: rotate(-45deg);}
      /*no decor*/
      ul.ul_no-decor li:before {display: none;}
   ul li ul {margin: 10px 0 0 20px;}
ol {padding: 0; margin: 0 0 40px 17px;}
.article p + ol {margin-top: -20px;}
   ol li {padding: 0 0 0 3px; margin: 0;}
   ol li ol {margin: 10px 0 0 17px;}

@media screen and (max-width: 1024px) {
   ul, ol {margin-bottom: 30px;}
   ul.ul_decor li {padding-left: 25px;}
      ul li:before {top: 11px;}
}
@media screen and (max-width: 480px) {
   ul, ol {margin-bottom: 20px;}
   .article p + ul {margin-top: -10px;}
      ul li {padding-left: 15px;}
      ul.ul_decor li {padding-left: 20px;}
         ul li:before {top: 10px;}
         ul.ul_decor li:before {top: 0.45em;}
      ul.ul_decor-raquo li {margin-bottom: 20px;}
   ol {margin-left: 22px;}
   .article p + ol {margin-top: -10px;}
}
@media screen and (max-width: 767px) and (orientation: landscape) {
   ul, ol {margin-bottom: 20px;}
      ul li {padding-left: 15px;}
      ul.ul_decor li {padding-left: 20px;}
         ul li:before {top: 10px;}
         ul.ul_decor li:before {top: 0.45em;}
      ul.ul_decor-raquo li {margin-bottom: 20px;}
   ol {margin-left: 22px;}
}

ul.nav {padding: 0; margin: 0;}
ul.nav li {padding: 0; margin: 0;}
ul.nav li:before {display: none;}
ul.nav li a {text-decoration: none;}
ul.nav li a:hover, ul.nav li.current > a {color: #62D0FF;}

.article iframe {max-width: 100%;}

.b-r {border-radius: 20px;}

/*blocks*/
.easing, .easing * {transition: all 0.3s ease 0s;}

.clear:before, .clear:after {content: " "; display: table;}
.clear:after {clear: both;}

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

.tb {display: table; width: 100%; height: 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;}
.article .tb {margin-bottom: 40px;}

@media screen and (min-width: 768px) {
   .article .tb {margin-left: -20px; margin-right: -20px;}
      .article .tb__cell {padding: 0 20px;}
}
@media screen and (max-width: 1024px) {
   .article .tb {margin-bottom: 30px;}
}
@media screen and (max-width: 767px) {
   .article .tb.tb_adaptive, .article .tb.tb_adaptive .tb__cell {display: block;}
   .article .tb__cell:not(:last-child) {margin-bottom: 20px;}
}
@media screen and (max-width: 480px) {
   .article .tb {margin-bottom: 20px;}
}
@media screen and (max-width: 767px) and (orientation: landscape) {
   .article .tb {margin-bottom: 20px;}
}

.flex {display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap;} 
.flex_inline {display: inline-flex;}
.flex_nowrap {-webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap;}
.flex_column {-webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap;}
.flex_middle {-webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center;}
.flex_top {-webkit-box-align: flex-start; -webkit-align-items: flex-start; -ms-flex-align: flex-start; align-items: flex-start;}
.flex_bottom {-webkit-box-align: flex-end; -webkit-align-items: flex-end; -ms-flex-align: flex-end; align-items: flex-end;}
.flex_stretch {-webkit-box-align: stretch; -webkit-align-items: stretch; -ms-flex-align: stretch; align-items: stretch;}
.flex_justify {-webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between;}
.flex_center {-webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center;}

.article__columns > div {margin-bottom: 40px;}

@media screen and (min-width: 768px) {
   .article__columns {margin: 0 -10px;}
      .article__columns > div {padding: 0 10px;}
      .article__columns:last-child > div {margin-bottom: 0;}
      .article__columns_2 > div {width: 50%;}
      .article__columns_3 > div {width: 33.333%;}
      .article__columns_iframe > div:first-child {min-width: 70%;}
}
@media screen and (min-width: 1025px) {
   .article__columns {margin: 0 -20px;}
      .article__columns > div {padding: 0 20px;}
      .article__columns_iframe > div:first-child {min-width: 60%;}
}
@media screen and (max-width: 1024px) {
   .article__columns > div {margin-bottom: 30px;}
   .article__columns_iframe > div:last-child {font-size: 14px;}
}
@media screen and (max-width: 767px) {
   .article__columns {display: block}
   .article__columns_iframe > div:first-child {margin-bottom: 15px;}
}
@media screen and (max-width: 480px) {
   .article__columns > div {margin-bottom: 20px;}
   .article__columns_iframe > div:first-child {margin-bottom: 10px;}
}
@media screen and (max-width: 767px) and (orientation: landscape) {
   .article__columns > div {margin-bottom: 20px;}
   .article__columns_iframe > div:first-child {margin-bottom: 10px;}
}

.columns_2 {-webkit-columns: 2 auto; columns: 2 auto;}
.columns_3 {-webkit-columns: 3 auto; columns: 3 auto;}
.columns_4 {-webkit-columns: 4 auto; columns: 4 auto;}
   .columns > * {overflow: hidden; -webkit-column-break-inside: avoid; page-break-inside: avoid; break-inside: avoid; break-inside: avoid-column;}

/*backgrounds*/
.bg_blue {background: #0C0055;}
.bg_blue-dark {background: #141C30;}
.bg_blue-light {background: #62D0FF; color: #000;}
.bg_blue-light-gradient {background: linear-gradient(180deg, #08C9ED, #566FE3);}
.bg_blue-gradient {background: linear-gradient(180deg, #0C0055 0%, #0082BA 100%);}
.bg_blue-dark-gradient {background: linear-gradient(72.64deg, #100A36 29.85%, #0C0055 59.03%);}
.bg_blue-dark-gradient-vert {background: linear-gradient(180deg, #0C0055 0%, #141C30 100%);}
.bg_red {background: #FF0000;}
.bg_black {background: #000;}

/*gradient*/
.bg_blend-parent {position: relative;}
   .bg_blend {position: absolute; top: 0; z-index: -2;}
   .bg_blend.wow {visibility: visible !important; opacity: 1 !important; transition: opacity 1s ease-in-out 0s;}
   .bg_blend.wow.animated {opacity: 1;}
   .bg_blend-left {left: 0;}
   .bg_blend-right {right: 0}
      .bg_blend:before {content: ''; position: absolute; top: 20vw; width: 6vw; height: 7vw; background: linear-gradient(35deg, #141C30 -10%, blue, #e921b7 75%, red 85%); transform: scale(10); border-radius: 100%; -webkit-filter: blur(10px); -moz-filter: blur(10px); filter: blur(10px); opacity: 0.32; z-index: -1;}
         .bg_blend-left:before {left: -5vw; background: linear-gradient(25deg, #141C30 -10%, blue, #e921b7 75%, red 90%);}
         .bg_blend-right:before {right: 0;}
         .bg_blend-top:before {right: 2vw; top: 25vw;}
         .main-visual .bg_blend:before {right: 2vw; top: 65vw;}
         .cases + .advantages .bg_blend-right:before {top: -5vw; right: 20vw;}

@media screen and (min-width: 1921px) {
  .bg_blend:before {width: 177px; height: 192px;}
}
@media screen and (max-width: 1366px)  {
   .bg_blend:before {opacity: 0.35;}
}
@media screen and (max-width: 1024px) {
   .bg_blend:before{width: 12vw; height: 12vw; top: 40vw; background: linear-gradient(25deg, #141C30 0%, blue, #e921b7 75%, red 80%); opacity: 0.3; filter: blur(1.2vw);}
   .bg_blend-left:before {left: 10vw;}
   .bg_blend-right:before {right: 10vw;}
   .bg_blend-top:before {top: 65vw; right: 10vw;}
   .main-visual .bg_blend:before {right: 10vw; top: 85vw;}
   .behaviour .bg_blend-left {top: auto; bottom: 0;}
   .behaviour .bg_blend-left:before {top: auto; bottom: 0;}
}
@media screen and (max-width: 480px) {
   .bg_blend:before {width: 14vw; height: 14vw; top: 40vw; opacity: 0.4; filter: blur(2vw);}
   .bg_blend-left:before {left: 30vw;}
   .bg_blend-right:before {right: 30vw;}
   .bg_blend.bg_blend-top:before {top: 85vw; right: 20vw;}
   .main-visual .bg_blend:before {right: 30vw; top: 105vw;}
}

/*OLD gradient with image*/
/*.bg_blend-parent {position: relative;}
   .bg_blend {position: absolute; top: -20vw; width: 92.5527vw; height: 99.792vw; background: url('../i/bg-blend.png') 100% 0 / contain no-repeat; z-index: -2;}
   .bg_blend.wow {visibility: visible !important; opacity: 0; transition: opacity 1s ease-in-out 0s;}
   .bg_blend.wow.animated {opacity: 1;}
   
   .bg_blend-left {left: -50vw; background-position: 0 0;}
   .bg_blend-right {right: -40vw;}
   .bg_blend.bg_blend-top {top: -20vw;}

   .main-visual .bg_blend {top: 20vw;}
   .behaviour .bg_blend-left {top: 0; left: -30vw; transform: rotateY(180deg);}
   .cases + .advantages .bg_blend-right {top: -50vw; right: -20vw;}
   
@media screen and (min-width: 1921px) {
   .bg_blend {width: 1777px; height: 1916px;}
   .bg_blend-top {top: -600px;}
   .bg_blend-left {left: -200px;}
   .bg_blend-right {right: -800px;}
}
@media screen and (max-width: 1279px) {
   .bg_blend.bg_blend-top {top: -10vw;}
}
@media screen and (max-width: 1024px) {
   .bg_blend {top: -30vw; width: 150vw; height: 200vw;}
   .bg_blend-left {left: -70vw;}
   .bg_blend-right {right: -50vw;}
   .behaviour .bg_blend-left {top: 40vw; left: -40vw;}
   .cases + .advantages .bg_blend-right {top: -100vw; right: -50vw;}
}
@media screen and (max-width: 767px) {
   .cases .bg_blend-left {top: -20vw; left: -60vw;}
}
@media screen and (max-width: 480px) {
   .bg_blend {top: -40vw; width: 180vw; height: 250vw;}
   .bg_blend-left {left: -30vw;}
   .bg_blend-right {right: -60vw;}
   .behaviour .bg_blend-left {top: 60vw;}
}*/

/*links*/
a {color: inherit; text-decoration-skip-ink: none; text-decoration-thickness: 0.04em; text-underline-offset: 0.2em; position: relative; transition: all 0.3s ease 0s;}
a:hover {text-decoration: none;}
.link_no-decor {text-decoration: none;}
.link_decor {text-decoration: none; border-bottom: 1px solid #62D0FF;}
.link_no-decor:hover, .link_decor:hover {color: #62D0FF;}

a.svg-icon {text-decoration: none;}
a.svg-icon:hover {color: #62D0FF;}
   .svg-fill, .svg-stroke {transition: all 0.3s ease 0s;}
   .svg-icon__image .svg-fill {fill: #FFF;}
   .svg-icon__image .svg-stroke {stroke: #FFF;}
   .svg-icon:hover .svg-icon__image .svg-fill {fill: #62D0FF;}
   .svg-icon:hover .svg-icon__image .svg-stroke {stroke: #62D0FF;}
   .svg-icon__text h5, .svg-icon__text .h5 {margin-bottom: 0;}

.link_share .svg-icon__image {margin-top: -4px;}
.link_share .svg-icon__text {padding-left: 15px;}

.link_like {display: block;}
.link_like.voted {cursor: default;}
.link_like:not(.voted):hover {transform: translateY(-5px);}
.link_like-dislike:not(.voted):hover {transform: translateY(5px);}
   .link_like svg {width: 50px; height: 43px;}
      .link_like.active .svg-fill {fill: #62D0FF; stroke-width: 1;}
   
@media screen and (max-width: 1024px) {
   .link_like svg {width: 32px; height: 28px;}
}

.link_close {position: absolute; top: 20px; right: 20px; width: 32px; height: 32px; cursor: pointer; z-index: 2; transition: all 0.3s ease 0s;}
.link_close.link_close-small {top: 10px; right: 10px; width: 20px; height: 20px;}
a.link_close {text-decoration: none;}
   .link_close:before, .link_close:after {content: ''; position: absolute; top: 15px; bottom: auto; left: -4px; width: 40px; height: 2px; background: #FFF; transition: all 0.3s ease 0s;}
   .link_close.link_close-small:before, .link_close.link_close-small:after {top: 10px; left: -2px; width: 24px; height: 1px;}
   .link_close-black:before, .link_close-black:after {background: #000;}
   .link_close:hover:before, .link_close:hover:after {background: #FF0000;}
   .link_close:before {transform: rotate(45deg);}
   .link_close:after {transform: rotate(-45deg);}

@media screen and (max-width: 480px) {
   .link_close {width: 28px; height: 28px;}
   .link_close:before, .link_close:after {top: 13px; left: -2px; width: 34px;}
}

/*arrows*/
.arrow {display: block;}
.arrow_hor {width: 175px; height: 134px;}
.arrow_vert {width: 134px; height: 175px;}
.arrow_down {background: url('../i/arrow-down.svg') 0 100% / 100% auto no-repeat;}
.arrow_up {background: url('../i/arrow-up.svg') 100% 0 / 100% auto no-repeat;}
.arrow_left {background: url('../i/arrow-left.svg') 0 100% / auto 100% no-repeat;}
.arrow_right {background: url('../i/arrow-right.svg') 100% 0 / auto 100% no-repeat;}

@media screen and (max-width: 1024px) {
   .arrow_hor {width: 117px; height: 90px;}
   .arrow_vert {width: 90px; height: 117px;}
}
@media screen and (max-width: 767px) {
   .arrow_hor {width: 85px; height: 65px;}
   .arrow_vert {width: 65px; height: 85px;}
}
@media screen and (max-width: 480px) {
   .arrow_hor {width: 62px; height: 47px;}
   .arrow_vert {width: 47px; height: 62px;}
}
@media screen and (max-width: 767px) and (orientation: landscape) {
   .arrow_hor {width: 62px; height: 47px;}
   .arrow_vert {width: 47px; height: 62px;}
}

/*buttons*/
.btn {display: inline-block; width: 280px; max-width: 100%; height: 83px; line-height: 83px; padding: 0 40px; border-radius: 50em; box-shadow: inset 0 0 0 2px #62D0FF; font-family: "MuseoSansRegular"; font-size: 18px; text-transform: uppercase; color: #FFF; text-align: center; transition: all 0.5s ease 0s; position: relative; cursor: pointer;}
.btn:hover {box-shadow: none; background: linear-gradient(178.05deg, #01E1FF -5.07%, rgba(0, 0, 0, 0) 111.69%), #627BFF; background-position: 0 100%;}
   .btn span {display: inline-block; vertical-align: middle; line-height: 1.375;}

.btn.btn_large {height: 107px; line-height: 107px;}
.btn.btn_medium {width: 260px; height: 65px; line-height: 63px;}
.btn.btn_small {width: auto; height: 53px; line-height: 52px;}
.btn.btn_x-small {width: auto; height: 43px; line-height: 42px; padding-left: 20px; padding-right: 20px;}
.btn.btn_full {width: 100%;}
.btn_auto {width: auto;}
.btn.btn_dark:not(:hover) {box-shadow: inset 0 0 0 2px #000; color: #000;}

a.btn {text-decoration: none;}

button.btn, button.btn.btn_x-small, button.btn.btn_medium {padding-top: 2px;}
button.btn.btn_medium {width: auto;}

@media screen and (max-width: 767px) {
   .btn.btn_large {height: 83px; line-height: 83px;}
}
@media screen and (max-width: 480px) {
   .btn, .btn.btn_medium {width: auto; height: 53px; line-height: 53px; font-size: 16px;}
   .btn.btn_large {height: 65px; line-height: 64px; padding-left: 30px; padding-right: 30px;}
   .btn.btn_small {line-height: 53px;}
}
@media screen and (max-width: 374px) {
   .btn, .btn.btn_medium {line-height: 53px; font-size: 14px;}
   .btn.btn_large {line-height: 65px;}
}
@media screen and (max-width: 767px) and (orientation: landscape) {
   .btn, .btn.btn_medium {width: auto; height: 53px; line-height: 53px; font-size: 16px;}
   .btn.btn_large {height: 65px; line-height: 64px; padding-left: 30px; padding-right: 30px; font-size: 16px;}
}
@media screen and (max-width: 666px) and (orientation: landscape) {
   .btn, .btn.btn_medium {line-height: 53px; font-size: 14px;}
   .btn.btn_large {line-height: 65px; font-size: 14px;}
}


/*====================================================
   Form elements
====================================================*/
input:-moz-focus-inner {border: 0; padding: 0;}
input::-ms-clear {display: none;}
button:-moz-focus-inner {border: 0; padding: 0; outline: none;}
input[type="submit"], button {-webkit-appearance: none; background: none; border: 0; cursor: pointer;}
input:invalid, textarea:invalid {box-shadow: none;}
input:-webkit-autofill {-webkit-box-shadow: inset 0 0 0 48px #FFF !important; /* Цвет фона */-webkit-text-fill-color: #000 !important; /* цвет текста */color: #000 !important; /* цвет текста */}
.form__textinput, textarea {display: block; width: 100%; height: 50px; background: #FFF; border: 0; border-radius: 3px; padding: 0 20px; font-family: 'RobotoLight'; font-size: 16px; line-height: 1; color: #000; position: relative; -webkit-appearance: none;}
textarea {height: 150px; resize: none; padding: 15px 20px;}
.modal-block__form .form__textinput {height: 55px;}
.modal-block__form .form__textinput, .modal-block__form textarea {border-radius: 0;}

label.form__label {display: block; font-family: 'RobotoRegular'; font-size: 20px; line-height: 1.2; margin-bottom: 10px;}

/*disappearing placeholder*/
input::-webkit-input-placeholder {color: #787878; opacity: 1;}
input::-moz-placeholder {color: #787878; opacity: 1;}
input:-moz-placeholder {color: #787878; opacity: 1;}
input:-ms-input-placeholder {color: #787878; 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: #787878; opacity: 1;}
textarea::-moz-placeholder {color: #787878; opacity: 1;}
textarea:-moz-placeholder {color: #787878; opacity: 1;}
textarea:-ms-input-placeholder {color: #787878; 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;}

/*checkbox-input*/
.checkbox {position: relative; font-size: 0; line-height: 0;}
.form__field .checkbox + .checkbox {margin-top: 15px;}
.form__group .checkbox + .checkbox {margin-top: 0;}
   .checkbox input[type="checkbox"] {opacity: 0; position: absolute;}
   .checkbox__label {display: inline-block; position: relative; cursor: pointer; font-size: 16px; line-height: 1.375;}
   .form__agreement .checkbox__label {font-size: 14px;}
      .checkbox__text {position: relative; padding-left: 30px; display: inline-block; vertical-align: top; text-align: left;}
         .checkbox__text:before, .checkbox__text:after {content: ''; position: absolute; transition: all 0.3s ease 0s;}
         .checkbox__text:before {top: 1px; left: 0; width: 20px; height: 20px; border: 1px solid #FFF;}
         .checkbox__text:after {top: 5px; left: 2px; width: 17px; height: 12px; background: url('../i/checkbox-white.svg') 0 0 / contain no-repeat; opacity: 0; transform: scale(0);}
         .checkbox input[type="checkbox"]:checked ~ .checkbox__text:after {opacity: 1; transform: scale(1);}
         .modal-block__form .checkbox__text:before {background: #FFF; border-radius: 3px; border: 0;}
         .modal-block__form .checkbox__text:after {background: url('../i/checkbox-black.svg') 0 0 / contain no-repeat;}
         .form__agreement .checkbox__text:before {top: -2px;}
         .form__agreement .checkbox__text:after {top: 1px;}

/*radio input*/
.radio {position: relative; font-size: 0; line-height: 0;}
.form__field .radio + .radio {margin-top: 15px;}
.form__group .radio + .radio  {margin-top: 0;}
   .radio input[type="radio"] {opacity: 0; position: absolute;}
   .radio__label {display: inline-block; position: relative; cursor: pointer; font-size: 16px; line-height: 1.2;}
      .radio__text {position: relative; padding-left: 30px; display: inline-block; vertical-align: top;}
         .radio__text:before, .radio__text:after {content: ''; position: absolute; transition: all 0.3s ease 0s;}
         .radio__text:before {top: -1px; left: 0; width: 21px; height: 21px; border-radius: 100%; background: #FFF;}
         .radio__text:after {top: 5px; left: 6px; width: 9px; height: 9px; background: #000; border-radius: 100%; opacity: 0; transform: scale(0);}
         .radio input[type=radio]:checked + .radio__text:after {opacity: 1; transform: scale(1);}

/*select*/
.jq-selectbox {padding: 0; position: relative; width: 100%; height: 50px; z-index: 2;}
   .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 54px 0 20px; background: #FFF; border-radius: 3px; cursor: pointer;}
      .jq-selectbox__select-text {max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-family: 'RobotoLight'; font-size: 16px; line-height: 50px; color: #787878;}
      .jq-selectbox.changed .jq-selectbox__select-text {color: #000;}
      .jq-selectbox__dropdown {position: absolute; top: 100%; left: 0; width: 100%; background: #FFF; box-shadow: 0 5px 5px rgba(0,0,0,.3); margin-top: 2px; z-index: 1;}
         .jq-selectbox__dropdown ul {padding: 0; margin: 0; max-height: 300px; overflow: auto;}
            .jq-selectbox__dropdown ul li {list-style: none; font-size: 16px; line-height: 18px; padding: 10px 20px; margin: 0; cursor: pointer; color: #141516; transition: background 0.2s ease 0s;}
            .jq-selectbox__dropdown ul li.disabled {display: none;}
            .jq-selectbox__dropdown ul li:hover, .jq-selectbox__dropdown ul li.selected {background: #62D0FF;}
               .jq-selectbox__dropdown ul li:before {display: none;}
      .jq-selectbox__trigger {position: absolute; top: 0; right: 0; width: 54px; height: 100%;}
         .jq-selectbox__trigger-arrow {position: absolute; top: 0; right: 0; width: 100%; height: 100%; transition: transform 0.3s ease 0s;}
         .jq-selectbox.opened .jq-selectbox__trigger-arrow {transform: rotateX(180deg);}
            .jq-selectbox__trigger-arrow:before, .jq-selectbox__trigger-arrow:after {content: ''; position: absolute; top: 50%; margin-top: -6px; left: 50%; width: 1px; height: 15px; background: #000;}
            .jq-selectbox__trigger-arrow:before {margin-left: -3px; transform: rotate(-45deg);}
            .jq-selectbox__trigger-arrow:after {margin-left: 7px; transform: rotate(45deg);}

/*form fields*/
.form__field {position: relative; margin-bottom: 15px;}
.form__submit {text-align: center;}
.form__submit:last-child {margin-bottom: 0;}
.form__agreement {padding: 20px 0; font-size: 14px; line-height: 1.57;}
.form__agreement:last-child {margin-bottom: 0; padding: 0;}
.form__note {font-size: 14px; padding-top: 10px; text-align: center;}

.modal-block__form .form__field:not(:last-child) {margin-bottom: 30px;}

.form__fieldset {margin-left: -15px; position: relative;}
.form__fieldset.grid {display: grid; margin-left: 0; grid-template-columns: 1fr 1fr 1fr; grid-template-rows: auto auto; gap: 15px;}
   .form__fieldset .form__field {float: left; width: 50%; padding-left: 15px;}
   .form__fieldset_3 .form__field {width: 33.333%;}
   .form__fieldset.grid .form__field {float: none; width: auto; padding-left: 0;}
   
.form__group {margin-left: -40px; margin-bottom: -15px;}
   .form__group > div {padding-left: 40px; margin-bottom: 15px;}
   .form__group_3 > div {width: 33.333%;}

.form__row .form__field {margin-bottom: 0;}
.form__row .form__field:first-child {width: 100%;}
.form__row .form__submit {text-align: center;}
   .form__row .form__textinput {border-radius: 0;}
   .form__row_large .form__textinput {height: 65px;}
   .form__row_medium .form__textinput {height: 48px;}
   .form__row_medium .form__submit .btn {width: 150px; height: 48px;}
   .form__row_small .form__textinput {height: 43px;}
   .form__row_small .form__submit .btn {height: 43px;}

.form_light .form__textinput {background: none; border: 1px solid #FFF; border-radius: 0; padding: 0 14px; color: #FFF;}
.form_light input::-webkit-input-placeholder {color: #FFF;}
.form_light input::-moz-placeholder {color: #FFF;}
.form_light input:-moz-placeholder {color: #FFF;}
.form_light input:-ms-input-placeholder {color: #FFF;}

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

@media screen and (min-width: 481px) {
   .form__row .form__submit {padding-left: 20px;}
      .form__row .form__submit .btn {padding-left: 20px; padding-right: 20px;}
   .form__row_medium .form__submit {width: 170px; min-width: 170px;}
   .form__row_large .form__submit .btn {width: 200px;}
}
@media screen and (min-width: 768px) {
   .form__fieldset.grid .form__field {margin-bottom: 0;}
}
@media screen and (min-width: 1025px) {
   .form__row_large .form__submit {width: 240px; min-width: 240px; padding-left: 40px;}
   .form__fieldset.grid .form__field.form__submit {grid-column: span 3; padding: 40px 0;}
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
   .form__fieldset.grid {grid-template-columns: 1fr 1fr; grid-template-rows: auto auto; gap: 25px;}
   .form__fieldset.grid + .form__agreement.text_center {text-align: left; width: calc(50% - 13px);}
}
@media screen and (max-width: 767px) {
   label.form__label {font-size: 18px; letter-spacing: 0.03em;}
   .form__group_3 > div {width: 50%;}
   .form__row_large .form__textinput {height: 48px;}
   .form__fieldset.grid {display: block;}
      .form__fieldset.grid .form__field.form__submit {padding: 20px 0;}
}
@media screen and (min-width: 481px) and (max-width: 767px) {
   .form__row_large .form__submit {width: 200px; min-width: 200px;}
   .form__row_large .form__submit .btn {width: 180px; height: 48px; line-height: 48px;}
}
@media screen and (max-width: 480px) {
   label.form__label {font-size: 16px;}
   .form__agreement {padding: 30px 0 15px;}
   .form__fieldset {display: block; margin-left: 0;}
   .form__fieldset .form__field {width: 100%; padding-left: 0;}
   .form__row {display: block;}
   .form__row .form__submit {margin-top: 25px;}
}
@media screen and (max-height: 768px) and (orientation: landscape) {
   textarea {height: 100px;}
}


/*====================================================
   .header
====================================================*/
.header {position: absolute; top: 0; left: 0; width: 100%; background: transparent; z-index: 10; font-size: 18px;} 
.header.fixed {position: fixed; background: rgba(20, 28, 48, 0.8); animation: slideDown 0.5s ease-in-out;}
   .header__in {height: 155px;}
   .header.fixed .header__in {height: 80px;}
      .logo {display: block;}
      .header.fixed .logo {width: 104px;}
         .logo img {display: block;}
      ul.nav li {font-size: 18px;}
      ul.nav_second-level > li {margin-bottom: 40px; text-transform: uppercase;}
      ul.nav_third-level li {font-family: 'RobotoLight'; font-size: 16px; text-transform: none;}
      .header__search-link a {display: block; width: 23px; height: 21px; background: url('../i/search-icon.svg') 0 0 / contain no-repeat;}
      .header__mobile .header__search-link a {width: 23px; height: 21px;}
      .no-touchevents .header__search-link a:hover {transform: scale(1.15);}
      .header__search {position: absolute; top: 0; left: 0; width: 100%; padding: 60px 0; z-index: 3; opacity: 0; visibility: hidden; transform: translateY(-100%); transition: all 0.6s cubic-bezier(0.980, 0.005, 0.000, 0.995);}
      .header__search.visible {opacity: 1; visibility: visible; transform: translateY(0);}
         .search__overlay {position: absolute; top: 100%; left: 0; width: 100%; height: 100vh; opacity: 0; visibility: hidden; transition: all 0.3s ease 0s;}
         .touchevents .search__overlay {background: #141C30;}
         .header__search.visible .search__overlay {opacity: 0.7; visibility: visible;}
         .header__search .inner {max-width: 1680px;}
            .search__close {top: -20px;}
            .search-form .form__textinput {padding-right: 45px;}
            .search-form__voice {position: absolute; top: 6px; right: 10px; z-index: 2; width: 26px; height: 37px; cursor: pointer;}
               .search-form__voice svg {width: 100%; height: 100%;}
                  .search-form__voice .svg-fill {fill: #62D0FF;}
                  .search-form__voice:hover .svg-fill, .search-form__voice.active .svg-fill {fill: #0C0055;}
            .search-form__tags .tags-list {margin-left: -45px; padding-top: 10px; margin-top: 0;}
               .search-form__tags .tags-list__item {padding-left: 45px; margin-top: 13px; font-size: 18px;}
      .header__phone {padding: 0 40px 0 30px; font-size: 18px; line-height: 1;}
      .header__mobile .header__phone {padding-left: 20px; padding-right: 0; font-size: 18px;}
         .header__mobile .header__phone strong {font-family: 'RobotoMedium';}
            .header__phone a {text-decoration: none; letter-spacing: 1px;}
      .header__button_menu {width: 100%; margin-top: 40px; text-align: center;}
         .header__button .btn {white-space: nowrap;}
      .panel__info {font-size: 16px; line-height: 1.375;}
         .panel__row {margin-bottom: 40px;}
         .panel__row:last-child {margin-bottom: 0;}
            .panel__title {margin-bottom: 10px; font-size: 30px;}
            .panel__text {margin-bottom: 25px;}
            .statistic-list {width: 100%; max-width: 440px;}
               .statistic-list__item strong {display: block; margin-bottom: 5px; font-size: 36px; line-height: 1;}
            .helper-link a {display: inline-block; position: relative; padding-right: 40px;}
               .helper-link a span {position: absolute; top: -1px; right: 0; width: 28px; height: 28px; border-radius: 100%; border: 1px solid #62D0FF; transition: all 0.3s ease 0s;}
               .helper-link a:hover span {background: #FFF;}
                  .helper-link a span:before, .helper-link a span:after {content: ''; position: absolute; top: 50%; left: 50%; width: 2px; height: 8px; background: #62D0FF;}
                  .helper-link a span:before {margin-top: -6px; transform: rotate(-45deg);}
                  .helper-link a span:after {margin-top: -1px; transform: rotate(45deg);}
            .panel__form {width: 100%; max-width: 440px;}
      .header__hamburger {width: 45px; height: 21px; position: relative; z-index: 3;}
         .menu-toggle {width: 100%; height: 100%; cursor: pointer; position: relative;}
            .hamburger {position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
               .hamburger span {width: 100%; height: 3px; background: #FFF; position: absolute; left: 0; transition: width 0.3s ease 0s;}
               .hamburger span:nth-child(1) {top: 0; transition-delay: .5s;}
               .hamburger span:nth-child(2) {top: 9px; transition-delay: .625s;}
               .hamburger span:nth-child(3) {top: 18px; width: 30px; transition-delay: .85s;}
               .menu-toggle.active .hamburger span {width: 0;}
               .menu-toggle.active .hamburger span:nth-child(1) {transition-delay: 0s;}
               .menu-toggle.active .hamburger span:nth-child(2) {transition-delay: .125s;}
               .menu-toggle.active .hamburger span:nth-child(3) {transition-delay: .35s;}
            .cross {position: absolute; top: -10px; right: 4px; width: 40px; height: 39px; transform: rotate(-45deg);}
               .cross span {position: absolute; background: #FFF; transition: all 0.3s ease 0s;}
               .cross span:nth-child(1) {transition-delay: 0s; width: 2px; height: 0; top: 0; left: 19px;}
               .cross span:nth-child(2) {transition-delay:.25s; width: 0; height: 2px; top: 18px; left: 0;}
               .menu-toggle.active .cross span:nth-child(1) {transition-delay: .85s; height: 100%;}
               .menu-toggle.active .cross span:nth-child(2) {transition-delay: .625s; width: 100%;}

@media screen and (min-width: 481px) {
   ul.nav_third-level li {display: inline-block;}
      ul.nav_third-level li {padding-right: 15px;}
         ul.nav_third-level li:after {content: ''; display: block; position: absolute; top: 50%; margin-top: -1px; right: 3px; width: 3px; height: 3px; border-radius: 100%; background: #FFF;}
            ul.nav_third-level li:last-child:after {display: none;}
}
@media screen and (min-width: 768px) {
   .search__close {right: 40px;}
}
@media screen and (min-width: 1200px) {
   .header > .inner {position: static;}
   .header__logo, .header__menu .nav, .header__right {position: relative; z-index: 3;}
   ul.nav_first-level.flex {-webkit-flex-wrap: nowrap; flex-wrap: nowrap;}
      ul.nav_first-level > li {margin: 0 26px;}
         ul.nav_first-level > li > a, 
         ul.nav_first-level > li > strong {position: relative; cursor: pointer;}
         ul.nav_first-level > li > a:hover, 
         ul.nav_first-level > li.current > a, 
         ul.nav_first-level > li.active > a {color: #FFF;}
            ul.nav_first-level > li > a:after, 
            ul.nav_first-level > li > strong:after {content: ''; position: absolute; top: 100%; margin-top: 2px; left: 0; width: 100%; height: 0; background: #FF0000; opacity: 0; transition: height 0.3s, opacity 0.3s, transform .3s; transform: translateY(-6px);}
            ul.nav_first-level > li > a:hover:after, 
            ul.nav_first-level > li:hover > a:after, 
            ul.nav_first-level > li.hover > a:after, 
            ul.nav_first-level > li.current > a:after,
            ul.nav_first-level > li.active.parent > a:after,
            ul.nav_first-level > li.active.parent > strong:after,
            ul.nav_first-level > li > strong:hover:after,
            ul.nav_first-level > li:hover > strong:hover:after, 
            ul.nav_first-level > li.hover > strong:after, 
            ul.nav_first-level > li.current > strong:after,
            ul.nav_first-level > li.current > strong:after {height: 2px; opacity: 1; transform: translateY(0px);}
         ul.nav .nav__submenu {position: absolute; visibility: hidden;}
         ul.nav_second-level {margin-left: -40px; margin-bottom: -40px;}
            ul.nav_second-level > li {width: 50%; padding-left: 40px;} 
         .panel {position: absolute; top: 0; padding-top: 155px; left: 0; z-index: 2; width: 100%; visibility: hidden; transform: translateY(-50%); transition: all 0.2s ease-in-out 0s;}
         .header.fixed .panel {padding-top: 120px;}
         .panel.visible {visibility: visible; transition: all 0.5s ease-in-out 0s; transform: translateY(0);}
            .panel:before {content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 155px; background: #141C30; z-index: 2;}
            .header.fixed .panel:before {height: 120px;}
            .panel__in {max-height: calc(100vh - 155px); overflow:auto; padding-top: 30px; padding-bottom: 60px; opacity: 0; visibility: hidden; transform: translateY(-50%);}
            .panel.visible .panel__in {opacity: 1; visibility: visible; transform: translateY(0); transition: all 0.5s ease-in-out 0.25s;}
               .panel__close {top: 0; right: 40px;}
               .panel .nav__submenu {visibility: visible; width: 60%; padding-right: 60px;}
               .panel__info {width: 40%; padding-left: 60px; border-left: 1px solid #62D0FF;} 
                  .panel__row {display: block;}
                  .panel__statistic {margin-bottom: 20px;}
                  .panel__info .helper-link a br {display: none;}
}
@media screen and (min-width: 1690px) {
   .header__menu {width: 100%;}
   /*IE*/
   html[data-agent*="Trident"] .header__menu {width: auto; margin-left: 0;}
   ul.nav_first-level > li:first-child {margin-left: 0;}
   ul.nav_first-level > li:last-child {margin-right: 0;}
}
@media screen and (min-width: 1921px) {
   .header__logo {min-width: 174px;} 
   .header__menu {margin-left: 124px;}
   .header__button:not(.header__button_menu) .btn {padding: 0 40px;}
}
@media screen and (min-width: 1690px) and (max-width: 1920px) {
   .header__menu {margin-left: 124px; margin-left: calc((100vw - 1316px) / 2 - 9.1vw)}
}
@media screen and (min-width: 1200px) and (max-width: 1920px) {
   .header__logo {width: 9.1vw; min-width: 9.1vw; max-width: 174px;} 
      ul.nav_first-level > li {margin: 0 1.4vw;}
   .header__phone {padding: 0 2vw 0 1.5vw;}
   .header__button:not(.header__button_menu) .btn {padding: 0 1.8vw;}
}
@media screen and (min-width: 1200px) and (max-width: 1366px) {
   ul.nav_first-level > li {margin: 0 1.15vw; font-size: 16px;}
}
@media screen and (max-width: 1199px) {
   .header__in {height: 100px;}
   .header.fixed .header__in {height: 60px;}
      .header__logo {width: 90px;}
      .header.fixed .logo {width: 80px;}
      .header__button_menu {margin-top: 25px;}
      .header__menu {position: absolute; top: 0; left: 0; z-index: 2; width: 100%; height: 100vh; overflow: auto; overflow: scroll; padding: 100px 60px; background: #141C30; -webkit-overflow-scrolling: touch; visibility: hidden; transform: translateY(-100%); transition: all 0.5s ease 0s;}
      .header__menu.visible {visibility: visible; transform: translateY(0);}
         .header__menu > div {opacity: 0; visibility: hidden; transform: translateY(50%);}
         .header__menu.visible > div {opacity: 1; visibility: visible; transform: translateY(0); transition: all 0.5s ease 0s;}
         .header__nav {margin: 40px -60px; padding: 40px 60px; border-top: 1px solid #62D0FF; border-bottom: 1px solid #62D0FF;}
            .header__nav .header__button_menu {margin-top: 30px}
            .nav__submenu, .nav__subsubmenu {display: none;}
            ul.nav_first-level li {margin-bottom: 20px; font-size: 22px; text-transform: uppercase;}
               ul.nav_first-level li.parent_first-level > .submenu-open {position: relative; padding-right: 25px;}
                  ul.nav_first-level li.parent_first-level > .submenu-open:after {content: ''; position: absolute; top: 9px; right: 0; border-top: 8px solid #FFF; border-left: 5px solid transparent; border-right: 5px solid transparent; transition: all 0.3s ease 0s;}
                  ul.nav_first-level li.parent_first-level.current > .submenu-open:after {border-top-color: #62D0FF;}
                  ul.nav_first-level li.parent_first-level.expand > .submenu-open:after {border-top-color: #62D0FF; transform: rotateX(180deg);}
               ul.nav_second-level {display: block; padding-top: 10px; padding-bottom: 20px;}
                  ul.nav_second-level li {margin-bottom: 15px; font-size: 18px;}
                  ul.nav_second-level li:last-child {margin-bottom: 0;}
                     ul.nav_third-level {padding-top: 5px; padding-bottom: 10px;}
                        ul.nav_third-level li {margin-bottom: 5px; font-size: 16px; text-transform: none;}
         .panel {background: none;}
            .panel__in {display: block; padding: 0;}
               .panel__title {font-size: 26px;}
}
@media screen and (max-width: 1024px) {
   .search-form__tags .tags-list {margin-left: -30px;}
      .search-form__tags .tags-list__item {padding-left: 30px;}
}
@media screen and (min-width: 768px) and (max-width: 1199px) {
   .header__phone {padding: 0 50px 0 40px;}
      ul.nav_first-level {margin-left: -60px;}
         .nav__column {width: 50%; padding-left: 60px;}
      .panel__column {width: 100%;}
      .panel__column:first-child {width: 235px; min-width: 235px; padding-right: 40px;}
         .panel__digest .panel__text {margin-bottom: 0;}
}
@media screen and (max-width: 767px) {
   .header__in {height: 80px;}
   .header.fixed .header__in {height: 50px;}
      .header__logo {width: 70px;}
      .header.fixed .logo {width: 60px;}
      .header__menu {padding: 80px 40px;}
         .header__nav {margin-left: -40px; margin-right: -40px; padding-left: 40px; padding-right: 40px;}
            ul.nav_first-level {display: block;}
         .panel__row {display: block;}
         .panel__statistic {display: none;}
      .header__phone {padding: 0 35px 0 25px;}
      .search-form__tags .tags-list__item strong {font-family: "MuseoSansLight";}
}
@media screen and (min-width: 481px) and (max-width: 767px) {
   .panel__info .helper-link a br {display: none;}
}
@media screen and (max-width: 480px) {
   .header__in {height: 75px;}
   .header.fixed .header__in {height: 40px;}
      .header__logo {width: 60px;}
      .header.fixed .logo {width: 50px;}
      .header__search-link a {width: 18px; height: 17px;}
      .header__phone {font-size: 16px; padding: 0 30px 0 16px;}
         .header__phone strong {font-family: "MuseoSansLight";}
      .header__menu {padding: 60px 20px 80px;}
         .header__nav {margin-left: -20px; margin-right: -20px; padding-left: 20px; padding-right: 20px;}
            ul.nav_first-level li {margin-bottom: 15px; font-size: 20px;}
               ul.nav_first-level li.parent_first-level > a {display: block;}
               ul.nav_second-level {padding-top: 10px; padding-bottom: 10px;}
                  ul.nav_second-level li {margin-bottom: 10px; font-size: 15px;}
                     ul.nav_third-level {padding-top: 5px;}
                        ul.nav_third-level li {display: block;}
         .panel__row {margin-bottom: 30px;}
      .header__hamburger {width: 34px; height: 16px;}
         .hamburger span {height: 2px;}
         .hamburger span:nth-child(2) {top: 7px;}
         .hamburger span:nth-child(3) {top: 14px; width: 22px;}
         .cross {top: -8px; right: 0; width: 34px; height: 34px;}
            .cross span:nth-child(1) {left: 16px;}
            .cross span:nth-child(2) {top: 16px;}
      .header__search {padding: 40px 0;}
         .search-form__tags .tags-list {margin-left: 0;}
            .search-form__tags .tags-list__item {display: block; padding-left: 0;} 
}
@media screen and (max-width: 374px) {
   .header__in {height: 65px;}
      .header__search-link a {width: 16px; height: 14px;}
         .header__phone {font-size: 14px; padding: 0 20px 0 9px;}
}
@media screen and (max-width: 926px) and (orientation: landscape) {
   .header__in {height: 75px;}
   .header.fixed .header__in {height: 40px;}
      .header__logo {width: 60px;}
      .header.fixed .logo {width: 50px;}
      .header__search-link a {width: 18px; height: 17px;}
      .header__phone {font-size: 16px; padding: 0 30px 0 16px;}
         .header__phone strong {font-family: "MuseoSansLight";}
      .header__menu {padding: 60px 20px 80px;}
         .header__nav {margin-left: -20px; margin-right: -20px; padding-left: 20px; padding-right: 20px;}
            ul.nav_first-level li {margin-bottom: 15px; font-size: 20px;}
               ul.nav_second-level {padding-top: 10px; padding-bottom: 10px;}
                  ul.nav_second-level li {margin-bottom: 10px; font-size: 15px;}
                     ul.nav_third-level {padding-top: 5px;}
                        ul.nav_third-level li {margin-bottom: 5px;}
      .header__hamburger {width: 34px; height: 16px;}
         .hamburger span {height: 2px;}
         .hamburger span:nth-child(2) {top: 7px;}
         .hamburger span:nth-child(3) {top: 14px; width: 22px;}
         .cross {top: -8px; right: 0; width: 34px; height: 34px;}
            .cross span:nth-child(1) {left: 16px;}
            .cross span:nth-child(2) {top: 16px;}
      .header__search {padding: 40px 0;}
}
@media screen and (max-width: 666px) and (orientation: landscape) {
   .header__in {height: 65px;}
      .header__search-link a {width: 16px; height: 14px;}
         .header__phone {font-size: 14px; padding: 0 20px 0 9px;}
}


/*====================================================
   .main-visual
====================================================*/
.main-visual {position: relative;}
   .main-visual__logo {position: absolute; top: -1px; left: 1vw; width: 99.844vw; height: 41.615vw; z-index: 0;}
      .main-visual__logo svg {width: 100%; height: 100%;}
         .main-visual__logo .svg-stroke {stroke-width: 0.1px; fill: none;}
   .main-visual__in {position: relative; z-index: auto;}
      .main-visual__in .inner {position: static;}
         .main-visual__title {margin-left: -1.4vw;}
            .main-visual__title h1 {font-size: 250px; font-size: 13vw; line-height: 0.95; text-transform: uppercase; opacity: 0; visibility: hidden; transform: translateX(-50%); transition: opacity 0.35s ease-in-out 0s, transform 0.35s ease-in-out 0s;}
            .main-visual.animated .main-visual__title h1 {opacity: 1; visibility: visible; transform: translateX(0);}
               .main-visual__title h1 span {display: block; padding-left: 46.511vw; position: relative; opacity: 0; transform: translateX(-100%); /*transition: all 0.8s cubic-bezier(0.980, 0.005, 0.000, 0.995) 0.5s;*/}
               .main-visual.animated .main-visual__title h1 span {animation: slideTitle 0.8s ease-in-out 0.35s forwards;}
                  .main-visual__title h1 span:before {content: ''; position: absolute; top: 50%; left: -0.2vw; width: 46.511vw; height: 13.125vw; background: url('../i/arrow-right-long.svg') 100% 50% / contain no-repeat; transform: translateY(-50%);}
         .main-visual__text, .main-visual__button {opacity: 0; transform: translateY(50%); transition: transform 0.5s ease-in-out 1.15s, opacity 0.5s ease-in-out 1.15s;}
         .main-visual.animated .main-visual__text, .main-visual.animated .main-visual__button {opacity: 1; transform: translateY(0);}
         .main-visual__text {margin-bottom: 40px;}
         .main-visual__button {z-index: 3; position: relative; transition-delay: 2s;}
            .main-visual__button .btn {width: auto; min-width: 280px;}
   .main-visual__balls {position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 2;}
   .touchevents .main-visual__balls {display: none;}
      .balls__image {position: absolute; top: 0; left: 0; max-width: 20vw; opacity: 0; will-change: transform;}

@keyframes slideTitle {
   0% {
      transform: translateX(-100%);
      opacity: 0
   } 
   20% {
      opacity: 1
   } 
   80% {
      transform: translateX(5%);
      opacity: 1
   } 
   100% {
      transform: translateX(0);
      opacity: 1
   }
}

@media screen and (min-width: 1280px) {
   .main-visual {padding-top: calc(155px + 9vh);}
      .main-visual__title h1 span {margin-left: 1.17vw;}
      .main-visual__content {width: 40vw; margin-top: -1.5vw;}
}
@media screen and (min-width: 1367px) {
   .main-visual__content {padding-left: 9.5vw; padding-right: 4.4vw;}
}
@media screen and (min-width: 1921px) {
   .main-visual {padding-top: 200px;}
      .main-visual__logo {width: 1917px; height: 799px; left: 50%; margin-left: 20px; transform: translate(-50%);}
      .main-visual__title {margin-left: -24px;}
         .main-visual__title h1 {font-size: 250px;}
            .main-visual__title h1 span {padding-left: 893px; margin-left: 20px;}
               .main-visual__title h1 span:before {left: -4px; width: 893px; height: 252px;}
      .main-visual__content {width: 700px; padding-left: 180px; padding-right: 20px; margin-top: -20px;}
}
@media screen and (max-width: 1279px) {
   .main-visual {padding-top: 100px;}
      .main-visual__logo .svg-stroke {stroke-width: 0.3px;}
      .main-visual__title {margin-bottom: 35px;}
         .main-visual__title h1 {font-size: 90px; font-size: 11.7vw; line-height: 1.375;}
            .main-visual__title h1 span {padding-left: 48.9vw;}
               .main-visual__title h1 span:before {left: 1.4vw;}
      .main-visual__text {margin-bottom: 50px;}
      .main-visual__button {text-align: center;}
}
@media screen and (max-width: 1024px) {
   .main-visual__logo {top: 0; left: 0; opacity: 0.4;}
      .main-visual__logo .svg-stroke {stroke-width: 0.35px;}
}
@media screen and (max-width: 767px) {
   .main-visual {padding-top: 80px;}
      .main-visual__logo .svg-stroke {stroke-width: 0.6px;}
      .main-visual__title {margin-bottom: 20px;}
         .main-visual__title h1 {font-size: 65px; font-size: 12.5vw;}
            .main-visual__title h1 span {padding-left: 41.2vw;}
                  .main-visual__title h1 span:before {left: 1.05vw; width: 39.065vw; height: 12.5vw;}
      .main-visual__text {margin-bottom: 30px;}
}
@media screen and (max-width: 480px) {
   .main-visual {padding-top: 75px;}
      .main-visual__logo {opacity: 0.4;}
         .main-visual__logo .svg-stroke {stroke-width: 0.7px;}
      .main-visual__title {margin-bottom: 10px;}
         .main-visual__title h1 {font-size: 42px; font-size: 13vw; line-height: 1.57;}
      .main-visual__text {margin-bottom: 20px;}
      .main-visual__button .btn {width: 240px; min-width: 0;}
}
@media screen and (max-width: 374px) {
   .main-visual {padding-top: 65px;}
      .main-visual__button .btn {width: 220px;}
}
@media screen and (max-width: 767px) and (orientation: landscape) {
   .main-visual {padding-top: 75px;}
      .main-visual__logo .svg-stroke {stroke-width: 0.7px;}
      .main-visual__title {margin-bottom: 10px;}
         .main-visual__title h1 {font-size: 42px; font-size: 9.7vw; line-height: 1.1;}
      .main-visual__text {margin-bottom: 20px;}
      .main-visual__button .btn {width: 240px; min-width: 0;}
}
@media screen and (max-width: 666px) and (orientation: landscape) {
   .main-visual {padding-top: 65px;}
      .main-visual__button .btn {width: 220px;}
}


/*====================================================
   .content
====================================================*/
.content {padding-top: 155px; position: relative;}
.main-visual + .content {padding-top: 0;}

@media screen and (max-width: 1199px) {
   .content {padding-top: 100px;}
}
@media screen and (max-width: 767px) {
   .content {padding-top: 80px;}
}
@media screen and (max-width: 480px) {
   .content {padding-top: 75px;}
}
@media screen and (max-width: 374px) {
   .content {padding-top: 65px;}
}
@media screen and (max-width: 926px) and (orientation: landscape) {
   .content {padding-top: 75px;}
}
@media screen and (max-width: 666px) and (orientation: landscape) {
   .content {padding-top: 65px;}
}

/*.page-title*/
.page-title {margin-bottom: 120px;}
.page-title + .wrapper {margin-top: 0;}
   .page-title__in {position: relative;}
      .page-title h1:last-child, .page-title .h1:last-child {margin-bottom: 0;}
      .page-title__text {margin-bottom: 40px;}
      .page-title__text:last-child {margin-bottom: 0;}
      .page-title__button .btn {min-width: 200px;}

@media screen and (max-width: 1024px) {
   .page-title {margin-bottom: 80px;}
}
@media screen and (max-width: 480px) {
   .page-title {margin-bottom: 60px;}
      .page-title__text {margin-bottom: 30px;}
      .page-title__button {text-align: center;}
}
@media screen and (max-width: 767px) and (orientation: landscape) {
   .page-title {margin-bottom: 60px;}
      .page-title__text {margin-bottom: 30px;}
}

/*.breadcrumbs*/
.breadcrumbs {margin-bottom: 100px;}
   .breadcrumbs ul {padding: 0; margin: 0; font-size: 0; line-height: 0;}
      .breadcrumbs ul li {display: inline; margin: 0; padding: 0 9px 0 4px; font-size: 14px; line-height: 1.57; color: #F0F0F0;}
      .breadcrumbs ul li:first-child {padding-left: 0;}
      .breadcrumbs ul li:last-child {padding-right: 0;}
         .breadcrumbs ul li:before {display: none;}
         .breadcrumbs ul li:after {content: '/'; position: absolute; right: 0; top: -2px; font-size: 14px; color: #939393;}
         .breadcrumbs ul li:last-child:after {display: none;}
         .breadcrumbs ul li a {color: #939393; text-decoration: none;}
         .breadcrumbs ul li a:hover {color: #F0F0F0;}

@media screen and (max-width: 1024px) {
   .breadcrumbs {margin-bottom: 60px;}
}
@media screen and (max-width: 767px) {
   .breadcrumbs {margin-bottom: 40px;}
}
@media screen and (max-width: 480px) {
   .breadcrumbs {margin-bottom: 30px;}
      .breadcrumbs ul li {font-size: 12px;}
}
@media screen and (max-width: 926px) and (orientation: landscape) {
   .breadcrumbs {margin-bottom: 30px;}
      .breadcrumbs ul li {font-size: 12px;}
}

/*section title*/
.heading {position: relative;}
   .heading__subtitle {padding-left: 36px; margin-bottom: 30px; font-size: 18px; line-height: 1; position: relative;}
      .heading__subtitle:before {content: ''; position: absolute; top: 50%; left: 0; width: 1px; height: 53px; background: #62D0FF; transform: rotate(27deg) translateY(-70%);}

@media screen and (max-width: 1024px) {
   .heading__subtitle  {margin-bottom: 25px;}
}
@media screen and (max-width: 480px) {
   .heading__subtitle  {margin-bottom: 20px;}
}
@media screen and (max-width: 374px) {
   .heading__subtitle  {margin-bottom: 15px;}
}

/*mouse-move balls*/
.mouse-move {position: relative;}
   .mouse-move__object {position: absolute; z-index: -1;/* will-change: transform;*/}

.mouse-move_bottom {padding-bottom: 100px; position: relative;}
   .mouse-move_bottom .mouse-move__object-bottom {bottom: -300px; left: 8vw;}

.touchevents .mouse-move__object[data-move="1"] {animation: mouseMove 5s ease-in-out infinite alternate;}
.touchevents .mouse-move__object[data-move="-1"] {animation: mouseMoveReverse 5s ease-in-out infinite alternate;}
.touchevents .mouse-move__object.figures__item[data-move="1"] {animation: mouseMoveFigures 5s ease-in-out infinite alternate;}
.touchevents .mouse-move__object.figures__item[data-move="-1"] {animation: mouseMoveFiguresReverse 5s ease-in-out infinite alternate;}

@keyframes mouseMove {
   0% {
      transform: translate3d(0,-5%,0);
   }
   30% {
      transform: translate3d(5%,0,0);
   }
   60% {
      transform: translate3d(0,5%,0);
   }
   100% {
      transform: translate3d(-5%,0,0);
   }
}
@keyframes mouseMoveReverse {
   0% {
      transform: translate3d(0,5%,0);
   }
   30% {
      transform: translate3d(5%,0,0);
   }
   60% {
      transform: translate3d(0,-5%,0);
   }
   100% {
      transform: translate3d(-5%,0,0);
   }
}
@keyframes mouseMoveFigures {
   0% {
      transform: translate3d(0,-15%,0);
   }
   30% {
      transform: translate3d(15%,0,0);
   }
   60% {
      transform: translate3d(0,15%,0);
   }
   100% {
      transform: translate3d(-15%,0,0);
   }
}
@keyframes mouseMoveFiguresReverse {
   0% {
      transform: translate3d(0,15%,0);
   }
   30% {
      transform: translate3d(15%,0,0);
   }
   60% {
      transform: translate3d(0,-15%,0);
   }
   100% {
      transform: translate3d(-15%,0,0);
   }
}

@media screen and (min-width: 1921px) {
   .mouse-move_bottom .mouse-move__object-bottom {left: 160px;}
}
@media screen and (max-width: 1024px) {
   .mouse-move_bottom {padding-bottom: 5vw;}
      .mouse-move_bottom .mouse-move__object-bottom {bottom: -30vw; left: 5vw; max-width: 32vw;}
}
@media screen and (max-width: 767px) {
   .mouse-move_bottom {padding-bottom: 15vw;}
   .mouse-move_bottom .mouse-move__object-bottom {bottom: -20vw; left: -15vw; max-width: 40vw;}
}
@media screen and (max-width: 480px) {
   .mouse-move_bottom .mouse-move__object-bottom {bottom: -50vw; left: -20vw; max-width: 60vw;}
}
@media screen and (max-width: 767px) and (orientation: landscape) {
   .mouse-move_bottom {padding-bottom: 10vw;}
      .mouse-move_bottom .mouse-move__object-bottom {bottom: -30vw; left: -10vw; max-width: 35vw;}
}

/*magnetic*/
.magnetic {transition: all 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55) 0s;}
.magnetic.hovered {transition: all 0.2s ease-out 0s;}

/*.tags-list*/
.tags-list {margin-left: -13px; margin-top: -13px; font-size: 0; line-height: 0;}
.tags_large .tags-list {margin-left: -55px; margin-top: -25px;}
   .tags-list__item {display: inline-block; padding-left: 13px; margin-top: 13px; font-size: 16px; line-height: 1; white-space: nowrap;}
   .tags_large .tags-list__item {padding-left: 55px; margin-top: 25px; font-size: 26px;}
      .tags-list__item a {text-decoration: none;}
      .tags-list__item a:hover {color: #62D0FF;}

@media screen and (max-width: 1024px) {
   .tags_large .tags-list {margin-left: -30px;}
      .tags_large .tags-list__item {padding-left: 30px; font-size: 24px;}
}
@media screen and (max-width: 767px) {
   .tags-list__item {font-size: 14px;}
   .tags_large .tags-list__item {font-size: 22px;}
}
@media screen and (max-width: 480px) {
   .tags-list {margin-left: -10px; margin-top: -10px;}
   .tags_large .tags-list {margin-left: -20px; margin-top: -20px;}
      .tags-list__item {padding-left: 10px; margin-top: 10px;}  
      .tags_large .tags-list__item {padding-left: 20px; margin-top: 20px; font-size: 20px;}  
}
@media screen and (max-width: 374px) {
   .tags-list__item {font-size: 12px;}
   .tags_large .tags-list__item {font-size: 18px;}
}
@media screen and (max-width: 767px) and (orientation: landscape) {
   .tags-list {margin-left: -10px; margin-top: -10px;}
   .tags_large .tags-list {margin-left: -20px; margin-top: -20px;}
      .tags-list__item {padding-left: 10px; margin-top: 10px;}
      .tags_large .tags-list__item {padding-left: 20px; margin-top: 20px; font-size: 20px;}
}
@media screen and (max-width: 666px) and (orientation: landscape) {
   .tags-list__item {font-size: 12px;}
   .tags_large .tags-list__item {font-size: 18px;}
}

/*.tooltip*/
.text_with-tooltip {line-height: 1.1;}
   .tooltip {display: inline-block; margin-left: 10px; cursor: pointer; position: relative;}
   .articles-form__title .tooltip {margin-left: 15px;}
      .tooltip:before {content: '?'; display: inline-block; vertical-align: middle; width: 25px; height: 25px; border: 1px solid #62D0FF; background: #62D0FF; border-radius: 100%; text-align: center; font-family: "MuseoSansRegular"; font-size: 16px; line-height: 24px; color: #000; transition: all 0.3s ease 0s;}
      .articles-form__title .tooltip:before {width: 30px; height: 30px; line-height: 29px; border: 1px solid #FF0000; background: transparent; font-size: 18px; color: #FF0000;}
      .tooltip:hover:before {border-color: #FFF; background: transparent; color: #FFF;}
      .articles-form__title .tooltip:hover:before {border-color: #FFF; background: #FFF; color: #0C0055;}
      .tooltip__in {position: absolute; left: 50%; padding: 20px; text-align: left; font-size: 16px; line-height: 1.2; color: #000; background: #FFF; z-index: 5; opacity: 0; cursor: default; pointer-events: none;}
      .tooltip__in.right {left: auto; right: 100%; margin: 0 -45px 20px 0;}
      .touchevents .tooltip__in {padding-top: 40px;}
      .tooltip__in.visible {pointer-events: auto; opacity: 1;}
         .tooltip__in:after {content: ''; top: 100%; left: 50%; border: solid transparent; height: 0; width: 0; position: absolute; pointer-events: none; border-color: transparent; border-top-color: #FFF; border-width: 10px; margin-left: -10px;}
         .tooltip__in.right:after {left: 100%; margin-left: -43px;}
         .tooltip__in p:not(:last-child) {margin-bottom: 15px;}
      .no-touchevents .tooltip__close {display: none;}

@media screen and (min-width: 768px) {
   .tooltip__in {bottom: 100%; width: 360px; margin: 0 0 20px -180px; transform-origin: 50% calc(100% + 10px); transform: perspective(1000px) rotate3d(1,0,0,45deg); transition: opacity 0.2s, transform 0.2s;}
   .tooltip:hover .tooltip__in {transform: perspective(1000px) rotate3d(1,0,0,0deg);}
}
@media screen and (max-width: 767px) {
   .tooltip, .text_with-tooltip {position: static;}
   .articles-form__title .tooltip {margin-left: 10px;}
      .articles-form__title .tooltip:before {width: 25px; height: 25px; font-size: 16px; line-height: 24px;}
      .tooltip__in {position: fixed; top: 50%; left: 20px; width: calc(100vw - 40px); font-size: 15px; transform: translateY(0); transition: opacity 0.3s, transform 0.3s;}
      .tooltip__in.visible {transform: translate3d(0,-50%,0);}
         .tooltip__in:after {display: none;}
}

/*.figures*/
.figures {position: absolute; top: 0; right: 80px; width: 590px; height: 400px;}
   .figures__item {position: absolute;}
      .figures__item:before {content: ''; position: absolute; top: 0; left: 0;}
   .figures__line {top: 0; left: 0; width: 15px; height: 150px;}
      .figures__line:before {width: 15px; height: 150px; top: -2px; left: 25px; background: #3E3E3E; transform: rotate(20deg);}
   .figures__squares {top: 25px; right: 140px;}
      .figures__squares span {position: absolute; top: 0; left: 0; width: 124px; height: 124px; border: 2px solid #FFF; opacity: 0.7; transform: rotate(30deg);}
         .figures__squares span:before, .figures__squares span:after {content: ''; position: absolute; top: 30px; left: 30px; width: 124px; height: 124px; border: 2px solid #FFF;}
         .figures__squares span:before {top: 14px; left: 14px;}
   .figures__circle {width: 28px; height: 28px;}
   .figures__circle_blue-left {left: 20px; bottom: 35px;}
   .figures__circle_blue-right {right: 0; top: 250px;}
   .figures__circle_red {right: 140px; bottom: 0;}
      .figures__circle:before {width: 28px; height: 28px; border-radius: 100%;}
      .figures__circle_blue:before {background: #0000FF}
      .figures__circle_blue-left:before {top: auto; bottom: 0;}
      .figures__circle_blue-right:before {left: auto; right: 0;}
      .figures__circle_red:before {top: auto; bottom: 0; background: #FF0000;}
   .figures__sphere {left: 90px; bottom: 25px; width: 115px; height: 115px;}
      .figures__sphere:before {top: auto; bottom: 0; width: 115px; height: 115px; border-radius: 100%; background: linear-gradient(-35deg, #0439FF 0%, #F40CCB);}

@media screen and (max-width: 1366px) {
   .figures {width: 490px;}
}
@media screen and (max-width: 1279px) {
   .figures {width: 390px; height: 350px;}
}
@media screen and (max-width: 1024px) {
   .figures {width: 300px; height: 200px; right: 60px;}
      .figures__line {width: 8px; height: 80px;}
         .figures__line:before {width: 8px; height: 80px;}
      .figures__squares {top: 20px; right: 80px;}
         .figures__squares span {width: 67px; height: 67px; border-width: 1px;}
            .figures__squares span:before, .figures__squares span:after {width: 67px; height: 67px; border-width: 1px;}
            .figures__squares span:before {top: 6px; left: 6px;}
            .figures__squares span:after {top: 13px; left: 13px;}
      .figures__circle {width: 12px; height: 12px;}
      .figures__circle_blue-left {left: 10px; bottom: 20px;}
      .figures__circle_blue-right {top: 125px;}
      .figures__circle_red {right: 60px;}
         .figures__circle:before {width: 12px; height: 12px;}
      .figures__sphere {left: 40px; bottom: 15px; width: 50px; height: 50px;}
         .figures__sphere:before {width: 50px; height: 50px;}
}
@media screen and (max-width: 767px) {
   .figures {width: 250px; right: 40px;}
}
@media screen and (max-width: 480px) {
   .figures {width: 200px; height: 180px; right: 20px;}
}

/*.video*/
.video {position: relative;}
.article .video {margin-bottom: 40px;}
   .video:before {content: ''; display: block;/* padding-top: 56.819%*/; padding-top: 52.555%;}
   .video_iframe:before {padding-top: 56.25%;}
   .video_autoheight:before {display: none;}
   .video iframe, .video video {position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1;}
   .video_autoheight iframe, .video_autoheight video {position: relative; height: auto;}
   .video__play {position: absolute; top: 0; left: 0; width: 100%; height: 100%; cursor: pointer; z-index: 2; transition: all 0.3s ease-in-out 0s;}
   .video__play.hidden {opacity: 0; visibility: hidden;}
   .video-iframe__play.hidden {display: none;}
      .video__play img {width: 100%;}
      .video__play:before {content: ''; position: absolute; top: 50%; left: 50%; width: 140px; height: 140px; margin: -70px 0 0 -70px; background: url('../i/video-play.svg') 0 0 / contain no-repeat; transition: all 0.5s ease-in-out 0s;}
      .video__play:hover:before {transform: scale(1.1);}
      .video_autoplay .video__play:before {display: none;}
   .video__poster {width: 100%; height: 100%;}
      .video__poster img {height: 100%; object-fit: cover;}

@media screen and (min-width: 768px) {
   .design-trends__column.flex .video__play:before {width: 86px; height: 86px; margin: -43px 0 0 -43px;}
}
@media screen and (max-width: 1024px) {
   .article .video {margin-bottom: 30px;}
   .video__play:before {width: 130px; height: 130px; margin: -65px 0 0 -65px;}
}
@media screen and (max-width: 767px) {
   .video__play:before {width: 86px; height: 86px; margin: -43px 0 0 -43px;}
}
@media screen and (max-width: 480px) {
   .article .video {margin-bottom: 20px;}
   .video__play:before {width: 64px; height: 64px; margin: -32px 0 0 -32px;}
}
@media screen and (max-width: 767px) and (orientation: landscape) {
   .article .video {margin-bottom: 20px;}
   .video__play:before {width: 64px; height: 64px; margin: -32px 0 0 -32px;}
}

/*.audio*/
.audio {position: relative;}
   .audio__poster {margin-bottom: 40px; text-align: center;}
   .audio__bar {width: 305px; max-width: 100%; height: 48px; border-radius: 30px; overflow: hidden; padding: 0 10px; position: relative;}
      .audio__equalizer {margin-left: -4px; position: relative; z-index: 1;}
         .audio__equalizer span {width: 1px; background: #000; margin-left: 4.5px;}
         .audio__bar.play-off .audio__equalizer span {transition: all 0.2s ease 0s;}
         .audio__equalizer .bar-xxl {height: 30px;}
         .audio__equalizer .bar-xl {height: 25px;}
         .audio__equalizer .bar-l {height: 20px;}
         .audio__equalizer .bar-m {height: 15px;}
         .audio__equalizer .bar-s {height: 12px;}
         .audio__equalizer .bar-xs {height: 10px;}
         .audio__equalizer .bar-xxs {height: 5px;}
      .audio__control {width: 30px; min-width: 30px; height: 30px; border: 1px solid #000; border-radius: 100%; position: relative; z-index: 2;}
      .audio__control:hover {transform: scale(1.05);}
         .audio__control > div {position: relative; width: 100%; height: 100%;}
            .audio__control > div:before, .audio__play-off:after {content: ''; position: absolute; top: 50%; left: 50%;}
            .audio__volume-on:before, .audio__volume-off:before {width: 13px; height: 11px; margin: -5px 0 0 -6px;}
            .audio__volume-on:before {background: url('../i/volume-on-icon.svg') 0 0 / contain no-repeat;}
            .audio__volume-off:before {background: url('../i/volume-off-icon.svg') 0 0 / contain no-repeat;}
            .audio__play-on:before {margin: -6px 0 0 -3px; border-left: 9px solid #000; border-top: 6px solid transparent; border-bottom: 6px solid transparent;}
            .audio__play-off:before, .audio__play-off:after {width: 3px; height: 12px; margin-top: -6px; background: #000;}
            .audio__play-off:before {margin-left: -5px;}
            .audio__play-off:after {margin-left: 1px;}
         .audio__volume-off {display: none;}
         .audio__bar.mute-on .audio__volume-off {display: block;}
         .audio__bar.mute-on .audio__volume-on {display: none;}
         .audio__play-on {display: none;}
         .audio__bar.play-off .audio__play-on {display: block;}
         .audio__bar.play-off .audio__play-off {display: none;}
      .audio__progress {position: absolute; top: 0; left: 0; width: 0; height: 100%; background: #24BDFF; z-index: 0;}
      .audio__progress.play {animation: audioProgress 5s linear 1 forwards; animation-play-state: running;}
      .audio__progress.pause {animation-play-state: paused;}
      .audio__progress.stop {width: 100%;}
   .audio__label {text-align: center; padding-top: 5px; font-size: 16px;}

@keyframes audioProgress {
   0% {width: 0;}
   100% {width: 100%;}
}

@media screen and (max-width: 480px) {
   .audio__poster {margin-bottom: 30px;}
   .audio__equalizer span {margin-left: 4px;}
}

/*.switch*/
.switch {width: 200px;}
   .switch__label {font-size: 16px; line-height: 1.375;}
   .switch__slider {width: 66px; height: 25px; border-radius: 25px; border: 1px solid #FFF; position: relative;}
      .switch__link {position: absolute; top: 0; width: 100%; z-index: 1; height: 100%;}
      .switch__link-left {left: 0;}
      .switch__link-right {right: 0;}
      .switch__link:not(.active) {z-index: 2;}
         .switch__link:before {content: ''; position: absolute; top: 0; right: 0; width: 23px; height: 23px; border-radius: 100%; background: #FF0000; transition: all 0.3s ease 0s;}
         .switch__link-left:before {display: none;}
         .switch__link-left.active ~ .switch__link-right:before {right: 41px; background: #62D0FF;}

/*.box (banner block) */
.box {padding: 60px 40px; position: relative;}
.box_large {padding: 100px 80px;}

@media screen and (max-width: 1024px) {
   .box {padding: 40px;}
   .box:not(.b-r) {padding: 30px 40px;}
}
@media screen and (max-width: 767px) {
   .box:not(.b-r) {margin-left: -40px; margin-right: -40px;}
}
@media screen and (max-width: 480px) {
   .box {padding: 40px 20px;}
   .box:not(.b-r) {padding: 30px 20px; margin-left: -20px; margin-right: -20px;}
}
@media screen and (max-width: 767px) and (orientation: landscape) {
   .box {padding: 40px 20px;}
   .box:not(.b-r) {padding: 30px 20px; margin-left: -20px; margin-right: -20px;}
}

/*.load-more*/
.load-more {margin-top: 80px; text-align: center;}

@media screen and (max-width: 1024px) {
   .load-more {margin-top: 60px;}
}
@media screen and (max-width: 480px) {
   .load-more {margin-top: 40px;}
}

/*digest form*/
.digest-form {width: 640px; max-width: 100%; padding-top: 30px;}

/*quote-full*/
.quote-full {padding: 60px; margin-bottom: 60px;}
.quote-full:last-child {margin-bottom: 0;}
   .quote-full__top {margin-bottom: 60px;}
      .quote-full__image {flex: 0 0 auto;}
      .quote-full__title {padding-left: 40px;}
         .quote-full__title h4, .quote-full__title .h4 {padding-top: 0; margin-bottom: 0;}
   .quote-full__text {padding-left: 40px; border-left: 4px solid #62D0FF;}

@media screen and (max-width: 1024px) {
   .quote-full {padding: 40px;}
   .quote-full__top {margin-bottom: 40px;}
}
@media screen and (max-width: 767px) {
   .quote-full {padding: 40px 30px;}
      .quote-full__top {margin-bottom: 30px;}
         .quote-full__title {padding-left: 30px;}
      .quote-full__text {padding-left: 30px;}
}
@media screen and (min-width: 481px) and (max-width: 767px) {
   .quote-full__title h4, .quote-full__title .h4 {font-size: 22px;}
}
@media screen and (max-width: 480px) {
   .quote-full {padding: 40px 20px; margin-bottom: 40px;}
      .quote-full__top {display: block;}
         .quote-full__image {text-align: center; margin-bottom: 20px;}
         .quote-full__title {padding-left: 0;}
      .quote-full__text {padding-left: 20px;}
}


/*====================================================
   .icons-list (block with icons & text)
====================================================*/
.icons-list-parent:not(:last-child) {margin-bottom: 60px;}
   .icons-list-item__title h3, .icons-list-item__title .h3, .icons-list-item__title h4, .icons-list-item__title .h4, .icons-list-item__title h5, .icons-list-item__title .h5 {margin-bottom: 0; line-height: 1.375;}
   /*hor*/
   .icons-list_hor .icons-list__item {margin-top: 60px; text-align: center; padding: 0 25px;}
      .icons-list_hor .icons-list-item__image {margin-bottom: 20px;}
      .icons-list_hor .icons-list-item__title {margin-bottom: 5px;}
      .icons-list_hor .icons-list-item__descr {max-width: 230px; margin: 0 auto; font-size: 16px; line-height: 1.375;}
   /*vert*/
   .icons-list_vert .icons-list__item {margin-top: 40px;}
      .icons-list_vert .icons-list-item__image {float: left; width: 107px; padding-top: 10px; text-align: center;}
      .icons-list_vert .icons-list-item__text {padding-left: 170px;}
         .icons-list_vert .icons-list-item__title {margin-bottom: 20px;}
   /*vert-hor*/
   .icons-list_vert-hor.icons-list_small .icons-list-item__title {margin-bottom: 0;}

@media screen and (min-width: 1025px) {
   /*hor*/
   .icons-list_hor.icons-list_hor-4 .icons-list__item {width: 25%;}
   /*vert*/
   .icons-list_vert {padding-top: 60px;}
   /*vert-hor*/
   .icons-list_vert-hor {display: block;}
      .icons-list_vert-hor .icons-list__item {text-align: left;}
      .icons-list_vert-hor .icons-list__item:first-child {margin-top: 0;}
         .icons-list_vert-hor .icons-list-item__image {float: left; width: 66px;}
         .icons-list_vert-hor .icons-list-item__text {padding-left: 100px;}
            .icons-list_vert-hor .icons-list-item__descr {margin: 0;}
}
@media screen and (max-width: 1024px) {
   /*vert*/
   .icons-list_vert .icons-list-item__image {width: 80px; padding-top: 5px;}
   .icons-list_vert .icons-list-item__text {padding-left: 100px;}
      .icons-list_vert .icons-list-item__title {margin-bottom: 10px;}
   /*vert-hor*/
   .icons-list_vert-hor .icons-list__item {text-align: center; padding: 0 20px;}
      .icons-list_vert-hor .icons-list-item__image {margin-bottom: 15px;}
}
@media screen and (min-width: 481px) and (max-width: 1024px) {
   /*hor*/
   .icons-list_hor.icons-list_hor-4 .icons-list__item {width: 50%;}
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
   /*vert-hor*/
   .icons-list_vert-hor .icons-list__item {width: 25%;}
}
@media screen and (max-width: 767px) {
   .icons-list-parent:not(:last-child) {margin-bottom: 50px;}
      /*hor*/
      .icons-list_hor .icons-list__item {margin-top: 50px; padding: 0 20px;}
      /*vert*/
      .icons-list_vert .icons-list-item__title {margin-bottom: 5px;}
}
@media screen and (min-width: 481px) and (max-width: 767px) {
   /*vert-hor*/
   .icons-list_vert-hor .icons-list__item {width: 50%;}
}
@media screen and (max-width: 480px) {
   .icons-list-parent:not(:last-child) {margin-bottom: 40px;}
      .icons-list {display: block;}
         /*hor*/
         .icons-list_hor .icons-list__item {margin-top: 40px;}
         .icons-list_hor .icons-list__item:last-child {margin-bottom: 0;}
         /*vert*/
         .icons-list_vert .icons-list-item__image {float: none; margin: 0 auto 15px;}
            .icons-list_vert .icons-list-item__image img {max-height: 70px;}
         .icons-list_vert .icons-list-item__text {padding-left: 0;}
}


/*====================================================
   .clients-slider
====================================================*/
.clients {position: relative;}
   .clients-slider {height: 570px; margin: 0 auto;}
      .clients-slider .clients-slider__item {width: 100%; height: 190px; padding: 10px 0; opacity: 0;}
      .clients-slider:not(.swiper-initialized) .clients-slider__item {display: none;}
         .clients-slider .clients-slider__item.swiper-slide-active, .clients-slider .clients-slider__item.swiper-slide-prev, .clients-slider .clients-slider__item.swiper-slide-next {opacity: 1;}
         .clients-slider__item > div.flex {height: 100%;}
         /*IE*/
         html[data-agent*="Trident"] .clients-slider__item > div.flex {display: block; line-height: 170px; text-align: center;}
            .clients-slider .clients-slider__item img {display: block; width: auto; max-height: 170px; margin: 0 auto; transition: all 0.4s ease-in-out 0s;}
            .clients-slider .clients-slider__item:not(.swiper-slide-active) img {opacity: 0.3; transform: scale(0.65); transition-delay: 0s;}
            .clients-slider .clients-slider__item a:hover img {opacity: 1;}
            /*IE*/
            html[data-agent*="Trident"] .clients-slider .clients-slider__item img {display: inline-block; vertical-align: middle;}

@media screen and (max-width: 1024px) {
   .clients-slider {height: 390px;}
      .clients-slider .clients-slider__item {height: 130px; padding: 5px 0;}
          .clients-slider .clients-slider__item img {max-width: 350px; max-height: 120px;}
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
   .intro__slider .clients-slider {height: 330px;}
      .intro__slider .clients-slider .clients-slider__item {height: 110px;}
         .intro__slider .clients-slider .clients-slider__item img {max-width: 300px; max-height: 100px;} 
}
@media screen and (max-width: 480px) {
   .clients-slider .clients-slider__item img {max-width: 260px;}
}
@media screen and (max-width: 374px) {
   .clients-slider .clients-slider__item img {max-width: 100%;}
}
@media screen and (max-width: 767px) and (orientation: landscape) {
   .clients-slider {height: 330px;}
      .clients-slider .clients-slider__item {height: 110px;}
         .clients-slider .clients-slider__item img {max-width: 300px; max-height: 100px;} 
}

/*popup*/
.clients-popup .modal-block__overlay {background: none;}
   .clients-popup__in.modal-block__inner {width: 500px; transform: scale(0); transition: all 0.5s ease 0s;}
   .clients-popup.modal-block.visible .clients-popup__in.modal-block__inner {transform: scale(1); transition: all 0.5s ease 0s;}
      .clients-popup__logo {margin-bottom: 20px; text-align: right;}
         .clients-popup__logo img {max-width: 162px; width: auto; max-height: 73px; height: auto;}
      .clients-popup__text {margin-bottom: 30px;}
      .clients-popup__button {text-align: center;}

@media screen and (min-width: 1025px) {
   .intro .clients-popup.modal-block {position: absolute; right: auto; width: 500px; transition: all 0.5s ease 0s;}
   .intro .clients-popup.modal-block.visible {position: fixed; width: 100vw;}
      .intro .clients-popup__in.modal-block__inner {transition: all 1s ease 0s;}
}   
@media screen and (min-width: 768px) {
   .clients-popup__in.modal-block__inner {min-height: 530px; padding: 60px 70px 140px;}
      .clients-popup__button {position: absolute; bottom: 70px; left: 0; width: 100%;}
}
@media screen and (max-height: 768px) and (orientation: landscape) {
   .clients-popup .modal-block__inner {padding-top: 40px; padding-bottom: 40px;}
}     
@media screen and (max-width: 480px) {
   .clients-popup__logo img {max-width: 80px; max-height: 60px;}
   .clients-popup__text {margin-bottom: 20px;}
}
@media screen and (max-width: 767px) and (orientation: landscape) {
   .clients-popup__logo img {max-width: 80px; max-height: 60px;}
   .clients-popup__text {margin-bottom: 20px;} 
}


/*====================================================
   .intro (main page)
====================================================*/
.intro__text {margin-bottom: 60px;}
.intro__list {margin-bottom: 60px;}
   .intro__list ul.ul_decor li {padding-left: 22px;}
      .intro__list ul.ul_decor li:before {top: 6px;}
.intro__image .mouse-move__object {position: relative;}

@media screen and (min-width: 1025px) {
   .intro__top {margin-bottom: 80px;}
      .intro__title h2, .intro__title .h2 {margin-bottom: 0;}
      .intro__image {max-width: 25vw; margin-left: 5vw;}
   .intro__in {display: block;}
      .intro__text, .intro__details {float: right; width: calc(100% - 570px);}
         .intro__text > div {max-width: 820px;}
            .intro__list ul.ul_decor li {margin-bottom: 25px;}
      .intro__slider {float: left; width: 570px; padding-right: 40px;}
}
@media screen and (min-width: 1690px) {
   .intro__slider {padding-right: 65px;}
}
@media screen and (min-width: 1921px) {
   .intro__image {margin-left: 100px;}
}
@media screen and (min-width: 1025px) and (max-width: 1279px) {
   .intro__text, .intro__details {width: calc(100% - 480px);}
   .intro__slider {width: 480px;}
}
@media screen and (max-width: 1024px) {
   .intro__top {position: relative; padding-right: calc(19vw + 20px);}
      .intro__image {position: absolute; top: 0; right: -15vw; width: 34vw;}
   .intro__text {margin-bottom: 80px;}
   .intro__list {margin-bottom: 40px;}
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
   .intro__text {width: 100%; padding-right: calc(19vw + 20px);}
   .intro__slider {width: 39.063vw;}
   .intro__details {width: calc(100% - 39.063vw); padding-left: 40px;}
}
@media screen and (max-width: 767px) {
   .intro__top {padding-top: 15vw; padding-right: 0;}
      .intro__image {width: 44vw; top: -20vw; right: -30vw;}
   .intro__in {display: block;}
      .intro__text {margin-bottom: 60px;}
      .intro__slider {margin-bottom: 60px;}
      .intro__button {text-align: center;}
}
@media screen and (max-width: 480px) {
   .intro__title h2 br, .intro__title .h2 br {display: none;}
   .intro__text {margin-bottom: 40px;}
   .intro__slider {margin-bottom: 40px;}
   .intro__list {margin-bottom: 30px;}
}
@media screen and (max-width: 767px) and (orientation: landscape) {
   .intro__top {padding-top: 0;}
      .intro__image {top: -10vw; right: -15vw; width: 25vw;}
   .intro__list {margin-bottom: 30px;}
      .intro__list ul {columns: 2 auto; column-gap: 20px;}
}


/*====================================================
   .cases-slider (main page)
====================================================*/
.cases__in {padding-top: 10vw;}
   .cases__column {position: relative;}
   .cases__column-left {text-align: center;}
      .cases__all-button .btn {padding-left: 30px; padding-right: 30px;}
      .cases__all-arrow.arrow_vert {position: absolute; bottom: 100%; margin-bottom: 20px; left: 50%; margin-left: -67px; animation: hang-y 1.5s ease-in-out infinite alternate;}
      .cases__column-right .mouse-move__object-top {top: 0; margin-top: -20vw; right: 3vw; max-width: 33.334vw;}
      .cases__column-right .mouse-move__object-left {top: 12vw; left: 0; margin-left: -18vw; max-width: 22.188vw;}
      /*slider*/
      .cases-slider__item:before {content: ''; position: absolute; top: 0; left: 0; z-index: 1; width: 100%; height: 100%; background: #141C30; opacity: 0.55; mix-blend-mode: multiply; transition: opacity 0.3s ease 0s;}
      .cases-slider-item__image {position: absolute; top: 0; left: 0; z-index: 0; width: 100%; height: 100%;}
         .cases-slider-item__image img {display: block; width: 100%;}
      .cases-slider-item__in {position: relative; z-index: 2; padding: 8.6vw 60px 60px 9.6vw; text-align: left;}
         .cases-slider-item__content {max-width: 820px;}
            .cases-slider-item__content > div {opacity: 0; visibility: hidden; transition: all 0.7s ease; will-change: transform;}
            .cases-slider-item__subtitle h5, .cases-slider-item__subtitle .h5 {position: relative; padding-bottom: 20px;}
               .cases-slider-item__subtitle h5:before, .cases-slider-item__subtitle .h5:before {content: ''; position: absolute; bottom: 0; left: 0; width: 90px; height: 5px; background: #FF0000;}
            .cases-slider-item__text {padding-right: 10vw; margin-bottom: 40px;}
            .cases-slider-item__button .btn {white-space: nowrap; width: auto; min-width: 280px;}
      .cases-slider-controls {padding-top: 20px;}
         .cases-slider-dots {padding-left: 50px}
            .cases-slider-dots.slider-dots .swiper-pagination, .cases-slider-dots.slider-dots  ul {padding: 0;}

/*stack look slider*/
.no-touchevents .cases__column {perspective: 1000px;}
   .no-touchevents .cases__slider.swiper {overflow: visible;}
      .no-touchevents .cases__slider .swiper-wrapper {display: block; position: relative; transform-style: preserve-3d;}
         .no-touchevents .cases__slider .swiper-wrapper:before {content: ''; display: block; padding-top: 55.02066%}
         .no-touchevents .cases-slider__item {position: absolute; top: 0; right: 0; width: 100%; height: 100%; text-align: right; overflow: hidden; transition: transform 1.2s ease 0s, margin 0.2s ease 0s; transform-style: preserve-3d;}
         .no-touchevents .cases-slider__item:not(:first-child):hover {margin-right: 20px; cursor: pointer;}
         .no-touchevents .cases-slider__item[data-position="1"] {z-index: 10 !important; transform: translateX(0px) scale(1) !important;}
            .no-touchevents .cases-slider-item__content > div {transform: translate3d(0,2vw,0); transition: all 0.5s ease-in-out;}
            .no-touchevents .cases-slider__item[data-position="1"] .cases-slider-item__content > div {opacity: 1; visibility: visible; transform: translate3d(0,0,0);}
      .no-touchevents .cases-slider-controls_touchevents {display: none;}
      .cases-slider-next {transition: all 0.5s ease-in-out 0s;}
          .cases-slider-next:hover {transform: translateX(20px);}

/*fade slider*/
.touchevents .cases-slider-item__image img {height: 100%; object-fit: cover; transform: scale(1.5); transition: transform 1.5s ease 0s;}
.touchevents .cases-slider__item.swiper-slide-active .cases-slider-item__image img {transform: scale(1);}
.touchevents .cases-slider__item .cases-slider-item__content > div {transform: translate3d(0,10vw,0);}
.touchevents .cases-slider__item.swiper-slide-active .cases-slider-item__content > div {opacity: 1; visibility: visible; transform: translate3d(0,0,0);}
.touchevents .cases-slider-controls_no-touchevents {display: none;}

@media screen and (min-width: 1025px) {
   .cases__column-left {width: 300px;}
   .cases__column-right {width: calc(100% - 300px); max-width: 82.008%; margin-right: -65px;}
      .cases-slider-item__title h3, .cases-slider-item__title .h3 {font-size: 2.6vw;}
}
@media screen and (min-width: 1921px) {
   .cases__in {padding-top: 180px; padding-bottom: 80px;}
      .cases__column-right .mouse-move__object-top {margin-top: -380px; right: 60px;}
      .cases__column-right .mouse-move__object-left {top: 25%; margin-left: -25%;}
      /*slider*/
      .cases-slider-item__in {padding-top: 160px; padding-left: 180px;}
         .cases-slider-item__title h3, .cases-slider-item__title .h3 {font-size: 50px;}
         .cases-slider-item__text {padding-right: 100px;}
}
@media screen and (min-width: 1025px) and (max-width: 1366px) {
   .cases__column-left {width: 200px;}
   .cases__column-right {width: calc(100% - 200px);}
      .cases-slider-item__content.font_museo {font-size: 18px;}
         .cases-slider-item__text {padding-right: 0;}
   /*slider*/
   .cases-slider-item__in {padding-top: 7vw; padding-left: 8vw;}
      .cases-slider-item__content.font_museo {font-size: 20px;}
         .cases-slider-item__title h3, .cases-slider-item__title .h3 {margin-bottom: 20px;}
         .cases-slider-item__subtitle h5, .cases-slider-item__subtitle .h5 {font-size: 16px;}
         .cases-slider-item__text {padding-right: 5vw;}
         .cases-slider-item__button .btn, .cases__all-button .btn {height: 65px; line-height: 63px; font-size: 16px;}
}
@media screen and (max-width: 1024px) {
   .cases__in {display: block;}
      .cases__column-left {display: inline-block; margin-bottom: 40px;}
         .cases__all-arrow.arrow_vert {margin-left: -45px;}
      .cases__column-right .mouse-move__object-top {right: -20px; margin-top: -22vw; max-width: 39vw;}
         .cases__column-right .mouse-move__object-top img {transform: rotateX(180deg);}
      .cases__column-right .mouse-move__object-left {top: 100%; left: -10px; margin-left: 0; margin-top: -28vw; max-width: 32vw;}
      /*slider*/
      .cases__slider {margin: 0 -40px;}
         .cases-slider-item__in {min-height: 530px; padding: 10vw 10vw 80px 12vw;}
      .cases-slider-dots {padding-left: 25px;}
      /*no-touchevents quick'n'dirty*/
      .no-touchevents .cases-slider-item__in {height: 100%;}
      .no-touchevents .cases-slider-item__image img {height: 100%; object-fit: cover;}
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
   .cases__in {padding-bottom: 4.5vw;}
      /*slider*/
      .cases-slider-nav {padding-left: calc(32vw + 30px);}
}
@media screen and (max-width: 767px) {
   .cases__column-right .mouse-move__object-top {right: -32vw; margin-top: -32vw; max-width: 56vw;}
   .cases__column-right .mouse-move__object-left {display: none;}
   .cases__all-arrow.arrow_vert {margin-left: -32px;}
   .cases__all-button .btn {padding-right: 20px; padding-left: 20px;}
   /*slider*/
   .cases-slider-item__in {padding: 60px 10vw 60px 40px;}
   .cases-slider-controls {margin-left: -105px; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center;}
         .cases-slider-dots {padding-left: 20px;}
}
@media screen and (max-width: 480px) {
   .cases__in {padding-top: 15vw;}
      .cases__all-arrow.arrow_vert {margin-left: -23px;}
      .cases__all-button .btn {width: 160px;}
      /*slider*/
      .cases__slider {margin: 0 -20px;}
         .cases-slider-item__in {min-height: 390px; padding: 40px 10vw 40px 20px;}
            .cases-slider-item__subtitle h5, .cases-slider-item__subtitle .h5 {font-size: 14px;}
            .cases-slider-item__text {padding-right: 0; margin-bottom: 30px;}
            .cases-slider-item__button {text-align: center;}
      .cases-slider-controls {margin-left: -72px; padding-top: 15px;}
        .cases-slider-dots {padding-left: 10px;}
}
@media screen and (max-width: 767px) and (orientation: landscape) {
   .cases__in {padding-top: 5vw;}
      .cases__all-arrow.arrow_vert {margin-left: -23px;}
      .cases__column-right .mouse-move__object-top {right: -12vw; margin-top: -20vw; max-width: 36vw;}
      .cases__all-button .btn {width: 160px;}
      /*slider*/
      .cases__slider {margin: 0 -20px;}
         .cases-slider-item__in {min-height: 320px; padding: 40px 25vw 40px 20px;}
            .cases-slider-item__subtitle h5, .cases-slider-item__subtitle .h5 {font-size: 14px;}
            .cases-slider-item__text {padding-right: 0; margin-bottom: 30px;}
     .cases-slider-controls {margin-left: -72px; padding-top: 15px;}
         .cases-slider-dots {padding-left: 10px;}
}


/*====================================================
   .advantages (main page)
====================================================*/
.advantages__title {padding-bottom: 40px;}
.advantages__item {position: relative; padding-left: 230px; margin-bottom: 100px;}
.advantages__item:last-child {margin-bottom: 0;}
   .advantages-item__arrow {position: absolute; top: -40px; left: 0;}
   .no-touchevents .advantages__item:hover .advantages-item__arrow {animation: hang-x 1.5s ease-in-out infinite alternate;}

@media screen and (min-width: 1367px) {
   .advantages__list {max-width: 1100px; margin: 0 auto;}
}
@media screen and (max-width: 1366px) {
   .advantages__item {margin-bottom: 80px;}
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
   .advantages__item {padding-left: 120px; margin-bottom: 50px;}
      .advantages-item__arrow {top: -25px;}
         .advantages-item__arrow .arrow {width: 100px;}
}
@media screen and (min-width: 481px) and (max-width: 767px) {
   .advantages__title {padding-bottom: 30px;}
   .advantages__item {padding-left: 90px; margin-bottom: 40px;}
      .advantages-item__arrow {top: -15px;}
         .advantages-item__arrow .arrow {width: 70px;}
}
@media screen and (max-width: 480px) {
   .advantages__title {padding-bottom: 20px;}
   .advantages__item {padding-left: 55px; margin-bottom: 30px;}
      .advantages-item__arrow {top: -10px;}
         .advantages-item__arrow .arrow {width: 42px;}
}
@media screen and (max-width: 374px) {
   .advantages__title h2, .advantages__title .h2 {font-size: 32px;}
}
@media screen and (max-width: 767px) and (orientation: landscape) {
   .advantages__title {padding-bottom: 20px;}
   .advantages__item {padding-left: 55px; margin-bottom: 30px;}
      .advantages-item__arrow {top: -10px;}
         .advantages-item__arrow .arrow {width: 42px;}
}


/*====================================================
   .behaviour (main page)
====================================================*/
.behaviour .cards-blue__item {transform: translateX(100vw); transition: all 0.75s ease;}
.behaviour .cards-blue-slider-nav {transform: translateX(100%); transition: all 0.5s ease;}
.behaviour.animated .cards-blue__item {transform: translateX(0);}
.behaviour.animated .cards-blue-slider-nav {transform: translateX(0);}

@media screen and (min-width: 768px) {
   .behaviour__title {margin-bottom: 80px;}
      .behaviour__title h2, .behaviour__title .h2 {white-space: nowrap; margin-bottom: 0;}
   .behaviour__text {padding-top: 25px; max-width: 600px; padding-left: 10vw;}
}
@media screen and (min-width: 1921px) {
   .behaviour__text {padding-left: 200px;}
}
@media screen and (min-width: 768px) and (max-width: 1366px) {
   .behaviour__text {max-width: 30vw; padding-left: 5vw;}
}
@media screen and (min-width: 1025px) and (max-width: 1279px) {
   .behaviour__text {padding-top: 20px;}
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
   .behaviour__text {padding-top: 15px;}
}
@media screen and (max-width: 767px) {
   .behaviour__title {margin-bottom: 60px;}
      .behaviour__title .heading__title {display: block;}
}
@media screen and (max-width: 480px) {
   .behaviour__title {margin-bottom: 40px;}
}


/*====================================================
   .cards-blue (blue blocks slider)
====================================================*/
.cards-blue__item {width: 361px; padding-right: 1px;}
   .cards-blue-item__in {height: 100%; padding: 40px;}
      .cards-blue-item__title {margin-bottom: 40px;}
         .cards-blue-item__title h3, .cards-blue-item__title .h3 {margin-bottom: 0;}
      .cards-blue-item__text {margin-bottom: 30px;}
.cards-blue-slider-nav {padding-top: 40px;}
   .cards-blue-slider-nav .swiper-button-prev {-webkit-box-ordinal-group: 2; -webkit-order: 2; -ms-flex-order: 2; order: 2;}
   .cards-blue-slider-nav .swiper-button-next {-webkit-box-ordinal-group: 1; -webkit-order: 1; -ms-flex-order: 1; order: 1;}
   .no-touchevents .cards-blue-slider-nav.slider-custom-nav .swiper-button-prev:hover {transform: translateX(20px);}
   .no-touchevents .cards-blue-slider-nav.slider-custom-nav .swiper-button-next:hover {transform: translateX(-20px);}
   .cards-blue-slider-nav .swiper-button-disabled {opacity: 0 !important;}
   .cards-blue-slider-nav .swiper-button-prev.swiper-button-disabled {transform: translateX(50%);}
   .cards-blue-slider-nav .swiper-button-next.swiper-button-disabled {transform: translateX(-50%);}

@media screen and (min-width: 768px) {
   .cards-blue .inner {padding: 0;}
      .cards-blue-item__title h3, .cards-blue-item__title .h3 {font-size: 36px;}
      .cards-blue-slider-nav {padding-left: calc(50vw - 180px); padding-right: 65px;}
         .cards-blue-slider-nav .swiper-button-prev {margin-left: 20px;}
         .cards-blue-slider-nav .swiper-button-next {margin-right: 20px;}
}
@media screen and (min-width: 1921px) {
   .cards-blue-slider-nav {padding-left: 771px;}
}
@media screen and (max-width: 767px) {
   .cards-blue__item {width: 280px;}
      .cards-blue-item__in {padding-left: 20px; padding-right: 20px;}
         .cards-blue-item__title {margin-bottom: 30px;}
            .cards-blue-item__title h3, .cards-blue-item__title .h3 {font-size: 26px;}
         .cards-blue-item__text {font-size: 16px;}
}
@media screen and (max-width: 480px) {
   .cards-blue__item {width: 215px;}
      .cards-blue-item__title {margin-bottom: 20px;}
         .cards-blue-item__title h3, .cards-blue-item__title .h3 {font-size: 24px;}
      .cards-blue-item__text {margin-bottom: 20px; font-size: 14px;} 
}
@media screen and (max-width: 374px) {
   .cards-blue-item__text {font-size: 13px;} 
   .cards-blue-item__title h3, .cards-blue-item__title .h3 {font-size: 22px;}
}
@media screen and (max-width: 767px) and (orientation: landscape) {
   .cards-blue__item {width: 215px;}
      .cards-blue-item__title {margin-bottom: 20px;}
         .cards-blue-item__title h3, .cards-blue-item__title .h3 {font-size: 24px;}
      .cards-blue-item__text {margin-bottom: 20px; font-size: 14px;} 
}
@media screen and (max-width: 666px) and (orientation: landscape) {
   .cards-blue-item__text {font-size: 13px;}
   .cards-blue-item__title h3, .cards-blue-item__title .h3 {font-size: 22px;}
}


/*====================================================
   .cards-black
====================================================*/
.cards-black-item__in {display: block; position: relative; height: 100%; padding: 60px 30px 40px; transition: all 0.3s ease 0s;}
a.cards-black-item__in {text-decoration: none;}
.cards-black-item__in:hover {box-shadow: 0 0 50px rgb(0 0 0 / 70%);}
   .cards-black-item__title {margin-bottom: 25px; padding-bottom: 24px; position: relative;}
      .cards-black-item__title:before {content: ''; position: absolute; bottom: 0; left: 0; width: 70px; height: 4px; background: #FF0000;}
      .cards-black-item__title h4, .cards-black-item__title .h4 {margin-bottom: 0; font-size: 36px;}
      .cards-black-item__title h5, .cards-black-item__title .h5 {margin-bottom: 0;}
   .cards-black-item__text {margin-bottom: 60px; font-size: 20px; line-height: 1.4;}
   .cards-black-item__arrow {position: absolute; bottom: 24px; left: 30px; right: 0; height: 16px; overflow: hidden;}
      .cards-black-item__arrow:before {content: ''; position: absolute; top: 0; left: 0; width: 36px; height: 16px; background: url('../i/arrow-right-small.svg') 0 0 / contain no-repeat;}
      a.cards-black-item__in:hover .cards-black-item__arrow:before {animation: overflow-repeat-x .6s ease-out;}

@media screen and (min-width: 1280px) {
   .cards-black__list {margin-left: -20px; margin-bottom: -20px;}         
      .cards-black__item {width: 25%; padding-left: 20px; margin-bottom: 20px;}
}
@media screen and (max-width: 1279px) {
   .cards-black__item {width: 280px; margin-right: 20px;}
   .cards-black__item:last-child{margin-right: 0;}
      .cards-black-item__text {margin-bottom: 50px;}
}
@media screen and (max-width: 767px) {
   .cards-black-item__title h4, .cards-black-item__title .h4 {font-size: 32px;}
   .cards-black-item__text {margin-bottom: 40px; font-size: 18px;}
}
@media screen and (max-width: 480px) {
   .cards-black__item {margin-right: 15px;}
      .cards-black-item__title h4, .cards-black-item__title .h4 {font-size: 30px;}
      .cards-black-item__text {margin-bottom: 30px; font-size: 16px;}
}
@media screen and (max-width: 374px) {
   .cards-black__item {width: 220px;}
      .cards-black-item__in {padding-left: 20px; padding-right: 20px;}
         .cards-black-item__title h4, .cards-black-item__title .h4 {font-size: 20px;}
}

/*achievements*/
.cards-black_achievements h2, .cards-black_achievements .h2 {font-family: "MuseoSansLight"; font-size: 90px; margin-bottom: 80px;}
.cards-black_achievements .mouse-move__object_first {top: -40px; left: -220px;}
.cards-black_achievements .mouse-move__object_second {bottom: -60px; right: -220px;}

@media screen and (max-width: 1366px) {
   .cards-black_achievements h2, .cards-black_achievements .h2 {font-size: 85px; margin-bottom: 60px;}
}
@media screen and (max-width: 1279px) {
   .cards-black_achievements h2, .cards-black_achievements .h2 {font-size: 75px;}
   .cards-black_achievements .mouse-move__object_first {top: -25px; left: -25vw;}
   .cards-black_achievements .mouse-move__object_second {bottom: auto; top: 100%; margin-top: -12vw; right: -15vw; max-width: 50vw;}
}
@media screen and (max-width: 1024px) {
   .cards-black_achievements h2, .cards-black_achievements .h2 {font-size: 60px; margin-bottom: 40px;}
}
@media screen and (max-width: 767px) {
   .cards-black_achievements h2, .cards-black_achievements .h2 {font-size: 46px;}
}
@media screen and (max-width: 480px) {
   .cards-black_achievements h2, .cards-black_achievements .h2 {font-size: 43px;}
   .cards-black_achievements .mouse-move__object_first {max-width: 65vw;}
   .cards-black_achievements .mouse-move__object_second {margin-top: -15vw; right: -22vw; max-width: 80%;}
}
@media screen and (max-width: 767px) and (orientation: landscape) {
   .cards-black_achievements .mouse-move__object_first {left: -15vw; max-width: 36.5vw;}
   .cards-black_achievements .mouse-move__object_second {margin-top: -9vw; right: -12vw; max-width: 43%;}
}

/*approach*/
.cards-black_approach {padding-bottom: 120px;}
   .cards-black_approach h2, .cards-black_approach .h2 {margin-bottom: 80px;} 
   .cards-black_approach h4, .cards-black_approach .h4 {font-size: 23px;}
   .cards-black_approach .mouse-move__object {bottom: -120px; left: -120px;}

@media screen and (max-width: 1024px) {
   .cards-black_approach {padding-bottom: 0;}
      .cards-black_approach .cards-black__in {padding-top: 40px;}
         .cards-black_approach h2, .cards-black_approach .h2 {margin-bottom: 60px;} 
         .cards-black_approach .mouse-move__object {bottom: auto; top: -40px; left: -40px; max-width: 230px;}
}
@media screen and (max-width: 767px) {
   .cards-black_approach .cards-black__in {padding-top: 0;}
      .cards-black_approach .mouse-move__object {top: -20vw; left: auto; right: -10vw; max-width: 45vw;}
}
@media screen and (max-width: 480px) {
   .cards-black_approach h2, .cards-black_approach .h2 {margin-bottom: 40px;} 
}
@media screen and (max-width: 374px) {
   .cards-black-item__title h4, .cards-black-item__title .h4 {font-size: 20px;}  
}
@media screen and (max-width: 767px) and (orientation: landscape) {
   .cards-black_approach .mouse-move__object {top: -15vw; right: -8vw; max-width: 26vw;}
}


/*====================================================
   .chief (main page)
====================================================*/
.chief {padding-top: 50px;}
   .chief__text {margin-bottom: 100px;}
   .chief__video {position: relative; margin-right: -65px; margin-bottom: 120px;}
      .chief__video .mouse-move__object {top: 0; left: -20px; width: 27.709vw;}
      .chief__video .video {width: 880px; max-width: 70vw; float: right;}
         .chief__video .video:before {content: ''; display: block; padding-top: 56.819%;}
   .chief-quote__in {max-width: 1000px; margin: 0 auto;}
      .chief-quote__image {width: 88px; float: left; margin-top: 10px;}
         .chief-quote__image img {display: block; border-radius: 100%;}
      .chief-quote__text, .chief-quote__person {padding-left: 108px;}
      .chief-quote__text {margin-bottom: 30px;}
      .chief-quote__text.font_large {font-size: 40px; line-height: 1.2;}

@media screen and (min-width: 1025px) {
   .chief__text {padding-left: calc(45vw - 180px - 65px);}
   .chief-quote__person br {display: none;}
}
@media screen and (max-width: 1279px) {
   .chief-quote__text.font_large {font-size: 36px;}
}
@media screen and (max-width: 1024px) {
   /*.chief {padding-top: 90px;}*/ 
      .chief__text {margin-bottom: 70px;}
      .chief__video {margin-bottom: 40px;}
         .chief__video .video {max-width: 100%;}
         .chief__video .mouse-move__object {top: 50px;}
      .chief-quote__image {width: 98px;}
      .chief-quote__text, .chief-quote__person {padding-left: 115px;}
      .chief-quote__text {margin-bottom: 15px;}
      .chief-quote__text.font_large {font-size: 30px;}
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
   .chief__video {padding-left: 115px;}
}
@media screen and (max-width: 767px) {
   .chief {padding-bottom: 10vw; padding-top: 90px;}
      .chief__text {margin-bottom: 60px;}
      .chief__video {position: static; margin: 0 -40px 40px;}
         .chief__video .video {float: none;}
         .chief__video .mouse-move__object {top: 100%; left: auto; right: -24vw; width: 48vw;}
      .chief-quote__image {width: 75px;}
      .chief-quote__text, .chief-quote__person {padding-left: 95px;}
      .chief-quote__text.font_large {font-size: 24px;}
}
@media screen and (max-width: 480px) {
   .chief__text {margin-bottom: 50px;}
   .chief__video {margin: 0 -20px 30px;}
   .chief-quote__image {width: 55px; margin-top: 5px;}
   .chief-quote__text, .chief-quote__person {padding-left: 75px;}
   .chief-quote__text {margin-bottom: 10px;}
   .chief-quote__text.font_large {font-size: 20px;}
   .chief-quote__person {font-size: 14px;}
      .chief-quote__person br {display: none;}
}
@media screen and (max-width: 374px) {
   .chief-quote__person {font-size: 13px;}
}
@media screen and (max-width: 767px) and (orientation: landscape) {
   .chief {padding-bottom: 0;}
      .chief__text {margin-bottom: 50px;}
      .chief__video {margin: 0 -20px 30px; position: relative;}
         .chief__video .video {width: 70vw; float: right;}
         .chief__video .mouse-move__object {top: 5vw; left: 15vw; width: 30vw;}
      .chief-quote__image {width: 55px; margin-top: 5px;}
      .chief-quote__text, .chief-quote__person {padding-left: 75px;}
      .chief-quote__text {margin-bottom: 10px;}
      .chief-quote__text.font_large {font-size: 20px;}
      .chief-quote__person {font-size: 14px;}
         .chief-quote__person br {display: none;} 
}
@media screen and (max-width: 666px) and (orientation: landscape) {
   .chief-quote__person {font-size: 13px;}
}

/*figures*/ 
.chief .figures {top: -200px;}

@media screen and (min-width: 1280px) and (max-width: 1366px) {
   .chief .figures {top: -180px;}
}
@media screen and (min-width: 1025px) and (max-width: 1279px) {
   .chief .figures {top: -160px;}
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
   .chief .figures {top: -140px;}
}
@media screen and (min-width: 481px) and (max-width: 767px) {
   .chief .figures {top: -100px;}
}
@media screen and (max-width: 480px) {
   .chief .figures {top: -80px;}
}
@media screen and (max-width: 767px) and (orientation: landscape) {
   .chief .figures {top: -80px;}
}


/*====================================================
   .articles
====================================================*/
/*form*/
.articles__form {margin-bottom: 120px;}
   .articles-form__title {margin-bottom: 40px;}
      .articles-form__title h4, .articles-form__title .h4 {margin-bottom: 0;}
   /*balls*/
   .articles__form .mouse-move__object {top: 100px; left: -6vw; max-width: 26vw;}

@media screen and (max-width: 1366px) {
   .articles__form {margin-bottom: 80px;}
}
@media screen and (max-width: 1024px) {
   .articles__form {margin-bottom: 60px;}
      .articles-form__title {margin-bottom: 20px;}
      /*balls*/
      .articles__form .mouse-move__object {top: 70px; left: -10vw;}
}
@media screen and (max-width: 767px) {
   .articles-form__title {margin-bottom: 15px;}
   /*balls*/
   .articles__form .mouse-move__object {top: 60px; left: -15vw; max-width: 30vw;}
}
@media screen and (max-width: 480px) {
   /*balls*/
   .articles__form .mouse-move__object {top: 100%; margin-top: -6vw; left: -30vw; max-width: 53vw;}
}
@media screen and (max-width: 374px) {
   .articles-form__title {margin-bottom: 10px;}
}
@media screen and (max-width: 666px) and (orientation: landscape) {
   .articles-form__title {margin-bottom: 10px;}
}

/*list*/
.articles__list {margin-left: -25px; margin-bottom: -80px; position: relative;}
.modal-block__content .articles__list {margin-left: 0; margin-bottom: 0;}
   .articles-list__item {width: 33.333%; padding-left: 25px; margin-bottom: 80px;}
   .modal-block__content .articles-list__item {width: 100%; padding-left: 0; margin-bottom: 0;}
      .articles-list-item__in {height: 100%;}
         .articles-list-item__link {display: block; text-decoration: none;}
            .articles-list-item__image {margin-bottom: 20px; overflow: hidden;}
               .articles-list-item__image img {width: 100%;}
            .articles-list-item__date {margin-bottom: 30px; font-size: 16px; line-height: 1;}
            .articles-list-item__title {margin-bottom: 30px;}
               .articles-list-item__title h5, .articles-list-item__title .h5 {margin-bottom: 0; line-height: 1.8125;}

   /*subscription*/
   .articles-list-item__subsription {padding: 20px;}
      .articles-subsription__title h4, .articles-subsription__title .h4 {margin-bottom: 10px;}
      .articles-subsription__text {margin-bottom: 20px; font-size: 16px; line-height: 1.375;}
      .articles-subsription__form .form__field {margin-bottom: 15px;}
      .articles-subsription__form .form__submit {margin-bottom: 0;}
         .articles-subsription__form .form__textinput {height: 40px; padding: 0 10px;}

   /*box*/
   .articles__box {width: 100%;}

@media screen and (min-width: 1921px) {
   .articles__form .mouse-move__object {left: -120px;}
}
@media screen and (min-width: 481px) {
   /*box*/
   .articles__box {margin-top: 20px;}
}
@media screen and (min-width: 768px) {
   /*box*/
   .articles__box {width: 100%; margin-top: 40px; margin-left: 25px;}
}
@media screen and (max-width: 1279px) {
   .articles-list-item__title h5, .articles-list-item__title .h5 {font-size: 16px;}
}
@media screen and (max-width: 1024px) {
   .articles__list {margin-bottom: -60px;}
      .articles-list__item {width: 50%; margin-bottom: 60px;}
         .articles-list-item__date {margin-bottom: 25px; font-size: 14px;}
         .articles-list-item__title {margin-bottom: 25px;}
      /*subscription*/
      .articles-subsription__text {font-size: 14px;}
      .articles-subsription__form .form__textinput {height: 35px;}
      .articles-subsription__form .btn {height: 35px; line-height: 34px; font-size: 16px;}
      .articles-subsription__form .form__note {font-size: 12px;}
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
   /*subscription*/
   .articles-subsription__title h4, .articles-subsription__title .h4 {font-size: 34px;}
}
@media screen and (max-width: 767px) {
   .articles__list {margin-left: -15px;}
      .articles-list__item {padding-left: 15px;}
      /*subscription*/
      .articles-subsription__title h4, .articles-subsription__title .h4 {font-size: 24px;}
}
@media screen and (min-width: 481px) and (max-width: 767px) {
   .articles-list-item__title h5, .articles-list-item__title .h5 {font-size: 14px;}
   .articles-list-item__date {font-size: 12px;}
   /*box*/
   .articles__box.tags_large .tags-list {margin-left: -15px;}
}
@media screen and (min-width: 481px) and (max-width: 567px) {
   /*subscription*/
   .articles-list-item__subsription {padding: 10px;}
      .articles-subsription__title h4, .articles-subsription__title .h4 {font-size: 20px;}
      .articles-subsription__text {font-size: 12px;}
      .articles-subsription__form .form__textinput {height: 30px;}
      .articles-subsription__form .btn {height: 30px; line-height: 29px; font-size: 14px;}
      .articles-subsription__form .form__note {font-size: 10px; padding-top: 5px;}
}
@media screen and (max-width: 480px) {
   .articles__list {display: block; margin-left: 0; margin-bottom: 0;}
      .articles-list__item {width: 100%; padding-left: 0;}
      .articles-list__item:last-child {margin-bottom: 0;}
         .articles-list-item__image {margin-bottom: 15px;}
         .articles-list-item__date {margin-bottom: 20px;}
         .articles-list-item__title {margin-bottom: 20px;}
      /*subscription*/
      .articles-subsription__title h4, .articles-subsription__title .h4 {font-size: 26px;}
}
@media screen and (max-width: 374px) {
   .articles-list-item__title h5, .articles-list-item__title .h5 {font-size: 14px;}
   .articles-list-item__date {font-size: 12px;}
}
@media screen and (max-width: 767px) and (orientation: landscape) {
   .articles-list-item__title {margin-bottom: 20px;}
      .articles-list-item__title h5, .articles-list-item__title .h5 {font-size: 16px;}
   .articles-list-item__image {margin-bottom: 15px;}
   .articles-list-item__date {margin-bottom: 20px; font-size: 14px;}
   /*box*/
   .articles__box.tags_large .tags-list {margin-left: -5px;}
   .articles__box .subscription__list {margin-left: -25px;}
}
@media screen and (max-width: 666px) and (orientation: landscape) {
   .articles-list-item__title h5, .articles-list-item__title .h5 {font-size: 14px;}
   .articles-list-item__date {font-size: 12px;}
}

/*slider*/
.articles-slider {margin-top: 80px;}
   .articles-slider .articles__list {margin-left: 0; margin-bottom: 0;}
      .articles-slider .articles-list__item {/*width: 375px;*/ padding: 0; margin-bottom: 0;}
      .articles-slider .articles-list__item:last-child {margin-right: 0 !important;}
         .articles-slider .articles-list-item__link:hover {color: #62D0FF;}
            .articles-slider .articles-list-item__tags {margin-bottom: 40px;}
            .articles-slider .articles-list-item__client {margin-bottom: 8px; padding-right: 10%; font-size: 16px; line-height: 1.375;}
            .articles-slider .articles-list-item__title {padding-right: 10%;}
            .articles-slider .articles-list-item__rubric {font-size: 16px; line-height: 1.375;}
               .articles-slider .articles-list-item__rubric div:not(:last-child) {margin-bottom: 4px;}
                  .articles-slider .articles-list-item__rubric a {text-decoration: none;}
                  .articles-slider .articles-list-item__rubric a:hover {color: #62D0FF;}
   .articles-slider .slider-nav:not(.slider-custom-nav) .swiper-button {top: 0; margin-top: 0;}
      .articles-slider .swiper-button-prev {left: 20px;}
      .articles-slider .swiper-button-next {right: 20px;}
 
@media screen and (max-width: 1024px) {
   .articles-slider {margin-top: 60px;}
      .articles-slider .articles-list__item {width: 300px; margin-right: 20px;}
         .articles-slider .articles-list-item__tags .tags-list__item, .articles-slider .articles-list-item__client, .articles-slider .articles-list-item__rubric {font-size: 13px;}
         .articles-slider .articles-list-item__tags {margin-bottom: 30px;}
         .articles-slider .articles-list-item__client {margin-bottom: 5px;}
         .articles-slider .articles-list-item__title h5, .articles-slider .articles-list-item__title .h5 {font-size: 14px;}
}
@media screen and (min-width: 481px) and (max-width: 1024px) {
   .articles-slider {margin-left: -40px; margin-right: -40px; padding-left: 40px; padding-right: 40px;}
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
   .articles-slider .swiper-button-prev {left: 60px;}
   .articles-slider .swiper-button-next {right: 60px;}
   /*main page slider*/
   .articles-slider.articles-slider_main .articles-list__item {width: 440px; margin-right: 25px;} 
}
@media screen and (max-width: 767px) {
   .articles-slider {padding-top: 82px; margin-top: 40px;}
      .articles-slider .articles-list__item {width: 270px;}
      .articles-slider .slider-nav:not(.slider-custom-nav) .swiper-button {top: 0 !important;}
         .articles-slider .swiper-button-prev {left: 40px;}
}
@media screen and (max-width: 480px) {
   .articles-slider {margin-left: -20px; margin-right: -20px; padding-left: 20px; padding-right: 20px;}
      .articles-slider .articles-list__item {width: 240px; margin-right: 15px;}
         .articles-slider .articles-list-item__title h5, .articles-slider .articles-list-item__title .h5 {font-size: 14px;}
         .articles-slider .articles-list-item__date {font-size: 12px;}
      .articles-slider .swiper-button-prev {left: 20px;}
}
@media screen and (max-width: 374px) {
   .articles-slider .articles-list-item__title h5, .articles-slider .articles-list-item__title .h5 {font-size: 12px;}
   .articles-slider .articles-list-item__date {font-size: 10px;}
}
@media screen and (max-width: 767px) and (orientation: landscape) {
   .articles-slider {margin-left: -20px; margin-right: -20px; padding-left: 20px; padding-right: 20px;}
      .articles-slider .articles-list__item {margin-right: 15px;}
         .articles-slider .articles-list-item__title h5, .articles-slider .articles-list-item__title .h5 {font-size: 14px;}
         .articles-slider .articles-list-item__date {font-size: 12px;}
      .articles-slider .swiper-button-prev {left: 20px;}
}
@media screen and (max-width: 666px) and (orientation: landscape) {
   .articles-slider .articles-list-item__title h5, .articles-slider .articles-list-item__title .h5 {font-size: 12px;}
   .articles-slider .articles-list-item__date {font-size: 10px;}
}


/*====================================================
   .subscription (banner for articles list)
====================================================*/
.subscription__list {margin-left: -40px;}
   .subscription__item {width: 33.333%; padding-left: 40px;}
      .subscription__title h3, .subscription__title .h3 {margin-bottom: 0;}
      .subscription-item__link {display: inline-block; text-decoration: none;}
      .subscription-item__link:hover {color: #62D0FF;}
         .subscription-item__link .svg-icon__text {padding-left: 25px;}
         .subscription-item__link .svg-icon__image svg {width: 98px; height: 98px;}
.subscription .mouse-move__object {top: 100px; right: -10vw;}

@media screen and (min-width: 1921px) {
   .subscription .mouse-move__object {right: -180px;}
}
@media screen and (min-width: 1025px) {
   .subscription__title h3, .subscription__title .h3 {margin-top: -10px;}
}
@media screen and (max-width: 1279px) {
   .subscription-item__link .svg-icon__image img, .subscription-item__link .svg-icon__image svg {width: 78px; height: 78px;}
}
@media screen and (max-width: 1024px) {
   .subscription__item {width: 50%;}
   .subscription__title {width: 100%; margin-bottom: 30px;}
      .subscription__title h3 br, .subscription__title .h3 br {display: none;}
      .subscription-item__link .svg-icon__image img, .subscription-item__link .svg-icon__image svg {width: 48px; height: 48px;}
   .subscription .mouse-move__object {top: 70px; right: -15vw;}
}
@media screen and (max-width: 767px) {
   .subscription__list {margin-left: 0;}
      .subscription__item {width: 100%; padding-left: 0; margin-bottom: 30px; text-align: center;}
      .subscription__item:last-child {margin-bottom: 0;}
   .subscription .mouse-move__object {top: 100px; right: -100px; max-width: 84vw;}
}
@media screen and (max-width: 480px) {
   .subscription__list {display: block;}
      .subscription__item {margin-bottom: 20px;}
      .subscription__title {text-align: center; margin-bottom: 40px;}
         .subscription-item__link .svg-icon__image img, .subscription-item__link .svg-icon__image svg {width: 30px; height: 30px;}
         .subscription-item__link .svg-icon__text {padding-left: 20px;}
}
@media screen and (max-width: 767px) and (orientation: landscape) {
   .subscription__list {margin-left: -40px;}
      .subscription__item {text-align: left;}
      .subscription__item:not(.subscription__title) {width: 50%; margin-bottom: 0; padding-left: 40px;}
      .subscription__title {text-align: center;}
}


/*====================================================
   .article
====================================================*/

/*.article-top*/
.article-top {font-size: 22px; color: #F0F0F0;}
   .article-top__site {font-size: 55px; line-height: 1; margin-bottom: 60px;}
   .article-top__left {padding-right: 30px;}
      .article-top__label {padding-right: 30px; position: relative; letter-spacing: 0.025em; line-height: 1;}
         .article-top__label:before {content: ''; position: absolute; top: 50%; margin-top: -11px; right: 0; width: 1px; height: 22px; background: #FFF;}
         .article-top__date { white-space: nowrap;}
      .article-top__tags {padding-left: 30px;}
         .article-top__tags .tags-list {margin-left: -20px;}
            .article-top__tags .tags-list__item {padding-left: 20px; font-size: 16px;}
      .article-top__info {padding-left: 30px; margin-left: -20px; font-size: 16px;}
         .article-top__info a, .article-top__info span {display: inline-block; padding-left: 20px;}
         .article-top__info a {text-decoration: none;}
         .article-top__info a:hover {color: #62D0FF;}
      .article-top .tb__cell {vertical-align: middle; padding-bottom: 20px;}
      .article-top .tb__row:last-child .tb__cell {padding-bottom: 0;}

@media screen and (max-width: 1024px) {
   .article-top__panel {display: block;}
      .article-top__left {margin-bottom: 30px; padding-right: 0;}
}
@media screen and (max-width: 480px) {
   .article-top__left {display: block; margin-bottom: 25px;}
      .article-top__label {display: inline-block; margin-bottom: 12px;}
      .article-top__tags {padding-left: 0;}
      .article-top__info {padding-left: 0;}
      .article-top__left .tb, .article-top__left .tb__row, .article-top__left .tb__cell {display: block;}
      .article-top .tb__cell:first-child {padding-bottom: 0;}
}

/*.article-controls*/
.article-controls {position: absolute; top: 0; right: 0; width: 80px; height: 80px; z-index: 2; transition: top 0.3s ease 0s;}
.article-controls.fixed {position: fixed; top: 100px; right: auto;}
   .article-controls__close {display: block; top: 0; left: 0; width: 80px; height: 80px; background: #62D0FF; border-radius: 100%; position: relative; overflow: hidden;}
   .article-controls__close:hover {transform: scale(1.05);}
   .article-controls.finish .article-controls__close {animation: zoomInOut 0.7s 1 linear;}
      .article-controls__close:before, .article-controls__close:after {top: 50%; left: 50%; margin-left: -18px; background: #0C0055; z-index: 1; transition: background 0.3s ease 0s;}
      .article-controls.finish .article-controls__close:before {width: 25px; margin-left: -25px; margin-top: 5px;}
      .article-controls.finish .article-controls__close:after {margin-left: -10px; width: 38px;}
   .article-controls__progress {position: absolute; top: -10px; left: -10px; width: 78px; height: 78px;}
      .article-controls__progress .circle {fill: #62D0FF;}
      .article-controls__progress .animated-circle {fill: transparent; stroke-width: 40px; stroke: #FF0000; stroke-dasharray: 126; stroke-dashoffset: 126;}

@media screen and (min-width: 1690px) {
   .article-controls {margin-right: -120px;}
   .article-controls.fixed {margin-left: 120px;}
}
@media screen and (min-width: 1025px) and (max-width: 1689px) {
   .page-title_with-controls .page-title__in {padding-right: 100px;}
}
@media screen and (max-width: 1024px) {
   .article-controls {display: none;}
}

/*.article__reactions*/
.article__reactions {text-align: center; margin-bottom: 0;}
   .reactions__in {display: inline-block; width: 390px; max-width: 100%; padding: 40px; border: 1px solid #FFF;}
      .reactions__title {margin-bottom: 30px;}
      .reactions__item {padding: 0 30px;}
         .reactions__image {margin-bottom: 15px;}

@media screen and (max-width: 1024px) {
   .article__reactions {font-size: 16px}
      .reactions__in {width: auto; padding: 30px;}
         .reactions__title {margin-bottom: 20px; text-transform: uppercase;}
}
@media screen and (max-width: 480px)  {
   .article__reactions {font-size: 14px;}
      .reactions__in {padding: 20px;}
         .reactions__title {margin-bottom: 15px;}
         .reactions__item {padding: 0 20px;}
}

/*.article__author*/
.article__author {margin-bottom: 60px; font-size: 16px;}
.article__author-in-text {margin-bottom: 0; padding-left: 80px;}
   .author__image {width: 100px; min-width: 100px;}
      .author__image img {border-radius: 100%;}
   .author__text {padding-left: 25px;}
      .author__name {font-size: 28px; margin-bottom: 5px;}

@media screen and (max-width: 1024px) {
   .article__author.article__author-in-text {margin-bottom: 30px; padding-left: 60px;}
}
@media screen and (max-width: 767px) {
   .article__author {margin-bottom: 50px; font-size: 14px;}
      .author__image {width: 80px; min-width: 80px;}
      .author__name {font-size: 26px;}
}
@media screen and (max-width: 480px) {
   .article__author {margin-bottom: 40px;}
   .article__author.article__author-in-text {padding-left: 0;}
      .author__image {width: 60px; min-width: 60px;}
      .author__text {padding-left: 20px;}
      .author__name {font-size: 22px;}
}
@media screen and (max-width: 767px) and (orientation: landscape) {
   .article__author {margin-bottom: 40px;}
      .author__image {width: 60px; min-width: 60px;}
      .author__text {padding-left: 20px;}
      .author__name {font-size: 22px;}
}


/*====================================================
   .promo (banner for article)
====================================================*/
.promo .box {overflow: hidden;}
   .promo__image {position: relative;}
      .promo__image .mouse-move__object {z-index: 1;}
   .promo__descr {margin-bottom: 40px; font-size: 18px;}
   .promo__button .btn {width: 190px;}

@media screen and (min-width: 1025px) {
   .promo .box {padding-top: 40px; padding-bottom: 40px; padding-right: 20px;}
      .promo__image {width: 440px; margin: 0 0 -40px -40px;}
         .promo__image .mouse-move__object-first {left: 20px; bottom: -200px;}
         .promo__image .mouse-move__object-second {left: 20px; bottom: 100px;}
         .promo__image .mouse-move__object-third {left: 240px; bottom: 10px;}
      .promo__text {width: calc(100% - 440px); padding-left: 40px;}
         .promo__text br {display: none;}
}
@media screen and (max-width: 1024px) {
   .promo__in {display: block;}
      .promo__image {position: absolute; width: 60%; height: 40%; bottom: 0; right: 0;}
         .promo__image .mouse-move__object-first {left: 0; bottom: 0; max-height: 100%; max-width: 80%;}
         .promo__image .mouse-move__object-second {left: 0; bottom: 10px; max-width: 28%;}
         .promo__image .mouse-move__object-third {right: 20px; bottom: -70%; max-width: 45%;}
      .promo__descr {font-size: 16px;}
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
   .promo__text {padding-right: 20%;}
   .promo__descr {padding-right: 20%;}
}
@media screen and (max-width: 767px) {
   .promo__image {width: calc(100% - 240px); height: 30%;}
      .promo__image .mouse-move__object-second {max-width: 25%;}
      .promo__image .mouse-move__object-third {max-width: 40%;}
   .promo__descr {margin-bottom: 30px;}
}
@media screen and (max-width: 567px) {
   .promo__text br {display: none;}
}
@media screen and (max-width: 480px) {
   .promo .box {padding-bottom: 25vw;}
      .promo__image {width: 100%; height: 25vw;}
         .promo__image .mouse-move__object-first {left: 20px; max-height: 90%; max-width: 90%;}
         .promo__image .mouse-move__object-second {left: 20px; bottom: 5px;}
         .promo__image .mouse-move__object-third {right: 20px; bottom: -50%;}
      .promo__text {margin-bottom: 20px;}
         .promo__descr {margin-bottom: 20px;}
      .promo__button {text-align: center;}
}


/*====================================================
   .share (for article)
====================================================*/
.share__title {font-size: 18px; margin-bottom: 40px;}
.share__list {margin-bottom: -40px;}
   .share-list__item {width: 25%; text-align: center; margin-bottom: 40px;}
      .share-list__item a {display: inline-block; text-align: center; font-size: 16px; line-height: 1;}
         .share-list__item a .svg-icon__image {height: 39px; line-height: 39px; margin-bottom: 20px;}
            .share-list__item a .svg-icon__image svg {vertical-align: bottom;}

@media screen and (max-width: 480px) {
   .share__title {font-size: 16px;}
   /*.share-list__item {width: 50%;}*/
}
@media screen and (max-width: 374px) {
   .share__list {margin-bottom: -30px;}
      .share-list__item {margin-bottom: 30px;}
}


/*====================================================
   .cases-list
====================================================*/
.page-title_anticases h1, .page-title_anticases .h1 {display: inline-block;}
   .page-title_anticases h1:before, .page-title_anticases .h1:before {content: ''; position: absolute; top: 100%; left: 0; width: 100%; height: 6px; background: #FF0000;}

@media screen and (max-width: 767px) {
   .page-title_anticases h1:before, .page-title_anticases .h1:before {height: 4px;}
}
@media screen and (max-width: 480px) {
   .page-title_anticases h1:before, .page-title_anticases .h1:before {height: 2px;}
}

/*filter*/
.cases-filter__title h4, .cases-filter__title .h4 {max-width: 1024px; margin-bottom: 40px;}
.cases-filter__select {width: calc(100% - 200px); padding-right: 50px;}
   .cases-filter__select .form__field {margin-bottom: 0;}
      .cases-filter__select .jq-selectbox {height: 44px;}
         .cases-filter__select .jq-selectbox__select {padding-left: 15px; border-radius: 0;}
            .cases-filter__select .jq-selectbox__select-text {line-height: 44px; color: #141516;}
         .cases-filter__select .jq-selectbox__dropdown {margin-top: 0; border-radius: 0;}
            .cases-filter__select .jq-selectbox__dropdown ul li {padding-left: 15px; padding-right: 15px;}

@media screen and (max-width: 1024px) {
   .cases-filter__select {padding-right: 25px;}
      .cases-filter__select .form__fieldset {margin-left: 0;}
         .cases-filter__select .form__field {float: none; width: 100%; padding-left: 0; margin-bottom: 20px;}
         .cases-filter__select .form__field:last-child {margin-bottom: 0;}
}
@media screen and (max-width: 767px) {
   .cases-filter__title h4, .cases-filter__title .h4 {margin-bottom: 30px;}
}
@media screen and (max-width: 567px) {
   .cases-filter__in {display: block;}
      .cases-filter__select {width: 100%; padding-right: 0; margin-bottom: 20px;}
      .cases-filter__switch .switch {margin: 0 auto;}
}
@media screen and (max-width: 480px) {
   .cases-filter__title h4, .cases-filter__title .h4 {margin-bottom: 20px;}
}
@media screen and (max-width: 767px) and (orientation: landscape) {
   .cases-filter__title h4, .cases-filter__title .h4 {margin-bottom: 20px;}
}

/*list*/
.cases__list {margin-bottom: -140px;}
   .cases-list__item {margin-bottom: 140px;}
      .cases-list-item__link {text-decoration: none;}
      .cases-list-item__link:hover {color: #62D0FF;}
         .cases-list-item__image {margin-bottom: 30px; overflow: hidden;}
            .cases-list-item__image img {display: block;}
            .cases-list-item__link:hover .cases-list-item__image img {}
         .cases-list-item__title {line-height: 1.6;}
            .cases-list-item__title h3, .cases-list-item__title .h3 {display: inline; font-family: 'RobotoRegular'; font-size: 20px;}
            .cases-list-item__subtitle {padding-top: 15px; font-size: 16px; line-height: 1.375; color: #62D0FF;}
         .cases-list-item__tags .tags-list {margin-left: -10px; margin-top: -10px;}
            .cases-list-item__tags .tags-list__item {padding-left: 10px; margin-top: 10px; font-size: 9px;}

@media screen and (min-width: 481px) {
   .cases-list-item__title {width: calc(100% - 150px); margin-top: -0.45em; padding-right: 20px;}
   .cases-list-item__tags {width: 150px; text-align: right;}
}
@media screen and (min-width: 1025px) {
   .cases__list {margin-left: -40px;}
      .cases-list__item {width: 547px; max-width: 50%; padding-left: 40px;}
      .cases-list__item_large {width: 100%; max-width: 100%;}
         .cases-list__item_large .cases-list-item__title {max-width: 750px;}
            .cases-list__item_large .cases-list-item__title h3, .cases-list__item_large .cases-list-item__title .h3 {font-size: 26px;}
            .cases-list-item__subtitle {max-width: 426px;}
}
@media screen and (min-width: 1280px) {
   .cases-list__item_large .cases-list-item__title h3, .cases-list__item_large .cases-list-item__title .h3 {font-size: 32px;}
}
@media screen and (min-width: 1367px) {
   .cases-list__item_large .cases-list-item__title h3, .cases-list__item_large .cases-list-item__title .h3 {font-size: 38px;}
}
@media screen and (max-width: 1366px) {
   .cases__list {margin-bottom: -120px;}
      .cases-list__item {margin-bottom: 120px;}
}
@media screen and (max-width: 1024px) {
   .cases__list {display: block; margin-bottom: 0;}
      .cases-list__item {margin-bottom: 90px;}
      .cases-list__item:last-child {margin-bottom: 0;}
         .cases-list-item__image {margin-bottom: 20px;}
         .cases-list-item__subtitle {padding-top: 10px;}
}
@media screen and (max-width: 767px) {
   .cases-list__item {margin-bottom: 80px;}
      .cases-list-item__image {margin-left: -40px; margin-right: -40px;}
      .cases-list-item__title h3, .cases-list-item__title .h3 {font-size: 18px;}
}
@media screen and (max-width: 480px) {
   .cases-list__item {margin-bottom: 60px;}
      .cases-list-item__image {margin-left: -20px; margin-right: -20px; margin-bottom: 15px;}
      .cases-list-item__text {display: block;}
         .cases-list-item__title h3, .cases-list-item__title .h3 {font-size: 16px;}
         .cases-list-item__subtitle {margin-bottom: 20px; font-size: 14px;}
}
@media screen and (max-width: 767px) and (orientation: landscape) {
   .cases-list__item {margin-bottom: 60px;}
      .cases-list-item__image {margin-left: -20px; margin-right: -20px; margin-bottom: 15px;}
      .cases-list-item__title h3, .cases-list-item__title .h3 {font-size: 16px;}
      .cases-list-item__subtitle {margin-bottom: 20px; font-size: 14px;}
}


/*====================================================
   .cases-item
====================================================*/
.cases-item__title h2, .cases-item__title .h2, .cases-item__title h3, .cases-item__title .h3, .cases-item__section h4:first-child, .cases-item__section .h4:first-child {/*font-family: "MuseoSansMedium"; font-size: 36px;*/ padding-top: 0;}
.cases-item__text {margin-bottom: 80px;}
.cases-item__text:last-child {margin-bottom: 0;}
.cases-item__image {text-align: center; position: relative;}
.cases-item__image-extra {text-align: center; margin-bottom: 80px;}
.cases-item__section > .mouse-move__object-left {left: 0; bottom: -80px; max-width: 35vw;}
.cases-item__section > .mouse-move__object-right {right: 10vw; bottom: -80px; max-width: 35vw;}

@media screen and (min-width: 1025px) {
   .cases-item__text ul.columns {column-gap: 80px;}
}
@media screen and (max-width: 1366px) {
   .cases-item__section > .mouse-move__object-left {left: -10vw;}
   .cases-item__section > .mouse-move__object-right {right: -10vw;}
}
@media screen and (max-width: 1024px) {
   .cases-item__text ul.columns {columns: auto;}
}
@media screen and (max-width: 767px) {
   .cases-item__text {margin-bottom: 60px;}
   .cases-item__image-extra {margin-bottom: 60px;}
   .cases-item__section > .mouse-move__object-left, .cases-item__section > .mouse-move__object-right {bottom: -60px;}
}
@media screen and (max-width: 480px) {
   .cases-item__text {margin-bottom: 40px;}
   .cases-item__image-extra {margin-bottom: 40px;}
   .cases-item__section > .mouse-move__object-left, .cases-item__section > .mouse-move__object-right {bottom: -40px;}
}

/*image with ball*/
.cases-item__image.mouse-move {margin-top: 60px; position: relative;}
   .cases-item__image .mouse-move__object {bottom: -100px; right: -9vw;}

@media screen and (min-width: 1921px) {
   .cases-item__image .mouse-move__object {right: -180px;}
}
@media screen and (max-width: 1024px) {
   .cases-item__image.mouse-move {margin-top: 50px;}
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
   .cases-item__image.mouse-move {padding-right: 8.8vw;}
      .cases-item__image .mouse-move__object {right: 0; bottom: -8vw; max-width: 30vw;}
}
@media screen and (max-width: 767px) {
   .cases-item__image.mouse-move {padding-top: 20px; margin-left: -40px; margin-right: -40px;}
      .cases-item__image .mouse-move__object {right: 0; bottom: auto; top: -40px; max-width: 35vw;}
}
@media screen and (max-width: 480px) {
   .cases-item__image.mouse-move {margin-top: 40px; margin-left: -20px; margin-right: -20px;}
      .cases-item__image .mouse-move__object {top: -30px; max-width: 70vw;}
}
@media screen and (max-width: 767px) and (orientation: landscape) {
   .cases-item__image.mouse-move {padding-top: 20px; margin-left: -20px; margin-right: -20px;}
}

/*intro*/
@media screen and (min-width: 1025px) {
   .cases-item__lead-text:not(:last-child) {width: calc(100% - 305px); padding-right: 60px;}
}
@media screen and (max-width: 1024px) {
   .cases-item__intro {display: block;}
      .cases-item__lead-text:not(:last-child) {margin-bottom: 50px;}
      .cases-item__audio .audio {display: inline-block;}
}
@media screen and (max-width: 480px) {
   .cases-item__lead-text:not(:last-child) {margin-bottom: 40px;}
   .cases-item__audio .audio {display: block;}
      .cases-item__audio .audio__bar {margin: 0 auto;}
}

/*icons vertical (EX features)*/
@media screen and (min-width: 1025px) {
   .cases-item__icons-vert {float: right; width: 35%; min-width: 280px;}
   .cases-item__icons-vert + .cases-item__text {float: left; width: 65%; max-width: calc(100% - 280px); padding-right: 60px;}
   .cases-item__icons-vert + .cases-item__text + div {clear: both;}
}

/*image & text with indentation (EX problem)*/
.cases-item__image-text-indent .cases-item__text {padding-left: 13vw;}
.cases-item__image-text-indent .cases-item__image {padding: 80px 0; padding-right: 15.5vw; margin-top: 40px; position: relative;}
.cases-item__image-text-indent .cases-item__image:first-child {margin-top: 0;}
.cases-item__image-text-indent .cases-item__image:last-child {margin-bottom: 0;}
   .cases-item__image-text-indent .cases-item__image .mouse-move__object {top: 0; bottom: auto; right: 6.5vw; left: auto;}

@media screen and (min-width: 1921px) {
   .cases-item__image-text-indent .cases-item__text {padding-left: 245px;}
   .cases-item__image-text-indent .cases-item__image {padding-right: 298px;}
}
@media screen and (max-width: 1024px) {
   .cases-item__image-text-indent .cases-item__image {padding-top: 60px; padding-bottom: 60px;}
      .cases-item__image-text-indent .cases-item__image .mouse-move__object {max-width: 25vw; right: 5vw;}
}
@media screen and (max-width: 767px) {
   .cases-item__image-text-indent .cases-item__text {padding-left: 0;}
   .cases-item__image-text-indent .cases-item__image {padding-right: 0; margin: 0 -40px 40px;}
      .cases-item__image-text-indent .cases-item__image .mouse-move__object {top: auto; bottom: 0; right: auto; left: -40px; max-width: 42vw;}
}
@media screen and (max-width: 480px) {
   .cases-item__image-text-indent .cases-item__image {padding-top: 50px; padding-bottom: 50px; margin: 0 -20px 30px;}
      .cases-item__image-text-indent .cases-item__image .mouse-move__object {left: -20px;}
}
@media screen and (max-width: 767px) and (orientation: landscape)  {
   .cases-item__image-text-indent .cases-item__image {padding-top: 50px; padding-bottom: 50px; padding-right: 15.5vw; margin: 0 -20px;}
      .cases-item__image-text-indent .cases-item__image .mouse-move__object {right: -20px; left: auto; bottom: 20px; max-width: 30vw;} 
}

/*image + text right (EX solution)*/
.cases-item__image-text .cases-item__image .mouse-move__object {bottom: -70px; top: auto; left: -10vw; right: auto; max-width: 35vw;}
   
@media screen and (min-width: 768px) {
   .cases-item__image-text .cases-item__image {width: 50%; min-width: 50%; margin-right: 30px;}
}
@media screen and (min-width: 1280px) {
   .cases-item__image-text .cases-item__image {width: 75.81%; min-width: 75.81%;}
}
@media screen and (min-width: 1690px) {
   .cases-item__image-text .cases-item__image {margin-left: -7.8vw; width: calc(93.49% + 7.8vw);}  
      .cases-item__image-text .cases-item__image .mouse-move__object {left: -16vw;}
}
@media screen and (min-width: 1921px) {
   .cases-item__image-text .cases-item__image {margin-left: -150px; width: calc(93.49% + 150px);}
      .cases-item__image-text .cases-item__image .mouse-move__object {left: -350px;}
}
@media screen and (max-width: 1024px) {
   .cases-item__image-text .cases-item__image {margin-right: 15px;}
}
@media screen and (max-width: 767px) {
   .cases-item__image-text {display: block;}
      .cases-item__image-text .cases-item__image {position: relative; margin: 0 -40px 30px; padding-bottom: 15vw;}
         .cases-item__image-text .cases-item__image .mouse-move__object {left: auto; right: 0; bottom: 0; max-width: 43vw;}
}
@media screen and (max-width: 480px) {
   .cases-item__image-text .cases-item__image {margin: 0 -20px 20px;}
}
@media screen and (max-width: 767px) and (orientation: landscape) {
   .cases-item__image-text .cases-item__image {margin: 0 -20px 20px;}
}

/*quote*/
.cases-item__quote {position: relative;}
.cases-item__quote-right {text-align: right;}
   .cases-item-quote__in {padding: 60px; display: inline-block; text-align: left; position: relative;}
      .cases-item-quote__image {float: left;}
         .cases-item-quote__image img {width: 110px; border-radius: 100%;}
      .cases-item-quote__content {padding-left: 140px; padding-top: 20px;}
         .cases-item-quote__name h4, .cases-item-quote__name .h4 {margin-bottom: 12px;}
         .cases-item-quote__job {margin-bottom: 20px; font-size: 18px; line-height: 1.2;}
         .cases-item-quote__text {font-size: 16px;}
            .cases-item-quote__text p {margin-bottom: 20px;}

.cases-item__quote-left .mouse-move__object {right: -160px; bottom: -100px;}
.cases-item__quote-right .mouse-move__object {left: -160px; bottom: -100px;}

@media screen and (min-width: 1025px) {
   .cases-item-quote__in {width: 720px;}
}
@media screen and (min-width: 768px) {
   .cases-item-quote__name h4, .cases-item-quote__name .h4 {font-size: 36px;}
}
@media screen and (max-width: 1024px) {
   .cases-item-quote__in {padding: 40px;}
      .cases-item-quote__image img {width: 100px;}
      .cases-item-quote__content {padding-left: 120px;}
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
   .cases-item-quote__in {width: 600px;}
}
@media screen and (max-width: 767px) {
   .cases-item-quote__in {padding: 40px 20px;}
      .cases-item-quote__image img {width: 80px;}
      .cases-item-quote__content {padding-left: 100px;}
}
@media screen and (max-width: 480px) {
   .cases-item-quote__in {padding: 30px 20px;}
      .cases-item-quote__image {float: none; text-align: center;}
      .cases-item-quote__content {padding-left: 0;}
         .cases-item-quote__name h4, .cases-item-quote__name .h4 {margin-bottom: 8px;}
         .cases-item-quote__job {margin-bottom: 15px; font-size: 16px;}
}
@media screen and (max-width: 374px) {
   .cases-item-quote__image img {width: 70px;}
}

/*black box*/
.cases-item__blackbox {position: relative;}
   .cases-item-blackbox__in {padding: 80px; position: relative; z-index: -1;}
      .cases-item-blackbox__content {padding-left: 25px; position: relative;}
         .cases-item-blackbox__content:before {content: ''; position: absolute; top: 5px; bottom: 5px; left: 0; width: 4px; background: #62D0FF;}

.cases-item__blackbox .mouse-move__object {top: -180px; left: -200px;}

@media screen and (min-width: 1025px) {
   .cases-item-blackbox__in {margin-left: -80px; margin-top: -100px; width: calc(100% - 80px);}
      .cases-item-blackbox__in h4, .cases-item-blackbox__in .h4 {margin-bottom: 30px;}
}
@media screen and (max-width: 1366px) {
   .cases-item__blackbox .mouse-move__object {left: calc(100vw - 720px - 300px);}
}
@media screen and (max-width: 1024px) {
   .cases-item-blackbox__in {padding: 120px 40px 80px; margin-top: -35px;}
   .cases-item__blackbox .mouse-move__object {left: auto; right: -40px; max-width: 33vw;}
}
@media screen and (max-width: 767px) {
   .cases-item__blackbox {position: static;}
      .cases-item-blackbox__in {padding: 220px 40px 80px; margin: -150px -40px 0;}
      .cases-item__blackbox .mouse-move__object {top: -60px; max-width: 38vw;}
}
@media screen and (max-width: 480px) {
   .cases-item-blackbox__in {padding: 220px 20px 60px; margin-left: -20px; margin-right: -20px;}
      .cases-item-blackbox__content {padding-left: 20px;}
   .cases-item__blackbox .mouse-move__object {top: -12vw; right: -20px;}
}
@media screen and (max-width: 767px) and (orientation: landscape) {
   .cases-item-blackbox__in {padding: 220px 20px 60px; margin-left: -20px; margin-right: -20px;}
      .cases-item-blackbox__content {padding-left: 20px;}
   .cases-item__blackbox .mouse-move__object {right: -20px; max-width: 33vw;}
}

/*quote with black box (EX result)*/
.cases-item__blackbox-quote .cases-item__quote .mouse-move__object {top: 100%; right: -60px;}

@media screen and (min-width: 1025px) {
   .cases-item__blackbox-quote .cases-item__quote {text-align: right;}
      .cases-item__blackbox-quote .cases-item__quote .mouse-move__object {margin-top: -200px;}
}
@media screen and (min-width: 1690px) {
   .cases-item__blackbox-quote .cases-item__quote {margin-right: -8.8vw;}
}
@media screen and (min-width: 1921px) {
   .cases-item__blackbox-quote .cases-item__quote {margin-right: -170px;}
}
@media screen and (max-width: 1024px) {
   .cases-item__blackbox-quote .cases-item__quote .mouse-move__object {top: 50%; right: -40px; max-width: 33vw;}
}
@media screen and (max-width: 767px) {
   .cases-item__blackbox-quote .cases-item__quote .mouse-move__object {top: -60px; max-width: 38vw;}
}
@media screen and (max-width: 480px) {
   .cases-item__blackbox-quote .cases-item__quote {z-index: 2;}
      .cases-item__blackbox-quote .cases-item__quote .mouse-move__object {top: -12vw; right: -20px;}
}
@media screen and (max-width: 767px) and (orientation: landscape) {
   .cases-item__blackbox-quote .cases-item__quote .mouse-move__object {right: -20px; max-width: 33vw;}
}

/*quote with image (EX view)*/
.cases-item__image-quote .cases-item__image {position: relative;}
   .cases-item__image-quote .cases-item__image .mouse-move__object {bottom: -100px; top: auto; left: 0; right: auto;}
.cases-item__image-quote .cases-item__quote {margin-top: -100px; text-align: right; position: relative; z-index: 1;}

@media screen and (min-width: 1025px) {
   .cases-item__image-quote .cases-item__image {padding-left: 8.8vw;}
}
@media screen and (min-width: 1690px) {
   .cases-item__image-quote .cases-item__image {margin-right: -8.8vw; text-align: right;}
}
@media screen and (max-width: 1689px) {
   .cases-item__image-quote .cases-item__image {padding-right: 8.8vw;}
}
@media screen and (max-width: 1024px) {
   .cases-item__image-quote .cases-item__image .mouse-move__object {bottom: auto; top: 100%; margin-top: -120px; left: -40px;}
   .cases-item__image-quote .cases-item__quote {margin-top: -35px;}
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
   .cases-item__image-quote .cases-item__image:last-child .mouse-move__object {top: auto; bottom: -100px; left: auto; right: -60px;}
}
@media screen and (max-width: 767px) {
   .cases-item__image-quote .cases-item__image {padding-right: 0; margin: 0 -40px; position: static;}
      .cases-item__image-quote .cases-item__image .mouse-move__object {top: auto; bottom: -80px; margin-top: 0; left: auto; right: -40px; max-width: 55vw;}
}
@media screen and (max-width: 480px) {
   .cases-item__image-quote .cases-item__image {margin: 0 -20px;}
   .cases-item__image-quote .cases-item__quote {margin-top: -20px;}
}
@media screen and (max-width: 767px) and (orientation: landscape) {
   .cases-item__image-quote .cases-item__image {margin: 0 -20px;}
   .cases-item__image-quote .cases-item__quote {margin-top: -20px;}
}

/*quote with image bottom (EX result anicase)*/
.cases-item__image-quote-top .cases-item__image {margin-top: -18vw; position: relative; z-index: -1; text-align: left;}
   .cases-item__image-quote-top .cases-item__image .mouse-move__object {bottom: -80px; top: auto; left: -180px; right: auto;}

@media screen and (min-width: 1025px) {
   .cases-item__image-quote-top .cases-item__quote {text-align: right;}
}
@media screen and (min-width: 1921px) {
   .cases-item__image-quote-top .cases-item__image {margin-top: -340px;}
}
@media screen and (min-width: 1690px) {
   .cases-item__image-quote-top .cases-item__quote {margin-right: -8.8vw;}
}
@media screen and (min-width: 1921px) {
   .cases-item__image-quote-top .cases-item__quote {margin-right: -170px;}
}
@media screen and (max-width: 1024px) {
   .cases-item__image-quote-top .cases-item__image {margin-top: -80px; margin-left: -40px;}
      .cases-item__image-quote-top .cases-item__image .mouse-move__object {bottom: auto; top: -20vw; left: auto; right: -40px; max-width: 38vw;}
         .cases-item__image-quote-top .cases-item__image .mouse-move__object img {transform: rotate(180deg);}
}
@media screen and (max-width: 767px) {
   .cases-item__image-quote-top {position: relative;}
      .cases-item__image-quote-top .cases-item__image {position: static;}
         .cases-item__image-quote-top .cases-item__image .mouse-move__object {top: -60px; bottom: auto; right: -40px; left: auto; max-width: 38vw;}
}
@media screen and (max-width: 480px) {
   .cases-item__image-quote-top .cases-item__quote {z-index: 2;}
   .cases-item__image-quote-top .cases-item__image {height: 100vw; margin-left: -20px; margin-right: -20px; margin-top: -60px;}
      .cases-item__image-quote-top .cases-item__image > img {height: 100%; max-width: none; object-fit: cover; margin-left: 50%; transform: translateX(-50%);}
      .cases-item__image-quote-top .cases-item__image .mouse-move__object {top: -12vw; right: -20px;}
}
@media screen and (max-width: 767px) and (orientation: landscape) {
   .cases-item__image-quote-top .cases-item__image {margin-left: -20px; margin-top: -60px;}
      .cases-item__image-quote-top .cases-item__image .mouse-move__object {right: -20px; max-width: 33vw;}
}

/*compare*/
@media screen and (min-width: 481px) {
   .cases-item__compare {margin-left: -20px;}
      .cases-item-compare__item {width: 50%; padding-left: 20px;} 
}
@media screen and (max-width: 480px) {
   .cases-item__compare {display: block;}
      .cases-item-compare__item {margin-bottom: 40px;}
      .cases-item-compare__item:last-child {margin-bottom: 0;}
}

/*image right*/
.cases-item__image-float .cases-item__text {margin-bottom: 0;}

@media screen and (min-width: 768px) {
   .cases-item__image-float > div {width: 50%;}
   .cases-item__image-float .cases-item__text {padding-right: 40px;}
   .cases-item__image-float .cases-item__image {float: right; padding-right: 40px;}
}
@media screen and (max-width: 767px) {
   .cases-item__image-float .cases-item__image {margin-bottom: 40px;}
}
@media screen and (max-width: 480px) {
   .cases-item__image-float .cases-item__image {margin-bottom: 20px;}
}



/*====================================================
   .price-list (for services pages)
====================================================*/
.price__in {position: relative;}
   .price .mouse-move__object_first {top: -20px; left: -120px;}
   .price .mouse-move__object_second {bottom: -100px; right: -140px;}
   .price.price_design .mouse-move__object {top: 50%; margin-top: -250px; right: -250px;}
   .price-list {padding-top: 40px;}
      .price-list-item__in {height: 100%; padding: 50px 40px 70px;}
      .no-touchevents .price-list-item__in {transition: all 0.3s ease 0s;}
      .no-touchevents .price-list-item__in:hover {box-shadow: 0 0 50px rgb(0 0 0 / 70%);}
      .price-list-item:nth-child(1) .price-list-item__in, .price-list-item:nth-child(6n+1) .price-list-item__in {background: #000;}
      .price-list-item:nth-child(2) .price-list-item__in, .price-list-item:nth-child(6n+2) .price-list-item__in {background: linear-gradient(180deg, #0C0055 0%, #141516 100%), #0C0055;}
      .price-list-item:nth-child(3) .price-list-item__in, .price-list-item:nth-child(6n+3) .price-list-item__in {background: linear-gradient(0deg, #0C0055, #0C0055), #0C0055;}
      .price-list-item:nth-child(4) .price-list-item__in, .price-list-item:nth-child(6n+4) .price-list-item__in {background: #100072;}
      .price-list-item:nth-child(5) .price-list-item__in, .price-list-item:nth-child(6n+5) .price-list-item__in {background: #140092;}
      .price-list-item:nth-child(6) .price-list-item__in, .price-list-item:nth-child(6n+6) .price-list-item__in {background: #1A00BC;}
         .price-list-item__title {margin-bottom: 20px;}
            .price-list-item__title h4, .price-list-item__title .h4 {margin-bottom: 0;}
         .price-list-item__subtitle {font-family: "MuseoSansMedium", sans-serif; font-size: 14px; text-transform: uppercase; margin-bottom: 40px;}
         .price-list-item__descr {margin-bottom: 40px;}
         .price-list-item__cost {margin-bottom: 40px; line-height: 1.1;}
            .price-list-item__cost div {padding-top: 10px;}
               .price-list-item__cost strong {font-family: "MuseoSansMedium"; font-size: 32px;}
         .price-list-item__button {text-align: center;}
            .price-list-item__button .btn {width: 260px; min-width: 0;}
         .price__text {padding-top: 140px;}

      .price__list--full .price-list__item,
      .price-list-slider .price__list--full .price-list__item {width: 100%;}

@media screen and (min-width: 1280px) {
   .price-list {margin-left: -20px; margin-bottom: -20px;}
      .price-list__item {width: 33.333%; padding-left: 20px; margin-bottom: 20px;}
      .price__list--two .price-list__item {width: 50%;}
}
@media screen and (max-width: 1279px) {
   .price-list-slider .price-list__item {width: 33.333vw; margin-right: 15px;}
   .price-list-slider .price-list__item:last-child {margin-right: 0;}
}
@media screen and (min-width: 568px) and (max-width: 1279px) {
   .price-list-slider .price__list--two .price-list__item {width: 50vw;}
}
@media screen and (max-width: 1024px) {
   .price .mouse-move__object_first {top: 0; left: -10vw; max-width: 45vw;}
   .price .mouse-move__object_second {bottom: -10vw; right: -20px; max-width: 36vw;}
   .price.price_design .mouse-move__object {top: auto; bottom: -80px; margin-top: 0; right: auto; left: -80px; max-width: 40vw;}
   .price-list {padding-top: 20px;}
      .price-list-slider .price-list__item {width: 300px; width: 39.064vw;}
         .price-list-item__in {padding: 40px 35px 50px;}
            .price-list-item__title {margin-bottom: 15px;}
               .price-list-item__title h4, .price-list-item__title .h4 {font-size: 32px;}
            .price-list-item__subtitle {margin-bottom: 30px;}
            .price-list-item__descr {margin-bottom: 30px;}
            .price-list-item__cost {margin-bottom: 30px;}
               .price-list-item__cost strong {font-size: 28px;}
            .price-list-item__button .btn {width: 200px; height: 65px; line-height: 64px;}
   .price__text {padding-top: calc(10vw + 60px);}
}
@media screen and (max-width: 767px) {
   .price .mouse-move__object_second {max-width: 43vw; bottom: -12vw; right: -60px;}
   .price.price_design .price__in {padding-bottom: 60px;}
      .price.price_design .mouse-move__object {bottom: 0; left: -60px;}
   .price-list-slider .price-list__item {width: 280px; width: 55vw;}
   .price__text {padding-top: calc(12vw + 40px);}
}
@media screen and (max-width: 567px) {
   .price-list-slider .price-list__item {width: 260px; width: 65vw;}
}
@media screen and (max-width: 480px) {
   .price .mouse-move__object_second {bottom: -16vw; right: -40px; max-width: 62vw;}
   .price.price_design .price__in {padding-bottom: 20vw;}
      .price.price_design .mouse-move__object {bottom: 0; left: auto; right: -20vw; max-width: 60vw;}
   .price-list-slider .price-list__item {width: 240px; width: 75vw; margin-right: 10px;}
      .price-list-item__in {padding: 35px 20px 40px;}
         .price-list-item__title {margin-bottom: 10px;}
            .price-list-item__title h4, .price-list-item__title .h4 {font-size: 28px;}
         .price-list-item__subtitle {margin-bottom: 20px;}
         .price-list-item__descr {margin-bottom: 20px;}
         .price-list-item__cost {margin-bottom: 20px;}
            .price-list-item__cost strong {font-size: 26px;}
         .price-list-item__button .btn {width: 160px; padding: 0 20px; height: 56px; line-height: 55px;}
   .price__text {padding-top: calc(16vw + 30px);}
}
@media screen and (max-width: 767px) and (orientation: landscape) {
   .price .mouse-move__object_second {bottom: -10vw; right: -40px; max-width: 35vw;}
   .price-list-slider .price-list__item {width: 240px; width: 42.188vw; margin-right: 10px;}
      .price-list-item__in {padding: 35px 20px 40px;}
         .price-list-item__title {margin-bottom: 10px;}
            .price-list-item__title h4, .price-list-item__title .h4 {font-size: 28px;}
         .price-list-item__subtitle {margin-bottom: 20px;}
         .price-list-item__descr {margin-bottom: 20px;}
         .price-list-item__cost {margin-bottom: 20px;}
            .price-list-item__cost strong {font-size: 26px;}
         .price-list-item__button .btn {width: 160px; padding: 0 20px; height: 56px; line-height: 55px;}
   .price__text {padding-top: calc(10vw + 30px);}
}


/*====================================================
   .calc-link (banner for price list)
====================================================*/
.calc-link {margin-top: 100px; overflow: hidden;}
   .calc-link__title {margin-bottom: 40px;}
      .calc-link__title h4, .calc-link__title .h4 {margin-bottom: 0;}
   .calc-link__image {position: absolute; bottom: -165px; right: 60px;}

@media screen and (min-width: 768px) {
   .calc-link__title h4, .calc-link__title .h4 {font-size: 36px;}
}
@media screen and (max-width: 1024px) {
   .calc-link {margin-top: 60px;}
      .calc-link__in {padding-right: 18vw;}
         .calc-link__title br {display: none;}
      .calc-link__image {width: 320px; bottom: -150px; right: 40px;}
}
@media screen and (max-width: 767px) {
   .calc-link__in {padding-right: 0;}
      .calc-link__button .btn {min-width: 0; height: 63px; line-height: 63px; font-size: 18px;}
   .calc-link__image {width: 33vw; bottom: -15vw; right: 20px;}
}
@media screen and (min-width: 481px) and (max-width: 767px) {
   .calc-link__title h4, .calc-link__title .h4 {font-size: 28px;}
   .calc-link__button {padding-right: 26vw;}
}
@media screen and (max-width: 480px) {
   .calc-link__in {padding-bottom: 26vw;}
   .calc-link__image {width: 52vw; bottom: -24vw; right: 10px;}
}
@media screen and (max-width: 374px) {
   .calc-link__button .btn {width: 100%;}
}
@media screen and (max-width: 767px) and (orientation: landscape) {
   .calc-link__in {padding-bottom: 40px;}
      .calc-link__button .btn {height: 63px; line-height: 63px; font-size: 18px;}
}


/*====================================================
   .contract (banner for services pages)
====================================================*/
.contract__text {width: 57%; padding-right: 40px;}
.contract__links {width: 43%;}
   .files-list__item {padding: 0 10px;}
      .files-list__link {display: inline-block; position: relative; padding-top: 100px; text-align: center; font-size: 18px; line-height: 1.375;}
         .files-list__link:before {content: ''; position: absolute; top: 0; left: 50%; margin-left: -25px; width: 50px; height: 72px; background: url('../i/file-icon.svg') 0 0 / contain no-repeat; transition: all 0.3s ease 0s;}
         .files-list__link:hover:before {transform: translateY(10px);}
.contract .mouse-move__object {left: -120px; bottom: -80px;}
   .contract .mouse-move__object img {transform: rotate(25deg);}

@media screen and (min-width: 768px) {
   .contract__title h4, .contract__title .h4 {font-size: 36px;}
   .contract__descr {font-size: 20px;}
}
@media screen and (max-width: 1024px) {
   .contract__text {width: 45%;}
   .contract__links {width: 55%;}
      .files-list__link {font-size: 16px;}
   .contract .mouse-move__object {left: auto; right: 60px; bottom: auto; top: -12vw; max-width: 30vw;}
}
@media screen and (max-width: 767px) {
   .contract__in {display: block;}
      .contract__text {width: 100%; padding-right: 0; margin-bottom: 40px;}
      .contract__links {width: 100%; text-align: center;}
         .files-list {margin: 0 -10px; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center;}
            .files-list__link {padding-top: 85px;}
   .contract .mouse-move__object {right: 0; top: -10vw; max-width: 34vw;}
}
@media screen and (min-width: 481px) and (max-width: 767px) {
   .files-list {margin: 0 -20px;}
      .files-list__item {padding: 0 20px;}
}
@media screen and (max-width: 480px) {
   .contract .mouse-move__object {top: -16vw; max-width: 42vw;}
}
@media screen and (max-width: 374px) {
   .files-list__link {font-size: 14px;}
}
@media screen and (max-width: 767px) and (orientation: landscape) {
   .contract__title h4, .contract__title .h4 {font-size: 32px;}
}


/*====================================================
   .price-box (banner for services pages)
====================================================*/
.price-box__text {width: 60%; padding-right: 40px;}
   .price-box__descr {font-size: 18px;}
.price-box__order {width: 40%; text-align: center;}
   .price-box__cost {margin-bottom: 30px; font-size: 18px;}
      .price-box__cost span {font-size: 36px; white-space: nowrap;}
.price-box .mouse-move__object {right: -120px; bottom: -80px;}
   .price-box .mouse-move__object img {transform: rotate(180deg);}

@media screen and (max-width: 1024px) {
   .price-box .mouse-move__object {right: 60px; bottom: -12vw; max-width: 30vw;}
}
@media screen and (min-width: 481px) and (max-width: 1024px) {
   .price-box__title h3, .price-box__title .h3 {font-size: 32px;}
}
@media screen and (max-width: 767px) {
   .price-box__in {display: block;}
      .price-box__text {width: 100%; padding-right: 0; margin-bottom: 40px;}
      .price-box__order {width: 100%;}
         .price-box__cost {margin-bottom: 20px;}
   .price-box .mouse-move__object {right: 0; bottom: -10vw; max-width: 34vw;}
}
@media screen and (max-width: 480px) {
   .price-box__descr, .price-box__cost {font-size: 16px;}
   .price-box .mouse-move__object {bottom: -16vw; max-width: 42vw;}
   .price-box__title h3, .price-box__title .h3 {font-size: 30px;}
}
@media screen and (max-width: 767px) and (orientation: landscape) {
   .price-box__in {display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex;}
      .price-box__text {width: 65%; padding-right: 20px;}
      .price-box__order {width: 35%;}
         .price-box__cost span {font-size: 30px;}
}


/*====================================================
   .custom-projects (for services pages)
====================================================*/
.custom-projects .box {padding-bottom: 10vw; overflow: hidden;}
   .custom-projects__in {padding-right: 20vw;}
      .custom-projects__text {padding-right: 10vw;}
   .custom-projects .mouse-move__object {right: -5vw; bottom: -15vw; max-width: 40vw; z-index: 0;}
      .custom-projects .mouse-move__object img {transform: rotate(90deg)}

@media screen and (min-width: 768px) {
   .custom-projects__title h4, .custom-projects__title .h4 {font-size: 36px;}
   .custom-projects__text {font-size: 20px;}
}
@media screen and (max-width: 1024px) {
   .custom-projects__in {padding-right: 0;}
      .custom-projects__text {padding-right: 30vw;}
}
@media screen and (max-width: 767px) {
   .custom-projects__text {padding-right: 20vw;}
   .custom-projects .mouse-move__object {max-width: 36vw;}
}
@media screen and (max-width: 480px) {
   .custom-projects .box {padding-bottom: 45vw;}
      .custom-projects__title h4 br, .custom-projects__title .h4 br {display: none;}
      .custom-projects__text {padding-right: 0;}
      .custom-projects .mouse-move__object {bottom: -25vw; max-width: 63vw;}
}
@media screen and (max-width: 767px) and (orientation: landscape) {
   .custom-projects__text {padding-right: 30vw;}
}


/*====================================================
   .interaction__box (for services pages)
====================================================*/
.interaction__text {margin-bottom: 80px;}
.interaction__box {width: 730px; max-width: 100%; margin: 0 auto; padding: 65px 60px; perspective: 800px;}
   .interaction-box__image {width: 219px; float: left; position: relative; transition: 0.5s ease-in-out; transform-style: preserve-3d;}
   .interaction-box__image.active {transform: rotateY(0.5turn);}
   .interaction-box__text, .interaction-box__switch {margin-left: 250px;}
   .interaction-box__text {font-size: 16px; line-height: 1.375; position: relative;}
      .interaction-box__item {position: absolute; top: 0; left: 0;}
      .interaction-box__image .interaction-box__item {position: absolute; top: 0; left: 0; width: 100%; height: 100%; -webkit-backface-visibility: hidden; backface-visibility: hidden; transition: 0.5s ease-in-out;}
      .interaction-box__image .interaction-box__item_extravert {transform: rotateY(0.5turn);}
      .interaction-box__text .interaction-box__item {transform: translateY(30px); opacity: 0; transition: 0.3s ease-in-out;}
      .interaction-box__text .interaction-box__item.active {transform: translateY(0); opacity: 1;}
         .interaction-box__image img {border-radius: 20px;}
         .interaction-box__text ol {margin-bottom: 0;}
   .interaction-box__switch {margin-bottom: 35px;}
      .interaction-box__switch .switch {width: 265px; max-width: 100%;}
         .interaction-box__switch .switch__link:before {background: #62D0FF;}

@media screen and (max-width: 1024px) {
   .interaction__text {margin-bottom: 60px;}
   .interaction__box {width: 100%; padding: 60px 50px;}
}
@media screen and (max-width: 767px) {
   .interaction__text {margin-bottom: 40px;}
   .interaction__box {padding: 40px;}
      .interaction-box__image {width: 180px;}
      .interaction-box__text, .interaction-box__switch {margin-left: 200px;}
      .interaction-box__switch {margin-bottom: 20px;}
         .interaction-box__switch .switch__slider {width: 56px;}
            .interaction-box__switch .switch__link-left.active ~ .switch__link-right:before {right: 31px;}
}
@media screen and (min-width: 481px) and (max-width: 567px) {
   .interaction__box {padding: 30px 20px;}
      .interaction-box__image {width: 120px;}
      .interaction-box__text, .interaction-box__switch {margin-left: 140px;}
      .interaction-box__text {font-size: 14px;}
      .interaction-box__switch .switch__label {font-size: 14px;}
}
@media screen and (max-width: 480px) {
   .interaction__text {margin-bottom: 30px;}
   .interaction__box {padding: 20px 20px 40px;}
      .interaction-box__image {width: 100%; float: none; margin-bottom: 20px;}
      .interaction-box__text, .interaction-box__switch {margin-left: 0;}
      .interaction-box__switch {margin-bottom: 30px;}
         .interaction-box__switch .switch {margin: 0 auto;}      
}
@media screen and (max-width: 767px) and (orientation: landscape) {
   .interaction__text {margin-bottom: 30px;}
   .interaction__box {padding: 40px 20px;}
}


/*====================================================
   .counting (for services pages)
====================================================*/
.counting__in {position: relative;}
   .counting__list {padding-top: 20px;}
      .counting-item__in {height: 100%; padding: 60px 30px;}
      .no-touchevents .counting-item__in {transition: all 0.3s ease 0s;}
      .no-touchevents .counting-item__in:hover {box-shadow: 0 0 30px rgba(0,0,0,.5);}
         .counting-item__top {height: 160px; position: relative;}
            .counting-item__top span {position: absolute; top: 0; width: 50px; height: 50px; border-radius: 100%; background: linear-gradient(180deg, #62D0FF 0%, #0C0055 100%);}
            .counting-item__top span:nth-child(1) {left: 0;}
            .counting-item__top span:nth-child(2) {left: 70px;}
            .counting-item__top span:nth-child(3) {left: 140px;}
            .counting__item:nth-child(1) .counting-item__in:hover .counting-item__top span {animation: pulse1 1.5s ease-out backwards infinite;}
            .counting__item:nth-child(2) .counting-item__in:hover .counting-item__top span {animation: pulse2 2s ease-out backwards infinite;}
            .counting__item:nth-child(3) .counting-item__in:hover .counting-item__top span {animation: pulse3 3s ease-out backwards infinite;}
            .counting-item__in:hover .counting-item__top span:nth-child(1) {animation-delay: 0s;}
            .counting-item__in:hover .counting-item__top span:nth-child(2) {animation-delay: 1s !important;}
            .counting-item__in:hover .counting-item__top span:nth-child(3) {animation-delay: 2s !important;}
            .counting__item:nth-child(1) .counting-item__top span:nth-child(2), .counting__item:nth-child(1) .counting-item__top span:nth-child(3) {display: none;}
            .counting__item:nth-child(2) .counting-item__top span:nth-child(3) {display: none;}
         .counting-item__title h4, .counting-item__title .h4 {margin-bottom: 50px;}
      .counting .mouse-move__object {right: -160px; bottom: -40px;}
.counting__text {padding-top: 100px;}

@media screen and (min-width: 768px) {
   .counting__list {margin-left: -20px; margin-bottom: -20px;}
      .counting__item {width: 33.333%; padding-left: 20px; margin-bottom: 20px;}
}
@media screen and (min-width: 1025px) {
   .counting-item__title h4, .counting-item__title .h4 {font-size: 36px;}
      .counting-item__title h4 br, .counting-item__title .h4 br {display: none;}
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
   .counting__list {margin-left: -10px; margin-bottom: -10px;}
      .counting__item {padding-left: 10px; margin-bottom: 10px;}
}
@media screen and (max-width: 1024px) {
   .counting-item__in {padding: 30px 20px 40px;}
      .counting-item__top {height: 60px;}
         .counting-item__top span {width: 30px; height: 30px;}
         .counting-item__top span:nth-child(2) {left: 42px;}
         .counting-item__top span:nth-child(3) {left: 82px;}
      .counting-item__title h4, .counting-item__title .h4 {margin-bottom: 20px;}
   .counting__text {padding-top: calc(10vw + 40px);}
   .counting .mouse-move__object {right: auto; left: -20px; bottom: -10vw; max-width: 23vw;}
}
@media screen and (max-width: 767px) {
   .counting__item {width: 280px; margin-right: 10px;}
   .counting__item:last-child {margin-right: 0;}
   .counting__text {padding-top: calc(12vw + 20px);}
   .counting .mouse-move__object {right: -20px; left: auto; bottom: -12vw; max-width: 30vw;}
}
@media screen and (max-width: 480px) {
   .counting__item {width: 220px;}
   .counting__text {padding-top: calc(18vw + 20px);}
   .counting .mouse-move__object {right: -20px; left: auto; bottom: -18vw; max-width: 53vw;}
}

@keyframes pulse1 {
   0% {
      transform: scale(1);
   }
   40% {
      transform: scale(1.2);
   }
   80% {
      transform: scale(1);
   }
   100% {
      transform: scale(1);
   }
}
@keyframes pulse2 {
   0% {
      transform: scale(1);
   }
   25% {
      transform: scale(1.2);
   }
   50% {
      transform: scale(1);
   }
   100% {
      transform: scale(1);
   }
}
@keyframes pulse3 {
   0% {
      transform: scale(1);
   }
   20% {
      transform: scale(1.2);
   }
   40% {
      transform: scale(1);
   }
   100% {
      transform: scale(1);
   }
}


/*====================================================
   .compare
====================================================*/
.compare__title {padding-right: 40px;}
   .compare__title h2, .compare__title .h2 {margin-bottom: 0;}
.compare__toggle a {display: block; text-decoration: none; position: relative;}
.compare__table {height: 0; overflow: hidden; transition: height 0.5s ease 0s;}
.compare__table.not-hidden {height: auto;}
   .compare__table table {width: 100%; margin-top: 60px;}
      .no-touchevents .compare__table tbody tr {transition: background 0.3s ease 0s;}
      .no-touchevents .compare__table tbody tr:hover {background: rgba(255,255,255,.2);}
         .compare__table td {width: 18%; padding: 20px 15px; border: 0; border-top: 1px solid #FFF; vertical-align: middle; text-align: center; line-height: 1.375;}
         .compare__table td:first-child {width: 46%; text-align: left; padding-left: 30px;}
         .compare__table thead td {white-space: nowrap;}
         .compare__table thead td, .compare__table .td_colspan td {height: 66px; background: #0C0055; border: 0; padding-top: 0; padding-bottom: 0; font-size: 30px;}
         .compare__table tbody tr:first-child td, .compare__table .td_colspan + tr td {border-top: 0;}
         .compare__table tbody tr:last-child td {border-bottom: 1px solid #FFF;}
            .compare__checked {display: inline-block; width: 26px; height: 14px; background: url('../i/compare-check.svg') 0 0 / contain no-repeat;}

@media screen and (min-width: 768px) {
   .compare__toggle a {padding-right: 30px; font-size: 18px; line-height: 1;}
      .compare__toggle a:before {content: ''; position: absolute; top: 4px; right: 0; border-top: 10px solid #FFF; border-left: 8px solid transparent; border-right: 8px solid transparent; transition: transform 0.5s ease 0s;}
      .compare__toggle a.active:before {transform: rotateX(180deg);}
   .compare__table.not-hidden table {margin-top: 20px;}
}
@media screen and (max-width: 1024px) {
   .compare__top {padding: 20px 0;}
   .compare__table table {margin-top: 40px;}
      .compare__table td:first-child {padding-left: 20px;}
      .compare__table thead td, .compare__table .td_colspan td {font-size: 20px;}
}
@media screen and (max-width: 767px) {
   .compare__title {padding-right: 20px;}
   .compare__toggle a {width: 40px; height: 40px; background: rgba(255,255,255,.5); border-radius: 100%; overflow: hidden; text-indent: -9999px;}
   .compare__toggle a.active {transform: rotate(90deg);}
      .compare__toggle a:before, .compare__toggle a:after {content: ''; position: absolute; top: 50%; left: 16px; width: 15px; height: 2px; background: #FFF;}
      .compare__toggle a:before {transform: rotate(45deg); margin-top: -6px;}
      .compare__toggle a:after {transform: rotate(-45deg); margin-top: 4px;}
   .compare__table {margin: 0 -40px;}
      .compare__table table {margin-top: 30px;}
         .compare__table td {width: 23%; padding: 15px 10px; font-size: 14px;}
         .compare__table td:first-child {width: 31%; padding-left: 15px;}
         .compare__table thead td, .compare__table .td_colspan td {font-size: 16px; height: 52px;}
}
@media screen and (max-width: 480px) {
   .compare__title {padding-right: 10px;}
   .compare__table {margin: 0 -20px;}
      .compare__table table {margin-top: 20px;}
         .compare__table td {padding: 10px;}
         .compare__table td:first-child {padding-left: 20px;}
         .compare__table td:last-child {padding-right: 20px;}
         .compare__table thead td, .compare__table .td_colspan td, .compare__table tbody tr:first-child td, .compare__table .td_colspan + tr td {border-top: 1px solid #0C0055;}
         .compare__table.not-hidden .td_colspan td, .compare__table.not-hidden tbody tr:first-child td, .compare__table.not-hidden .td_colspan + tr td {border-top-color: #fff;}
         .compare__table .td_colspan td {position: relative;}
            .compare__table .td_colspan div {position: absolute; top: 0; left: 0; width: 100vw; height: 52px; padding: 0 20px; background: #0C0055;}
   /*pinned column*/
   .table-wrapper {position: relative; overflow: hidden;}
      .scrollable {overflow: auto; overflow-y: hidden; margin-left: 165px;}
      .pinned {position: absolute; left: 0; top: 0; /*overflow: hidden;*/ width: 165px; transition: all 0.2s ease 0s;}
         .pinned table {width: 100%;}
            .pinned td {border-right: 1px solid #FFF;}
            .pinned thead td {border-right: 1px solid #0C0055;}
      table.responsive {margin-bottom: 0; position: relative;}
         table.responsive td, table.responsive th {overflow: hidden;}
         table.responsive th:first-child, table.responsive td:first-child, table.responsive.pinned td {display: none;}
         table.responsive td {width: auto;}
}
@media screen and (max-width: 374px) {
   .compare__title h2, .compare__title .h2 {font-size: 24px;}
}
@media screen and (max-width: 926px) and (orientation: landscape) {
   .compare__table td {font-size: 14px;}
}
@media screen and (max-width: 767px) and (orientation: landscape) {
   .compare__table {margin: 0;}
}


/*====================================================
   .personally
====================================================*/
.personally__in {width: 730px; max-width: 100%; margin: 80px auto 0; padding: 70px 40px 70px 70px;}
   .personally__image img {border-radius: 100%;}
   .personally__descr {margin-bottom: 40px; font-size: 16px;}

@media screen and (min-width: 481px) {
   .personally__image {float: left; padding-right: 30px;}
}
@media screen and (min-width: 768px) {
   .personally__image {width: 240px; float: left;}
   .personally__text {padding-left: 240px;}
}
@media screen and (max-width: 1024px) {
   .personally__in {margin-top: 60px;}
}
@media screen and (max-width: 767px) {
   .personally__in {width: 540px; margin-top: 40px; padding: 40px;}
      .personally__image {margin-bottom: 20px;}
      .personally__button {text-align: center;}
}
@media screen and (min-width: 481px) and (max-width: 767px) {
   .personally__image {width: 160px;}
   .personally__descr {padding-left: 160px;}
   .personally__button {clear: both;}
}
@media screen and (max-width: 480px) {
   .personally__in {width: 100%; margin-top: 30px; padding: 40px 20px;}
      .personally__image {width: 100%; text-align: center;}
         .personally__image img {width: 120px;}
}
@media screen and (max-width: 767px) and (orientation: landscape) {
   .personally__in {margin-top: 30px;}
}


/*====================================================
   .website-designing
====================================================*/
.website-designing__in {padding: 80px 40px 100px;}
   .website-designing__column {width: 50%; position: relative;}
   .website-designing__developer {text-align: right; padding-right: 40px;}
   .website-designing__business {color: #62D0FF; padding-left: 60px;}
   .website-designing__row:nth-child(2) .website-designing__business {border-left: 2px solid #62D0FF;}
      .website-designing__title {height: 100%; margin-bottom: 30px; position: relative; z-index: 1;}
         .website-designing__title h4, .website-designing__title .h4 {margin-bottom: 0; font-size: 36px; line-height: 1;}
      .website-designing__row:nth-child(2) .website-designing__business .website-designing__title {margin-bottom: 0;}
         .website-designing__row:nth-child(2) .website-designing__business .website-designing__title h4:before, .website-designing__row:nth-child(2) .website-designing__business .website-designing__title .h4:before {content: ''; position: absolute; top: 50%; margin-top: -1px; left: -60px; width: 46px; height: 2px; background: #62D0FF;}
      .website-designing__plan {position: relative; z-index: 1;}
         .website-designing__plan ul {margin: -10px 0;}
            .website-designing__plan ul li {line-height: 1.375; margin-bottom: 5px;}
            .website-designing__plan ul li:last-child {margin-bottom: 0;}
   .website-designing .mouse-move__object-first {top: 100px; left: -160px;}
   .website-designing .mouse-move__object-second {bottom: 100px; right: -220px;}
   /*figures*/
   .website-designing .figures {z-index: 0;}
   .website-designing .figures__circle_blue:before {background: #0057FF;}
   .website-designing__developer .figures {right: auto; left: 0; top: -60px; width: 240px; height: 240px;}
      .website-designing__developer .figures__line {top: auto; bottom: 0; left: auto; right: 80px;}
         .website-designing__developer .figures__line:before {top: auto; bottom: 0; width: 7px; height: 70px; transform: rotate(45deg);}
      .website-designing__developer .figures__squares {top: 80px; right: auto; left: 20px; }
         .website-designing__developer .figures__squares span {width: 57px; height: 57px; border-width: 1px; transform: rotate(60deg);}
            .website-designing__developer .figures__squares span:before, .website-designing__developer .figures__squares span:after {width: 57px; height: 57px; border-width: 1px;}
            .website-designing__developer .figures__squares span:before {top: 6px; left: 6px;}
            .website-designing__developer .figures__squares span:after {top: 13px; left: 13px;}
      .website-designing__developer .figures__circle_blue-left {left: 20px; bottom: auto; top: 40px;}
      .website-designing__developer .figures__circle_blue-right {top: 110px;}
      .website-designing__developer .figures__circle_red {bottom: auto; top: 20px; right: auto; left: 80px;}
         .website-designing__developer .figures__circle:before {width: 12px; height: 12px;}
      .website-designing__developer .figures__sphere {left: auto; right: 80px; bottom: auto; top: 120px;}
         .website-designing__developer .figures__sphere:before {width: 50px; height: 50px; background: linear-gradient(160deg, #0439FF 0%, #F40CCB);}
   .website-designing__business .figures {top: auto; bottom: -40px; right: 0; width: 400px; height: 360px; max-width: 100%; /*background: rgba(255,255,255,.5);*/}

@media screen and (min-width: 768px) {
   .website-designing__row:nth-child(2) .website-designing__business .website-designing__title br {display: none;}
} 
@media screen and (min-width: 1025px) {
   /*figures*/
   .website-designing__business .figures__line {top: 60px; left: auto; right: 70px; width: 11px; height: 110px;}
      .website-designing__business .figures__line:before {width: 11px; height: 110px; transform: rotate(-35deg);}
   .website-designing__business .figures__squares {top: auto; bottom: 0; right: auto; left: 120px;}
      .website-designing__business .figures__squares span {top: auto; bottom: 0; width: 94px; height: 94px; transform: rotate(-30deg);}
         .website-designing__business .figures__squares span:before, .website-designing__business .figures__squares span:after {width: 94px; height: 94px;}
         .website-designing__business .figures__squares span:before {top: 8px; left: 8px;}
         .website-designing__business .figures__squares span:after {top: 18px; left: 18px;}
   .website-designing__business .figures__circle {width: 20px; height: 20px;}
   .website-designing__business .figures__circle_blue-left {left: 20px; bottom: 50px;}
   .website-designing__business .figures__circle_blue-right {right: 160px; top: 0;}
   .website-designing__business .figures__circle_red {right: auto; left: 0; bottom: 160px;}
      .website-designing__business .figures__circle:before {width: 20px; height: 20px;}
   .website-designing__business .figures__sphere {left: 160px; bottom: auto; top: 60px; width: 85px; height: 85px;}
      .website-designing__business .figures__sphere:before {top: 0; bottom: auto; width: 85px; height: 85px; background: linear-gradient(90deg, #0439FF 0%, #F40CCB);}
}
@media screen and (max-width: 1366px) {
   .website-designing__in {margin-bottom: 16vw;}
      .website-designing .mouse-move__object-first {top: -8vw; left: auto; right: -10vw; max-width: 32vw;}
         .website-designing .mouse-move__object-first img {transform: rotate(90deg);}
      .website-designing .mouse-move__object-second {bottom: -12vw; right: auto; left: -10vw; max-width: 45vw;}
}
@media screen and (max-width: 1024px) {
   .website-designing__in {padding: 60px 20px 80px;}
      .website-designing__developer {width: 55%; padding-right: 30px;}
      .website-designing__business {width: 45%;}
   /*figures*/
   .website-designing__developer .figures {display: none;}
   .website-designing__business .figures {width: 240px; height: 240px;}
      .website-designing__business .figures__line {top: auto; bottom: 0; left: auto; right: 80px;}
         .website-designing__business .figures__line:before {top: auto; bottom: 0; width: 7px; height: 70px; transform: rotate(45deg);}
      .website-designing__business .figures__squares {top: 80px; right: auto; left: 20px; }
         .website-designing__business .figures__squares span {width: 57px; height: 57px; border-width: 1px; transform: rotate(60deg);}
            .website-designing__business .figures__squares span:before, .website-designing__business .figures__squares span:after {width: 57px; height: 57px; border-width: 1px;}
            .website-designing__business .figures__squares span:before {top: 6px; left: 6px;}
            .website-designing__business .figures__squares span:after {top: 13px; left: 13px;}
      .website-designing__business .figures__circle_blue-left {left: 20px; bottom: auto; top: 40px;}
      .website-designing__business .figures__circle_blue-right {top: 110px;}
      .website-designing__business .figures__circle_red {bottom: auto; top: 20px; right: auto; left: 80px;}
         .website-designing__business .figures__circle:before {width: 12px; height: 12px;}
      .website-designing__business .figures__sphere {left: auto; right: 80px; bottom: auto; top: 120px;}
         .website-designing__business .figures__sphere:before {width: 50px; height: 50px; background: linear-gradient(160deg, #0439FF 0%, #F40CCB);}
}
@media screen and (max-width: 767px) {
   .website-designing__in {padding: 60px 20px 80px; margin-bottom: 20vw;}
      .website-designing__developer {width: 65%;}
      .website-designing__business {width: 35%; padding-left: 30px;}
         .website-designing__title h4, .website-designing__title .h4 {font-size: 20px; text-transform: uppercase;}
         .website-designing__row:nth-child(2) .website-designing__business .website-designing__title h4, .website-designing__row:nth-child(2) .website-designing__business .website-designing__title .h4 {display: inline-block; line-height: 1.5;}
            .website-designing__row:nth-child(2) .website-designing__business .website-designing__title h4:before, .website-designing__row:nth-child(2) .website-designing__business .website-designing__title .h4:before {left: -30px; margin-top: -2px; width: calc(100% + 30px);}
   /*figures*/
   .website-designing .figures {display: none;}
}
@media screen and (max-width: 480px) {
   .website-designing__in {padding: 40px 15px; margin-bottom: 25vw;}
      .website-designing__developer {width: 70%; padding-right: 20px;}
      .website-designing__business {width: 30%; padding-left: 20px;}
         .website-designing__title h4, .website-designing__title .h4 {font-size: 18px;}
            .website-designing__row:nth-child(2) .website-designing__business .website-designing__title h4:before, .website-designing__row:nth-child(2) .website-designing__business .website-designing__title .h4:before {left: -20px; width: calc(100% + 20px);}
      .website-designing .mouse-move__object-first {top: -15vw; max-width: 45vw;}
      .website-designing .mouse-move__object-second {bottom: -15vw; max-width: 65vw;}
}
@media screen and (max-width: 374px) {
   .website-designing__in {padding: 40px 10px;}
      .website-designing__developer {width: 70%; padding-right: 15px;}
      .website-designing__business {width: 30%; padding-left: 15px;}
         .website-designing__title h4, .website-designing__title .h4 {font-size: 16px;}
            .website-designing__row:nth-child(2) .website-designing__business .website-designing__title h4:before, .website-designing__row:nth-child(2) .website-designing__business .website-designing__title .h4:before {left: -15px; width: calc(100% + 15px);}
}


/*====================================================
   .double-block
====================================================*/
.double-block__row {position: relative;}

@media screen and (min-width: 1025px) {
   .double-block .inner {max-width: 100%;}
      .double-block__column {width: 50%; min-width: 50%}
      .double-block__column_text {padding-left: 50px;}
      .double-block__row:nth-child(odd) .double-block__column_text {padding-left: 0; padding-right: 50px;}
      .double-block__column_image {position: relative; width: auto; margin-left: -40px;}
      .double-block__row:nth-child(odd) .double-block__column_image {margin-right: -40px; margin-left: 0;-webkit-box-ordinal-group: 2; -webkit-order: 2; -ms-flex-order: 2; order: 2;}
         /*.double-block__column_image img {position: absolute; top: 0; left: 0; max-width: none; width: auto; height: 100%; max-height: 100%;}
         .double-block__row:nth-child(even) .double-block__column_image img {left: auto; right: 0;}*/
      .double-block__row:nth-child(odd) .double-block__column_text {text-align: right; -webkit-box-ordinal-group: 1; -webkit-order: 1; -ms-flex-order: 1; order: 1;}
         .double-block__content {display: inline-block; max-width: 537px; text-align: left;}
}
@media screen and (max-width: 1024px) {
   .double-block__row {display: block;}
      .double-block__column_image {margin-bottom: 40px;}
}
@media screen and (min-width: 481px) and (max-width: 1024px) {
   .double-block__row:nth-child(even) {padding-right: 0;}
      .double-block__row:nth-child(odd) .double-block__column_image {margin-left: -40px;}
      .double-block__row:nth-child(even) .double-block__column_image {margin-right: -40px;}
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
   .double-block__row {padding-right: 30%;}
   .double-block__row:nth-child(even) {padding-left: 30%;}
}
@media screen and (min-width: 481px) and (max-width: 767px) {
   .double-block__row {padding-right: 80px;}
   .double-block__row:nth-child(even) {padding-left: 80px;}
}
@media screen and (max-width: 767px) {
   .double-block__column_image {margin-bottom: 30px;}
}
@media screen and (max-width: 480px) {
   .double-block__column_image {margin-bottom: 20px;}
}
@media screen and (max-width: 767px) and (orientation: landscape) {
   .double-block__row {padding-right: 30%;}
   .double-block__row:nth-child(even) {padding-left: 30%;}
      .double-block__row:nth-child(odd) .double-block__column_image {margin-left: -20px;}
      .double-block__row:nth-child(even) .double-block__column_image {margin-right: -20px;}
}


/*====================================================
   .columns-flex
====================================================*/
.columns-flex {padding: 60px 60px 0;}
   .columns-flex h4, .columns-flex .h4 {margin-bottom: 60px;}

@media screen and (min-width: 1025px) {
   .columns-flex h4 br, .columns-flex .h4 br {display: none;}
}
@media screen and (max-width: 1024px) {
   .columns-flex {padding: 20px 0 0; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center;}
      .columns-flex h4, .columns-flex .h4 {margin-bottom: 30px;}
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
   .columns-flex__column {max-width: 50%;}
      .columns-flex__column {padding: 0 40px;}
         .columns-flex h4, .columns-flex .h4 {font-size: 28px;}
}
@media screen and (max-width: 767px) {
   .columns-flex__column {margin-bottom: 40px;}
   .columns-flex__column:last-child {margin-bottom: 0;}
      .columns-flex h4, .columns-flex .h4 {margin-bottom: 20px;}
         .columns-flex h4 br, .columns-flex .h4 br {display: none;}
}
@media screen and (max-width: 767px) and (orientation: portrait) {
   .columns-flex {display: block;}
}
@media screen and (max-width: 767px) and (orientation: landscape) {
   .columns-flex__column {max-width: 50%;}
      .columns-flex__column {padding: 0 40px; margin-bottom: 0;}
}


/*====================================================
   .foundation
====================================================*/
.foundation__text {margin-bottom: 60px;}
.foundation__list {list-style: none; counter-reset: point; margin: 0 -40px 0 0; padding: 0;}
   .foundation-list__item {margin: 0; padding: 90px 20px 0 0; min-height: 380px; position: relative;}
      .foundation-list__item:before {display: none;}
      .foundation-list__item:after {content: counter(point); counter-increment: point 1; position: absolute; left: -20px; top: 0; z-index: 0; background: linear-gradient(180deg, #0C0055, #0082BA, #0C0055); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; background-size: 100% 200%; font-family: "MuseoSansBlack"; font-size: 500px; line-height: 0.8; color: #0C0055; animation: gradient 5s ease-out infinite alternate;}
      .foundation-list-item__in {position: relative; z-index: 1; max-width: 320px;}
         .foundation-list-item__title h4, .foundation-list-item__title .h4 {font-family: "MuseoSansLight"; font-size: 30px;}
         .foundation-list-item__text {font-size: 20px;}

@keyframes gradient {
   0% {
      background-position: 0 0;
   }
   100% {
      background-position: 100% 100%;
   }    
}

@media screen and (min-width: 1025px) {
   .foundation-list-item__title h4 br, .foundation-list-item__title .h4 br {display: none;}
}
@media screen and (max-width: 1279px) {
   .foundation-list__item:after {left: -15px; font-size: 435px;}
}
@media screen and (max-width: 1024px) {
   .foundation__text {margin-bottom: 40px;}
   .foundation-list__item {padding-top: 0; min-height: 280px;}
      .foundation-list__item:after {left: -10px; font-size: 335px;}
      .foundation-list-item__in {max-width: 28vw;}
}
@media screen and (max-width: 767px) {
   .foundation__list {display: block; margin-right: 0;}
      .foundation-list__item {min-height: 250px; padding: 30px 0 0; margin-bottom: 60px;}
         .foundation-list-item__in {max-width: 100%;}
            .foundation-list-item__title h4 br, .foundation-list-item__title .h4 br {display: none;}
}
@media screen and (max-width: 480px) {
   .foundation__text {margin-bottom: 30px;}
   .foundation-list__item:after {width: 100%; text-align: center;}
}


/*====================================================
   .about
====================================================*/
.about__list ul {font-size: 36px;}
   .about__list ul li:before {top: 0.65em;}

@media screen and (min-width: 1025px) {
   .about__column {max-width: 570px;}
      .about__list {padding-left: 40px;}
}
@media screen and (max-width: 1279px) {
   .about__list ul {font-size: 32px;}
}
@media screen and (max-width: 1024px) {
   .about__in {display: block;}
      .about__text {margin-bottom: 40px;}
      .about__list ul {font-size: 30px;}
}
@media screen and (min-width: 481px) and (max-width: 1024px) {
   .about__list ul {columns: 2 auto; column-gap: 80px;}
}
@media screen and (max-width: 767px) {
   .about__list ul {font-size: 26px;}
}
@media screen and (min-width: 481px) and (max-width: 767px) {
   .about__list ul {column-gap: 40px;}
}
@media screen and (max-width: 480px) {
   .about__text {margin-bottom: 30px;}
   .about__list ul {font-size: 24px;}
}
@media screen and (max-width: 374px) {
   .about__text {margin-bottom: 20px;}
   .about__list ul {font-size: 22px;}
}
@media screen and (max-width: 767px) and (orientation: landscape) {
   .about__text {margin-bottom: 30px;}
   .about__list ul {font-size: 24px;}
}
@media screen and (max-width: 666px) and (orientation: landscape) {
   .about__text {margin-bottom: 20px;}
   .about__list ul {font-size: 22px;}
}


/*====================================================
   .history
====================================================*/
.history {background: #0086FF;}
.history.wrapper.wrapper_padding {padding-bottom: 0;}
.history.game-start.wrapper_padding {padding-top: 0;}
   .history.game-start .history__in {display: none;}
      .history__in .inner {position: static;}
         .history__top {margin-bottom: 40px;}
            .history-top__title h2, .history-top__title .h2 {margin-bottom: 30px;}
            .history-top__text {padding-right: 8vw;}
            .game-bonus {width: 360px; height: 360px; border-radius: 100%; padding: 0 40px; text-align: center; background: #FFFA00; color: #000;}
               .game-bonus h3, .game-bonus .h3 {margin-bottom: 15px;}
         .history-bottom__text {width: 33.333%; padding-bottom: 70px; position: relative;}
            .history-bottom__arrow {position: absolute; bottom: 0; left: 0; width: 280px;}
               .history-bottom__arrow:before {content: ''; position: absolute; bottom: 0; left: 50%; margin-left: -15px; width: 30px; height: 57px; background: url('../i/game/arrow-pixel.svg') 0 0 / contain no-repeat; animation: hang-y 1.5s ease-in-out infinite alternate;}
         .history-bottom__button {text-align: center;}
            .btn-game {display: block; width: 294px; height: 128px; padding: 0 16px; margin: 0 auto 20px; font-size: 39px; line-height: 1.5; text-transform: uppercase; text-decoration: none; position: relative; z-index: 4;}
            .btn-game:before, .btn-game:after, .btn-game__in:before, .btn-game__in:after {content: ''; position: absolute; background: #0066D4; transition: all 0.3s ease 0s;}
            .btn-game:hover:before, .btn-game:hover:after, .btn-game:hover .btn-game__in:before, .btn-game:hover .btn-game__in:after {background: #0050AD;}
               .btn-game:before {top: 22px; bottom: 22px; left: 0; right: 0; border-left: 6px solid #000; border-right: 6px solid #000; z-index: 1;}
               .btn-game:after {top: 14px; bottom: 14px; left: 6px; right: 6px; border-left: 5px solid #000; border-right: 5px solid #000; z-index: 0;}
               .btn-game__in {height: 100%; text-align: center; background: #000; position: relative; z-index: 2;}
                  .btn-game__in:before, .btn-game__in:after {left: -5px; right: -5px; z-index: 1;}
                  .btn-game__in:before {top: 6px; bottom: 6px; border-left: 5px solid #000; border-right: 5px solid #000;}
                  .btn-game__in:after {top: 14px; bottom: 14px;}
                  .btn-game__in span {padding-left: 0.3em; position: relative; z-index: 2;}
            .no-touchevents .game-rules_touch {display: none;}
            .touchevents .game-rules_no-touch{display: none;}
   .history__game {position: relative; z-index: auto;}

@media screen and (min-width: 1025px) {
   .history-top__left {float: left; width: calc(100% - 360px);}
   .history-top__bonus {float: right; margin-top: -60px; margin-right: -20px;}
   .history-bottom__text {-webkit-box-ordinal-group: 1; -webkit-order: 1; -ms-flex-order: 1; order: 1;}
   .history-bottom__button {width: 40%; padding-left: 40px; -webkit-box-ordinal-group: 2; -webkit-order: 2; -ms-flex-order: 2; order: 2;}
}
@media screen and (min-width: 1280px) {
   .history-bottom__button {margin-top: -60px;}
}
@media screen and (max-width: 1279px) {
   .history-top__text {padding-right: 40px;}
   .game-bonus h3, .game-bonus .h3 {font-size: 40px;}
}
@media screen and (max-width: 1024px) {
   .history__top {margin-bottom: 20px;}
      .history-top__title h2, .history-top__title .h2 {margin-bottom: 25px;}
      .history-top__text {float: left; width: calc(100% - 250px); max-width: 480px; padding-right: 20px;}
      .game-bonus {float: left; width: 250px; height: 250px; padding-left: 20px; padding-right: 20px; font-size: 13px;}
         .game-bonus h3, .game-bonus .h3 {margin-bottom: 10px; font-size: 36px;}
   .history__bottom {display: block;}
      .history-bottom__button {margin-bottom: 40px;}
         .btn-game {width: 218px; height: 94px; padding: 0 12px; margin-bottom: 15px; font-size: 29px;}
            .btn-game:before {top: 15px; bottom: 15px; border-left: 5px solid #000; border-right: 5px solid #000;}
            .btn-game:after {top: 10px; bottom: 10px; left: 4px; right: 4px; border-left: 4px solid #000; border-right: 4px solid #000;}
            .btn-game__in:before, .btn-game__in:after {left: -4px; right: -4px; z-index: 1;}
            .btn-game__in:before {top: 5px; bottom: 5px; border-left: 4px solid #000; border-right: 4px solid #000;}
            .btn-game__in:after {top: 10px; bottom: 10px;}
      .history-bottom__rules {font-size: 17px;}
      .history-bottom__text {font-size: 12px;}
}
@media screen and (max-width: 767px) {
   .history-top__title h2, .history-top__title .h2 {font-size: 30px;}
   .history-top__text {width: calc(100% - 180px);}
   .game-bonus {width: 180px; height: 180px; font-size: 9px;}
      .game-bonus h3, .game-bonus .h3 {font-size: 22px;}
   .btn-game {width: 180px; height: 75px; font-size: 20px;}
   .history-bottom__rules {font-size: 12px;}
   .history-bottom__text {width: 50%; padding-bottom: 50px; font-size: 10px;}
   .history-bottom__arrow {width: 180px;}
      .history-bottom__arrow:before {margin-left: -10px; width: 20px; height: 38px;}
}
@media screen and (max-width: 480px) {
   .history-top__title h2, .history-top__title .h2 {margin-bottom: 20px; font-size: 24px;}
   .history-top__text {width: calc(100% - 120px);}
   .game-bonus {width: 120px; height: 120px; font-size: 6px;}
      .game-bonus h3, .game-bonus .h3 {margin-bottom: 5px; font-size: 17px;}
   .btn-game {width: 122px; height: 53px; padding: 0 9px; margin-bottom: 10px; font-size: 16px;}
      .btn-game:before {top: 9px; bottom: 9px; border-left: 3px solid #000; border-right: 3px solid #000;}
      .btn-game:after {top: 6px; bottom: 6px; left: 3px; right: 3px; border-left: 3px solid #000; border-right: 3px solid #000;}
      .btn-game__in:before, .btn-game__in:after {left: -3px; right: -3px; z-index: 1;}
      .btn-game__in:before {top: 3px; bottom: 3px; border-left: 3px solid #000; border-right: 3px solid #000;}
      .btn-game__in:after {top: 6px; bottom: 6px;}
   .history-bottom__rules {font-size: 9px;}
   .history-bottom__text {width: 60%; font-size: 9px;}
}
@media screen and (max-width: 374px) {
   .history-top__title h2, .history-top__title .h2 {margin-bottom: 15px; font-size: 20px;}
   .history-bottom__text {font-size: 7px;} 
}
@media screen and (max-width: 926px) and (orientation: landscape) {
   .history-top__title h2, .history-top__title .h2 {margin-bottom: 20px; font-size: 24px;}
   .history-top__text {width: calc(100% - 120px);}
   .game-bonus {width: 120px; height: 120px; margin-top: -40px; font-size: 6px;}
      .game-bonus h3, .game-bonus .h3 {margin-bottom: 5px; font-size: 17px;}
   .history__bottom {display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap;}
   .history-bottom__rules {font-size: 9px;}
      .history-bottom__text {width: 33.333%; font-size: 9px; -webkit-box-ordinal-group: 1; -webkit-order: 1; -ms-flex-order: 1; order: 1;}
      .history-bottom__button {width: 40%; padding-left: 20px; margin-bottom: 0; -webkit-box-ordinal-group: 2; -webkit-order: 2; -ms-flex-order: 2; order: 2;}
         .btn-game {width: 122px; height: 53px; padding: 0 9px; margin-bottom: 10px; font-size: 16px;}
            .btn-game:before {top: 9px; bottom: 9px; border-left: 3px solid #000; border-right: 3px solid #000;}
            .btn-game:after {top: 6px; bottom: 6px; left: 3px; right: 3px; border-left: 3px solid #000; border-right: 3px solid #000;}
            .btn-game__in:before, .btn-game__in:after {left: -3px; right: -3px; z-index: 1;}
            .btn-game__in:before {top: 3px; bottom: 3px; border-left: 3px solid #000; border-right: 3px solid #000;}
            .btn-game__in:after {top: 6px; bottom: 6px;}
      .history-bottom__arrow {width: 180px;}
         .history-bottom__arrow:before {margin-left: -10px; width: 20px; height: 38px;}
}
@media screen and (max-width: 666px) and (orientation: landscape)  {
   .history-top__title h2, .history-top__title .h2 {margin-bottom: 15px; font-size: 20px;}
   .history-bottom__text {font-size: 7px;} 
}

/* Game
-----------------------------------------------------------------------------*/
.game {min-height: 312px; position: relative;}
   .game.start {height: 100vh; max-height: 100vh; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none;  -moz-user-select: none; -ms-user-select: none; user-select: none; }

@media screen and (max-width: 767px)  {
   .game {min-height: 200px;}
}
@media screen and (max-width: 926px) and (orientation: landscape) {
   .game {min-height: 200px;}
}

/*history-slider*/
.game__slider {position: absolute; top: 110px; left: 0; opacity: 0; visibility: hidden; z-index: 0;}
   .history-slider {transform: translateX(100vw); animation-play-state: paused;}
      .history-slider__item {margin-left: 100px; font-size: 13px; line-height: 1.84; letter-spacing: 0.15em;}
      .history-slider__item:first-child {margin-left: 0;}
         .history-slider-item__in {height: 100%;}
            .history-slider-item__year {font-size: 83px; line-height: 1; white-space: nowrap;}
            .history-slider__item:last-child .history-slider-item__year {font-size: 73px; font-size: 3.8vw;}
            .history-slider-item__box {width: 600px; max-width: 100%; height: 100%; background: #0F1E38; padding: 40px 30px; margin-left: 30px; position: relative;}
               .history-slider-item__box .history-slider-item__year {font-size: 22px; position: absolute; bottom: 20px; right: 30px; color: #0086FF;}
               .history-slider-item__box:after {content: ''; position: absolute; top: 10px; left: -10px; width: 100%; height: 100%; background: #0F1E38; opacity: 0.5; z-index: -1;}
               .history-slider-item__box p:not(:last-child) {margin-bottom: 20px;}
               .history-slider-item__compare {margin-top: 30px; margin-bottom: 10px;}
                  .history-slider-item__compare div {width: 50%; text-align: center;}
                  .history-slider-item__compare div:first-child {padding-right: 10px;}
                  .history-slider-item__compare div:last-child {padding-left: 10px;}
                     .history-slider-item__compare img {margin-bottom: 10px;}
                     .history-slider-item__compare span {display: block; line-height: 1;}
               .history-slider-item__title {font-size: 42px; margin-bottom: 20px;}
               .history-slider-item__text ul li:not(:last-child) {margin-bottom: 5px;}
                  .history-slider-item__text ul li:before {top: 0.7em;}
               .history-slider-item__image.fr img {margin-left: 20px; margin-bottom: 10px;}
               .history-slider-item__button {margin: 40px auto 0;}
                  .history-slider-item__button > div {width: 50%;}
                     .history-slider-item__button > div:first-child {padding-right: 20px;}
                     .history-slider-item__button > div:last-child {padding-left: 20px;}
                        .history-slider-item__button .btn-game {max-width: 100%;}
                           .history-slider-item__button .btn-game__in {background: #FFF;}          

@media screen and (min-width: 1921px) {
   .history-slider__item:last-child .history-slider-item__year {font-size: 73px;}
}
@media screen and (min-width: 1025px) and (max-height: 800px) and (orientation: landscape) {
   .history-slider__item {font-size: 1.35vh;}
      .history-slider-item__year {font-size: 8.8vh;}
}
@media screen and (min-width: 768px) {
   .history-slider-item__button .btn-game {width: 218px; height: 94px; padding: 0 12px; margin-bottom: 15px; font-size: 20px;}
      .history-slider-item__button .btn-game:before {top: 15px; bottom: 15px; border-left: 5px solid #FFF; border-right: 5px solid #FFF;}
      .history-slider-item__button .btn-game:after {top: 10px; bottom: 10px; left: 4px; right: 4px; border-left: 4px solid #FFF; border-right: 4px solid #FFF;}
         .history-slider-item__button .btn-game__in:before, .history-slider-item__button .btn-game__in:after {left: -4px; right: -4px; z-index: 1;}
         .history-slider-item__button .btn-game__in:before {top: 5px; bottom: 5px; border-left: 4px solid #FFF; border-right: 4px solid #FFF;}
         .history-slider-item__button .btn-game__in:after {top: 10px; bottom: 10px;}
}
@media screen and (max-width: 1279px) {
   .game__slider {top: 90px;}
}
@media screen and (max-width: 1024px) {
   .history-slider__item {font-size: 12px;}
      .history-slider-item__year {font-size: 73px;}
      .history-slider__item:last-child .history-slider-item__year {font-size: 5vw;}
      .history-slider-item__box {padding: 30px;}
         .history-slider-item__box .history-slider-item__year {right: 25px;}
         .history-slider-item__title {font-size: 36px;}
         .history-slider-item__compare {margin-top: 20px;}
         .history-slider-item__button {max-width: 480px; margin-top: 30px;}
}
@media screen and (max-width: 767px) {
   .game__slider {top: 70px;}
      .history-slider__item {font-size: 10px;}
         .history-slider-item__year {font-size: 60px;}
         .history-slider__item:last-child .history-slider-item__year {font-size: 8vw;}
         .history-slider-item__box {width: 100vw;}
            .history-slider-item__box .history-slider-item__year {font-size: 20px;}
            .history-slider-item__title {font-size: 32px;}
            .history-slider-item__button {max-width: 100%;}
               .history-slider-item__button > div:first-child {padding-right: 10px;}
               .history-slider-item__button > div:last-child {padding-left: 10px;}
                  .history-slider-item__button .btn-game {font-size: 16px;}
                     .history-slider-item__button .btn-game:before, .history-slider-item__button .btn-game:after, .history-slider-item__button .btn-game__in:before {border-left-color: #FFF; border-right-color: #FFF;}
}
@media screen and (max-width: 480px) {
   .game__slider {top: 60px;}
      .history-slider__item {margin-left: 60px; font-size: 8px;}
         .history-slider-item__year {font-size: 50px;}
         .history-slider__item:last-child .history-slider-item__year {font-size: 10vw;}
         .history-slider-item__box {margin-left: 20px; padding: 20px; width: calc(100vw - 40px);}
            .history-slider-item__box .history-slider-item__year {right: 15px; bottom: 15px; font-size: 18px;}
            .history-slider-item__box p:not(:last-child) {margin-bottom: 10px;}
            .history-slider-item__title {margin-bottom: 10px; font-size: 6vw;}
            .history-slider-item__button {margin-top: 20px;}
               .history-slider-item__button .btn-game {max-width: 100%; font-size: 12px;}
}
@media screen and (max-width: 926px) and (orientation: landscape) {
   .game__slider {top: 50px;}
      .history-slider__item {margin-left: 60px; font-size: 8px;}
         .history-slider-item__in {height: auto;}
            .history-slider-item__year {font-size: 50px;}
            .history-slider__item:last-child .history-slider-item__year {font-size: 5vw;}
            .history-slider-item__box {margin-left: 20px; padding: 30px 20px;}
               .history-slider-item__box .history-slider-item__year {right: 15px; bottom: 10px; font-size: 14px;}
               .history-slider-item__box p:not(:last-child) {margin-bottom: 10px;}
               .history-slider-item__title {margin-bottom: 10px; font-size: 3.5vw;}
               .history-slider-item__compare {margin: 10px auto 0; width: 200px;}
               .history-slider-item__button {margin-top: 20px;}
                  .history-slider-item__button .btn-game {font-size: 12px;}
}

/*years*/
.game.start.play .game__years {opacity: 1; visibility: visible; z-index: 4;}
   .history-slider_years {animation: yearsSlider 20s linear 1 forwards; animation-play-state: paused;}
   .game.play .history-slider_years {animation-play-state: running;}
   .game.play.pause .history-slider_years {animation-play-state: paused;}
   .game.play.fail .history-slider_years {display: none;}

@keyframes yearsSlider {
   from {transform: translateX(100vw) translateZ(0);}
   to {transform: translateX(-100%) translateZ(0);}
}

/*win*/
.game__win {width: 100%; padding: 0 40px;}
.game.play.win .game__win {opacity: 1; visibility: visible; z-index: 4;}
   .game.play.win .history-slider_win {animation: gameWin 0.25s linear 1 forwards;}
      .history-slider_win .history-slider-item__box:first-child {margin-left: 0;}

@media screen and (max-width: 1024px) {
   .history-slider_win .history-slider-item__in {display: block;}
      .history-slider_win .history-slider-item__box {width: calc(100vw - 60px); margin-left: 0;}
      .history-slider_win .history-slider-item__box:first-child {padding-bottom: 0;}
}
@media screen and (max-width: 480px) {
   .game__win {padding: 0 20px;}
      .history-slider_win .history-slider-item__box {width: calc(100vw - 40px);}
}
@media screen and (max-width: 767px) and (orientation: landscape) {
   .game__win {padding: 0 20px;}
      .history-slider_win .history-slider-item__box {width: calc(100vw - 40px);}
}

@keyframes gameWin {
   0% {transform: scale(1.5); opacity: 0;}
   100% {transform: scale(1); opacity: 1;}
}

/*popup*/
.game__popup {position: absolute; top: 50%; left: 0; width: 100%; transform: translateY(-50%); opacity: 0; visibility: hidden; z-index: 0;}

/*start*/
.game__start {left: 50%; margin-left: -150px; width: 300px; height: 90px; transform: translateY(-50%);}
.game.start .game__start {opacity: 1; visibility: visible; z-index: 4;}
.game.start.play .game__start {opacity: 0; visibility: hidden; z-index: 0;}
   .game__start ul {margin: 0; padding: 0;}
      .game__start ul li {position: absolute; top: 0; left: 0; width: 100%; margin: 0; padding: 0; text-align: center; font-size: 83px; line-height: 1; opacity: 0; transform: scale(0);}
      .game.start .game__start ul li {animation: gameStart 0.65s linear forwards;}
      .game:not(.start) .game__start ul li, .game.start.play .game__start ul li {animation: none;}
      .game.start .game__start ul li:nth-child(1) {animation-delay: 0s;}
      .game.start .game__start ul li:nth-child(2) {animation-delay: 0.65s;}
      .game.start .game__start ul li:nth-child(3) {animation-delay: 1.3s;}
      .game.start .game__start ul li:nth-child(4) {animation-delay: 1.95s;}
         .game__start ul li:before {display: none;}

@media screen and (min-width: 1025px) and (max-height: 800px) and (orientation: landscape) {
   .game__start ul li {font-size: 8.8vh;}
}
@media screen and (max-width: 1024px) {
   .game__start ul li {font-size: 73px;}
}
@media screen and (max-width: 767px) {
   .game__start ul li {font-size: 60px;}
}
@media screen and (max-width: 480px) {
   .game__start ul li {font-size: 50px;}
}
@media screen and (max-width: 926px) and (orientation: landscape) {
   .game__start ul li {font-size: 50px;}
}

@keyframes gameStart {
   0% {opacity: 0; transform: scale(0);}
   10% {opacity: 1; transform: scale(1);}
   80% {opacity: 1; transform: scale(1)}
   100% {opacity: 0; transform: scale(0);}
}

/*fail*/
.game.play.fail .game__fail {opacity: 1; visibility: visible; z-index: 6;}
   .history-slider_fail {top: 0; width: 100%; transform: scale(1.5); opacity: 0;}
   .game.play.fail .history-slider_fail {animation: gameFail 0.3s linear 1 forwards;}
      .history-slider_fail .history-slider__item {width: 100%;}
         .history-slider_fail .history-slider-item__in {width: 100%; text-align: center;}
            .history-slider_fail .history-slider-item__box {margin-left: 0;}

@keyframes gameFail {
   0% {
      transform: scale(1.5);
      opacity: 0;
   }
   50% {
      transform: scale(1);
   }
   80% {
      transform: scale(0.7);
   }
   90% {
      transform: scale(0.8);
   }
   100% {
      transform: scale(1);
      opacity: 1;
   }
}
@media screen and (min-width: 481px) {
   .history-slider_fail .history-slider-item__box {width: auto;}
}

/*playground*/
.game__playground {position: absolute; bottom: 0; left: 0; width: 100%; height: 60vh;}
.game.start .game__playground { min-height: 0;}

@media screen and (max-width: 1024px) {
   .game__playground {height: 55vh;}
}
@media screen and (max-width: 767px) {
   .game__playground {height: 45vh;}
}
@media screen and (max-width: 480px) {
   .game__playground {height: 50vh;}
}
@media screen and (max-width: 374px) {
   .game__playground {height: 60vh;}
}
@media screen and (max-width: 926px) and (orientation: landscape) {
   .game__playground {height: 60vh;}
}

/*animated-object*/
.game .animated-object {will-change: transform;}
.game:not(.play) .animated-object {animation: none !important;}
.game.play .animated-object {animation-play-state: running !important;}
.game.pause .animated-object {animation-play-state: paused !important;}

/*landscape*/
.game__landscape {position: absolute; left: 0; width: 1920px;}
   .game__landscape .animated-object {position: absolute; left: 0; width: 100%; transform: translateX(100%); animation: Float 6s linear infinite forwards;}

@keyframes Float {
   0% {transform: translateX(100%);}
   100% {transform: translateX(-100%);}
}
@keyframes FloatFirstObject {
   0% {transform: translateX(0);}
   49.99999% {transform: translateX(-100%);}
   50% {transform: translateX(100%);}
   100% {transform: translateX(0);}
}
@keyframes FloatFirstObjectOnce {
   0% {transform: translateX(0);}
   49.99999% {transform: translateX(-100%);}
   50% {visibility: hidden; transform: translateX(-100%);}
   100% {visibility: hidden; transform: translateX(-100%);}
}

@media screen and (min-width: 1921px) {
   .game__landscape {width: 100vw;}
      .game__landscape .animated-object {animation-duration: 10s;}
}
@media screen and (max-width: 767px) {
   .game__landscape {width: 1280px;}
}
@media screen and (max-width: 480px) {
   .game__landscape .animated-object {animation-duration: 8s;}
}
@media screen and (max-width: 926px) and (orientation: landscape) {
   .game__landscape {width: 1280px;}
}

/*land*/
.game__land {bottom: 0; height: 72px;}
   .game__land .animated-object {top: 0; height: 100%; background: url('../i/game/land.png') 0 0;}
   .game__land .animated-object:nth-child(1) {transform: translateX(0); animation: FloatFirstObject 6s linear infinite forwards;}

@media screen and (min-width: 1921px) {
   .game__land .animated-object:nth-child(1) {animation-duration: 10s;}
}
@media screen and (min-width: 768px) and (max-width: 1920px) {
   .game__land {width: 1913px;}
}
@media screen and (max-width: 767px) {
   .game__land {height: 49px;}
      .game__land .animated-object {background-size: auto 49px;}
}
@media screen and (max-width: 480px) {
   .game__land .animated-object:nth-child(1) {animation-duration: 8s;}
}
/*== 767*/
@media screen and (max-width: 926px) and (orientation: landscape) {
   .game__land {width: 1280px; height: 49px;}
      .game__land .animated-object {background-size: auto 49px;}
}

/*clouds*/
.game__clouds {top: 0; height: 100%;}
   .clouds-slide {top: 0; animation-duration: 16s !important;}
   .clouds-slide.animated-once {transform: translateX(0); animation: FloatFirstObjectOnce 16s linear 1 forwards;}
      .clouds-slide.animated-once .clouds-slide__in:nth-child(1) {margin-left: 70vw;}
   .clouds-slide:nth-child(2), .clouds-slide:nth-child(3) {padding: 0 5vw;}
   .clouds-slide:nth-child(3) {animation-delay: 8s !important;}
      .clouds-slide__in {position: relative; width: 387px; height: 258px;}
      .clouds-slide__in_big {width: 195px; height: 96px;}
      .clouds-slide__in_small {width: 126px; height: 71px;}
         .cloud {position: absolute; z-index: 3; background: url('../i/game/clouds.png') no-repeat;}
         .cloud-big {top: 0; left: 10vw; width: 195px; height: 96px; background-position: 0 0;}
         .cloud-big:only-child {left: 0;}
         .clouds-slide:nth-child(2) .clouds-slide__in:nth-child(1) .cloud-big:only-child {top: 10vh;}
         .clouds-slide:nth-child(2) .clouds-slide__in:nth-child(4) .cloud-small:only-child {left: 0;}
         .clouds-slide:nth-child(3) .clouds-slide__in:nth-child(3) .cloud-big:only-child {top: 15vh;}
         .cloud-small + .cloud-big {top: 20vh; left: 0;}
         .cloud-small {top: 20vh; left: 0; width: 126px; height: 71px; background-position: -195px 0;}
         .cloud-small:first-child {top: 0; left: 10vw;}

@media screen and (min-width: 1025px) {
   .clouds-slide.animated-once .clouds-slide__in:nth-child(3) {display: none;}
}
@media screen and (min-width: 1367px) {
   .clouds-slide.animated-once .clouds-slide__in:nth-child(2) {display: none;}
}
@media screen and (max-width: 1024px) {
   .cloud-big {left: 15vw;}
   .cloud-small + .cloud-big {top: 15vh;}
   .cloud-small {top: 15vh;}
   .cloud-small:first-child {left: 15vw;}
}
@media screen and (max-width: 767px) {
   .clouds-slide__in {width: 170px; height: 114px;}
   .clouds-slide__in_big {width: 107px; height: 53px;}
   .clouds-slide__in_small {width: 70px; height: 39px;}
      .cloud {background-size: 177px 53px;}
      .cloud-big {width: 107px; height: 53px;}
      .cloud-small {top: 10vh; width: 70px; height: 39px; background-position: -108px 0;}
}
@media screen and (max-width: 480px) {
   .clouds-slide.animated-once .clouds-slide__in:nth-child(3) {display: block;}
}
/*== 767*/
@media screen and (max-width: 926px) and (orientation: landscape) {
   .clouds-slide__in {width: 170px; height: 114px;}
   .clouds-slide__in_big {width: 107px; height: 53px;}
   .clouds-slide__in_small {width: 70px; height: 39px;}
      .cloud {background-size: 177px 53px;}
      .cloud-big {width: 107px; height: 53px;}
      .cloud-small {top: 10vh; width: 70px; height: 39px; background-position: -108px 0;}
}

/*mounts*/
.game__mounts {bottom: 72px;}
   .mounts-slide {bottom: 0;}
   .mounts-slide.animated-once {transform: translateX(0); animation: FloatFirstObjectOnce 6s linear 1 forwards;}
      .mounts-slide.animated-once .mounts-slide__in:nth-child(1) {margin-left: 50vw;}
      .mounts-slide.animated-once .mounts-slide__in:nth-child(2) {margin-left: 10vw;}
   .mounts-slide:nth-child(3) {padding: 0 5vw; animation-delay: 3s;}
      .mounts-slide__in {width: 665px; height: 240px; position: relative;}
      .mounts-slide__in_big {width: 521px;}
      .mounts-slide__in_small {width: 365px;}
         .mount {position: absolute; bottom: 0; background: url('../i/game/mounts.png') no-repeat;}
         .mount-big {left: 0; width: 521px; height: 240px; background-position: 0 0; z-index: 0;}
         .mount-small {left: 300px; width: 365px; height: 168px; background-position: -521px 0; z-index: 1;}
         .mount-small:only-child {left: 0;}

@media screen and (min-width: 1921px) {
   .mounts-slide.animated-once {animation-duration: 10s;}
   .mounts-slide:nth-child(3) {animation-delay: 5s;}
}
@media screen and (min-width: 1367px) {
   .mounts-slide.animated-once .mounts-slide__in:nth-child(2) {display: none;}
}
@media screen and (max-width: 1024px) {
   .mounts-slide.animated-once .mounts-slide__in:nth-child(1) {margin-left: 30vw;}
   .mounts-slide.animated-once .mounts-slide__in:nth-child(2) {margin-left: 20vw;}
}
@media screen and (max-width: 767px) {
   .game__mounts {bottom: 49px;}
      .mounts-slide__in {width: 458px; height: 170px;}
      .mounts-slide__in_big {width: 369px;}
      .mounts-slide__in_small {width: 258px;}
         .mount {background-size: 627px 170px;}
         .mount-big {width: 369px; height: 170px;}
         .mount-small {left: 200px; width: 258px; height: 119px; background-position: -369px 0;}
}
@media screen and (max-width: 480px) {
   .mounts-slide.animated-once {animation-duration: 8s;}
   .mounts-slide:nth-child(3) {animation-delay: 4s;}

   .mounts-slide.animated-once .mounts-slide__in:nth-child(1) {margin-left: 20vw;}
   .mounts-slide.animated-once .mounts-slide__in:nth-child(2) {margin-left: 30vw;}
}
/*== 767*/
@media screen and (max-width: 926px) and (orientation: landscape) {
   .game__mounts {bottom: 49px;}
      .mounts-slide__in {height: 170px;}
      .mounts-slide__in_full {width: 458px;}
      .mounts-slide__in_small {width: 258px;}
      .mounts-slide__in_big {width: 369px;}
      .mounts-slide.animated-once .mounts-slide__in:nth-child(1) {margin-left: 50vw;}
         .mount {background-size: 627px 170px;}
         .mount-big {width: 369px; height: 170px;}
         .mount-small {left: 200px; width: 258px; height: 119px; background-position: -369px 0;}
}

/*cactus*/
.game__cactus {bottom: 72px; z-index: 5;}
   .game__cactus .cactus-slide {bottom: 0; left: 100vw; will-change: left; transform: translateX(0); animation: FloatCactus 6s linear 1 forwards;}
   .cactus-slide:nth-child(1) {left: 50vw; animation-name: FloatFirstCactus; /*animation-duration:5.8s;*/}
   .cactus-slide:nth-child(2) {left: 80vw; animation-name: FloatSecondCactus;  /*animation-duration: 6.4s;*/}
      .cactus {position: absolute; left: 0; bottom: 0; width: 75px; background: url('../i/game/cactus.png') no-repeat;}
      .cactus-big {height: 144px; background-position: 0 0;}
      .cactus-small {height: 91px; background-position: -75px 0;}
      .cactus-big + .cactus-small {margin-left: 78px;}
      .cactus-small + .cactus-big {margin-left: 82px;}
      .cactus-slide-big .cactus, .cactus-slide:last-child .cactus {border: 2px solid red;}

@keyframes FloatCactus {
   100% {left: -100vw;}
}
@keyframes FloatFirstCactus {
   100% {left: calc(-100vw - 50vw);}
}
@keyframes FloatSecondCactus {
   100% {left: calc(-100vw - 20vw);}
}

@media screen and (min-width: 1921px) {
   .game__cactus .cactus-slide {animation-duration: 10s !important;}
}
@media screen and (max-width: 1024px) {
   .cactus-slide:nth-child(1) {left: 70vw;}
   .cactus-slide:nth-child(2) {left: 100vw; animation-delay: 1s;}

   @keyframes FloatFirstCactus {
      100% {left: calc(-100vw - 30vw);}
   }
   @keyframes FloatSecondCactus {
      100% {left: -100vw;}
   }
}
@media screen and (max-width: 767px) {
   .game__cactus {bottom: 49px;}
      .cactus {width: 49px; background-size: 98px 94px;}
      .cactus-big {height: 94px;}
      .cactus-small {height: 59px; background-position: -49px 0;}
      .cactus-big + .cactus-small {margin-left: 52px;}
      .cactus-small + .cactus-big {margin-left: 54px;}
}
@media screen and (max-width: 480px) {
   .cactus-slide:nth-child(1) {left: 80vw;}
   .cactus-slide:nth-child(2) {animation-delay: 2s;}

   @keyframes FloatFirstCactus {
      100% {left: calc(-100vw - 20vw);}
   }
}
/*== 767*/
@media screen and (max-width: 926px) and (orientation: landscape) {
   .game__cactus {bottom: 49px;}
      .cactus {width: 49px; background-size: 98px 94px;}
      .cactus-big {height: 94px;}
      .cactus-small {height: 59px; background-position: -49px 0;}
      .cactus-big + .cactus-small {margin-left: 52px;}
      .cactus-small + .cactus-big {margin-left: 54px;}
}

/*dino*/
.game__dino {position: absolute; left: 0; bottom: 72px; width: 100%;}
   .dino {position: absolute; bottom: 0; left: 40px; width: 188px; height: 196px; background-image: url('../i/game/dino.png'); background-position: 0 0; background-repeat: no-repeat; z-index: 4;}
   .game.play .dino {background-position: -188px 0; animation: dinoWalk 0.25s steps(2) infinite;}
   .game.pause .dino {background-position: 0 0 !important;}
   .game.play .dino.alarm {background-position: -752px 0 !important; animation: none;} 
   .game.play .dino.jump {background-position: -564px 0 !important; animation: dinoJumpHigh 0.6s linear;}
   .touchevents .game.play .dino.jump {animation-duration: 0.4s !important;}
   .game.pause .dino.jump {background-position: 0 0 !important; animation: none;}
   .game.pause.fail .dino {background-position: -940px 0 !important;}
   .game.win .dino {background-position: 0 0 !important; animation: dinoHappy 0.3s infinite !important; animation-play-state: running !important;}

@keyframes dinoWalk {
   0% {background-position: -188px 0;}
   100% {background-position: -564px 0;}
}
@keyframes dinoWalkMob {
   0% {background-position: -118px 0;}
   100% {background-position: -354px 0;}
}
@keyframes dinoJumpHigh {  
   0% {  
     transform: translate3d(0, 0%, 0);
   }  
   15% {  
     transform: translate3d(0, -150px, 0); 
   } 
   75% {  
     transform: translate3d(0, -150px, 0); 
   } 
   100% {  
     transform: translate3d(0, 0%, 0); 
   }   
} 
@keyframes dinoJumpLow {  
   0% {  
     transform: translate3d(0, 0%, 0);
   }  
   15% {  
     transform: translate3d(0, -94px, 0); 
   } 
   75% {  
     transform: translate3d(0, -94px, 0); 
   } 
   100% {  
     transform: translate3d(0, 0%, 0); 
   }   
} 
@keyframes dinoHappy {
   0% {
      transform: translateY(0%);
   }
   60%{
      transform: translateY(-30%);
   }
   70%{
      transform: translateY(0%);
   }
   80%{
      transform: translateY(0%);
   }  
   90%{
      transform: translateY(0%);
   }           
   100%{
      transform: translateY(0%);
   }  
}

@media screen and (max-width: 767px) {
   .game__dino {bottom: 49px;}
      .dino {width: 118px; height: 123px; background-size: 708px 123px;}
      .game.play .dino {background-position: -118px 0; animation: dinoWalkMob 0.25s steps(2) infinite;}
      .game.play .dino.alarm {background-position: -472px 100% !important;} 
      .game.play .dino.jump {background-position: -354px 0 !important; animation: dinoJumpLow 0.4s linear;}
      .game.pause.fail .dino {background-position: -590px 0 !important;}
}
@media screen and (max-width: 480px) {
   .dino {left: 20px;}
}
/*== 767*/
@media screen and (max-width: 926px) and (orientation: landscape) {
   .game__dino {bottom: 49px;}
      .dino {width: 118px; height: 123px; background-size: 708px 123px;}
      .game.play .dino {background-position: -118px 0; animation: dinoWalkMob 0.25s steps(2) infinite;}
      .game.play .dino.alarm {background-position: -472px 0 !important; animation: none;} 
      .game.play .dino.jump {background-position: -354px 0 !important; animation: dinoJumpLow 0.4s linear;}
      .game.pause.fail .dino {background-position: -590px 0 !important;}
}
@media screen and (max-width: 767px) and (orientation: landscape) {
   .dino {left: 20px;}
}

/*ptero*/
.game__ptero {position: absolute; left: 0; bottom: 0; width: 1920px; z-index: 5;}
   .ptero-slide {position: absolute; left: 100%; bottom: 0; width: 100%; height: 50vh; will-change: left;}
   .game.play .ptero-slide.animated {animation: PteroSlide 10s linear 1 forwards; animation-delay: 5s;}
      .ptero {position: absolute; top: 0; left: 0; width: 178px; height: 126px; z-index: 3; background: url('../i/game/ptero.png') 0 0 no-repeat; animation: PteroWings 1s steps(2) infinite, PteroFly 2s infinite;}

@keyframes PteroSlide {
   100% {left: -1920px;}
}
@keyframes PteroSlideMob {
   100% {left: -1280px;}
}
@keyframes PteroWings {
   0% {background-position: 0 0;}
   100% {background-position: -356px 0;}
}
@keyframes PteroWingsMob {
   0% {background-position: 0 0;}
   100% {background-position: -272px 0;}
}
@keyframes PteroFly {
   0% {transform: translateY(0%);}
   50% {transform: translateY(60%);}
   100% {transform: translateY(-80%);}
}

@media screen and (max-width: 767px) {
   .game__ptero {width: 1280px;}
      .ptero-slide {height: 350px;}
      .ptero-slide.animated {animation: PteroSlideMob 10s linear 1 forwards;}
         .ptero {width: 136px; height: 97px; background-size: 272px 97px; animation: PteroWingsMob 1s steps(2) infinite, PteroFly 2s infinite;}
}
@media screen and (max-width: 480px) {
   .ptero-slide {height: 300px;}
}
/*== 767*/
@media screen and (max-width: 926px) and (orientation: landscape) {
   .game__ptero {width: 1280px;}
      .ptero-slide {height: 300px;}
      .ptero-slide.animated {animation: PteroSlideMob 10s linear 1 forwards;}
         .ptero {width: 136px; height: 97px; background-size: 272px 97px; animation: PteroWingsMob 1s steps(2) infinite, PteroFly 2s infinite;}
}


/*====================================================
   .team
====================================================*/
.team__top {margin-bottom: 60px;}
   .team-top__left .team__title {white-space: nowrap;}
      .team-top__left .team__title h2, .team-top__left .team__title .h2 {margin-bottom: 0;}
   .team-top__right {padding-left: 20px; text-align: right;}
.team-item__image {margin-bottom: 20px;}
.team-item__name {margin-bottom: 4px;}
   .team-item__name h5, .team-item__name .h5 {margin-bottom: 0; line-height: 1.83;}
.team-item__job {font-size: 16px; line-height: 1.4; letter-spacing: 0.03em;}
.team__heading {margin-top: 60px;}
   .team__heading h3, .team__heading .h3 {margin-bottom: 0; line-height: 1.2; letter-spacing: 0.025em;}

/*vacancy*/
.team-item_vacancy .team-item__link {position: relative;}
.team-item_vacancy .team-item__image {overflow: hidden; position: relative;}
   .team-item_vacancy .team-item__image img {display: block;}
   .team-item_vacancy .team-item__bg {position: absolute; top: 50%; left: 50%; transform: translate3d(-50%,-50%,0); width: 200%; height: 200%; background: url('../i/hole.svg'); background-size: 100% 100%; background-position: 0% 0%; background-repeat: no-repeat; z-index: 0;}
   .touchevents .team-item_vacancy .team-item__bg {display: none;}
.team-item_vacancy .team-item__name {position: absolute; top: 0; left: 0; width: 100%; height: 100%; font-size: 34px; line-height: 1.1; color: #000; pointer-events: none; z-index: 2;}
.team-item_vacancy .team-item__link:hover .team-item__name {background: none;}
   .team-item_vacancy .team-item__name div {width: 100%; text-align: center;}

@media screen and (min-width: 768px) {
   .team__heading h3, .team__heading .h3 {font-size: 50px;}
}
@media screen and (min-width: 1280px) {
   .team__content > .bg_blend {display: none;}
   .team__list {margin-left: -30px; margin-bottom: -80px;}
      .team__item {width: 25%; padding-left: 30px; margin-bottom: 80px;}
         .team-item_vacancy .team-item__image {height: 365px;}
   .team__heading {width: 50%; padding-left: 30px; padding-right: 40px; margin-top: 0;}
}
@media screen and (max-width: 1279px) {
   .team__item {width: 271px; margin-right: 20px;}
   .team__item:last-child {margin-right: 0;}
      .team__heading .bg_blend {display: none;}
}
@media screen and (max-width: 1024px) {
   .team__heading h3, .team__heading .h3 {font-size: 40px;}
}
@media screen and (max-width: 480px) {
   .team__top {margin-bottom: 40px;}
   .team__item {width: 220px; margin-right: 15px;}
      .team-item__image {margin-bottom: 10px;}
      .team-item__name {margin-bottom: 2px;}
         .team-item__name h5, .team-item__name .h5 {font-size: 14px;}
      .team-item__job {font-size: 12px;}
   .team__heading {margin-top: 40px;}
      .team__heading h3, .team__heading .h3 {font-size: 30px;}
}
@media screen and (max-width: 767px) and (orientation: landscape) {
   .team__heading {margin-top: 40px;}
      .team__heading h3, .team__heading .h3 {font-size: 30px;}
}


/*====================================================
   .design-trends-intro
====================================================*/
.design-trends-intro__in {position: relative;}
   .design-trends-intro__link {display: block; position: relative; z-index: 3;}
      .design-trends-intro__title {position: absolute; top: 50%; left: 50%; transform: translate3d(-50%,-50%,0); z-index: 1;}
         .design-trends-intro__title h3, .design-trends-intro__title .h3 {font-size: 80px; margin-bottom: 0; color: #000;}
      .design-trends-intro__image {z-index: 0;}
      .touchevents .design-trends-intro__link {animation: mouseMoveReverse 5s ease-in-out infinite alternate;}

@media screen and (min-width: 768px) {
   .design-trends-intro__left {padding-right: 40px; -webkit-box-ordinal-group: 1; -webkit-order: 1; -ms-flex-order: 1; order: 1;}
   .design-trends-intro__right {-webkit-box-ordinal-group: 2; -webkit-order: 2; -ms-flex-order: 2; order: 2;}
}
@media screen and (min-width: 1367px) {
   .design-trends-intro__right {min-width: 471px; margin-right: -40px;}
}
@media screen and (max-width: 1366px) {
   .design-trends-intro__title h3, .design-trends-intro__title .h3 {font-size: 70px;}
}
@media screen and (min-width: 1025px) and (max-width: 1366px) {
   .design-trends-intro__right {width: 32vw; min-width: 32vw;}
}
@media screen and (max-width: 1279px) {
   .design-trends-intro__title h3, .design-trends-intro__title .h3 {font-size: 60px;}
}
@media screen and (max-width: 1024px) {
   .design-trends-intro__in {display: block;}
      .design-trends-intro__title h3, .design-trends-intro__title .h3 {font-size: 50px;}
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
   .design-trends-intro__in {display: block; padding-top: 60px;}
      .design-trends-intro__text h2, .design-trends-intro__text .h2 {max-width: 380px;}
      .design-trends-intro__right {position: absolute; top: -180px; right: 0; width: 320px; height: 320px;}
}
@media screen and (min-width: 481px) and (max-width: 767px) {
   .design-trends-intro__right {width: 40vw; float: right; margin-left: 20px; margin-bottom: 20px;}
      .design-trends-intro__title h3, .design-trends-intro__title .h3 {font-size: 7.5vw;}
}
@media screen and (max-width: 480px) {
   .design-trends-intro__in {display: block;}
      .design-trends-intro__title h3, .design-trends-intro__title .h3 {font-size: 45px; font-size: 12vw;}
      .design-trends-intro__right {width: 100%; max-width: 320px; margin: 0 auto 40px;}
}
@media screen and (max-width: 374px) {
   .design-trends-intro__title h3, .design-trends-intro__title .h3  {font-size: 14vw;}
}


/*====================================================
   .page-title_design-trends
====================================================*/
.page-title_design-trends .page-title__in {padding-top: 40px; height: 710px;}
   .page-title_design-trends .mouse-move__object {top: 0; right: 0;}
   .page-title_design-trends h1, .page-title_design-trends .h1 {font-size: 250px; margin-bottom: 0;}
   .page-title_design-trends .page-title__content {position: absolute; top: 320px; left: 640px; padding-right: 40px;}

@media screen and (min-width: 768px) {
   .page-title_design-trends .page-title__heading {display: block;}
   .page-title_design-trends .page-title__text {font-family: "MuseoSansMedium";}
}
@media screen and (max-width: 1279px) {
   .page-title_design-trends .page-title__in {padding-top: 20px; height: 50vw;}
      .page-title_design-trends .mouse-move__object {max-width: 50vw;}
      .page-title_design-trends h1, .page-title_design-trends .h1 {font-size: 200px; font-size: 20vw;}
      .page-title_design-trends .page-title__content {top: 25vw; left: 52vw; width: 42vw}
}
@media screen and (min-width: 1153px) and (max-width: 1279px) {
   .page-title_design-trends .page-title__text {font-size: 18px;}
}
@media screen and (min-width: 768px) and (max-width: 1152px) {
   .page-title_design-trends .page-title__text {font-size: 17px;}
}
@media screen and (max-width: 1024px) {
   .page-title_design-trends .page-title__in {padding-top: 0; height: 55vw;}
      .page-title_design-trends .mouse-move__object {max-width: 65vw; top: -10vw;}
      .page-title_design-trends h1, .page-title_design-trends .h1 {font-size: 115px; font-size: 15vw;}
      .page-title_design-trends .page-title__content {top: 18vw; left: 40vw; width: 48vw}
}
@media screen and (max-width: 767px) {
   .page-title_design-trends .page-title__in {height: auto;}
      .page-title_design-trends .mouse-move__object {top: 0; right: auto; left: 0; width: 55vw;}
      .page-title_design-trends .page-title__heading {width: 55vw; height: 55vw;}
      .page-title_design-trends .page-title__content {position: relative; top: auto; left: auto; width: 100%; padding-right: 0; padding-top: 20px;}
         .page-title_design-trends .page-title__text {color: #FFF;}
}
@media screen and (min-width: 481px) and (max-width: 767px) {
   .page-title_design-trends h1, .page-title_design-trends .h1 {font-size: 55px; font-size: 10vw;}
}
@media screen and (max-width: 480px) {
   .page-title_design-trends .mouse-move__object {width: calc(100vw - 40px); max-width: calc(100vw - 40px);}
      .page-title_design-trends .page-title__heading {width: calc(100vw - 40px); height: calc(100vw - 40px);}
         .page-title_design-trends h1, .page-title_design-trends .h1 {font-size: 45px; font-size: 15vw;}
}


/*====================================================
   .design-trends
====================================================*/
.design-trends__num {font-size: 177px; line-height: 0.75; margin-bottom: 40px;}
.design-trends__title {margin-bottom: 20px;}
   .design-trends__title h3, .design-trends__title .h3 {margin-bottom: 0;}
.design-trends-image__full {margin-bottom: 40px; position: relative;}
.design-trends-image__full:last-child {margin-bottom: 0;}
.design-trends-image__thumbs {margin-left: -40px;}
   .design-trends-image__thumbs > div {padding-left: 40px;}
.design-trends-image__caption {padding-top: 10px; line-height: 1;}

/*text-bottom*/
.design-trends__row_text-bottom .design-trends__column {margin-top: 0;}
.design-trends__row_text-bottom + .design-trends__row.wrapper {margin-top: 0;}

/*mouse-move*/
.design-trends__row .mouse-move__object_first {top: 100%; margin-top: -140px; right: 100px;}
.design-trends__row .mouse-move__object_second {top: -20vw; left: -80px; max-width: 35vw;}
.design-trends__row .mouse-move__object_third {top: 100%; margin-top: -10vw; right: -80px; max-width: 35vw;}

@media screen and (min-width: 768px) {
   /*text-bottom*/
   .design-trends__row_text-bottom {margin-left: -20px;}
      .design-trends__row_text-bottom .design-trends__column {width: 33.333%; padding-left: 20px;}
         .design-trends__row_text-bottom .design-trends__content {width: 100%; height: 100%; padding-right: 40px; margin-bottom: 0; -webkit-box-ordinal-group: 2; -webkit-order: 2; -ms-flex-order: 2; order: 2;}
            .design-trends__row_text-bottom .design-trends__num {font-size: 121px;}
         .design-trends__row_text-bottom .design-trends__image {width: 100%; margin-bottom: 60px; -webkit-box-ordinal-group: 1; -webkit-order: 1; -ms-flex-order: 1; order: 1;}
}
@media screen and (min-width: 1280px) {
   .design-trends__content {width: 588px; width: 31.992%;}
   .design-trends__image {width: calc(100% - 588px); width: 68.009%;}
   /*text-left*/
   .design-trends__row_text-left {margin-right: -65px;}
      .design-trends__row_text-left .design-trends__content {padding-right: 60px; text-align: right;}
   /*text-right*/
   .design-trends__row_text-right {margin-left: -65px;}
      .design-trends__row_text-right .design-trends__content {padding-left: 60px; -webkit-box-ordinal-group: 2; -webkit-order: 2; -ms-flex-order: 2; order: 2;}
      .design-trends__row_text-right .design-trends__image {text-align: right; -webkit-box-ordinal-group: 1; -webkit-order: 1; -ms-flex-order: 1; order: 1;}
         .design-trends__row_text-right .design-trends-image__thumbs {float: right;}
}
@media screen and (min-width: 1690px) {
   .design-trends__row_text-left {margin-right: -65px;}
}
@media screen and (max-width: 1679px) {
   /*mouse-move*/
   .design-trends__row .mouse-move__object_first {right: -80px;}
}
@media screen and (max-width: 1279px) {
   .design-trends__row:not(.design-trends__row_text-bottom) {display: block;}
      .design-trends__content {margin-bottom: 40px;}
   /*mouse-move*/
   .design-trends__row .mouse-move__object_second {top: auto; bottom: -20vw; left: auto; right: -80px;}
   .design-trends__row .mouse-move__object_third {margin-top: -10vw; right: auto; left: 180px;}
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
   /*text-bottom*/
   .design-trends__row_text-bottom .design-trends__column {width: 50%;}
   .design-trends__column:not(:last-child) {margin-bottom: 60px;}
}
@media screen and (max-width: 1024px) {
   .design-trends__content:after {clear: both; content: "."; display: block; height: 0; visibility: hidden;}
   .design-trends__num {width: 180px; height: 100%; float: left; margin-bottom: 0;}
   .design-trends__text {padding-left: 180px;}
   /*mouse-move*/
   .design-trends__row .mouse-move__object_first {margin-top: -20vw; max-width: 35vw;}
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
   .design-trends__text {font-size: 20px;}
   /*text-bottom*/
   .design-trends__row_text-bottom .design-trends__num {margin-bottom: 20px; font-size: 71px; width: auto; height: auto; float: none;}
   .design-trends__row_text-bottom .design-trends__text {padding-left: 0;}
   .design-trends__row_text-bottom .design-trends__title h3, .design-trends__row_text-bottom .design-trends__title .h3 {font-size: 30px;}
   .design-trends__row_text-bottom .design-trends__descr {font-size: 16px;}
   .design-trends__row_text-bottom .design-trends__image {margin-bottom: 30px;}
}
@media screen and (max-width: 767px) {
   .design-trends__content {margin-bottom: 30px;}
      .design-trends__num {width: 120px; height: auto; margin-bottom: 15px; font-size: 100px; padding-top: 0.1em;}
      .design-trends__text {padding-left: 0;}
         .design-trends__title {padding-left: 120px; margin-bottom: 15px;}
         .design-trends__descr {clear: both;}
   .design-trends-image__full {margin-bottom: 30px;}
   .design-trends-image__thumbs {margin-left: -20px;}
      .design-trends-image__thumbs > div {width: 50%; padding-left: 20px;}
}
@media screen and (max-width: 480px) {
   .design-trends__content {margin-bottom: 20px;}
      .design-trends__num {width: 80px; margin-bottom: 10px; font-size: 75px;}
      .design-trends__title {padding-left: 80px; margin-bottom: 10px;}
         .design-trends__title h3, .design-trends__title .h3 {font-size: 34px;}
   .design-trends-image__full {margin-bottom: 25px;}
   /*mouse-move*/
   .design-trends__row .mouse-move__object_first {max-width: 50vw; margin-left: -40px;}
   .design-trends__row .mouse-move__object_second {max-width: 50vw; margin-right: -40px;}
   .design-trends__row .mouse-move__object_third {max-width: 50vw; margin-top: -15vw; left: auto; right: 0;}
}
@media screen and (max-width: 374px) {
   .design-trends__num {width: 75px; font-size: 70px;}
   .design-trends__title {padding-left: 75px;}
      .design-trends__title h3, .design-trends__title .h3 {font-size: 30px;}
}
@media screen and (max-width: 767px) and (orientation: landscape) {
   .design-trends__content {margin-bottom: 20px;}
      .design-trends__num {width: 80px; height: 100%; margin-bottom: 0; font-size: 75px;}
      .design-trends__title h3, .design-trends__title .h3 {font-size: 34px;}
      .design-trends__text {padding-left: 80px;}
         .design-trends__title {padding-left: 0; margin-bottom: 10px;}
         .design-trends__descr {clear: none;}
   .design-trends-image__full {margin-bottom: 25px;}
}


/*====================================================
   Merch page
====================================================*/
/*page title*/
.page-title_merch .page-title__in {height: calc(clamp(480px,37vw,710px) - 100px);}
   .page-title_merch h1, .page-title_merch .h1 {font-size: clamp(113px,12.3vw,236px); line-height: 1;}
   .page-title_merch .mouse-move__object {top: -100px; left: clamp(400px,37vw,710px); width: clamp(480px,37vw,710px);}

@media screen and (min-width: 768px) {
   .page-title_merch .page-title__grid {display: grid; grid-template-columns: auto 1fr; align-items: center;}
      .page-title_merch h1, .page-title_merch .h1 {display: inline;}
      .page-title_merch .page-title__content {margin-bottom: -6.8em; margin-left: -10px;}
         .page-title_merch .page-title__text {max-width: 250px;}
}
@media screen and (min-width: 1025px) {
   .page-title_merch .inner {display: flex; justify-content: center;}
      .page-title_merch .page-title__content {margin-bottom: -7.5em; margin-left: -20px;}
         .page-title_merch .page-title__text {max-width: 400px;}
}
@media screen and (max-width: 1024px) {
   .page-title_merch .page-title__in {height: calc(480px - 10vw);}
      .page-title_merch .mouse-move__object {width: 480px; top: -10vw; left: auto; right: 0;}
}
@media screen and (max-width: 767px) {
   .page-title_merch .page-title__in {height: auto;}
      .page-title_merch h1, .page-title_merch .h1 {font-size: clamp(62px,16.5vw,113px);}
      .page-title_merch .page-title__text {max-width: 320px; padding-top: 20px; font-family: "MuseoSansRegular"; color: #FFF;}
      .page-title_merch .mouse-move__object {width: 55vw;}
}

/*tabs links*/
ul.merch-tabs__links {padding: 0 20px 60px; margin-bottom: 60px; border-bottom: 1px solid #FFF;}
   .merch-tabs__links li {margin-bottom: 0; cursor: pointer; position: relative;}
      .merch-tabs__links li:after {content: ''; position: absolute; top: 100%; margin-top: 4px; left: 0; width: 100%; height: 0; background: #FF0000; opacity: 0; transform: translateY(-4px); transition: all 0.3s cubic-bezier(0,0,0.5,1);}
      .merch-tabs__links li:hover:after,
      .merch-tabs__links li.active:after {height: 4px; opacity: 1; transform: translateY(0);}
.merch-tabs__item {display: none;}
.merch-tabs__item.visible {display: block;}

@media screen and (min-width: 1025px) {
   .merch-tabs__links li span:last-child {display: none;}
}
@media screen and (max-width: 1024px) {
   .merch-tabs__links li span:first-child {display: none;}
}
@media screen and (max-width: 1280px) {
   ul.merch-tabs__links {padding: 0 0 30px; margin-bottom: 40px;}
      .merch-tabs__links li {font-size: 26px;}
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
   .merch-tabs__links li {font-family: "MuseoSansLight";}
}
@media screen and (max-width: 767px) {
   ul.merch-tabs__links {padding: 0 0 25px; margin-bottom: 30px;}
      .merch-tabs__links li {font-size: 20px; text-transform: uppercase;}
}
@media screen and (max-width: 480px) {
   .merch-tabs__links li {font-size: 16px;}
}
@media screen and (max-width: 374px) {
   .merch-tabs__links li {font-size: 14px;}
      .merch-tabs__links li:after {margin-top: 3px; transform: translateY(-3px);}
      .merch-tabs__links li:hover:after,
      .merch-tabs__links li.active:after {height: 3px;}
}

/*decor*/
.merch__in {position: relative; padding-bottom: clamp(150px,16vw,300px);}
   .merch__in .bg_blend {top: auto; bottom: 30%;}
   .merch__in .mouse-move__object-left {left: -20%; top: 100%; margin-top: calc(clamp(100px,11vw,200px) * -1); width: clamp(360px,35vw,665px);}
   .merch__in .mouse-move__object-right {right: calc(clamp(150px,10vw,250px) * -1); bottom: calc(clamp(150px,13vw,250px) * -1); width: clamp(280px,25vw,350px);}
.merch-item__right {position: relative;}
   .merch-item__right .mouse-move__object {left: 35%; bottom: -100px; width: clamp(480px,40vw,766px);}

@media screen and (min-width: 1025px) {
   .merch__in .bg_blend {top: auto; bottom: 30%; left: 30%;}
}
@media screen and (max-width: 1024px) {
   .merch-item__right .mouse-move__object {width: 100%; left: 50%; bottom: 40px;}
}
@media screen and (max-width: 767px) {
   .merch__in {padding-bottom: calc(10vw + 60px);}
      .merch__in .mouse-move__object-right {display: none;}
      .merch__in .mouse-move__object-left {left: auto; right: -15vw; margin-top: -10vw; width: 70vw;}
   .merch-item__right .mouse-move__object {margin-bottom: -40px; left: 30%;}
}

/*content*/
.merch .inner {max-width: 1430px;}
   .merch__item {gap: 0 80px; align-items: start;}
      .merch-arrow {display: block; width: 36px; height: 36px; border-radius: 100%; background: rgba(255,255,255,.1); position: relative; transition: all 0.3s ease 0s;}
      .merch-arrow:hover,
      .merch-arrow-parent:hover .merch-arrow {background: rgba(255,255,255,.3);}
         .merch-arrow:before, 
         .merch-arrow:after {content: ''; position: absolute; top: 50%; left: 50%; height: 1px; width: 13px; background: #FFF;}
         .merch-arrow_left:before,
         .merch-arrow_right:after {transform: rotate(-45deg);}
         .merch-arrow_left:after,
         .merch-arrow_right:before {transform: rotate(45deg);}
         .merch-arrow_left:before {margin-top: -4px; margin-left: -8px;}
         .merch-arrow_left:after {margin-top: 4px; margin-left: -8px;}
         .merch-arrow_right:before {margin-top: -4px; margin-left: -4px;}
         .merch-arrow_right:after {margin-top: 4px; margin-left: -4px;}

@media screen and (min-width: 768px) {
   .merch .inner {padding: 0 100px;}
}
@media screen and (min-width: 1025px) {
   .merch-item__right {order: 2; flex: 0 0 auto;}
   .merch__item_t-shirt .merch-item__right {margin-left: -80px; width: calc(clamp(400px,36.459vw,700px) + 80px);}
   .merch-item__left {order: 1;}
}
@media screen and (max-width: 1279px) {
   .merch-item__right {width: 43vw; margin-left: 0;}
}
@media screen and (max-width: 1024px) {
   .merch__item {display: block;}
      .merch-item__right {width: 480px; margin: 0 auto 40px;}
}
@media screen and (max-width: 767px) {
   .merch-item__right {width: 75vw;}
}
@media screen and (max-width: 480px) {
   .merch-item__right {margin-bottom: 30px;}
}

/*options*/
.merch-item-options__row {gap: 0 20px; margin-bottom: 40px;}
   .merch-item-options__label {font-family: "MuseoSansLight"; font-size: 32px; min-width: 125px;}
   .merch-item-options__list li {position: relative; cursor: pointer;}
      .merch-item-options__list li:after {content: ''; position: absolute; top: 0; left: 0; bottom: 0; right: 0; border: 4px solid #FF0000; opacity: 0; z-index: 1; transition: opacity 0.3s ease 0s;}
      .merch-item-options__list li.active:after {opacity: 1;}
   /*color*/
   .merch-item-options__color .merch-item-options__list {gap: 0 10px;}
      .merch-item-options__color .merch-item-options__list li {width: 50px; height: 50px;}
   /*print*/
   .merch-item-options__print img {width: 113px;}
   /*size*/
   .merch-item-options__size .merch-item-options__list li {padding: 10px 14px; text-align: center; font-family: "MuseoSansLight"; font-size: 22px; white-space: nowrap;}
      .merch-item-options__size .merch-item-options__list li span {display: block; font-family: "MuseoSansRegular"; font-size: 14px;}
   /*quantity*/
   .merch-quantity {gap: 0 15px;}
      .merch-quantity__input {width: 75px; height: 50px; background: transparent; text-align: center; border-radius: 0; border: 1px solid #FFF; font-family: "MuseoSansLight"; font-size: 22px; color: #FFF;}
   /*price*/
   .merch-item__price {margin-bottom: 40px; white-space: nowrap;}
   /*button*/
   .merch-item__button .btn {width: 410px; height: 107px; line-height: 105px; font-size: 30px;}

@media screen and (min-width: 1025px) {
   .merch-item-options__list li {flex: 0 0 auto;}
   .merch-item-options__details {padding-top: 40px; border-top: 1px solid #FFF;}
}
@media screen and (max-width: 1279px) {
   .merch-item-options__row {display: block;}
      .merch-item-options__label {margin-bottom: 10px; font-size: 22px; min-width: 0;}
}
@media screen and (min-width: 1025px) and (max-width: 1279px) {
   .merch-item__price {font-size: 36px;}
}
@media screen and (max-width: 1024px) {
   .merch-item-options__color .merch-item-options__list li {width: 38px; height: 38px;}
   .merch-item-options__print img {width: 80px;}
   .merch-item__price {text-align: center; padding-top: 40px; border-top: 1px solid #FFF;}
   .merch-item__button {text-align: center;}
      .merch-item__button .btn {width: 370px; height: 98px; line-height: 96px;}
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
   .merch-item__options {display: grid; grid-template-columns: auto auto; gap: 0 40px;}
      .merch-item-options__size {grid-column: span 2;}
}
@media screen and (max-width: 767px) {
   .merch-item-options__color,
   .merch-item-options__quantity {display: flex;}
      .merch-item-options__color .merch-item-options__label,
      .merch-item-options__quantity .merch-item-options__label {margin-bottom: 0;}
      .merch-item-options__size .merch-item-options__list li {padding: 5px 10px;}
   .merch-item__button .btn {width: 280px; height: 64px; line-height: 62px; font-size: 22px;}
}
@media screen and (max-width: 480px) {
   .merch-item-options__row {margin-bottom: 30px;}
      .merch-item-options__label {font-size: 18px;}
      .merch-item-options__size .merch-item-options__list li {font-size: 18px; padding: 4px 8px;}
         .merch-item-options__size .merch-item-options__list li span {font-size: 12px;}
      .merch-quantity__input {width: 64px; height: 40px; font-size: 18px;}
   .merch-item__price {padding-top: 30px; margin-bottom: 30px;}
   .merch-item__button .btn {width: 200px; height: 45px; font-size: 14px; line-height: 45px;}
}
@media screen and (max-width: 374px) {
   .merch-item-options__size .merch-item-options__list li {font-size: 16px; padding: 3px 6px;}
      .merch-item-options__list li:after {border-width: 3px;}
      .merch-item-options__size .merch-item-options__list li span {font-size: 10px;}
}

/*images*/
.merch-item__side-toggle {margin-bottom: 30px;}
   .merch-item__side-toggle a {text-decoration: none; gap: 0 20px;}
.merch-item__image {position: relative; display: inline-flex;}
   .merch-item__image:after {content: ''; position: absolute; top: -40px; right: -40px; bottom: -40px; left: -40px; border-radius: 100%; background: #172376; filter: blur(100px); z-index: -2;}
   .merch-item-image__base {position: relative; perspective: 1500px;}
      .merch-item-image__side {opacity: 0; backface-visibility: hidden; transition: transform .35s cubic-bezier(0,0,0.5,1), opacity .25s cubic-bezier(0,0,0.5,1);}
      .merch-item-image__back {position: relative;}
      .merch-item-image__front.active + .merch-item-image__back {transform: rotateY(-0.5turn);}
      .merch-item-image__front {position: absolute; top: 0; left: 0; width: 100%; height: 100%; transform: rotateY(0.5turn);}
      .merch-item-image__side.active {opacity: 1; transform: rotateY(0turn);}
         .merch-item-image__side div {opacity: 0; visibility: hidden;  position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
         .merch-item-image__side div.active {opacity: 1; visibility: visible;}
         .merch-item-image__side div:first-child {position: relative;}
   .merch-item-image__print {position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1;}
   .merch__item_shopper .merch-item-image__print {top: 28%;}
      .merch-item-image-print__picture {position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; visibility: hidden;}
      .merch-item-image-print__picture.active {opacity: 1; visibility: visible;}
      .merch__item_shopper .merch-item-image-print__picture_full {width: 62.3%; left: 18.45%; top: 9.3%; height: 61%;}
         .merch__item_shopper .merch-item-image-print__picture_full img {width: 100%; height: 100%;}

@media screen and (min-width: 1280px)  {
   /*.merch-item__side-toggle {width: calc(clamp(400px,36.459vw,700px) + 80px);}*/
}
@media screen and (max-width: 767px) {
   .merch-item__side-toggle a {gap: 0 15px;}
}
@media screen and (max-width: 480px) {
   .merch-item__side-toggle {margin-bottom: 20px;}
      .merch-item__side-toggle a {gap: 0 10px;}
}


/*====================================================
   inDynamic page
====================================================*/

/*.inDynamic-intro*/
.inDynamic-intro .bg_blend {top: 50%;}
.inDynamic-intro__right {position: relative;}
   .inDynamic-intro__link {position: absolute; top: -300px; right: -150px; max-width: 85%; text-decoration: none; z-index: 1;}
   .touchevents .inDynamic-intro__link {animation: mouseMoveReverse 5s ease-in-out infinite alternate;}
   .inDynamic-intro__title {position: absolute; top: 50%; left: 50%; transform: translate3d(-50%,-50%,0); z-index: 1;}
      .inDynamic-intro__title h4, .inDynamic-intro__title .h4 {font-size: 66px; margin-bottom: 0; color: #000;}
   .inDynamic-intro__digital-dep {padding: 60px 90px; position: relative; z-index: 2;}
      .digital-dep__logo {margin-bottom: 60px;}
      .digital-dep__title {margin-bottom: 40px;}
         .digital-dep__title h5, .digital-dep__title .h5 {margin-bottom: 0;}
      .digital-dep__text {font-size: 20px; line-height: 1.4;}

@media screen and (min-width: 1025px) {
   .inDynamic-intro__in {padding-top: 80px;}
      .inDynamic-intro__left {padding-right: 60px;}
      .inDynamic-intro__digital-dep {min-height: 100%;}
}
@media screen and (min-width: 1280px) {
   .inDynamic-intro__right {min-width: 577px;}
}
@media screen and (max-width: 1679px) {
   .inDynamic-intro__link {right: -80px;}
}
@media screen and (max-width: 1366px) {
   .inDynamic-intro__link {right: -40px;}
}
@media screen and (min-width: 1025px) and (max-width: 1279px) {
   .inDynamic-intro__right {min-width: 460px;}
      .inDynamic-intro__digital-dep {padding: 60px 40px;}
      .inDynamic-intro__title h4, .inDynamic-intro__title .h4 {font-size: 60px;}
}
@media screen and (max-width: 1024px) {
   .inDynamic-intro__in {display: block; padding-bottom: 26vw;}
      .inDynamic-intro__left {margin-bottom: 40px;}
      .inDynamic-intro__link {top: 100%; margin-top: -10vw; right: -30px; width: 36vw;}
         .inDynamic-intro__title h4, .inDynamic-intro__title .h4 {font-size: 5.6vw;}
}
@media screen and (max-width: 767px) {
   .inDynamic-intro__in {padding-bottom: 30vw;}
      .inDynamic-intro__digital-dep {padding: 60px 40px;}
         .digital-dep__logo {margin-bottom: 40px;}
      .inDynamic-intro__link {margin-top: -16vw; width: 46vw;}
         .inDynamic-intro__title h4, .inDynamic-intro__title .h4 {font-size: 6.85vw;}
}
@media screen and (max-width: 480px) {
   .inDynamic-intro__in {padding-bottom: 50vw;}
      .inDynamic-intro__left {margin-bottom: 30px;}
      .inDynamic-intro__digital-dep {padding: 40px 20px;}
      .inDynamic-intro__link {right: -20px; width: 66vw;}
         .inDynamic-intro__title h4, .inDynamic-intro__title .h4 {font-size: 10.75vw;}
}
@media screen and (max-width: 767px) and (orientation: landscape) {
   .inDynamic-intro__in {padding-bottom: 27vw;}
      .inDynamic-intro__left {margin-bottom: 30px;}
      .inDynamic-intro__link {right: -20px; margin-top: -10vw; width: 37vw;}
         .inDynamic-intro__title h4, .inDynamic-intro__title .h4 {font-size: 5.96vw;}
}

/*.inDynamic-needs*/
.inDynamic-needs__in {position: relative;}
   .inDynamic-needs__box {width: 50%; padding: 70px 50px 130px 70px; position: relative; z-index: 2;}
   .inDynamic-needs__slider {position: absolute; top: 0; left: 50%; height: 100%; overflow: hidden; padding: 20px 0; z-index: 1;}
      .marquee-slider {position: relative; margin-bottom: 10px;}
      .marquee-slider:last-child {margin-bottom: 0;}
         .marquee-slider__list {will-change: transform;}
         .marquee-slider.start .marquee-slider__list:nth-child(1) {animation: marquee 25s linear infinite forwards;}
         .marquee-slider__list:nth-child(2) {position: absolute; top: 0; left:0; width: auto; height: 60px; transform: translateX(-100%);}
         .marquee-slider.start .marquee-slider__list:nth-child(2) {animation: marqueeFirstObject 25s linear infinite forwards;}
         .marquee-slider__item {margin-right: 27px;}
            .marquee-slider-item__in {height: 60px; padding: 0 30px; border-radius: 2em; border: 1px solid #F0F0F0; white-space: nowrap; font-size: 20px;}

@keyframes marquee {
   0% {transform: translateX(-100%);}
   100% {transform: translateX(100%);}
}
@keyframes marqueeFirstObject {
   0% {transform: translateX(0);}
   49.99999% {transform: translateX(100%);}
   50% {transform: translateX(-100%);}
   100% {transform: translateX(0);}
}

@media screen and (min-width: 1025px) and (max-width: 1279px) {
   .inDynamic-needs__box {padding-left: 40px; padding-right: 40px;}
}
@media screen and (max-width: 1024px) {
   .inDynamic-needs__box {width: 60%; max-width: 480px; padding: 60px 40px 90px 70px;}
   .inDynamic-needs__slider {left: -40px; right: -40px; padding: 2px 0;}
}
@media screen and (max-width: 767px) {
   .inDynamic-needs__box {width: 100%; max-width: none; padding: 60px 40px; margin-bottom: 40px;}
   .inDynamic-needs__slider {position: relative; top: auto; left: auto; right: auto; height: 420px; margin: 0 -40px; padding: 0;}
}
@media screen and (max-width: 480px) {
   .inDynamic-needs__box {padding: 40px 20px; margin-bottom: 30px;}
   .inDynamic-needs__slider {height: 380px; margin: 0 -20px;}
      .marquee-slider__item {margin-right: 20px;}
}
@media screen and (max-width: 767px) and (orientation: landscape) {
   .inDynamic-needs__slider {height: 380px; margin: 0 -20px;}
      .marquee-slider__item {margin-right: 20px;}
}


/*====================================================
   Video production page
====================================================*/
/*intro*/
.video-production__in {position: relative;}
   .video-production-intro__right {margin-top: -120px;}

@media screen and (min-width: 768px) {
   .video-production-intro__left {padding-right: 40px; -webkit-box-ordinal-group: 1; -webkit-order: 1; -ms-flex-order: 1; order: 1;}
   .video-production-intro__right {-webkit-box-ordinal-group: 2; -webkit-order: 2; -ms-flex-order: 2; order: 2;}
}
@media screen and (min-width: 1367px) {
   .video-production-intro__right {min-width: 490px; margin-right: -40px; position: relative;}
}
@media screen and (max-width: 1366px) {
   .video-production-intro__title h3, .video-production-intro__title .h3 {font-size: 70px;}
}
@media screen and (min-width: 1025px) and (max-width: 1366px) {
   .video-production-intro__right {width: 32vw; min-width: 32vw;}
}
@media screen and (max-width: 1279px) {
   .video-production-intro__title h3, .video-production-intro__title .h3 {font-size: 60px;}
}
@media screen and (max-width: 1024px) {
   .video-production-intro__in {display: block;}
      .video-production-intro__title h3, .video-production-intro__title .h3 {font-size: 50px;}
      .video-production-intro__right {margin-top: 0;}
}
@media screen and (min-width: 481px) and (max-width: 1024px) {
   .video-production-intro__in {display: block; padding-top: 60px;}
      .video-production-intro__text h2, .video-production-intro__text .h2 {max-width: 380px;}
      .video-production-intro__right {position: absolute; top: -120px; right: 0; width: 320px; height: 320px;}
}
@media screen and (min-width: 481px) and (max-width: 767px) {
   .video-production-intro__right {width: 40vw;}
      .video-production-intro__title h3, .video-production-intro__title .h3 {font-size: 7.5vw;}
}
@media screen and (max-width: 480px) {
   .video-production-intro__in {display: block;}
      .video-production-intro__title h3, .video-production-intro__title .h3 {font-size: 45px; font-size: 12vw;}
      .video-production-intro__right {padding-top: 60vw; margin-bottom: 20px;}
         .video-production-intro__image {top: 0; right: calc(50% - 30vw); max-width: 60vw;}
}
@media screen and (max-width: 374px) {
   .video-production-intro__title h3, .video-production-intro__title .h3  {font-size: 14vw;}
}

/*figures*/
.figures-video {width: 520px; max-width: 100%; height: 457px; margin: 0 auto; position: relative;}
   .figures-video__item {position: absolute;}
   .figures-video__item:nth-child(1) {top: 30px; left: 0;}
   .figures-video__item:nth-child(2) {top: 0; left: 50%; margin-left: -49px;}
   .figures-video__item:nth-child(3) {top: 30px; right: 0;}
   .figures-video__item:nth-child(4) {bottom: 0; left: 40px;}
   .figures-video__item:nth-child(5) {bottom: 0; right: 40px;}

@media screen and (max-width: 1024px) {
   .figures-video-parent .double-block__row {padding-right: 0;}
      .figures-video {width: 380px; height: 320px; margin-bottom: 40px;}
         .figures-video__item:nth-child(1) {top: 20px; width: 90px;}
         .figures-video__item:nth-child(2) {width: 60px; margin-left: -35px;}
         .figures-video__item:nth-child(3) {top: 20px; width: 110px;}
         .figures-video__item:nth-child(4) {width: 110px;}
         .figures-video__item:nth-child(5) {width: 90px;}
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
   .figures-video-parent .double-block__row {display: flex;} 
      .figures-video-parent .double-block__column_image {width: 55%; margin-left: 0 !important; padding-left: 40px; -webkit-box-ordinal-group: 2; -webkit-order: 2; -ms-flex-order: 2; order: 2;}
         .figures-video {margin-bottom: 0; margin-top: 10vw;}
      .figures-video-parent .double-block__column_text {width: 45%; -webkit-box-ordinal-group: 1; -webkit-order: 1; -ms-flex-order: 1; order: 1;}
}
@media screen and (max-width: 480px) {
   .figures-video {width: 260px; height: 220px;}
      .figures-video__item:nth-child(1) {width: 60px;}
      .figures-video__item:nth-child(2) {width: 40px; margin-left: -20px;}
      .figures-video__item:nth-child(3) {width: 75px;}
      .figures-video__item:nth-child(4) {width: 80px;}
      .figures-video__item:nth-child(5) {width: 60px;}
}
@media screen and (max-width: 767px) and (orientation: landscape) {
   .figures-video-parent .double-block__row {display: flex;} 
      .figures-video-parent .double-block__column_image {width: 50%; margin-left: 0 !important; padding-left: 20px; -webkit-box-ordinal-group: 2; -webkit-order: 2; -ms-flex-order: 2; order: 2;}
         .figures-video {width: 260px; height: 220px; margin-bottom: 0; margin-top: 10vw;}
            .figures-video__item:nth-child(1) {width: 60px;}
            .figures-video__item:nth-child(2) {width: 40px; margin-left: -20px;}
            .figures-video__item:nth-child(3) {width: 75px;}
            .figures-video__item:nth-child(4) {width: 80px;}
            .figures-video__item:nth-child(5) {width: 60px;}
      .figures-video-parent .double-block__column_text {width: 50%; -webkit-box-ordinal-group: 1; -webkit-order: 1; -ms-flex-order: 1; order: 1;}
}


/*====================================================
   .video-block
====================================================*/
.video-block {padding-bottom: 120px;}
   .video-block .mouse-move__object {bottom: -120px; max-width: 30vw;}
   .video-block_left .mouse-move__object {right: -160px;}
   .video-block_right .mouse-move__object {left: -160px;}

@media screen and (min-width: 768px) {
   .video-block__content {width: 72vw; max-width: 1370px;}
   .video-block_left .video-block__content {float: left;}
   .video-block_right .video-block__content {float: right;}
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
   .video-block__content {width: 80vw;}
}
@media screen and (max-width: 1024px) {
   .video-block {padding-bottom: 60px;}
      .video-block .mouse-move__object {bottom: -60px; max-width: 23vw;}
      .video-block_left .mouse-move__object {right: -80px;}
      .video-block_right .mouse-move__object {left: -80px;}
}
@media screen and (max-width: 767px) {
   .video-block {padding-bottom: 15vw;}
      .video-block .mouse-move__object {bottom: -15vw; max-width: 30vw;}
      .video-block_left .mouse-move__object {right: auto; left: -5vw;}
      .video-block_right .mouse-move__object {left: auto; right: -5vw;}
}
@media screen and (max-width: 480px) {
   .video-block {padding-bottom: 20vw;}
      .video-block .mouse-move__object {bottom: -20vw; max-width: 55vw;}
}


/*====================================================
   .eyes-list
====================================================*/
.eyes-parent.double-block .double-block__row .double-block__column_image {padding-left: 100px;}
   .eyes-list {position: relative; width: 450px; height: 550px; margin-top: -60px;}
      .eyes__item {position: absolute; width: 193px; height: 106px; border-radius: 50%;}
      .eyes__item:nth-child(1) {top: 126px; left: 0; transform: rotate(6.41deg);}
      .eyes__item:nth-child(2) {top: 36px; left: 260px; transform: rotate(14.75deg);}
      .eyes__item:nth-child(3) {top: 246px; left: 220px;}
      .eyes__item:nth-child(4) {top: 376px; left: 0; transform: rotate(-11.77deg);}
      .eyes__item:nth-child(5) {top: 442px; left: 240px; transform: rotate(6.41deg);}
         .eyes-item__apple {width: 100%; height: 100%; border-radius: 50%; overflow: hidden; z-index: 2; position: relative;}
            .eyes-item__apple:before {content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; border-radius: 50%; border: 12px solid #FFF; z-index: 2;}
            .eyes-item__apple div {position: absolute; width: 74px; height: 74px; border-radius: 100%; overflow: hidden; z-index: 1; transition: all 0.2s linear 0s; transform: translateZ(0); will-change: left, top;}
            .eyes__item:nth-child(1) .eyes-item__apple div {top: 12px; left: 0;}
            .eyes__item:nth-child(2) .eyes-item__apple div {top: 30px; left: 30px;}
            .eyes__item:nth-child(3) .eyes-item__apple div {top: 0; left: 100px;}
            .eyes__item:nth-child(4) .eyes-item__apple div {top: -6px; left: 60px;}
            .eyes__item:nth-child(5) .eyes-item__apple div {top: 12px; left: 12px;}
               .eyes-item__apple div:before, .eyes-item__apple div:after {content: ''; position: absolute;}
               .eyes-item__apple div:before {top: 0; left: 0; width: 100%; height: 100%; background: #00D1FF;}
               .eyes-item__apple div:after {top: 50%; left: 50%; width: 20px; height: 20px; margin: -10px 0 0 -10px; border-radius: 100%; background: #000;}
         .eyes-item__lashes {position: absolute; top: -36px; left: 0; width: 100%;}
            .eyes-item__lashes div {position: absolute; width: 12px; height: 36px; background: #FFF; border-radius: 6px 6px 0 0; z-index: 2;}
            .eyes-item__lashes div:nth-child(1) {left: 30px; top: 12px; transform: rotate(-15deg);}
            .eyes-item__lashes div:nth-child(2) {left: 50%; top: 1px; margin-left: -6px;}
            .eyes-item__lashes div:nth-child(3) {right: 30px; top: 12px; transform: rotate(15deg);}

@media screen and (max-width: 1279px) {
   .eyes-parent.double-block .double-block__row .double-block__column_image {padding-left: 40px;}
      .eyes-list {margin-top: 0;}
}
@media screen and (max-width: 1024px) {
   .eyes-parent.double-block .double-block__row {padding-right: 0;}
      .eyes-parent.double-block .double-block__row .double-block__column_image {padding-left: 0; margin-left: 0;}
         .eyes-list {width: 280px; height: 280px;}
            .eyes__item {width: 92px; height: 54px;}
            .eyes__item:nth-child(1) {top: 45px; left: 60px;}
            .eyes__item:nth-child(2) {top: 12px; left: 190px;}
            .eyes__item:nth-child(3) {top: 120px; left: 170px;}
            .eyes__item:nth-child(4) {top: 140px; left: 0;}
            .eyes__item:nth-child(5) {top: 220px; left: 100px;}
               .eyes-item__apple:before {border-width: 6px;}
               .eyes-item__apple div {width: 34px; height: 34px;}
                  .eyes__item:nth-child(1) .eyes-item__apple div {top: 12px; left: 12px;}
                  .eyes__item:nth-child(2) .eyes-item__apple div {top: 20px; left: 12px;}
                  .eyes__item:nth-child(3) .eyes-item__apple div {top: 8px; left: 4px;}
                  .eyes__item:nth-child(4) .eyes-item__apple div {top: 0; left: 20px;}
                  .eyes__item:nth-child(5) .eyes-item__apple div {top: 12px; left: 40px;}
                     .eyes-item__apple div:after {width: 8px; height: 8px; margin: -4px 0 0 -4px;}
               .eyes-item__lashes {top: -16px;}
                  .eyes-item__lashes div {width: 6px; height: 16px; border-radius: 3px 3px 0 0;}
                  .eyes-item__lashes div:nth-child(1) {left: 16px; top: 6px;}
                  .eyes-item__lashes div:nth-child(2) {left: 50%; margin-left: -3px;}
                  .eyes-item__lashes div:nth-child(3) {right: 16px; top: 6px;}
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
   .eyes-parent.double-block .double-block__row .double-block__column_image {float: right; margin-left: 20px;}
      .eyes-list {margin-top: -80px;}
}
@media screen and (max-width: 767px) {
   .eyes-list {width: auto; height: auto; text-align: center;}
      .eyes__item:not(:first-child) {display: none;}
      .eyes__item:first-child {display: inline-block; position: relative; top: auto; left: auto; width: 140px; height: 76px; transform: rotate(0);}
         .eyes-item__apple:before {border-width: 8px;}
         .eyes-item__apple div {width: 54px; height: 54px;}
         .eyes__item:nth-child(1) .eyes-item__apple div {top: 22px; left: 44px;}
            .eyes-item__apple div:after {width: 14px; height: 14px; margin: -7px 0 0 -7px;}
         .eyes-item__lashes {top: -26px;}
            .eyes-item__lashes div {width: 8px; height: 26px; border-radius: 4px 4px 0 0;}
            .eyes-item__lashes div:nth-child(1) {left: 22px; top: 10px;}
            .eyes-item__lashes div:nth-child(2) {left: 50%; margin-left: -4px;}
            .eyes-item__lashes div:nth-child(3) {right: 22px; top: 10px;}
}


/*====================================================
   .faq
====================================================*/
.faq__item {border-bottom: 1px solid #F0F0F0;}
   .faq-item__title {padding: 20px 80px 20px 0; cursor: pointer; position: relative;}
      .faq-item__toggle {position: absolute; top: 13px; right: 0; width: 48px; height: 48px; border-radius: 100%; border: 1px solid #FFF; transition: all 0.3s ease 0s;}
         .faq-item__title:hover .faq-item__toggle {border-color: #62D0FF;}
            .faq-item__toggle span {position: absolute; top: 50%; left: 50%; margin: -11px 0 0 -11px; width: 22px; height: 22px;}
               .faq-item__toggle span:before, .faq-item__toggle span:after {content: ''; position: absolute; top: 10px; left: 0; width: 22px; height: 2px; background: #FFF; transition: all 0.3s ease 0s;}
               .faq-item__title:hover .faq-item__toggle span:before, .faq-item__title:hover .faq-item__toggle span:after {background: #62D0FF;}
               .faq-item__toggle span:after {transform: rotate(-90deg);}
               .faq-item__title.active .faq-item__toggle span:after {transform: rotate(0deg);}
   .faq-item__text {height: 0; overflow: hidden; font-size: 16px; transition: height 0.3s ease 0s;}
      .faq-item__text > div {position: relative; padding: 0 80px 30px 30px;}

@media screen and (max-width: 1024px) {
   .faq-item__toggle {top: 10px;}
}
@media screen and (max-width: 480px) {
   .faq-item__title {min-height: 70px;}
   .faq-item__text > div {padding-left: 15px; padding-right: 40px;}
}
@media screen and (max-width: 374px) {
   .faq-item__text > div {padding-left: 10px;}
}


/*====================================================
   .reviews
====================================================*/
.reviews__title {margin-bottom: 70px;}
.reviews__title h2, .reviews__title .h2 {margin-bottom: 0;}
.reviews-list__item {font-size: 16px; line-height: 1.375;}
   .reviews-list-item__in {height: 100%;}
      .reviews-list-item__client-name {margin-bottom: 5px;}
      .reviews-list-item__link a {display: inline-block; position: relative; padding-left: 30px; padding-bottom: 1px; font-size: inherit; line-height: inherit; text-decoration: underline;}
      .reviews-list-item__link a:hover {color: #62D0FF;}
         .reviews-list-item__link .svg-icon__image {position: absolute; top: 0; left: 0;}

/*slider*/
.reviews-slider-wrapper {position: relative;}
   .reviews-slider-nav.slider-nav:not(.slider-custom-nav) .swiper-button {margin-top: 0; top: 17px;}
   .reviews-slider-nav .swiper-button {background: rgba(255,255,255,0);}
   .reviews-slider-nav .swiper-button:hover {background: rgba(255,255,255,0.1);}
      .reviews-slider-nav .swiper-button:before, .reviews-slider-nav .swiper-button:after {background: #FFF;}

/*reviews-slider-mobile (Reviews page) */ 
.reviews-slider-mobile .reviews-list-item__in {padding: 30px 30px 40px;}
   .reviews-slider-mobile .reviews-list-item__image {height: 96px; margin-bottom: 20px;}
   .reviews-slider-mobile .reviews-list-item__text {margin-bottom: 40px;}

/*balls*/
.reviews__in .mouse-move__object_first {top: -70px; left: -220px;}
.reviews__in .mouse-move__object_second {bottom: 40px; right: -220px;}

@media screen and (min-width: 481px) {
   /*reviews-slider-mobile*/
   .reviews-slider-mobile {margin-bottom: -20px;}
      .reviews-slider-mobile .reviews-list__item {margin-bottom: 20px;}
         .reviews-list-item__bottom .reviews-list-item__client {width: calc(100% - 130px); padding-right: 20px;}
         .reviews-list-item__bottom .reviews-list-item__link {width: 130px;}
}
@media screen and (min-width: 768px) {
   /*slider*/
   .reviews-slider .reviews-list__item {padding: 0 30px;}
      .reviews-slider .reviews-list-item__image, .reviews-slider .reviews-list-item__link {float: left; width: 160px;}
      .reviews-slider .reviews-list-item__image, .reviews-slider .reviews-list-item__text {margin-bottom: 40px;}
      .reviews-slider .reviews-list-item__text, .reviews-slider .reviews-list-item__client {float: right; width: calc(100% - 160px);}
      .reviews-slider .reviews-list-item__image {display: block;}
      .reviews-slider .reviews-list-item__client {clear: left;}
}
@media screen and (min-width: 1025px) {
   /*reviews-slider-mobile*/
   .reviews-slider-mobile {margin-left: -20px;}
      .reviews-slider-mobile .reviews-list__item {width: 50%; padding-left: 20px;}
         .reviews-slider-mobile .reviews-list-item__in {height: 100%;}
}
@media screen and (min-width: 1690px) {
   /*slider*/
   .reviews-slider-nav .swiper-button-prev {left: -80px;}
   .reviews-slider-nav .swiper-button-next {right: -80px;}
}
@media screen and (min-width: 768px) and (max-width: 1689px) {
   /*slider*/
   .reviews-slider-wrapper {padding: 0 100px;}
}
@media screen and (max-width: 1024px) {
   .reviews__list:not(.swiper-wrapper) {display: block; margin: 0;}
      .reviews__list:not(.swiper-wrapper) .reviews-list__item:last-child {margin-bottom: 0;}
}
@media screen and (max-width: 767px) {
   .reviews__title {margin-bottom: 40px;}
   /*slider*/
   .reviews-slider .reviews-list-item__image {height: 96px; margin-bottom: 20px; padding: 0 72px;}
   .reviews-slider .reviews-list-item__text {margin-bottom: 20px;}
   .reviews-slider .reviews-list-item__client {margin-bottom: 15px;}
   .reviews-slider .reviews-list-item__link a br {display: none;}
   /*balls*/
   .reviews__in .mouse-move__object_first {max-width: 40vw; top: -40px; left: -20vw;}
   .reviews__in .mouse-move__object_second {max-width: 60vw; right: -20vw;}
}
@media screen and (max-width: 480px) {
   /*reviews-slider-mobile*/
   .reviews-slider-mobile .reviews-list__item {width: 280px; margin-right: 20px;}
      .reviews-slider-mobile .reviews-list-item__in {padding: 30px 20px 40px;}
         .reviews-list-item__bottom {display: block;}
            .reviews-list-item__bottom .reviews-list-item__client {margin-bottom: 20px;}
   /*.reviews-slider-mobile + .load-more .btn {display: none;}*/
   /*balls*/
   .reviews__in .mouse-move__object_first {max-width: 70vw;}
   .reviews__in .mouse-move__object_second {max-width: 80vw; bottom: -80px;}
}
@media screen and (max-width: 374px) {
   /*reviews-slider-mobile*/
   .reviews-slider-mobile .reviews-list__item {width: 240px; margin-right: 15px;}
      .reviews-slider-mobile .reviews-list-item__text {font-size: 14px;}
      .reviews-slider-mobile .reviews-list-item__client-job {font-size: 14px;}
}


/*====================================================
   .contacts
====================================================*/
.contacts .inner_medium {max-width: 1554px;}
   .contacts__row {margin-bottom: 120px; position: relative;}
      .contacts__title {width: 18.75vw; min-width: 18.75vw; padding-right: 80px; text-align: right; font-size: 50px; line-height: 1.3;}
      .contacts__lead-text {margin-bottom: 20px; font-size: 40px; line-height: 1.25;}
      .contacts__lead-text:last-child:last-child {margin-bottom: 0;}
         .contacts__lead-text > div {margin-bottom: 20px;}
         .contacts__lead-text:last-child > div:last-child {margin-bottom: 0;}
      .contacts__images {position: relative;}
   .contacts__button .btn {padding-left: 20px; padding-right: 20px; white-space: nowrap;}
   .contacts__map {position: relative; padding-top: 100px;}
      .contacts__map .map {position: relative;}
         .contacts__map .map:before {content: ''; display: block; padding-top: 50%;}
         .contacts__map .map iframe, .contacts__map .map #map {position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
      .contacts__map .mouse-move__object {top: -100px; right: -60px;}

@media screen and (min-width: 1025px) {
   .contacts__row {width: 55vw; max-width: 860px; padding-right: 40px;}
   .contacts__row:first-child {margin-bottom: 60px;}
      .contacts__title {white-space: nowrap;}
      .contacts__text ul.ul_decor li {margin-bottom: 0;}
      .contacts__images {position: absolute; top: 0; left: 100%;}
         .contacts__images img {margin-top: -10px; max-width: 45vw;}
         .contacts-images__first img {margin-top: 0;}
         .contacts-images__third img {margin-left: 7vw;}
}
@media screen and (min-width: 1921px)  {
   .contacts__row {width: 50vw; max-width: 50vw;}
   .contacts__title {width: 360px; min-width: 360px;}
   .contacts-images__third img {margin-left: 130px;}
}
@media screen and (max-width: 1366px) {
   .contacts__title {font-size: 40px;}
   .contacts__lead-text {font-size: 36px;}
}
@media screen and (max-width: 1279px) {
   .contacts__title {font-size: 35px;}
   .contacts__lead-text {font-size: 32px;}
}
@media screen and (max-width: 1024px) {
   .contacts__row {margin-bottom: 80px;}
      .contacts__title {width: 180px; min-width: 180px; padding-right: 50px; font-size: 30px;}
      .contacts__lead-text {font-size: 28px;}
      .contacts__images {margin-top: 80px;}
         .contacts-images__first {margin: 0 -40px;}
            .contacts-images__first img {width: 100%;}
         .contacts-images__second, .contacts-images__third {display: none;}
   .contacts__button {padding-left: 180px;}
   .contacts__map {margin: 0 -40px; padding-top: 100px;}
      .contacts__map .map:before {padding-top: 67%;}
      .contacts__map .mouse-move__object {top: 20px; max-width: 50vw;}
}
@media screen and (max-width: 767px) {
   .contacts__row {margin-bottom: 60px;}
      .contacts__title {width: 140px; min-width: 140px; padding-right: 30px; font-size: 24px;}
      .contacts__lead-text {font-size: 24px;}
      .contacts__images {margin-top: 60px;}
   .contacts__button {padding-left: 140px;}
}
@media screen and (max-width: 480px) {
   .contacts__row {margin-bottom: 40px;}
      .contacts__flex {display: block;}
         .contacts__title {width: 100%; min-width: 0; margin-bottom: 10px; padding-right: 0; text-align: left; font-size: 26px;}
            .contacts__title br {display: none;}
         .contacts__lead-text {font-size: 20px;}
            .contacts__lead-text > div {margin-bottom: 10px;}
            .contacts__lead-text br {display: none;}
         .contacts__images {margin-top: 40px;}
            .contacts-images__first {margin: 0 -20px;}
   .contacts__button {padding-left: 0; text-align: center;}
   .contacts__map {margin: 0 -20px;}
      .contacts__map .map:before {padding-top: 160%;}
}
@media screen and (max-width: 374px) {
   .contacts__lead-text {font-size: 18px;}
}
@media screen and (max-width: 767px) and (orientation: landscape) {
   .contacts__list {display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap;}
      .contacts__row {margin-bottom: 40px;}
      .contacts__row:nth-child(n+3) {width: 50%;}
         .contacts__flex {display: block;}
            .contacts__title {width: 100%; min-width: 0;  margin-bottom: 10px;  padding-right: 0; text-align: left; font-size: 26px;}
               .contacts__title br {display: none;}
         .contacts__lead-text {font-size: 20px;}
            .contacts__lead-text > div {margin-bottom: 10px;}
            .contacts__lead-text br {display: none;}
         .contacts__images {margin-top: 40px;}
            .contacts-images__first {margin: 0 -20px;}
   .contacts__button {padding-left: 0; text-align: center;}
   .contacts__map {margin: 0 -20px;}
      .contacts__map .map:before {padding-top: calc(100vh - 40px);}
      .contacts__map .mouse-move__object {max-width: 30vw;}
}
@media screen and (max-width: 666px) and (orientation: landscape) {
   .contacts__lead-text {font-size: 18px;}
}

/*bottle*/
.contacts-images__picture {position: absolute; top: 18vw; right: 8vw; width: 253px; height: 581px;  z-index: 2;}
   .bottle {position: relative;}
      .bottle svg {width: 100%; height: 100%;}

.bottle__side {position: absolute; position: absolute; top: 0; left: 0; width: 253px; height: 581px; z-index: 2; animation: bottle 5s ease-in-out infinite forwards;}

@keyframes bottle {
   0% {
      transform: rotate(-4deg);  
   }
   50% {
      transform: rotate(4deg);
   }
   100% {
      transform: rotate(-4deg);  
   }                 
}

.bottle__letter {position: absolute; top: 200px; left: 92px; width: 94px; height: 235px; z-index: 0; animation: letter 5s ease-in-out infinite forwards;}

@keyframes letter {
   0% {
      transform: translateY(0%) rotate(-4deg); 
   }
   50% {
      transform: translateY(10%) rotate(4deg); 
   }  
   100% {
      transform: translateY(0%) rotate(-4deg);
   }        
}

.bottle__water {position: absolute; top: 280px; left: 55px; width: 172px; height: 30px; z-index: 1;}
   #bottle-water {stroke: #6FCAF3; stroke-width: 12; fill: none; /*d: path('M2.868,16.681c16.59-4.716,54.61-12.428,73.973-5.556c24.203,8.591,30.511,13.074,53.107,8.898c18.077-3.34,34.687-3.431,40.732-3.059'); animation: water 5s ease-in-out infinite forwards;*/}

/*@keyframes water {
   0%, 100% {
      d: path('M170.68,13.319c-16.59,4.716-54.61,12.428-73.973,5.556C72.504,10.284,66.196,5.801,43.6,9.977c-18.077,3.34-34.687,3.431-40.732,3.059'); 
   }
   50% {
      d: path('M168.744,15.925c-16.551-3.668-54.484-9.669-73.803-4.322c-24.147,6.684-30.441,10.171-52.985,6.923c-18.035-2.599-34.606-2.67-40.637-2.38'); 
   }
}*/

@media screen and (min-width: 1921px) {
   .contacts-images__picture {top: 330px; right: 200px;}
}
@media screen and (max-width: 1366px) {
   .contacts-images__picture {top: 24vw; right: 40px;}
      .bottle__side {width: 205px; height: 408px;}
      .bottle__letter {top: 160px; left: 70px; width: 70px; height: 180px;}
      .bottle__water {top: 220px; left: 38px; width: 140px; height: 20px;}
         #bottle-water {stroke-width: 8;}
}
@media screen and (max-width: 1279px)  {
   .contacts-images__picture {right: 80px;}
}
@media screen and (max-width: 1024px) {
   .contacts-images__picture {top: 100%; margin-top: -80px; right: 40px; width: 205px; height: 408px;}
      .bottle {transform: rotateY(180deg);}
}
@media screen and (max-width: 767px) {
   .contacts-images__picture {right: -20px; width: 150px; height: 286px;}
      .bottle__side {width: 150px; height: 286px;}
      .bottle__letter {top: 120px; left: 50px; width: 50px; height: 120px;}
      .bottle__water {top: 150px; left: 38px; width: 85px; height: 18px;}
         #bottle-water {stroke-width: 9;}
}
@media screen and (max-width: 480px) {
   .contacts-images__picture {margin-top: -60px; right: 0; width: 102px; height: 196px;}
      .bottle__side {width: 102px; height: 196px;}
      .bottle__letter {top: 70px; left: 34px; width: 35px; height: 87px;}
      .bottle__water {top: 100px; left: 24px; width: 60px; height: 15px;}
         #bottle-water {stroke-width: 10;}
}
@media screen and (max-width: 767px) and (orientation: landscape) {
   .contacts-images__picture {margin-top: -60px; right: 0; width: 102px; height: 196px;}
      .bottle__side {width: 102px; height: 196px;}
      .bottle__letter {top: 70px; left: 34px; width: 35px; height: 87px;}
      .bottle__water {top: 100px; left: 24px; width: 60px; height: 15px;}
         #bottle-water {stroke-width: 10;}
}


/*====================================================
   .content-form
====================================================*/
.content-form__subtitle {margin-bottom: 30px; position: relative;}
.content-form__left .content-form__subtitle, .content-form__in-flex > .content-form__subtitle {margin-bottom: 60px;}
   .content-form__subtitle h5, .content-form__subtitle .h5 {margin-bottom: 0;}
   .content-form__subtitle h5 + h5, .content-form__subtitle .h5 + .h5 {margin-top: 20px;}
.content-form__nav ul {margin-left: -40px;}
   .content-form__nav ul li {padding-left: 40px;}
      .content-form__nav ul li a {display: block; width: 60px; height: 60px; line-height: 58px; border-radius: 100%; border: 2px solid #FFF; text-align: center; font-family: "MuseoSansMedium"; font-size: 28px; color: #FFF; text-decoration: none;}
      .content-form__nav ul li a.disabled {cursor: default; pointer-events: none;}
      .content-form__nav ul li a.active {background: #FFF; color: #0C0055;}
      .content-form__nav ul li a.active:hover {background: none; color: #FFF;}
.content-form-slider__item {padding-bottom: 8px;}
   .content-form__checkbox, .content-form__radio {margin-left: -40px; margin-bottom: -40px;}
      .content-form__checkbox .checkbox, .content-form__radio .radio {width: 33.333%; padding-left: 40px; margin-bottom: 40px;}
         .content-form__checkbox .checkbox__label, .content-form__radio .radio__label {width: 100%; font-family: "MuseoSansMedium"; font-size: 15px; line-height: 1.81;}
            .content-form__checkbox .checkbox__text, .content-form__radio .radio__text {width: 100%; height: 140px; padding: 0; border: 2px solid #FFF; text-align: center; text-transform: uppercase; overflow: hidden; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; transition: all 0.5s ease 0s;}
            .no-touchevents .content-form__checkbox .checkbox__label:hover .checkbox__text, .no-touchevents .content-form__radio .radio__label:hover .radio__text {background: rgba(255,255,255,.4); transition: all 0.3s ease 0s;}
            .content-form__checkbox input[type="checkbox"]:checked ~ .checkbox__text, .content-form__radio input[type="radio"]:checked ~ .radio__text {color: #0C0055; transition-delay: 0.2s;}
            .content-form__checkbox input[type="checkbox"]:checked ~ .checkbox__text:hover, .content-form__radio input[type="radio"]:checked ~ .radio__text:hover {background: transparent;}
            .no-touchevents .content-form__checkbox input[type="checkbox"]:focus ~ .checkbox__text, .no-touchevents .content-form__radio input[type="radio"]:focus ~ .radio__text {animation: press 0.2s 1 linear;}
            .touchevents .content-form__checkbox input[type="checkbox"]:active ~ .checkbox__text, .touchevents .content-form__radio input[type="radio"]:active ~ .radio__text {animation: press 0.2s 1 linear;}
               .content-form__checkbox .checkbox__text:before, .content-form__radio .radio__text:before {top: -50%; left: -50%; width: 100%; height: 100%; background: #FFF; border-radius: 100%; z-index: -1; opacity: 0; transform: scale(0); transition: all 0.4s ease 0s;}
               .content-form__checkbox input[type="checkbox"]:checked ~ .checkbox__text:before, .content-form__radio input[type="radio"]:checked ~ .radio__text:before {opacity: 1; transform: scale(3);}
               .content-form__checkbox .checkbox__label:hover .checkbox__text:before, .content-form__radio .radio__label:hover .radio__text:before {transition-delay: 0.2s;}
               .content-form__checkbox .checkbox__text:after, .content-form__radio .radio__text:after {display: none;}
   .content-form-slider__next {width: 33.333%; height: 140px; padding-left: 40px; text-align: center;}
      .content-form-slider__arrow a {display: block; position: relative; width: 68px; height: 68px; border-radius: 100%; border: 2px solid #FF0000; text-decoration: none;}
      .content-form-slider__arrow a:hover {border-color: #FFF; background: #FFF;}
         .content-form-slider__arrow a:before, .content-form-slider__arrow a:after {content: '';  position: absolute; left: 50%; margin-left: -6px; width: 18px; height: 2px; background: #FF0000; z-index: 1;}
         .content-form-slider__arrow a:before {top: 50%;}
         .content-form-slider__arrow a:after {bottom: 50%;}
         .content-form-slider__arrow a:hover:before, .content-form-slider__arrow a:hover:after {background: #0C0055;}
            .content-form-slider__next a:before {margin-top: 5px; transform: rotate(-45deg);}
            .content-form-slider__next a:after {margin-bottom: 5px; transform: rotate(45deg);}
   .content-form-slider__prev {margin-right: 20px;}
      .content-form-slider__prev a {width: 39px; height: 39px;}
         .content-form-slider__prev a:before, .content-form-slider__prev a:after {width: 12px; margin-left: -7px;}
         .content-form-slider__prev a:before {margin-top: 3px; transform: rotate(45deg);}
         .content-form-slider__prev a:after {margin-bottom: 3px; transform: rotate(-45deg);}
   /*mouse-move*/
   .content-form.mouse-move {margin-top: 250px;}
      .content-form .mouse-move__object {top: -200px; right: 40px;}

@media screen and (min-width: 1025px) {
   .content-form__right {width: 42%; padding-left: 40px;}
   .content-form_main .content-form__right {float: right;}
      .content-form__right-flex {-webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap;}
      .content-form__right-flex .content-form__subtitle {-webkit-box-ordinal-group: 2; -webkit-order: 2; -ms-flex-order: 2; order: 2;}
      .content-form__right-flex .content-form__nav {width: 100%; margin-bottom: 30px; -webkit-box-ordinal-group: 1; -webkit-order: 1; -ms-flex-order: 1; order: 1;}
   .content-form__left {width: 58%;}
   .content-form_main .content-form__left {float: left; padding-right: 40px;}
   .content-form__in-flex .content-form__left {-webkit-box-ordinal-group: 2; -webkit-order: 2; -ms-flex-order: 2; order: 2;}
   .content-form__in-flex .content-form__right {-webkit-box-ordinal-group: 3; -webkit-order: 3; -ms-flex-order: 3; order: 3;}
   .content-form__in-flex > .content-form__subtitle {width: 100%; -webkit-box-ordinal-group: 1; -webkit-order: 1; -ms-flex-order: 1; order: 1;}
}
@media screen and (min-width: 1367px) {
   .content-form_main .content-form__left, .content-form_main .content-form__right {width: 50%;}
   .content-form_main .content-form__right {padding-left: 70px;}
   .content-form_main .content-form__left {padding-right: 70px;}
}
@media screen and (max-width: 1024px) {
   .content-form__text {margin-bottom: 60px;}
   .content-form__left .content-form__subtitle {margin-bottom: 30px;}
   .content-form__checkbox, .content-form__radio {margin-left: -20px; margin-bottom: -20px;}
      .content-form__checkbox .checkbox, .content-form__radio .radio {padding-left: 20px; margin-bottom: 20px;}
         .content-form__checkbox .checkbox__label, .content-form__radio .radio__label {font-size: 14px;}
            .content-form__checkbox .checkbox__text, .content-form__radio .radio__text {height: 120px; border-width: 1px;}
   .content-form-slider__next {height: 120px; padding-left: 20px;}
   .content-form-slider__arrow a {border-width: 1px;}
   .content-form__in-flex {display: block;}
      .content-form__in-flex .content-form__subtitle {margin-bottom: 20px;}
   /*mouse-move*/
   .content-form.mouse-move {margin-top: calc(25vw + 40px);}
      .content-form .mouse-move__object {top: -25vw; max-width: 50vw;}
}
@media screen and (min-width: 481px) and (max-width: 1024px) {
   .content-form__right-flex {margin-bottom: 30px;}
      .content-form__right-flex .content-form__subtitle {margin-bottom: 0;}
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
   .content-form__right-flex .content-form__subtitle {padding-right: 40px;}
   .content-form__checkbox .checkbox, .content-form__radio .radio {width: 25%;}
   .content-form-slider__next {width: 25%;}
}
@media screen and (min-width: 481px) and (max-width: 767px) {
   .content-form__right-flex .content-form__subtitle {padding-right: 20px;}
}
@media screen and (max-width: 767px) {
   .content-form__text {margin-bottom: 40px;}
   .content-form__nav ul {margin-left: -20px;}
      .content-form__nav ul li {padding-left: 20px;}
          .content-form__nav ul li a {width: 54px; height: 54px; line-height: 52px; font-size: 25px;}
   .content-form__checkbox, .content-form__radio {margin-left: -15px; margin-bottom: -15px;}
      .content-form__checkbox .checkbox, .content-form__radio .radio {padding-left: 15px; margin-bottom: 15px;}
         .content-form__checkbox .checkbox__label, .content-form__radio .radio__label {font-size: 13px;}
   .content-form-slider__next {padding-left: 15px;}
}
@media screen and (max-width: 567px) {
   .content-form__checkbox .checkbox__label, .content-form__radio .radio__label {font-size: 12px;}
}
@media screen and (max-width: 480px) {
   .content-form__text {margin-bottom: 30px;}
   .content-form__right-flex {display: block;}
      .content-form__right-flex .content-form__subtitle {margin-bottom: 20px;}
      .content-form__nav {margin-bottom: 20px;}
      .content-form__checkbox .checkbox, .content-form__radio .radio {width: 50%;}
         .content-form__checkbox .checkbox__text, .content-form__radio .radio__text {height: 90px;}
   .content-form-slider__next {width: 50%; height: 90px;}
      .content-form-slider__next a {width: 54px; height: 54px;}
   /*mouse-move*/
   .content-form.mouse-move {margin-top: calc(30vw + 40px);}
      .content-form .mouse-move__object {top: -30vw; right: -20vw; max-width: 80vw;}
   .content-form__subtitle h5 + h5, .content-form__subtitle .h5 + .h5 {margin-top: 15px;}
   #merch-form .content-form__subtitle h5, #merch-form .content-form__subtitle .h5 {text-transform: none;}
}
@media screen and (max-width: 374px) {
   .content-form__checkbox .checkbox__label, .content-form__radio .radio__label {font-size: 10px;}
}
@media screen and (max-width: 767px) and (orientation: landscape) {
   .content-form__checkbox .checkbox, .content-form__radio .radio {width: 25%;}
      .content-form__checkbox .checkbox__label, .content-form__radio .radio__label {font-size: 12px;}
         .content-form__checkbox .checkbox__text, .content-form__radio .radio__text {height: 90px;}
   .content-form-slider__next {width: 25%; height: 90px;}
      .content-form-slider__next a {width: 54px; height: 54px;}
   /*mouse-move*/
   .content-form.mouse-move {margin-top: calc(15vw + 40px);}
      .content-form .mouse-move__object {top: -15vw; right: 20px;}
}
@media screen and (max-width: 666px) and (orientation: landscape) {
   .content-form__checkbox .checkbox__label, .content-form__radio .radio__label {font-size: 10px;}
}


/*====================================================
   .partnership (blue bottom block)
====================================================*/
.partnership {padding: 120px 0; position: relative;}
   .partnership__bg {position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url('../i/vipro-bg.svg') 0 0 repeat-x; background-size: auto 100%;}
   .partnership__list {margin-left: -60px;}
      .partnership__item {padding-left: 60px; font-size: 22px; line-height: 1.4;}
         .partnership__item span {display: block;}

@media screen and (min-width: 1025px) and (max-width: 1279px) {
    .partnership__list {margin-left: -40px;}
      .partnership__item {padding-left: 40px; font-size: 18px;}
}
@media screen and (max-width: 1024px) {
   .partnership__bg {background-size: 100% auto; background-position: 50% 50%; background-repeat: no-repeat;}
   .partnership__list {margin-bottom: -60px; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap;}
      .partnership__item {width: 50%; margin-bottom: 60px;}
}
@media screen and (max-width: 767px) {
   .partnership {padding: 80px 0;}
      .partnership__item {font-size: 18px;}
}
@media screen and (min-width: 481px) and (max-width: 567px) {
   .partnership__item {font-size: 16px;}
}
@media screen and (max-width: 480px) {
   .partnership__bg {background-size: 90% auto; background-position: 110% 0; background-repeat: repeat-y;}
   .partnership {padding: 60px 0;}
      .partnership__list {display: block; margin-left: 0; margin-bottom: 0;}
         .partnership__item {width: 100%; padding-left: 0; margin-bottom: 40px;}
         .partnership__item:last-child {margin-bottom: 0;}
            .partnership__item br {display: none;}
}
@media screen and (max-width: 374px) {
   .partnership__item {font-size: 16px;}
}


/*====================================================
   404 page
====================================================*/
.errors {height: 100vh; min-height: 100vh; margin-top: -155px; padding-top: 155px; position: relative;}
   .errors__bg {position: absolute; top: 0; left: 0; width: 100%; height: 100%; overflow: hidden;}
      .errors__bg canvas {min-height: 100%; min-width: 100%;}
   .errors__in {height: 100%; min-height: 100%; text-align: center; position: relative; z-index: 2;}
      .errors__in .wrapp {width: 100%;}
      .errors h1, .errors .h1 {font-size: 20vh; line-height: 0.75; margin-bottom: 40px;}
      .errors__text {padding-top: 40px;}
      .errors__image {position: relative; display: inline-block;}
         .zrachok {display: block; position: absolute; width: 7.814%; height: 5.12%; -webkit-background-size: contain; background-size: contain; animation-duration: 0.8s; animation-timing-function: linear; animation-iteration-count: infinite; transform-origin: 50% 50%;}
            .zrachok:before {content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; border-radius: 2em; background: #161311; border: 3px solid #fcee21;}
            .zrachok.z-right:before {transform: rotate(40deg);}
         .zrachok.z-left {top: 9%; left: 10%; animation-name: spintoLeft;}
         .zrachok.z-right {top: 7.2%; left: 34.5%; width: 7.814%; height: 5.12%; animation-name: spintoRight;}

@keyframes spintoLeft {
   0% {transform: rotate(0deg);}
   100% {transform: rotate(180deg);}
}
@keyframes spintoRight {
   0% {transform: rotate(0deg);}
   100% {transform: rotate(-180deg);}
}

@media all and (min-width: 1921px) {
   .errors h1, .errors .h1 {font-size: 160px;}
}
@media all and (min-width: 1025px) {
   .errors__in {display: block;}
      .errors__image {height: 62.541vh; height: 40vh;}
         .errors__image img {max-height: 100%; width: auto;}
}
@media all and (max-width: 1279px) {
   .errors {margin-top: -100px; padding-top: 100px;}
}
@media screen and (max-width: 1024px) {
   .errors {padding-top: 0;}
      .errors h1, .errors .h1 {font-size: 22vw;}
      .errors__image {max-width: 450px;}
         .zrachok:before {border-width: 3px;}
}
@media screen and (max-width: 767px) {
   .errors {margin-top: -80px;}
      .errors h1, .errors .h1 {margin-bottom: 30px;}
      .errors__image {max-width: 320px;}
      .errors__text {padding-top: 30px;}
}
@media screen and (max-width: 480px) {
   .errors {margin-top: -75px;}
      .errors h1, .errors .h1 {font-size: 30vw;}
      .errors__image {max-width: 70vw;}
         .zrachok:before {border-width: 2px;}
      .errors__text {padding-top: 30px;}
}
@media screen and (max-width: 374px) {
   .errors {margin-top: -65px;}
      .errors__text {padding-top: 20px; font-size: 14px;}
}
@media screen and (max-width: 1024px) and (orientation: landscape) {
   .errors h1, .errors .h1 {font-size: 22vh;}
   .errors__image {height: 38vh;}
      .errors__image img {max-height: 100%; width: auto;}
         .zrachok:before {border-width: 2px;}
}
@media screen and (max-width: 926px) and (orientation: landscape) {
   .errors {margin-top: -75px;}
      .errors h1, .errors .h1 {margin-bottom: 15px;}
      .errors__text {padding-top: 15px; line-height: 1.2;}
}
@media screen and (max-width: 666px) and (orientation: landscape) {
   .errors {margin-top: -65px;}
      .errors h1, .errors .h1 {font-size: 18vh; margin-bottom: 10px;}
      .errors__image {height: 35vh;}
      .errors__text {font-size: 14px; padding-top: 10px;}
}

      
/*====================================================
   .footer
====================================================*/
.footer {padding: 80px 0; position: relative; z-index: 1; font-size: 16px; line-height: 1.375;}
   .social-list {margin-left: -10px;}
      .social-list__item {padding-left: 10px;}
         .social-list__item a {display: block;width: 34px; height: 34px; border-radius: 100%;}
         .social-list__item a:hover {transform: scale(1.1); /*box-shadow: 0 0 20px #62D0FF;*/}
            .social-list__item_zen svg {width: 34px; height: 34px; border-radius: 100%; overflow: hidden;}
               .social-list__item a .svg-fill {fill: #FFF;}
               .social-list__item a:hover .svg-fill {fill: #62D0FF;}
   .footer__menu {margin-bottom: 40px;}
      .footer__menu ul.nav li {font-size: 20px; margin-bottom: 8px;}
   .footer__info a {text-decoration: none;}
   .footer__info a:hover {color: #62D0FF;}
   .footer__rating {font-size: 14px; line-height: 1.57;}
      .footer__rating .rating-image {width: 120px; margin-bottom: 15px;}
         .footer__rating .rating-image > div {overflow: hidden;}
            .footer__rating img {display: block; width: 120px; max-width: none; height: 22px;}

@media screen and (min-width: 481px) {
   .footer__logo {float: left;}
   .footer__social {float: right;}
   .footer__menu {float: left; text-align: center;}
      .footer__menu ul.columns_2 {display: inline-block; text-align: left; -webkit-column-gap: 80px; column-gap: 80px; margin-right: -80px;}
   .footer__info {float: right; text-align: right;}
   .footer__rating {float: left;}
}
@media screen and (min-width: 1025px) {
   .footer__logo {min-width: 290px;}
   .footer__social {margin-bottom: 30px;}
   .footer__info {clear: right;}
   .footer__rating {clear: both; padding-left: 290px;}
}
@media screen and (min-width: 1280px) and (max-width: 1920px) {
   .footer__menu ul.columns_2 {-webkit-column-gap: 10vw; column-gap: 10vw; margin-right: -10vw;}
}
@media screen and (min-width: 1025px) and (max-width: 1279px) {
   .footer__logo {min-width: 190px;}
   .footer__rating {padding-left: 190px;}
}
@media screen and (max-width: 1024px) {
   .footer {padding-bottom: 160px;}
}
@media screen and (min-width: 481px) and (max-width: 1024px) {
   .footer__menu {clear: both; width: 100%; margin: 60px 0;}
   .footer__social .social-list {height: 56px;}
   .footer__info {width: 50%;}
   .footer__rating {width: 50%; max-width: 200px;}
      .footer__rating br {display: none;}
}
@media screen and (max-width: 480px) {
   .footer {padding-top: 60px;}
      .footer__logo {margin-bottom: 25px;}
         .footer__logo img {margin: 0 auto;}
      .footer__social {margin-bottom: 40px;}
      .footer__menu {margin-bottom: 30px; padding-bottom: 30px; border-bottom: 1px solid #636363;}
         .footer__menu ul.columns_2 {columns: auto; margin-bottom: -8px;}
      .footer__info {letter-spacing: 0.03em; -webkit-box-ordinal-group: 2; -webkit-order: 2; -ms-flex-order: 2; order: 2;}
      .footer__rating {width: 100%; margin-bottom: 30px; -webkit-box-ordinal-group: 1; -webkit-order: 1; -ms-flex-order: 1; order: 1;}
         .footer__rating .rating-image {margin: 0 auto 15px;}
}
@media screen and (max-width: 767px) and (orientation: landscape) {
   .footer {padding-top: 60px;}
      .footer__menu {margin: 40px 0;}
}
 

/*====================================================
   .modal-block
====================================================*/
.modal-block {visibility: hidden; position: fixed; top: 0; left: 0; right: 0; height: 100%; text-align: center; font-size: 0; line-height: 0; z-index: 100;}
.modal-block.visible {visibility: visible;}
   .modal-block__overlay {opacity: 0; visibility: hidden; height: 100%; padding: 0 20px; position: relative; z-index: 100; background: rgba(20,28,48,.7); transition: all 0.3s ease 0s;}
   .text__popup .modal-block__overlay {background: none;}
   .modal-block.visible .modal-block__overlay {visibility: visible; opacity: 1;}
      .modal-block__overlay:before {content: ''; display: inline-block; vertical-align: middle; height: 100%; width: 0;}
      .modal-block__inner {opacity: 0; visibility: hidden; position: relative; width: 684px; max-width: 100%; max-height: 100%; overflow: auto; -webkit-overflow-scrolling: touch; padding: 60px 110px; display: inline-block; vertical-align: middle; text-align: left; font-size: 20px; line-height: 1.57; transform: scale(1.1); transition: all 0.3s ease 0s;}
      .modal-block_audio .modal-block__inner {width: auto;}
      .modal-block.visible .modal-block__inner {opacity: 1; visibility: visible; transform: scale(1);}
         .modal-block__title {margin-bottom: 40px; text-align: center;}
            .modal-block__title h4, .modal-block__title .h4 {margin-bottom: 10px;}
         .modal-block__subtitle {font-size: 16px; line-height: 1.375;}
         .text-popup__in p {margin-bottom: 20px;}

@media screen and (max-height: 768px) and (orientation: landscape) {
   .modal-block__inner {padding-top: 40px; padding-bottom: 40px;}
}  
@media screen and (max-width: 1024px) {
   .modal-block__inner {font-size: 18px;}
}   
@media screen and (max-width: 767px) {
   .modal-block__inner {padding: 60px 40px;}  
}
@media screen and (max-width: 480px) {
   .modal-block__overlay {padding: 0;}
      .modal-block__inner {padding: 60px 20px 40px; font-size: 16px;}  
}
@media screen and (max-width: 767px) and (orientation: landscape) {
   .modal-block__overlay {padding: 0;}
      .modal-block__inner {font-size: 16px;}  
}
                        

/*====================================================
   .back-top
====================================================*/
.back-top {opacity: 0; visibility: hidden; position: fixed; bottom: 150px; right: 55px; width: 56px; height: 56px; background: linear-gradient(0deg, #0439FF, #F40CCB, #0439FF 100%); background-size: auto 200%; border-radius: 100%; overflow: hidden; z-index: 10; cursor: pointer; transition: all 0.3s ease-in-out 0s;}
.back-top:hover {background-position: 0 100%}
.back-top.visible {opacity: 1; visibility: visible;}
   .back-top:before {content: ''; position: absolute; top: 50%; left: 50%; margin: -16px 0 0 -11px; width: 22px; height: 32px; background: url('../i/arrow-top-white.svg') 0 0 / cover no-repeat; z-index: 200}
   .no-touchevents .back-top:hover:before, .touchevents .back-top:active:before {animation: overflow-repeat-y .3s ease-out;}

@media screen and (max-width: 1024px) {
   .back-top {width: 40px; height: 40px; bottom: 10px; right: 10px;}
      .back-top:before {margin: -11px 0 0 -8px; width: 16px; height: 22px;}
}
/*@media screen and (max-width: 480px) {
   .back-top {bottom: 20px; right: 20px;}
}
@media screen and (max-width: 767px) and (orientation: landscape) {
   .back-top {bottom: 20px; right: 20px;}
}*/


/*====================================================
   .cookies
====================================================*/
.cookies {position: fixed; width: 100%; bottom: 40px; left: 0; z-index: 10;}
.cookies.hide {display: none;}
   .cookies__in {width: 480px; max-width: 100%; border-radius: 20px; padding: 50px; font-size: 16px; position: relative; opacity: 0; transform: translateY(calc(100% + 40px)); transition: opacity 0.4s ease-in-out 0s, transform 0.7s ease-out 0.2s;}
   .cookies.show .cookies__in {opacity: 1; transform: translateY(0);}
      .cookies-accept__text {padding-right: 30px;}
   .cookies .link_close {width: 15px;}
      .cookies .link_close:before, .cookies .link_close:after {top: 6px; left: -3px; width: 20px;}

@media screen and (min-width: 1280px) {
   .cookies {bottom: 80px;}
      .cookies__in {transform: translateY(calc(100% + 80px));}
}
@media screen and (max-width: 1279px) {
   .cookies__in {padding: 40px;}
}
@media screen and (max-width: 1024px) {
   .cookies {height: 100vh; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center;}
      .cookies__in {margin: 0 auto;}
}
@media screen and (max-width: 767px) {
   .cookies__in {font-size: 14px;}
}
@media screen and (max-width: 480px) {
   .cookies {bottom: 20px;}
      .cookies__in {padding: 30px 20px; transform: translateY(calc(100% + 20px));} 
         .cookies__accept {display: block;} 
            .cookies-accept__text {padding-right: 0; margin-bottom: 20px;}
            .cookies-accept__button {text-align: center;}
}
@media screen and (max-width: 767px) and (orientation: landscape)  {
   .cookies {bottom: 20px;}
      .cookies__in {padding: 30px 20px; transform: translateY(calc(100% + 20px));} 
}


/*====================================================
   Swiper slider (Swiper 8.3.2, https://swiperjs.com)
====================================================*/
.swiper {position: relative; overflow: hidden; list-style: none; z-index: 1;}
.swiper-vis {overflow: visible;}
.swiper-vertical > .swiper-wrapper {flex-direction: column;}
.swiper-wrapper {position: relative; width: 100%; height: 100%; z-index: 1; display: flex; align-items: stretch; transition-property: transform; box-sizing: content-box;}
.swiper:not(.swiper-initialized) .swiper-wrapper {width: auto;}
.swiper:not(.swiper-initialized) .swiper-wrapper.flex {-webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap;}
.swiper-android .swiper-slide, .swiper-wrapper {transform: translate3d(0,0,0);}
.swiper-pointer-events {touch-action:pan-y}
.swiper-pointer-events.swiper-vertical {touch-action:pan-x}
.swiper.swiper-initialized .swiper-slide {flex-shrink: 0; 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-centered > .swiper-wrapper::before {content:''; flex-shrink: 0; order: 9999;}
.swiper-centered.swiper-horizontal > .swiper-wrapper::before {height: 100%; min-height: 1px;}
.swiper-centered.swiper-vertical > .swiper-wrapper::before {width: 100%; min-width: 1px;}
.swiper-centered > .swiper-wrapper>.swiper-slide {scroll-snap-align: center center;}
.swiper-free-mode > .swiper-wrapper {transition-timing-function: ease-out;}
.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 {pointer-events:none; transition-property: opacity;}
.swiper-fade .swiper-slide {pointer-events: none; opacity: 0 !important;}
.swiper-fade .swiper-slide-active {pointer-events: auto; opacity: 1 !important;}
.swiper .swiper-notification {position: absolute; left: 0; top: 0; pointer-events: none; opacity: 0; z-index: -1000;}

/*buttons*/
.swiper-button {background-color: #FFF; cursor: pointer; z-index: 5;}
.swiper-button:hover {background-color: rgba(255,255,255,0.5);}
.slider-nav:not(.slider-custom-nav) .swiper-button {position: absolute; top: 50%; margin-top: -31px; width: 62px; height: 62px; border-radius: 100%;  transition: all 0.3s ease 0s;}
.swiper-button-prev {left: 0;}
.swiper-button-next {right: 0;}
   .swiper-button:before, .swiper-button:after {content: ''; position: absolute; width: 24px; height: 1px; background: #000; z-index: 1;}
   .swiper-button-prev:before, .swiper-button-next:before {top: 22px;}
   .swiper-button-prev:after, .swiper-button-next:after {bottom: 22px;}
   .swiper-button-prev:before, .swiper-button-prev:after {right: 22px;}
   .swiper-button-next:before, .swiper-button-next:after {left: 22px;}
   .swiper-button-prev:before, .swiper-button-next:after {transform: rotate(-45deg);}
   .swiper-button-prev:after, .swiper-button-next:before {transform: rotate(45deg);}
.swiper-button.swiper-button-disabled {cursor: default; opacity: 0.5; pointer-events: none;}
.swiper-button.swiper-button-hidden {opacity: 0; cursor: auto; pointer-events: none;}
.swiper-navigation-disabled .swiper-button {display: none !important;}
.swiper-button.swiper-button-lock {display: none;}

/*custom buttons*/
.slider-custom-nav .swiper-button {position: relative; left: auto; right: auto; background-color: transparent; transition: all 0.5s ease-in-out 0s;}
.no-touchevents .slider-custom-nav .swiper-button-prev:hover {transform: translateX(-20px);}
.no-touchevents .slider-custom-nav .swiper-button-next:hover {transform: translateX(20px);}
   .slider-custom-nav .swiper-button:before, .slider-custom-nav .swiper-button:after {display: none;}

/*pagination*/
.swiper-pagination, .slider-dots ul {display: block; height: 10px; padding: 20px 0 0; margin: 0 0 0 -10px; font-size: 0; line-height: 0;}
   .swiper-pagination-bullet, .slider-dots li {display: inline-block; width: 10px; height: 10px; padding: 0; margin: 0 0 0 10px; background: #FFF; z-index: 5; cursor: pointer; transition: all 0.3s ease 0s;}
   .swiper-pagination-bullet-active, .swiper-pagination-bullet-active:hover, .slider-dots li:hover, .slider-dots li.active {background: #FF0000;}
   button.swiper-pagination-bullet {border: none; box-shadow: none; -webkit-appearance: none; appearance: none;}
      .slider-dots li:before {display: none;}
   .swiper-pagination.swiper-pagination-hidden {opacity: 0;}
   .swiper-pagination-disabled > .swiper-pagination, .swiper-pagination.swiper-pagination-disabled {display: none !important;}

@media screen and (max-width: 480px) {
   .swiper-pagination, .slider-dots ul {height: 7px; margin-left: -7px;}
      .swiper-pagination-bullet, .slider-dots li {width: 7px; height: 7px;}
}
@media screen and (max-width: 767px) and (orientation: landscape) {
   .swiper-pagination, .slider-dots ul {height: 7px; margin-left: -7px;}
      .swiper-pagination-bullet, .slider-dots li {width: 7px; height: 7px;}
}

/*simple slider*/
.simple-slider {margin-bottom: 80px;}
.simple-slider-dots {text-align: center; margin-top: 20px;}
.simple-slider-dots .swiper-pagination {padding: 0;}

@media screen and (max-width: 1024px) {
   .simple-slider {margin-bottom: 60px;}
}
@media screen and (max-width: 480px) {
   .simple-slider {margin-bottom: 40px;}
}
@media screen and (max-width: 767px) and (orientation: landscape) {
   .simple-slider {margin-bottom: 40px;}
}


/*======================================================
   Image ranger
=======================================================*/
.compare-slider {position: relative; z-index: 1; width: 100%; max-width: 100%; margin-bottom: 80px; padding: 0 15px 15px; overflow: hidden;}
   .compare-slider__image {position: relative;}
      .compare-slider__image img {width: 100%; height: auto;}
      .compare-slider__before {position: relative; z-index: 1; font-size: 0; line-height: 0;}
      .compare-slider__var {position: absolute; top: 0; right: 0; z-index: 2; overflow: hidden;  font-size: 0; line-height: 0; width: 50%; height: 100%;}
         .compare-slider__after {position: absolute; top: 0; right: 0; z-index: 15; width: 100%; height: 100%;}
            .compare-slider__after img {display: block; position: absolute; top: 0; right: 0;}
   .range-slider {position: relative;}
      .range-slider .ui-slider {position: relative; text-align: left;}
      .range-slider .ui-slider-horizontal {height: 4px;}
      .range-slider .ui-widget-content {background: #FFF; border: 0;}
         .range-slider .ui-slider .ui-slider-range {background: #62D0FF; border: 0; position: absolute; z-index: 1; font-size: 0; display: block;}
         .range-slider .ui-slider-horizontal .ui-slider-range-min {left: 0;}
         .range-slider .ui-slider-horizontal .ui-slider-range {height: 100%; top: 0;}
         .range-slider .ui-slider .ui-slider-handle {z-index: 15;}
         .range-slider .ui-widget-content .ui-state-default {position: absolute; margin-left: -15px; border: 0; border-radius: 0; background: #62D0FF; box-shadow: 0 0 8px rgba(0,0,0,.7); border-radius: 100%; cursor: default; width: 30px; height: 30px; z-index: 15; cursor: pointer;}
            .range-slider .ui-widget-content .ui-state-default:before {display: block; content: '.'; font-size: 0; line-height: 0; position: absolute; bottom: 100%; left: 0; right: 0; margin: 0 auto; width: 2px; height: 800px; background: #141C30;}
            .range-slider .ui-widget-content .ui-state-default:after {content: "\2194"; position: absolute; top: 0; left: 1px; width: 100%; text-align: center; font-family: "MuseoSansMedium"; font-size: 22px; line-height: 30px; color: #141C30;}
         .range-slider .ui-slider-horizontal .ui-slider-handle {top: auto; bottom: -11px;}


@media screen and (max-width: 1024px) {
   .compare-slider {width: auto; max-width: none; padding: 0 40px 15px; margin: 0 -40px 60px;}
}
@media screen and (max-width: 480px) {
   .compare-slider {padding: 0 20px 15px; margin: 0 -20px 40px;}
}
@media screen and (max-width: 767px) and (orientation: landscape) {
   .compare-slider {padding: 0 20px 15px; margin: 0 -20px 40px;}
}


/*======================================================
   Spoiler
=======================================================*/
.spoilers {}
   .spoilers__title {display: block; position: relative; width: 100%; margin-top: 12px; padding: 16px 38px; text-decoration: underline; -webkit-text-decoration-style: dotted; text-decoration-style: dotted; text-underline-position: under; color: #FFF; cursor: pointer; -webkit-hyphens: auto; hyphens: auto; -webkit-user-select: none; -khtml-user-select: none;  -moz-user-select: none; -ms-user-select: none; user-select: none;}
      .spoilers__title:before {content: ""; width: 0; height: 0; position: absolute; top: 50%; left: 24px; border-color: transparent transparent transparent #FFF; border-style: solid; border-width: 6px 0 6px 6px; transform: translateY(-50%); transform-origin: 75% 25%; transition: transform .1s linear;}
   .spoilers__text {display: none; font-size: .9375rem; line-height: 1.5rem; margin: 10px 0 8px; padding: 0 38px 16px;}
      .spoilers__desc {background: rgba(255,255,255,0.16); border: 1px solid #FFF;/* font-size: .875rem; line-height: 1.6;*/ margin: 0; padding: 17px 20px; -moz-tab-size: 4; tab-size: 4; white-space: normal; word-break: normal; word-spacing: normal; word-wrap: normal;}
         .article .spoilers__desc p {margin-bottom: 5px;}
         .article .spoilers__desc p + ul {margin-top: 0; margin-bottom: 0;}
         .article .spoilers__desc img {margin-top: 10px; margin-bottom: 10px;}

   .spoilers.spoilers_open > .spoilers__title:before {transform: rotate(90deg);}
   .spoilers.spoilers_open > .spoilers__text {display: block;}


/*====================================================
   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: #FF0000; opacity: 0.8; cursor: pointer; z-index: 2; transition: all 0.3s ease 0s; 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: #62D0FF; cursor: pointer; z-index: 8040; visibility: hidden; opacity: 0; transition: all 0.2s ease 0s;}
.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 0.2s ease 0s;}
.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(20,28,48,.7);}
.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 0.2s ease 0s;}
.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('fancybox_loading@2x.gif');
      background-size: 24px 24px; /*The size of the normal image, half the size of the hi-res image*/
   }
}


/*====================================================
   Animation
====================================================*/
.animate {transition: transform 0.5s ease-in-out 0s, opacity 0.45s ease-in-out 0s;}
.animate_slow {transition: transform 1s ease-in-out 0s, opacity 1s ease-in-out 0s;}
.animate.delay_05 {transition-delay: 0.5s;}
.animate.delay_1 {transition-delay: 1s;}
.animate.delay_15 {transition-delay: 1.5s;}
.animate.delay_2 {transition-delay: 2s;}
.animate.delay_25 {transition-delay: 2.5s;}
.animate.delay_3 {transition-delay: 3s;}
.animate.delay_35 {transition-delay: 3.5s;}

.animated {visibility: visible !important;}

/*opacity*/
.opacity {opacity: 0;}
.animated.opacity {opacity: 1;}

/*translate*/
.from_top {transform: translate3d(0,-100%,0); transform-origin: top;}
.animated.from_top {transform: translate3d(0,0,0);}
.from_bottom {transform: translate3d(0,100%,0); transform-origin: bottom;}
.from_bottom-short {transform: translate3d(0,10%,0); transform-origin: bottom;}
.animated.from_bottom, .animated.from_bottom-short {transform: translate3d(0,0,0);}
.from_right {transform: translate3d(100%,0,0); transform-origin: right;}
.animated.from_right {transform: translate3d(0,0,0);}
.from_left {transform: translate3d(-100%,0,0); transform-origin: left;}
.from_left-short {transform: translate3d(-10%,0,0); transform-origin: left;}
.animated.from_left, .animated.from_left-short {transform: translate3d(0,0,0);}

/*cover image*/
.cover {position: relative; overflow: hidden;}
   .cover__bg {z-index: 2; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #FFF; transform: translate3d(0,0,0);}
   .cover__bg.from_right.animated {transform: translate3d(-100%,0,0);}
   .cover__bg.from_left.animated {transform: translate3d(100%,0,0);}
   .cover__image {transition: all 0.65s ease 0.65s;}

/*rotate*/
.rotate_x {transform: rotateX(90deg);}
.animated.rotate_x {transform: rotateX(0deg);}
.rotate_y {transform: rotateY(90deg);}
.animated.rotate_y {transform: rotateY(0deg);}

/*scale*/
.scale_0 {transform: scale(0);}
.animated.scale_0 {transform: scale(1);}

/*zoom*/
.zoom.animated {animation: zoomIn 4s linear 0s forwards alternate;}
.zoom_out.animated {animation: zoomOut 4s linear 0s forwards alternate;}

/*slide down*/
@keyframes slideDown {
   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)
   }
}
@keyframes zoomInOut {
   0% {
      transform: scale(1);
   }
   50% {
      transform: scale(1.2);
   }
   100% {
      transform: scale(1);
   }
}

/*press*/
@keyframes press {
   0% {
      transform: scale(1);
   }
   50% {
      transform: scale(0.92);
   }
   100% {
      transform: scale(1);
   }
}
   
/*hang-y*/
@keyframes hang-y {
   0% {
      transform: translateY(0%); 
   }
   50% {
      transform: translateY(10px); 
   }  
   100% {
      transform: translateY(0%);
   }        
}

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

/*overflow-repeat-x*/
@keyframes overflow-repeat-x {
   0%, 100% {
      transform: translate(0)
   }
   69.999% {
      transform: translate(800%)
   }
   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.05);
   }
   80% {
      transform: scale(1);
   }
   100% {
      transform: scale(1);
   }
}

/*====================================================
   Tilda page
====================================================*/
.t-body .container {overflow: visible;}
.t-body .bg_blend-top {display: none;}
.t-body .inner, .t-body .header, .t-body .header *, .t-body .partnership, .t-body .partnership *, .t-body .footer, .t-body .footer * {-webkit-box-sizing: border-box; box-sizing: border-box;}
.t-body .header {z-index: 20;}
.t-body .breadcrumbs {margin-bottom: 0;}
.t-body .partnership {margin-top: 60px;}
#allrecords li.t-slds__item {padding: 0;}
#allrecords li.t-slds__item:before, .t-slds__bullet:before, .t-slds__arrow_wrapper:before {display: none;}


.spoiler input, .spoiler div {display: none;}
/* Открытый спойлер */
.spoiler {padding-top: 15px;}
.spoiler :checked ~ div {display: block;}

.image_set {margin-bottom: 40px;}

@media screen and (min-width: 640px) {
   .image_set {display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-align: flex-start; -webkit-align-items: flex-start; -ms-flex-align: flex-start; align-items: flex-start; height: 250px; margin-bottom: 20px;}
   .image_set img {display:inline-block; flex-shrink: 0; width: 250px; height: 250px; background:cyan;}
   .image_set > div {padding: 20px;}
}
@media screen and (max-width: 639px) {
   .image_set {text-align: center;}
      .image_set img {width: 250px; max-width: 100%;}
      .image_set > div {padding-top: 20px;}
}