<br />
<b>Warning</b>:  filemtime(): stat failed for /home/httpd/vhosts/sorryguysmedia.ru/subdomains/promise-honor8x/httpdocs/visual/css/main.scss in <b>/home/admin/web/promise-honor8x.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/promise-honor8x.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/promise-honor8x.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 Mon, 08 Dec 2025 12:02:01 +0000 (0.3448s) */

/* line 48, ./visual/css/main.scss */
* {
  position: relative;
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
/* line 54, ./visual/css/main.scss */
html {
  width: 100%;
  height: 100%;
}
/* line 58, ./visual/css/main.scss */
body {
  width: 100%;
  height: 100%;
  overflow: hidden;
  font-family: 'Avenir', Arial, sans-serif;
  color: white;
  background: #3992f3;
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#00fac1+1,c500e1+100 */
  background: -moz-linear-gradient(-45deg, rgba(0, 250, 193, 1) 1%, rgba(197, 0, 225, 1) 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(-45deg, rgba(0, 250, 193, 1) 1%, rgba(197, 0, 225, 1) 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(135deg, rgba(0, 250, 193, 1) 1%, rgba(197, 0, 225, 1) 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00fac1', endColorstr='#c500e1',GradientType=1);
  /* IE6-9 fallback on horizontal gradient */
}
@media (max-width: 767px) {
  /* line 71, ./visual/css/main.scss */
  body.iphone .fp__container {
    transform: scale(0.75);
  }
}
/* line 76, ./visual/css/main.scss */
h1, .h1 {
  font-size: 59px;
  line-height: 80px;
  font-size: 6.626vh;
  line-height: 8.9844vh;
  font-weight: normal;
}
/* line 83, ./visual/css/main.scss */
/* line 84, ./visual/css/main.scss */
h1__phrase_big, .h1__phrase_big {
  display: block;
  margin-top: -65px;
  margin-bottom: 40px;
  line-height: 1.15em;
  font-size: 2.7em;
  margin-top: -7.2998vh;
  margin-bottom: 4.4922vh;
}
/* line 96, ./visual/css/main.scss */
h1.compact, .h1.compact {
  font-size: 50px;
  line-height: 60px;
  font-size: 5.6152vh;
  line-height: 6.7383vh;
}
/* line 102, ./visual/css/main.scss */
h1.tiny, .h1.tiny {
  font-size: 40px;
  line-height: 50px;
  font-size: 4.4922vh;
  line-height: 5.6152vh;
}
/* line 109, ./visual/css/main.scss */
h2, .h2 {
  font-size: 36px;
  line-height: 42px;
  font-size: 4.043vh;
  line-height: 4.7168vh;
  font-weight: normal;
}
/* line 116, ./visual/css/main.scss */
h2.compact, .h2.compact {
  font-size: 28px;
  line-height: 34px;
  font-size: 3.1445vh;
  line-height: 3.8184vh;
}
/* line 122, ./visual/css/main.scss */
h2.tiny, .h2.tiny {
  font-size: 24px;
  line-height: 30px;
  font-size: 2.6953vh;
  line-height: 3.3691vh;
}
/* line 129, ./visual/css/main.scss */
h3, .h3 {
  font-size: 32px;
  line-height: 36px;
  font-size: 3.5938vh;
  line-height: 4.043vh;
  font-weight: normal;
}
/* line 141, ./visual/css/main.scss */
h5, .h5 {
  font-size: 21px;
  font-weight: bold;
}
/* line 146, ./visual/css/main.scss */
h6, .h6 {
  font-size: 20px;
  font-size: 2.2461vh;
  font-weight: 500;
}
/* line 152, ./visual/css/main.scss */
p, .p {
  font-size: 25px;
  font-size: 3.3691vh;
  font-weight: normal;
}
/* line 158, ./visual/css/main.scss */
a {
  color: white;
  transition: color 0.4s ease;
}
/* line 161, ./visual/css/main.scss */
a:hover {
  color: #0243b3;
}
/* line 165, ./visual/css/main.scss */
img {
  border: none;
  outline: none;
}
/* line 171, ./visual/css/main.scss */
.family_pacifico {
  font-family: 'Pacifico', Arial, sans-serif;
}
/* line 176, ./visual/css/main.scss */
/* line 177, ./visual/css/main.scss */
.clearfix:after {
  content: '';
  display: block;
  width: 100%;
  clear: both;
}
/* line 186, ./visual/css/main.scss */
.table {
  display: table;
  width: 100%;
  height: 100%;
}
/* line 190, ./visual/css/main.scss */
.table__cell {
  display: table-cell;
  vertical-align: middle;
}
/* line 197, ./visual/css/main.scss */
.container {
  width: 100%;
  margin: 0 auto 0;
  padding: 0 15px;
}
@media (min-width: 768px) {
  .container {
    max-width: 720px;
  }
}
@media (min-width: 920px) {
  .container {
    max-width: 820px;
  }
}
@media (min-width: 1280px) {
  .container {
    max-width: 1000px;
  }
}
/* line 213, ./visual/css/main.scss */
.fp {
  width: 100%;
}
@media (min-width: 768px) {
  .fp {
    height: 100%;
  }
}
/* line 218, ./visual/css/main.scss */
.fp__page {
  width: 100%;
}
@media (min-width: 768px) {
  .fp__page {
    height: 100%;
  }
}
/* line 223, ./visual/css/main.scss */
/* line 224, ./visual/css/main.scss */
.fp__page_product .specs {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 57%;
  right: 10%;
}
/* line 231, ./visual/css/main.scss */
.fp__page_product .product-image {
  display: block;
  height: 75%;
  max-height: 680px;
  position: absolute;
  top: 4.25%;
  bottom: 4.25%;
  left: 3.25%;
  right: 40%;
  margin: auto;
}
/* line 244, ./visual/css/main.scss */
.fp__container {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
/* line 254, ./visual/css/main.scss */
.snow {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
}
/* line 260, ./visual/css/main.scss */
.snow__canvas {
  width: 100%;
  height: 100%;
}
/* line 266, ./visual/css/main.scss */
.project-title {
  position: fixed;
  top: 30px;
  left: 0;
  right: 0;
  text-align: center;
  transition: all 0.4s ease;
}
/* line 273, ./visual/css/main.scss */
.project-title.hidden {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  opacity: 0;
  top: 0;
}
/* line 1, ./visual/css/components/footer-links.scss */
.footer-link {
  display: block;
  padding: 0 15px;
  float: left;
}
/* line 5, ./visual/css/components/footer-links.scss */
.footer-link__link {
  color: white;
  text-decoration: underline;
}
/* line 11, ./visual/css/components/footer-links.scss */
.footer-links {
  margin: 0 -15px;
  position: fixed;
  bottom: 4.25%;
  left: 3.25%;
}
/* line 1, ./visual/css/components/header-controls.scss */
.header-controls {
  position: absolute;
  top: 4.25%;
  right: 3.25%;
  font-size: 0;
  padding-right: 4%;
}
/* line 7, ./visual/css/components/header-controls.scss */
.header-controls__item {
  font-size: 26px;
  font-size: 2.9199vh;
  vertical-align: middle;
  text-decoration: none;
}
/* line 12, ./visual/css/components/header-controls.scss */
.header-controls__item_share {
  font-size: 20px;
  font-size: 2.2461vh;
}
/* line 21, ./visual/css/components/header-controls.scss */
.header-controls .soc {
  position: absolute;
  top: -55%;
  right: -5%;
}
/* line 25, ./visual/css/components/header-controls.scss */
.header-controls .soc .soc__item + .soc__item {
  margin-left: 0;
}
/* line 28, ./visual/css/components/header-controls.scss */
.header-controls .soc .soc__link {
  border-width: 2px;
}
/* line 1, ./visual/css/components/soc.scss */
/* line 5, ./visual/css/components/soc.scss */
.soc__title {
  line-height: 42px;
  line-height: 4.7168vh;
}
/* line 12, ./visual/css/components/soc.scss */
.soc__item {
  list-style: none;
}
/* line 14, ./visual/css/components/soc.scss */
.soc__item + .soc__item {
  margin-top: 15px;
  margin-top: 1.6846vh;
}
/* line 19, ./visual/css/components/soc.scss */
.soc__link {
  display: block;
  width: 42px;
  height: 42px;
  line-height: 42px;
  color: white;
  font-size: 42px;
  width: 4.7168vh;
  height: 4.7168vh;
  line-height: 4.7168vh;
  font-size: 4.7168vh;
  text-decoration: none;
  text-align: center;
  transition: all 0.4s ease;
  user-select: none;
}
/* line 34, ./visual/css/components/soc.scss */
.soc__link_share {
  font-size: 22px;
  font-size: 2.4707vh;
}
/* line 40, ./visual/css/components/soc.scss */
.soc_footer {
  position: fixed;
  bottom: 4.25%;
  right: 3.25%;
}
/* line 46, ./visual/css/components/soc.scss */
/* line 47, ./visual/css/components/soc.scss */
.soc_inline .soc__title {
  display: inline-block;
  vertical-align: middle;
  margin-right: 20px;
  margin-right: 2.2461vh;
}
/* line 53, ./visual/css/components/soc.scss */
.soc_inline .soc__list {
  display: inline-block;
  vertical-align: middle;
  font-size: 0;
}
/* line 58, ./visual/css/components/soc.scss */
.soc_inline .soc__item {
  display: inline-block;
  vertical-align: middle;
  margin-left: 15px;
  margin-left: 1.6846vh;
}
/* line 63, ./visual/css/components/soc.scss */
.soc_inline .soc__item + .soc__item {
  margin-top: 0;
}
/* line 66, ./visual/css/components/soc.scss */
.soc_inline .soc__item:first-child {
  margin-left: 0px;
}
/* line 71, ./visual/css/components/soc.scss */
/* line 73, ./visual/css/components/soc.scss */
.soc_border .soc__link {
  width: 45px;
  height: 45px;
  line-height: 41px;
  font-size: 36px;
  border: 2px solid white;
  border-width: 0.2246vh;
  border-radius: 100%;
  width: 5.0537vh;
  height: 5.0537vh;
  line-height: 4.6045vh;
  font-size: 4.043vh;
}
/* line 85, ./visual/css/components/soc.scss */
.soc_border .soc__link:hover {
  border-color: #0243b3;
}
/* line 88, ./visual/css/components/soc.scss */
.soc_border .soc__link_share {
  font-size: 22px;
  font-size: 2.4707vh;
}
/* line 94, ./visual/css/components/soc.scss */
/* line 95, ./visual/css/components/soc.scss */
.soc_invert .soc__link {
  color: black;
}
/* line 97, ./visual/css/components/soc.scss */
.soc_invert .soc__link:hover {
  color: #0243b3;
}
/* line 102, ./visual/css/components/soc.scss */
/* line 103, ./visual/css/components/soc.scss */
.soc_invert.soc_border .soc__link {
  border-color: black;
}
/* line 105, ./visual/css/components/soc.scss */
.soc_invert.soc_border .soc__link:hover {
  border-color: #0243b3;
}
/* line 110, ./visual/css/components/soc.scss */
/* line 111, ./visual/css/components/soc.scss */
.soc_big .soc__link {
  width: 60px;
  height: 60px;
  line-height: 56px;
  width: 6.7383vh;
  height: 6.7383vh;
  line-height: 6.2891vh;
}
/* line 118, ./visual/css/components/soc.scss */
.soc_big .soc__link_share {
  font-size: 28px;
  font-size: 3.1445vh;
}
/* line 123, ./visual/css/components/soc.scss */
/* line 124, ./visual/css/components/soc.scss */
.soc_big .soc__item:first-child {
  margin-left: 0px;
}
/* line 128, ./visual/css/components/soc.scss */
.soc_big .soc__item + .soc__item {
  margin-left: 35px;
  margin-left: 3.9307vh;
}
/* line 133, ./visual/css/components/soc.scss */
/* line 134, ./visual/css/components/soc.scss */
/* line 135, ./visual/css/components/soc.scss */
.soc_togglable .soc__link:not(.toggle) {
  display: none;
}
/* line 147, ./visual/css/components/soc.scss */
/* line 148, ./visual/css/components/soc.scss */
/* line 149, ./visual/css/components/soc.scss */
.soc_togglable:hover .soc__link:not(.toggle) {
  display: block;
}
/* line 157, ./visual/css/components/soc.scss */
/* line 159, ./visual/css/components/soc.scss */
/* line 160, ./visual/css/components/soc.scss */
.ie-8 .soc__link_facebook {
  background: red;
}
/* line 163, ./visual/css/components/soc.scss */
.ie-8 .soc__link_vkontakte {
  background: green;
}
/* line 172, ./visual/css/components/soc.scss */
.ie-8 .soc__link_youtube {
  background: white;
}
/* line 1, ./visual/css/components/logo.scss */
.logo {
  display: block;
}
/* line 3, ./visual/css/components/logo.scss */
.logo__image {
  display: block;
  width: 100%;
}
/* line 8, ./visual/css/components/logo.scss */
.logo_main {
  width: 157px;
  width: 17.6318vh;
  position: fixed;
  top: 4.25%;
  left: 3.25%;
}
/* line 15, ./visual/css/components/logo.scss */
.logo.prod-logo {
  width: 70%;
  margin-bottom: 8%;
}
/* line 1, ./visual/css/components/panel.scss */
.panel {
  display: inline-block;
  min-width: 250px;
  height: 70px;
  line-height: 70px;
  padding: 0 30px;
  border-radius: 70px;
  font-size: 25px;
  min-width: 28.0762vh;
  height: 7.8613vh;
  line-height: 7.8613vh;
  padding: 0 3.3691vh;
  border-radius: 7.8613vh;
  font-size: 2.8076vh;
  text-align: center;
  text-decoration: none;
  color: black;
  background: white;
}
/* line 1, ./visual/css/components/btn.scss */
.btn {
  display: inline-block;
  min-width: 250px;
  height: 70px;
  line-height: 70px;
  padding: 0 30px;
  border-radius: 70px;
  font-size: 25px;
  min-width: 28.0762vh;
  height: 7.8613vh;
  line-height: 7.8613vh;
  padding: 0 3.3691vh;
  border-radius: 7.8613vh;
  font-size: 2.8076vh;
  text-align: center;
  text-decoration: none;
  font-weight: bold;
  color: black;
  background: white;
  cursor: pointer;
  -webkit-appearance: none;
  transition: all 0.4s ease;
}
/* line 23, ./visual/css/components/btn.scss */
.btn:hover {
  color: white;
  background: #0243b3;
}
/* line 27, ./visual/css/components/btn.scss */
.btn_ghost {
  min-width: 0px;
  height: 65px;
  line-height: 57px;
  padding: 0 25px;
  border: 4px solid white;
  border-radius: 65px;
  font-size: 21px;
  font-weight: bold;
  color: white;
  height: 7.2998vh;
  line-height: 6.4014vh;
  padding: 0 2.8076vh;
  border-radius: 7.2998vh;
  border-width: 0.4492vh;
  font-size: 2.3584vh;
  background: transparent;
  background: rgba(57, 146, 243, 0);
}
/* line 45, ./visual/css/components/btn.scss */
.btn_ghost:hover {
  border-color: #0243b3;
  background: #0243b3;
}
/* line 52, ./visual/css/components/btn.scss */
.iconed-btn {
  display: inline-block;
  text-decoration: none;
  font-size: 0;
}
/* line 56, ./visual/css/components/btn.scss */
.iconed-btn__icon {
  display: inline-block;
  vertical-align: middle;
  font-size: 38px;
  font-size: 4.2676vh;
}
/* line 62, ./visual/css/components/btn.scss */
.iconed-btn__caption {
  display: inline-block;
  vertical-align: middle;
  font-weight: bold;
}
/* line 67, ./visual/css/components/btn.scss */
.iconed-btn__icon + .iconed-btn__caption, .iconed-btn__caption + .iconed-btn__icon {
  margin-left: 10px;
  margin-left: 1.123vh;
}
/* line 1, ./visual/css/components/switcher.scss */
/* line 2, ./visual/css/components/switcher.scss */
.switcher__button {
  width: 90px;
  height: 90px;
  line-height: 82px;
  border: 4px solid white;
  width: 10.1074vh;
  height: 10.1074vh;
  line-height: 9.209vh;
  border-width: 0.4492vh;
  border-radius: 100%;
  margin: 0 auto 0;
  font-size: 40px;
  font-size: 4.4922vh;
  text-align: center;
  cursor: pointer;
  transition: all 0.4s ease;
}
/* line 18, ./visual/css/components/switcher.scss */
.switcher__button:hover {
  color: black;
  background: white;
}
/* line 23, ./visual/css/components/switcher.scss */
.switcher__label {
  width: 180px;
  width: 20.2148vh;
  margin: 10px auto 0;
  margin-top: 1.123vh;
  font-size: 26px;
  font-size: 2.9199vh;
  text-align: center;
}
/* line 34, ./visual/css/components/switcher.scss */
/* line 38, ./visual/css/components/switcher.scss */
.switchers .switcher + .switcher {
  margin-top: 40px;
  margin-top: 4.4922vh;
}
/* line 1, ./visual/css/components/arrow-link.scss */
.arrow-link {
  color: white;
  text-decoration: none;
  text-transform: uppercase;
}
/* line 5, ./visual/css/components/arrow-link.scss */
.arrow-link__text {
  display: inline-block;
  vertical-align: middle;
}
/* line 9, ./visual/css/components/arrow-link.scss */
.arrow-link__icon {
  display: inline-block;
  vertical-align: middle;
  border: none;
  outline: none;
}
/* line 1, ./visual/css/components/back.scss */
.back {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  transition: all 0.4s ease;
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#00fac1+1,c500e1+100 */
  background: -moz-linear-gradient(-45deg, rgba(0, 250, 193, 1) 1%, rgba(197, 0, 225, 1) 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(-45deg, rgba(0, 250, 193, 1) 1%, rgba(197, 0, 225, 1) 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(135deg, rgba(0, 250, 193, 1) 1%, rgba(197, 0, 225, 1) 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00fac1', endColorstr='#c500e1',GradientType=1);
  /* IE6-9 fallback on horizontal gradient */
}
/* line 13, ./visual/css/components/back.scss */
.back_icons {
  background: transparent;
}
/* line 16, ./visual/css/components/back.scss */
.back__icon {
  width: 20%;
  position: fixed;
  top: 0;
  left: 0;
  opacity: 0.4;
}
/* line 22, ./visual/css/components/back.scss */
.back__icon_1 {
  top: 66%;
  left: -4%;
  animation: icon1 18s infinite;
}
/* line 27, ./visual/css/components/back.scss */
.back__icon_2 {
  top: -17%;
  left: 36%;
  animation: icon2 14s infinite;
}
/* line 32, ./visual/css/components/back.scss */
.back__icon_3 {
  top: 9%;
  left: -11%;
  animation: icon3 19s infinite;
}
/* line 38, ./visual/css/components/back.scss */
.back__icon_4 {
  top: 83%;
  left: 47%;
  animation: icon1 12s infinite;
}
/* line 43, ./visual/css/components/back.scss */
.back__icon_5 {
  top: 49%;
  left: 91%;
  animation: icon3 15s infinite;
}
/* line 49, ./visual/css/components/back.scss */
.back__img {
  display: block;
  width: 100%;
}
/* line 54, ./visual/css/components/back.scss */
.back[data-gradient="gradient0"] {
  background: #3992f3;
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#00fac1+1,c500e1+100 */
  background: -moz-linear-gradient(-45deg, rgba(0, 250, 193, 1) 1%, rgba(197, 0, 225, 1) 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(-45deg, rgba(0, 250, 193, 1) 1%, rgba(197, 0, 225, 1) 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(135deg, rgba(0, 250, 193, 1) 1%, rgba(197, 0, 225, 1) 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00fac1', endColorstr='#c500e1',GradientType=1);
  /* IE6-9 fallback on horizontal gradient */
}
/* line 62, ./visual/css/components/back.scss */
.back[data-gradient="gradient1"] {
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f75371+0,ffd792+100 */
  background: #f75371;
  /* Old browsers */
  background: -moz-linear-gradient(-45deg, rgba(247, 83, 113, 1) 0%, rgba(255, 215, 146, 1) 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(-45deg, rgba(247, 83, 113, 1) 0%, rgba(255, 215, 146, 1) 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(135deg, rgba(247, 83, 113, 1) 0%, rgba(255, 215, 146, 1) 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f75371', endColorstr='#ffd792',GradientType=1);
  /* IE6-9 fallback on horizontal gradient */
}
/* line 70, ./visual/css/components/back.scss */
.back[data-gradient="gradient2"] {
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#300396+0,df5f9b+100 */
  background: #300396;
  /* Old browsers */
  background: -moz-linear-gradient(-45deg, rgba(48, 3, 150, 1) 0%, rgba(223, 95, 155, 1) 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(-45deg, rgba(48, 3, 150, 1) 0%, rgba(223, 95, 155, 1) 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(135deg, rgba(48, 3, 150, 1) 0%, rgba(223, 95, 155, 1) 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#300396', endColorstr='#df5f9b',GradientType=1);
  /* IE6-9 fallback on horizontal gradient */
}
/* line 78, ./visual/css/components/back.scss */
.back[data-gradient="gradient3"] {
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#5f65d8+0,ca90e2+100 */
  background: #5f65d8;
  /* Old browsers */
  background: -moz-linear-gradient(-45deg, rgba(95, 101, 216, 1) 0%, rgba(202, 144, 226, 1) 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(-45deg, rgba(95, 101, 216, 1) 0%, rgba(202, 144, 226, 1) 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(135deg, rgba(95, 101, 216, 1) 0%, rgba(202, 144, 226, 1) 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5f65d8', endColorstr='#ca90e2',GradientType=1);
  /* IE6-9 fallback on horizontal gradient */
}
/* line 86, ./visual/css/components/back.scss */
.back[data-gradient="gradient4"] {
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f7e76c+0,0ab3bd+100 */
  background: #f7e76c;
  /* Old browsers */
  background: -moz-linear-gradient(-45deg, rgba(247, 231, 108, 1) 0%, rgba(10, 179, 189, 1) 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(-45deg, rgba(247, 231, 108, 1) 0%, rgba(10, 179, 189, 1) 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(135deg, rgba(247, 231, 108, 1) 0%, rgba(10, 179, 189, 1) 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f7e76c', endColorstr='#0ab3bd',GradientType=1);
  /* IE6-9 fallback on horizontal gradient */
}
/* line 94, ./visual/css/components/back.scss */
.back[data-gradient="gradient5"] {
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#faca66+0,9b53f0+100 */
  background: #faca66;
  /* Old browsers */
  background: -moz-linear-gradient(-45deg, rgba(250, 202, 102, 1) 0%, rgba(155, 83, 240, 1) 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(-45deg, rgba(250, 202, 102, 1) 0%, rgba(155, 83, 240, 1) 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(135deg, rgba(250, 202, 102, 1) 0%, rgba(155, 83, 240, 1) 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#faca66', endColorstr='#9b53f0',GradientType=1);
  /* IE6-9 fallback on horizontal gradient */
}
/* line 102, ./visual/css/components/back.scss */
.back[data-gradient="gradient6"] {
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffd22a+0,fd873f+100 */
  background: #ffd22a;
  /* Old browsers */
  background: -moz-linear-gradient(-45deg, rgba(255, 210, 42, 1) 0%, rgba(253, 135, 63, 1) 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(-45deg, rgba(255, 210, 42, 1) 0%, rgba(253, 135, 63, 1) 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(135deg, rgba(255, 210, 42, 1) 0%, rgba(253, 135, 63, 1) 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffd22a', endColorstr='#fd873f',GradientType=1);
  /* IE6-9 fallback on horizontal gradient */
}
/* line 110, ./visual/css/components/back.scss */
.back[data-gradient="gradient7"] {
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#c4457a+0,fcbeb6+100 */
  background: #c4457a;
  /* Old browsers */
  background: -moz-linear-gradient(-45deg, rgba(196, 69, 122, 1) 0%, rgba(252, 190, 182, 1) 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(-45deg, rgba(196, 69, 122, 1) 0%, rgba(252, 190, 182, 1) 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(135deg, rgba(196, 69, 122, 1) 0%, rgba(252, 190, 182, 1) 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#c4457a', endColorstr='#fcbeb6',GradientType=1);
  /* IE6-9 fallback on horizontal gradient */
}
/* line 118, ./visual/css/components/back.scss */
.back[data-gradient="gradient8"] {
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#012794+0,19b2c6+100 */
  background: #012794;
  /* Old browsers */
  background: -moz-linear-gradient(-45deg, rgba(1, 39, 148, 1) 0%, rgba(25, 178, 198, 1) 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(-45deg, rgba(1, 39, 148, 1) 0%, rgba(25, 178, 198, 1) 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(135deg, rgba(1, 39, 148, 1) 0%, rgba(25, 178, 198, 1) 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#012794', endColorstr='#19b2c6',GradientType=1);
  /* IE6-9 fallback on horizontal gradient */
}
/* line 126, ./visual/css/components/back.scss */
.back[data-gradient="gradient9"] {
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f992cf+0,42eb43+100 */
  background: #f992cf;
  /* Old browsers */
  background: -moz-linear-gradient(-45deg, rgba(249, 146, 207, 1) 0%, rgba(66, 235, 67, 1) 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(-45deg, rgba(249, 146, 207, 1) 0%, rgba(66, 235, 67, 1) 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(135deg, rgba(249, 146, 207, 1) 0%, rgba(66, 235, 67, 1) 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f992cf', endColorstr='#42eb43',GradientType=1);
  /* IE6-9 fallback on horizontal gradient */
}
/* line 134, ./visual/css/components/back.scss */
.back[data-gradient="gradient10"] {
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffc82e+1,ff2571+100 */
  background: #ffc82e;
  /* Old browsers */
  background: -moz-linear-gradient(-45deg, rgba(255, 200, 46, 1) 1%, rgba(255, 37, 113, 1) 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(-45deg, rgba(255, 200, 46, 1) 1%, rgba(255, 37, 113, 1) 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(135deg, rgba(255, 200, 46, 1) 1%, rgba(255, 37, 113, 1) 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffc82e', endColorstr='#ff2571',GradientType=1);
  /* IE6-9 fallback on horizontal gradient */
}
/* line 142, ./visual/css/components/back.scss */
.back[data-gradient="gradient11"] {
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#fb2355+0,d3a9e8+100 */
  background: #fb2355;
  /* Old browsers */
  background: -moz-linear-gradient(-45deg, rgba(251, 35, 85, 1) 0%, rgba(211, 169, 232, 1) 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(-45deg, rgba(251, 35, 85, 1) 0%, rgba(211, 169, 232, 1) 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(135deg, rgba(251, 35, 85, 1) 0%, rgba(211, 169, 232, 1) 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fb2355', endColorstr='#d3a9e8',GradientType=1);
  /* IE6-9 fallback on horizontal gradient */
}
/* line 150, ./visual/css/components/back.scss */
.back[data-gradient="gradient12"] {
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f01ac2+0,feba64+100 */
  background: #f01ac2;
  /* Old browsers */
  background: -moz-linear-gradient(-45deg, rgba(240, 26, 194, 1) 0%, rgba(254, 186, 100, 1) 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(-45deg, rgba(240, 26, 194, 1) 0%, rgba(254, 186, 100, 1) 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(135deg, rgba(240, 26, 194, 1) 0%, rgba(254, 186, 100, 1) 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f01ac2', endColorstr='#feba64',GradientType=1);
  /* IE6-9 fallback on horizontal gradient */
}
/* line 158, ./visual/css/components/back.scss */
.back[data-gradient="gradient13"] {
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#7ee0fb+0,f63764+100 */
  background: #7ee0fb;
  /* Old browsers */
  background: -moz-linear-gradient(-45deg, rgba(126, 224, 251, 1) 0%, rgba(246, 55, 100, 1) 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(-45deg, rgba(126, 224, 251, 1) 0%, rgba(246, 55, 100, 1) 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(135deg, rgba(126, 224, 251, 1) 0%, rgba(246, 55, 100, 1) 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#7ee0fb', endColorstr='#f63764',GradientType=1);
  /* IE6-9 fallback on horizontal gradient */
}
/* line 166, ./visual/css/components/back.scss */
.back[data-gradient="gradient14"] {
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#69f2d8+0,1b73a3+100 */
  background: #69f2d8;
  /* Old browsers */
  background: -moz-linear-gradient(-45deg, rgba(105, 242, 216, 1) 0%, rgba(27, 115, 163, 1) 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(-45deg, rgba(105, 242, 216, 1) 0%, rgba(27, 115, 163, 1) 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(135deg, rgba(105, 242, 216, 1) 0%, rgba(27, 115, 163, 1) 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#69f2d8', endColorstr='#1b73a3',GradientType=1);
  /* IE6-9 fallback on horizontal gradient */
}
/* line 174, ./visual/css/components/back.scss */
.back[data-gradient="gradient15"] {
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ff0766+0,fc6f39+100 */
  background: #ff0766;
  /* Old browsers */
  background: -moz-linear-gradient(-45deg, rgba(255, 7, 102, 1) 0%, rgba(252, 111, 57, 1) 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(-45deg, rgba(255, 7, 102, 1) 0%, rgba(252, 111, 57, 1) 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(135deg, rgba(255, 7, 102, 1) 0%, rgba(252, 111, 57, 1) 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0766', endColorstr='#fc6f39',GradientType=1);
  /* IE6-9 fallback on horizontal gradient */
}
/* line 182, ./visual/css/components/back.scss */
.back[data-gradient="gradient16"] {
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#fd7f44+0,ff4f9d+100 */
  background: #fd7f44;
  /* Old browsers */
  background: -moz-linear-gradient(-45deg, rgba(253, 127, 68, 1) 0%, rgba(255, 79, 157, 1) 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(-45deg, rgba(253, 127, 68, 1) 0%, rgba(255, 79, 157, 1) 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(135deg, rgba(253, 127, 68, 1) 0%, rgba(255, 79, 157, 1) 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fd7f44', endColorstr='#ff4f9d',GradientType=1);
  /* IE6-9 fallback on horizontal gradient */
}
/* line 190, ./visual/css/components/back.scss */
.back[data-gradient="gradient17"] {
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#05f4c2+0,bb0bdf+100 */
  background: #05f4c2;
  /* Old browsers */
  background: -moz-linear-gradient(-45deg, rgba(5, 244, 194, 1) 0%, rgba(187, 11, 223, 1) 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(-45deg, rgba(5, 244, 194, 1) 0%, rgba(187, 11, 223, 1) 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(135deg, rgba(5, 244, 194, 1) 0%, rgba(187, 11, 223, 1) 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#05f4c2', endColorstr='#bb0bdf',GradientType=1);
  /* IE6-9 fallback on horizontal gradient */
}
/* line 198, ./visual/css/components/back.scss */
.back[data-gradient="gradient18"] {
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#6cfb08+0,0563f2+100 */
  background: #6cfb08;
  /* Old browsers */
  background: -moz-linear-gradient(-45deg, rgba(108, 251, 8, 1) 0%, rgba(5, 99, 242, 1) 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(-45deg, rgba(108, 251, 8, 1) 0%, rgba(5, 99, 242, 1) 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(135deg, rgba(108, 251, 8, 1) 0%, rgba(5, 99, 242, 1) 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#6cfb08', endColorstr='#0563f2',GradientType=1);
  /* IE6-9 fallback on horizontal gradient */
}
/* line 206, ./visual/css/components/back.scss */
.back[data-gradient="gradient19"] {
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#45f15e+0,10e9e2+100 */
  background: #45f15e;
  /* Old browsers */
  background: -moz-linear-gradient(-45deg, rgba(69, 241, 94, 1) 0%, rgba(16, 233, 226, 1) 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(-45deg, rgba(69, 241, 94, 1) 0%, rgba(16, 233, 226, 1) 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(135deg, rgba(69, 241, 94, 1) 0%, rgba(16, 233, 226, 1) 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#45f15e', endColorstr='#10e9e2',GradientType=1);
  /* IE6-9 fallback on horizontal gradient */
}
/* line 214, ./visual/css/components/back.scss */
.back[data-gradient="gradient20"] {
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f6a0ec+0,9852b1+100 */
  background: #f6a0ec;
  /* Old browsers */
  background: -moz-linear-gradient(-45deg, rgba(246, 160, 236, 1) 0%, rgba(152, 82, 177, 1) 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(-45deg, rgba(246, 160, 236, 1) 0%, rgba(152, 82, 177, 1) 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(135deg, rgba(246, 160, 236, 1) 0%, rgba(152, 82, 177, 1) 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f6a0ec', endColorstr='#9852b1',GradientType=1);
  /* IE6-9 fallback on horizontal gradient */
}
/* line 222, ./visual/css/components/back.scss */
.back[data-gradient="gradient21"] {
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#6084ea+0,7b4eb2+100 */
  background: #6084ea;
  /* Old browsers */
  background: -moz-linear-gradient(-45deg, rgba(96, 132, 234, 1) 0%, rgba(123, 78, 178, 1) 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(-45deg, rgba(96, 132, 234, 1) 0%, rgba(123, 78, 178, 1) 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(135deg, rgba(96, 132, 234, 1) 0%, rgba(123, 78, 178, 1) 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#6084ea', endColorstr='#7b4eb2',GradientType=1);
  /* IE6-9 fallback on horizontal gradient */
}
/* line 230, ./visual/css/components/back.scss */
.back[data-gradient="gradient22"] {
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ea4c95+0,cb74e0+100 */
  background: #ea4c95;
  /* Old browsers */
  background: -moz-linear-gradient(-45deg, rgba(234, 76, 149, 1) 0%, rgba(203, 116, 224, 1) 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(-45deg, rgba(234, 76, 149, 1) 0%, rgba(203, 116, 224, 1) 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(135deg, rgba(234, 76, 149, 1) 0%, rgba(203, 116, 224, 1) 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ea4c95', endColorstr='#cb74e0',GradientType=1);
  /* IE6-9 fallback on horizontal gradient */
}
/* line 238, ./visual/css/components/back.scss */
.back[data-gradient="gradient23"] {
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#03e6f8+0,684af0+100 */
  background: #03e6f8;
  /* Old browsers */
  background: -moz-linear-gradient(-45deg, rgba(3, 230, 248, 1) 0%, rgba(104, 74, 240, 1) 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(-45deg, rgba(3, 230, 248, 1) 0%, rgba(104, 74, 240, 1) 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(135deg, rgba(3, 230, 248, 1) 0%, rgba(104, 74, 240, 1) 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#03e6f8', endColorstr='#684af0',GradientType=1);
  /* IE6-9 fallback on horizontal gradient */
}
@keyframes icon1 {
  /* line 250, ./visual/css/components/back.scss */
  0% {
    opacity: 0.2;
    transform: scale(0.8) rotate(0deg);
  }
  /* line 257, ./visual/css/components/back.scss */
  50% {
    opacity: 0.5;
    transform: scale(1) rotate(10deg);
  }
  /* line 261, ./visual/css/components/back.scss */
  52% {
    opacity: 0.8;
  }
  /* line 264, ./visual/css/components/back.scss */
  60% {
    opacity: 0.2;
  }
  /* line 267, ./visual/css/components/back.scss */
  62% {
    opacity: 0.8;
  }
  /* line 270, ./visual/css/components/back.scss */
  70% {
    opacity: 0.2;
  }
  /* line 273, ./visual/css/components/back.scss */
  72% {
    opacity: 0.8;
  }
  /* line 276, ./visual/css/components/back.scss */
  75% {
    opacity: 0.5;
    transform: scale(0.8) rotate(0deg);
  }
  /* line 280, ./visual/css/components/back.scss */
  100% {
    opacity: 0.2;
    transform: scale(0.8) rotate(0deg);
  }
}
@keyframes icon2 {
  /* line 286, ./visual/css/components/back.scss */
  0% {
    opacity: 0.2;
    transform: scale(0.8) rotate(0deg);
  }
  /* line 290, ./visual/css/components/back.scss */
  25% {
    opacity: 0.1;
  }
  /* line 293, ./visual/css/components/back.scss */
  30% {
    opacity: 0.2;
  }
  /* line 296, ./visual/css/components/back.scss */
  32% {
    opacity: 0.8;
  }
  /* line 299, ./visual/css/components/back.scss */
  40% {
    opacity: 0.2;
    transform: scale(1) rotate(-10deg);
  }
  /* line 303, ./visual/css/components/back.scss */
  42% {
    opacity: 0.8;
  }
  /* line 306, ./visual/css/components/back.scss */
  50% {
    opacity: 0.2;
  }
  /* line 309, ./visual/css/components/back.scss */
  52 {
    opacity: 0.8;
  }
  /* line 312, ./visual/css/components/back.scss */
  80% {
    opacity: 0.4;
    transform: scale(0.7) rotate(0deg);
  }
  /* line 316, ./visual/css/components/back.scss */
  100% {
    opacity: 0.1;
    transform: scale(0.8) rotate(0deg);
  }
}
@keyframes icon3 {
  /* line 322, ./visual/css/components/back.scss */
  0% {
    opacity: 0.2;
    transform: scale(0.8);
  }
  /* line 326, ./visual/css/components/back.scss */
  2% {
    opacity: 0.8;
  }
  /* line 329, ./visual/css/components/back.scss */
  10% {
    opacity: 0.2;
  }
  /* line 332, ./visual/css/components/back.scss */
  12% {
    opacity: 0.8;
  }
  /* line 335, ./visual/css/components/back.scss */
  20% {
    opacity: 0.2;
  }
  /* line 338, ./visual/css/components/back.scss */
  22% {
    opacity: 0.8;
  }
  /* line 341, ./visual/css/components/back.scss */
  30% {
    opacity: 0.2;
  }
  /* line 347, ./visual/css/components/back.scss */
  60% {
    opacity: 0.5;
    transform: scale(1.1);
  }
  /* line 354, ./visual/css/components/back.scss */
  90% {
    transform: scale(0.7);
  }
  /* line 357, ./visual/css/components/back.scss */
  100% {
    opacity: 0.2;
    transform: scale(0.8);
  }
}
/* line 1, ./visual/css/components/star.scss */
.star {
  display: block;
  position: absolute;
}
/* line 5, ./visual/css/components/star.scss */
.star.s1 {
  top: 70vh;
  left: 8vh;
}
/* line 8, ./visual/css/components/star.scss */
.star.s1_1 {
  width: 3vh;
  animation: star1_1 4s infinite;
}
/* line 12, ./visual/css/components/star.scss */
.star.s1_2 {
  width: 4vh;
  top: 3vh;
  left: 3vh;
  animation: star1_2 4s infinite;
}
/* line 18, ./visual/css/components/star.scss */
.star.s1_3 {
  width: 5vh;
  top: 7vh;
  left: 7vh;
  animation: star1_3 4s infinite;
}
/* line 24, ./visual/css/components/star.scss */
.star.s1_4 {
  width: 2vh;
  top: 7vh;
  left: 2vh;
  animation: star1_4 4s infinite;
}
/* line 30, ./visual/css/components/star.scss */
.star.s1_5 {
  width: 1vh;
  top: 0vh;
  left: 5vh;
  animation: star1_5 4s infinite;
}
/* line 37, ./visual/css/components/star.scss */
.star.s2 {
  top: 3vh;
  left: 112vh;
}
/* line 40, ./visual/css/components/star.scss */
.star.s2_1 {
  width: 5vh;
  top: -0.5h;
  animation: star1_1 6s infinite;
}
/* line 45, ./visual/css/components/star.scss */
.star.s2_2 {
  width: 4vh;
  top: 3.5vh;
  left: -4vh;
  animation: star1_2 6s infinite;
}
/* line 51, ./visual/css/components/star.scss */
.star.s2_3 {
  width: 3vh;
  top: 7vh;
  left: -7vh;
  animation: star1_3 6s infinite;
}
/* line 57, ./visual/css/components/star.scss */
.star.s2_4 {
  width: 2vh;
  top: 8vh;
  left: -2vh;
  animation: star1_4 6s infinite;
}
/* line 63, ./visual/css/components/star.scss */
.star.s2_5 {
  width: 1vh;
  top: 1vh;
  left: -2vh;
  animation: star1_5 6s infinite;
}
/* line 70, ./visual/css/components/star.scss */
.star.s3 {
  top: 50vh;
  right: 12vh;
}
/* line 73, ./visual/css/components/star.scss */
.star.s3_1 {
  width: 5vh;
  top: 0vh;
  left: 0vh;
  animation: star1_3 3s infinite;
}
/* line 79, ./visual/css/components/star.scss */
.star.s3_2 {
  width: 2vh;
  top: -2vh;
  left: 0vh;
  animation: star1_4 3s infinite;
}
/* line 85, ./visual/css/components/star.scss */
.star.s3_3 {
  width: 1.5vh;
  top: 3vh;
  left: 5vh;
  animation: star1_5 3s infinite;
}
/* line 92, ./visual/css/components/star.scss */
.star.s4 {
  top: 90vh;
  left: 100vh;
}
/* line 95, ./visual/css/components/star.scss */
.star.s4_1 {
  width: 5vh;
  top: 0vh;
  left: 0vh;
  animation: star1_2 4.5s infinite;
}
/* line 101, ./visual/css/components/star.scss */
.star.s4_2 {
  width: 4vh;
  top: -4vh;
  left: 5vh;
  animation: star1_3 4.5s infinite;
}
/* line 107, ./visual/css/components/star.scss */
.star.s4_3 {
  width: 2vh;
  top: -3vh;
  left: 0vh;
  animation: star1_4 4.5s infinite;
}
@keyframes star1_1 {
  /* line 117, ./visual/css/components/star.scss */
  0% {
    opacity: 0;
    transform: scale(0);
  }
  /* line 121, ./visual/css/components/star.scss */
  10% {
    opacity: 0;
    transform: scale(0);
  }
  /* line 125, ./visual/css/components/star.scss */
  20% {
    opacity: 1;
    transform: scale(1);
  }
  /* line 129, ./visual/css/components/star.scss */
  50% {
    opacity: 1;
    transform: scale(1);
  }
  /* line 133, ./visual/css/components/star.scss */
  100% {
    opacity: 0;
    transform: scale(1);
  }
}
@keyframes star1_2 {
  /* line 139, ./visual/css/components/star.scss */
  0% {
    opacity: 0;
    transform: scale(0);
  }
  /* line 143, ./visual/css/components/star.scss */
  10% {
    opacity: 0;
    transform: scale(0);
  }
  /* line 147, ./visual/css/components/star.scss */
  40% {
    opacity: 1;
    transform: scale(1);
  }
  /* line 151, ./visual/css/components/star.scss */
  30% {
    opacity: 1;
    transform: scale(1);
  }
  /* line 155, ./visual/css/components/star.scss */
  100% {
    opacity: 0;
    transform: scale(1);
  }
}
@keyframes star1_3 {
  /* line 161, ./visual/css/components/star.scss */
  0% {
    opacity: 0;
    transform: scale(0);
  }
  /* line 165, ./visual/css/components/star.scss */
  10% {
    opacity: 0;
    transform: scale(0);
  }
  /* line 169, ./visual/css/components/star.scss */
  40% {
    opacity: 1;
    transform: scale(1);
  }
  /* line 173, ./visual/css/components/star.scss */
  50% {
    opacity: 1;
    transform: scale(1);
  }
  /* line 177, ./visual/css/components/star.scss */
  100% {
    opacity: 0;
    transform: scale(1);
  }
}
@keyframes star1_4 {
  /* line 183, ./visual/css/components/star.scss */
  0% {
    opacity: 0;
  }
  /* line 186, ./visual/css/components/star.scss */
  40% {
    opacity: 0;
  }
  /* line 189, ./visual/css/components/star.scss */
  50% {
    opacity: 1;
  }
  /* line 192, ./visual/css/components/star.scss */
  100% {
    opacity: 0;
  }
}
@keyframes star1_5 {
  /* line 197, ./visual/css/components/star.scss */
  0% {
    opacity: 0;
  }
  /* line 200, ./visual/css/components/star.scss */
  30% {
    opacity: 0;
  }
  /* line 203, ./visual/css/components/star.scss */
  40% {
    opacity: 1;
  }
  /* line 206, ./visual/css/components/star.scss */
  100% {
    opacity: 0;
  }
}
/* line 1, ./visual/css/components/auth.scss */
.auth {
  text-align: center;
}
/* line 3, ./visual/css/components/auth.scss */
.auth__title {
  margin-bottom: 40px;
  margin-bottom: 4.4922vh;
}
/* line 7, ./visual/css/components/auth.scss */
.auth__text {
  width: 80%;
  margin: 40px auto 50px;
  margin-top: 4.4922vh;
  margin-bottom: 5.6152vh;
}
/* line 1, ./visual/css/components/lead.scss */
.lead {
  width: 40%;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 3.25%;
}
/* line 8, ./visual/css/components/lead.scss */
.lead__title {
  text-align: right;
  color: #0243b3;
}
/* line 12, ./visual/css/components/lead.scss */
.lead__column {
  width: 50%;
  width: 48vh;
  margin: 0 -50px 0 auto;
  margin-right: -7.8613vh;
}
/* line 18, ./visual/css/components/lead.scss */
.lead__text {
  font-size: 23px;
  font-size: 2.583vh;
  margin: -30px auto 40px;
  margin-top: -3.3691vh;
  margin-bottom: 4.4922vh;
}
/* line 1, ./visual/css/components/main-shuffler.scss */
.main-shuffler {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 50%;
  right: 0;
}
/* line 7, ./visual/css/components/main-shuffler.scss */
.main-shuffler__sizer {
  width: 35%;
  width: 34.4775vh;
  height: 0;
  padding-top: 70%;
  padding-top: 70.1904vh;
  position: absolute;
  top: 10%;
  bottom: 0%;
  left: 10%;
  margin: auto;
}
@media (max-width: 767px) {
  .main-shuffler__sizer {
    width: 33.6914vh;
  }
}
/* line 22, ./visual/css/components/main-shuffler.scss */
.main-shuffler__phone {
  display: block;
  width: 140%;
  position: absolute;
  top: -24%;
  left: -6%;
}
/* line 29, ./visual/css/components/main-shuffler.scss */
.main-shuffler__screen {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
/* line 1, ./visual/css/components/constructor-page.scss */
.constructor-page {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  transition: all 0.4s ease;
}
/* line 9, ./visual/css/components/constructor-page.scss */
.constructor-page.active {
  z-index: 2;
}
/* line 12, ./visual/css/components/constructor-page.scss */
.constructor-page.hidden {
  z-index: 0;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  pointer-events: none;
}
/* line 1, ./visual/css/components/steps.scss */
.step {
  text-align: center;
}
/* line 3, ./visual/css/components/steps.scss */
.step__title {
  font-size: 45px;
  font-size: 5.0537vh;
}
/* line 7, ./visual/css/components/steps.scss */
.step__icon {
  display: block;
  height: 114px;
  height: 12.8027vh;
  margin: 20px auto 20px;
  margin: 2.2461vhauto 2.2461vh;
}
/* line 19, ./visual/css/components/steps.scss */
.steps {
  text-align: center;
}
/* line 21, ./visual/css/components/steps.scss */
.steps__body {
  margin: 5% auto;
}
/* line 24, ./visual/css/components/steps.scss */
.steps__list {
  font-size: 0;
}
/* line 28, ./visual/css/components/steps.scss */
.steps__link {
  display: inline-block;
}
/* line 31, ./visual/css/components/steps.scss */
.steps .step {
  display: inline-block;
  vertical-align: top;
  width: 45vh;
  margin: 0 3%;
}
/* line 1, ./visual/css/components/wish.scss */
.wish {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
/* line 8, ./visual/css/components/wish.scss */
.wish__column {
  width: 35%;
  max-width: 700px;
  margin: 0 auto 0;
}
/* line 13, ./visual/css/components/wish.scss */
.wish__counter {
  font-weight: bold;
}
/* line 16, ./visual/css/components/wish.scss */
.wish__slogan {
  margin: 80px auto 20px;
  margin-top: 8.9844vh;
  margin-bottom: 2.2461vh;
  font-weight: bold;
  font-family: 'Avenir', Arial, sans-serif;
}
/* line 23, ./visual/css/components/wish.scss */
.wish__icon {
  display: block;
  width: 280px;
  width: 31.4453vh;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 10%;
  margin: auto;
  animation: wishImg 15s infinite;
}
/* line 33, ./visual/css/components/wish.scss */
.wish__icon-img {
  display: block;
  width: 100%;
  position: absolute !important;
  top: 0;
  bottom: 0;
  left: 0;
  margin: auto;
}
@keyframes wishImg {
  /* line 42, ./visual/css/components/wish.scss */
  0% {
    transform: scale(0.8) rotate(0deg);
  }
  /* line 46, ./visual/css/components/wish.scss */
  40% {
    transform: scale(1.05) rotate(5deg);
  }
  /* line 50, ./visual/css/components/wish.scss */
  65% {
    transform: scale(1) rotate(-3deg);
  }
  /* line 54, ./visual/css/components/wish.scss */
  100% {
    transform: scale(0.8) rotate(0deg);
  }
}
/* line 61, ./visual/css/components/wish.scss */
.wish .switchers {
  height: 100%;
  position: absolute;
  top: 0;
  right: 15%;
}
/* line 67, ./visual/css/components/wish.scss */
.wish__footer {
  margin: 100px auto 0;
  margin-top: 11.2305vh;
  text-align: center;
}
/* line 71, ./visual/css/components/wish.scss */
.wish__footer .iconed-btn {
  vertical-align: middle;
  margin-right: 30px;
  margin-right: 3.3691vh;
}
/* line 76, ./visual/css/components/wish.scss */
.wish__footer .panel {
  vertical-align: middle;
  font-size: 0;
}
/* line 81, ./visual/css/components/wish.scss */
.wish__control {
  display: inline-block;
  font-size: 0;
}
/* line 85, ./visual/css/components/wish.scss */
.wish__done-btn {
  vertical-align: middle;
}
/* line 88, ./visual/css/components/wish.scss */
/* line 89, ./visual/css/components/wish.scss */
.wish__text[data-font="pacifico"] {
  font-family: 'Pacifico', Arial, sans-serif;
}
/* line 92, ./visual/css/components/wish.scss */
.wish__text[data-font="neucha"] {
  font-family: 'Neucha', Arial, sans-serif;
}
/* line 95, ./visual/css/components/wish.scss */
.wish__text[data-font="bad-script"] {
  font-family: 'Bad Script', Arial, sans-serif;
}
/* line 98, ./visual/css/components/wish.scss */
.wish__text[data-font="pangolin"] {
  font-family: 'Pangolin', Arial, sans-serif;
}
/* line 101, ./visual/css/components/wish.scss */
.wish__text[data-font="caveat"] {
  font-family: 'Caveat', Arial, sans-serif;
}
/* line 106, ./visual/css/components/wish.scss */
.wish_compact {
  text-align: center;
}
/* line 108, ./visual/css/components/wish.scss */
.wish_compact .wish__column {
  width: 100%;
  max-width: none;
  padding: 0 10px;
  padding: 0 1.123vh;
}
/* line 114, ./visual/css/components/wish.scss */
.wish_compact .wish__output {
  margin-bottom: 60px;
  margin-bottom: 6.7383vh;
}
/* line 118, ./visual/css/components/wish.scss */
.wish_compact .wish__icon {
  width: auto;
  max-height: 13vh;
  position: relative;
  top: auto;
  bottom: auto;
  left: auto;
  right: auto;
  margin: 30px auto 30px;
  margin-top: 3.3691vh;
  margin-bottom: 3.3691vh;
}
/* line 131, ./visual/css/components/wish.scss */
.wish_compact .wish__slogan {
  margin-top: 0;
  margin-bottom: 40px;
  margin-bottom: 4.4922vh;
  font-size: 23px;
  font-size: 2.583vh;
}
/* line 1, ./visual/css/components/specs.scss */
.spec {
  white-space: nowrap;
}
/* line 3, ./visual/css/components/specs.scss */
.spec__icon {
  display: inline-block;
  vertical-align: middle;
  width: 63px;
  width: 7.0752vh;
  margin-right: 20px;
  margin-right: 2.2461vh;
}
/* line 11, ./visual/css/components/specs.scss */
.spec__text {
  display: inline-block;
  vertical-align: middle;
  font-family: 'Avenir', Arial, sans-serif;
  font-weight: bold;
}
/* line 20, ./visual/css/components/specs.scss */
/* line 21, ./visual/css/components/specs.scss */
.specs .spec {
  list-style: none;
}
/* line 24, ./visual/css/components/specs.scss */
.specs .spec + .spec {
  margin-top: 35px;
  margin-top: 3.9307vh;
}
/* line 28, ./visual/css/components/specs.scss */
.specs__footnote {
  margin-top: 10px;
  font-size: 11px;
}
/* line 32, ./visual/css/components/specs.scss */
.specs__footer {
  margin-top: 60px;
  margin-top: 6.7383vh;
}
/* line 1, ./visual/css/components/popup.scss */
.popup {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1000;
  text-align: center;
}
/* line 9, ./visual/css/components/popup.scss */
.popup__table {
  position: static;
}
/* line 12, ./visual/css/components/popup.scss */
.popup__cell {
  position: static;
}
/* line 15, ./visual/css/components/popup.scss */
.popup__overlay {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  opacity: 0.7;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
  background: black;
}
/* line 25, ./visual/css/components/popup.scss */
.popup__body {
  width: 750px;
  width: 84.2285vh;
  height: 450px;
  height: 50.5371vh;
  padding: 30px;
  padding: 3.3691vh;
  border-radius: 20px;
  border-radius: 2.2461vh;
  margin: 0 auto;
  overflow: hidden;
  background: #3992f3;
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#00fac1+1,c500e1+100 */
  background: -moz-linear-gradient(-45deg, rgba(3, 230, 247, 1) 0%, rgba(107, 70, 246, 1) 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(-45deg, rgba(3, 230, 247, 1) 0%, rgba(107, 70, 246, 1) 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(135deg, rgba(3, 230, 247, 1) 0%, rgba(107, 70, 246, 1) 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#03e6f7', endColorstr='#6b46f6',GradientType=1);
  /* IE6-9 fallback on horizontal gradient */
}
/* line 43, ./visual/css/components/popup.scss */
.popup__container {
  width: 100%;
  height: 100%;
}
/* line 47, ./visual/css/components/popup.scss */
.popup__decor {
  display: block;
  width: 30vh;
  position: absolute;
  margin: auto;
  opacity: 0.3;
}
/* line 53, ./visual/css/components/popup.scss */
.popup__decor-img {
  display: block;
  width: 100%;
}
/* line 57, ./visual/css/components/popup.scss */
.popup__decor_1 {
  top: 0vh;
  bottom: 20vh;
  left: -10vh;
  animation: icon1 16s infinite;
}
/* line 63, ./visual/css/components/popup.scss */
.popup__decor_2 {
  top: 20vh;
  bottom: 0vh;
  right: -12vh;
  animation: icon2 12s infinite;
}
/* line 70, ./visual/css/components/popup.scss */
.popup__close {
  width: 50px;
  width: 5.6152vh;
  height: 50px;
  height: 5.6152vh;
  position: absolute;
  top: 20px;
  top: 2.2461vh;
  right: 20px;
  right: 2.2461vh;
  cursor: pointer;
}
/* line 81, ./visual/css/components/popup.scss */
.popup__close:before, .popup__close:after {
  content: '';
  display: block;
  width: 100%;
  height: 7px;
  height: 0.7861vh;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  background: white;
  transition: all 0.4s ease;
}
/* line 97, ./visual/css/components/popup.scss */
.popup__close:before {
  transform: rotate(45deg);
}
/* line 100, ./visual/css/components/popup.scss */
.popup__close:after {
  transform: rotate(-45deg);
}
/* line 103, ./visual/css/components/popup.scss */
/* line 104, ./visual/css/components/popup.scss */
.popup__close:hover:before, .popup__close:hover:after {
  background: #0243b3;
}
/* line 301, ./visual/css/main.scss */
.wigets {
  font-size: 0;
  margin-top: -2vh;
}
@media (max-width: 767px) {
  .wigets {
    height: 70vh;
    white-space: nowrap;
  }
}
/* line 308, ./visual/css/main.scss */
.wigets .wiget {
  display: inline-block;
  vertical-align: top;
  width: 40%;
  height: 100%;
  margin: 0 30px;
}
@media (max-width: 767px) {
  .wigets .wiget {
    width: auto;
    min-width: 30%;
    height: auto;
    margin: -13vh -5% 0;
  }
  /* line 319, ./visual/css/main.scss */
  .wigets .wiget:not(.fixed) {
    transform: scale(0.55);
    transform-origin: center 35%;
  }
  /* line 323, ./visual/css/main.scss */
  .wigets .wiget.fixed {
    margin-left: 0%;
  }
}
/* line 331, ./visual/css/main.scss */
.invite {
  margin-top: 3vh;
}
/* line 333, ./visual/css/main.scss */
.invite__title {
  margin-bottom: -1vh;
}
@media (max-width: 767px) {
  .invite__title {
    font-size: 25px;
    font-size: 4.4922vh;
  }
}
/* line 346, ./visual/css/main.scss */
.input {
  display: block;
  width: 80%;
  margin: 20px auto 0;
  padding: 5px 10px;
  border: none;
  border-bottom: 2px solid white;
  font-size: 22px;
  font-size: 2.4707vh;
  color: white;
  background: transparent;
}
/* line 358, ./visual/css/main.scss */
::-webkit-input-placeholder {
  color: white;
}
/* line 361, ./visual/css/main.scss */
::-moz-placeholder {
  color: white;
}
/* line 364, ./visual/css/main.scss */
:-ms-input-placeholder {
  color: white;
}
/* line 367, ./visual/css/main.scss */
:-moz-placeholder {
  color: white;
}
/* line 370, ./visual/css/main.scss */
.form {
  display: block;
}
/* line 372, ./visual/css/main.scss */
.form input[type="submit"], .form button[type="submit"] {
  display: none;
}
/* line 378, ./visual/css/main.scss */
.to-main {
  position: absolute;
  top: 13vh;
  left: 3.25%;
}
/* line 384, ./visual/css/main.scss */
.audio {
  width: 0;
  height: 0;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
}
/* line 394, ./visual/css/main.scss */
.lock {
  display: none;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 100000;
  text-align: center;
  background: #3992f3;
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#00fac1+1,c500e1+100 */
  background: -moz-linear-gradient(-45deg, rgba(0, 250, 193, 1) 1%, rgba(197, 0, 225, 1) 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(-45deg, rgba(0, 250, 193, 1) 1%, rgba(197, 0, 225, 1) 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(135deg, rgba(0, 250, 193, 1) 1%, rgba(197, 0, 225, 1) 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00fac1', endColorstr='#c500e1',GradientType=1);
  /* IE6-9 fallback on horizontal gradient */
}
/* line 409, ./visual/css/main.scss */
.lock__icon {
  display: block;
  width: 150px;
  margin: 0 auto 30px;
}
/* line 414, ./visual/css/main.scss */
.lock__text {
  padding: 0 20px;
}
@media (max-width: 768px) and (orientation: portrait) {
  .lock {
    display: block;
  }
}
/* line 425, ./visual/css/main.scss */
.winner {
  list-style: none;
}
/* line 429, ./visual/css/main.scss */
.winners {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  text-align: center;
}
/* line 441, ./visual/css/main.scss */
.winners__list {
  display: flex;
  justify-content: center;
}
/* line 445, ./visual/css/main.scss */
.winners__col {
  margin: 4% 3% 0;
}
/* line 450, ./visual/css/main.scss */
.ie-8 .ie-hidden {
  display: none !important;
}
/* line 453, ./visual/css/main.scss */
body:not(.ie-8) .ie-visible {
  display: none !important;
}
/* line 457, ./visual/css/main.scss */
@media (max-width: 767px) {
  .v-desktop {
    display: none !important;
  }
}
/* line 462, ./visual/css/main.scss */
@media (min-width: 768px) {
  .v-mobile {
    display: none !important;
  }
}