<br />
<b>Warning</b>:  filemtime(): stat failed for /home/httpd/vhosts/sorryguysmedia.ru/subdomains/beuniquehp/httpdocs/visual/css/main.scss in <b>/home/admin/web/beuniquehp.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/beuniquehp.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/beuniquehp.sorryguyscdn.ru/public_html/core/preprocessors/scssphp-0.7.6/example/Server.php</b> on line <b>220</b><br />
/* compiled by scssphp v0.7.6 on Wed, 10 Dec 2025 00:46:17 +0000 (0.1704s) */

/* line 1, ./visual/css/components/logo.scss */
.logo {
  display: block;
  text-decoration: none;
}
/* line 4, ./visual/css/components/logo.scss */
.logo__image {
  display: block;
  width: 100%;
}
/* line 8, ./visual/css/components/logo.scss */
.logo__text {
  margin-top: 10px;
  font-size: 10px;
  color: #c3c3c3;
  text-align: center;
}
@media (min-width: 768px) and (min-height: 600px) {
  .logo__text {
    margin-top: 5px;
    font-size: 11px;
  }
}
@media (min-width: 992px) and (min-height: 700px) {
  .logo__text {
    margin-top: 15px;
    font-size: 12px;
  }
}
/* line 1, ./visual/css/components/soc.scss */
.soc {
  text-align: center;
}
/* line 3, ./visual/css/components/soc.scss */
.soc__title {
  margin-bottom: 5px;
}
/* line 6, ./visual/css/components/soc.scss */
.soc__list {
  display: flex;
  justify-content: center;
  list-style: none;
}
/* line 11, ./visual/css/components/soc.scss */
/* line 12, ./visual/css/components/soc.scss */
.soc__item + .soc__item {
  margin-left: 5px;
}
/* line 16, ./visual/css/components/soc.scss */
.soc__link {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 32px;
  height: 32px;
  border: 2px solid rgba(220, 164, 43, 1);
  border-radius: 100%;
  color: rgba(220, 164, 43, 1);
  font-size: 20px;
  text-decoration: none;
  background-color: rgba(220, 164, 43, 0);
  transition: all 0.2s ease;
}
/* line 29, ./visual/css/components/soc.scss */
.soc__link:hover {
  color: #c3c3c3;
  background-color: rgba(220, 164, 43, 1);
}
@media (min-height: 500px) {
  /* line 35, ./visual/css/components/soc.scss */
  .soc_column .soc__list {
    flex-direction: column;
  }
  /* line 38, ./visual/css/components/soc.scss */
  .soc_column .soc__item + .soc__item {
    margin-top: 5px;
    margin-left: 0px;
  }
}
/* line 1, ./visual/css/components/btn.scss */
.btn {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  flex-wrap: wrap;
  min-height: 40px;
  padding: 5px 10px;
  border: 2px solid rgba(220, 164, 43, 1);
  font-size: 14px;
  color: #c3c3c3;
  text-decoration: none;
  background-color: rgba(220, 164, 43, 0);
  cursor: pointer;
  transition: all 0.2s ease;
}
@media (min-width: 768px) {
  .btn {
    padding: 15px 20px;
  }
}
@media (min-width: 1280px) {
  .btn {
    min-height: 50px;
    padding: 15px 40px;
    font-size: 18px;
  }
}
/* line 24, ./visual/css/components/btn.scss */
@media (min-width: 768px) {
  .btn:hover {
    color: black;
    background-color: rgba(220, 164, 43, 1);
  }
}
/* line 30, ./visual/css/components/btn.scss */
.btn span {
  display: block;
  width: 100%;
}
/* line 34, ./visual/css/components/btn.scss */
.IE .test .btn {
  display: table;
}
/* line 36, ./visual/css/components/btn.scss */
.IE .test .btn span {
  display: table-cell;
  vertical-align: middle;
}
/* line 41, ./visual/css/components/btn.scss */
.btn_circle {
  width: 35px;
  height: 35px;
  min-height: 0;
  flex-shrink: 0;
  flex-grow: 0;
  padding: 4px 0 0 0;
  border-radius: 100%;
  font-size: 12px;
  color: rgba(220, 164, 43, 1);
}
@media (min-width: 520px) {
  .btn_circle {
    width: 45px;
    height: 45px;
    font-size: 15px;
  }
}
@media (min-width: 768px) {
  .btn_circle {
    width: 60px;
    height: 60px;
    font-size: 18px;
  }
}
@media (min-width: 992px) {
  .btn_circle {
    width: 70px;
    height: 70px;
    font-size: 20px;
  }
}
/* line 1, ./visual/css/components/pagination.scss */
.pagination {
  display: none;
  justify-content: center;
  align-items: center;
}
@media (min-width: 768px) {
  .pagination {
    display: flex;
  }
}
/* line 8, ./visual/css/components/pagination.scss */
.pagination__item {
  display: block;
  width: 10px;
  height: 10px;
  border: 2px solid rgba(220, 164, 43, 1);
  border-radius: 100%;
  background: rgba(220, 164, 43, 0);
  transition: all 0.2s ease;
  cursor: pointer;
}
/* line 17, ./visual/css/components/pagination.scss */
.pagination__item:hover {
  background: rgba(220, 164, 43, 1);
}
/* line 20, ./visual/css/components/pagination.scss */
.pagination__item.active {
  background: rgba(220, 164, 43, 1);
  cursor: default;
}
/* line 24, ./visual/css/components/pagination.scss */
.pagination__item + .pagination__item {
  margin-left: 4px;
}
/* line 28, ./visual/css/components/pagination.scss */
.pagination_column {
  flex-direction: column;
}
/* line 31, ./visual/css/components/pagination.scss */
.pagination_column .pagination__item + .pagination__item {
  margin-top: 4px;
  margin-left: 0px;
}
/* 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: 3px;
  background: rgba(220, 164, 43, 1);
  transition: all 0.2s ease;
}
@media (min-width: 768px) {
  .burger__brick {
    height: 6px;
  }
}
/* line 15, ./visual/css/components/burger.scss */
.burger__brick + .burger__brick {
  margin-top: 4px;
}
@media (min-width: 768px) {
  .burger__brick + .burger__brick {
    margin-top: 6px;
  }
}
/* line 21, ./visual/css/components/burger.scss */
.burger__brick:last-child {
  width: 75%;
}
/* line 25, ./visual/css/components/burger.scss */
.burger.active .burger__brick:last-child {
  width: 100%;
}
/* line 1, ./visual/css/components/nav.scss */
/* line 2, ./visual/css/components/nav.scss */
.nav__overlay {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.9);
  transition: all 0.2s ease;
}
/* line 17, ./visual/css/components/nav.scss */
.nav__link {
  display: flex;
  align-items: center;
  min-height: 40px;
  padding: 10px 25px;
  border-top: 1px solid rgba(67, 67, 67, 1);
  border-bottom: 1px solid rgba(67, 67, 67, 1);
  font-size: 19px;
  color: #c3c3c3;
  text-decoration: none;
  transition: all 0.2s ease;
}
@media (min-width: 768px) and (min-height: 600px) {
  .nav__link {
    min-height: 50px;
    padding: 10px 35px;
    font-size: 21px;
  }
}
@media (min-width: 992px) and (min-height: 700px) {
  .nav__link {
    min-height: 80px;
    padding: 10px 50px;
    font-size: 24px;
  }
}
/* line 38, ./visual/css/components/nav.scss */
.nav__link.active {
  color: black;
  border-color: rgba(220, 164, 43, 1);
  background: rgba(220, 164, 43, 1);
  cursor: default;
}
/* line 44, ./visual/css/components/nav.scss */
.nav__link:hover {
  color: black;
  border-color: rgba(220, 164, 43, 1);
  background: rgba(220, 164, 43, 1);
}
/* line 50, ./visual/css/components/nav.scss */
.nav__item:not(:last-child) .nav__link {
  border-bottom: none;
}
/* line 53, ./visual/css/components/nav.scss */
.nav.hidden .nav__overlay {
  opacity: 0;
  pointer-events: none;
}
/* line 1, ./visual/css/components/gallery.scss */
/* line 2, ./visual/css/components/gallery.scss */
.owl-stage {
  display: flex;
}
/* line 4, ./visual/css/components/gallery.scss */
.owl-stage-outer {
  width: 100%;
  overflow: hidden;
}
/* line 9, ./visual/css/components/gallery.scss */
.owl-item {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
}
/* line 14, ./visual/css/components/gallery.scss */
.owl-item .prod__image {
  max-width: 90%;
  margin: auto;
}
/* line 19, ./visual/css/components/gallery.scss */
.owl-dots {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin-top: 20px;
}
/* line 25, ./visual/css/components/gallery.scss */
.owl-dot {
  display: block;
  width: 25px;
  height: 4px;
  margin: 5px;
  border: none;
  background: rgba(255, 255, 255, 0.2);
  cursor: pointer;
  transition: all 0.3s ease;
}
@media (min-width: 768px) {
  .owl-dot {
    width: 45px;
  }
}
/* line 37, ./visual/css/components/gallery.scss */
.owl-dot:focus {
  outline: none;
}
/* line 40, ./visual/css/components/gallery.scss */
.owl-dot.active, .owl-dot:hover {
  background: rgba(220, 164, 43, 1);
}
/* line 44, ./visual/css/components/gallery.scss */
.owl-dot.active {
  cursor: default;
}
/* line 48, ./visual/css/components/gallery.scss */
.owl-nav {
  position: static;
}
/* line 51, ./visual/css/components/gallery.scss */
.owl-prev, .owl-next {
  display: block;
  width: 50px;
  height: 50px;
  line-height: 50px;
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
  border: 2px solid rgba(220, 164, 43, 1);
  border-radius: 100%;
  font-family: 'icons';
  font-size: 20px;
  color: rgba(220, 164, 43, 1);
  background: transparent;
  transition: all 0.3s ease;
  cursor: pointer;
}
@media (min-width: 768px) {
  .owl-prev, .owl-next {
    width: 60px;
    height: 60px;
    line-height: 60px;
    font-size: 25px;
  }
}
/* line 75, ./visual/css/components/gallery.scss */
.owl-prev:focus, .owl-next:focus {
  outline: none;
}
/* line 78, ./visual/css/components/gallery.scss */
.owl-prev:hover, .owl-next:hover {
  background: rgba(220, 164, 43, 1);
  color: white;
}
/* line 82, ./visual/css/components/gallery.scss */
.owl-prev span, .owl-next span {
  display: none;
}
/* line 86, ./visual/css/components/gallery.scss */
.owl-prev {
  right: 100%;
  padding-right: 5px;
}
@media (min-width: 768px) {
  .owl-prev {
    right: 105%;
    padding-right: 5px;
  }
}
/* line 93, ./visual/css/components/gallery.scss */
.owl-prev:before {
  content: '\e900';
}
/* line 97, ./visual/css/components/gallery.scss */
.owl-next {
  left: 100%;
  padding-left: 5px;
}
@media (min-width: 768px) {
  .owl-next {
    left: 105%;
    padding-left: 5px;
  }
}
/* line 104, ./visual/css/components/gallery.scss */
.owl-next:before {
  content: '\e903';
}
/* line 111, ./visual/css/components/gallery.scss */
.gallery {
  margin: 0 auto 0;
  width: 70%;
}
@media (min-width: 992px) {
  .gallery {
    width: 720px;
  }
}
@media (min-width: 1366px) {
  .gallery {
    width: 100%;
  }
}
/* line 120, ./visual/css/components/gallery.scss */
.gallery__list {
  list-style: none;
}
/* line 1, ./visual/css/components/specs.scss */
.spec {
  text-alixn: center;
}
/* line 3, ./visual/css/components/specs.scss */
.spec__image {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100px;
}
/* line 9, ./visual/css/components/specs.scss */
.spec__icon {
  display: block;
  min-height: 55%;
  max-height: 70%;
  margin: 0 auto 0;
}
/* line 15, ./visual/css/components/specs.scss */
.spec__title {
  color: rgba(220, 164, 43, 1);
}
@media (min-width: 992px) {
  .spec__title {
    min-height: 42px;
  }
}
/* line 27, ./visual/css/components/specs.scss */
/* line 28, ./visual/css/components/specs.scss */
.specs__list {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  list-style: none;
}
/* line 34, ./visual/css/components/specs.scss */
.specs__spec {
  width: 100%;
  padding: 0 15px;
  margin-bottom: 20px;
}
@media (min-width: 768px) {
  .specs__spec {
    width: 50%;
  }
}
@media (min-width: 992px) {
  .specs__spec {
    width: 33%;
  }
}
/* line 1, ./visual/css/components/main.scss */
.main {
  overflow: auto;
  text-align: center;
}
/* line 4, ./visual/css/components/main.scss */
.main__section {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 100vh;
}
/* line 11, ./visual/css/components/main.scss */
.main__section.active {
  z-index: 10;
}
/* line 15, ./visual/css/components/main.scss */
.main__row {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: center;
  width: 100%;
  height: 33.333%;
  position: fixed;
  bottom: 0;
  left: 0;
}
/* line 27, ./visual/css/components/main.scss */
.main__line {
  flex-grow: 1;
  width: 1px;
  background: transparent;
  transition: all 0.2s linear 0.2s;
}
/* line 33, ./visual/css/components/main.scss */
.main__line:not(.visible) {
  flex-grow: 0;
}
/* line 37, ./visual/css/components/main.scss */
.main__btn-scroll {
  margin: 15px 0;
  transition: all 0.4s cubic-bezier(0.18, 0.72, 0.53, 2.1);
  transition-delay: 3s;
}
@media (min-width: 768px) {
  .main__btn-scroll {
    margin: 30px 0;
  }
}
/* line 44, ./visual/css/components/main.scss */
.main__btn-scroll:last-child {
  margin-bottom: 40px;
}
/* line 47, ./visual/css/components/main.scss */
.main__section:last-child .main__btn-scroll {
  transition-delay: 0s !important;
}
/* line 50, ./visual/css/components/main.scss */
.main__btn-scroll:not(.visible), .main__row.hidden .main__btn-scroll {
  opacity: 0;
  transform: scale(0);
  transition-delay: 0s;
}
/* line 57, ./visual/css/components/main.scss */
.main__title {
  transition: all 1.5s ease;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
/* line 69, ./visual/css/components/main.scss */
.main__section:first-child .main__title {
  width: 70%;
  max-width: 700px;
  height: 80px;
}
@media (min-width: 520px) {
  .main__section:first-child .main__title {
    height: 90px;
  }
}
@media (min-width: 768px) {
  .main__section:first-child .main__title {
    height: 150px;
  }
}
@media (min-width: 992px) {
  .main__section:first-child .main__title {
    height: 210px;
  }
}
/* line 83, ./visual/css/components/main.scss */
.main__title span {
  display: block;
}
/* line 85, ./visual/css/components/main.scss */
.main__title span.cross {
  opacity: 0;
  transition: all 0.8s ease 2.5s;
}
/* line 89, ./visual/css/components/main.scss */
.main__title span.cross:after {
  content: '';
  display: block;
  width: 104%;
  height: 5px;
  position: absolute;
  top: 0;
  bottom: 0;
  left: -2%;
  margin: auto;
  background: rgba(220, 164, 43, 0.8);
  transition: all 0.8s ease 2s;
}
@media (min-width: 768px) {
  .main__title span.cross:after {
    height: 10px;
  }
}
/* line 106, ./visual/css/components/main.scss */
.main__title span.appear {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  transition: all 0.8s ease 3s;
}
/* line 114, ./visual/css/components/main.scss */
.main__title:not(.visible), .main__row.hidden .main__title {
  opacity: 0;
  transform: scale(0.95);
}
/* line 118, ./visual/css/components/main.scss */
/* line 119, ./visual/css/components/main.scss */
.main__title:not(.visible) span.cross, .main__row.hidden .main__title span.cross {
  opacity: 1;
}
/* line 121, ./visual/css/components/main.scss */
.main__title:not(.visible) span.cross:after, .main__row.hidden .main__title span.cross:after {
  width: 0%;
}
/* line 125, ./visual/css/components/main.scss */
.main__title:not(.visible) span.appear, .main__row.hidden .main__title span.appear {
  opacity: 0;
}
/* line 130, ./visual/css/components/main.scss */
.main__title.visible {
  transition-delay: 0.7s;
}
/* line 133, ./visual/css/components/main.scss */
.main__title-bottom {
  transition-duration: 0.4s;
  position: relative;
  top: auto;
  bottom: auto;
  left: auto;
  right: auto;
  margin: 0px auto 10px;
}
@media (min-width: 768px) {
  .main__title-bottom {
    margin: 40px auto;
  }
}
/* line 144, ./visual/css/components/main.scss */
.main__title-bottom.visible {
  transition-delay: 2s;
}
/* line 149, ./visual/css/components/main.scss */
.main__title + .main__btn-scroll {
  margin-top: 0;
}
/* line 152, ./visual/css/components/main.scss */
.main__back {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
/* line 159, ./visual/css/components/main.scss */
.main__person {
  display: block;
  height: 100%;
  position: absolute;
  top: 0;
  transition: all 1.6s ease;
}
/* line 165, ./visual/css/components/main.scss */
.main__person:not(.visible), .page.hidden .main__person {
  opacity: 0;
}
/* line 169, ./visual/css/components/main.scss */
.main__person_left {
  display: none;
  left: 0;
}
@media (min-width: 768px) {
  .main__person_left {
    display: block;
  }
}
/* line 175, ./visual/css/components/main.scss */
.main__person_left:not(.visible), .page.hidden .main__person_left {
  transform: scale(1.1) translate3d(-20%, 0, 0);
}
/* line 180, ./visual/css/components/main.scss */
.main__person_right {
  right: 0;
}
/* line 182, ./visual/css/components/main.scss */
.main__person_right:not(.visible), .page.hidden .main__person_right {
  transform: scale(1.1) translate3d(20%, 0, 0);
}
/* line 191, ./visual/css/components/main.scss */
.main > .main__btn-scroll {
  width: 100vw;
  position: fixed;
  bottom: 30px;
  left: 0;
  margin: auto;
}
/* line 197, ./visual/css/components/main.scss */
.main > .main__btn-scroll .btn {
  margin: auto;
}
/* line 1, ./visual/css/components/test.scss */
.result {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  flex-direction: column;
  width: 100%;
  height: 100%;
  text-align: center;
  transition: all 0.5s ease;
}
/* line 11, ./visual/css/components/test.scss */
.result__back {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  transition: all 3s ease;
  opacity: 0.7;
}
/* line 23, ./visual/css/components/test.scss */
.result__title, .result__text, .result__soc {
  transition: all 0.2s ease;
}
/* line 28, ./visual/css/components/test.scss */
.result__title {
  color: rgba(220, 164, 43, 1);
}
/* line 31, ./visual/css/components/test.scss */
.result__text {
  font-weight: normal;
  margin: 10px auto 20px;
}
@media (min-width: 768px) and (min-height: 600px) {
  .result__text {
    margin: 20px auto 30px;
  }
}
@media (min-width: 992px) and (min-height: 700px) {
  .result__text {
    margin: 40px auto 70px;
  }
}
/* line 44, ./visual/css/components/test.scss */
.result__restart {
  max-width: 230px;
  margin: 25px auto 0;
  transition: all 0.2s ease;
}
@media (min-width: 768px) {
  .result__restart {
    max-width: 280px;
    margin: 40px auto 0;
  }
}
/* line 56, ./visual/css/components/test.scss */
.result:not(.hidden) {
  transition-delay: 0.5s;
}
/* line 58, ./visual/css/components/test.scss */
.result:not(.hidden)__title {
  transition-delay: 1s;
}
/* line 61, ./visual/css/components/test.scss */
.result:not(.hidden)__text {
  transition-delay: 1.1s;
}
/* line 64, ./visual/css/components/test.scss */
.result:not(.hidden)__soc {
  transition-delay: 1.2s;
}
/* line 67, ./visual/css/components/test.scss */
.result:not(.hidden)__restart {
  transition-delay: 1.4s;
}
/* line 71, ./visual/css/components/test.scss */
.result.hidden {
  opacity: 0;
}
/* line 73, ./visual/css/components/test.scss */
.result.hidden__back, .result.hidden__title, .result.hidden__text, .result.hidden__soc, .result.hidden__restart {
  opacity: 0;
  transform: translate3d(0, 20px, 0);
}
/* line 81, ./visual/css/components/test.scss */
.result.hidden__back {
  transform: scale(1.5);
}
/* line 85, ./visual/css/components/test.scss */
.result__next {
  display: inline-block;
  color: rgba(220, 164, 43, 1);
  cursor: pointer;
  margin: 5vh auto 1vh;
}
@media (min-width: 768px) {
  .result__next {
    margin: 6vh auto 4vh;
  }
}
@media (min-width: 992px) {
  .result__next {
    margin: 7vh auto 8vh;
  }
}
/* line 96, ./visual/css/components/test.scss */
.result__next-text {
  text-transform: uppercase;
}
/* line 99, ./visual/css/components/test.scss */
.result__next-arrow {
  margin-top: 25px;
  transition: all 0.5s ease;
}
/* line 103, ./visual/css/components/test.scss */
.result__next:not(:hover) .result__next-arrow {
  transform: translate3d(0, -10px, 0);
}
/* line 110, ./visual/css/components/test.scss */
.answer {
  text-align: center;
}
/* line 115, ./visual/css/components/test.scss */
.question {
  text-align: center;
  transition: all 0.5s ease;
}
/* line 118, ./visual/css/components/test.scss */
.question__answers {
  margin: 0 auto;
  transition: all 0.5s ease;
}
@media (min-width: 768px) and (min-height: 500px) {
  .question__answers {
    max-width: 210px;
  }
}
@media (min-width: 992px) and (min-height: 600px) {
  .question__answers {
    max-width: 280px;
  }
}
@media (min-width: 1280px) and (min-height: 600px) {
  .question__answers {
    max-width: 340px;
  }
}
/* line 131, ./visual/css/components/test.scss */
.question__answer {
  width: 100%;
  transition: all 0.5s ease;
}
/* line 134, ./visual/css/components/test.scss */
.question__answer .btn {
  width: 100%;
}
@media (min-width: 768px) and (min-height: 500px) {
  .question__answer .btn {
    min-height: 90px;
  }
}
@media (min-width: 1280px) and (min-height: 600px) {
  .question__answer .btn {
    min-height: 110px;
  }
}
/* line 143, ./visual/css/components/test.scss */
.question__answer + .question__answer {
  margin-top: 15px;
}
/* line 147, ./visual/css/components/test.scss */
.question__counter {
  margin-top: 40px;
  color: rgba(220, 164, 43, 1);
  transition: all 0.5s ease;
}
@media (min-width: 768px) {
  .question__counter {
    margin-top: 0px;
  }
}
@media (min-width: 768px) and (min-height: 500px) {
  .question__counter {
    margin-top: 0px;
  }
}
/* line 158, ./visual/css/components/test.scss */
.question__text {
  margin: 10px auto 10px;
  transition: all 0.5s ease;
}
@media (max-width: 767px) {
  .question__text {
    margin: 5px auto 10px;
    font-size: 16px;
    line-height: 20px;
  }
}
@media (min-width: 768px) and (min-height: 500px) {
  .question__text {
    margin-bottom: 30px;
  }
}
/* line 170, ./visual/css/components/test.scss */
.question__phrase {
  display: none;
  flex-direction: column;
  justify-content: center;
  width: 110%;
  padding-right: 20px;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 100%;
  color: rgba(255, 255, 255, 0.35);
  text-align: right;
  transition: all 0.5s ease;
}
@media (min-width: 768px) and (min-height: 500px) {
  .question__phrase {
    display: flex;
  }
}
@media (min-width: 1280px) {
  .question__phrase {
    padding-right: 40px;
  }
}
/* line 190, ./visual/css/components/test.scss */
.question__number {
  line-height: 300px;
  position: absolute;
  top: 0px;
  bottom: 0;
  left: 20%;
  font-size: 300px;
  font-weight: bold;
  color: rgba(255, 255, 255, 0.2);
  transition: all 0.5s ease;
}
@media (min-width: 768px) and (min-height: 500px) {
  .question__number {
    line-height: 500px;
    top: -90px;
    bottom: auto;
    font-size: 500px;
  }
}
@media (min-width: 1280px) and (min-height: 600px) {
  .question__number {
    line-height: 900px;
    top: -150px;
    font-size: 900px;
  }
}
/* line 215, ./visual/css/components/test.scss */
/* line 216, ./visual/css/components/test.scss */
.test__content {
  display: block;
  height: 100%;
}
/* line 220, ./visual/css/components/test.scss */
.test__question {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
/* line 231, ./visual/css/components/test.scss */
/* line 232, ./visual/css/components/test.scss */
.test__question:nth-child(odd) .question__phrase {
  padding-left: 20px;
  padding-right: 0;
  left: 100%;
  right: 0;
  text-align: left;
}
/* line 239, ./visual/css/components/test.scss */
.test__question:nth-child(odd) .question__number {
  right: 20%;
  left: auto;
}
@media (min-width: 1280px) {
  .test__question:nth-child(odd) {
    padding-right: 40px;
  }
}
/* line 247, ./visual/css/components/test.scss */
.test__question:not(.active) {
  opacity: 0;
  z-index: 1;
  pointer-events: none;
}
/* line 251, ./visual/css/components/test.scss */
.test__question:not(.active) .question__phrase, .test__question:not(.active) .question__number, .test__question:not(.active) .question__counter, .test__question:not(.active) .question__text, .test__question:not(.active) .question__answer {
  opacity: 0;
}
/* line 258, ./visual/css/components/test.scss */
.test__question:not(.active) .question__phrase {
  transform: translate3d(20px, 0, 0);
}
/* line 261, ./visual/css/components/test.scss */
.test__question:not(.active) .question__number {
  transform: translate3d(-20px, 0, 0);
}
/* line 264, ./visual/css/components/test.scss */
/* line 265, ./visual/css/components/test.scss */
.test__question:not(.active):nth-child(odd) .question__phrase {
  transform: translate3d(-20px, 0, 0);
}
/* line 268, ./visual/css/components/test.scss */
.test__question:not(.active):nth-child(odd) .question__number {
  transform: translate3d(20px, 0, 0);
}
/* line 273, ./visual/css/components/test.scss */
.test__question.active {
  transition-delay: 0.5s;
}
/* line 276, ./visual/css/components/test.scss */
.test__question.active .question__counter, .test__question.active .question__text, .test__question.active .question__answer {
  transition-delay: 0.5s;
}
/* line 281, ./visual/css/components/test.scss */
.test__question.active .question__phrase, .test__question.active .question__number {
  transition-delay: 1s;
}
/* line 286, ./visual/css/components/test.scss */
/* line 287, ./visual/css/components/test.scss */
.test__question.hidden-ahead .question__counter, .test__question.hidden-ahead .question__text, .test__question.hidden-ahead .question__answer {
  transform: translate3d(100vw, 0, 0);
}
/* line 293, ./visual/css/components/test.scss */
/* line 294, ./visual/css/components/test.scss */
.test__question.hidden-past .question__counter, .test__question.hidden-past .question__text, .test__question.hidden-past .question__answer {
  transform: translate3d(-100vw, 0, 0);
}
/* line 1, ./visual/css/components/rules.scss */
/* line 2, ./visual/css/components/rules.scss */
.quote__header {
  display: flex;
  align-items: center;
  margin-bottom: 10px;
}
@media (min-width: 1280px) {
  .quote__header {
    margin-bottom: 20px;
  }
}
/* line 10, ./visual/css/components/rules.scss */
.quote__photo {
  flex-grow: 0;
  flex-shrink: 0;
  width: 48px;
  height: 48px;
  border-radius: 100%;
  overflow: hidden;
  margin-right: 10px;
}
/* line 19, ./visual/css/components/rules.scss */
.quote__img {
  display: block;
  width: 100%;
}
/* line 26, ./visual/css/components/rules.scss */
.quote__name {
  color: rgba(220, 164, 43, 1);
}
/* line 29, ./visual/css/components/rules.scss */
.quote__job {
  font-size: 14px;
  font-weight: bold;
}
/* line 39, ./visual/css/components/rules.scss */
/* line 40, ./visual/css/components/rules.scss */
.IE .rule {
  padding-bottom: 200px;
}
/* line 43, ./visual/css/components/rules.scss */
.rule__body, .rule__brand {
  display: flex;
  flex-wrap: wrap;
}
/* line 48, ./visual/css/components/rules.scss */
.rule__body {
  width: 100%;
}
@media (min-width: 768px) {
  .rule__body {
    width: auto;
  }
}
/* line 54, ./visual/css/components/rules.scss */
.rule__content {
  display: flex;
  width: 100%;
  padding: 15px 0;
}
@media (min-width: 768px) {
  .rule__content {
    width: auto;
    padding: 0;
  }
}
/* line 63, ./visual/css/components/rules.scss */
.rule__brand {
  margin-top: 30px;
}
@media (min-width: 768px) {
  .rule__brand {
    margin-top: 0px;
  }
}
/* line 68, ./visual/css/components/rules.scss */
.rule__brand-logo {
  width: 40px;
  height: 40px;
  position: absolute;
  top: 25px;
  left: 0px;
  margin: auto;
}
@media (min-width: 768px) {
  .rule__brand-logo {
    width: 50px;
    height: 50px;
    left: -65px;
    top: 0;
    bottom: 0;
  }
  /* line 81, ./visual/css/components/rules.scss */
  .rule__brand-logo:before {
    content: '';
    display: block;
    width: 3px;
    position: absolute;
    top: -30px;
    bottom: -30px;
    left: 0;
    right: 0;
    margin: auto;
    background: black;
  }
}
/* line 95, ./visual/css/components/rules.scss */
.rule__brand-img {
  display: block;
  width: 100%;
}
/* line 99, ./visual/css/components/rules.scss */
.rule__brand-text {
  padding: 20px 0 20px 50px;
  font-weight: bold;
}
@media (min-width: 768px) {
  .rule__brand-text {
    padding: 30px 0;
  }
}
/* line 110, ./visual/css/components/rules.scss */
.rule__col {
  width: 100%;
}
@media (min-width: 768px) {
  .rule__col {
    width: 50%;
  }
}
/* line 115, ./visual/css/components/rules.scss */
.rule__col:first-child {
  display: none;
}
@media (min-width: 768px) {
  .rule__col:first-child {
    display: block;
  }
}
/* line 121, ./visual/css/components/rules.scss */
@media (min-width: 768px) {
  .rule__col:last-child {
    padding-left: 40px;
  }
}
/* line 127, ./visual/css/components/rules.scss */
.rule__header {
  width: 100%;
  margin-bottom: 30px;
}
@media (min-width: 768px) {
  .rule__header {
    padding-left: 50%;
    margin-bottom: 0px;
  }
}
/* line 136, ./visual/css/components/rules.scss */
/* line 139, ./visual/css/components/rules.scss */
.rule__header:before, .rule__quote:before, .rule__brand-content:before {
  content: '';
  display: block;
  width: 3px;
  position: absolute;
  top: 0px;
  bottom: 0px;
  left: 0;
  right: 0;
  margin: auto;
  background: black;
}
@media (min-width: 768px) {
  .rule__header:before, .rule__quote:before, .rule__brand-content:before {
    display: none;
  }
}
/* line 155, ./visual/css/components/rules.scss */
/* line 156, ./visual/css/components/rules.scss */
.rule__header:before {
  top: -40px;
}
/* line 160, ./visual/css/components/rules.scss */
.rule__icon {
  display: none;
  height: 90px;
  position: fixed;
  top: 70px;
  left: 20%;
  right: 50%;
  margin: auto;
  transition: all 0.15s ease;
}
/* line 169, ./visual/css/components/rules.scss */
.IE .rule__icon {
  top: 15%;
}
@media (min-width: 768px) {
  .rule__icon {
    display: block;
    height: 150px;
    top: 100px;
  }
}
@media (min-width: 1280px) {
  .rule__icon {
    height: 260px;
    top: 100px;
  }
}
/* line 182, ./visual/css/components/rules.scss */
.rule__header .rule__icon {
  display: block;
  height: auto;
  width: 20%;
  position: absolute;
  top: 10px;
  left: 0%;
  right: 80%;
  opacity: 1 !important;
  transform: scale(1) !important;
}
@media (min-width: 768px) {
  .rule__header .rule__icon {
    display: none;
  }
}
/* line 196, ./visual/css/components/rules.scss */
.rule:not(.active) .rule__icon {
  opacity: 0;
  transform: scale(0);
}
/* line 200, ./visual/css/components/rules.scss */
.rule__title {
  display: flex;
  align-items: flex-start;
  margin: 7px 0 10px;
  color: rgba(220, 164, 43, 1);
  padding-left: 25%;
  min-height: 100px;
}
@media (min-width: 768px) {
  .rule__title {
    align-items: center;
    min-height: 0px;
    padding-left: 40px;
    margin: 0px 0 10px;
  }
}
@media (min-width: 1280px) {
  .rule__title {
    margin: 35px 0 35px;
  }
}
/* line 218, ./visual/css/components/rules.scss */
.rule__index {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  position: absolute;
  top: -80px;
  left: 0%;
  font-size: 180px;
  font-weight: bold;
  color: rgba(220, 164, 43, 0.2);
  pointer-events: none;
}
@media (min-width: 768px) {
  .rule__index {
    justify-content: center;
    align-items: center;
    top: -80px;
  }
  /* line 234, ./visual/css/components/rules.scss */
  .rule__index:before {
    content: '';
    display: block;
    width: 3px;
    position: absolute;
    top: 40px;
    bottom: 40px;
    left: 0;
    right: 0;
    margin: auto;
    background: black;
  }
}
@media (min-width: 1280px) {
  .rule__index {
    top: -40px;
  }
}
/* line 251, ./visual/css/components/rules.scss */
.rule__text {
  margin: 0px 0 15px 0%;
  font-weight: bold;
}
@media (min-width: 768px) {
  .rule__text {
    padding-left: 40px;
    margin: 0px auto 15px;
  }
}
@media (min-width: 1280px) {
  .rule__text {
    margin: 0px auto 35px;
  }
}
/* line 265, ./visual/css/components/rules.scss */
@media (max-width: 767px) {
  .rule__body, .rule__col {
    flex-direction: column;
    justify-content: flex-start;
    height: 450px;
  }
}
/* line 273, ./visual/css/components/rules.scss */
@media (max-width: 767px) {
  .rule__header, .rule__quote, .rule__brand-content {
    margin: 0;
    position: sticky;
    top: 140px;
  }
}
/* line 282, ./visual/css/components/rules.scss */
@media (max-width: 767px) {
  .rule__quote {
    padding: 15px 0;
  }
}
/* line 290, ./visual/css/components/rules.scss */
/* line 291, ./visual/css/components/rules.scss */
.rules .container {
  overflow: visible;
}
/* line 294, ./visual/css/components/rules.scss */
.rules__content {
  overflow: visible !important;
}
/* line 297, ./visual/css/components/rules.scss */
.rules__intro {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: 100vh;
  overflow: hidden;
}
/* line 304, ./visual/css/components/rules.scss */
.rules__intro-row {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  flex-grow: 1;
}
/* line 312, ./visual/css/components/rules.scss */
.rules__bg {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  opacity: 0.4;
  background: url(/visual/images/rules-intro-bg.png) center center / auto 90% no-repeat;
}
/* line 321, ./visual/css/components/rules.scss */
.rules__slogan {
  flex-shrink: 0;
  flex-grow: 0;
  width: 100%;
  text-align: center;
}
/* line 326, ./visual/css/components/rules.scss */
.rules__slogan-number {
  line-height: 220px;
  font-size: 220px;
  font-weight: bold;
  color: rgba(220, 164, 43, 0.5);
}
@media (min-width: 520px) {
  .rules__slogan-number {
    font-size: 260px;
    line-height: 260px;
  }
}
@media (min-width: 768px) {
  .rules__slogan-number {
    font-size: 300px;
    line-height: 300px;
  }
}
@media (min-width: 992px) {
  .rules__slogan-number {
    line-height: 380px;
    font-size: 380px;
  }
}
/* line 344, ./visual/css/components/rules.scss */
.rules__slogan-text {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
/* line 355, ./visual/css/components/rules.scss */
.rules__line {
  flex-grow: 1;
  height: 100%;
  width: 1px;
  margin: 0 auto;
  background: rgba(220, 164, 43, 1);
}
/* line 365, ./visual/css/components/rules.scss */
.rules__list {
  width: 100vw;
  padding-top: 30px;
}
@media (min-width: 768px) {
  .rules__list {
    width: auto;
  }
}
/* line 372, ./visual/css/components/rules.scss */
.rules__list:before {
  content: '';
  display: block;
  width: 1px;
  position: absolute;
  top: 0px;
  bottom: 0px;
  left: 0;
  right: 0;
  margin: auto;
  background: rgba(220, 164, 43, 1);
}
/* line 385, ./visual/css/components/rules.scss */
.rules__rule {
  width: 100%;
  padding: 30px 0;
}
@media (min-width: 768px) {
  .rules__rule {
    width: auto;
  }
}
/* line 392, ./visual/css/components/rules.scss */
.rules__btn-scroll {
  display: flex;
  justify-content: center;
  margin: 15px auto;
}
@media (min-width: 520px) {
  .rules__btn-scroll {
    margin: 20px auto;
  }
}
@media (min-width: 768px) {
  .rules__btn-scroll {
    margin: 30px auto;
  }
}
@media (min-width: 992px) {
  .rules__btn-scroll {
    margin: 50px auto;
  }
}
/* line 406, ./visual/css/components/rules.scss */
.rules .scrollmagic-pin-spacer {
  width: 100%;
}
@media (min-width: 768px) {
  .rules .scrollmagic-pin-spacer {
    width: auto;
  }
}
/* line 1, ./visual/css/components/prod.scss */
.player {
  max-width: 800px;
  margin: 50px auto;
}
/* line 4, ./visual/css/components/prod.scss */
.player__poster {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  cursor: pointer;
  background: url(/visual/images/poster.png) center center / cover no-repeat;
}
/* line 13, ./visual/css/components/prod.scss */
.player__poster:before {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  opacity: 0.4;
  background: black;
}
/* line 25, ./visual/css/components/prod.scss */
/* line 26, ./visual/css/components/prod.scss */
.player__play:before {
  content: '';
  display: block;
  width: 0px;
  height: 0px;
  border-left: 14px solid rgba(220, 164, 43, 1);
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 4px;
  right: 0;
  margin: auto;
}
@media (min-width: 768px) {
  .player__play:before {
    border-left: 26px solid rgba(220, 164, 43, 1);
    border-top: 15px solid transparent;
    border-bottom: 15px solid transparent;
    left: 5px;
  }
}
/* line 48, ./visual/css/components/prod.scss */
.player__poster .player__play {
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
}
/* line 57, ./visual/css/components/prod.scss */
.player__poster:hover .player__play {
  background: rgba(220, 164, 43, 1);
}
/* line 59, ./visual/css/components/prod.scss */
.player__poster:hover .player__play:before {
  border-left-color: white;
}
/* line 63, ./visual/css/components/prod.scss */
.player__video {
  display: block;
  width: 100%;
}
/* line 68, ./visual/css/components/prod.scss */
.player.playing .player__poster {
  display: none;
}
/* line 80, ./visual/css/components/prod.scss */
.prod {
  overflow: auto;
  text-align: center;
}
/* line 83, ./visual/css/components/prod.scss */
.prod__pre-title {
  margin-top: 90px;
  color: rgba(220, 164, 43, 1);
}
@media (min-width: 768px) {
  .prod__pre-title {
    margin-top: 70px;
  }
}
/* line 90, ./visual/css/components/prod.scss */
.prod__title {
  margin: 10px auto 30px;
  font-weight: normal;
}
/* line 94, ./visual/css/components/prod.scss */
.prod__image {
  display: block;
  transition: all 0.3s ease;
}
/* line 98, ./visual/css/components/prod.scss */
.prod__specs {
  margin: 40px auto;
}
/* line 101, ./visual/css/components/prod.scss */
.prod__btn {
  max-width: 230px;
  margin: 0px auto 100px;
}
/* line 38, ./visual/css/main.scss */
* {
  position: relative;
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
/* line 44, ./visual/css/main.scss */
html {
  width: 100%;
  height: 100%;
}
/* line 48, ./visual/css/main.scss */
body {
  width: 100%;
  height: 100%;
  overflow: hidden;
  overflow-x: hidden;
  background: black;
  color: #c3c3c3;
  font-family: 'HPSimplified';
  background: black;
}
@media (min-width: 768px) {
  body {
    width: 120%;
  }
}
/* line 63, ./visual/css/main.scss */
h1 {
  font-size: 30px;
  line-height: 40px;
  font-weight: bold;
  text-transform: uppercase;
}
@media (min-width: 520px) {
  h1 {
    font-size: 45px;
    line-height: 45px;
  }
}
@media (min-width: 768px) {
  h1 {
    font-size: 65px;
    line-height: 75px;
  }
}
@media (min-width: 992px) {
  h1 {
    font-size: 100px;
    line-height: 110px;
  }
}
/* line 81, ./visual/css/main.scss */
h2 {
  font-size: 23px;
  line-height: 26px;
  font-weight: bold;
}
@media (min-width: 520px) {
  h2 {
    font-size: 32px;
    line-height: 36px;
  }
}
@media (min-width: 768px) {
  h2 {
    font-size: 38px;
    line-height: 40px;
  }
}
@media (min-width: 992px) and (min-height: 700px) {
  h2 {
    font-size: 42px;
    line-height: 48px;
  }
}
/* line 98, ./visual/css/main.scss */
h3 {
  font-size: 22px;
  line-height: 30px;
  font-weight: bold;
}
@media (min-width: 520px) {
  h3 {
    font-size: 26px;
    line-height: 34px;
  }
}
@media (min-width: 768px) {
  h3 {
    font-size: 30px;
    line-height: 38px;
  }
}
@media (min-width: 992px) {
  h3 {
    font-size: 36px;
    line-height: 46px;
  }
}
/* line 118, ./visual/css/main.scss */
h5 {
  font-size: 12px;
  line-height: 15px;
  font-weight: bold;
}
@media (min-width: 520px) {
  h5 {
    font-size: 16px;
    line-height: 20px;
  }
}
@media (min-width: 768px) {
  h5 {
    font-size: 21px;
    line-height: 26px;
  }
}
@media (min-width: 992px) {
  h5 {
    font-size: 24px;
    line-height: 32px;
  }
}
/* line 138, ./visual/css/main.scss */
p {
  font-size: 14px;
}
@media (min-width: 1280px) {
  p {
    font-size: 16px;
  }
}
/* line 146, ./visual/css/main.scss */
.page {
  width: 100%;
  height: 100%;
  transition: all 0.5s linear 0s;
  position: absolute;
  top: 0;
  left: 0;
  overflow-x: hidden;
  -webkit-overflow-scrolling: touch;
}
@media (min-width: 768px) {
  .page {
    width: 120vw;
  }
}
/* line 158, ./visual/css/main.scss */
.page.hidden {
  z-index: 400;
  pointer-events: none;
  opacity: 0;
  transition-delay: 0s;
}
/* line 164, ./visual/css/main.scss */
.page__content {
  width: 100vw;
  overflow: hidden;
  transition: all 0.5s linear 0.5s;
}
/* line 168, ./visual/css/main.scss */
.page.hidden .page__content {
  opacity: 0;
  transition-delay: 0s;
}
/* line 173, ./visual/css/main.scss */
.page__cell {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  position: fixed;
}
/* line 182, ./visual/css/main.scss */
/* line 183, ./visual/css/main.scss */
.page__cell_top-left {
  padding-top: 15px;
  padding-left: 15px;
  top: 0;
  bottom: auto;
  left: 0;
}
@media (max-width: 767px) {
  .page__cell_top-left {
    flex-direction: row-reverse;
  }
}
@media (min-width: 768px) and (min-height: 600px) {
  .page__cell_top-left {
    padding-top: 20px;
    padding-left: 30px;
  }
}
@media (min-width: 992px) and (min-height: 700px) {
  .page__cell_top-left {
    padding-top: 25px;
    padding-left: 37.5px;
  }
}
/* line 201, ./visual/css/main.scss */
.page__cell_top-right {
  padding-top: 15px;
  padding-right: 15px;
  top: 0;
  bottom: auto;
  right: 0;
}
@media (min-width: 768px) and (min-height: 600px) {
  .page__cell_top-right {
    padding-top: 20px;
    padding-right: 30px;
  }
}
@media (min-width: 992px) and (min-height: 700px) {
  .page__cell_top-right {
    padding-top: 25px;
    padding-right: 37.5px;
  }
}
/* line 217, ./visual/css/main.scss */
/* line 218, ./visual/css/main.scss */
.page__cell_bottom-left {
  padding-bottom: 15px;
  padding-left: 15px;
  top: auto;
  bottom: 0;
  left: 0;
}
@media (min-width: 768px) and (min-height: 600px) {
  .page__cell_bottom-left {
    padding-bottom: 20px;
    padding-left: 30px;
  }
}
@media (min-width: 992px) and (min-height: 700px) {
  .page__cell_bottom-left {
    padding-bottom: 25px;
    padding-left: 37.5px;
  }
}
/* line 233, ./visual/css/main.scss */
.page__cell_bottom-right {
  padding-bottom: 15px;
  padding-right: 15px;
  top: auto;
  bottom: 0;
  right: 0;
}
@media (min-width: 768px) and (min-height: 600px) {
  .page__cell_bottom-right {
    padding-bottom: 20px;
    padding-right: 30px;
  }
}
@media (min-width: 992px) and (min-height: 700px) {
  .page__cell_bottom-right {
    padding-bottom: 25px;
    padding-right: 37.5px;
  }
}
/* line 249, ./visual/css/main.scss */
/* line 250, ./visual/css/main.scss */
.page__cell_center-left {
  padding-left: 15px;
  top: 15px;
  bottom: 15px;
  left: 0;
}
@media (min-width: 768px) and (min-height: 600px) {
  .page__cell_center-left {
    padding-left: 30px;
    top: 20px;
    bottom: 20px;
  }
}
@media (min-width: 992px) and (min-height: 700px) {
  .page__cell_center-left {
    padding-left: 37.5px;
    top: 25px;
    bottom: 25px;
  }
}
/* line 266, ./visual/css/main.scss */
.page__cell_center-right {
  padding-right: 15px;
  top: 15px;
  bottom: 15px;
  right: 0;
}
@media (min-width: 768px) and (min-height: 600px) {
  .page__cell_center-right {
    padding-right: 30px;
    top: 20px;
    bottom: 20px;
  }
}
@media (min-width: 992px) and (min-height: 700px) {
  .page__cell_center-right {
    padding-right: 37.5px;
    top: 25px;
    bottom: 25px;
  }
}
/* line 284, ./visual/css/main.scss */
.page__logo {
  z-index: 5100;
}
/* line 286, ./visual/css/main.scss */
.page__logo.logo_hp {
  width: 40px;
}
@media (min-width: 768px) and (min-height: 600px) {
  .page__logo.logo_hp {
    width: 60px;
  }
}
@media (min-width: 992px) and (min-height: 700px) {
  .page__logo.logo_hp {
    width: 70px;
  }
}
/* line 295, ./visual/css/main.scss */
.page__logo.logo_win {
  margin-top: 10px;
  width: 110px;
}
/* line 298, ./visual/css/main.scss */
.page__logo.logo_win .logo__text {
  display: none;
}
@media (min-width: 768px) {
  .page__logo.logo_win .logo__text {
    display: block;
  }
}
@media (min-width: 768px) and (min-height: 600px) {
  .page__logo.logo_win {
    width: 145px;
    margin-top: 10px;
  }
}
@media (min-width: 992px) and (min-height: 700px) {
  .page__logo.logo_win {
    width: 160px;
    margin-top: 20px;
  }
}
/* line 314, ./visual/css/main.scss */
.page__soc {
  display: none;
}
@media (min-width: 768px) {
  .page__soc {
    display: block;
  }
}
/* line 323, ./visual/css/main.scss */
.page__burger {
  margin-right: 30px;
  z-index: 5100;
}
@media (min-width: 768px) {
  .page__burger {
    margin-top: 25px;
    margin-right: 0;
  }
}
@media (min-width: 768px) and (min-height: 600px) {
  .page__burger {
    margin-top: 30px;
  }
}
@media (min-width: 992px) and (min-height: 700px) {
  .page__burger {
    margin-top: 40px;
  }
}
/* line 337, ./visual/css/main.scss */
.page__nav {
  width: 100vw;
  position: absolute;
  top: 100%;
  left: 0;
  margin-top: 25px;
  z-index: 5000;
  transition: all 0.3s ease;
}
@media (min-width: 768px) and (min-height: 600px) {
  .page__nav {
    margin-top: 30px;
  }
}
@media (min-width: 992px) and (min-height: 700px) {
  .page__nav {
    margin-top: 40px;
  }
}
/* line 351, ./visual/css/main.scss */
.page__nav.hidden {
  left: -100vw;
}
/* line 354, ./visual/css/main.scss */
.page__nav .soc {
  margin-top: 50px;
}
@media (min-width: 768px) {
  .page__nav .soc {
    display: none;
  }
}
/* line 364, ./visual/css/main.scss */
.container {
  max-width: 1000px;
  margin: 0 auto 0;
  padding: 0 20px;
  overflow-x: hidden;
}
@media (min-width: 768px) {
  .container {
    padding: 0 60px;
    overflow-x: visible;
  }
}
@media (min-width: 1280px) {
  .container {
    padding: 0 15px;
  }
}
/* line 379, ./visual/css/main.scss */
.app {
  overflow-x: hidden;
}
/* line 381, ./visual/css/main.scss */
.app__darker {
  content: '';
  display: block;
  width: 100%;
  height: 90px;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  pointer-events: none;
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&1+0,0+100 */
  background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0) 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0) 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0) 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#000000', endColorstr='#00000000',GradientType=0);
  /* IE6-9 */
}
@media (min-width: 768px) {
  .app__darker {
    display: none;
  }
}
/* line 404, ./visual/css/main.scss */
.particles {
  display: flex;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1000;
  opacity: 0.6;
  pointer-events: none;
}
/* line 415, ./visual/css/main.scss */
.particles__col {
  width: 50%;
  height: 100%;
  background-image: url(/visual/images/particles.png);
  background-size: auto 50%;
  animation: particles-left 20s infinite linear;
}
/* line 422, ./visual/css/main.scss */
.particles__col:last-child {
  animation-name: particles-right;
}
@keyframes particles-left {
  /* line 427, ./visual/css/main.scss */
  0% {
    background-position: 100% 0%;
  }
  /* line 430, ./visual/css/main.scss */
  100% {
    background-position: 100% 100%;
  }
}
@keyframes particles-right {
  /* line 435, ./visual/css/main.scss */
  0% {
    background-position: 0% 0%;
  }
  /* line 438, ./visual/css/main.scss */
  100% {
    background-position: 0% 100%;
  }
}
/* line 442, ./visual/css/main.scss */
.particles-ahead {
  z-index: 990;
}
/* line 445, ./visual/css/main.scss */
.particles-behind {
  z-index: 1010;
}
/* line 451, ./visual/css/main.scss */
.lock-scroll {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 9999999;
}