<br />
<b>Warning</b>:  filemtime(): stat failed for /home/httpd/vhosts/sorryguysmedia.ru/subdomains/nova3/httpdocs/visual/css/main.scss in <b>/home/admin/web/nova3.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/nova3.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/nova3.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 Fri, 12 Dec 2025 11:29:55 +0000 (1.9893s) */

/* Сonstants */
/* Functions */
/* Mixins */
/* Fonts */
/* Roboto */
@font-face {
  font-family: 'Roboto';
  src: url("/visual/fonts/roboto-regular.woff2") format('woff2'), url("/visual/fonts/roboto-regular.woff") format('woff');
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: 'Roboto';
  src: url("/visual/fonts/roboto-italic.woff2") format('woff2'), url("/visual/fonts/roboto-italic.woff") format('woff');
  font-weight: 400;
  font-style: italic;
}
@font-face {
  font-family: 'Roboto';
  src: url("/visual/fonts/roboto-bold.woff2") format('woff2'), url("/visual/fonts/roboto-bold.woff") format('woff');
  font-weight: 700;
  font-style: normal;
}
/* DIN Pro */
@font-face {
  font-family: 'DIN Pro';
  src: url("/visual/fonts/DINPro.woff2") format('woff2'), url("/visual/fonts/DINPro.woff") format('woff');
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: 'DIN Pro';
  src: url("/visual/fonts/DINPro-Bold.woff2") format('woff2'), url("/visual/fonts/DINPro-Bold.woff") format('woff');
  font-weight: 700;
  font-style: normal;
}
/* Reset */
/* line 20, ./visual/css/main.scss */
*, *:before, *:after {
  flex-shrink: 1;
  margin: 0;
  padding: 0;
  font: inherit;
  box-sizing: border-box;
}
/* line 28, ./visual/css/main.scss */
a {
  display: block;
}
/* line 32, ./visual/css/main.scss */
a, a:hover {
  color: inherit;
  text-decoration: none;
}
/* line 38, ./visual/css/main.scss */
button {
  color: inherit;
  background: none;
  border: none;
  cursor: pointer;
  overflow: visible;
}
/* line 46, ./visual/css/main.scss */
button:focus {
  outline: none;
}
/* line 50, ./visual/css/main.scss */
img {
  border: none;
}
/* Base */
/* line 56, ./visual/css/main.scss */
html {
  font-size: 10px;
}
@media screen and (min-width: 400px) and (max-width: 991px) {
  /* line 61, ./visual/css/main.scss */
  html {
    font-size: 12px;
  }
}
/* line 66, ./visual/css/main.scss */
body {
  font: normal 400 1rem 'Roboto', sans-serif;
  color: #fff;
  background: #000;
}
/* Circle Button */
/* line 74, ./visual/css/main.scss */
.circle-button {
  position: relative;
  display: inline-block;
}
/* line 79, ./visual/css/main.scss */
.circle-button__icon-wrap {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 5em;
  height: 5em;
  margin: 0 auto 1.2em;
  color: #fff;
  background: none;
  border: 0.2em solid #fff;
  border-radius: 50%;
}
/* line 92, ./visual/css/main.scss */
.circle-button_primary .circle-button__icon-wrap {
  width: 6em;
  height: 6em;
  color: #000;
  background: #fff;
  border: 0.3em solid rgba(0, 0, 0, 0.25);
}
/* line 100, ./visual/css/main.scss */
.circle-button_gradient .circle-button__icon-wrap {
  color: #fff;
  background: linear-gradient(to top, #004899, #6a0f5a);
  border: none;
}
/* line 106, ./visual/css/main.scss */
.circle-button_w40 .circle-button__icon-wrap {
  width: 4em;
  height: 4em;
}
/* line 111, ./visual/css/main.scss */
.circle-button_w70 .circle-button__icon-wrap {
  width: 7em;
  height: 7em;
  margin-bottom: 1em;
}
/* line 117, ./visual/css/main.scss */
.circle-button_w80 .circle-button__icon-wrap {
  width: 8em;
  height: 8em;
  margin-bottom: 1em;
}
/* line 123, ./visual/css/main.scss */
.circle-button__icon-wrap:last-child {
  margin-bottom: 0;
}
/* line 127, ./visual/css/main.scss */
.circle-button__icon {
  display: block;
  font-size: 0.1em;
  stroke-width: 0;
  stroke: currentColor;
  fill: currentColor;
}
/* line 135, ./visual/css/main.scss */
.circle-button__text {
  font: normal 400 1.2em/1.25 Roboto, sans-serif;
  text-align: center;
}
/* line 140, ./visual/css/main.scss */
.circle-button_w80 .circle-button__text {
  font-size: 1.4em;
}
/* line 144, ./visual/css/main.scss */
.circle-button__input {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  cursor: pointer;
}
/* Square Button */
/* line 156, ./visual/css/main.scss */
.square-button {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 8em;
  height: 8em;
  color: #fff;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.6em;
}
/* line 168, ./visual/css/main.scss */
.square-button_w100 {
  width: 10em;
  height: 10em;
}
/* line 173, ./visual/css/main.scss */
.square-button_w50 {
  width: 5em;
  height: 5em;
}
/* line 178, ./visual/css/main.scss */
.square-button__icon {
  display: block;
  margin: 0 0 5em;
  font-size: 0.1em;
  stroke-width: 0;
  stroke: currentColor;
  fill: currentColor;
}
/* line 187, ./visual/css/main.scss */
.square-button__icon:last-child {
  margin-bottom: 0;
}
/* line 191, ./visual/css/main.scss */
.square-button__text {
  width: 100%;
  font: normal 400 1.2em/1.25 Roboto, sans-serif;
  text-align: center;
}
/* Pill Button */
/* line 199, ./visual/css/main.scss */
.pill-button {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: 11.5em;
  height: 4.6em;
  padding: 0 4.5em;
  color: #fff;
  background: linear-gradient(to left, #004899, #6a0f5a);
  border-radius: 2.2em;
  box-shadow: 0 0 0 rgba(255, 255, 255, 0);
  transition: box-shadow 0.25s;
}
/* line 214, ./visual/css/main.scss */
.pill-button:hover {
  box-shadow: 0 0 4.2857142857em rgba(255, 255, 255, 0.5);
}
/* line 218, ./visual/css/main.scss */
.pill-button__icon {
  display: block;
  font-size: 0.1em;
  stroke-width: 0;
  stroke: currentColor;
  fill: currentColor;
}
/* line 226, ./visual/css/main.scss */
.pill-button__text + .pill-button__icon {
  margin-left: 13em;
}
/* line 230, ./visual/css/main.scss */
.pill-button__text {
  font: normal 400 1.4em/1 Roboto, sans-serif;
}
/* line 234, ./visual/css/main.scss */
.pill-button__icon + .pill-button__text {
  margin-left: 0.9285714286em;
}
/* line 238, ./visual/css/main.scss */
.pill-button__input {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  cursor: pointer;
}
/* Tooltip */
/* line 250, ./visual/css/main.scss */
.tooltip {
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  width: 100%;
  height: 100%;
  font-size: 1rem;
  border-radius: 2em;
  opacity: 0;
  transition: opacity 0.25s;
  pointer-events: none;
}
/* line 264, ./visual/css/main.scss */
.tooltip_visible {
  z-index: 2;
  opacity: 1;
}
/* line 269, ./visual/css/main.scss */
.tooltip__arrow {
  position: absolute;
  left: 50%;
  width: 1.5em;
  height: 1.5em;
  overflow: hidden;
  transform: translate(-50%, 0);
}
/* line 278, ./visual/css/main.scss */
.tooltip__arrow:after {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  height: 100%;
  background: linear-gradient(#004899 -200%, #6a0f5a 100%);
  transform: translate(-50%, 0) scaleX(0.7) rotate(-45deg);
}
/* line 289, ./visual/css/main.scss */
.tooltip__inner {
  position: absolute;
  padding: 0.75em 1.625em;
  font: normal 400 1.6em/1 Roboto, sans-serif;
  white-space: nowrap;
  color: #fff;
  background: linear-gradient(20deg, #004899 0%, #6a0f5a 80%);
  background-size: contain;
  border-radius: 1.25em;
  box-shadow: 0 0 6em 1em rgba(255, 255, 255, 0.85);
}
/* line 301, ./visual/css/main.scss */
.tooltip_top-center .tooltip__inner {
  bottom: 100%;
  left: 50%;
  transform: translate(-50%, -0.75em);
}
/* line 307, ./visual/css/main.scss */
.tooltip_top-center .tooltip__arrow {
  bottom: 100%;
  transform: translate(-50%, 0) rotate(-180deg);
}
/* line 312, ./visual/css/main.scss */
.tooltip_top-center .tooltip__arrow:after {
  background: linear-gradient(30deg, #004899 -20%, #6a0f5a 120%);
}
/* line 316, ./visual/css/main.scss */
.tooltip_top-right .tooltip__inner {
  bottom: 100%;
  right: 0;
  transform: translate(5%, -0.75em);
}
/* line 322, ./visual/css/main.scss */
.tooltip_top-right .tooltip__arrow {
  bottom: 100%;
  transform: translate(-50%, 0) rotate(-180deg);
}
/* line 327, ./visual/css/main.scss */
.tooltip_top-left .tooltip__inner {
  bottom: 100%;
  left: 0;
  transform: translate(-5%, -0.75em);
}
/* line 333, ./visual/css/main.scss */
.tooltip_top-left .tooltip__arrow {
  bottom: 100%;
  transform: translate(-50%, 0) rotate(-180deg);
}
/* line 338, ./visual/css/main.scss */
.tooltip_top-left .tooltip__arrow:after {
  background: linear-gradient(#004899 100%, #6a0f5a 100%);
}
/* line 342, ./visual/css/main.scss */
.tooltip_bottom-center .tooltip__inner {
  top: 100%;
  left: 50%;
  transform: translate(-50%, 15px);
}
/* line 348, ./visual/css/main.scss */
.tooltip_bottom-center .tooltip__arrow {
  top: 100%;
}
/* line 352, ./visual/css/main.scss */
.tooltip_bottom-right .tooltip__inner {
  top: 100%;
  right: 0;
  transform: translate(5%, 15px);
}
/* line 358, ./visual/css/main.scss */
.tooltip_bottom-right .tooltip__arrow {
  top: 100%;
}
/* line 362, ./visual/css/main.scss */
.tooltip_bottom-right .tooltip__arrow:after {
  background: linear-gradient(#004899 0%, #6a0f5a 0%);
}
/* Form Group */
/* line 368, ./visual/css/main.scss */
.form-group {
  display: flex;
  align-items: center;
}
/* line 373, ./visual/css/main.scss */
.form-group__input {
  flex: 1 1 auto;
  padding: 0 0 0.6em;
  font: normal 400 1em/1 Roboto, sans-serif;
  color: #7d7d7d;
  background: none;
  border: none;
  border-bottom: 0.1em solid currentColor;
  outline: none;
}
/* line 384, ./visual/css/main.scss */
.form-group__button {
  flex: 0 0 auto;
  margin-left: 1.2em;
}
/* Layout */
/* line 391, ./visual/css/main.scss */
.layout {
  position: relative;
  display: flex;
  flex-direction: column;
  max-width: 640px;
  min-width: 320px;
  height: 100vh;
  margin: 0 auto;
  overflow: hidden;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}
@media only screen and (min-width: 992px) {
  /* line 405, ./visual/css/main.scss */
  .layout {
    max-width: 100%;
    min-width: 0;
  }
}
/* line 411, ./visual/css/main.scss */
.layout__header {
  flex: 0 0 auto;
  width: 100%;
}
/* line 416, ./visual/css/main.scss */
.layout__nav {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 100;
  width: 100%;
  height: 100%;
  overflow: hidden;
  opacity: 0;
  transform: translateX(-100%);
  transition: transform 0.15s 0.5s ease-in-out, opacity 0.5s ease-in-out;
}
/* line 429, ./visual/css/main.scss */
.layout__nav_opened {
  opacity: 1;
  transform: translateX(0);
  transition: transform 0.15s ease-in-out, opacity 0.5s 0.15s ease-in-out;
}
/* line 435, ./visual/css/main.scss */
.layout__body {
  position: relative;
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
  width: 100%;
  overflow: hidden;
  overflow-y: auto;
}
/* line 445, ./visual/css/main.scss */
.layout__footer {
  display: none;
}
@media only screen and (min-width: 992px) {
  /* line 450, ./visual/css/main.scss */
  .layout__header {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
  }
  /* line 457, ./visual/css/main.scss */
  .layout__body {
    justify-content: center;
    align-items: center;
    background: url("/visual/img/background.jpg") 50% 75% no-repeat fixed;
    background-size: cover;
  }
  /* line 464, ./visual/css/main.scss */
  .layout__body:before {
    content: '';
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url("/visual/img/spotlight-overlay.png") 100% 100% no-repeat;
    background-size: cover;
    animation: spotlight-overlay 2s ease-in-out alternate infinite;
  }
  /* line 476, ./visual/css/main.scss */
  .layout__footer {
    position: absolute;
    bottom: 0;
    left: 0;
    display: block;
    width: 100%;
  }
}
@keyframes spotlight-overlay {
  /* line 486, ./visual/css/main.scss */
  from {
    transform: translate3d(25%, 0, 0);
  }
  /* line 490, ./visual/css/main.scss */
  to {
    transform: translate3d(-5%, 0, 0);
  }
}
/* Layout Header */
/* line 497, ./visual/css/main.scss */
.layout-header {
  color: #fff;
  background: #000;
}
/* line 502, ./visual/css/main.scss */
.layout-header__content {
  position: relative;
  z-index: 101;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 1em 2em;
}
/* line 511, ./visual/css/main.scss */
.layout-header__start {
  display: flex;
  justify-content: flex-start;
  width: 25%;
}
/* line 517, ./visual/css/main.scss */
.layout-header__center {
  display: flex;
  justify-content: center;
  width: 50%;
}
/* line 523, ./visual/css/main.scss */
.layout-header__end {
  display: flex;
  justify-content: flex-end;
  width: 25%;
}
/* line 529, ./visual/css/main.scss */
.layout-header__logo_small {
  display: block;
}
/* line 533, ./visual/css/main.scss */
.layout-header__logo_large {
  display: none;
}
@media only screen and (min-width: 992px) {
  /* line 538, ./visual/css/main.scss */
  .layout-header {
    background: none;
  }
  /* line 542, ./visual/css/main.scss */
  .layout-header__content {
    padding: 2.6em 4.6em;
  }
  /* line 546, ./visual/css/main.scss */
  .layout-header__nav-toggle-button {
    font-size: 16px;
  }
  /* line 550, ./visual/css/main.scss */
  .layout-header__logo_small {
    display: none;
  }
  /* line 554, ./visual/css/main.scss */
  .layout-header__logo_large {
    display: block;
    opacity: 1;
    transition: opacity 0.5s;
  }
  /* line 560, ./visual/css/main.scss */
  body:not(._nav_opened)._page_intro._screen_intro .layout-header__logo_large {
    opacity: 0;
    pointer-events: none;
  }
}
/* Layout Nav */
/* line 568, ./visual/css/main.scss */
.layout-nav {
  padding: 9em 2em 3.5em;
  color: #fff;
  background-image: url("/visual/img/nav-background.png");
  /* linear-gradient(to left, rgb(0, 72, 153) 0%, rgb(106, 15, 90) 100%) */
  background-repeat: repeat-y;
  background-position: 50% 0;
  background-size: 100% auto;
}
/* line 577, ./visual/css/main.scss */
.layout-nav__content {
  height: 100%;
  overflow: hidden;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}
/* line 584, ./visual/css/main.scss */
.layout-nav__primary {
  margin-bottom: 4.8em;
}
/* line 588, ./visual/css/main.scss */
.layout-nav__primary-link {
  font: normal 700 1.8em/1 DIN Pro, Roboto, sans-serif;
}
@media only screen and (max-width: 991px) and (orientation: landscape) {
  /* line 593, ./visual/css/main.scss */
  .layout-nav__primary {
    text-align: center;
  }
}
/* line 598, ./visual/css/main.scss */
.layout-nav__primary-link + .layout-nav__primary-link {
  margin-top: 1em;
}
/* line 602, ./visual/css/main.scss */
.layout-nav__secondary {
  margin-bottom: 4.2em;
}
/* line 606, ./visual/css/main.scss */
.layout-nav__secondary-link {
  font: normal 400 1.2em/1 DIN Pro, Roboto, sans-serif;
  text-decoration: underline;
}
/* line 611, ./visual/css/main.scss */
.layout-nav__secondary-link:hover {
  text-decoration: none;
}
/* line 615, ./visual/css/main.scss */
.layout-nav__secondary-link + .layout-nav__secondary-link {
  margin-top: 0.8333333333em;
}
@media only screen and (max-width: 991px) and (orientation: landscape) {
  /* line 620, ./visual/css/main.scss */
  .layout-nav__secondary {
    text-align: center;
  }
}
/* line 625, ./visual/css/main.scss */
.layout-nav__share {
  margin-bottom: 3.4em;
}
/* line 629, ./visual/css/main.scss */
.layout-nav__share-title {
  margin: 0 0 0.7142857143em;
  font: normal 400 1.4em/1 DIN Pro, Roboto, sans-serif;
}
/* line 634, ./visual/css/main.scss */
.layout-nav__share-buttons {
  display: flex;
  align-items: center;
}
/* line 639, ./visual/css/main.scss */
.layout-nav__share-button {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 4em;
  height: 4em;
  border: 0.3em solid currentColor;
  border-radius: 50%;
}
/* line 649, ./visual/css/main.scss */
.layout-nav__share-button + .layout-nav__share-button {
  margin-left: 0.8em;
}
/* line 653, ./visual/css/main.scss */
.layout-nav__share-button-icon {
  display: block;
  stroke-width: 0;
  stroke: currentColor;
  fill: currentColor;
}
@media only screen and (max-width: 991px) and (orientation: landscape) {
  /* line 661, ./visual/css/main.scss */
  .layout-nav__share {
    text-align: center;
  }
  /* line 665, ./visual/css/main.scss */
  .layout-nav__share-buttons {
    justify-content: center;
  }
}
/* line 670, ./visual/css/main.scss */
.layout-nav__social-title {
  margin: 0 0 0.8571428571em;
  font: normal 400 1.4em/1 DIN Pro, Roboto, sans-serif;
}
/* line 675, ./visual/css/main.scss */
.layout-nav__social-links {
  display: flex;
  align-items: center;
}
/* line 680, ./visual/css/main.scss */
.layout-nav__social-link:nth-child(even) {
  margin-left: 1.5em;
}
/* line 684, ./visual/css/main.scss */
.layout-nav__social-link:nth-child(odd):not(:first-child) {
  margin-left: 2em;
}
/* line 688, ./visual/css/main.scss */
.layout-nav__social-link-icon {
  display: block;
  stroke-width: 0;
  stroke: currentColor;
  fill: currentColor;
}
/* line 695, ./visual/css/main.scss */
.layout-nav__social-link-icon_provider_facebook {
  width: 1.4em;
  height: 2.3em;
}
/* line 700, ./visual/css/main.scss */
.layout-nav__social-link-icon_provider_vkontakte {
  width: 2.6em;
  height: 2.4em;
}
/* line 705, ./visual/css/main.scss */
.layout-nav__social-link-icon_provider_twitter {
  width: 2.2em;
  height: 2.3em;
}
/* line 710, ./visual/css/main.scss */
.layout-nav__social-link-icon_provider_youtube {
  width: 2.5em;
  height: 2.5em;
}
/* line 715, ./visual/css/main.scss */
.layout-nav__social-link-icon_provider_instagram {
  width: 2.4em;
  height: 2.4em;
}
@media only screen and (max-width: 991px) and (orientation: landscape) {
  /* line 721, ./visual/css/main.scss */
  .layout-nav__social {
    text-align: center;
  }
  /* line 725, ./visual/css/main.scss */
  .layout-nav__social-links {
    justify-content: center;
  }
}
@media only screen and (min-width: 992px) {
  /* line 731, ./visual/css/main.scss */
  .layout-nav {
    padding: 0;
    background: rgba(0, 0, 0, 0.8);
  }
  /* line 736, ./visual/css/main.scss */
  .layout-nav__content {
    position: absolute;
    top: 0;
    left: 0;
    max-width: 30em;
    width: 100%;
    padding: 14.5em 4.6em 4.2em;
    background: linear-gradient(to left, #004899, #6a0f5a);
    box-shadow: 0 0 3.5em rgba(0, 0, 0, 0.6);
  }
  /* line 747, ./visual/css/main.scss */
  .layout-nav__primary {
    margin: 0 0 7em;
  }
  /* line 751, ./visual/css/main.scss */
  .layout-nav__primary-link {
    font-size: 2.4em;
  }
  /* line 755, ./visual/css/main.scss */
  .layout-nav__primary-link + .layout-nav__primary-link {
    margin-top: 2em;
  }
  /* line 759, ./visual/css/main.scss */
  .layout-nav__secondary {
    display: none;
  }
  /* line 763, ./visual/css/main.scss */
  .layout-nav__social {
    display: none;
  }
}
/* Layout Footer */
/* line 770, ./visual/css/main.scss */
.layout-footer {
  color: #fff;
  background: #000;
  pointer-events: none;
}
/* line 776, ./visual/css/main.scss */
.layout-footer__content {
  position: relative;
  z-index: 101;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 1em 2em;
}
/* line 785, ./visual/css/main.scss */
.layout-footer__content > * {
  pointer-events: auto;
}
/* line 789, ./visual/css/main.scss */
.layout-footer__links {
  display: flex;
  align-items: center;
}
/* line 794, ./visual/css/main.scss */
.layout-footer__link {
  font: normal 400 1.2em/1 Roboto, sans-serif;
  text-shadow: rgba(0, 0, 0, 0.35) 0.1666666667em 0.1666666667em 0.4166666667em;
}
/* line 799, ./visual/css/main.scss */
.layout-footer__link + .layout-footer__link {
  margin-left: 4.6em;
}
@media only screen and (min-width: 992px) {
  /* line 804, ./visual/css/main.scss */
  .layout-footer {
    background: none;
  }
  /* line 808, ./visual/css/main.scss */
  .layout-footer__content {
    padding: 4em 4.6em;
  }
  /* line 812, ./visual/css/main.scss */
  .layout-footer__links {
    opacity: 1;
    transition: opacity 0.5s;
  }
  /* line 817, ./visual/css/main.scss */
  body:not(._page_intro) .layout-footer__links {
    opacity: 0;
    pointer-events: none;
  }
}
/* Nav Toggle Button */
/* line 825, ./visual/css/main.scss */
.nav-toggle-button__icon {
  transition: box-shadow 0.5s;
}
/* line 829, ./visual/css/main.scss */
.nav-toggle-button_selected .nav-toggle-button__icon {
  box-shadow: 0 0 4em 2em rgba(134, 24, 177, 0.85);
}
/* line 833, ./visual/css/main.scss */
.nav-toggle-button__icon-bar {
  margin-bottom: 0.4em;
  height: 0.3em;
  background: #fff;
  transition: width 0.25s;
}
/* line 840, ./visual/css/main.scss */
.nav-toggle-button__icon-bar:nth-child(1) {
  width: 3em;
}
/* line 844, ./visual/css/main.scss */
.nav-toggle-button__icon-bar:nth-child(2) {
  width: 2em;
}
/* line 848, ./visual/css/main.scss */
.nav-toggle-button__icon-bar:nth-child(3) {
  width: 2.5em;
  margin-bottom: 0;
}
/* line 853, ./visual/css/main.scss */
.nav-toggle-button_hovering .nav-toggle-button__icon-bar, .nav-toggle-button_selected .nav-toggle-button__icon-bar {
  width: 3em;
}
/* Header Social */
/* line 860, ./visual/css/main.scss */
.header-social {
  display: none;
}
/* line 864, ./visual/css/main.scss */
.header-social__title {
  margin: 0 0 1em;
  font: normal 400 1.2em/1 DIN Pro, Roboto, sans-serif;
  text-shadow: rgba(0, 0, 0, 0.35) 0.1666666667em 0.1666666667em 0.4166666667em;
}
/* line 870, ./visual/css/main.scss */
.header-social__links {
  display: flex;
  align-items: center;
}
/* line 875, ./visual/css/main.scss */
.header-social__link:nth-child(even) {
  margin-left: 1.5em;
}
/* line 879, ./visual/css/main.scss */
.header-social__link:nth-child(odd):not(:first-child) {
  margin-left: 2em;
}
/* line 883, ./visual/css/main.scss */
.header-social__link-icon {
  display: block;
  stroke-width: 0;
  stroke: currentColor;
  fill: currentColor;
}
/* line 890, ./visual/css/main.scss */
.header-social__link-icon_provider_facebook {
  width: 1.4em;
  height: 2.3em;
}
/* line 895, ./visual/css/main.scss */
.header-social__link-icon_provider_vkontakte {
  width: 2.6em;
  height: 2.4em;
}
/* line 900, ./visual/css/main.scss */
.header-social__link-icon_provider_twitter {
  width: 2.2em;
  height: 2.3em;
}
/* line 905, ./visual/css/main.scss */
.header-social__link-icon_provider_youtube {
  width: 2.5em;
  height: 2.5em;
}
/* line 910, ./visual/css/main.scss */
.header-social__link-icon_provider_instagram {
  width: 2.4em;
  height: 2.4em;
}
@media only screen and (min-width: 992px) {
  /* line 916, ./visual/css/main.scss */
  .header-social {
    display: block;
  }
  /* line 920, ./visual/css/main.scss */
  .header-social__link {
    position: relative;
  }
  /* line 924, ./visual/css/main.scss */
  .header-social__link:before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 0;
    height: 0;
    box-shadow: 0 0 2em 1em rgba(255, 255, 255, 0.8);
    opacity: 0;
    transform: translate(-50%, -50%);
    transition: opacity 0.25s;
  }
  /* line 937, ./visual/css/main.scss */
  .header-social__link:hover:before {
    opacity: 1;
  }
}
/* Screen */
/* line 944, ./visual/css/main.scss */
.screen {
  position: relative;
  display: flex;
  flex-direction: column;
}
/* line 950, ./visual/css/main.scss */
.screen__header {
  position: relative;
  flex: 0 0 auto;
  width: 100%;
  opacity: 0;
  transition: opacity 0.5s ease-in-out;
}
/* line 958, ./visual/css/main.scss */
.screen_current .screen__header {
  z-index: 2;
  opacity: 1;
}
/* line 963, ./visual/css/main.scss */
.screen__body {
  position: relative;
  flex: 1 1 auto;
  width: 100%;
  overflow: hidden;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  opacity: 0;
  transition: opacity 0.5s ease-in-out;
}
/* line 974, ./visual/css/main.scss */
.screen_current .screen__body {
  opacity: 1;
}
/* line 978, ./visual/css/main.scss */
.screen__footer {
  position: relative;
  flex: 0 0 auto;
  width: 100%;
  opacity: 0;
  transition: opacity 0.5s ease-in-out;
}
/* line 986, ./visual/css/main.scss */
.screen_current .screen__footer {
  z-index: 2;
  opacity: 1;
}
/* line 991, ./visual/css/main.scss */
.screen__overlay {
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  width: 100%;
  height: 100%;
  overflow: hidden;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  opacity: 0;
  transition: opacity 0.5s;
  pointer-events: none;
}
/* line 1006, ./visual/css/main.scss */
.screen__overlay_active {
  z-index: 3;
  opacity: 1;
  pointer-events: auto;
}
@media only screen and (max-width: 991px) {
  /* line 1013, ./visual/css/main.scss */
  .screen__overlay {
    min-height: 510px;
  }
}
/* Intro Screen */
/* line 1020, ./visual/css/main.scss */
.intro-screen__footer {
  position: absolute;
  bottom: 0;
  left: 0;
  padding: 0 1.6em 2em;
  text-align: center;
  color: #fff;
}
/* line 1029, ./visual/css/main.scss */
.intro-screen__video {
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
}
/* line 1039, ./visual/css/main.scss */
.intro-screen__title {
  margin: 0 0 0.4166666667em;
  font: normal 700 3.6em/1 Roboto, sans-serif;
  text-transform: uppercase;
}
/* line 1045, ./visual/css/main.scss */
.intro-screen__text {
  max-width: 30em;
  margin: 0 auto 1.5625em;
  font: normal 400 1.6em/1.125 Roboto, sans-serif;
}
@media only screen and (min-width: 992px) {
  /* line 1052, ./visual/css/main.scss */
  .intro-screen__footer {
    display: none;
  }
}
/* Intro Video */
/* line 1059, ./visual/css/main.scss */
.intro-video__content {
  position: relative;
  display: flex;
  flex-direction: column;
  flex: 1 0 auto;
  overflow: hidden;
}
/* line 1067, ./visual/css/main.scss */
.intro-video__content:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  width: 100%;
  height: 100%;
  background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 1));
  opacity: 0.6;
}
/* line 1079, ./visual/css/main.scss */
.intro-video__video {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
/* line 1089, ./visual/css/main.scss */
.intro-video__play-over-button {
  position: absolute;
  top: 1em;
  left: 1.6em;
  z-index: 3;
}
/* line 1096, ./visual/css/main.scss */
.intro-video__sound-toggle-button {
  position: absolute;
  top: 1em;
  right: 1.6em;
  z-index: 3;
}
/* line 1103, ./visual/css/main.scss */
.intro-video__sound-toggle-button_off .intro-video__sound-toggle-button-icon-on {
  display: none;
}
/* line 1107, ./visual/css/main.scss */
.intro-video__sound-toggle-button_off .intro-video__sound-toggle-button-text-on {
  display: none;
}
/* line 1111, ./visual/css/main.scss */
.intro-video__sound-toggle-button_on .intro-video__sound-toggle-button-icon-off {
  display: none;
}
/* line 1115, ./visual/css/main.scss */
.intro-video__sound-toggle-button_on .intro-video__sound-toggle-button-text-off {
  display: none;
}
/* Post Intro Screen */
/* line 1121, ./visual/css/main.scss */
.post-intro-screen__croppie {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
/* line 1131, ./visual/css/main.scss */
.post-intro-screen__croppie .cr-viewport {
  border: none !important;
  box-shadow: none !important;
}
/* line 1136, ./visual/css/main.scss */
.post-intro-screen__grid-canvas {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  width: 100%;
  height: 100%;
  pointer-events: none;
}
/* line 1146, ./visual/css/main.scss */
.post-intro-screen__footer {
  display: flex;
  align-items: flex-start;
  padding: 2.5em 1.5em 1.5em;
  color: #fff;
  background: #000;
}
/* line 1154, ./visual/css/main.scss */
.post-intro-screen__footer-button:nth-child(1) {
  width: 30%;
  margin-top: 1em;
}
/* line 1159, ./visual/css/main.scss */
.post-intro-screen__footer-button:nth-child(2) {
  width: 40%;
}
/* line 1163, ./visual/css/main.scss */
.post-intro-screen__footer-button:nth-child(3) {
  width: 30%;
  margin-top: 1em;
}
/* Steps Screen */
/* line 1170, ./visual/css/main.scss */
.steps-screen__header {
  padding: 1em 2em;
  color: #fff;
  background: #000;
  border-top: 0.1em solid #434343;
  transition: margin 0.25s;
}
@media only screen and (min-width: 992px) {
  /* line 1179, ./visual/css/main.scss */
  .steps-screen__header {
    padding: 4em 2em 2em;
  }
}
/* line 1184, ./visual/css/main.scss */
.screen_current .steps-screen__header_hidden {
  margin-top: -6.9em;
  pointer-events: none;
}
/* line 1189, ./visual/css/main.scss */
.screen_current .steps-screen__header:not(.steps-screen__header_hidden) {
  z-index: auto;
}
/* line 1193, ./visual/css/main.scss */
.screen_current .steps-screen__body {
  z-index: -1;
}
/* line 1197, ./visual/css/main.scss */
.steps-screen__footer {
  color: #fff;
  background: #000;
}
/* line 1202, ./visual/css/main.scss */
.screen_current .steps-screen__footer_hidden {
  opacity: 0;
  pointer-events: none;
}
/* line 1207, ./visual/css/main.scss */
.screen_current .steps-screen__footer:not(.steps-screen__footer_hidden) {
  z-index: auto;
}
/* line 1211, ./visual/css/main.scss */
.steps-screen__photo-canvas {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
/* line 1219, ./visual/css/main.scss */
.steps-screen__masks-canvas {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  transition: opacity 0.5s;
  pointer-events: none;
}
/* line 1230, ./visual/css/main.scss */
.steps-screen__masks-canvas_active, .steps-screen__masks-canvas_active + .steps-screen__masks-canvas {
  opacity: 1;
  pointer-events: auto;
}
/* line 1236, ./visual/css/main.scss */
.steps-screen__camera-bottom-nav {
  margin: 0 0 1.5em;
  padding: 1em 0 0;
}
/* line 1241, ./visual/css/main.scss */
.steps-screen__step-bullets {
  position: relative;
  z-index: 4;
  margin: 0 0 1em;
}
/* line 1247, ./visual/css/main.scss */
.steps-screen__effect-buttons-overlay {
  display: flex;
  justify-content: center;
  align-items: center;
  pointer-events: none;
}
/* line 1254, ./visual/css/main.scss */
.steps-screen__effect-buttons {
  display: flex;
  justify-content: center;
  align-items: center;
}
/* line 1260, ./visual/css/main.scss */
.steps-screen__effect-button {
  margin: 0 0.5em;
}
/* line 1264, ./visual/css/main.scss */
.steps-screen__effect-buttons-overlay.screen__overlay_active .steps-screen__effect-button {
  pointer-events: auto;
}
/* line 1268, ./visual/css/main.scss */
.steps-screen__mask-buttons-overlay {
  top: auto;
  bottom: 36%;
  left: 50%;
  width: auto;
  min-height: 0;
  height: auto;
  transform: translate(-50%, 0);
}
/* line 1278, ./visual/css/main.scss */
.steps-screen__mask-buttons {
  display: flex;
  justify-content: center;
  align-items: center;
}
/* line 1284, ./visual/css/main.scss */
.steps-screen__mask-button {
  margin: 0 0.5em;
}
/* line 1288, ./visual/css/main.scss */
.steps-screen__portrait-buttons-overlay {
  top: auto;
  bottom: 16%;
  left: 0;
  z-index: auto;
  width: 100%;
  min-height: 0;
  height: auto;
  overflow: visible;
  pointer-events: none;
}
@media only screen and (max-width: 991px) and (orientation: landscape) {
  /* line 1301, ./visual/css/main.scss */
  .steps-screen__portrait-buttons-overlay {
    bottom: 22%;
  }
}
/* line 1306, ./visual/css/main.scss */
.steps-screen__portrait-buttons {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 1em 1.6em;
}
/* line 1313, ./visual/css/main.scss */
.steps-screen__portrait-button {
  position: relative;
  transition: margin 0.25s, opacity 0.25s;
}
/* line 1318, ./visual/css/main.scss */
.steps-screen__portrait-buttons-overlay.screen__overlay_active .steps-screen__portrait-button {
  pointer-events: auto;
}
/* line 1322, ./visual/css/main.scss */
.steps-screen__portrait-button_active {
  z-index: 1;
}
/* line 1326, ./visual/css/main.scss */
.steps-screen__portrait-button_hidden {
  opacity: 0;
  pointer-events: none !important;
}
/* line 1331, ./visual/css/main.scss */
.steps-screen__portrait-button_pushed {
  margin-top: -12em;
}
/* line 1335, ./visual/css/main.scss */
.steps-screen__portrait-button:before {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  width: 0;
  height: 0;
  border-radius: 50%;
  box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
  transform: translate(-50%, -50%);
  transition: box-shadow 0.5s;
  z-index: -1;
}
/* line 1349, ./visual/css/main.scss */
.steps-screen__portrait-button_active:before {
  box-shadow: 0 0 4em 2em rgba(134, 24, 177, 0.85);
}
/* line 1353, ./visual/css/main.scss */
.steps-screen__ar-icon-overlay {
  top: auto;
  right: 4.6875%;
  bottom: 36%;
  left: auto;
  z-index: auto;
  width: 5em;
  min-height: 0;
  height: 5em;
}
/* line 1364, ./visual/css/main.scss */
.steps-screen__ar-icon {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  max-width: 100%;
  max-height: 100%;
  width: auto;
  height: auto;
  margin: auto;
}
/* line 1377, ./visual/css/main.scss */
.steps-screen__text-overlay {
  z-index: auto;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #fff;
  background: linear-gradient(to top, rgba(0, 72, 153, 0.8) 0%, rgba(106, 15, 90, 0.8) 80%);
}
/* line 1386, ./visual/css/main.scss */
.steps-screen__video-overlay {
  overflow: hidden;
  z-index: 4;
}
/* line 1391, ./visual/css/main.scss */
.steps-screen__video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  color: #fff;
  background: rgba(0, 0, 0, 0.85);
}
/* line 1401, ./visual/css/main.scss */
.steps-screen__video-element {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
/* line 1410, ./visual/css/main.scss */
.steps-screen__video-skip-button {
  position: absolute;
  bottom: 3.5%;
  left: 50%;
  transform: translate(-50%, 0);
}
/* line 1417, ./visual/css/main.scss */
.steps-screen__footer-overlay {
  top: auto;
  bottom: 0;
  z-index: auto;
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 0;
  height: 23%;
  padding: 1.5em 2em;
  color: #fff;
  background: #000;
  opacity: 0;
  transition: opacity 0.25s;
}
/* line 1433, ./visual/css/main.scss */
.screen__overlay_active.steps-screen__footer-overlay {
  opacity: 1;
}
/* Camera Top Nav */
/* line 1439, ./visual/css/main.scss */
.camera-top-nav {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
/* line 1445, ./visual/css/main.scss */
.camera-top-nav__item {
  position: relative;
  cursor: pointer;
}
/* line 1450, ./visual/css/main.scss */
.camera-top-nav__item_active {
  z-index: 4;
}
/* line 1454, ./visual/css/main.scss */
.camera-top-nav__item_active:before {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
  transform: translate(-50%, -50%);
  transition: box-shadow 0.5s;
}
/* line 1464, ./visual/css/main.scss */
.camera-top-nav__item_active:before {
  box-shadow: 0 0 4em 2em rgba(134, 24, 177, 0.85);
}
/* line 1468, ./visual/css/main.scss */
.camera-top-nav__item-icon {
  position: relative;
  display: block;
  font-size: 0.1em;
  stroke-width: 0;
  stroke: currentColor;
  fill: currentColor;
}
/* Camera Bottom Nav */
/* line 1479, ./visual/css/main.scss */
.camera-bottom-nav {
  position: relative;
  width: 100%;
}
/* line 1484, ./visual/css/main.scss */
.camera-bottom-nav:after {
  content: '';
  display: block;
  width: 100%;
  height: 0;
  padding: calc(48 / 1140 * 100%) 0 0;
  background: url("/visual/img/camera-bottom-nav.png") no-repeat 50% 50%;
  background-size: contain;
}
/* line 1494, ./visual/css/main.scss */
.camera-bottom-nav__subnav {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 1em 0 1.5em;
  background: rgba(0, 0, 0, 0.2);
  opacity: 0;
  transition: bottom 0.5s, opacity 0.5s;
  pointer-events: none;
}
/* line 1506, ./visual/css/main.scss */
.camera-bottom-nav__subnav_active {
  bottom: 100%;
  opacity: 1;
  pointer-events: auto;
}
/* line 1512, ./visual/css/main.scss */
.camera-bottom-nav__items {
  display: flex;
  align-items: center;
}
/* line 1517, ./visual/css/main.scss */
.camera-bottom-nav__item {
  position: relative;
  flex: 0 0 auto;
  margin: 0 0 0.3333333333em;
  padding: 0 0.6666666667em 0.4em;
  font: normal 400 1.5em/1 Roboto, sans-serif;
  white-space: nowrap;
  transition: color 0.25s;
  cursor: pointer;
}
/* line 1528, ./visual/css/main.scss */
.camera-bottom-nav__item:after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 50%;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 0.2em 0.2666666667em 0.2em;
  border-color: transparent transparent transparent transparent;
  transform: translate(-50%, 0);
  transition: border-color 0.25s;
}
/* line 1542, ./visual/css/main.scss */
.camera-bottom-nav__item_active {
  color: #039be5;
}
/* line 1546, ./visual/css/main.scss */
.camera-bottom-nav__item_active:after {
  color: #039be5;
  border-color: transparent transparent #039be5 transparent;
}
/* Camera Bottom Subnav */
/* line 1553, ./visual/css/main.scss */
.camera-bottom-subnav__tab-triggers-wrap {
  display: flex;
  align-items: center;
}
/* line 1558, ./visual/css/main.scss */
.camera-bottom-subnav__tab-triggers {
  display: flex;
  align-items: center;
  margin: 0 0 1em;
  padding: 0 0.6em;
}
/* line 1565, ./visual/css/main.scss */
.camera-bottom-subnav__tab-trigger {
  position: relative;
  flex: 0 0 auto;
  padding: 0 0.6153846154em 0.3076923077em;
  font: normal 400 1.3em/1 Roboto, sans-serif;
  white-space: nowrap;
  transition: color 0.25s;
  cursor: pointer;
}
/* line 1575, ./visual/css/main.scss */
.camera-bottom-subnav__tab-trigger_active {
  z-index: 1;
  color: #039be5;
}
/* line 1580, ./visual/css/main.scss */
.camera-bottom-subnav__tab-trigger:before {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  width: 0;
  height: 0;
  border-radius: 50%;
  box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
  transform: translate(-50%, -50%);
  transition: box-shadow 0.5s;
  z-index: -1;
}
/* line 1594, ./visual/css/main.scss */
.camera-bottom-subnav__tab-trigger_active:before {
  box-shadow: 0 0 4em 2em rgba(134, 24, 177, 0.85);
}
/* line 1598, ./visual/css/main.scss */
.camera-bottom-subnav__tab-trigger:after {
  content: '';
  position: absolute;
  right: 0.6153846154em;
  bottom: 0;
  left: 0.6153846154em;
  height: 0.1538461538em;
  background: #1aa4fb;
  transform: scaleX(0);
  transition: transform 0.25s;
}
/* line 1610, ./visual/css/main.scss */
.camera-bottom-subnav__tab-trigger_active:after {
  transform: scaleX(1);
}
/* line 1614, ./visual/css/main.scss */
.camera-bottom-subnav__tab-content {
  position: relative;
  display: none;
}
/* line 1619, ./visual/css/main.scss */
.camera-bottom-subnav__tab-content_active {
  display: block;
}
/* Camera Effect Items */
/* line 1625, ./visual/css/main.scss */
.camera-effect-items {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  overflow: hidden;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  -ms-overflow-style: none;
  padding: 0 0.6em;
}
/* line 44, ./visual/css/_mixins.scss */
.camera-effect-items::-webkit-scrollbar {
  display: none;
}
/* line 1630, ./visual/css/main.scss */
.camera-effect__item {
  position: relative;
  flex: 0 0 auto;
  padding: 0 0.6em;
}
/* line 1636, ./visual/css/main.scss */
.camera-effect__item-icon-wrap {
  position: relative;
  width: 4em;
  height: 4em;
  border: 0.2em solid transparent;
  border-radius: 50%;
  transition: border-color 0.25s;
}
/* line 1645, ./visual/css/main.scss */
.camera-effect__item_active .camera-effect__item-icon-wrap {
  border-color: #0d9ffb;
}
/* line 1649, ./visual/css/main.scss */
.camera-effect__item-icon {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  max-width: 100%;
  max-height: 100%;
  width: auto;
  height: auto;
  margin: auto;
}
/* 3D Flash Items */
/* line 1664, ./visual/css/main.scss */
.camera-3d-flash-items {
  display: flex;
  align-items: center;
}
/* line 1669, ./visual/css/main.scss */
.camera-3d-flash__item {
  position: relative;
  flex: 0 0 auto;
  padding: 0 0.3em;
  cursor: pointer;
}
/* line 1676, ./visual/css/main.scss */
.camera-3d-flash__item-icon-wrap {
  position: relative;
  width: 3.6em;
  height: 3.6em;
}
/* line 1682, ./visual/css/main.scss */
.camera-3d-flash__item-icon-wrap:before {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  width: 1.4em;
  height: 1.4em;
  background: url("/visual/img/3d-flash/0.png") no-repeat 50% 50%;
  transform: translate(-50%, -50%) scale(1);
  transition: transform 0.25s;
}
/* line 1694, ./visual/css/main.scss */
.camera-3d-flash__item_active .camera-3d-flash__item-icon-wrap:before {
  transform: translate(-50%, -50%) scale(0);
}
/* line 1698, ./visual/css/main.scss */
.camera-3d-flash__item-icon {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  max-width: 100%;
  max-height: 100%;
  width: auto;
  height: auto;
  margin: auto;
  transform: scale(0);
  transition: transform 0.25s;
}
/* line 1713, ./visual/css/main.scss */
.camera-3d-flash__item_active .camera-3d-flash__item-icon {
  transform: scale(1);
}
/* Step bullets */
/* line 1720, ./visual/css/main.scss */
.step-bullets {
  display: flex;
  justify-content: center;
  align-items: center;
}
/* line 1726, ./visual/css/main.scss */
.step-bullets__item {
  flex: 0 0 auto;
  margin: 0 0.5em;
  opacity: 0.6;
  cursor: pointer;
}
/* line 1733, ./visual/css/main.scss */
.step-bullets__item_active {
  opacity: 1;
}
/* line 1737, ./visual/css/main.scss */
.step-bullets__item_bullet {
  width: 1em;
  height: 1em;
  border: 0.2em solid #fff;
  border-radius: 50%;
  box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
  transition: background-color 0.25s, box-shadow 0.25s, opacity 0.25s;
}
/* line 1746, ./visual/css/main.scss */
.step-bullets__item_active.step-bullets__item_bullet {
  background: #fff;
  box-shadow: 0 0 2em 0.5em rgba(255, 255, 255, 0.85);
}
/* line 1751, ./visual/css/main.scss */
.step-bullets__item_icon {
  position: relative;
}
/* line 1755, ./visual/css/main.scss */
.step-bullets__item_icon:before {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  width: 0;
  height: 0;
  transform: translate(-50%, -50%);
  border-radius: 50%;
  box-shadow: 0 0 2em 1em rgba(255, 255, 255, 0.85);
  opacity: 0;
}
/* line 1768, ./visual/css/main.scss */
.step-bullets__item_active.step-bullets__item_icon:before {
  opacity: 1;
}
/* line 1772, ./visual/css/main.scss */
.step-bullets__item-icon {
  display: block;
  font-size: 0.1em;
  stroke-width: 0;
  stroke: currentColor;
  fill: currentColor;
  opacity: 1;
  transition: opacity 0.25s;
}
/* Camera Feature */
/* line 1784, ./visual/css/main.scss */
.camera-feature {
  padding: 0 2.6em;
  text-align: center;
}
/* line 1789, ./visual/css/main.scss */
.camera-feature__title {
  margin: 0 0 1.1111111111em;
  font: normal 700 1.8em/1.2 Roboto, sans-serif;
  text-transform: uppercase;
}
/* line 1795, ./visual/css/main.scss */
.camera-feature__text {
  margin: 0 0 1.7857142857em;
  font: normal 400 1.4em/1.4 Roboto, sans-serif;
}
/* line 1800, ./visual/css/main.scss */
.camera-feature__button {
  position: relative;
  z-index: 2;
  margin: 0 auto;
}
/* Final Step 1 */
/* line 1808, ./visual/css/main.scss */
.final-step-1__title {
  margin: 0 0 1.3888888889em;
  font: normal 700 1.8em/1 Roboto, sans-serif;
  text-transform: uppercase;
  text-align: center;
}
/* line 1815, ./visual/css/main.scss */
.final-step-1__buttons {
  display: flex;
  justify-content: center;
  align-items: flex-start;
}
/* line 1821, ./visual/css/main.scss */
.final-step-1__button {
  margin: 0 1.2em;
}
/* Final Step 3 */
/* line 1827, ./visual/css/main.scss */
.final-step-3 {
  padding: 0 2.6em;
  text-align: center;
}
/* line 1832, ./visual/css/main.scss */
.final-step-3__title {
  margin: 0 0 1.1111111111em;
  font: normal 700 1.8em/1.2 Roboto, sans-serif;
  text-transform: uppercase;
}
/* line 1838, ./visual/css/main.scss */
.final-step-3__text {
  margin: 0 0 1.7857142857em;
  font: normal 400 1.4em/1.4 Roboto, sans-serif;
}
/* line 1843, ./visual/css/main.scss */
.final-step-3__button {
  margin: 0 auto;
}
/* Final Step 4 */
/* line 1849, ./visual/css/main.scss */
.final-step-4 {
  text-align: center;
}
/* line 1853, ./visual/css/main.scss */
.final-step-4__title {
  margin: 0 0 1.0714285714em;
  font: normal 400 1.4em/1 Roboto, sans-serif;
}
/* line 1858, ./visual/css/main.scss */
.final-step-4__buttons {
  display: flex;
  justify-content: center;
  align-items: flex-start;
}
/* line 1864, ./visual/css/main.scss */
.final-step-4__button {
  margin: 0 0.4em;
}
/* Final Step 5 */
/* line 1870, ./visual/css/main.scss */
.final-step-5 {
  text-align: center;
}
/* line 1874, ./visual/css/main.scss */
.final-step-5__title {
  margin: 0 0 0.8571428571em;
  font: normal 400 1.4em/1 Roboto, sans-serif;
}
/* Final Step 6 */
/* line 1881, ./visual/css/main.scss */
.final-step-6 {
  text-align: center;
}
/* line 1885, ./visual/css/main.scss */
.final-step-6__title {
  margin: 0 0 0.8333333333em;
  font: normal 400 1.8em/1 Roboto, sans-serif;
}
/* line 1890, ./visual/css/main.scss */
.final-step-6__social-buttons {
  display: flex;
  justify-content: center;
  align-items: flex-start;
  margin: 0 0 9em;
}
/* line 1897, ./visual/css/main.scss */
.final-step-6__social-button {
  margin: 0 0.4em;
}
/* line 1901, ./visual/css/main.scss */
.final-step-6__continue-button {
  position: absolute;
  bottom: 5%;
  left: 50%;
  transform: translate(-50%, 0);
}
@media only screen and (max-width: 991px) and (orientation: landscape) {
  /* line 1909, ./visual/css/main.scss */
  .final-step-6__social-buttons {
    margin-bottom: 4em;
  }
  /* line 1913, ./visual/css/main.scss */
  .final-step-6__continue-button {
    position: static;
    transform: none;
  }
}
/* Final Step 7 */
/* line 1921, ./visual/css/main.scss */
.final-step-7 {
  width: 100%;
  text-align: center;
}
/* line 1926, ./visual/css/main.scss */
.final-step-7__title {
  margin: 0 0 1.2222222222em;
  font: normal 400 1.8em/1.25 Roboto, sans-serif;
}
/* line 1931, ./visual/css/main.scss */
.final-step-7__widget {
  position: relative;
  max-width: 100%;
  width: 245px;
  margin: 0 auto 9em;
  background: #000;
  border-radius: 0.8em;
}
/* line 1940, ./visual/css/main.scss */
.final-step-7__widget:before {
  content: '';
  display: block;
  width: 100%;
  padding: calc(264 / 245 * 100%) 0 0;
}
/* line 1947, ./visual/css/main.scss */
.final-step-7__widget-content {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
/* line 1955, ./visual/css/main.scss */
.final-step-7__buttons {
  position: absolute;
  bottom: 5%;
  left: 50%;
  transform: translate(-50%, 0);
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  max-width: 185px;
  width: 100%;
}
@media only screen and (max-width: 991px) and (orientation: landscape) {
  /* line 1968, ./visual/css/main.scss */
  .final-step-7__widget {
    margin-bottom: 4em;
  }
  /* line 1972, ./visual/css/main.scss */
  .final-step-7__buttons {
    position: static;
    margin: 0 auto;
    transform: none;
  }
}
/* Final Step 8 */
/* line 1981, ./visual/css/main.scss */
.final-step-8 {
  text-align: center;
}
/* line 1985, ./visual/css/main.scss */
.final-step-8__icon {
  display: block;
  margin: 0 auto 5em;
  font-size: 0.1em;
  stroke-width: 0;
  stroke: currentColor;
  fill: currentColor;
}
/* line 1994, ./visual/css/main.scss */
.final-step-8__title {
  margin: 0 0 0.4166666667em;
  font: normal 700 3.6em/1.15 Roboto, sans-serif;
  text-transform: uppercase;
}
/* line 2000, ./visual/css/main.scss */
.final-step-8__text {
  max-width: 245px;
  margin: 0 auto 1.0714285714em;
  font: normal 400 1.4em/1.25 Roboto, sans-serif;
}
/* line 2006, ./visual/css/main.scss */
.final-step-8__download-button {
  margin: 0 0 6em;
}
/* line 2010, ./visual/css/main.scss */
.final-step-8__gallery-button {
  width: 20.5em;
  margin: 0 auto 6em;
  padding: 0;
}
/* Screens */
/* line 2018, ./visual/css/main.scss */
.screens {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
@media only screen and (min-width: 992px) {
  /* line 2028, ./visual/css/main.scss */
  .screens {
    position: relative;
    flex: 1 0 auto;
  }
}
/* line 2034, ./visual/css/main.scss */
.screens__screen {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  opacity: 0;
  transition: opacity 0.5s 0.5s;
  pointer-events: none;
}
@media only screen and (min-width: 992px) {
  /* line 2047, ./visual/css/main.scss */
  .screens__screen {
    font-size: 8px;
  }
}
/* line 2052, ./visual/css/main.scss */
.screens__screen_current {
  z-index: 2;
  opacity: 1;
  pointer-events: auto;
}
/* Phones Shell */
@media only screen and (min-width: 992px) {
  /* line 2061, ./visual/css/main.scss */
  .phones-shell {
    position: relative;
    left: -4em;
    flex: 0 0 auto;
    width: 41.2em;
    height: 68.7em;
    margin: 3em 0 0;
  }
  /* line 2070, ./visual/css/main.scss */
  .phones-shell:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    width: 100%;
    height: 100%;
    background: url("/visual/img/phones-shell.png") 50% 50% no-repeat;
    background-size: cover;
    pointer-events: none;
  }
  /* line 2083, ./visual/css/main.scss */
  .phones-shell__content {
    position: absolute;
    top: 10em;
    left: 13em;
    width: 24.4em;
    height: 53.1em;
    overflow: hidden;
  }
}
@media (min-width: 992px) and (max-width: 1366px) {
  /* line 2094, ./visual/css/main.scss */
  .phones-shell {
    font-size: 9px;
  }
}
/* Pages */
/* line 2101, ./visual/css/main.scss */
.pages {
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  flex: 1 1 auto;
  width: 100%;
}
/* line 2111, ./visual/css/main.scss */
.pages__pages {
  flex: 0 0 auto;
  width: 100%;
}
/* line 2116, ./visual/css/main.scss */
.pages__context-badge {
  position: fixed;
  right: 0;
  bottom: 0;
  z-index: 100;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 6.6666666667em;
  height: 6.6666666667em;
  margin: 0 2em 2.2222222222em 0;
  font: normal 400 1.8em/1.25 Roboto, sans-serif;
  text-align: center;
  color: #fff;
  background: linear-gradient(to left, #004899, #6a0f5a);
  border-radius: 50%;
  transform: translate3d(200%, 0, 0);
  transition: transform 0.5s;
}
/* line 2136, ./visual/css/main.scss */
body:not(._page_intro) .pages__context-badge {
  transform: translate3d(0, 0, 0);
}
@media only screen and (min-width: 992px) {
  /* line 2141, ./visual/css/main.scss */
  .pages__page {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    min-height: 100vh;
  }
  /* line 2149, ./visual/css/main.scss */
  .pages__bullets {
    position: fixed;
    top: 50%;
    left: 4.6em;
    z-index: 50;
    display: flex;
    flex-direction: column;
  }
  /* line 2158, ./visual/css/main.scss */
  .pages__bullet {
    width: 1em;
    height: 1em;
    margin: 0.5em 0;
    border: 0.2em solid #fff;
    box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
    border-radius: 50%;
    transition: background-color 0.25s, box-shadow 0.25s;
    cursor: pointer;
  }
  /* line 2169, ./visual/css/main.scss */
  .pages__bullet_active {
    background: #fff;
    box-shadow: 0 0 1.5em 0.5em rgba(255, 255, 255, 0.8);
  }
}
@media only screen and (max-width: 991px) {
  /* line 2176, ./visual/css/main.scss */
  .pages__bullets {
    display: none;
  }
  /* line 2180, ./visual/css/main.scss */
  .pages__context-badge {
    width: 6.25em;
    height: 6.25em;
    margin: 0 3.3333333333em 1.5em 0;
    font-size: 1.2em;
    box-shadow: 0 0 1.6666666667em 0.8333333333em rgba(255, 255, 255, 0.8);
  }
}
/* Page */
/* line 2191, ./visual/css/main.scss */
.page {
  flex: 1 0 auto;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  overflow-y: auto;
}
/* line 2199, ./visual/css/main.scss */
.page__content {
  position: relative;
  flex: 1 0 auto;
  width: 100%;
  min-height: 510px;
}
/* line 2206, ./visual/css/main.scss */
.page:not(.page_current):not(.page_transitional) .page__content {
  display: none;
}
/* Intro Page */
@media only screen and (min-width: 992px) {
  /* line 2213, ./visual/css/main.scss */
  .intro-page__content {
    display: flex;
    justify-content: center;
    align-items: center;
  }
  /* line 2219, ./visual/css/main.scss */
  .intro-page__left {
    width: 435px;
    margin: 0 65px 0 0;
    transition: opacity 0.5s;
  }
  /* line 2225, ./visual/css/main.scss */
  body:not(._screen_intro) .intro-page__left {
    opacity: 0;
    pointer-events: none;
  }
  /* line 2230, ./visual/css/main.scss */
  .intro-page__right {
    transition: transform 0.5s;
  }
  /* line 2234, ./visual/css/main.scss */
  body:not(._screen_intro) .intro-page__right {
    transform: translate3d(-50%, 0, 0);
  }
  /* line 2238, ./visual/css/main.scss */
  .intro-page__logo {
    max-width: 100%;
    height: auto;
    margin: 0 0 3.5em;
  }
  /* line 2244, ./visual/css/main.scss */
  .intro-page__title {
    margin: 0 0 0.2777777778em;
    font: normal 700 5.4em/1.2 Roboto, sans-serif;
    text-transform: uppercase;
    text-shadow: rgba(0, 0, 0, 0.35) 0.0555555556em 0.0555555556em 0.1296296296em;
  }
  /* line 2251, ./visual/css/main.scss */
  .intro-page__text {
    margin: 0 0 1.25em;
    font: normal 400 2.4em/1.6 Roboto, sans-serif;
    text-shadow: rgba(0, 0, 0, 0.35) 0.0833333333em 0.0833333333em 0.2083333333em;
  }
  /* line 2257, ./visual/css/main.scss */
  .intro-page__button {
    max-width: 24em;
    height: 6em;
    padding: 0 3em;
    border-radius: 3em;
  }
  /* line 2264, ./visual/css/main.scss */
  .intro-page__button-text {
    font-size: 1.8em;
  }
}
@media (min-width: 922px) and (max-width: 1366px) {
  /* line 2270, ./visual/css/main.scss */
  body:not(._screen_intro) .intro-page__right {
    transform: translate3d(-60%, 0, 0);
  }
}
@media only screen and (max-width: 991px) {
  /* line 2276, ./visual/css/main.scss */
  .intro-page__left {
    display: none;
  }
}
/* Winner Page */
/* line 2283, ./visual/css/main.scss */
.winner-page__content {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
/* line 2290, ./visual/css/main.scss */
.winner-page__title {
  font: normal 700 3.6em/1.3 Roboto, sans-serif;
  text-transform: uppercase;
  text-shadow: rgba(0, 0, 0, 0.35) 0 0.0833333333em 0.1944444444em;
}
/* line 2296, ./visual/css/main.scss */
.winner-page__text {
  margin: 0 0 2.1428571429em;
  font: normal 400 1.4em/1.7 Roboto, sans-serif;
  text-shadow: rgba(0, 0, 0, 0.35) 0 0.0555555556em 0.1388888889em;
}
/* line 2302, ./visual/css/main.scss */
.winner-page__photo {
  display: block;
  max-width: 100%;
  max-height: 60vh;
  width: auto;
  height: auto;
  margin: 0 auto;
}
@media only screen and (max-width: 991px) {
  /* line 2312, ./visual/css/main.scss */
  .winner-page {
    color: #fff;
    background: linear-gradient(to left, #004899, #6a0f5a);
  }
}
/* Gallery Page */
/* line 2320, ./visual/css/main.scss */
.gallery-page__photo-group {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
}
/* line 2326, ./visual/css/main.scss */
.gallery-page__photo {
  position: relative;
  flex: 0 0 auto;
  width: 25%;
}
/* line 2332, ./visual/css/main.scss */
.gallery-page__photo:before {
  content: '';
  display: block;
  width: 100%;
  padding: 100% 0 0;
  background: #000;
}
/* line 2340, ./visual/css/main.scss */
.gallery-page__photo-image {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
@media only screen and (min-width: 992px) {
  /* line 2350, ./visual/css/main.scss */
  .gallery-page__content {
    display: flex;
    justify-content: center;
    align-items: center;
  }
  /* line 2356, ./visual/css/main.scss */
  .gallery-page__left {
    width: 367px;
    margin: 0 20px 0 113px;
  }
  /* line 2361, ./visual/css/main.scss */
  .gallery-page__title {
    margin: 1.3333333333em 0;
    font: normal 700 2.4em/1 Roboto, sans-serif;
    text-align: center;
    text-transform: uppercase;
  }
  /* line 2368, ./visual/css/main.scss */
  .gallery-page__photos {
    padding: 0 20px 20px;
    overflow: hidden;
  }
  /* line 2373, ./visual/css/main.scss */
  .gallery-page__photo-list {
    display: flex;
    align-items: flex-start;
    width: 100%;
    margin: 0 0 15px;
  }
  /* line 2380, ./visual/css/main.scss */
  .gallery-page__photo-group {
    flex: 0 0 auto;
    width: 100%;
    border: 5px solid transparent;
  }
  /* line 2386, ./visual/css/main.scss */
  .gallery-page__photo {
    border: 5px solid transparent;
    cursor: pointer;
  }
  /* line 2391, ./visual/css/main.scss */
  .gallery-page__photo:before {
    box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
    transition: box-shadow 0.5s;
  }
  /* line 2396, ./visual/css/main.scss */
  .gallery-page__photo_active:before {
    box-shadow: 0 0 2em 0.025em rgba(255, 255, 255, 0.8);
  }
  /* line 2400, ./visual/css/main.scss */
  .gallery-page__photo-navs {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 4.6em;
  }
  /* line 2407, ./visual/css/main.scss */
  .gallery-page__photo-nav-arrow {
    cursor: pointer;
  }
  /* line 51, ./visual/css/_mixins.scss */
  .gallery-page__photo-nav-arrow {
    position: relative;
  }
  /* line 56, ./visual/css/_mixins.scss */
  .gallery-page__photo-nav-arrow:after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 0;
    height: 0;
    border-radius: 50%;
    box-shadow: 0 0 2em 1em rgba(255, 255, 255, 0.85);
    opacity: 0;
    transition: opacity 0.25s;
  }
  /* line 69, ./visual/css/_mixins.scss */
  .gallery-page__photo-nav-arrow:hover:after {
    opacity: 1;
  }
  /* line 2412, ./visual/css/main.scss */
  .gallery-page__photo-nav-arrow-icon {
    display: block;
    font-size: 0.1em;
    stroke-width: 0;
    stroke: currentColor;
    fill: currentColor;
  }
  /* line 2420, ./visual/css/main.scss */
  .gallery-page__photo-pagination {
    font: normal 400 1.8em/1 Roboto, sans-serif;
  }
}
@media only screen and (max-width: 991px) {
  /* line 2426, ./visual/css/main.scss */
  .gallery-page {
    color: #fff;
    background: linear-gradient(to left, #004899, #6a0f5a);
  }
  /* line 2431, ./visual/css/main.scss */
  .gallery-page__content {
    flex: 1 1 auto;
    height: 100%;
    padding: 3.2em 0 0;
  }
  /* line 2437, ./visual/css/main.scss */
  .gallery-page__left {
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 100%;
  }
  /* line 2444, ./visual/css/main.scss */
  .gallery-page__title {
    flex: 0 0 auto;
    margin: 0 0 1.7777777778em;
    font: normal 400 1.8em/1 Roboto, sans-serif;
    text-align: center;
    text-transform: uppercase;
  }
  /* line 2452, ./visual/css/main.scss */
  .gallery-page__photos {
    flex: 1 1 auto;
    overflow: hidden;
  }
  /* line 2457, ./visual/css/main.scss */
  .gallery-page__photo-group {
    border: 0.1em solid transparent;
  }
  /* line 2461, ./visual/css/main.scss */
  .gallery-page__photo {
    border: 0.1em solid transparent;
  }
  /* line 2465, ./visual/css/main.scss */
  .gallery-page__photo-navs {
    display: none;
  }
  /* line 2469, ./visual/css/main.scss */
  .gallery-page__photo-modal {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 50;
    width: 100%;
    height: 100%;
    opacity: 0;
    transition: opacity 0.5s;
    pointer-events: none;
  }
  /* line 2481, ./visual/css/main.scss */
  .gallery-page__photo-modal_active {
    opacity: 1;
    pointer-events: auto;
  }
}
/* Photo Modal */
/* line 2489, ./visual/css/main.scss */
.photo-modal__layout {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
}
/* line 2499, ./visual/css/main.scss */
.photo-modal__header {
  position: relative;
  flex: 0 0 auto;
  padding: 1em 2em;
  color: #fff;
  background: #000;
}
@media only screen and (min-width: 992px) {
  /* line 2508, ./visual/css/main.scss */
  .photo-modal__header {
    padding: 6em 1.5em 3em;
  }
}
/* line 2513, ./visual/css/main.scss */
.photo-modal__body {
  position: relative;
  flex: 1 1 auto;
  background: #000;
}
/* line 2519, ./visual/css/main.scss */
.photo-modal__footer {
  position: relative;
  flex: 0 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 100px;
  padding: 1em 2em;
  color: #fff;
  background: #000;
}
/* line 2531, ./visual/css/main.scss */
.photo-modal__title {
  font: normal 400 1.4em/1 Roboto, sans-serif;
  text-align: center;
}
/* line 2536, ./visual/css/main.scss */
.photo-modal__image {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  max-width: 100%;
  max-height: 100%;
  width: auto;
  height: auto;
  margin: auto;
  transform: scale(0);
  transition: transform 0.5s;
}
/* line 2551, ./visual/css/main.scss */
.photo-modal__image_loaded {
  transform: scale(1);
}
/* line 2555, ./visual/css/main.scss */
.photo-modal__return-button {
  position: relative;
  display: flex;
  align-items: center;
}
@media only screen and (min-width: 992px) {
  /* line 2562, ./visual/css/main.scss */
  .photo-modal__return-button {
    display: none;
  }
}
/* line 2567, ./visual/css/main.scss */
.photo-modal__return-button-text {
  font: normal 400 1.8em/1 Roboto, sans-serif;
}
/* line 2571, ./visual/css/main.scss */
.photo-modal__return-button-icon {
  display: block;
  margin: 0 10em 0 0;
  font-size: 0.1em;
  stroke-width: 0;
  stroke: currentColor;
  fill: currentColor;
}
/* Bloggers Page */
@media only screen and (min-width: 992px) {
  /* line 2584, ./visual/css/main.scss */
  .bloggers-page__content {
    display: flex;
    align-items: center;
    justify-content: center;
    max-width: 900px;
    margin: 0 auto;
  }
  /* line 2592, ./visual/css/main.scss */
  .bloggers-page__title {
    display: none;
  }
  /* line 2596, ./visual/css/main.scss */
  .bloggers-page__slideshow {
    position: relative;
    flex: 0 0 auto;
    width: 89.5em;
    height: 57em;
    margin: 6em auto 0;
    overflow: visible;
  }
  /* line 2605, ./visual/css/main.scss */
  .bloggers-page__slideshow:after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 2;
    width: 34.9em;
    height: 65em;
    background: url("/visual/img/phone-shell.png") 50% 50% no-repeat;
    background-size: contain;
    transform: translate(-50%, -50%);
    pointer-events: none;
  }
  /* line 2619, ./visual/css/main.scss */
  .bloggers-page__slides {
    position: absolute;
    top: 2em;
    left: 0;
    width: 24.4em;
    height: 53.1em;
  }
  /* line 2627, ./visual/css/main.scss */
  .bloggers-page__slide {
    width: 100%;
    height: 100%;
  }
  /* line 2632, ./visual/css/main.scss */
  .bloggers-page__slide-video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
  /* line 2640, ./visual/css/main.scss */
  .bloggers-page__nav-arrow {
    position: absolute;
    top: 50%;
    z-index: 10;
    opacity: 1;
    transform: translate(0, -50%);
    transition: opacity 0.25s;
    cursor: pointer;
  }
  /* line 56, ./visual/css/_mixins.scss */
  .bloggers-page__nav-arrow:after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 0;
    height: 0;
    border-radius: 50%;
    box-shadow: 0 0 2em 1em rgba(255, 255, 255, 0.85);
    opacity: 0;
    transition: opacity 0.25s;
  }
  /* line 69, ./visual/css/_mixins.scss */
  .bloggers-page__nav-arrow:hover:after {
    opacity: 1;
  }
  /* line 2651, ./visual/css/main.scss */
  .bloggers-page__nav-arrow_prev {
    left: 0;
  }
  /* line 2655, ./visual/css/main.scss */
  .bloggers-page__nav-arrow_next {
    right: 0;
  }
  /* line 2659, ./visual/css/main.scss */
  .bloggers-page__nav-arrow-icon {
    display: block;
    font-size: 0.1em;
    stroke-width: 0;
    stroke: currentColor;
    fill: currentColor;
  }
  /* line 2667, ./visual/css/main.scss */
  .bloggers-page__nav-arrow_disabled {
    opacity: 0;
  }
  /* line 2671, ./visual/css/main.scss */
  .bloggers-page__bullets {
    display: none;
  }
}
@media (min-width: 992px) and (max-width: 1366px) {
  /* line 2677, ./visual/css/main.scss */
  .bloggers-page__slideshow {
    font-size: 9px;
  }
}
@media only screen and (max-width: 991px) {
  /* line 2683, ./visual/css/main.scss */
  .bloggers-page__content {
    padding: 3em 0 2em;
    color: #fff;
    background: linear-gradient(to top, #004899, #6a0f5a);
  }
  /* line 2689, ./visual/css/main.scss */
  .bloggers-page__title {
    margin: 0 0 1.6666666667em;
    font: normal 700 1.8em/1 Roboto, sans-serif;
    text-align: center;
    text-transform: uppercase;
  }
  /* line 2696, ./visual/css/main.scss */
  .bloggers-page__slideshow {
    overflow: visible;
  }
  /* line 2700, ./visual/css/main.scss */
  .bloggers-page__slides {
    margin: 0 0 3em;
  }
  /* line 2704, ./visual/css/main.scss */
  .bloggers-page__slide {
    position: relative;
    max-width: 64.375%;
    width: 26em;
    height: auto;
  }
  /* line 2711, ./visual/css/main.scss */
  .bloggers-page__slide:before {
    content: '';
    display: block;
    width: 100%;
    padding: calc(368 / 206 * 100%) 0 0;
  }
  /* line 2718, ./visual/css/main.scss */
  .bloggers-page__slide-video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
  /* line 2726, ./visual/css/main.scss */
  .bloggers-page__nav-arrow {
    display: none;
  }
  /* line 2730, ./visual/css/main.scss */
  .bloggers-page__bullets {
    position: static;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  /* line 2737, ./visual/css/main.scss */
  .bloggers-page__bullet {
    width: 1em;
    height: 1em;
    margin: 0 0.5em;
    border: 0.2em solid #fff;
    box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
    border-radius: 50%;
    transition: background-color 0.25s, box-shadow 0.25s;
  }
  /* line 2747, ./visual/css/main.scss */
  .bloggers-page__bullet_active {
    background: #fff;
    box-shadow: 0 0 1.5em 0.5em rgba(255, 255, 255, 0.8);
  }
}
/* Bloggers Video */
/* line 2755, ./visual/css/main.scss */
.bloggers-video {
  display: flex;
  flex-direction: column;
}
/* line 2760, ./visual/css/main.scss */
.bloggers-video__content {
  position: relative;
  flex: 1 1 auto;
  overflow: hidden;
}
/* line 2766, ./visual/css/main.scss */
.bloggers-video__video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
/* line 2775, ./visual/css/main.scss */
.bloggers-video__play-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
}
/* line 2784, ./visual/css/main.scss */
.bloggers-video__play-overlay_visible {
  pointer-events: auto;
}
/* line 2788, ./visual/css/main.scss */
.bloggers-page__slide:not(.swiper-slide-active) .bloggers-video__play-overlay {
  display: none;
}
/* line 2792, ./visual/css/main.scss */
.bloggers-video__pause-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.6));
  opacity: 0;
  transition: opacity 0.5s;
  pointer-events: none;
}
/* line 2808, ./visual/css/main.scss */
.bloggers-video__pause-overlay_visible {
  opacity: 1;
  pointer-events: auto;
}
/* line 2813, ./visual/css/main.scss */
.bloggers-page__slide:not(.swiper-slide-active) .bloggers-video__pause-overlay {
  opacity: 0;
  pointer-events: none;
}
/* line 2818, ./visual/css/main.scss */
.bloggers-video__play-button {
  margin: 0 0 2em;
}
/* line 2822, ./visual/css/main.scss */
.bloggers-video__pause-button {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
/* line 2830, ./visual/css/main.scss */
.bloggers-video__title {
  width: 100%;
  font: normal 700 1.4em/1 Roboto, sans-serif;
  text-align: center;
  text-transform: uppercase;
}
@media only screen and (min-width: 992px) {
  /* line 2838, ./visual/css/main.scss */
  .bloggers-video__title {
    font-size: 1.6em;
    line-height: 1.25;
  }
}
/* Product Page */
/* line 2847, ./visual/css/main.scss */
.product-page__bullets {
  display: flex;
  justify-content: center;
  align-items: center;
}
/* line 2853, ./visual/css/main.scss */
.product-page__bullet {
  width: 1em;
  height: 1em;
  margin: 0 0.5em;
  border: 0.2em solid #fff;
  box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
  border-radius: 50%;
  transition: background-color 0.25s, box-shadow 0.25s;
}
/* line 2863, ./visual/css/main.scss */
.product-page__bullet_active {
  background: #fff;
  box-shadow: 0 0 1.5em 0.5em rgba(255, 255, 255, 0.8);
}
@media only screen and (min-width: 992px) {
  /* line 2869, ./visual/css/main.scss */
  .product-page__content {
    display: flex;
    flex-direction: column;
    overflow: hidden;
  }
  /* line 2875, ./visual/css/main.scss */
  .product-page__slideshow {
    display: flex;
    flex-direction: column;
    justify-content: center;
    flex: 1 1 auto;
    max-width: 950px;
    width: 100%;
    margin: 0 auto;
    padding: 0 85px;
    overflow: visible;
  }
  /* line 2887, ./visual/css/main.scss */
  .product-page__slides {
    display: flex;
    align-items: center;
  }
  /* line 2892, ./visual/css/main.scss */
  .product-page__slide {
    display: flex;
    align-items: center;
    opacity: 0;
    transition: opacity 0.5s;
  }
  /* line 2899, ./visual/css/main.scss */
  .product-page__slide.swiper-slide-active {
    opacity: 1;
  }
  /* line 2903, ./visual/css/main.scss */
  .product-page__slide-left {
    flex: 0 0 auto;
    max-width: 412px;
  }
  /* line 2908, ./visual/css/main.scss */
  .product-page__slide-title {
    margin: 0 0 0.5555555556em;
    font: normal 700 3.6em/1.3 Roboto, sans-serif;
    text-transform: uppercase;
    text-shadow: rgba(0, 0, 0, 0.35) 0 0.0833333333em 0.1944444444em;
  }
  /* line 2915, ./visual/css/main.scss */
  .product-page__slide-text {
    margin: 0 0 3.2142857143em;
    font: normal 400 1.4em/1.7 Roboto, sans-serif;
    text-shadow: rgba(0, 0, 0, 0.35) 0 0.0555555556em 0.1388888889em;
  }
  /* line 2921, ./visual/css/main.scss */
  .product-page__slide-image-desktop {
    position: relative;
  }
  /* line 2925, ./visual/css/main.scss */
  .product-page__slide-image-mobile {
    display: none;
  }
  /* line 2929, ./visual/css/main.scss */
  .product-page__slide-button {
    max-width: 20em;
    height: 6em;
    padding: 0 3em;
    border-radius: 3em;
  }
  /* line 2936, ./visual/css/main.scss */
  .product-page__slide-button-text {
    font-size: 1.8em;
  }
  /* line 2940, ./visual/css/main.scss */
  .product-page__nav-arrow {
    position: absolute;
    top: 50%;
    z-index: 10;
    opacity: 1;
    transform: translate(0, -50%);
    transition: opacity 0.25s;
    cursor: pointer;
  }
  /* line 56, ./visual/css/_mixins.scss */
  .product-page__nav-arrow:after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 0;
    height: 0;
    border-radius: 50%;
    box-shadow: 0 0 2em 1em rgba(255, 255, 255, 0.85);
    opacity: 0;
    transition: opacity 0.25s;
  }
  /* line 69, ./visual/css/_mixins.scss */
  .product-page__nav-arrow:hover:after {
    opacity: 1;
  }
  /* line 2951, ./visual/css/main.scss */
  .product-page__nav-arrow_prev {
    left: 10px;
  }
  /* line 2955, ./visual/css/main.scss */
  .product-page__nav-arrow_next {
    right: 10px;
  }
  /* line 2959, ./visual/css/main.scss */
  .product-page__nav-arrow-icon {
    display: block;
    font-size: 0.1em;
    stroke-width: 0;
    stroke: currentColor;
    fill: currentColor;
  }
  /* line 2967, ./visual/css/main.scss */
  .product-page__nav-arrow_disabled {
    opacity: 0;
  }
  /* line 2971, ./visual/css/main.scss */
  .product-page__bullets {
    position: absolute;
    bottom: 5%;
    left: 50%;
    z-index: 10;
    transform: translate(-50%, 0);
  }
  /* line 2979, ./visual/css/main.scss */
  .product-page__bullet {
    cursor: pointer;
  }
}
@media (min-width: 992px) and (max-width: 1366px) {
  /* line 2985, ./visual/css/main.scss */
  .product-page__slideshow {
    font-size: 9px;
  }
}
@media only screen and (max-width: 991px) {
  /* line 2991, ./visual/css/main.scss */
  .product-page__content {
    padding: 3em 0 2em;
    color: #fff;
    background: linear-gradient(to top, #004899, #6a0f5a);
  }
  /* line 2997, ./visual/css/main.scss */
  .product-page__slideshow {
    overflow: visible;
  }
  /* line 3001, ./visual/css/main.scss */
  .product-page__slides {
    margin: 0 0 2.5em;
  }
  /* line 3005, ./visual/css/main.scss */
  .product-page__slide-right {
    display: none;
  }
  /* line 3009, ./visual/css/main.scss */
  .product-page__slide-title {
    margin: 0 0 1.3888888889em;
    font: normal 700 1.8em/1 Roboto, sans-serif;
    text-align: center;
    text-transform: uppercase;
  }
  /* line 3016, ./visual/css/main.scss */
  .product-page__slide-text {
    display: none;
  }
  /* line 3020, ./visual/css/main.scss */
  .product-page__slide-image-desktop {
    display: none;
  }
  /* line 3024, ./visual/css/main.scss */
  .product-page__slide-image-mobile {
    display: block;
    max-width: 100%;
    height: auto;
    margin: 0 auto 2em;
  }
  /* line 3031, ./visual/css/main.scss */
  .product-page__slide-button {
    max-width: 16.5em;
    margin: 0 auto;
  }
  /* line 3036, ./visual/css/main.scss */
  .product-page__nav-arrow {
    display: none;
  }
}