<br />
<b>Warning</b>:  filemtime(): stat failed for /home/httpd/vhosts/sorryguysmedia.ru/subdomains/huaweip20pro/httpdocs/visual/css/main.scss in <b>/home/admin/web/huaweip20pro.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/7e63857838593880508446a6ca19c4a5.css): failed to open stream: Permission denied in <b>/home/admin/web/huaweip20pro.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/7e63857838593880508446a6ca19c4a5.css.meta): failed to open stream: Permission denied in <b>/home/admin/web/huaweip20pro.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 Thu, 11 Dec 2025 15:42:58 +0000 (0.1703s) */

/* line 40, ./visual/css/main.scss */
* {
  position: relative;
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
/* line 46, ./visual/css/main.scss */
html {
  width: 100%;
  height: 100%;
}
/* line 50, ./visual/css/main.scss */
body {
  width: 100%;
  height: 100%;
  overflow: hidden;
  font-family: 'FrutigerNext';
  color: white;
  background: #058ba6;
  background: -webkit-gradient(linear, left top, right top, from(#058ba6), color-stop(50%, #968dc6), to(#420788));
  background: linear-gradient(to right, #058ba6 0%, #968dc6 50%, #420788 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#058ba6', endColorstr='#420788',GradientType=1);
}
/* line 63, ./visual/css/main.scss */
h1 {
  line-height: 14vh;
  font-size: 14vh;
  font-weight: 400;
}
/* line 68, ./visual/css/main.scss */
h2 {
  line-height: 7vh;
  font-size: 6vh;
  font-weight: 400;
}
/* line 73, ./visual/css/main.scss */
h3 {
  line-height: 4vh;
  font-size: 3.2vh;
  font-weight: 600;
}
/* line 78, ./visual/css/main.scss */
h4 {
  line-height: 3vh;
  font-size: 2.5vh;
  font-weight: 400;
}
/* line 83, ./visual/css/main.scss */
h6 {
  line-height: 2vh;
  font-size: 1.6vh;
  font-weight: 400;
}
/* line 88, ./visual/css/main.scss */
p {
  line-height: 4vh;
  font-size: 2.6vh;
}
/* line 93, ./visual/css/main.scss */
a {
  color: white;
}
/* line 98, ./visual/css/main.scss */
.container {
  max-width: 1000px;
  margin: 0 auto 0;
  padding: 0 15px;
}
/* line 105, ./visual/css/main.scss */
.page {
  width: 100%;
  height: 100%;
}
/* line 111, ./visual/css/main.scss */
.overlay {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1000;
  background: rgba(0, 0, 0, 0.7);
  transition: all 0.3s ease;
}
/* line 1, ./visual/css/components/logo.scss */
.logo {
  display: block;
  text-decoration: none;
}
/* line 4, ./visual/css/components/logo.scss */
.logo__img {
  display: block;
  width: 100%;
}
/* line 1, ./visual/css/components/soc.scss */
.soc {
  text-align: center;
}
/* line 4, ./visual/css/components/soc.scss */
.soc__title {
  margin-bottom: 1vh;
}
/* line 7, ./visual/css/components/soc.scss */
.soc__list {
  display: flex;
  justify-content: center;
  list-style: none;
}
/* line 12, ./visual/css/components/soc.scss */
.soc__item {
  margin-left: 0.7vh;
  margin-right: 0.7vh;
}
/* line 16, ./visual/css/components/soc.scss */
.soc__link {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 5vh;
  height: 5vh;
  border: 2px solid #440989;
  border-radius: 100%;
  color: #440989;
  font-size: 3vh;
  text-decoration: none;
  background-color: rgba(68, 9, 137, 0);
  cursor: pointer;
  transition: all 0.3s ease;
}
/* line 30, ./visual/css/components/soc.scss */
.soc__link:hover {
  color: white;
  background-color: #440989;
}
/* line 36, ./visual/css/components/soc.scss */
/* line 37, ./visual/css/components/soc.scss */
.soc.inverse .soc__link {
  border-color: white;
  color: white;
  background-color: rgba(149, 27, 128, 0);
}
/* line 41, ./visual/css/components/soc.scss */
.soc.inverse .soc__link:hover {
  border-color: #951b80;
  background-color: #951b80;
}
/* line 47, ./visual/css/components/soc.scss */
/* line 48, ./visual/css/components/soc.scss */
.soc.heavy .soc__item {
  margin-left: 1.5vh;
  margin-right: 1.5vh;
}
/* line 52, ./visual/css/components/soc.scss */
.soc.heavy .soc__link {
  width: 7vh;
  height: 7vh;
  border-color: #440989;
  color: white;
  font-size: 4.5vh;
  background-color: #440989;
}
/* line 59, ./visual/css/components/soc.scss */
.soc.heavy .soc__link:hover {
  border-color: #440989;
  background-color: #440989;
  transform: scale(1.2);
}
/* line 66, ./visual/css/components/soc.scss */
/* line 67, ./visual/css/components/soc.scss */
.soc.hover_scale .soc__item {
  margin-left: 1.5vh;
  margin-right: 1.5vh;
}
/* line 71, ./visual/css/components/soc.scss */
/* line 72, ./visual/css/components/soc.scss */
.soc.hover_scale .soc__link:hover {
  transform: scale(1.2);
}
/* line 77, ./visual/css/components/soc.scss */
/* line 78, ./visual/css/components/soc.scss */
/* line 79, ./visual/css/components/soc.scss */
.soc.inverse.hover_scale .soc__link:hover {
  border-color: #440989;
  background-color: #440989;
}
/* line 1, ./visual/css/components/btn.scss */
.btn {
  display: flex;
  height: 7vh;
  width: auto;
  min-width: 25vh;
  width: auto;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  flex-wrap: wrap;
  padding: 2vh 3.5vh;
  border: none;
  border-radius: 3.5vh;
  font-size: 2.5vh;
  color: white;
  text-decoration: none;
  white-space: nowrap;
  background-color: #440989;
  cursor: pointer;
  transition: all 0.3s ease;
  -webkit-appearance: none;
}
/* line 22, ./visual/css/components/btn.scss */
/* line 28, ./visual/css/components/btn.scss */
.btn_short {
  min-width: 20vh;
}
/* line 30, ./visual/css/components/btn.scss */
.btn_short img {
  margin-right: 1vh;
}
/* line 33, ./visual/css/components/btn.scss */
.btn_short span {
  margin: auto;
}
/* line 36, ./visual/css/components/btn.scss */
.btn_short .pointer__caption {
  display: flex;
  justify-content: center;
  align-items: center;
}
/* line 42, ./visual/css/components/btn.scss */
.btn_long {
  min-width: 37vh;
}
/* line 45, ./visual/css/components/btn.scss */
.btn_circle {
  width: 7vh;
  min-width: 7vh;
  height: 7vh;
  flex-shrink: 0;
  padding: 0;
}
/* line 51, ./visual/css/components/btn.scss */
.btn_circle img {
  display: block;
  max-width: 50%;
  max-height: 50%;
}
/* line 57, ./visual/css/components/btn.scss */
/* line 58, ./visual/css/components/btn.scss */
.btn_anim_scroll img {
  animation: btnScroll 2s infinite;
}
@keyframes btnScroll {
  /* line 61, ./visual/css/components/btn.scss */
  0% {
    transform: translate3d(0, -0.7vh, 0);
  }
  /* line 64, ./visual/css/components/btn.scss */
  20% {
    transform: translate3d(0, 0.7vh, 0);
  }
  /* line 67, ./visual/css/components/btn.scss */
  40% {
    transform: translate3d(0, 0.7vh, 0);
  }
  /* line 70, ./visual/css/components/btn.scss */
  90% {
    transform: translate3d(0, -0.7vh, 0);
  }
  /* line 73, ./visual/css/components/btn.scss */
  100% {
    transform: translate3d(0, -0.7vh, 0);
  }
}
/* line 1, ./visual/css/components/form.scss */
.form {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
/* line 6, ./visual/css/components/form.scss */
.form__field {
  display: block;
  width: 40vh;
  margin-bottom: 10%;
  padding: 1vh 0;
  border: none;
  border-bottom: 1px solid white;
  font-size: 2vh;
  color: white;
  background: none;
}
/* line 17, ./visual/css/components/form.scss */
.form__error {
  margin-top: 3%;
}
/* line 20, ./visual/css/components/form.scss */
.form ::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  color: white;
}
/* line 23, ./visual/css/components/form.scss */
.form ::-moz-placeholder {
  /* Firefox 19+ */
  color: white;
}
/* line 26, ./visual/css/components/form.scss */
.form :-ms-input-placeholder {
  /* IE 10+ */
  color: white;
}
/* line 29, ./visual/css/components/form.scss */
.form :-moz-placeholder {
  /* Firefox 18- */
  color: white;
}
/* line 1, ./visual/css/components/spot.scss */
.spot {
  display: block;
  width: 1px;
  height: 1px;
}
/* line 5, ./visual/css/components/spot.scss */
.spot:before {
  content: '';
  display: block;
  width: 23vh;
  height: 23vh;
  position: absolute;
  top: -23vh;
  bottom: -23vh;
  left: -23vh;
  right: -23vh;
  margin: auto;
  border: 3vh solid #440989;
  border-radius: 100%;
  transform: scale(0);
  opacity: 0;
  cursor: pointer;
  transition: all 0.3s ease;
}
/* line 23, ./visual/css/components/spot.scss */
.spot__label {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
}
/* line 30, ./visual/css/components/spot.scss */
.spot__checkbox {
  display: block;
  position: absolute;
  opacity: 0;
}
/* line 35, ./visual/css/components/spot.scss */
.spot__icon {
  display: block;
}
/* line 38, ./visual/css/components/spot.scss */
.spot__img {
  display: block;
  max-height: 12vh;
  max-width: 12vh;
}
/* line 44, ./visual/css/components/spot.scss */
.spot:hover:before {
  transform: scale(1);
  opacity: 1;
}
/* line 1, ./visual/css/components/pointer.scss */
.pointer {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 1px;
  height: 1px;
  position: absolute;
  transition: all 0.12s ease;
  pointer-events: none;
  user-select: none;
}
@media (max-width: 767px) {
  .pointer {
    display: none;
  }
}
/* line 1, ./visual/css/components/burger.scss */
.burger {
  width: 30px;
  cursor: pointer;
}
@media (min-width: 768px) {
  .burger {
    width: 50px;
  }
}
/* line 7, ./visual/css/components/burger.scss */
.burger__brick {
  width: 100%;
  height: 2px;
  margin-left: auto;
  margin-right: 0;
  background: white;
  transition: all 0.3s ease;
}
@media (min-width: 768px) {
  .burger__brick {
    height: 3px;
  }
}
/* line 17, ./visual/css/components/burger.scss */
.burger__brick + .burger__brick {
  margin-top: 6px;
}
@media (min-width: 768px) {
  .burger__brick + .burger__brick {
    margin-top: 8px;
  }
}
/* line 23, ./visual/css/components/burger.scss */
.burger__brick:nth-child(2) {
  width: 50%;
}
/* line 26, ./visual/css/components/burger.scss */
.burger__brick:nth-child(3) {
  width: 75%;
}
/* line 30, ./visual/css/components/burger.scss */
.burger.active .burger__brick {
  width: 100%;
}
/* line 1, ./visual/css/components/navbar.scss */
/* line 3, ./visual/css/components/navbar.scss */
.nav__item {
  list-style: none;
  padding: 3px 0px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.7);
}
/* line 7, ./visual/css/components/navbar.scss */
.nav__item:first-child {
  border-top: 1px solid rgba(255, 255, 255, 0.7);
}
/* line 11, ./visual/css/components/navbar.scss */
.nav__link {
  display: flex;
  align-items: center;
  min-height: 7.5vh;
  padding: 2vh 3vh;
  font-size: 2.4vh;
  font-weight: bold;
  text-decoration: none;
  transition: all 0.3s ease;
}
/* line 20, ./visual/css/components/navbar.scss */
.nav__link.current, .nav__link:hover {
  background: #951b80;
}
/* line 24, ./visual/css/components/navbar.scss */
.nav__link.current {
  cursor: default;
}
/* line 28, ./visual/css/components/navbar.scss */
/* line 30, ./visual/css/components/navbar.scss */
.nav__soc .soc__link {
  border-color: white;
  color: white;
}
/* line 38, ./visual/css/components/navbar.scss */
.navbar {
  position: fixed;
  top: 0;
  bottom: 0;
  right: 0;
  transition: all 0.3s ease;
}
/* line 45, ./visual/css/components/navbar.scss */
.navbar__overlay {
  transition: all 0.3s ease;
}
/* line 48, ./visual/css/components/navbar.scss */
.navbar__body {
  width: 48vh;
  padding: 13vh 7vh 0;
  position: fixed;
  top: 0;
  bottom: 0;
  right: 0;
  z-index: 1500;
  background: #440989;
  transition: all 0.3s ease;
}
/* line 59, ./visual/css/components/navbar.scss */
.navbar__nav {
  margin-bottom: 4vh;
}
/* line 63, ./visual/css/components/navbar.scss */
/* line 64, ./visual/css/components/navbar.scss */
.navbar.hidden .navbar__overlay {
  opacity: 0;
}
/* line 67, ./visual/css/components/navbar.scss */
.navbar.hidden .navbar__body {
  transform: translate3d(50vh, 0, 0);
}
/* line 1, ./visual/css/components/auth.scss */
.auth {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  color: white;
  text-align: center;
  background: #058ba6;
  background: -webkit-gradient(linear, left top, right top, from(#058ba6), color-stop(50%, #968dc6), to(#420788));
  background: linear-gradient(to right, #058ba6 0%, #968dc6 50%, #420788 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#058ba6', endColorstr='#420788',GradientType=1);
}
/* line 12, ./visual/css/components/auth.scss */
.auth__title {
  margin-bottom: 10%;
}
/* line 1, ./visual/css/components/popup.scss */
.popup {
  display: flex;
  justify-content: center;
  align-items: center;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1500;
}
/* line 12, ./visual/css/components/popup.scss */
.popup__overlay {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.7);
}
/* line 20, ./visual/css/components/popup.scss */
.popup__body {
  display: flex;
  width: 105vh;
  padding: 5vh 7vh;
  margin: auto;
  border: 1.5vh solid #440989;
  border-radius: 7vh;
  color: black;
  background: white;
}
/* line 30, ./visual/css/components/popup.scss */
.popup__col {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
/* line 35, ./visual/css/components/popup.scss */
.popup__img {
  display: block;
  width: 30vh;
  margin-right: 7vh;
}
/* line 40, ./visual/css/components/popup.scss */
.popup__title {
  margin-bottom: 3%;
}
/* line 43, ./visual/css/components/popup.scss */
.popup__text {
  line-height: 3vh;
  font-size: 2vh;
}
/* line 49, ./visual/css/components/popup.scss */
/* line 50, ./visual/css/components/popup.scss */
.popup_1 .popup__body {
  height: 75vh;
  background: url(/visual/images/spot-1-image.jpg) center center / cover no-repeat;
}
/* line 54, ./visual/css/components/popup.scss */
.popup_1 .popup__col {
  display: none;
}
/* line 57, ./visual/css/components/popup.scss */
.popup_1 .popup__col + .popup__col {
  display: flex;
  width: 100%;
  justify-content: flex-start;
  text-align: center;
}
/* line 64, ./visual/css/components/popup.scss */
/* line 65, ./visual/css/components/popup.scss */
.popup_2 .popup__body {
  height: 75vh;
  background: url(/visual/images/spot-2-image.jpg) center center / cover no-repeat;
}
/* line 69, ./visual/css/components/popup.scss */
.popup_2 .popup__col {
  display: none;
}
/* line 72, ./visual/css/components/popup.scss */
.popup_2 .popup__col + .popup__col {
  display: flex;
  width: 40%;
  justify-content: flex-end;
}
/* line 81, ./visual/css/components/popup.scss */
/* line 82, ./visual/css/components/popup.scss */
.popup_4 .popup__body {
  flex-direction: row-reverse;
}
/* line 86, ./visual/css/components/popup.scss */
.popup_4 .popup__img {
  margin-right: 0vh;
  margin-left: 7vh;
}
/* line 91, ./visual/css/components/popup.scss */
/* line 92, ./visual/css/components/popup.scss */
.popup_5 .popup__body {
  height: 75vh;
  background: url(/visual/images/spot-5-image.jpg) center center / cover no-repeat;
}
/* line 96, ./visual/css/components/popup.scss */
.popup_5 .popup__col {
  display: none;
}
/* line 99, ./visual/css/components/popup.scss */
.popup_5 .popup__col + .popup__col {
  display: flex;
  width: 40%;
  margin-left: 55%;
  justify-content: flex-end;
}
/* line 1, ./visual/css/components/fp.scss */
.fp {
  width: 100%;
  height: 100%;
}
/* line 4, ./visual/css/components/fp.scss */
.fp__container {
  height: 100%;
  padding-top: 15vh;
}
/* line 8, ./visual/css/components/fp.scss */
.fp__page {
  width: 100%;
  height: 100%;
}
/* line 1, ./visual/css/components/phones.scss */
.phone {
  display: block;
}
/* line 3, ./visual/css/components/phones.scss */
.phone__img {
  display: block;
  width: 100%;
}
/* line 10, ./visual/css/components/phones.scss */
.phones {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
/* line 14, ./visual/css/components/phones.scss */
.phones__phone {
  width: 40%;
}
/* line 1, ./visual/css/components/announce.scss */
.announce {
  display: block;
  height: 54vh;
  position: fixed;
  transition: all 0.6s ease;
}
/* line 7, ./visual/css/components/announce.scss */
.announce__img {
  display: block;
  height: 100%;
  transition: all 0.6s ease;
}
/* line 11, ./visual/css/components/announce.scss */
.announce__img img {
  display: block;
  height: 100%;
  position: relative !important;
}
/* line 17, ./visual/css/components/announce.scss */
.announce__decor {
  position: absolute;
}
/* line 21, ./visual/css/components/announce.scss */
.announce_left {
  left: 2vh;
  bottom: 8vh;
}
/* line 24, ./visual/css/components/announce.scss */
.announce_left .announce__img {
  transform: rotate(-6deg);
}
/* line 27, ./visual/css/components/announce.scss */
.announce_left .announce__decor {
  height: 90%;
  top: auto !important;
  bottom: -8vh !important;
  left: -4vh !important;
}
/* line 34, ./visual/css/components/announce.scss */
.announce_right {
  right: 3vh;
  bottom: 3vh;
}
/* line 37, ./visual/css/components/announce.scss */
.announce_right .announce__img {
  transform: rotate(20deg);
}
/* line 40, ./visual/css/components/announce.scss */
.announce_right .announce__decor {
  height: 75%;
  top: auto !important;
  bottom: -3vh !important;
  left: auto !important;
  right: -3vh !important;
}
/* line 48, ./visual/css/components/announce.scss */
.announce_vicscore .announce__decor {
  top: 90% !important;
  left: 70% !important;
  bottom: auto;
  right: auto;
  width: 100%;
  transition: none;
}
/* line 55, ./visual/css/components/announce.scss */
.announce_vicscore .announce__decor img {
  width: 100%;
  position: relative;
  top: auto;
  left: auto;
  bottom: auto;
  right: auto;
  transform: rotate(-30deg) scale(4);
}
/* line 67, ./visual/css/components/announce.scss */
/* line 68, ./visual/css/components/announce.scss */
.announce.hidden.announce_left {
  transform: translate3d(-80vh, 0, 0);
}
/* line 70, ./visual/css/components/announce.scss */
.announce.hidden.announce_left .announce__img {
  transform: rotate(-26deg);
}
/* line 73, ./visual/css/components/announce.scss */
.announce.hidden.announce_left .announce__decor {
  transform: translate3d(-20vh, 0, 0);
}
/* line 77, ./visual/css/components/announce.scss */
.announce.hidden.announce_right {
  transform: translate3d(80vh, 0, 0);
}
/* line 79, ./visual/css/components/announce.scss */
.announce.hidden.announce_right .announce__img {
  transform: rotate(40deg);
}
/* line 82, ./visual/css/components/announce.scss */
.announce.hidden.announce_right .announce__decor {
  transform: translate3d(20vh, 0, 0);
}
/* line 1, ./visual/css/components/specs.scss */
.spec {
  display: block;
}
/* line 6, ./visual/css/components/specs.scss */
/* line 7, ./visual/css/components/specs.scss */
.specs__img {
  display: block;
  width: 100%;
}
@media (min-width: 768px) {
  /* line 13, ./visual/css/components/specs.scss */
  .specs__spec {
    height: 100%;
    width: 40%;
    position: absolute;
    top: 0;
  }
  /* line 18, ./visual/css/components/specs.scss */
  .specs__spec_1 {
    left: 0;
  }
  /* line 21, ./visual/css/components/specs.scss */
  .specs__spec_2 {
    right: 0;
  }
}
/* line 1, ./visual/css/components/background.scss */
.background {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: #058ba6;
  /* Old browsers */
  background: -moz-linear-gradient(left, rgba(5, 139, 166, 1) 0%, rgba(150, 141, 198, 1) 50%, rgba(66, 7, 136, 1) 100%);
  background: -webkit-linear-gradient(left, rgba(5, 139, 166, 1) 0%, rgba(150, 141, 198, 1) 50%, rgba(66, 7, 136, 1) 100%);
  background: linear-gradient(to right, rgba(5, 139, 166, 1) 0%, rgba(150, 141, 198, 1) 50%, rgba(66, 7, 136, 1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#058ba6', endColorstr='#420788',GradientType=1);
  transition: all 0.6s ease;
}
/* line 16, ./visual/css/components/background.scss */
.background.blur {
  filter: blur(20px);
}
/* line 19, ./visual/css/components/background.scss */
.background__elem {
  display: block;
  position: absolute;
}
/* line 22, ./visual/css/components/background.scss */
.background__elem_1 {
  width: 12%;
  top: 22% !important;
  left: 4% !important;
}
/* line 26, ./visual/css/components/background.scss */
.background__elem_1 img {
  transform: rotate(14deg) scale(1, 1);
}
/* line 30, ./visual/css/components/background.scss */
.background__elem_2 {
  width: 49%;
  top: 16% !important;
  left: -24% !important;
}
/* line 34, ./visual/css/components/background.scss */
.background__elem_2 img {
  transform: rotate(1deg) scale(1, 1);
}
/* line 38, ./visual/css/components/background.scss */
.background__elem_3 {
  width: 16%;
  top: 57% !important;
  left: 32% !important;
}
/* line 42, ./visual/css/components/background.scss */
.background__elem_3 img {
  transform: rotate(-11deg) scale(1, 1);
}
/* line 46, ./visual/css/components/background.scss */
.background__elem_4 {
  width: 44%;
  top: 67% !important;
  left: 3% !important;
}
/* line 50, ./visual/css/components/background.scss */
.background__elem_4 img {
  transform: rotate(6deg) scale(1, 1);
}
/* line 54, ./visual/css/components/background.scss */
.background__elem_5 {
  width: 44%;
  top: 63% !important;
  left: 30% !important;
}
/* line 58, ./visual/css/components/background.scss */
.background__elem_5 img {
  transform: rotate(-1deg) scale(-1, 1);
}
/* line 62, ./visual/css/components/background.scss */
.background__elem_6 {
  width: 41%;
  top: 62% !important;
  left: 66% !important;
}
/* line 66, ./visual/css/components/background.scss */
.background__elem_6 img {
  transform: rotate(177deg) scale(-1, 1);
}
/* line 70, ./visual/css/components/background.scss */
.background__elem_7 {
  width: 44%;
  top: 63% !important;
  left: 52% !important;
}
/* line 74, ./visual/css/components/background.scss */
.background__elem_7 img {
  transform: rotate(-5deg) scale(1, 1);
}
/* line 78, ./visual/css/components/background.scss */
.background__elem_8 {
  width: 43%;
  top: 31% !important;
  left: 73% !important;
}
/* line 82, ./visual/css/components/background.scss */
.background__elem_8 img {
  transform: rotate(-1deg) scale(-1, 1);
}
/* line 86, ./visual/css/components/background.scss */
.background__elem_9 {
  width: 56%;
  top: 41% !important;
  left: -22% !important;
}
/* line 90, ./visual/css/components/background.scss */
.background__elem_9 img {
  transform: rotate(203deg) scale(-1, -1);
}
/* line 94, ./visual/css/components/background.scss */
.background__elem_eyes {
  width: 19%;
  top: 73%;
  left: 57%;
}
/* line 99, ./visual/css/components/background.scss */
.background__elem_face {
  width: 13%;
  top: 73%;
  left: 30%;
  transform-origin: 50% 50%;
}
@keyframes backFace {
  /* line 106, ./visual/css/components/background.scss */
  0% {
    margin-top: 0%;
    margin-left: 0%;
    transform: scale(1, 1) rotate(0deg);
  }
  /* line 111, ./visual/css/components/background.scss */
  15% {
    margin-top: 0%;
    margin-left: 0%;
    transform: scale(1, 1) rotate(0deg);
  }
  /* line 116, ./visual/css/components/background.scss */
  25% {
    margin-top: 5%;
    margin-left: 0%;
    transform: scale(1, 1) rotate(10deg);
  }
  /* line 121, ./visual/css/components/background.scss */
  30% {
    margin-top: 5%;
    margin-left: 0%;
    transform: scale(1, 1) rotate(10deg);
  }
  /* line 126, ./visual/css/components/background.scss */
  35% {
    margin-top: -5%;
    margin-left: 4%;
    transform: scale(1, 1) rotate(-10deg);
  }
  /* line 131, ./visual/css/components/background.scss */
  40% {
    margin-top: 3%;
    margin-left: 8%;
    transform: scale(1, 1) rotate(5deg);
  }
  /* line 136, ./visual/css/components/background.scss */
  45% {
    margin-top: 0%;
    margin-left: 10%;
    transform: scale(1, 1) rotate(0deg);
  }
  /* line 141, ./visual/css/components/background.scss */
  60% {
    margin-top: 0%;
    margin-left: 10%;
    transform: scale(1, 1) rotate(0deg);
  }
  /* line 146, ./visual/css/components/background.scss */
  65% {
    margin-top: 0%;
    margin-left: 10%;
    transform: scale(-1, 1) rotate(0deg);
  }
  /* line 151, ./visual/css/components/background.scss */
  70% {
    margin-top: 0%;
    margin-left: 10%;
    transform: scale(-1, 1) rotate(0deg);
  }
  /* line 156, ./visual/css/components/background.scss */
  71% {
    margin-top: 0%;
    margin-left: 9%;
    transform: scale(-1, 1) rotate(3deg);
  }
  /* line 161, ./visual/css/components/background.scss */
  72% {
    margin-top: 0%;
    margin-left: 8%;
    transform: scale(-1, 1) rotate(-3deg);
  }
  /* line 166, ./visual/css/components/background.scss */
  73% {
    margin-top: 0%;
    margin-left: 7%;
    transform: scale(-1, 1) rotate(3deg);
  }
  /* line 171, ./visual/css/components/background.scss */
  74% {
    margin-top: 0%;
    margin-left: 6%;
    transform: scale(-1, 1) rotate(-3deg);
  }
  /* line 176, ./visual/css/components/background.scss */
  75% {
    margin-top: 0%;
    margin-left: 5%;
    transform: scale(-1, 1) rotate(3deg);
  }
  /* line 181, ./visual/css/components/background.scss */
  76% {
    margin-top: 0%;
    margin-left: 4%;
    transform: scale(-1, 1) rotate(-3deg);
  }
  /* line 186, ./visual/css/components/background.scss */
  77% {
    margin-top: 0%;
    margin-left: 3%;
    transform: scale(-1, 1) rotate(3deg);
  }
  /* line 191, ./visual/css/components/background.scss */
  78% {
    margin-top: 0%;
    margin-left: 2%;
    transform: scale(-1, 1) rotate(-3deg);
  }
  /* line 196, ./visual/css/components/background.scss */
  79% {
    margin-top: 0%;
    margin-left: 1%;
    transform: scale(-1, 1) rotate(3deg);
  }
  /* line 201, ./visual/css/components/background.scss */
  80% {
    margin-top: 0%;
    margin-left: 0%;
    transform: scale(-1, 1) rotate(0deg);
  }
  /* line 206, ./visual/css/components/background.scss */
  85% {
    margin-top: 0%;
    margin-left: 0%;
    transform: scale(-1, 1) rotate(0deg);
  }
  /* line 211, ./visual/css/components/background.scss */
  90% {
    margin-top: 0%;
    margin-left: 0%;
    transform: scale(1, 1) rotate(0deg);
  }
  /* line 216, ./visual/css/components/background.scss */
  100% {
    margin-top: 0%;
    margin-left: 0%;
    transform: scale(1, 1) rotate(0deg);
  }
}
/* line 223, ./visual/css/components/background.scss */
.background__elem_eye {
  width: 20vh;
  position: absolute !important;
  top: auto !important;
  bottom: 10%;
  left: 10% !important;
}
/* line 229, ./visual/css/components/background.scss */
.background__elem_eye img {
  animation: eyeBlink 10s infinite;
}
/* line 232, ./visual/css/components/background.scss */
.background__elem_eye_1 {
  width: 10vh;
  bottom: 4%;
  left: 18% !important;
}
/* line 237, ./visual/css/components/background.scss */
.background__elem_eye_2 {
  width: 6vh;
  bottom: 24%;
  left: 34% !important;
  transform: rotate(50deg);
}
/* line 242, ./visual/css/components/background.scss */
.background__elem_eye_2 img {
  animation-delay: 2s;
}
/* line 246, ./visual/css/components/background.scss */
.background__elem_eye_3 {
  width: 7vh;
  bottom: 27%;
  left: 74% !important;
  transform: rotate(70deg);
}
/* line 251, ./visual/css/components/background.scss */
.background__elem_eye_3 img {
  animation-delay: 8.5s;
}
/* line 255, ./visual/css/components/background.scss */
.background__elem_eye_4 {
  width: 7vh;
  bottom: 1%;
  left: 59% !important;
  transform: rotate(20deg);
}
/* line 260, ./visual/css/components/background.scss */
.background__elem_eye_4 img {
  animation-delay: 6s;
}
/* line 264, ./visual/css/components/background.scss */
.background__elem_eye_5 {
  width: 8vh;
  bottom: 19%;
  left: 58% !important;
}
/* line 268, ./visual/css/components/background.scss */
.background__elem_eye_5 img {
  animation-delay: 7.5s;
}
/* line 272, ./visual/css/components/background.scss */
.background__elem_eye_6 {
  width: 10vh;
  bottom: 4%;
  left: 45% !important;
  transform: rotate(20deg);
}
/* line 277, ./visual/css/components/background.scss */
.background__elem_eye_6 img {
  animation-delay: 4s;
}
@keyframes eyeBlink {
  /* line 282, ./visual/css/components/background.scss */
  0% {
    transform: scale(1);
  }
  /* line 285, ./visual/css/components/background.scss */
  3% {
    transform: scale(1.2);
  }
  /* line 288, ./visual/css/components/background.scss */
  8% {
    transform: scale(0);
  }
  /* line 291, ./visual/css/components/background.scss */
  40% {
    transform: scale(0);
  }
  /* line 294, ./visual/css/components/background.scss */
  45% {
    transform: scale(1.2);
  }
  /* line 297, ./visual/css/components/background.scss */
  48% {
    transform: scale(1);
  }
}
/* line 302, ./visual/css/components/background.scss */
.background__elem img {
  display: block;
  width: 100%;
}
/* line 1, ./visual/css/components/header.scss */
.header {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  height: 1px;
  position: fixed;
  top: 6vh;
  left: 7vh;
  right: 7vh;
  z-index: 800;
}
/* line 12, ./visual/css/components/header.scss */
.header__logo {
  width: 36vh;
  position: absolute;
  left: 0;
}
/* line 17, ./visual/css/components/header.scss */
.header__burger {
  position: absolute;
  right: 0;
  z-index: 2000;
}
/* line 22, ./visual/css/components/header.scss */
.header__title {
  text-align: center;
  text-transform: uppercase;
}
/* line 1, ./visual/css/components/pagination.scss */
.pagination {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  position: fixed;
  top: 0;
  bottom: 0;
  right: 5vh;
  z-index: 800;
}
/* line 11, ./visual/css/components/pagination.scss */
.pagination__list {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  position: fixed;
}
/* line 18, ./visual/css/components/pagination.scss */
.pagination__item {
  flex-shrink: 0;
  list-style: none;
  margin: 4px 0;
}
/* line 23, ./visual/css/components/pagination.scss */
.pagination__link {
  display: block;
  width: 12px;
  height: 12px;
  border: 2px solid white;
  border-radius: 100%;
  background: rgba(255, 255, 255, 0);
  cursor: pointer;
  transition: all 0.3s ease;
}
/* line 32, ./visual/css/components/pagination.scss */
.pagination__link:hover, .pagination__link.current {
  background: white;
}
/* line 36, ./visual/css/components/pagination.scss */
.pagination__link.current {
  cursor: default;
}
/* line 1, ./visual/css/components/steps.scss */
.step {
  display: flex;
}
/* line 4, ./visual/css/components/steps.scss */
.step__index {
  flex-shrink: 0;
  width: 7vh;
  height: 7vh;
  border-radius: 100%;
  font-weight: bold;
  font-size: 8vh;
  line-height: 6vh;
  overflow: hidden;
  background: #c11c2d;
}
/* line 16, ./visual/css/components/steps.scss */
.step__text {
  line-height: 3vh;
  padding-left: 1.5vh;
}
/* line 20, ./visual/css/components/steps.scss */
/* line 21, ./visual/css/components/steps.scss */
.step:nth-child(3n+1) .step__index {
  background: #c11c2d;
}
/* line 25, ./visual/css/components/steps.scss */
/* line 26, ./visual/css/components/steps.scss */
.step:nth-child(3n+2) .step__index {
  background: #0b9444;
}
/* line 30, ./visual/css/components/steps.scss */
/* line 31, ./visual/css/components/steps.scss */
.step:nth-child(3n+3) .step__index {
  background: #2e3192;
}
/* line 38, ./visual/css/components/steps.scss */
.steps {
  width: 100%;
  height: 100%;
}
/* line 41, ./visual/css/components/steps.scss */
.steps__container {
  max-width: 108vh;
}
/* line 44, ./visual/css/components/steps.scss */
.steps__title {
  text-align: center;
  margin-bottom: 3.7%;
}
/* line 48, ./visual/css/components/steps.scss */
.steps__subtitle {
  text-align: center;
  margin-bottom: 4%;
}
/* line 52, ./visual/css/components/steps.scss */
.steps__list {
  width: 40vh;
  margin: 0 auto 0;
}
/* line 56, ./visual/css/components/steps.scss */
.steps__step {
  list-style: none;
}
/* line 58, ./visual/css/components/steps.scss */
.steps__step + .steps__step {
  margin-top: 3.5%;
}
/* line 62, ./visual/css/components/steps.scss */
.steps__footer {
  margin-top: 4%;
  text-align: center;
}
/* line 65, ./visual/css/components/steps.scss */
.steps__footer a {
  z-index: 900;
}
/* line 1, ./visual/css/components/player.scss */
.player {
  border-radius: 3vh;
  overflow: hidden;
}
/* line 4, ./visual/css/components/player.scss */
.player__video {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}
/* line 11, ./visual/css/components/player.scss */
.player__preview {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  cursor: pointer;
}
/* line 19, ./visual/css/components/player.scss */
.player__poster {
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  object-fit: cover;
  object-position: center;
}
/* line 29, ./visual/css/components/player.scss */
.player__play {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 16vh;
  height: 16vh;
  border: 2vh solid #440989;
  border-radius: 100%;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  background: rgba(255, 255, 255, 0.5);
  transition: all 0.3s ease;
}
/* line 45, ./visual/css/components/player.scss */
.player__play img {
  display: block;
  max-width: 50%;
  max-height: 50%;
  left: 5%;
}
/* line 52, ./visual/css/components/player.scss */
.player__preview:hover .player__play {
  transform: scale(1.1);
}
/* line 1, ./visual/css/components/intro.scss */
.intro {
  width: 100%;
  height: 100%;
  text-align: center;
}
/* line 5, ./visual/css/components/intro.scss */
.intro__container {
  max-width: 96vh;
}
/* line 8, ./visual/css/components/intro.scss */
.intro__title {
  margin-bottom: 3.7%;
}
/* line 11, ./visual/css/components/intro.scss */
.intro__subtitle {
  margin-bottom: 4%;
}
/* line 1, ./visual/css/components/game.scss */
.starter {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 800;
  cursor: pointer;
}
/* line 12, ./visual/css/components/game.scss */
/* line 16, ./visual/css/components/game.scss */
.timer__time {
  display: flex;
  justify-content: center;
}
/* line 23, ./visual/css/components/game.scss */
.result {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  text-align: center;
  background: #058ba6;
  background: -webkit-gradient(linear, left top, right top, from(#058ba6), color-stop(50%, #968dc6), to(#420788));
  background: linear-gradient(to right, #058ba6 0%, #968dc6 50%, #420788 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#058ba6', endColorstr='#420788',GradientType=1);
}
/* line 34, ./visual/css/components/game.scss */
.result__step {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
/* line 45, ./visual/css/components/game.scss */
.result__title {
  font-weight: 600;
  margin-bottom: 3%;
}
/* line 49, ./visual/css/components/game.scss */
.result__subtitle {
  font-weight: 400;
}
/* line 52, ./visual/css/components/game.scss */
.result__score {
  font-weight: bold;
  color: #440989;
  margin: 2% auto;
}
/* line 57, ./visual/css/components/game.scss */
.result__rules {
  margin-top: 3%;
}
/* line 60, ./visual/css/components/game.scss */
.result__next {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 10;
}
/* line 67, ./visual/css/components/game.scss */
.result__next-above {
  z-index: 20;
}
/* line 71, ./visual/css/components/game.scss */
.result__frame {
  display: block;
}
/* line 73, ./visual/css/components/game.scss */
.result__frame_fb {
  width: 340px;
  height: 130px;
}
@media (max-width: 767px) {
  .result__frame_fb {
    transform: scale(0.5);
    margin-top: -30px;
    margin-bottom: -30px;
  }
}
/* line 82, ./visual/css/components/game.scss */
.result__frame_vk {
  width: 200px;
  height: 209px;
}
@media (max-width: 767px) {
  .result__frame_vk {
    transform: scale(0.4);
    margin-top: -65px;
    margin-bottom: -65px;
  }
}
/* line 95, ./visual/css/components/game.scss */
.game {
  width: 140vh;
  position: fixed;
  top: 85vh;
  left: 0%;
  right: 0%;
  margin: auto;
  transition: all 0.3s ease;
}
/* line 103, ./visual/css/components/game.scss */
.game.visible {
  top: 25vh;
}
/* line 106, ./visual/css/components/game.scss */
.game.hidden {
  top: 120vh;
}
/* line 109, ./visual/css/components/game.scss */
.game__title {
  position: absolute;
  bottom: 102%;
  left: 0;
  right: 0;
  text-align: center;
  transition: all 0.3s ease;
}
/* line 117, ./visual/css/components/game.scss */
.game:not(.visible) .game__title {
  opacity: 0;
  bottom: 100%;
}
/* line 121, ./visual/css/components/game.scss */
.game__toggle {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
/* line 128, ./visual/css/components/game.scss */
.game__phone {
  display: block;
  width: 100%;
}
/* line 132, ./visual/css/components/game.scss */
.game__viewport {
  position: absolute;
  top: 4.5%;
  bottom: 3.9%;
  left: 2.5%;
  right: 7.6%;
  border-radius: 3vh;
  overflow: hidden;
  background: black;
}
/* line 142, ./visual/css/components/game.scss */
.game__screen {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  overflow: hidden;
}
@media (max-width: 767px) {
  .game__screen {
    overflow: auto;
  }
}
/* line 153, ./visual/css/components/game.scss */
.game__camera {
  display: block;
  height: 32%;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  margin: auto;
}
/* line 162, ./visual/css/components/game.scss */
.game__field {
  width: 200%;
  position: absolute;
  top: 0;
  left: 0;
}
/* line 168, ./visual/css/components/game.scss */
.game__picture {
  display: block;
  width: 100%;
}
/* line 172, ./visual/css/components/game.scss */
.game__spots {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
/* line 179, ./visual/css/components/game.scss */
.game__spot {
  position: absolute;
  margin: auto;
}
/* line 183, ./visual/css/components/game.scss */
.game__prepare {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.7);
  cursor: pointer;
}
/* line 197, ./visual/css/components/game.scss */
.game__timer {
  position: fixed;
  top: 3vh;
  left: 0;
  right: 0;
  text-align: center;
}
/* line 204, ./visual/css/components/game.scss */
.game__decor {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  overflow: hidden;
}
/* line 211, ./visual/css/components/game.scss */
.game__decor-piece {
  position: absolute;
}
/* line 214, ./visual/css/components/game.scss */
.game__decor-piece.p1 {
  width: 50%;
  top: -10%;
  left: -20%;
  transform: rotate(0deg) scale(1.2);
}
/* line 220, ./visual/css/components/game.scss */
.game__decor-piece.p2 {
  width: 35%;
  top: 40%;
  left: 40%;
  transform: rotate(20deg) scale(1.2);
}
/* line 226, ./visual/css/components/game.scss */
.game__decor-piece.p3 {
  width: 45%;
  top: 30%;
  left: 70%;
  transform: rotate(10deg) scale(1.2);
}
/* line 232, ./visual/css/components/game.scss */
.game__decor-piece.p4 {
  width: 45%;
  top: 30%;
  left: 80%;
  transform: rotate(-10deg) scale(1.2);
}
/* line 238, ./visual/css/components/game.scss */
.game__decor-piece.p5 {
  width: 45%;
  top: 50%;
  left: 10%;
  transform: rotate(0deg) scale(1.2);
}
/* line 244, ./visual/css/components/game.scss */
.game__decor-piece.p6 {
  width: 35%;
  top: 10%;
  left: 70%;
  transform: rotate(-20deg) scale(1.2);
}
/* line 250, ./visual/css/components/game.scss */
.game__decor-piece.p7 {
  width: 30%;
  top: 10%;
  left: 30%;
  transform: rotate(0deg) scale(1.2);
}
/* line 256, ./visual/css/components/game.scss */
.game__decor-piece.p8 {
  width: 40%;
  top: 50%;
  left: 50%;
  transform: rotate(30deg) scale(1.2);
}
/* line 262, ./visual/css/components/game.scss */
.game__decor-piece.p9 {
  width: 30%;
  top: 70%;
  left: 70%;
  transform: rotate(0deg) scale(1.2);
}
/* line 268, ./visual/css/components/game.scss */
.game__decor-piece.p10 {
  width: 40%;
  top: 60%;
  left: 60%;
  transform: rotate(-20deg) scale(1.2);
}
/* line 274, ./visual/css/components/game.scss */
.game__decor-piece.p11 {
  width: 35%;
  top: 60%;
  left: 45%;
  transform: rotate(10deg) scale(1.2);
}
/* line 280, ./visual/css/components/game.scss */
.game__decor-piece.p12 {
  width: 50%;
  top: -10%;
  left: 45%;
  transform: rotate(10deg) scale(1.2);
}
/* line 286, ./visual/css/components/game.scss */
.game__decor-piece.p13 {
  width: 45%;
  top: -10%;
  left: 70%;
  transform: rotate(10deg) scale(1.2);
}
/* line 292, ./visual/css/components/game.scss */
.game__decor-piece.p14 {
  width: 35%;
  top: 0%;
  left: 20%;
  transform: rotate(-10deg) scale(1.2);
}
/* line 298, ./visual/css/components/game.scss */
.game__decor-piece.p15 {
  width: 45%;
  top: 35%;
  left: -10%;
  transform: rotate(20deg) scale(1.2);
}
/* line 304, ./visual/css/components/game.scss */
.game__decor-piece.p16 {
  top: 30%;
  left: 50%;
  width: 20%;
  transform: rotate(-10deg) scale(1.2);
}
/* line 310, ./visual/css/components/game.scss */
.game__decor-piece.p17 {
  width: 40%;
  top: -10%;
  left: 0%;
  transform: rotate(-20deg) scale(1.2);
}
/* line 316, ./visual/css/components/game.scss */
.game__decor-piece.p18 {
  width: 30%;
  top: 80%;
  left: -10%;
  transform: rotate(10deg) scale(1.2);
}
/* line 322, ./visual/css/components/game.scss */
.game__decor-piece.p19 {
  width: 35%;
  top: 75%;
  left: 30%;
  transform: rotate(-10deg) scale(1.2);
}
/* line 328, ./visual/css/components/game.scss */
.game__decor-piece.p20 {
  width: 45%;
  top: 65%;
  left: 70%;
  transform: rotate(10deg) scale(1.2);
}
/* line 334, ./visual/css/components/game.scss */
.game__decor-piece img {
  display: block;
  width: 100%;
  position: relative !important;
}
/* line 4, ./visual/css/components/vicscore.scss */
/* line 5, ./visual/css/components/vicscore.scss */
.owl-stage {
  display: flex;
}
/* line 11, ./visual/css/components/vicscore.scss */
.owl-item {
  flex-shrink: 0;
}
/* line 14, ./visual/css/components/vicscore.scss */
.owl-nav, .owl-dots {
  display: none;
}
/* line 21, ./visual/css/components/vicscore.scss */
.participant {
  display: flex;
  height: 6.2vh;
  border-radius: 6.2vh;
  padding: 0 0.5%;
}
/* line 27, ./visual/css/components/vicscore.scss */
.participant__index {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
  width: 6.2vh;
  height: 100%;
  border-radius: inherit;
  font-weight: bold;
  background: #e2001a;
}
/* line 38, ./visual/css/components/vicscore.scss */
.participant__info {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 100%;
  padding: 0 3%;
  margin-left: 1%;
  border-radius: inherit;
  background: #440989;
}
/* line 49, ./visual/css/components/vicscore.scss */
.participant_me .participant__info {
  background: #e2001a;
}
/* line 55, ./visual/css/components/vicscore.scss */
.participant__score {
  font-weight: bold;
}
/* line 60, ./visual/css/components/vicscore.scss */
.pages {
  display: flex;
  justify-content: center;
}
/* line 64, ./visual/css/components/vicscore.scss */
.pages__page {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
  width: 6.2vh;
  height: 6.2vh;
  border: 0.7vh solid white;
  margin-left: 0.5%;
  margin-right: 0.5%;
  border-radius: 100%;
  font-weight: bold;
  background: rgba(68, 9, 137, 0);
  cursor: pointer;
  transition: all 0.3s ease;
}
/* line 80, ./visual/css/components/vicscore.scss */
.pages__page.active, .pages__page:hover {
  border-color: #440989;
  background: #440989;
}
/* line 85, ./visual/css/components/vicscore.scss */
.pages__page.active {
  cursor: default;
}
/* line 90, ./visual/css/components/vicscore.scss */
.vicscore {
  height: 100%;
  text-align: center;
}
/* line 94, ./visual/css/components/vicscore.scss */
.vicscore__container {
  width: 110vh;
  padding-top: 10vh;
}
/* line 98, ./visual/css/components/vicscore.scss */
.vicscore__header {
  margin-bottom: 1.5%;
}
/* line 101, ./visual/css/components/vicscore.scss */
.vicscore__list {
  display: flex;
  overflow: hidden;
}
/* line 105, ./visual/css/components/vicscore.scss */
.vicscore__page {
  width: 100%;
  flex-shrink: 0;
}
/* line 109, ./visual/css/components/vicscore.scss */
.vicscore__participant + .vicscore__participant {
  margin-top: 1%;
}
/* line 112, ./visual/css/components/vicscore.scss */
.vicscore__pages {
  margin-top: 1.5%;
}
/* line 1, ./visual/css/components/promo.scss */
.promo {
  color: black;
  text-align: center;
}
/* line 4, ./visual/css/components/promo.scss */
.promo__back {
  position: absolute;
  top: 65vh;
  bottom: 0;
  left: 0;
  right: 0;
  background: white;
}
/* line 11, ./visual/css/components/promo.scss */
.promo__back-img {
  display: block;
  width: 240vh;
  position: absolute;
  top: -45vh;
  left: -100%;
  right: -100%;
  margin: auto;
}
/* line 21, ./visual/css/components/promo.scss */
.promo__decor {
  display: block;
  width: 35vh;
  position: absolute;
  top: -40vh;
  transition: all 1.2s ease;
}
/* line 27, ./visual/css/components/promo.scss */
.promo__decor_left {
  left: 0;
}
/* line 29, ./visual/css/components/promo.scss */
.promo__decor_left.hidden {
  left: -50vh;
}
/* line 33, ./visual/css/components/promo.scss */
.promo__decor_right {
  right: 0;
}
/* line 35, ./visual/css/components/promo.scss */
.promo__decor_right.hidden {
  right: -50vh;
}
/* line 39, ./visual/css/components/promo.scss */
.promo__decor-back {
  display: block;
  width: 100%;
}
/* line 43, ./visual/css/components/promo.scss */
.promo__decor-item {
  display: block;
  position: absolute;
}
/* line 46, ./visual/css/components/promo.scss */
.promo__decor-item img {
  display: block;
  width: 100%;
  position: relative !important;
}
/* line 51, ./visual/css/components/promo.scss */
.promo__decor_left .promo__decor-item.i1 {
  width: 70%;
  top: -5%;
  left: 0%;
  transform: rotate(0deg) scale(1, 1);
}
/* line 57, ./visual/css/components/promo.scss */
.promo__decor_left .promo__decor-item.i2 {
  width: 310%;
  top: -10%;
  left: -110%;
  transform: rotate(0deg) scale(1, 1);
}
/* line 63, ./visual/css/components/promo.scss */
.promo__decor_left .promo__decor-item.i3 {
  width: 180%;
  top: 40%;
  left: -51%;
  transform: rotate(310deg) scale(-1, -1);
}
/* line 69, ./visual/css/components/promo.scss */
.promo__decor_left .promo__decor-item.i4 {
  width: 240%;
  top: 58%;
  left: -130%;
  transform: rotate(-420deg) scale(1, 1);
}
/* line 75, ./visual/css/components/promo.scss */
.promo__decor_left .promo__decor-item.i5 {
  width: 148%;
  top: 15%;
  left: -5%;
}
/* line 81, ./visual/css/components/promo.scss */
.promo__decor_right .promo__decor-item.i1 {
  width: 200%;
  top: -5%;
  left: -60%;
  transform: rotate(160deg) scale(1, 1);
}
/* line 87, ./visual/css/components/promo.scss */
.promo__decor_right .promo__decor-item.i2 {
  width: 270%;
  top: 5%;
  left: -45%;
  transform: rotate(-50deg) scale(1, 1);
}
/* line 93, ./visual/css/components/promo.scss */
.promo__decor_right .promo__decor-item.i3 {
  width: 230%;
  top: 45%;
  left: -30%;
  transform: rotate(230deg) scale(1, -1);
}
/* line 99, ./visual/css/components/promo.scss */
.promo__decor_right .promo__decor-item.i4 {
  width: 240%;
  top: 50%;
  left: -60%;
  transform: rotate(240deg) scale(1, 1);
}
/* line 105, ./visual/css/components/promo.scss */
.promo__decor_right .promo__decor-item.i5 {
  width: 108%;
  top: 15%;
  left: 15%;
}
/* line 112, ./visual/css/components/promo.scss */
.promo__container {
  max-width: 108vh;
}
/* line 115, ./visual/css/components/promo.scss */
.promo__player {
  width: 100%;
  height: 60vh;
}
/* line 119, ./visual/css/components/promo.scss */
.promo__logo {
  width: 75%;
  margin: 7% auto 5%;
}
/* line 126, ./visual/css/components/promo.scss */
.promo__phones {
  width: 85%;
  margin: 10% auto 10%;
}
/* line 130, ./visual/css/components/promo.scss */
.promo__specs {
  width: 130%;
  margin: 0 -15% 0;
}
/* line 140, ./visual/css/components/promo.scss */
.promo__soc {
  margin: 3% auto 3%;
}
/* line 148, ./visual/css/main.scss */
.app {
  pointer-events: auto !important;
}
/* line 153, ./visual/css/main.scss */
.mobile-lock {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 999999;
  text-align: center;
  background: #058ba6;
  background: -webkit-gradient(linear, left top, right top, from(#058ba6), color-stop(50%, #968dc6), to(#420788));
  background: linear-gradient(to right, #058ba6 0%, #968dc6 50%, #420788 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#058ba6', endColorstr='#420788',GradientType=1);
}
@media (min-width: 768px) {
  .mobile-lock {
    display: none;
  }
}
@media (max-width: 767px) and (orientation: landscape) {
  .mobile-lock {
    display: none;
  }
}
/* line 179, ./visual/css/main.scss */
.mobile-lock__icon {
  display: block;
  max-width: 70px;
  width: 50%;
  margin-top: 15px;
}
/* line 187, ./visual/css/main.scss */
@media (min-width: 520px) {
  .hidden-xs {
    display: none !important;
  }
}
/* line 191, ./visual/css/main.scss */
@media (max-width: 519px) {
  .hidden-xs-max {
    display: none !important;
  }
}
/* line 197, ./visual/css/main.scss */
@media (min-width: 768px) {
  .hidden-sm {
    display: none !important;
  }
}
/* line 201, ./visual/css/main.scss */
@media (max-width: 767px) {
  .hidden-sm-max {
    display: none !important;
  }
}
/* line 207, ./visual/css/main.scss */
@media (min-width: 992px) {
  .hidden-md {
    display: none !important;
  }
}
/* line 211, ./visual/css/main.scss */
@media (max-width: 991px) {
  .hidden-md-max {
    display: none !important;
  }
}
/* line 217, ./visual/css/main.scss */
@media (min-width: 1280px) {
  .hidden-lg {
    display: none !important;
  }
}
/* line 221, ./visual/css/main.scss */
@media (max-width: 1279px) {
  .hidden-lg-max {
    display: none !important;
  }
}
/* line 227, ./visual/css/main.scss */
@media (min-width: 1366px) {
  .hidden-xl {
    display: none !important;
  }
}
/* line 231, ./visual/css/main.scss */
@media (max-width: 1365px) {
  .hidden-xl-max {
    display: none !important;
  }
}
/* line 244, ./visual/css/main.scss */
.preloader {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 999999;
  text-align: center;
  background: #058ba6;
  background: -webkit-gradient(linear, left top, right top, from(#058ba6), color-stop(50%, #968dc6), to(#420788));
  background: linear-gradient(to right, #058ba6 0%, #968dc6 50%, #420788 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#058ba6', endColorstr='#420788',GradientType=1);
  transition: all 0.3s ease;
}
/* line 261, ./visual/css/main.scss */
.preloader.hidden {
  opacity: 0;
}
/* line 266, ./visual/css/main.scss */
#circleG {
  width: 146px;
  margin: auto;
}
/* line 271, ./visual/css/main.scss */
.circleG {
  background-color: #fff;
  float: left;
  height: 31px;
  margin-left: 17px;
  width: 31px;
  animation-name: bounce_circleG;
  -o-animation-name: bounce_circleG;
  -ms-animation-name: bounce_circleG;
  -webkit-animation-name: bounce_circleG;
  -moz-animation-name: bounce_circleG;
  animation-duration: 2.24s;
  -o-animation-duration: 2.24s;
  -ms-animation-duration: 2.24s;
  -webkit-animation-duration: 2.24s;
  -moz-animation-duration: 2.24s;
  animation-iteration-count: infinite;
  -o-animation-iteration-count: infinite;
  -ms-animation-iteration-count: infinite;
  -webkit-animation-iteration-count: infinite;
  -moz-animation-iteration-count: infinite;
  animation-direction: normal;
  -o-animation-direction: normal;
  -ms-animation-direction: normal;
  -webkit-animation-direction: normal;
  -moz-animation-direction: normal;
  border-radius: 20px;
  -o-border-radius: 20px;
  -ms-border-radius: 20px;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
}
/* line 304, ./visual/css/main.scss */
#circleG_1 {
  animation-delay: 0.45s;
  -o-animation-delay: 0.45s;
  -ms-animation-delay: 0.45s;
  -webkit-animation-delay: 0.45s;
  -moz-animation-delay: 0.45s;
}
/* line 312, ./visual/css/main.scss */
#circleG_2 {
  animation-delay: 1.05s;
  -o-animation-delay: 1.05s;
  -ms-animation-delay: 1.05s;
  -webkit-animation-delay: 1.05s;
  -moz-animation-delay: 1.05s;
}
/* line 320, ./visual/css/main.scss */
#circleG_3 {
  animation-delay: 1.35s;
  -o-animation-delay: 1.35s;
  -ms-animation-delay: 1.35s;
  -webkit-animation-delay: 1.35s;
  -moz-animation-delay: 1.35s;
}
@keyframes bounce_circleG {
  /* line 333, ./visual/css/main.scss */
  50% {
    background-color: rgba(255, 255, 255, 0);
  }
}
@-o-keyframes bounce_circleG {
  /* line 343, ./visual/css/main.scss */
  50% {
    background-color: rgba(255, 255, 255, 0);
  }
}
@-ms-keyframes bounce_circleG {
  /* line 353, ./visual/css/main.scss */
  50% {
    background-color: rgba(255, 255, 255, 0);
  }
}
@-webkit-keyframes bounce_circleG {
  /* line 363, ./visual/css/main.scss */
  50% {
    background-color: rgba(255, 255, 255, 0);
  }
}
@-moz-keyframes bounce_circleG {
  /* line 373, ./visual/css/main.scss */
  50% {
    background-color: rgba(255, 255, 255, 0);
  }
}
/* line 381, ./visual/css/main.scss */
.winner {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 70%;
}
/* line 388, ./visual/css/main.scss */
.winner__body {
  padding: 5vh 0vh;
  border: 3px solid white;
  border-radius: 4vh;
}
/* line 396, ./visual/css/main.scss */
.winner__name {
  margin: 3vh auto 2vh;
  padding: 1vh 7vh;
  background: white;
  color: #420788;
}
/* line 402, ./visual/css/main.scss */
.winner__score {
  font-weight: bold;
}
/* line 405, ./visual/css/main.scss */
.intro__winner {
  max-width: 300px;
  margin: 2vh auto 0;
}