<br />
<b>Warning</b>:  filemtime(): stat failed for /home/httpd/vhosts/sorryguysmedia.ru/subdomains/skinactivator/httpdocs/visual/css/page.scss in <b>/home/admin/web/skinactivator.sorryguyscdn.ru/public_html/core/preprocessors/scssphp-0.7.6/example/Server.php</b> on line <b>138</b><br />
<br />
<b>Warning</b>:  file_put_contents(./files/temp/89686f622e722fe917d7d82a07dd9750.css): failed to open stream: Permission denied in <b>/home/admin/web/skinactivator.sorryguyscdn.ru/public_html/core/preprocessors/scssphp-0.7.6/example/Server.php</b> on line <b>214</b><br />
<br />
<b>Warning</b>:  file_put_contents(./files/temp/89686f622e722fe917d7d82a07dd9750.css.meta): failed to open stream: Permission denied in <b>/home/admin/web/skinactivator.sorryguyscdn.ru/public_html/core/preprocessors/scssphp-0.7.6/example/Server.php</b> on line <b>220</b><br />
/* compiled by scssphp v0.7.6 on Wed, 10 Dec 2025 02:00:51 +0000 (0.8696s) */

@import url('https://fonts.googleapis.com/css?family=PT+Sans:400,700&subset=cyrillic-ext');
@font-face {
  font-family: 'futurafuturisc';
  src: url('/visual/fonts/futurafc-webfont.eot');
  src: url('/visual/fonts/futurafc-webfont.eot?#iefix') format('embedded-opentype'), url('/visual/fonts/futurafc-webfont.woff2') format('woff2'), url('/visual/fonts/futurafc-webfont.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'futurafuturisc';
  src: url('/visual/fonts/futurfcb-webfont.eot');
  src: url('/visual/fonts/futurfcb-webfont.eot?#iefix') format('embedded-opentype'), url('/visual/fonts/futurfcb-webfont.woff2') format('woff2'), url('/visual/fonts/futurfcb-webfont.woff') format('woff');
  font-weight: bold;
  font-style: normal;
}
/*
 @font-face {
 font-family: 'MyriadPro';
 src: url('/visual/fonts/MyriadPro-Regular.eot');
 src: url('/visual/fonts/MyriadPro-Regular.eot?#iefix') format('embedded-opentype'),
 url('/visual/fonts/MyriadPro-Regular.woff') format('woff'),
 url('/visual/fonts/MyriadPro-Regular.ttf')  format('truetype'),
 url('/visual/fonts/MyriadPro-Regular.svg#MyriadPro-Regular') format('svg');
 font-weight: normal;
 font-style: normal;
 }
 @font-face {
 font-family: 'MyriadPro';
 src: url('/visual/fonts/MyriadPro-It.eot');
 src: url('/visual/fonts/MyriadPro-It.eot?#iefix') format('embedded-opentype'),
 url('/visual/fonts/MyriadPro-It.woff') format('woff'),
 url('/visual/fonts/MyriadPro-It.ttf')  format('truetype'),
 url('/visual/fonts/MyriadPro-It.svg#MyriadPro-It') format('svg');
 font-weight: normal;
 font-style: italic;
 }
 @font-face {
 font-family: 'MyriadPro';
 src: url('/visual/fonts/MyriadPro-Bold.eot');
 src: url('/visual/fonts/MyriadPro-Bold.eot?#iefix') format('embedded-opentype'),
 url('/visual/fonts/MyriadPro-Bold.woff') format('woff'),
 url('/visual/fonts/MyriadPro-Bold.ttf')  format('truetype'),
 url('/visual/fonts/MyriadPro-Bold.svg#MyriadPro-Bold') format('svg');
 font-weight: bold;
 font-style: normal;
 }*/
@keyframes showRightContent {
  /* line 58, ./visual/css/page.scss */
  0% {
    opacity: 1;
  }
  /* line 61, ./visual/css/page.scss */
  100% {
    opacity: 0;
  }
}
@keyframes MoveUpDown {
  /* line 66, ./visual/css/page.scss */
  0%, 100% {
    bottom: 0;
  }
  /* line 69, ./visual/css/page.scss */
  50% {
    bottom: em(20);
  }
}
@keyframes swinging {
  /* line 74, ./visual/css/page.scss */
  0% {
    transform: rotate(0);
  }
  /* line 75, ./visual/css/page.scss */
  5% {
    transform: rotate(12deg);
  }
  /* line 76, ./visual/css/page.scss */
  10% {
    transform: rotate(-10deg);
  }
  /* line 77, ./visual/css/page.scss */
  15% {
    transform: rotate(9deg);
  }
  /* line 78, ./visual/css/page.scss */
  20% {
    transform: rotate(-8deg);
  }
  /* line 79, ./visual/css/page.scss */
  25% {
    transform: rotate(7deg);
  }
  /* line 80, ./visual/css/page.scss */
  30% {
    transform: rotate(-6deg);
  }
  /* line 81, ./visual/css/page.scss */
  35% {
    transform: rotate(5deg);
  }
  /* line 82, ./visual/css/page.scss */
  40% {
    transform: rotate(-4deg);
  }
  /* line 83, ./visual/css/page.scss */
  45% {
    transform: rotate(3deg);
  }
  /* line 84, ./visual/css/page.scss */
  50% {
    transform: rotate(0);
  }
  /* line 85, ./visual/css/page.scss */
  100% {
    transform: rotate(0);
  }
}
/* stylelint-disable-line  at-rule-no-vendor-prefix */
@-ms-viewport {
  width: device-width;
}
/* line 117, ./visual/css/page.scss */
* {
  outline: none !important;
  box-sizing: border-box !important;
}
/* line 121, ./visual/css/page.scss */
.page {
  box-sizing: border-box;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -ms-overflow-style: scrollbar;
  -ms-text-size-adjust: 100%;
  /* stylelint-disable-line  property-no-vendor-prefix */
  min-width: 320px;
  min-height: 100%;
}
/* line 130, ./visual/css/page.scss */
.page__inner {
  min-height: 100vh;
  display: flex;
  flex-direction: column;
}
/* line 136, ./visual/css/page.scss */
.page__content {
  flex-grow: 1;
  background-size: 100% auto;
  position: relative;
}
/* line 140, ./visual/css/page.scss */
.page__content main {
  float: left;
  width: 100%;
  position: relative;
}
/* line 146, ./visual/css/page.scss */
.page__footer-wrapper {
  flex-shrink: 0;
}
/* line 151, ./visual/css/page.scss */
*, *:before, *:after {
  box-sizing: inherit;
}
/* line 158, ./visual/css/page.scss */
html {
  width: 100%;
  min-width: 320px !important;
}
/* line 162, ./visual/css/page.scss */
body {
  margin: 0;
  min-height: 100%;
  min-width: 20em;
  font-size: 1.1713vw;
  font-weight: 300;
  font-style: normal;
  font-weight: normal;
  background: #7d7d7d;
  font-family: 'futurafuturisc';
}
/* line 173, ./visual/css/page.scss */
body > svg {
  width: 0;
  height: 0;
  position: absolute;
  left: -1000px;
  top: -10000px;
}
/* line 182, ./visual/css/page.scss */
[tabindex='-1']:focus {
  outline: none !important;
}
/* line 187, ./visual/css/page.scss */
[role='button'] {
  cursor: pointer;
}
/* line 192, ./visual/css/page.scss */
input[type='search'] {
  -webkit-appearance: textfield;
  /* stylelint-disable-line  property-no-vendor-prefix */
}
/* line 197, ./visual/css/page.scss */
a, button, [role='button'], input, label, select, textarea {
  touch-action: manipulation;
}
/* line 210, ./visual/css/page.scss */
/* line 212, ./visual/css/page.scss */
a svg, button svg {
  pointer-events: none;
}
/* line 218, ./visual/css/page.scss */
img {
  max-width: 100%;
  height: auto;
}
/* line 227, ./visual/css/page.scss */
/* line 228, ./visual/css/page.scss */
.form__wrapperbutton {
  position: absolute;
  right: 2.5em;
  bottom: 2.5em;
  z-index: 2;
}
/* line 237, ./visual/css/page.scss */
.form__wrapperbutton--gifts {
  width: 6.25em;
  height: 7.75em;
  position: absolute;
  right: 0;
  bottom: 0;
  background: url(/visual/img/gift.png) no-repeat;
  background-size: 100% auto;
  animation: swinging 20s ease-in-out 1s infinite;
  display: block;
  cursor: pointer;
}
/* line 248, ./visual/css/page.scss */
.form__wrapperbutton--giftstext {
  position: absolute;
  bottom: 1.875em;
  left: 0;
  right: 0;
  line-height: 0;
  text-align: center;
}
/* line 255, ./visual/css/page.scss */
.form__wrapperbutton--giftstext span {
  font-size: 0.625em;
  line-height: 1.1;
  color: #fff;
  text-transform: uppercase;
}
/* line 263, ./visual/css/page.scss */
.form__wrapperbutton--close {
  display: none;
  width: 5.625em;
  height: 5.625em;
  position: absolute;
  right: 0;
  bottom: 0;
  background: #f00;
  border-radius: 50%;
  cursor: pointer;
}
/* line 274, ./visual/css/page.scss */
.form__wrapperbutton--close:before {
  content: '';
  display: block;
  width: 1.875em;
  height: 2px;
  background: #fff;
  transform: rotate(45deg);
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
}
/* line 288, ./visual/css/page.scss */
.form__wrapperbutton--close:after {
  content: '';
  display: block;
  width: 1.875em;
  height: 2px;
  background: #fff;
  transform: rotate(-45deg);
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
}
/* line 304, ./visual/css/page.scss */
/* line 313, ./visual/css/page.scss */
.form__wrapper {
  font-family: 'PT Sans', sans-serif;
  box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.35);
  position: fixed;
  right: 2.5em;
  bottom: 9.375em;
  background: #f9f9f9;
  z-index: 99;
  overflow: auto;
  border-radius: 0.625em;
  display: block;
  height: 0;
  padding: 0;
  width: 0;
  transition: width 0.5s cubic-bezier(0, 0, 1, 1), height 0.5s cubic-bezier(0, 0, 1, 1), padding 0.5s cubic-bezier(0, 0, 1, 1);
}
/* line 331, ./visual/css/page.scss */
.form__wrapper.active {
  height: 37.5em;
  width: 41.25em;
  padding: 1.25em;
}
/* line 338, ./visual/css/page.scss */
.form__wrapper:before {
  content: '';
  width: 100%;
  height: 12.5em;
  position: absolute;
  left: 0;
  top: 0;
  box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.3);
  background: #f00;
  z-index: 1;
}
/* line 350, ./visual/css/page.scss */
.form__wrapper--title {
  min-width: 38.75em;
  width: 100%;
  float: left;
  margin: 0.3125em 0;
  line-height: 1.875em;
  text-align: center;
  z-index: 2;
  position: relative;
}
/* line 359, ./visual/css/page.scss */
.form__wrapper--title span {
  font-size: 1.875em;
  line-height: 1;
  font-family: 'futurafuturisc';
  text-transform: uppercase;
  color: #fff;
}
/* line 366, ./visual/css/page.scss */
.form__wrapper--titleicon {
  margin: 0 0.9375em 0 0;
  width: 2em;
  height: 2.1875em;
  display: inline-block;
  background: url(/visual/img/gift_icon2.png) no-repeat center center;
  background-size: 100% auto;
}
/* line 375, ./visual/css/page.scss */
.form__wrapper--titleold {
  min-width: 40em;
  width: 100%;
  float: left;
  margin: 0.3125em 0;
  text-align: center;
  z-index: 2;
  position: relative;
}
/* line 384, ./visual/css/page.scss */
.form__wrapper--titleold span {
  font-size: 1em;
  color: #fff;
}
/* line 391, ./visual/css/page.scss */
.form__wrapper--form {
  min-width: 38.75em;
  width: 100%;
  float: left;
  position: relative;
  z-index: 2;
}
/* line 398, ./visual/css/page.scss */
.form__wrapper__block {
  width: 100%;
  float: left;
  margin: 0.625em 0;
  padding: 1.25em;
  box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.35);
  border-radius: 0.625em;
  background: #f9f9f9;
}
/* line 407, ./visual/css/page.scss */
.form__wrapper__block--title {
  width: 100%;
  float: left;
  margin: 0 0 1.25em 0;
  text-align: center;
}
/* line 412, ./visual/css/page.scss */
.form__wrapper__block--title span {
  font-size: 1em;
  color: #000;
  text-transform: uppercase;
}
/* line 419, ./visual/css/page.scss */
.form__wrapper__block--line {
  width: 100%;
  float: left;
  margin: 0.625em 0;
}
/* line 424, ./visual/css/page.scss */
.form__wrapper__block--cell {
  width: 50%;
  float: left;
  padding: 0 1.875em 0 0;
}
/* line 428, ./visual/css/page.scss */
.form__wrapper__block--cell:nth-child(2n+2) {
  padding: 0;
}
/* line 432, ./visual/css/page.scss */
.form__wrapper__block--cell label {
  display: block;
  width: 100%;
  float: left;
  line-height: 1.125em;
}
/* line 437, ./visual/css/page.scss */
.form__wrapper__block--cell label span {
  font-size: 1em;
  color: #000;
}
/* line 443, ./visual/css/page.scss */
.form__wrapper__block--inputwrap {
  width: 100%;
  float: left;
  height: 2.5em;
  margin: 0.3125em 0 0 0;
  border: 1px solid #bfbfbf;
  background: #fff;
}
/* line 451, ./visual/css/page.scss */
.form__wrapper__block--inputwrap.error {
  border-color: #f00;
}
/* line 455, ./visual/css/page.scss */
.form__wrapper__block--input {
  width: 100%;
  float: left;
  height: 100%;
  width: 100%;
  padding: 0 0.9375em;
  font-size: 1em;
  background: none;
  font-family: 'PT Sans', sans-serif;
  border: none;
}
/* line 466, ./visual/css/page.scss */
.form__wrapper__block--select {
  width: 100%;
  float: left;
  height: 100%;
  width: 100%;
  border: none;
  padding: 0 0.9375em;
  font-size: 1em;
  background: none;
  border-radius: 0;
  font-family: 'PT Sans', sans-serif;
}
/* line 479, ./visual/css/page.scss */
.form__wrapper__block--checkbox {
  width: 100%;
  float: left;
  margin: 0.625em 0;
  text-align: left;
}
/* line 485, ./visual/css/page.scss */
.form__wrapper__block--checkbox input {
  position: absolute;
  z-index: -1;
  opacity: 0;
  margin: 0.625em 0 0 1.25em;
}
/* line 490, ./visual/css/page.scss */
/* line 491, ./visual/css/page.scss */
/* line 492, ./visual/css/page.scss */
.form__wrapper__block--checkbox input:checked + div:before {
  border: 1px solid #bfbfbf !important;
  background: url(/visual/img/checked.png) no-repeat;
  background-size: 0.75em auto;
  background-position: center center;
}
/* line 501, ./visual/css/page.scss */
.form__wrapper__block--checkbox > div {
  position: relative;
  padding: 0 0 0 2.1875em;
  cursor: pointer;
}
/* line 506, ./visual/css/page.scss */
.form__wrapper__block--checkbox > div:before {
  content: '';
  position: absolute;
  left: 0;
  width: 1.25em;
  height: 1.25em;
  background: #fff;
  transition: 0.2s;
  border: 1px solid #bfbfbf;
}
/* line 517, ./visual/css/page.scss */
.form__wrapper__block--checkbox > div span {
  font-size: 1em;
}
/* line 521, ./visual/css/page.scss */
/* line 522, ./visual/css/page.scss */
/* line 523, ./visual/css/page.scss */
.form__wrapper__block--checkbox.error > div:before {
  border-color: #f00;
}
/* line 529, ./visual/css/page.scss */
.form__wrapper__block--oldtext {
  width: 100%;
  float: left;
  margin: 0.625em 0 0 0;
}
/* line 533, ./visual/css/page.scss */
.form__wrapper__block--oldtext p {
  font-size: 1em;
  line-height: 1.2;
  letter-spacing: 0.0313em;
  color: #bfbfbf;
  font-family: 'PT Sans', sans-serif;
}
/* line 539, ./visual/css/page.scss */
.form__wrapper__block--oldtext p a {
  color: #bfbfbf;
  transition: 0.2s;
}
/* line 542, ./visual/css/page.scss */
.form__wrapper__block--oldtext p a:hover {
  color: #f00;
}
/* line 551, ./visual/css/page.scss */
.header {
  float: left;
}
/* line 553, ./visual/css/page.scss */
.header__logo {
  position: fixed;
  left: 7.1875em;
  top: 1.5625em;
  display: block;
  z-index: 70;
}
/* line 560, ./visual/css/page.scss */
.header__logo--1 {
  display: block;
  width: 8.125em;
  height: 1.875em;
  background: url(/visual/img/logo_1.png) no-repeat center center;
  background-size: 100% auto;
  float: left;
}
/* line 568, ./visual/css/page.scss */
.header__logo--2 {
  display: block;
  width: 9.375em;
  height: 2.5em;
  background: url(/visual/img/logo_2.png) no-repeat center center;
  background-size: 100% auto;
  float: left;
  margin: 0 0 0 2.1875em;
}
/* line 578, ./visual/css/page.scss */
.header__menu {
  width: 31.25em;
  height: 100%;
  position: fixed;
  left: -100%;
  bottom: 0;
  top: 0;
  background: #fff;
  box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.3);
  z-index: 2;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  transition: left 0.5s;
}
/* line 594, ./visual/css/page.scss */
.header__menu.active {
  left: 0;
}
/* line 598, ./visual/css/page.scss */
.header__menu--list {
  list-style: none;
  margin: 0;
  padding: 0 2.1875em 0 0;
}
/* line 603, ./visual/css/page.scss */
.header__menu--item {
  line-height: 2.5em;
  margin: 0;
  cursor: pointer;
  width: 100%;
  padding: 0;
}
/* line 611, ./visual/css/page.scss */
.header__menu--item div {
  display: inline-block;
  width: auto;
  padding: 0 2.1875em;
}
/* line 616, ./visual/css/page.scss */
.header__menu--item span {
  font-size: 0.875em;
  text-transform: uppercase;
  transition: color 0.5s;
  display: block;
}
/* line 623, ./visual/css/page.scss */
/* line 624, ./visual/css/page.scss */
.header__menu--item.active div {
  border-top-right-radius: 0.625em;
  border-bottom-right-radius: 0.625em;
  background: #e30613;
  box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.35);
}
/* line 629, ./visual/css/page.scss */
.header__menu--item.active div span {
  color: #fff;
}
/* line 635, ./visual/css/page.scss */
/* line 636, ./visual/css/page.scss */
.header__menu--item:hover span {
  color: #e30613;
}
/* line 642, ./visual/css/page.scss */
.header__menu--button {
  margin: 0;
  padding: 0;
  border: none;
  font-size: inherit;
  width: 2.5em;
  height: 1.875em;
  top: 1.875em;
  left: 2.5em;
  display: block;
  position: fixed;
  transition: 0.6s ease all;
  z-index: 70;
  cursor: pointer;
  background: none;
}
/* line 657, ./visual/css/page.scss */
.header__menu--button span {
  background: #000;
  position: absolute;
  left: 0;
  top: 0;
  height: 0.1875em;
  width: 100%;
  display: block;
}
/* line 667, ./visual/css/page.scss */
.header__menu--button:before {
  height: 0.1875em;
  background: #000;
  content: " ";
  display: block;
  position: absolute;
  top: 0.6875em;
  right: 1.0625em;
  left: 0;
  transition: 0.6s ease all;
}
/* line 678, ./visual/css/page.scss */
.header__menu--button:after {
  background: #000;
  content: " ";
  height: 0.1875em;
  display: block;
  position: absolute;
  top: 1.375em;
  right: 0.5em;
  left: 0;
  transition: 0.6s ease all;
}
/* line 690, ./visual/css/page.scss */
/* line 692, ./visual/css/page.scss */
.header__menu--button:hover:after, .header__menu--button.active:after, .header__menu--button:hover:before, .header__menu--button.active:before {
  right: 0;
}
/* line 700, ./visual/css/page.scss */
/* line 701, ./visual/css/page.scss */
/* line 702, ./visual/css/page.scss */
/* line 703, ./visual/css/page.scss */
/* line 704, ./visual/css/page.scss */
.header.white .header__menu--button span {
  background: #fff;
}
/* line 707, ./visual/css/page.scss */
.header.white .header__menu--button:before, .header.white .header__menu--button:after {
  background: #fff;
}
/* line 713, ./visual/css/page.scss */
/* line 714, ./visual/css/page.scss */
.header.white .header__logo--1 {
  background: url(/visual/img/logo_1--white.png) no-repeat center center;
  background-size: 100% auto;
}
/* line 718, ./visual/css/page.scss */
.header.white .header__logo--2 {
  background: url(/visual/img/logo_2--white.png) no-repeat center center;
  background-size: 100% auto;
}
/* line 727, ./visual/css/page.scss */
/* line 728, ./visual/css/page.scss */
/* line 729, ./visual/css/page.scss */
/* line 730, ./visual/css/page.scss */
/* line 731, ./visual/css/page.scss */
.owl-carousel .owl-item.active .screen__animated {
  width: 0;
}
/* line 734, ./visual/css/page.scss */
.owl-carousel .owl-item.active .screen__content {
  color: #fff;
}
/* line 740, ./visual/css/page.scss */
.owl-carousel .owl-dots {
  position: fixed;
  left: 1.875em;
  top: 0;
  bottom: 0;
  margin: auto 0;
  z-index: 10;
  width: 0.625em;
  display: flex;
  vertical-align: middle;
  height: 100%;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  align-content: center;
}
/* line 758, ./visual/css/page.scss */
.owl-carousel button.owl-dot {
  font-size: inherit;
  margin: 0;
  padding: 0;
  width: 0.625em;
  height: 0.625em;
  margin: 0.3125em 0;
  background: none;
  border: 1px solid #000;
  border-radius: 50%;
  vertical-align: middle;
  position: relative;
}
/* line 770, ./visual/css/page.scss */
.owl-carousel button.owl-dot:before {
  background: #000;
}
/* line 774, ./visual/css/page.scss */
.owl-carousel button.owl-dot.white {
  border-color: #fff;
}
/* line 776, ./visual/css/page.scss */
.owl-carousel button.owl-dot.white:before {
  background: #fff;
}
/* line 780, ./visual/css/page.scss */
.owl-carousel button.owl-dot.active {
  background: #e30613;
  border-color: #e30613;
  margin: 0.3125em 0 6.25em 0;
}
/* line 784, ./visual/css/page.scss */
.owl-carousel button.owl-dot.active:before {
  content: '';
  top: 1.875em;
  left: 0;
  right: 0;
  margin: 0 auto;
  width: 1px;
  height: 4.375em;
  position: absolute;
}
/* line 796, ./visual/css/page.scss */
.owl-carousel button.owl-dot:nth-child(5), .owl-carousel button.owl-dot:nth-child(6), .owl-carousel button.owl-dot:nth-child(7), .owl-carousel button.owl-dot:nth-child(8) {
  display: none;
}
/* line 808, ./visual/css/page.scss */
/* line 809, ./visual/css/page.scss */
.owl-carousel button.owl-dot:last-child.active {
  margin: 6.25em 0 0.3125em 0;
}
/* line 811, ./visual/css/page.scss */
.owl-carousel button.owl-dot:last-child.active:before {
  content: '';
  bottom: 1.5625em;
  top: auto;
  left: 0;
  right: 0;
  margin: 0 auto;
  width: 1px;
  height: 4.375em;
  position: absolute;
}
/* line 827, ./visual/css/page.scss */
.screen {
  width: 100%;
  min-height: 40.625em;
  height: 100vh;
  float: left;
  position: relative;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}
/* line 849, ./visual/css/page.scss */
.screen__mouse {
  width: 5.625em;
  height: 5.625em;
  background: #fff;
  position: absolute;
  left: 39.9375em;
  bottom: 0;
  display: flex;
  justify-content: center;
  align-items: center;
}
/* line 860, ./visual/css/page.scss */
.screen__mouse:before {
  content: '';
  width: 1.125em;
  height: 2em;
  background-image: url(/visual/img/icon--mouse.png);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 100% auto;
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
  animation: MoveUpDown 2s linear infinite;
}
/* line 880, ./visual/css/page.scss */
/* line 886, ./visual/css/page.scss */
.screen__share {
  width: 100%;
  float: left;
  line-height: 1.875em;
  position: absolute;
  left: 2.5em;
  bottom: 1.875em;
  z-index: 40;
}
/* line 895, ./visual/css/page.scss */
.screen__share > span {
  font-size: 0.6875em;
  display: block;
  float: left;
  margin: 0 1.875em 0 0;
}
/* line 901, ./visual/css/page.scss */
.screen__share--item {
  width: 1.875em;
  height: 1.875em;
  padding: 0;
  margin: 0 0.3125em;
  font-size: inherit;
  display: flex;
  justify-content: center;
  align-items: center;
  float: left;
  border-radius: 50%;
  cursor: pointer;
  border: none;
  background: none;
  transition: background 0.5s;
}
/* line 916, ./visual/css/page.scss */
.screen__share--item svg {
  fill: #000;
}
/* line 919, ./visual/css/page.scss */
.screen__share--item:hover {
  background: #e30613;
}
/* line 921, ./visual/css/page.scss */
.screen__share--item:hover svg {
  fill: #fff;
}
/* line 926, ./visual/css/page.scss */
/* line 927, ./visual/css/page.scss */
.screen__share--facebook svg {
  width: 0.5625em;
  height: 1em;
}
/* line 932, ./visual/css/page.scss */
/* line 933, ./visual/css/page.scss */
.screen__share--vk svg {
  width: 1.0625em;
  height: 0.6875em;
}
/* line 938, ./visual/css/page.scss */
/* line 939, ./visual/css/page.scss */
.screen__share--tw svg {
  width: 1.0625em;
  height: 0.8125em;
}
/* line 944, ./visual/css/page.scss */
/* line 945, ./visual/css/page.scss */
.screen__share--ok svg {
  width: 0.625em;
  height: 1em;
}
/* line 952, ./visual/css/page.scss */
/* line 955, ./visual/css/page.scss */
.screen__products .owl-item, .screen__products .owl-stage, .screen__products .owl-stage-outer {
  height: 100%;
}
/* line 960, ./visual/css/page.scss */
/* line 961, ./visual/css/page.scss */
.screen__products .owl-nav {
  width: 5.625em;
  height: 11.25em;
  position: absolute;
  left: 0;
  right: 0;
  margin: 0 auto;
  bottom: 0;
  background: #fff;
}
/* line 971, ./visual/css/page.scss */
.screen__products .owl-prev, .screen__products .owl-next {
  width: 5.625em;
  height: 5.625em;
  padding: 0;
  margin: 0;
  float: left;
  line-height: 3.75em !important;
  cursor: pointer;
}
/* line 984, ./visual/css/page.scss */
.screen__products .owl-prev span, .screen__products .owl-next span {
  font-size: 3.75em;
  color: #bfbfbf;
  line-height: 1;
}
/* line 989, ./visual/css/page.scss */
.screen__products .owl-prev:hover, .screen__products .owl-next:hover {
  background: #e30613 !important;
}
/* line 991, ./visual/css/page.scss */
.screen__products .owl-prev:hover span, .screen__products .owl-next:hover span {
  color: #fff;
}
/* line 997, ./visual/css/page.scss */
.screen__products--item {
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  text-align: left;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  justify-content: flex-start;
}
/* line 1011, ./visual/css/page.scss */
.screen__animated {
  width: 40em;
  height: 100%;
  position: absolute;
  top: 0;
  bottom: 0;
  background: #fff;
  z-index: 1;
  transition: width 2s;
}
/* line 1021, ./visual/css/page.scss */
.screen__right {
  justify-content: flex-start;
}
/* line 1025, ./visual/css/page.scss */
.screen__right .screen__animated {
  left: 0;
}
/* line 1029, ./visual/css/page.scss */
.screen__left {
  justify-content: flex-end;
}
/* line 1033, ./visual/css/page.scss */
.screen__left .screen__animated {
  right: 0;
}
/* line 1037, ./visual/css/page.scss */
.screen__left .screen__content {
  padding: 0 6.5625em 0 5.3125em;
}
/* line 1042, ./visual/css/page.scss */
.screen__content {
  width: 38.75em;
  padding: 0 5.3125em 0 6.5625em;
  z-index: 2;
  color: #000;
  transition: color 3s;
}
/* line 1049, ./visual/css/page.scss */
.screen__content p {
  margin: 0.9375em 0;
  padding: 0;
  width: 100%;
  float: left;
  font-size: 0.875em;
  line-height: 1.667;
  text-align: left;
  font-family: 'PT Sans', sans-serif;
}
/* line 1061, ./visual/css/page.scss */
.screen__title {
  width: 100%;
  float: left;
  margin: 0;
}
/* line 1066, ./visual/css/page.scss */
.screen__title:last-child {
  margin: 0 0 1.25em 0;
}
/* line 1069, ./visual/css/page.scss */
.screen__title span {
  font-size: 4.5em;
  line-height: 1;
  text-align: left;
  text-transform: uppercase;
}
/* line 1076, ./visual/css/page.scss */
/* line 1077, ./visual/css/page.scss */
.screen__title--style1 span {
  font-size: 1.5em;
}
/* line 1081, ./visual/css/page.scss */
/* line 1082, ./visual/css/page.scss */
.screen__title--style2 span {
  font-size: 3em;
}
/* line 1086, ./visual/css/page.scss */
.screen__title--style3 {
  margin: 1.875em 0 1.25em 0;
}
/* line 1088, ./visual/css/page.scss */
.screen__title--style3 span {
  font-size: 3.4375em;
}
/* line 1094, ./visual/css/page.scss */
.screen__contest {
  margin: 0;
  list-style: none;
  padding: 0;
  float: left;
  width: 100%;
  font-family: 'PT Sans', sans-serif;
}
/* line 1101, ./visual/css/page.scss */
.screen__contest--item {
  width: 100%;
  margin: 2.5em 0;
  padding: 0;
  position: relative;
}
/* line 1106, ./visual/css/page.scss */
.screen__contest--item span {
  font-size: 1.125em;
  line-height: 1.667;
  font-weight: normal;
}
/* line 1112, ./visual/css/page.scss */
.screen__contest--count {
  width: 3.75em;
  height: 3.75em;
  background: #000;
  border-radius: 50%;
  position: absolute;
  left: -6.5625em;
  top: -0.625em;
}
/* line 1120, ./visual/css/page.scss */
.screen__contest--count span {
  font-size: 4.375em;
  color: #fff;
  line-height: 1;
  position: absolute;
  left: 0.1875em;
  right: 0;
  top: -0.25em;
  font-weight: bold;
  font-style: italic;
}
/* line 1133, ./visual/css/page.scss */
.screen__links {
  display: block;
  width: 100%;
  float: left;
  margin: 1.25em 0;
}
/* line 1138, ./visual/css/page.scss */
.screen__links--item {
  display: inline-block;
  min-width: 9.375em;
  line-height: 3.125em;
  text-decoration: none;
  text-align: center;
  padding: 0 1.875em;
  background: #e30613;
  border-radius: 3.125em;
  margin: 0 1.25em 0 0;
  transition: background 0.3s ease-in-out;
  font-size: inherit;
  cursor: pointer;
  border: none;
}
/* line 1153, ./visual/css/page.scss */
.screen__links--item:first-child {
  margin-left: 0;
}
/* line 1156, ./visual/css/page.scss */
.screen__links--item span {
  color: #fff;
  font-size: 0.875em;
  text-transform: uppercase;
  vertical-align: middle;
}
/* line 1162, ./visual/css/page.scss */
.screen__links--item:hover {
  background: #f00;
}
/* line 1166, ./visual/css/page.scss */
.screen__links--itemcustom {
  display: inline-block;
  line-height: 3.125em;
  text-decoration: none;
  text-align: center;
  padding: 0;
  margin-left: 2.5em;
  transition: color 0.3s ease-in-out;
  color: #7d7d7d;
}
/* line 1178, ./visual/css/page.scss */
.screen__links--itemcustom span {
  font-size: 0.875em;
  vertical-align: middle;
}
/* line 1182, ./visual/css/page.scss */
.screen__links--itemcustom span i {
  font-style: normal;
  font-size: 0.7em;
}
/* line 1187, ./visual/css/page.scss */
.screen__links--itemcustom:hover {
  color: #f00;
}
/* line 1191, ./visual/css/page.scss */
.screen__links--test {
  display: inline-block;
  width: 1.25em;
  height: 1.4375em;
  line-height: 0;
  margin: 0 0.625em 0.125em 0;
  vertical-align: middle;
  background: url(/visual/img/icon--test.png) no-repeat center top;
  background-size: 100% auto;
}
/* line 1201, ./visual/css/page.scss */
.screen__links--video {
  display: inline-block;
  width: 1.25em;
  height: 1.4375em;
  line-height: 0;
  margin: 0 0.625em 0.125em 0;
  vertical-align: middle;
  background: url(/visual/img/icon--video.png) no-repeat center top;
  background-size: 100% auto;
}
/* line 1211, ./visual/css/page.scss */
.screen__links--inst {
  display: inline-block;
  width: 1.25em;
  height: 1.25em;
  line-height: 0;
  margin: 0 0.625em 0.125em 0;
  vertical-align: middle;
  background: url(/visual/img/inst--icon.png) no-repeat center top;
  background-size: 100% auto;
}
/* line 1223, ./visual/css/page.scss */
/* line 1224, ./visual/css/page.scss */
.screen__1 .screen__content {
  padding: 0 3.125em 0 6.5625em;
  color: #000 !important;
}
/* line 1228, ./visual/css/page.scss */
.screen__1 .screen__mouse {
  left: 39.375em;
}
/* line 1232, ./visual/css/page.scss */
/* line 1233, ./visual/css/page.scss */
.screen__2 .screen__animated {
  background-image: url(/visual/img/icon--e.png);
  background-repeat: no-repeat;
  background-size: 21.875em auto;
  background-position: right bottom;
}
/* line 1240, ./visual/css/page.scss */
/* line 1241, ./visual/css/page.scss */
.screen__3 .screen__animated {
  background-image: url(/visual/img/icon--1.png);
  background-repeat: no-repeat;
  background-size: 14.375em auto;
  background-position: right bottom;
}
/* line 1248, ./visual/css/page.scss */
/* line 1249, ./visual/css/page.scss */
.screen__4 .screen__content {
  color: #000 !important;
}
/* line 1252, ./visual/css/page.scss */
.screen__4 .screen__animated {
  background-image: url(/visual/img/icon--2.png);
  background-repeat: no-repeat;
  background-size: 28.125em auto;
  background-position: right bottom;
}
/* line 1259, ./visual/css/page.scss */
/* line 1260, ./visual/css/page.scss */
.screen__5 .screen__animated {
  background-image: url(/visual/img/icon--3.png);
  background-repeat: no-repeat;
  background-size: 21.875em auto;
  background-position: left bottom;
}
/* line 1270, ./visual/css/page.scss */
/* line 1271, ./visual/css/page.scss */
.screen__7 .screen__content {
  color: #000 !important;
}
/* line 1275, ./visual/css/page.scss */
/* line 1276, ./visual/css/page.scss */
.screen__8 .screen__content {
  color: #000 !important;
}
/* line 1283, ./visual/css/page.scss */
/* line 1284, ./visual/css/page.scss */
/* line 1285, ./visual/css/page.scss */
/* line 1286, ./visual/css/page.scss */
.screen__test .screen__contest--item {
  margin: 3.75em 0;
}
/* line 1290, ./visual/css/page.scss */
.screen__test .screen__content {
  color: #000 !important;
}
/* line 1296, ./visual/css/page.scss */
.screen__testblock {
  width: 100%;
  min-height: 40.625em;
  height: 100vh;
  float: left;
  position: relative;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
/* line 1307, ./visual/css/page.scss */
.screen__testblock.hidden {
  display: none;
}
/* line 1311, ./visual/css/page.scss */
.screen__titleblock {
  width: 45em;
  padding: 0 7.5em;
  z-index: 2;
  color: #fff;
}
/* line 1318, ./visual/css/page.scss */
.screen__maintitle {
  width: 100%;
}
/* line 1320, ./visual/css/page.scss */
.screen__maintitle--title {
  display: block;
  width: 100%;
  font-size: 4.5em;
  font-weight: bold;
  font-family: 'futurafuturisc';
  color: #fff;
  text-transform: uppercase;
}
/* line 1329, ./visual/css/page.scss */
.screen__maintitle--text {
  margin: 0.625em 0;
  display: block;
  width: 100%;
  font-size: 1.25em;
  font-family: 'futurafuturisc';
  color: #fff;
  text-transform: uppercase;
}
/* line 1339, ./visual/css/page.scss */
.screen__testblocktitle {
  width: 100%;
}
/* line 1341, ./visual/css/page.scss */
.screen__testblocktitle--count {
  display: block;
  width: 100%;
  font-size: 1.375em;
  font-family: 'futurafuturisc';
  color: #fff;
  text-transform: uppercase;
}
/* line 1349, ./visual/css/page.scss */
.screen__testblocktitle--text {
  margin: 0.625em 0;
  display: block;
  width: 100%;
  font-size: 2.875em;
  font-weight: bold;
  font-family: 'futurafuturisc';
  color: #fff;
}
/* line 1360, ./visual/css/page.scss */
.screen__testblocklist {
  width: 100%;
  list-style: none;
  margin: 0;
  padding: 0;
}
/* line 1365, ./visual/css/page.scss */
.screen__testblocklist input {
  display: none;
}
/* line 1367, ./visual/css/page.scss */
.screen__testblocklist input:checked + label {
  background: #f00;
}
/* line 1369, ./visual/css/page.scss */
.screen__testblocklist input:checked + label span {
  color: #fff;
}
/* line 1374, ./visual/css/page.scss */
.screen__testblocklist label {
  width: 100%;
  padding: 0.625em 1.5625em;
  margin: 1.25em 0;
  min-height: 9.375em;
  background: #fff;
  border-radius: 0.625em;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: background 0.5s;
  cursor: pointer;
}
/* line 1387, ./visual/css/page.scss */
.screen__testblocklist label span {
  font-size: 1.125em;
  font-style: 'PT Sans', sans-serif;
  line-height: 1.2em;
  color: #000;
}
/* line 1393, ./visual/css/page.scss */
.screen__testblocklist label:hover {
  background: #f00;
}
/* line 1395, ./visual/css/page.scss */
.screen__testblocklist label:hover span {
  color: #fff;
}
/* line 1401, ./visual/css/page.scss */
/* line 1402, ./visual/css/page.scss */
.screen__auth--content {
  width: 100%;
  float: left;
}
/* line 1405, ./visual/css/page.scss */
.screen__auth--content.hidden {
  display: none;
}
/* line 1409, ./visual/css/page.scss */
.screen__auth--text {
  width: 100%;
  margin: 1.25em 0;
  float: left;
}
/* line 1413, ./visual/css/page.scss */
.screen__auth--text span {
  font-size: 1em;
  color: #000;
  text-transform: uppercase;
  line-height: 1.1em;
}
/* line 1420, ./visual/css/page.scss */
.screen__auth--line {
  width: 100%;
  margin: 0.625em 0;
  float: left;
}
/* line 1424, ./visual/css/page.scss */
.screen__auth--line.hidden {
  display: none;
}
/* line 1428, ./visual/css/page.scss */
.screen__auth--wrapper {
  width: 48%;
  float: left;
}
/* line 1431, ./visual/css/page.scss */
.screen__auth--wrapper:nth-child(2n+2) {
  margin-left: 4%;
}
/* line 1434, ./visual/css/page.scss */
.screen__auth--wrapper label {
  display: block;
  float: left;
  width: 100%;
  font-size: 1em;
  line-height: 1.1em;
}
/* line 1442, ./visual/css/page.scss */
.screen__auth--inputwrap {
  width: 100%;
  float: left;
  height: 2.5em;
  margin: 0.3125em 0 0 0;
  border: 1px solid #bfbfbf;
  background: none;
}
/* line 1450, ./visual/css/page.scss */
.screen__auth--inputwrap.error {
  border-color: #f00;
}
/* line 1454, ./visual/css/page.scss */
.screen__auth--input {
  width: 100%;
  float: left;
  height: 100%;
  width: 100%;
  padding: 0 0.9375em;
  font-size: 1em;
  background: none;
  font-family: 'PT Sans', sans-serif;
  border: none;
}
/* line 1465, ./visual/css/page.scss */
.screen__auth--select {
  width: 100%;
  float: left;
  height: 100%;
  width: 100%;
  border: none;
  padding: 0 0.9375em;
  font-size: 1em;
  background: none;
  border-radius: 0;
  font-family: 'PT Sans', sans-serif;
  text-shadow: none;
}
/* line 1479, ./visual/css/page.scss */
.screen__auth--checkbox {
  width: 100%;
  float: left;
  margin: 0.625em 0;
  text-align: left;
}
/* line 1485, ./visual/css/page.scss */
.screen__auth--checkbox input {
  position: absolute;
  z-index: -1;
  opacity: 0;
  margin: 0.625em 0 0 1.25em;
}
/* line 1490, ./visual/css/page.scss */
/* line 1491, ./visual/css/page.scss */
/* line 1492, ./visual/css/page.scss */
.screen__auth--checkbox input:checked + div:before {
  border: 1px solid #bfbfbf !important;
  background: url(/visual/img/checked.png) no-repeat;
  background-size: 0.75em auto;
  background-position: center center;
}
/* line 1501, ./visual/css/page.scss */
.screen__auth--checkbox > div {
  position: relative;
  padding: 0 0 0 2.1875em;
  cursor: pointer;
}
/* line 1506, ./visual/css/page.scss */
.screen__auth--checkbox > div:before {
  content: '';
  position: absolute;
  left: 0;
  width: 1.25em;
  height: 1.25em;
  background: #fff;
  transition: 0.2s;
  border: 1px solid #bfbfbf;
}
/* line 1517, ./visual/css/page.scss */
.screen__auth--checkbox > div span {
  font-size: 1em;
}
/* line 1521, ./visual/css/page.scss */
/* line 1522, ./visual/css/page.scss */
/* line 1523, ./visual/css/page.scss */
.screen__auth--checkbox.error > div:before {
  border-color: #f00;
}
/* line 1529, ./visual/css/page.scss */
.screen__auth--oldtext {
  width: 100%;
  float: left;
  margin: 0.625em 0 0 0;
}
/* line 1533, ./visual/css/page.scss */
.screen__auth--oldtext p {
  font-size: 0.9375em;
  line-height: 1.2;
  letter-spacing: 0.0313em;
  color: #898989;
  font-family: 'PT Sans', sans-serif;
}
/* line 1539, ./visual/css/page.scss */
.screen__auth--oldtext p a {
  color: #898989;
  transition: 0.2s;
}
/* line 1542, ./visual/css/page.scss */
.screen__auth--oldtext p a:hover {
  color: #f00;
}
/* line 1550, ./visual/css/page.scss */
/* line 1551, ./visual/css/page.scss */
/* line 1552, ./visual/css/page.scss */
/* line 1553, ./visual/css/page.scss */
.screen__testblock--result .screen__titleblock {
  position: relative;
}
/* line 1555, ./visual/css/page.scss */
.screen__testblock--result .screen__titleblock:before {
  content: '';
  width: 29.375em;
  height: 29.375em;
  display: block;
  background: url(/visual/img/result.png) no-repeat;
  background-size: 100% auto;
}
/* line 1564, ./visual/css/page.scss */
/* line 1565, ./visual/css/page.scss */
/* line 1566, ./visual/css/page.scss */
.screen__testblock--result .screen__content--resulttitle {
  width: 100%;
  float: left;
}
/* line 1570, ./visual/css/page.scss */
.screen__testblock--result .screen__content--resulttitle span {
  display: block;
  font-size: 1.5em;
  color: #000;
  line-height: 1.5em;
  float: left;
}
/* line 1577, ./visual/css/page.scss */
.screen__testblock--result .screen__content--resulttitle strong {
  display: block;
  font-size: 3em;
  color: #000;
  line-height: 1.1em;
  float: left;
}
/* line 1585, ./visual/css/page.scss */
.screen__testblock--result .screen__content--resulttext {
  width: 100%;
  font-size: 1.125em;
  margin: 0.9375em 0;
}
/* line 1589, ./visual/css/page.scss */
.screen__testblock--result .screen__content--resulttext > span {
  display: block;
  font-size: 1.25em;
  color: #000;
  line-height: 1.5em;
  width: 100%;
}
/* line 1595, ./visual/css/page.scss */
.screen__testblock--result .screen__content--resulttext > span.resultTitle {
  width: 100%;
  display: block;
  font-size: 2.5em;
  color: #000;
  line-height: 1.1em;
  font-weight: bold;
  margin: 0 0 0.625em 0;
}
/* line 1610, ./visual/css/page.scss */
.screen__testblock--result .screen__share {
  position: relative;
  left: auto;
  bottom: auto;
  margin: 0.625em 0;
}
/* line 1616, ./visual/css/page.scss */
.screen__testblock--result .screen__share > span {
  font-size: 0.875em;
  text-transform: uppercase;
}
/* line 1624, ./visual/css/page.scss */
.screen__videoblock {
  width: 50em;
  height: 28.125em;
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  background: url(/visual/img/temp/video.png) no-repeat;
  background-size: 100% auto;
}
/* line 1637, ./visual/css/page.scss */
.screen__videoblock video {
  display: none;
  width: 100%;
  height: 100%;
  cursor: pointer;
}
/* line 1643, ./visual/css/page.scss */
.screen__videoblock video.play {
  display: block;
}
/* line 1647, ./visual/css/page.scss */
.screen__videoblock--play {
  width: 7.5em;
  height: 7.5em;
  background: url(/visual/img/play.png) no-repeat;
  background-size: 100% 100%;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  cursor: pointer;
}
/* line 1660, ./visual/css/page.scss */
.screen__videoblock--text {
  position: absolute;
  bottom: -5em;
  text-align: center;
  width: 100%;
  left: 0;
  right: 0;
}
/* line 1667, ./visual/css/page.scss */
.screen__videoblock--text span {
  font-size: 1.5em;
  line-height: 1.3em;
  color: #fff;
}
/* line 1675, ./visual/css/page.scss */
.easy-autocomplete {
  width: 100% !important;
  min-height: 100% !important;
}
/* line 1679, ./visual/css/page.scss */
.easy-autocomplete input {
  border: none !important;
}