@charset "UTF-8";

@font-face {
  font-family: 'icomoon';
  src: url(../fonts/icomoon.eot);
  src: url("../fonts/icomoon.eot#iefix") format("embedded-opentype"),url(../fonts/icomoon.ttf) format("truetype"),url(../fonts/icomoon.woff) format("woff"),url("../fonts/icomoon.svg#icomoon") format("svg");
  font-weight: 400;
  font-style: normal
}

[class^="icon-"], [class*=" icon-"] {
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale
}

.icon-facebook:before {
  content: ""
}

.icon-googleplus:before {
  content: ""
}

.icon-instagram:before {
  content: ""
}

.icon-linkedin:before {
  content: ""
}

.icon-twitter:before {
  content: ""
}

.icon-youtube:before {
  content: ""
}

.icon-tourism:before {
  content: ""
}

.icon-share:before {
  content: ""
}

.icon-sem_audio:before {
  content: ""
}

.icon-play:before {
  content: ""
}

.icon-opportunity:before {
  content: ""
}

.icon-multiplayer:before {
  content: ""
}

.icon-location_based:before {
  content: ""
}

.icon-forma1:before {
  content: ""
}

.icon-entertainment:before {
  content: ""
}

.icon-education:before {
  content: ""
}

.icon-download:before {
  content: ""
}

.icon-devices:before {
  content: ""
}

.icon-cultural:before {
  content: ""
}

.icon-concept:before {
  content: ""
}

.icon-audio:before {
  content: ""
}

.icon-askdemo:before {
  content: ""
}

.icon-art:before {
  content: ""
}

.icon-arrow:before {
  content: ""
}

.icon-ar:before {
  content: ""
}

.icon-360:before {
  content: ""
}

.icon-mouse:before {
  content: ""
}

html {
  font-family: sans-serif;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%
}

body {
  margin: 0
}

article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
  display: block
}

audio, canvas, progress, video {
  display: inline-block;
  vertical-align: baseline
}

  audio:not([controls]) {
    display: none;
    height: 0
  }

[hidden], template {
  display: none
}

abbr[title] {
  border-bottom: 1px dotted
}

b, strong {
  font-weight: 700
}

dfn {
  font-style: italic
}

h1 {
  margin: 0
}

mark {
  background: #ff0;
  color: #000
}

small {
  font-size: 80%
}

sub, sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline
}

sup {
  top: -.5em
}

sub {
  bottom: -.25em
}

img {
  border: 0
}

svg:not(:root) {
  overflow: hidden
}

figure {
  margin: 1em 40px
}

hr {
  margin: 0;
  border: 0
}

pre {
  overflow: auto
}

code, kbd, pre, samp {
  font-family: monospace,monospace;
  font-size: 1em
}

button, input, optgroup, select, textarea {
  color: inherit;
  font: inherit;
  margin: 0
}

button {
  overflow: visible
}

button, select {
  text-transform: none
}

button, html input[type="button"], input[type="reset"], input[type="submit"] {
  -webkit-appearance: button;
  cursor: pointer
}

  button[disabled], html input[disabled] {
    cursor: default
  }

  button::-moz-focus-inner, input::-moz-focus-inner {
    border: 0;
    padding: 0
  }

input {
  line-height: normal
}

  input[type="checkbox"], input[type="radio"] {
    box-sizing: border-box;
    padding: 0
  }

  input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button {
    height: auto
  }

  input[type="search"] {
    -webkit-appearance: textfield;
    box-sizing: content-box
  }

    input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {
      -webkit-appearance: none
    }

fieldset {
  border: 1px solid silver;
  margin: 0 2px;
  padding: .35em .625em .75em
}

legend {
  border: 0;
  padding: 0
}

textarea {
  overflow: auto
}

optgroup {
  font-weight: 700
}

table {
  border-collapse: collapse;
  border-spacing: 0
}

td, th {
  padding: 0
}

* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box
}

  *:before, *:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
  }

html {
  font-size: 10px;
  -webkit-tap-highlight-color: transparent
}

body {
  font-family: "Montserrat",Arial,sans-serif;
  font-size: 14px;
  line-height: 1.42857;
  color: #333;
  background-color: #fff
}

input, button, select, textarea {
  font-family: inherit;
  font-size: inherit;
  line-height: inherit
}

figure {
  margin: 0
}

img {
  vertical-align: middle
}

.img-responsive {
  display: block;
  max-width: 100%;
  height: auto
}

.img-rounded {
  border-radius: 6px
}

.img-thumbnail {
  padding: 4px;
  line-height: 1.42857;
  background-color: #fff;
  border: 1px solid #ddd;
  border-radius: 4px;
  -webkit-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  display: inline-block;
  max-width: 100%;
  height: auto
}

.img-circle {
  border-radius: 50%
}

.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0,0,0,0);
  border: 0
}

.sr-only-focusable:active, .sr-only-focusable:focus {
  position: static;
  width: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  clip: auto
}

[role="button"] {
  cursor: pointer
}

.container {
  margin-right: auto;
  margin-left: auto;
  padding-left: 30px;
  padding-right: 30px;
  max-width: 1170px;
  min-height: 0
}

  .container:before, .container:after {
    content: " ";
    display: table
  }

  .container:after {
    clear: both
  }

.container-fluid {
  margin-right: auto;
  margin-left: auto;
  padding-left: 30px;
  padding-right: 30px
}

  .container-fluid:before, .container-fluid:after {
    content: " ";
    display: table
  }

  .container-fluid:after {
    clear: both
  }

.row {
  margin-left: -30px;
  margin-right: -30px
}

  .row:before, .row:after {
    content: " ";
    display: table
  }

  .row:after {
    clear: both
  }

.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
  min-height: 1px;
  padding-left: 30px;
  padding-right: 30px;
  float: left
}

.col-xs-1 {
  width: 8.33333%
}

.col-xs-2 {
  width: 16.66667%
}

.col-xs-3 {
  width: 25%
}

.col-xs-4 {
  width: 33.33333%
}

.col-xs-5 {
  width: 41.66667%
}

.col-xs-6 {
  width: 50%
}

.col-xs-7 {
  width: 58.33333%
}

.col-xs-8 {
  width: 66.66667%
}

.col-xs-9 {
  width: 75%
}

.col-xs-10 {
  width: 83.33333%
}

.col-xs-11 {
  width: 91.66667%
}

.col-xs-12 {
  width: 100%
}

.col-xs-pull-0 {
  right: auto
}

.col-xs-pull-1 {
  right: 8.33333%
}

.col-xs-pull-2 {
  right: 16.66667%
}

.col-xs-pull-3 {
  right: 25%
}

.col-xs-pull-4 {
  right: 33.33333%
}

.col-xs-pull-5 {
  right: 41.66667%
}

.col-xs-pull-6 {
  right: 50%
}

.col-xs-pull-7 {
  right: 58.33333%
}

.col-xs-pull-8 {
  right: 66.66667%
}

.col-xs-pull-9 {
  right: 75%
}

.col-xs-pull-10 {
  right: 83.33333%
}

.col-xs-pull-11 {
  right: 91.66667%
}

.col-xs-pull-12 {
  right: 100%
}

.col-xs-push-0 {
  left: auto
}

.col-xs-push-1 {
  left: 8.33333%
}

.col-xs-push-2 {
  left: 16.66667%
}

.col-xs-push-3 {
  left: 25%
}

.col-xs-push-4 {
  left: 33.33333%
}

.col-xs-push-5 {
  left: 41.66667%
}

.col-xs-push-6 {
  left: 50%
}

.col-xs-push-7 {
  left: 58.33333%
}

.col-xs-push-8 {
  left: 66.66667%
}

.col-xs-push-9 {
  left: 75%
}

.col-xs-push-10 {
  left: 83.33333%
}

.col-xs-push-11 {
  left: 91.66667%
}

.col-xs-push-12 {
  left: 100%
}

.col-xs-offset-0 {
  margin-left: 0%
}

.col-xs-offset-1 {
  margin-left: 8.33333%
}

.col-xs-offset-2 {
  margin-left: 16.66667%
}

.col-xs-offset-3 {
  margin-left: 25%
}

.col-xs-offset-4 {
  margin-left: 33.33333%
}

.col-xs-offset-5 {
  margin-left: 41.66667%
}

.col-xs-offset-6 {
  margin-left: 50%
}

.col-xs-offset-7 {
  margin-left: 58.33333%
}

.col-xs-offset-8 {
  margin-left: 66.66667%
}

.col-xs-offset-9 {
  margin-left: 75%
}

.col-xs-offset-10 {
  margin-left: 83.33333%
}

.col-xs-offset-11 {
  margin-left: 91.66667%
}

.col-xs-offset-12 {
  margin-left: 100%
}

@media (min-width:768px) {
  .col-sm-1 {
    width: 8.33333%
  }

  .col-sm-2 {
    width: 16.66667%
  }

  .col-sm-3 {
    width: 25%
  }

  .col-sm-4 {
    width: 33.33333%
  }

  .col-sm-5 {
    width: 41.66667%
  }

  .col-sm-6 {
    width: 50%
  }

  .col-sm-7 {
    width: 58.33333%
  }

  .col-sm-8 {
    width: 66.66667%
  }

  .col-sm-9 {
    width: 75%
  }

  .col-sm-10 {
    width: 83.33333%
  }

  .col-sm-11 {
    width: 91.66667%
  }

  .col-sm-12 {
    width: 100%
  }

  .col-sm-pull-0 {
    right: auto
  }

  .col-sm-pull-1 {
    right: 8.33333%
  }

  .col-sm-pull-2 {
    right: 16.66667%
  }

  .col-sm-pull-3 {
    right: 25%
  }

  .col-sm-pull-4 {
    right: 33.33333%
  }

  .col-sm-pull-5 {
    right: 41.66667%
  }

  .col-sm-pull-6 {
    right: 50%
  }

  .col-sm-pull-7 {
    right: 58.33333%
  }

  .col-sm-pull-8 {
    right: 66.66667%
  }

  .col-sm-pull-9 {
    right: 75%
  }

  .col-sm-pull-10 {
    right: 83.33333%
  }

  .col-sm-pull-11 {
    right: 91.66667%
  }

  .col-sm-pull-12 {
    right: 100%
  }

  .col-sm-push-0 {
    left: auto
  }

  .col-sm-push-1 {
    left: 8.33333%
  }

  .col-sm-push-2 {
    left: 16.66667%
  }

  .col-sm-push-3 {
    left: 25%
  }

  .col-sm-push-4 {
    left: 33.33333%
  }

  .col-sm-push-5 {
    left: 41.66667%
  }

  .col-sm-push-6 {
    left: 50%
  }

  .col-sm-push-7 {
    left: 58.33333%
  }

  .col-sm-push-8 {
    left: 66.66667%
  }

  .col-sm-push-9 {
    left: 75%
  }

  .col-sm-push-10 {
    left: 83.33333%
  }

  .col-sm-push-11 {
    left: 91.66667%
  }

  .col-sm-push-12 {
    left: 100%
  }

  .col-sm-offset-0 {
    margin-left: 0%
  }

  .col-sm-offset-1 {
    margin-left: 8.33333%
  }

  .col-sm-offset-2 {
    margin-left: 16.66667%
  }

  .col-sm-offset-3 {
    margin-left: 25%
  }

  .col-sm-offset-4 {
    margin-left: 33.33333%
  }

  .col-sm-offset-5 {
    margin-left: 41.66667%
  }

  .col-sm-offset-6 {
    margin-left: 50%
  }

  .col-sm-offset-7 {
    margin-left: 58.33333%
  }

  .col-sm-offset-8 {
    margin-left: 66.66667%
  }

  .col-sm-offset-9 {
    margin-left: 75%
  }

  .col-sm-offset-10 {
    margin-left: 83.33333%
  }

  .col-sm-offset-11 {
    margin-left: 91.66667%
  }

  .col-sm-offset-12 {
    margin-left: 100%
  }
}

@media (min-width:992px) {
  .col-md-1 {
    width: 8.33333%
  }

  .col-md-2 {
    width: 16.66667%
  }

  .col-md-3 {
    width: 25%
  }

  .col-md-4 {
    width: 33.33333%
  }

  .col-md-5 {
    width: 41.66667%
  }

  .col-md-6 {
    width: 50%
  }

  .col-md-7 {
    width: 58.33333%
  }

  .col-md-8 {
    width: 66.66667%
  }

  .col-md-9 {
    width: 75%
  }

  .col-md-10 {
    width: 83.33333%
  }

  .col-md-11 {
    width: 91.66667%
  }

  .col-md-12 {
    width: 100%
  }

  .col-md-pull-0 {
    right: auto
  }

  .col-md-pull-1 {
    right: 8.33333%
  }

  .col-md-pull-2 {
    right: 16.66667%
  }

  .col-md-pull-3 {
    right: 25%
  }

  .col-md-pull-4 {
    right: 33.33333%
  }

  .col-md-pull-5 {
    right: 41.66667%
  }

  .col-md-pull-6 {
    right: 50%
  }

  .col-md-pull-7 {
    right: 58.33333%
  }

  .col-md-pull-8 {
    right: 66.66667%
  }

  .col-md-pull-9 {
    right: 75%
  }

  .col-md-pull-10 {
    right: 83.33333%
  }

  .col-md-pull-11 {
    right: 91.66667%
  }

  .col-md-pull-12 {
    right: 100%
  }

  .col-md-push-0 {
    left: auto
  }

  .col-md-push-1 {
    left: 8.33333%
  }

  .col-md-push-2 {
    left: 16.66667%
  }

  .col-md-push-3 {
    left: 25%
  }

  .col-md-push-4 {
    left: 33.33333%
  }

  .col-md-push-5 {
    left: 41.66667%
  }

  .col-md-push-6 {
    left: 50%
  }

  .col-md-push-7 {
    left: 58.33333%
  }

  .col-md-push-8 {
    left: 66.66667%
  }

  .col-md-push-9 {
    left: 75%
  }

  .col-md-push-10 {
    left: 83.33333%
  }

  .col-md-push-11 {
    left: 91.66667%
  }

  .col-md-push-12 {
    left: 100%
  }

  .col-md-offset-0 {
    margin-left: 0%
  }

  .col-md-offset-1 {
    margin-left: 8.33333%
  }

  .col-md-offset-2 {
    margin-left: 16.66667%
  }

  .col-md-offset-3 {
    margin-left: 25%
  }

  .col-md-offset-4 {
    margin-left: 33.33333%
  }

  .col-md-offset-5 {
    margin-left: 41.66667%
  }

  .col-md-offset-6 {
    margin-left: 50%
  }

  .col-md-offset-7 {
    margin-left: 58.33333%
  }

  .col-md-offset-8 {
    margin-left: 66.66667%
  }

  .col-md-offset-9 {
    margin-left: 75%
  }

  .col-md-offset-10 {
    margin-left: 83.33333%
  }

  .col-md-offset-11 {
    margin-left: 91.66667%
  }

  .col-md-offset-12 {
    margin-left: 100%
  }
}

@media (min-width:1200px) {
  .col-lg-1 {
    width: 8.33333%
  }

  .col-lg-2 {
    width: 16.66667%
  }

  .col-lg-3 {
    width: 25%
  }

  .col-lg-4 {
    width: 33.33333%
  }

  .col-lg-5 {
    width: 41.66667%
  }

  .col-lg-6 {
    width: 50%
  }

  .col-lg-7 {
    width: 58.33333%
  }

  .col-lg-8 {
    width: 66.66667%
  }

  .col-lg-9 {
    width: 75%
  }

  .col-lg-10 {
    width: 83.33333%
  }

  .col-lg-11 {
    width: 91.66667%
  }

  .col-lg-12 {
    width: 100%
  }

  .col-lg-pull-0 {
    right: auto
  }

  .col-lg-pull-1 {
    right: 8.33333%
  }

  .col-lg-pull-2 {
    right: 16.66667%
  }

  .col-lg-pull-3 {
    right: 25%
  }

  .col-lg-pull-4 {
    right: 33.33333%
  }

  .col-lg-pull-5 {
    right: 41.66667%
  }

  .col-lg-pull-6 {
    right: 50%
  }

  .col-lg-pull-7 {
    right: 58.33333%
  }

  .col-lg-pull-8 {
    right: 66.66667%
  }

  .col-lg-pull-9 {
    right: 75%
  }

  .col-lg-pull-10 {
    right: 83.33333%
  }

  .col-lg-pull-11 {
    right: 91.66667%
  }

  .col-lg-pull-12 {
    right: 100%
  }

  .col-lg-push-0 {
    left: auto
  }

  .col-lg-push-1 {
    left: 8.33333%
  }

  .col-lg-push-2 {
    left: 16.66667%
  }

  .col-lg-push-3 {
    left: 25%
  }

  .col-lg-push-4 {
    left: 33.33333%
  }

  .col-lg-push-5 {
    left: 41.66667%
  }

  .col-lg-push-6 {
    left: 50%
  }

  .col-lg-push-7 {
    left: 58.33333%
  }

  .col-lg-push-8 {
    left: 66.66667%
  }

  .col-lg-push-9 {
    left: 75%
  }

  .col-lg-push-10 {
    left: 83.33333%
  }

  .col-lg-push-11 {
    left: 91.66667%
  }

  .col-lg-push-12 {
    left: 100%
  }

  .col-lg-offset-0 {
    margin-left: 0%
  }

  .col-lg-offset-1 {
    margin-left: 8.33333%
  }

  .col-lg-offset-2 {
    margin-left: 16.66667%
  }

  .col-lg-offset-3 {
    margin-left: 25%
  }

  .col-lg-offset-4 {
    margin-left: 33.33333%
  }

  .col-lg-offset-5 {
    margin-left: 41.66667%
  }

  .col-lg-offset-6 {
    margin-left: 50%
  }

  .col-lg-offset-7 {
    margin-left: 58.33333%
  }

  .col-lg-offset-8 {
    margin-left: 66.66667%
  }

  .col-lg-offset-9 {
    margin-left: 75%
  }

  .col-lg-offset-10 {
    margin-left: 83.33333%
  }

  .col-lg-offset-11 {
    margin-left: 91.66667%
  }

  .col-lg-offset-12 {
    margin-left: 100%
  }
}

.clearfix:before, .clearfix:after {
  content: " ";
  display: table
}

.clearfix:after {
  clear: both
}

.center-block {
  display: block;
  margin-left: auto;
  margin-right: auto
}

.pull-right {
  float: right !important
}

.pull-left {
  float: left !important
}

.hide {
  display: none !important
}

.show {
  display: block !important
}

.invisible {
  visibility: hidden
}

.text-hide {
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0
}

.hidden {
  display: none !important
}

.affix {
  position: fixed
}

@-ms-viewport {
  width: device-width
}

.visible-xs {
  display: none !important
}

.visible-sm {
  display: none !important
}

.visible-md {
  display: none !important
}

.visible-lg {
  display: none !important
}

.visible-xs-block, .visible-xs-inline, .visible-xs-inline-block, .visible-sm-block, .visible-sm-inline, .visible-sm-inline-block, .visible-md-block, .visible-md-inline, .visible-md-inline-block, .visible-lg-block, .visible-lg-inline, .visible-lg-inline-block {
  display: none !important
}

@media (max-width:767px) {
  .splitItems {
    display: none
  }

  .visible-xs {
    display: block !important
  }

  table.visible-xs {
    display: table !important
  }

  tr.visible-xs {
    display: table-row !important
  }

  th.visible-xs, td.visible-xs {
    display: table-cell !important
  }
}

@media (max-width:767px) {
  .visible-xs-block {
    display: block !important
  }
}

@media (max-width:767px) {
  .visible-xs-inline {
    display: inline !important
  }
}

@media (max-width:767px) {
  .visible-xs-inline-block {
    display: inline-block !important
  }
}

@media (min-width:768px) and (max-width:991px) {
  .visible-sm {
    display: block !important
  }

  table.visible-sm {
    display: table !important
  }

  tr.visible-sm {
    display: table-row !important
  }

  th.visible-sm, td.visible-sm {
    display: table-cell !important
  }
}

@media (min-width:768px) and (max-width:991px) {
  .visible-sm-block {
    display: block !important
  }
}

@media (min-width:768px) and (max-width:991px) {
  .visible-sm-inline {
    display: inline !important
  }
}

@media (min-width:768px) and (max-width:991px) {
  .visible-sm-inline-block {
    display: inline-block !important
  }
}

@media (min-width:992px) and (max-width:1199px) {
  .visible-md {
    display: block !important
  }

  table.visible-md {
    display: table !important
  }

  tr.visible-md {
    display: table-row !important
  }

  th.visible-md, td.visible-md {
    display: table-cell !important
  }
}

@media (min-width:992px) and (max-width:1199px) {
  .visible-md-block {
    display: block !important
  }
}

@media (min-width:992px) and (max-width:1199px) {
  .visible-md-inline {
    display: inline !important
  }
}

@media (min-width:992px) and (max-width:1199px) {
  .visible-md-inline-block {
    display: inline-block !important
  }
}

@media (min-width:1200px) {
  .visible-lg {
    display: block !important
  }

  table.visible-lg {
    display: table !important
  }

  tr.visible-lg {
    display: table-row !important
  }

  th.visible-lg, td.visible-lg {
    display: table-cell !important
  }
}

@media (min-width:1200px) {
  .visible-lg-block {
    display: block !important
  }
}

@media (min-width:1200px) {
  .visible-lg-inline {
    display: inline !important
  }
}

@media (min-width:1200px) {
  .visible-lg-inline-block {
    display: inline-block !important
  }
}

@media (max-width:767px) {
  .hidden-xs {
    display: none !important
  }
}

@media (min-width:768px) and (max-width:991px) {
  .hidden-sm {
    display: none !important
  }
}

@media (min-width:992px) and (max-width:1199px) {
  .hidden-md {
    display: none !important
  }
}

@media (min-width:1200px) {
  .hidden-lg {
    display: none !important
  }
}

.visible-print {
  display: none !important
}

@media print {
  .visible-print {
    display: block !important
  }

  table.visible-print {
    display: table !important
  }

  tr.visible-print {
    display: table-row !important
  }

  th.visible-print, td.visible-print {
    display: table-cell !important
  }
}

.visible-print-block {
  display: none !important
}

@media print {
  .visible-print-block {
    display: block !important
  }
}

.visible-print-inline {
  display: none !important
}

@media print {
  .visible-print-inline {
    display: inline !important
  }
}

.visible-print-inline-block {
  display: none !important
}

@media print {
  .visible-print-inline-block {
    display: inline-block !important
  }
}

@media print {
  .hidden-print {
    display: none !important
  }
}

html:not(#homepage) body {
  overflow-x: hidden
}

body {
  -webkit-transition: opacity 1s ease;
  -moz-transition: opacity 1s ease;
  transition: opacity 1s ease
}

a {
  text-decoration: none
}

table {
  margin: 0;
  padding: 0;
  border: 0;
  width: 100%
}

html:not(#homepage) img {
  max-width: 100%;
  height: auto
}

button, input, select, textarea {
  -webkit-appearance: none;
  appearance: none;
  border: 0;
  padding: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
  outline-offset: 0;
  outline: 0;
  background-color: transparent
}

button {
  cursor: pointer
}

h1, h2, h3, h4, h5, h6, p {
  margin: 0;
  padding: 0;
  font-weight: 400
}

menu, ol, ul {
  list-style: none;
  padding: 0;
  margin: 0
}

.noselect {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none
}

.xs-breakpoint, .sm-breakpoint, .md-breakpoint, .lg-breakpoint {
  display: none
}

.xs-breakpoint {
  display: block
}

@media screen and (min-width:768px) {
  .sm-breakpoint {
    display: block
  }
}

@media screen and (min-width:992px) {
  .md-breakpoint {
    display: block
  }
}

@media screen and (min-width:1200px) {
  .lg-breakpoint {
    display: block
  }
}

.pull-right {
  float: right
}

.white-space {
  height: 100px
}

.exit-page {
  opacity: 0 !important
}

.loading-page {
  opacity: 0
}

.text-uppercase {
  text-transform: uppercase
}

.text-center {
  text-align: center
}

.text-right {
  text-align: right
}

.title-logo {
  display: inline-block;
  padding: 8px 20px;
  position: relative;
  margin-bottom: 35px;
  z-index: 1;
  font-size: 40px;
  font-weight: 700;
  letter-spacing: 3px;
  text-transform: uppercase
}

  .title-logo:before, .title-logo:after {
    content: '';
    display: block;
    width: 10px;
    height: 20px;
    position: absolute;
    border-top: 3px solid #FFD800;
    border-right: 3px solid #FFD800
  }

  .title-logo:before {
    top: -2px;
    right: -2px
  }

  .title-logo:after {
    bottom: -2px;
    left: -2px;
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg)
  }

.title-h3 {
  margin-top: 30px;
  margin-bottom: 60px;
  font-family: 'Expletus Sans',cursive;
  font-size: 60px;
  font-weight: 600
}

.p-lead {
  position: relative;
  margin-bottom: 30px;
  z-index: 1;
  font-family: 'Montserrat',sans-serif;
  font-size: 20px;
  line-height: 35px
}

  .p-lead:before {
    content: '';
    display: block;
    width: 1px;
    height: 100%;
    position: absolute;
    top: 0;
    left: -30px;
    background: #606060
  }

.p-lead--bold {
  font-weight: 600
}

.p-lead--title:before {
  display: none
}

.p-intro {
  position: relative;
  margin-bottom: 32px;
  z-index: 1;
  font-size: 16px;
  font-weight: 400;
  line-height: 26px
}

@media (max-width:768px) {
  .title-logo {
    font-size: 25px
  }

  .p-lead {
    margin-bottom: 25px;
    font-size: 16px;
    line-height: 26px
  }

  .p-intro {
    font-size: 13px;
    line-height: 23px
  }
}

.form-demo label {
  cursor: pointer;
  font-size: 14px;
  font-weight: 600
}

.form-demo input[type="text"], .form-demo input[type="email"], .form-demo input[type="password"] {
  display: block;
  width: 100%;
  height: 30px;
  position: relative;
  border: none;
  border-bottom: 1px solid #606060;
  color: #aaa
}

.form-demo textarea {
  display: block;
  width: 100%;
  max-width: 100%;
  height: 60px;
  border: none;
  border-bottom: 1px solid #606060
}

  .form-demo input[type="text"]:focus + span.line, .form-demo input[type="email"]:focus + span.line, .form-demo input[type="password"]:focus + span.line, .form-demo textarea:focus + span.line {
    width: 100%
  }

  .form-demo input[type="text"] + span.line, .form-demo input[type="email"] + span.line, .form-demo input[type="password"] + span.line, .form-demo textarea + span.line {
    display: block;
    width: 0;
    height: 1px;
    position: relative;
    margin-top: -1px;
    margin-bottom: 51px;
    background-color: #FFD800;
    -webkit-transition: width 0.4s cubic-bezier(.165,.84,.44,1);
    -moz-transition: width 0.4s cubic-bezier(.165,.84,.44,1);
    transition: width 0.4s cubic-bezier(.165,.84,.44,1)
  }

.warning {
  padding: 10px 20px;
  font-size: 15px;
  border-radius: 30px;
  text-align: center
}

  .warning.success {
    background: #c9f5c9
  }

  .warning.error {
    margin-bottom: 40px;
    background: #f5c9c9
  }

input + label.error, textarea + label.error {
  display: block;
  margin-top: 5px;
  margin-bottom: 30px;
  color: red;
  font-size: 12px;
  font-weight: 100
}

.g-recaptcha {
  -webkit-transform: scale(.8);
  -moz-transform: scale(.8);
  -ms-transform: scale(.8);
  -o-transform: scale(.8);
  transform: scale(.8);
  -webkit-transform-origin: top left;
  transform-origin: top left
}

@media screen and (min-width:768px) {
  .form-demo-send {
    text-align: right
  }
}

.btn {
  min-width: 165px;
  -webkit-border-radius: 55px;
  border-radius: 55px;
  font-size: 14px;
  font-weight: 600;
  line-height: 55px;
  text-transform: uppercase
}

  .btn.btn-default {
    background-color: #e1e1e1;
    color: #121313;
    -webkit-transition: background 0.4s ease,color 0.2s ease;
    -moz-transition: background 0.4s ease,color 0.2s ease;
    transition: background 0.4s ease,color 0.2s ease
  }

    .btn.btn-default:hover {
      background-color: #121313;
      color: white
    }

@keyframes animStar {
  from {
    transform: translateY(0)
  }

  to {
    transform: translateY(-2000px)
  }
}

html:not(#homepage) .head-menu {
  height: 100px;
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  z-index: 9000;
   background-color: #121313;
  transition: background 0.3s ease,border 0.3s ease
}

  html:not(#homepage) .head-menu.light {
    border-bottom-color: #aaa;
    background-color: white
  }

    html:not(#homepage) .head-menu.light .st0 {
      transition: all 0.2s ease;
      fill: #121313 !important
    }

    html:not(#homepage) .head-menu.light #logo-main-top, html:not(#homepage) .head-menu.light #logo-main-bottom {
      fill: #FFD800 !important
    }

    html:not(#homepage) .head-menu.light button {
      color: #121313;
      transition: all 0.2s ease
    }

    html:not(#homepage) .head-menu.light .page-menu a:hover {
      color: #121313
    }

  html:not(#homepage) .head-menu .row, html:not(#homepage) .bottom .row {
    padding: 20px 100px;
    margin: 0 auto
  }

html:not(#homepage) .logo {
  display: inline-block;
  width: 216px;
  height: 27px;
  margin-top: 10px
}

  html:not(#homepage) .logo img {
    max-width: 100%
  }

html:not(#homepage) .page-menu {
  padding: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%)
}

  html:not(#homepage) .page-menu li {
    display: inline-block;
    position: relative;
    list-style-type: none
  }

    html:not(#homepage) .page-menu li:before {
      content: '';
      display: block;
      width: 3px;
      height: 3px;
      position: absolute;
      top: 50%;
      left: 0;
      border-radius: 3px;
      background-color: #606060
    }

    html:not(#homepage) .page-menu li:first-child:before {
      display: none
    }

  html:not(#homepage) .page-menu a {
    margin: 0 35px;
    color: #606060;
    font-size: 13px;
    font-weight: 700;
    text-transform: uppercase;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease
  }

    html:not(#homepage) .page-menu a.active {
      color: #aaa
    }

    html:not(#homepage) .page-menu a:hover {
      color: white
    }

html:not(#homepage) .burguer-menu, html:not(#homepage) .share-close {
  padding: 20px 0;
  float: right;
  margin-top: -75px;
  margin-right: 80px;
  border: none;
  outline: none;
  background-color: transparent;
  color: white;
  font-family: 'Montserrat',sans-serif;
  font-size: 14px;
  font-weight: 700;
  letter-spacing: 4px;
  text-transform: uppercase;
  cursor: pointer;
  transition: transform 1s ease;
  transition-delay: 1s
}

  html:not(#homepage) .burguer-menu.active, html:not(#homepage) .share-close.active {
    color: #aaa
  }

    html:not(#homepage) .burguer-menu.active:hover span, html:not(#homepage) .burguer-menu.active span, html:not(#homepage) .share-close.active:hover span, html:not(#homepage) .share-close.active span {
      margin-left: 10px
    }

  html:not(#homepage) .burguer-menu i, html:not(#homepage) .share-close i {
    opacity: 0;
    font-style: normal;
    transition: opacity 0.4s ease
  }

  html:not(#homepage) .burguer-menu span, html:not(#homepage) .share-close span {
    display: inline-block;
    width: 20px;
    height: 2px;
    position: relative;
    margin-bottom: 5px;
    margin-left: 12px;
    background-color: #FFD800;
    transition: all 0.2s ease
  }

    html:not(#homepage) .burguer-menu span u, html:not(#homepage) .share-close span u {
      display: block;
      width: 2px;
      height: 20px;
      position: absolute;
      top: 50%;
      left: 50%;
      margin-left: -1px;
      transform: translateY(-50%);
      background-color: #FFD800;
      opacity: 0
    }

    html:not(#homepage) .burguer-menu span:before, html:not(#homepage) .burguer-menu span:after, html:not(#homepage) .share-close span:before, html:not(#homepage) .share-close span:after {
      content: '';
      display: block;
      width: 20px;
      height: 2px;
      position: absolute;
      background-color: #FFD800;
      transition: all 0.2s ease
    }

    html:not(#homepage) .burguer-menu span:before, html:not(#homepage) .share-close span:before {
      bottom: 100%;
      transform: translateY(-4px)
    }

    html:not(#homepage) .burguer-menu span:after, html:not(#homepage) .share-close span:after {
      top: 100%;
      transform: translateY(4px)
    }

html:not(#homepage) .burguer-menu {
  transition: transform 1s ease,letter-spacing 0.8s ease;
  transition-delay: 0s
}

  html:not(#homepage) .burguer-menu:hover span {
    width: 30px !important;
    margin-left: 2px;
    transform: translatex(5px)
  }

    html:not(#homepage) .burguer-menu:hover span:before, html:not(#homepage) .burguer-menu:hover span:after {
      width: 30px
    }

html:not(#homepage) .menu-container, html:not(#homepage) .share-container {
  height: 0;
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  overflow: hidden;
  transition: all 1.5s cubic-bezier(1,0,0,1)
}

html:not(#homepage) .head-menu--open {
  z-index: 9500
}

  html:not(#homepage) .head-menu--open .burguer-menu {
    position: relative;
    transform: translateY(60px);
    z-index: 100;
    color: white !important;
    transition-delay: 1s
  }

    html:not(#homepage) .head-menu--open .burguer-menu i {
      opacity: 1
    }

    html:not(#homepage) .head-menu--open .burguer-menu span {
      width: 20px !important;
      transform: rotate(45deg)
    }

      html:not(#homepage) .head-menu--open .burguer-menu span u {
        opacity: 1;
        transition-delay: 0.1s
      }

      html:not(#homepage) .head-menu--open .burguer-menu span:before {
        width: 20px !important;
        transform: translateY(-4px) scale(.1,1);
        opacity: 0
      }

      html:not(#homepage) .head-menu--open .burguer-menu span:after {
        width: 20px !important;
        transform: translateY(4px) scale(.1,1);
        opacity: 0
      }

  html:not(#homepage) .head-menu--open .menu-container {
    display: block;
    height: auto;
    bottom: 0
  }

    html:not(#homepage) .head-menu--open .menu-container .menu-container__background {
      max-height: 100%;
      opacity: 1
    }

html:not(#homepage) .menu-container__background {
  height: 100%;
  max-height: 0;
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  overflow: hidden;
  background-color: #101010;
  opacity: 0;
  transition: all 1.5s cubic-bezier(1,0,0,1)
}

html:not(#homepage) #stars, html:not(#homepage) #stars:after, html:not(#homepage) #stars2, html:not(#homepage) #stars3 {
  border-radius: 30px;
  opacity: .2
}

html:not(#homepage) #stars {
  width: 1px;
  height: 1px;
  background: transparent;
  box-shadow: 1424px 1120px 1px #fff,1549px 143px 1px #fff,808px 866px 1px #fff,1011px 91px 1px #fff,206px 1817px 1px #fff,127px 245px 1px #fff,523px 1075px 1px #fff,84px 1254px 1px #fff,1443px 724px 1px #fff,208px 483px 1px #fff,1388px 1351px 1px #fff,753px 1644px 1px #fff,35px 1944px 1px #fff,513px 1169px 1px #fff,1918px 1419px 1px #fff,767px 543px 1px #fff,1516px 1365px 1px #fff,1317px 883px 1px #fff,739px 637px 1px #fff,1399px 6px 1px #fff,1434px 274px 1px #fff,759px 911px 1px #fff,621px 667px 1px #fff,674px 578px 1px #fff,613px 715px 1px #fff,69px 396px 1px #fff,649px 346px 1px #fff,1845px 1349px 1px #fff,508px 779px 1px #fff,187px 1433px 1px #fff,582px 1236px 1px #fff,800px 1556px 1px #fff,1773px 1741px 1px #fff,665px 765px 1px #fff,1840px 60px 1px #fff,1242px 1433px 1px #fff,953px 579px 1px #fff,409px 757px 1px #fff,682px 686px 1px #fff,611px 136px 1px #fff,1196px 702px 1px #fff,433px 12px 1px #fff,440px 107px 1px #fff,1151px 278px 1px #fff,1877px 409px 1px #fff,751px 733px 1px #fff,924px 212px 1px #fff,1471px 503px 1px #fff,224px 1927px 1px #fff,638px 1424px 1px #fff,1234px 1209px 1px #fff,1595px 1711px 1px #fff,1603px 1533px 1px #fff,1591px 1519px 1px #fff,833px 235px 1px #fff,1114px 1986px 1px #fff,1496px 1638px 1px #fff,376px 1327px 1px #fff,414px 1016px 1px #fff,1442px 1370px 1px #fff,586px 1830px 1px #fff,1415px 253px 1px #fff,1801px 513px 1px #fff,303px 5px 1px #fff,688px 753px 1px #fff,1058px 531px 1px #fff,253px 922px 1px #fff,1715px 1009px 1px #fff,1401px 736px 1px #fff,1096px 781px 1px #fff,784px 1675px 1px #fff,1511px 518px 1px #fff,777px 298px 1px #fff,1075px 1239px 1px #fff,1697px 246px 1px #fff,1049px 707px 1px #fff,1852px 22px 1px #fff,157px 455px 1px #fff,1029px 555px 1px #fff,645px 113px 1px #fff,229px 1238px 1px #fff,1933px 170px 1px #fff,516px 1740px 1px #fff,583px 303px 1px #fff,796px 115px 1px #fff,1486px 187px 1px #fff,1513px 648px 1px #fff,786px 1443px 1px #fff,95px 171px 1px #fff,1043px 1061px 1px #fff,1885px 1553px 1px #fff,1976px 1058px 1px #fff,1658px 1249px 1px #fff,419px 1965px 1px #fff,196px 580px 1px #fff,1980px 1058px 1px #fff,1231px 1508px 1px #fff,532px 798px 1px #fff,1630px 457px 1px #fff,1647px 1260px 1px #fff,1937px 732px 1px #fff,1419px 435px 1px #fff,1083px 860px 1px #fff,221px 600px 1px #fff,163px 657px 1px #fff,929px 1357px 1px #fff,1305px 1088px 1px #fff,1777px 509px 1px #fff,543px 984px 1px #fff,1258px 193px 1px #fff,1373px 228px 1px #fff,201px 814px 1px #fff,773px 1844px 1px #fff,516px 1937px 1px #fff,1606px 1681px 1px #fff,1401px 889px 1px #fff,975px 451px 1px #fff,1368px 516px 1px #fff,1772px 1970px 1px #fff,1175px 899px 1px #fff,1809px 1567px 1px #fff,806px 693px 1px #fff,1276px 1248px 1px #fff,1711px 1471px 1px #fff,732px 341px 1px #fff,591px 939px 1px #fff,6px 1935px 1px #fff,1209px 1697px 1px #fff,1690px 97px 1px #fff,1786px 1336px 1px #fff,1557px 1436px 1px #fff,405px 1463px 1px #fff,1385px 1089px 1px #fff,628px 1944px 1px #fff,750px 877px 1px #fff,267px 432px 1px #fff,517px 1817px 1px #fff,1487px 716px 1px #fff,1650px 1705px 1px #fff,998px 366px 1px #fff,1148px 665px 1px #fff,705px 1764px 1px #fff,1062px 768px 1px #fff,769px 509px 1px #fff,815px 518px 1px #fff,351px 853px 1px #fff,1609px 327px 1px #fff,1316px 864px 1px #fff,922px 1881px 1px #fff,359px 696px 1px #fff,934px 881px 1px #fff,230px 175px 1px #fff,86px 1039px 1px #fff,1938px 439px 1px #fff,554px 1238px 1px #fff,1402px 39px 1px #fff,1172px 367px 1px #fff,286px 1502px 1px #fff,91px 525px 1px #fff,1121px 1629px 1px #fff,1471px 771px 1px #fff,1985px 1029px 1px #fff,1776px 1049px 1px #fff,316px 407px 1px #fff,1393px 295px 1px #fff,1365px 1302px 1px #fff,1799px 860px 1px #fff,1684px 1557px 1px #fff,1826px 760px 1px #fff,1559px 756px 1px #fff,492px 823px 1px #fff,392px 1516px 1px #fff,1941px 161px 1px #fff,1658px 137px 1px #fff,1391px 1776px 1px #fff,1900px 675px 1px #fff,1490px 258px 1px #fff,1505px 806px 1px #fff,1764px 1825px 1px #fff,348px 860px 1px #fff,437px 628px 1px #fff,331px 1297px 1px #fff,1483px 1647px 1px #fff,1854px 117px 1px #fff,940px 808px 1px #fff,728px 412px 1px #fff,1634px 1169px 1px #fff,137px 1885px 1px #fff,1500px 509px 1px #fff,716px 693px 1px #fff,993px 1702px 1px #fff,220px 1973px 1px #fff,1694px 1486px 1px #fff,831px 1775px 1px #fff,429px 1056px 1px #fff,1789px 883px 1px #fff,1021px 1395px 1px #fff,1053px 998px 1px #fff,451px 209px 1px #fff,126px 671px 1px #fff;
  animation: animStar 50s linear infinite
}

  html:not(#homepage) #stars:after {
    content: ' ';
    position: absolute;
    top: 2000px;
    width: 1px;
    height: 1px;
    background: transparent;
    box-shadow: 1424px 1120px 1px #fff,1549px 143px 1px #fff,808px 866px 1px #fff,1011px 91px 1px #fff,206px 1817px 1px #fff,127px 245px 1px #fff,523px 1075px 1px #fff,84px 1254px 1px #fff,1443px 724px 1px #fff,208px 483px 1px #fff,1388px 1351px 1px #fff,753px 1644px 1px #fff,35px 1944px 1px #fff,513px 1169px 1px #fff,1918px 1419px 1px #fff,767px 543px 1px #fff,1516px 1365px 1px #fff,1317px 883px 1px #fff,739px 637px 1px #fff,1399px 6px 1px #fff,1434px 274px 1px #fff,759px 911px 1px #fff,621px 667px 1px #fff,674px 578px 1px #fff,613px 715px 1px #fff,69px 396px 1px #fff,649px 346px 1px #fff,1845px 1349px 1px #fff,508px 779px 1px #fff,187px 1433px 1px #fff,582px 1236px 1px #fff,800px 1556px 1px #fff,1773px 1741px 1px #fff,665px 765px 1px #fff,1840px 60px 1px #fff,1242px 1433px 1px #fff,953px 579px 1px #fff,409px 757px 1px #fff,682px 686px 1px #fff,611px 136px 1px #fff,1196px 702px 1px #fff,433px 12px 1px #fff,440px 107px 1px #fff,1151px 278px 1px #fff,1877px 409px 1px #fff,751px 733px 1px #fff,924px 212px 1px #fff,1471px 503px 1px #fff,224px 1927px 1px #fff,638px 1424px 1px #fff,1234px 1209px 1px #fff,1595px 1711px 1px #fff,1603px 1533px 1px #fff,1591px 1519px 1px #fff,833px 235px 1px #fff,1114px 1986px 1px #fff,1496px 1638px 1px #fff,376px 1327px 1px #fff,414px 1016px 1px #fff,1442px 1370px 1px #fff,586px 1830px 1px #fff,1415px 253px 1px #fff,1801px 513px 1px #fff,303px 5px 1px #fff,688px 753px 1px #fff,1058px 531px 1px #fff,253px 922px 1px #fff,1715px 1009px 1px #fff,1401px 736px 1px #fff,1096px 781px 1px #fff,784px 1675px 1px #fff,1511px 518px 1px #fff,777px 298px 1px #fff,1075px 1239px 1px #fff,1697px 246px 1px #fff,1049px 707px 1px #fff,1852px 22px 1px #fff,157px 455px 1px #fff,1029px 555px 1px #fff,645px 113px 1px #fff,229px 1238px 1px #fff,1933px 170px 1px #fff,516px 1740px 1px #fff,583px 303px 1px #fff,796px 115px 1px #fff,1486px 187px 1px #fff,1513px 648px 1px #fff,786px 1443px 1px #fff,95px 171px 1px #fff,1043px 1061px 1px #fff,1885px 1553px 1px #fff,1976px 1058px 1px #fff,1658px 1249px 1px #fff,419px 1965px 1px #fff,196px 580px 1px #fff,1980px 1058px 1px #fff,1231px 1508px 1px #fff,532px 798px 1px #fff,1630px 457px 1px #fff,1647px 1260px 1px #fff,1937px 732px 1px #fff,1419px 435px 1px #fff,1083px 860px 1px #fff,221px 600px 1px #fff,163px 657px 1px #fff,929px 1357px 1px #fff,1305px 1088px 1px #fff,1777px 509px 1px #fff,543px 984px 1px #fff,1258px 193px 1px #fff,1373px 228px 1px #fff,201px 814px 1px #fff,773px 1844px 1px #fff,516px 1937px 1px #fff,1606px 1681px 1px #fff,1401px 889px 1px #fff,975px 451px 1px #fff,1368px 516px 1px #fff,1772px 1970px 1px #fff,1175px 899px 1px #fff,1809px 1567px 1px #fff,806px 693px 1px #fff,1276px 1248px 1px #fff,1711px 1471px 1px #fff,732px 341px 1px #fff,591px 939px 1px #fff,6px 1935px 1px #fff,1209px 1697px 1px #fff,1690px 97px 1px #fff,1786px 1336px 1px #fff,1557px 1436px 1px #fff,405px 1463px 1px #fff,1385px 1089px 1px #fff,628px 1944px 1px #fff,750px 877px 1px #fff,267px 432px 1px #fff,517px 1817px 1px #fff,1487px 716px 1px #fff,1650px 1705px 1px #fff,998px 366px 1px #fff,1148px 665px 1px #fff,705px 1764px 1px #fff,1062px 768px 1px #fff,769px 509px 1px #fff,815px 518px 1px #fff,351px 853px 1px #fff,1609px 327px 1px #fff,1316px 864px 1px #fff,922px 1881px 1px #fff,359px 696px 1px #fff,934px 881px 1px #fff,230px 175px 1px #fff,86px 1039px 1px #fff,1938px 439px 1px #fff,554px 1238px 1px #fff,1402px 39px 1px #fff,1172px 367px 1px #fff,286px 1502px 1px #fff,91px 525px 1px #fff,1121px 1629px 1px #fff,1471px 771px 1px #fff,1985px 1029px 1px #fff,1776px 1049px 1px #fff,316px 407px 1px #fff,1393px 295px 1px #fff,1365px 1302px 1px #fff,1799px 860px 1px #fff,1684px 1557px 1px #fff,1826px 760px 1px #fff,1559px 756px 1px #fff,492px 823px 1px #fff,392px 1516px 1px #fff,1941px 161px 1px #fff,1658px 137px 1px #fff,1391px 1776px 1px #fff,1900px 675px 1px #fff,1490px 258px 1px #fff,1505px 806px 1px #fff,1764px 1825px 1px #fff,348px 860px 1px #fff,437px 628px 1px #fff,331px 1297px 1px #fff,1483px 1647px 1px #fff,1854px 117px 1px #fff,940px 808px 1px #fff,728px 412px 1px #fff,1634px 1169px 1px #fff,137px 1885px 1px #fff,1500px 509px 1px #fff,716px 693px 1px #fff,993px 1702px 1px #fff,220px 1973px 1px #fff,1694px 1486px 1px #fff,831px 1775px 1px #fff,429px 1056px 1px #fff,1789px 883px 1px #fff,1021px 1395px 1px #fff,1053px 998px 1px #fff,451px 209px 1px #fff,126px 671px 1px #fff
  }

html:not(#homepage) #stars2 {
  width: 4px;
  height: 4px;
  background: transparent;
  box-shadow: 1800px 1353px 1px #fff,615px 1694px 1px #fff,1274px 966px 1px #fff,1413px 1059px 1px #fff,142px 360px 1px #fff,1873px 1825px 1px #fff,1634px 240px 1px #fff,725px 573px 1px #fff,1582px 1583px 1px #fff,1716px 113px 1px #fff,1538px 804px 1px #fff,1439px 1938px 1px #fff,789px 1546px 1px #fff,1363px 1905px 1px #fff,672px 1225px 1px #fff,199px 793px 1px #fff,1021px 813px 1px #fff,146px 877px 1px #fff,107px 1827px 1px #fff,1740px 642px 1px #fff,611px 211px 1px #fff,111px 1606px 1px #fff,1642px 1883px 1px #fff,1697px 558px 1px #fff,31px 1685px 1px #fff,1106px 14px 1px #fff,494px 1681px 1px #fff,1742px 132px 1px #fff,265px 946px 1px #fff,774px 551px 1px #fff,965px 491px 1px #fff,1415px 927px 1px #fff,1261px 28px 1px #fff,1596px 342px 1px #fff,586px 1741px 1px #fff,174px 101px 1px #fff,1625px 709px 1px #fff,1890px 475px 1px #fff,1932px 1607px 1px #fff,646px 1806px 1px #fff,1132px 216px 1px #fff,254px 42px 1px #fff,760px 1906px 1px #fff,521px 1943px 1px #fff,451px 1211px 1px #fff,1371px 1032px 1px #fff,683px 811px 1px #fff,680px 301px 1px #fff,1137px 1867px 1px #fff,284px 1882px 1px #fff,1348px 786px 1px #fff,154px 405px 1px #fff,300px 7px 1px #fff,1331px 1725px 1px #fff,1084px 1623px 1px #fff,1747px 13px 1px #fff,1779px 1986px 1px #fff,49px 1601px 1px #fff,1860px 349px 1px #fff,1303px 180px 1px #fff,435px 503px 1px #fff,1508px 807px 1px #fff,1121px 1170px 1px #fff,594px 543px 1px #fff,628px 588px 1px #fff,1812px 960px 1px #fff,874px 1222px 1px #fff,1234px 1408px 1px #fff,1295px 1890px 1px #fff,666px 53px 1px #fff,1906px 941px 1px #fff,902px 1404px 1px #fff,906px 1246px 1px #fff,1514px 1291px 1px #fff,1740px 1756px 1px #fff,890px 1993px 1px #fff,808px 1369px 1px #fff,632px 1761px 1px #fff,1478px 1538px 1px #fff,489px 1378px 1px #fff,1902px 329px 1px #fff,1367px 62px 1px #fff,1155px 730px 1px #fff,920px 1024px 1px #fff,883px 823px 1px #fff,1215px 287px 1px #fff,1828px 313px 1px #fff,1469px 818px 1px #fff,1081px 1199px 1px #fff,1744px 1381px 1px #fff,1899px 165px 1px #fff,1716px 17px 1px #fff,939px 429px 1px #fff,62px 248px 1px #fff,1744px 889px 1px #fff,934px 496px 1px #fff,862px 1260px 1px #fff,1814px 750px 1px #fff,942px 1382px 1px #fff,893px 155px 1px #fff,1184px 77px 1px #fff,1139px 507px 1px #fff,884px 651px 1px #fff,1117px 391px 1px #fff,556px 886px 1px #fff,197px 84px 1px #fff,1740px 1527px 1px #fff,1939px 858px 1px #fff,426px 67px 1px #fff,448px 906px 1px #fff,405px 1810px 1px #fff,1025px 45px 1px #fff,1002px 1299px 1px #fff,1345px 1795px 1px #fff,1688px 518px 1px #fff,370px 1915px 1px #fff,955px 1976px 1px #fff,1156px 546px 1px #fff,991px 407px 1px #fff,1298px 1388px 1px #fff,1407px 954px 1px #fff,1946px 606px 1px #fff,1019px 448px 1px #fff,855px 524px 1px #fff,1315px 1768px 1px #fff;
  animation: animStar 150s linear infinite
}

  html:not(#homepage) #stars2:after {
    content: ' ';
    position: absolute;
    top: 2000px;
    width: 4px;
    height: 4px;
    background: transparent;
    box-shadow: 1800px 1353px 1px #fff,615px 1694px 1px #fff,1274px 966px 1px #fff,1413px 1059px 1px #fff,142px 360px 1px #fff,1873px 1825px 1px #fff,1634px 240px 1px #fff,725px 573px 1px #fff,1582px 1583px 1px #fff,1716px 113px 1px #fff,1538px 804px 1px #fff,1439px 1938px 1px #fff,789px 1546px 1px #fff,1363px 1905px 1px #fff,672px 1225px 1px #fff,199px 793px 1px #fff,1021px 813px 1px #fff,146px 877px 1px #fff,107px 1827px 1px #fff,1740px 642px 1px #fff,611px 211px 1px #fff,111px 1606px 1px #fff,1642px 1883px 1px #fff,1697px 558px 1px #fff,31px 1685px 1px #fff,1106px 14px 1px #fff,494px 1681px 1px #fff,1742px 132px 1px #fff,265px 946px 1px #fff,774px 551px 1px #fff,965px 491px 1px #fff,1415px 927px 1px #fff,1261px 28px 1px #fff,1596px 342px 1px #fff,586px 1741px 1px #fff,174px 101px 1px #fff,1625px 709px 1px #fff,1890px 475px 1px #fff,1932px 1607px 1px #fff,646px 1806px 1px #fff,1132px 216px 1px #fff,254px 42px 1px #fff,760px 1906px 1px #fff,521px 1943px 1px #fff,451px 1211px 1px #fff,1371px 1032px 1px #fff,683px 811px 1px #fff,680px 301px 1px #fff,1137px 1867px 1px #fff,284px 1882px 1px #fff,1348px 786px 1px #fff,154px 405px 1px #fff,300px 7px 1px #fff,1331px 1725px 1px #fff,1084px 1623px 1px #fff,1747px 13px 1px #fff,1779px 1986px 1px #fff,49px 1601px 1px #fff,1860px 349px 1px #fff,1303px 180px 1px #fff,435px 503px 1px #fff,1508px 807px 1px #fff,1121px 1170px 1px #fff,594px 543px 1px #fff,628px 588px 1px #fff,1812px 960px 1px #fff,874px 1222px 1px #fff,1234px 1408px 1px #fff,1295px 1890px 1px #fff,666px 53px 1px #fff,1906px 941px 1px #fff,902px 1404px 1px #fff,906px 1246px 1px #fff,1514px 1291px 1px #fff,1740px 1756px 1px #fff,890px 1993px 1px #fff,808px 1369px 1px #fff,632px 1761px 1px #fff,1478px 1538px 1px #fff,489px 1378px 1px #fff,1902px 329px 1px #fff,1367px 62px 1px #fff,1155px 730px 1px #fff,920px 1024px 1px #fff,883px 823px 1px #fff,1215px 287px 1px #fff,1828px 313px 1px #fff,1469px 818px 1px #fff,1081px 1199px 1px #fff,1744px 1381px 1px #fff,1899px 165px 1px #fff,1716px 17px 1px #fff,939px 429px 1px #fff,62px 248px 1px #fff,1744px 889px 1px #fff,934px 496px 1px #fff,862px 1260px 1px #fff,1814px 750px 1px #fff,942px 1382px 1px #fff,893px 155px 1px #fff,1184px 77px 1px #fff,1139px 507px 1px #fff,884px 651px 1px #fff,1117px 391px 1px #fff,556px 886px 1px #fff,197px 84px 1px #fff,1740px 1527px 1px #fff,1939px 858px 1px #fff,426px 67px 1px #fff,448px 906px 1px #fff,405px 1810px 1px #fff,1025px 45px 1px #fff,1002px 1299px 1px #fff,1345px 1795px 1px #fff,1688px 518px 1px #fff,370px 1915px 1px #fff,955px 1976px 1px #fff,1156px 546px 1px #fff,991px 407px 1px #fff,1298px 1388px 1px #fff,1407px 954px 1px #fff,1946px 606px 1px #fff,1019px 448px 1px #fff,855px 524px 1px #fff,1315px 1768px 1px #fff
  }

html:not(#homepage) #stars3 {
  width: 8px;
  height: 8px;
  background: transparent;
  box-shadow: 172px 1485px 1px #fff,273px 886px 1px #fff,639px 787px 1px #fff,1254px 993px 1px #fff,1052px 1607px 1px #fff,1435px 53px 1px #fff,1425px 1697px 1px #fff,1259px 1347px 1px #fff,1475px 1284px 1px #fff,1651px 1675px 1px #fff,1727px 1708px 1px #fff,371px 1148px 1px #fff,1632px 1951px 1px #fff,1612px 1081px 1px #fff,1105px 1206px 1px #fff,216px 476px 1px #fff,1231px 1704px 1px #fff,1349px 334px 1px #fff,1167px 88px 1px #fff,287px 814px 1px #fff,1516px 688px 1px #fff,1425px 906px 1px #fff,362px 1977px 1px #fff,421px 1309px 1px #fff,954px 1776px 1px #fff,1554px 1634px 1px #fff,1631px 1574px 1px #fff,1883px 1959px 1px #fff,560px 1471px 1px #fff,672px 1677px 1px #fff,933px 1834px 1px #fff,1125px 788px 1px #fff,335px 1105px 1px #fff,1582px 1434px 1px #fff,1595px 1174px 1px #fff,1473px 1089px 1px #fff,129px 1973px 1px #fff,1499px 1424px 1px #fff,1887px 181px 1px #fff,1376px 1599px 1px #fff,1028px 1908px 1px #fff,1517px 872px 1px #fff,454px 821px 1px #fff,124px 988px 1px #fff,1515px 1923px 1px #fff,1071px 242px 1px #fff,566px 1098px 1px #fff,1917px 1948px 1px #fff,976px 1207px 1px #fff,1108px 1435px 1px #fff;
  animation: animStar 150s linear infinite;
  opacity: .05
}

  html:not(#homepage) #stars3:after {
    content: ' ';
    position: absolute;
    top: 2000px;
    width: 8px;
    height: 8px;
    background: transparent;
    box-shadow: 172px 1485px 1px #fff,273px 886px 1px #fff,639px 787px 1px #fff,1254px 993px 1px #fff,1052px 1607px 1px #fff,1435px 53px 1px #fff,1425px 1697px 1px #fff,1259px 1347px 1px #fff,1475px 1284px 1px #fff,1651px 1675px 1px #fff,1727px 1708px 1px #fff,371px 1148px 1px #fff,1632px 1951px 1px #fff,1612px 1081px 1px #fff,1105px 1206px 1px #fff,216px 476px 1px #fff,1231px 1704px 1px #fff,1349px 334px 1px #fff,1167px 88px 1px #fff,287px 814px 1px #fff,1516px 688px 1px #fff,1425px 906px 1px #fff,362px 1977px 1px #fff,421px 1309px 1px #fff,954px 1776px 1px #fff,1554px 1634px 1px #fff,1631px 1574px 1px #fff,1883px 1959px 1px #fff,560px 1471px 1px #fff,672px 1677px 1px #fff,933px 1834px 1px #fff,1125px 788px 1px #fff,335px 1105px 1px #fff,1582px 1434px 1px #fff,1595px 1174px 1px #fff,1473px 1089px 1px #fff,129px 1973px 1px #fff,1499px 1424px 1px #fff,1887px 181px 1px #fff,1376px 1599px 1px #fff,1028px 1908px 1px #fff,1517px 872px 1px #fff,454px 821px 1px #fff,124px 988px 1px #fff,1515px 1923px 1px #fff,1071px 242px 1px #fff,566px 1098px 1px #fff,1917px 1948px 1px #fff,976px 1207px 1px #fff,1108px 1435px 1px #fff
  }

html:not(#homepage) .menu-container__list, html:not(#homepage) .share-container__list {
  transform: scale(.8,.8);
  position: absolute;
  top: 35px;
  right: 35px;
  bottom: 35px;
  left: 35px;
  border: 1px solid #888;
  text-align: center;
  opacity: 0;
  transition: all 1s cubic-bezier(.215,.61,.355,1);
  transition-delay: 1s
}

  html:not(#homepage) .menu-container__list ul, html:not(#homepage) .share-container__list ul {
    padding: 0
  }

  html:not(#homepage) .menu-container__list li, html:not(#homepage) .share-container__list li {
    list-style-type: none
  }

  html:not(#homepage) .menu-container__list a, html:not(#homepage) .share-container__list a {
    transition: all 0.4s ease
  }

html:not(#homepage) .head-menu--open .menu-container__list {
  transform: scale(1,1);
  opacity: 1
}

html:not(#homepage) .head-menu--closing {
  z-index: 2000
}

  html:not(#homepage) .head-menu--closing .burguer-menu {
    position: relative;
    z-index: 100
  }

  html:not(#homepage) .head-menu--closing .menu-container__background {
    max-height: 0;
    transition-delay: 0
  }

  html:not(#homepage) .head-menu--closing .menu-container__list {
    transform: scale(2,2);
    opacity: 0;
    transition: all 1s cubic-bezier(.55,.055,.675,.19);
    transition-delay: 0
  }

html:not(#homepage) .menu-list__main, html:not(#homepage) .share-list__main {
  width: 100%;
  padding: 0;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%)
}

  html:not(#homepage) .menu-list__main > li, html:not(#homepage) .share-list__main > li {
    display: inline-block;
    width: 25%;
    float: left;
    margin-bottom: 30px
  }

    html:not(#homepage) .menu-list__main > li:hover a, html:not(#homepage) .menu-list__main > li:hover a:hover, html:not(#homepage) .menu-list__main > li:hover a.active, html:not(#homepage) .share-list__main > li:hover a, html:not(#homepage) .share-list__main > li:hover a:hover, html:not(#homepage) .share-list__main > li:hover a.active {
      color: white
    }

      html:not(#homepage) .menu-list__main > li:hover a:after, html:not(#homepage) .share-list__main > li:hover a:after {
        width: 10px;
        height: 10px;
        transform: translate(-50%,-5px)
      }

    html:not(#homepage) .menu-list__main > li > a, html:not(#homepage) .share-list__main > li > a {
      display: inline-block;
      padding: 25px 0;
      position: relative;
      margin-bottom: 30px;
      color: #aaa;
      font-family: 'Expletus Sans',cursive;
      font-size: 60px;
      text-decoration: none
    }

      html:not(#homepage) .menu-list__main > li > a.active, html:not(#homepage) .share-list__main > li > a.active {
        border-top: 2px solid white;
        color: white !important
      }

      html:not(#homepage) .menu-list__main > li > a:after, html:not(#homepage) .share-list__main > li > a:after {
        content: '';
        display: block;
        width: 0;
        height: 0;
        position: absolute;
        top: 100%;
        left: 50%;
        transform: translate(-50%,0);
        margin: 0 auto;
        border: 3px solid #FFD800;
        border-radius: 10px;
        transition: all 0.4s ease
      }

  html:not(#homepage) .share-list__main li {
    width: 33%;
    position: relative;
    margin-bottom: 30px;
    border-right: 1px solid #606060
  }

    html:not(#homepage) .share-list__main li:last-child, html:not(#homepage) .share-list__main li:nth-child(3) {
      border-right: none !important
    }

    html:not(#homepage) .share-list__main li:nth-child(4):after, html:not(#homepage) .share-list__main li:nth-child(5):after, html:not(#homepage) .share-list__main li:nth-child(6):after {
      content: '';
      display: block;
      position: absolute;
      top: -15px;
      right: 15px;
      left: 15px;
      border-top: 1px solid #606060
    }

html:not(#homepage) .menu-list__submenu a, html:not(#homepage) .share-list__submenu a {
  display: inline-block;
  margin: 5px 0;
  color: #aaa;
  font-size: 2.3vh;
  font-weight: 300;
  text-decoration: none
}

  html:not(#homepage) .menu-list__submenu a:hover, html:not(#homepage) .share-list__submenu a:hover {
    color: #FFD800 !important
  }

html:not(#homepage) .head-menu__links ul {
  display: block;
  padding: 0;
  position: absolute;
  bottom: 65px;
  left: 65px;
  margin: 0
}

html:not(#homepage) .head-menu__links li {
  display: inline-block;
  padding: 0 25px;
  position: relative;
  list-style-type: none
}

  html:not(#homepage) .head-menu__links li:after {
    content: '';
    display: block;
    width: 3px;
    height: 3px;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translate(-50%,-50%);
    border-radius: 100%;
    background-color: white
  }

  html:not(#homepage) .head-menu__links li:first-child:after {
    display: none
  }

  html:not(#homepage) .head-menu__links li a {
    color: white;
    font-size: 13px;
    letter-spacing: 1px;
    transition: color 0.2s ease;
    text-decoration: none;
    text-transform: uppercase
  }

    html:not(#homepage) .head-menu__links li a:hover {
      color: #57edf4
    }

html:not(#homepage) .head-menu__contact {
  position: absolute;
  right: 65px;
  bottom: 65px
}

  html:not(#homepage) .head-menu__contact a {
    color: white;
    text-decoration: none
  }

@media screen and (max-width:1200px) {
  html:not(#homepage) .head-menu--open .burguer-menu {
    transform: translateY(20px)
  }

  html:not(#homepage) .head-menu .row, html:not(#homepage) .bottom .row {
    padding: 20px 30px !important
  }

  html:not(#homepage) .menu-list__main, html:not(#homepage) .share-list__main {
    transform: translateY(-60%)
  }

    html:not(#homepage) .menu-list__main > li > a, html:not(#homepage) .share-list__main > li > a {
      font-size: 45px
    }

  html:not(#homepage) .menu-container__list, html:not(#homepage) .share-container__list {
    top: 30px;
    right: 30px;
    bottom: 30px;
    left: 30px
  }

  html:not(#homepage) .head-menu__contact {
    right: 25px !important;
    bottom: 25px !important
  }

  html:not(#homepage) .head-menu__links ul {
    bottom: 25px !important;
    left: 25px !important
  }

    html:not(#homepage) .head-menu__links ul li:first-child {
      padding-left: 0
    }
}

@media screen and (max-width:992px) {
  html:not(#homepage) .head-menu--open .burguer-menu {
    transform: translateY(20px)
  }

  html:not(#homepage) .burguer-menu {
    padding-top: 15px;
    font-size: 13px
  }

  html:not(#homepage) .head-menu, html:not(#homepage) .bottom {
    height: 50px !important
  }

    html:not(#homepage) .head-menu .row, html:not(#homepage) .bottom .row {
      padding: 0 30px !important
    }

  html:not(#homepage) .logo {
    width: 175px;
    margin-top: 7px
  }

  html:not(#homepage) .page-menu a {
    margin: 0 10px;
    font-size: 11px
  }

  html:not(#homepage) .menu-list__main, html:not(#homepage) .share-list__main {
    transform: translateY(-60%)
  }

    html:not(#homepage) .menu-list__main > li, html:not(#homepage) .share-list__main > li {
      width: 50%
    }

      html:not(#homepage) .menu-list__main > li > a, html:not(#homepage) .share-list__main > li > a {
        padding-top: 15px;
        padding-bottom: 10px;
        margin-bottom: 15px;
        font-size: 30px
      }

  html:not(#homepage) .menu-container__list, html:not(#homepage) .share-container__list {
    top: 20px;
    right: 20px;
    bottom: 20px;
    left: 20px
  }

    html:not(#homepage) .menu-container__list a, html:not(#homepage) .share-container__list a {
      margin: 2px 0;
      font-size: 16px
    }

  html:not(#homepage) .head-menu__links li {
    padding: 0 15px
  }

    html:not(#homepage) .head-menu__links li a {
      font-size: 14px
    }

  html:not(#homepage) .bottom__info-contact a, html:not(#homepage) .head-menu__contact a {
    font-size: 13px !important
  }

    html:not(#homepage) .bottom__info-contact a.bottom__facebook, html:not(#homepage) .head-menu__contact a.bottom__facebook {
      margin-right: 20px
    }
}

@media screen and (max-width:768px) {
  html:not(#homepage) .page-menu {
    display: none
  }

  html:not(#homepage) .menu-container {
    overflow: auto
  }

  html:not(#homepage) .menu-container__list {
    min-width: calc(100% - 40px);
    min-height: calc(100% - 40px);
    top: auto;
    right: auto;
    bottom: auto;
    left: auto;
    margin: 20px
  }

  html:not(#homepage) .menu-list__main, html:not(#homepage) .share-list__main {
    position: relative;
    top: 0;
    margin-top: 30px;
    transform: translateY(0)
  }

    html:not(#homepage) .menu-list__main > li, html:not(#homepage) .share-list__main > li {
      width: 100%;
      margin-top: 20px;
      float: none
    }

      html:not(#homepage) .menu-list__main > li > a, html:not(#homepage) .share-list__main > li > a {
        padding: 5px 0;
        margin-bottom: 0
      }

      html:not(#homepage) .menu-list__main > li ul, html:not(#homepage) .share-list__main > li ul {
        margin-top: 20px
      }

  html:not(#homepage) .menu-list__submenu a, html:not(#homepage) .share-list__submenu a {
    margin: 1px 0;
    font-size: 14px
  }

  html:not(#homepage) .head-menu__links {
    position: relative;
    z-index: -1
  }

    html:not(#homepage) .head-menu__links ul {
      width: 100%;
      padding: 0;
      position: relative;
      bottom: auto !important;
      left: auto !important;
      margin: 60px 0;
      text-align: center
    }

      html:not(#homepage) .head-menu__links ul li {
        display: block;
        padding: 0;
        margin-top: 10px
      }

        html:not(#homepage) .head-menu__links ul li:after {
          top: -5px;
          left: 50%
        }

        html:not(#homepage) .head-menu__links ul li a {
          font-size: 13px
        }

  html:not(#homepage) .head-menu__contact {
    position: relative;
    right: auto !important;
    bottom: auto !important;
    float: none !important;
    margin: 20px 0
  }
}

@media screen and (max-width:480px) {
  html:not(#homepage) .burguer-menu {
    height: 55px;
    font-size: 0
  }
}

html:not(#homepage) .bottom {
  height: 80px;
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 800
}

  html:not(#homepage) .bottom audio {
    display: none
  }

html:not(#homepage) .scroll-to-explore {
  position: absolute;
  top: -50px;
  left: 50%;
  transform: translateX(-50%);
  color: white;
  font-size: 11px;
  font-weight: 600;
  text-align: center
}

  html:not(#homepage) .scroll-to-explore span {
    display: inline-block;
    width: 30px;
    height: 30px;
    margin-bottom: 5px;
    /* background: transparent url(../img/mouse.svg) center center no-repeat;
    background-size: contain */
  }

html:not(#homepage) .bottom__info-trigger {
  float: left;
  border: none;
  outline: none;
  background-color: transparent;
  color: white;
  cursor: pointer;
  font-family: 'Montserrat',sans-serif;
  font-size: 13px;
  font-weight: 600;
  letter-spacing: 2px;
  text-transform: uppercase;
  transition: color 0.4s ease
}

  html:not(#homepage) .bottom__info-trigger:hover {
    color: #FFD800
  }

  html:not(#homepage) .bottom__info-trigger:before {
    content: '';
    display: inline-block;
    width: 20px;
    height: 19px;
    margin-right: 10px;
    background: transparent url(../img/more.svg) center center no-repeat;
    background-size: contain;
    vertical-align: middle;
    transition: all 0.4s ease;
  }

  html:not(#homepage) .bottom__info-trigger:hover:before {
    -moz-transform: scaleX(-1);
    -o-transform: scaleX(-1);
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
    filter: FlipH;
    -ms-filter: "FlipH"
  }

html:not(#homepage) .bottom__nav {
  max-width: 700px;
  width: 60%;
  position: relative;
  margin: 0 auto;
  transform: translate(25px,10px)
}

html:not(#homepage) .bottom__nav__column {
  width: 17%;
  height: 100px;
  margin: 0 3%;
  position: relative;
  box-sizing: border-box;
  float: left
}

  html:not(#homepage) .bottom__nav__column span {
    display: block;
    width: 100%;
    height: 1px;
    background-color: #8c8b87
  }

    html:not(#homepage) .bottom__nav__column span i {
      display: block;
      width: auto;
      height: 3px;
      position: absolute;
      top: -1px;
      left: 0;
      background-color: white;
      z-index: 1
    }

    html:not(#homepage) .bottom__nav__column span.nav__current {
      transition: all 3s ease
    }

    html:not(#homepage) .bottom__nav__column span.nav__complete {
      width: 100% !important
    }

  html:not(#homepage) .bottom__nav__column #nav__first i {
    right: 0
  }

  html:not(#homepage) .bottom__nav__column button {
    display: block;
    width: 16px;
    height: 16px;
    padding: 0;
    position: absolute;
    top: -5px;
    left: -24%;
    border: 1px solid transparent;
    outline: none;
    background-color: transparent;
    border-radius: 100%;
    cursor: pointer
  }

    html:not(#homepage) .bottom__nav__column button:after {
      content: '';
      display: block;
      width: 5px;
      height: 5px;
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%,-50%);
      border-radius: 100%;
      background-color: #888585
    }

    html:not(#homepage) .bottom__nav__column button.active, html:not(#homepage) .bottom__nav__column button:hover {
      border-color: #fafafa !important
    }

      html:not(#homepage) .bottom__nav__column button.active:after {
        display: none
      }

      html:not(#homepage) .bottom__nav__column button.active:hover:after {
        display: block !important
      }

html:not(#homepage) .bottom__tools {
  position: relative;
  float: right;
  margin: -5px
}

  html:not(#homepage) .bottom__tools > button {
    display: inline-block;
    width: 34px;
    height: 34px;
    position: relative;
    border: none;
    outline: none;
    cursor: pointer
  }

    html:not(#homepage) .bottom__tools > button:after {
      content: '';
      display: block;
      width: 2px;
      height: 2px;
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%,-50%);
      opacity: 0;
      border: 1px solid #f9f9f8;
      border-radius: 100%;
      transition: all 0.4s ease
    }

    html:not(#homepage) .bottom__tools > button:hover:after {
      width: 34px;
      height: 34px;
      opacity: 1
    }

html:not(#homepage) .tools__sound {
  background: transparent url(../img/sound.svg) center center no-repeat;
  -webkit-background-size: 60%;
  background-size: 60%
}

  html:not(#homepage) .tools__sound.paused {
    background: transparent url(../img/sound-mute.svg) center center no-repeat;
    -webkit-background-size: 60%;
    background-size: 60%
  }

html:not(#homepage) .tools__share {
  background: transparent url(../img/share.svg) center center no-repeat;
  -webkit-background-size: 55%;
  background-size: 55%
}

html:not(#homepage) .bottom__info {
  position: fixed;
  top: 100%;
  right: 0;
  bottom: 0;
  left: 0;
  overflow: hidden;
  color: white
}

html:not(#homepage) .bottom__info--open {
  overflow: visible
}

html:not(#homepage) .bottom__info__container {
  height: 90px;
  padding: 35px 70px;
  box-sizing: border-box;
  background-color: #121313;
  transition: transform 0.4s cubic-bezier(.8,0,0,.8)
}

html:not(#homepage) .bottom__info--open .bottom__info__container {
  transform: translateY(-100%)
}

html:not(#homepage) .bottom__info--closing .bottom__info__container {
  transform: translateY(0%)
}

html:not(#homepage) .bottom__info__container a {
  color: white;
  text-decoration: none;
  text-transform: uppercase
}

html:not(#homepage) .bottom__info-close {
  padding-left: 26px;
  position: relative;
  float: left;
  color: #aaa;
  cursor: pointer;
  font-size: 13px;
  font-weight: 600;
  text-transform: uppercase
}

  html:not(#homepage) .bottom__info-close span {
    display: block;
    width: 20px;
    height: 20px;
    position: absolute;
    top: -1px;
    left: 0;
    transform: rotate(45deg)
  }

    html:not(#homepage) .bottom__info-close span:before, html:not(#homepage) .bottom__info-close span:after {
      content: '';
      display: block;
      width: 2px;
      height: 100%;
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%,-50%);
      background-color: #FFD800
    }

    html:not(#homepage) .bottom__info-close span:after {
      transform: translate(-50%,-50%) rotate(-90deg)
    }

html:not(#homepage) .bottom__info ul {
  display: block;
  padding: 0;
  position: absolute;
  right: 0;
  left: 0;
  margin: 0;
  text-align: center;
  z-index: -1
}

html:not(#homepage) .bottom__info li {
  display: inline-block;
  padding: 0 25px;
  position: relative;
  list-style-type: none
}

  html:not(#homepage) .bottom__info li:after {
    content: '';
    display: block;
    width: 3px;
    height: 3px;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translate(-50%,-50%);
    border-radius: 100%;
    background-color: white
  }

  html:not(#homepage) .bottom__info li:first-child:after {
    display: none
  }

  html:not(#homepage) .bottom__info li a {
    font-size: 11px;
    letter-spacing: 1px;
    transition: color 0.2s ease
  }

    html:not(#homepage) .bottom__info li a:hover {
      color: #57edf4
    }

html:not(#homepage) .bottom__info-contact, html:not(#homepage) .head-menu__contact {
  float: right
}

  html:not(#homepage) .bottom__info-contact a, html:not(#homepage) .head-menu__contact a {
    font-size: 14px;
    text-transform: none
  }

    html:not(#homepage) .bottom__info-contact a:first-child, html:not(#homepage) .head-menu__contact a:first-child {
      display: inline-block;
      width: 11px;
      height: 21px;
      margin-right: 25px;
      background-size: contain;
      vertical-align: middle
    }

    html:not(#homepage) .bottom__info-contact a:last-child, html:not(#homepage) .head-menu__contact a:last-child {
      padding-left: 25px;
      border-left: 1px solid #f1f1f1
    }

.bottom__tools > * {
  vertical-align: middle
}

.lang-menu {
  display: inline-block;
  width: 34px;
  height: 34px;
  position: relative;
  margin-left: 10px;
  text-align: center
}

  .lang-menu button {
    display: block;
    width: 34px;
    height: 34px;
    padding: 10px 0;
    cursor: pointer;
    font-weight: 700;
    line-height: 0;
    text-align: center
  }

    .lang-menu button:hover:after {
      -webkit-transform: translate(-50%,-50%) scale(1);
      -moz-transform: translate(-50%,-50%) scale(1);
      -ms-transform: translate(-50%,-50%) scale(1);
      -o-transform: translate(-50%,-50%) scale(1);
      transform: translate(-50%,-50%) scale(1);
      opacity: 1
    }

    .lang-menu button.open {
      border-radius: 35px;
      border: 1px solid #121313;
      border-top-left-radius: 1px;
      border-top-right-radius: 1px;
      border-bottom-left-radius: 90px;
      border-bottom-right-radius: 90px;
      border-top-color: transparent;
      background-color: white;
      color: #FFD800
    }

      .lang-menu button.open + ul {
        display: block !important;
        padding-top: 10px
      }

      .lang-menu button.open:after {
        display: none
      }

    .lang-menu button:after {
      content: '';
      display: block;
      width: 34px;
      height: 34px;
      position: absolute;
      top: 50%;
      left: 50%;
      -webkit-transform: translate(-50%,-50%) scale(0);
      -moz-transform: translate(-50%,-50%) scale(0);
      -ms-transform: translate(-50%,-50%) scale(0);
      -o-transform: translate(-50%,-50%) scale(0);
      transform: translate(-50%,-50%) scale(0);
      border-radius: 35px;
      border: 1px solid #121313;
      opacity: 0;
      -webkit-transition: all 0.3s ease;
      -moz-transition: all 0.3s ease;
      transition: all 0.3s ease
    }

  .lang-menu ul {
    display: none;
    position: absolute;
    right: 0;
    bottom: 100%;
    left: 0;
    background-color: white;
    border-top-left-radius: 90px;
    border-top-right-radius: 90px;
    border: 1px solid #121313;
    border-bottom-color: transparent
  }

    .lang-menu ul li {
      list-style-type: none
    }

    .lang-menu ul a {
      display: block;
      padding: 5px;
      color: #aaa;
      font-weight: 100;
      text-decoration: none
    }

      .lang-menu ul a:hover {
        color: #121313
      }

#homepage .lang-menu button.open {
  background-color: #121313
}

#homepage .lang-menu button:after {
  border-color: white
}

#homepage .lang-menu ul {
  background-color: #121313
}

  #homepage .lang-menu ul a:hover {
    color: white
  }

.white .bottom__info-trigger {
  color: #121313 !important
}

  .white .bottom__info-trigger:before {
    /* background: transparent url(../img/more-dark.svg) center center no-repeat !important; */
    -webkit-background-size: contain !important;
    background-size: contain !important;
  }

@media screen and (max-width:768px) {
  html:not(#homepage) .bottom__info-contact a:first-child, html:not(#homepage) .head-menu__contact a:first-child {
    width: 6px
  }
}

html:not(#homepage) .share-container {
  overflow: hidden;
  z-index: 9500
}

html:not(#homepage) .share-container--open {
  height: auto;
  max-height: none;
  bottom: 0;
  background: rgba(16,16,16,.94)
}

  html:not(#homepage) .share-container--open .share-container__list {
    opacity: 1;
    transform: scale(1,1)
  }

  html:not(#homepage) .share-container--open .share-list__wrapper {
    width: 100%;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    text-align: center
  }

    html:not(#homepage) .share-container--open .share-list__wrapper h3 {
      margin-top: 0;
      color: #aaa;
      font-family: 'Expletus Sans',cursive;
      font-size: 6vh
    }

  html:not(#homepage) .share-container--open .share-list__main {
    max-width: 1170px;
    position: relative;
    top: 0;
    margin: 0 auto;
    transform: none
  }

    html:not(#homepage) .share-container--open .share-list__main li {
      width: 33%;
      border-right: 1px solid #606060
    }

      html:not(#homepage) .share-container--open .share-list__main li:last-child {
        border-right: none
      }

    html:not(#homepage) .share-container--open .share-list__main a {
      margin-bottom: 0;
      color: white;
      font-size: 13px;
      font-weight: 700;
      text-transform: uppercase
    }

      html:not(#homepage) .share-container--open .share-list__main a:after {
        display: none
      }

      html:not(#homepage) .share-container--open .share-list__main a:hover {
        color: #FFD800 !important
      }

    html:not(#homepage) .share-container--open .share-list__main i {
      display: block;
      margin-bottom: 20px;
      font-size: 8vh;
      text-align: center
    }

html:not(#homepage) .share-container--closing {
  background-color: transparent;
  transition: background 1s ease;
  transition-delay: 1s
}

  html:not(#homepage) .share-container--closing .share-container__list {
    transform: scale(2,2);
    opacity: 0;
    transition: all 1s cubic-bezier(.55,.055,.675,.19);
    transition-delay: 0
  }

html:not(#homepage) .share-close {
  position: absolute;
  right: 65px;
  top: 50px;
  z-index: 50
}

  html:not(#homepage) .share-close span {
    background-color: transparent;
    transform: rotate(45deg)
  }

    html:not(#homepage) .share-close span:before {
      top: 50%;
      transform: translate(0,-2px)
    }

    html:not(#homepage) .share-close span:after {
      width: 2px;
      height: 20px;
      left: 50%;
      transform: translate(-1px,-12px)
    }

@media screen and (max-width:1200px) {
  html:not(#homepage) .bottom__info__container {
    padding-right: 50px;
    padding-left: 50px
  }

  html:not(#homepage) .share-close {
    top: 5px;
    right: 25px
  }
}

@media screen and (max-width:992px) {
  html:not(#homepage) .bottom__info__container {
    height: 65px;
    padding: 20px 30px
  }

  html:not(#homepage) .bottom__info-trigger, html:not(#homepage) .bottom__info-close {
    font-size: 10px
  }

  html:not(#homepage) .bottom__info-close {
    margin-top: 5px
  }

  html:not(#homepage) .bottom__info li {
    padding: 0 15px
  }

    html:not(#homepage) .bottom__info li:after {
      top: 65%
    }

  html:not(#homepage) .bottom__info-contact a:first-child, html:not(#homepage) .head-menu__contact a:first-child {
    margin-right: 15px
  }

  html:not(#homepage) .bottom__info-contact a:last-child, html:not(#homepage) .head-menu__contact a:last-child {
    padding-left: 15px
  }

  html:not(#homepage) .scroll-to-explore {
    display: none
  }

  html:not(#homepage) .share-list__main li {
    width: 32% !important
  }
}

@media screen and (max-width:680px) {
  html:not(#homepage) .share-close {
    font-size: 0
  }

  html:not(#homepage) .share-container--closing {
    overflow: auto
  }

  html:not(#homepage) .share-list__main li {
    width: 100% !important;
    float: none;
    border: none !important
  }

  html:not(#homepage) .share-container__list {
    min-width: calc(100% - 40px);
    min-height: calc(100% - 40px);
    top: auto !important;
    right: auto !important;
    bottom: auto !important;
    left: auto !important;
    margin: 20px
  }

  html:not(#homepage) .share-list__wrapper {
    width: 100% !important;
    padding: 50px 0;
    position: relative !important;
    top: auto !important;
    right: auto;
    bottom: auto;
    left: auto;
    transform: translateY(0) !important
  }

    html:not(#homepage) .share-list__wrapper h3 {
      margin-top: 0;
      color: #aaa;
      font-family: 'Expletus Sans',cursive;
      font-size: 6vh
    }
}

@media screen and (min-width:768px) {
  html:not(#homepage) .lang-menu span {
    display: none
  }

  .tools__share span {
    display: none
  }

  .white .tools__share {
    background: transparent url(../img/share-dark.svg) center center no-repeat !important;
    -webkit-background-size: 55% !important;
    background-size: 55% !important
  }

    .white .tools__share:after {
      border: 1px solid #606060 !important
    }
}

@media screen and (max-width:768px) {
  html:not(#homepage) .bottom {
    padding: 12px 0;
    background: #121313;
    color: white
  }

  html:not(#homepage) .bottom__info-trigger {
    display: none
  }

  html:not(#homepage) .bottom__tools {
    float: none
  }

  html:not(#homepage) .lang-menu {
    width: auto;
    font-size: 13px
  }

    html:not(#homepage) .lang-menu button {
      display: inline-block
    }

    html:not(#homepage) .lang-menu span {
      color: #606060
    }

    html:not(#homepage) .lang-menu ul {
      width: 34px;
      left: auto
    }

      html:not(#homepage) .lang-menu ul a {
        padding: 10px
      }

  html:not(#homepage) .tools__share {
    display: block;
    float: right
  }

    html:not(#homepage) .tools__share span {
      display: inline-block;
      color: #606060;
      font-size: 13px;
      text-indent: -230%
    }
}

.full {
  min-height: 100vh;
  position: relative;
  overflow: hidden
}

  .full.white {
    background-color: white;
    transition: background 1.5s ease;
    color: #121313
  }

  .full.img {
    width: 100vw;
    height: 100vh;
    position: relative;
    margin-bottom: 100px;
    overflow: hidden;
    background-attachment: fixed;
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    background-size: cover
  }

  .full.ice-icon {
    background: white url(../img/imagine_create_enjoy.png) center calc(100% - 70px) no-repeat;
    -webkit-background-size: 147px 111px;
    background-size: 147px 111px
  }

.mobile .full.img {
  background-attachment: scroll
}

@media screen and (max-width:992px) {
  .full.img {
    height: 56vw !important;
    min-height: 0;
    margin-top: 70px;
    margin-bottom: 70px;
    background-attachment: scroll;
    -webkit-background-size: cover;
    background-size: cover;
    background-position: center center !important
  }
}

.do-parallax {
  -webkit-transition: -webkit-transform 0.1s linear;
  -moz-transition: -moz-transform 0.1s linear;
  transition: transform 0.1s linear;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  z-index: -1
}

.circle-1, .circle-2, .circle-3, .circle-4, .swirl, .rect {
  display: block;
  position: absolute;
  z-index: 1
}

  .circle-1:after, .circle-2:after, .circle-3:after, .circle-4:after, .swirl:after, .rect:after {
    content: '';
    display: block
  }

.circle-1 {
  display: block;
  top: 45%;
  left: 15%
}

  .circle-1:after {
    width: 105px;
    height: 105px;
    border: 2px solid #FFD800;
    border-radius: 105px;
    border-right-color: transparent;
    -webkit-animation: rotate360 30s linear infinite;
    animation: rotate360 30s linear infinite
  }

.circle-2 {
  top: 38%;
  left: 75%
}

  .circle-2:after {
    width: 27px;
    height: 27px;
    border: 3px solid #FFD800;
    border-radius: 27px
  }

.circle-3 {
  top: 35%;
  left: 85%
}

  .circle-3:after {
    width: 30px;
    height: 30px;
    border-radius: 30px;
    border: 4px solid white;
    border-right-color: transparent;
    border-bottom-color: transparent;
    -webkit-animation: rotate360 20s linear infinite reverse;
    animation: rotate360 20s linear infinite reverse
  }

.circle-4 {
  top: 65%;
  left: 40%
}

  .circle-4:after {
    width: 17px;
    height: 17px;
    border-radius: 17px;
    border: 3px solid #563379;
    -webkit-animation: rippleHero 2s linear infinite;
    animation: rippleHero 2s linear infinite
  }

.swirl {
  top: 80%;
  left: 70%
}

  .swirl:after {
    width: 112px;
    height: 46px;
    background: transparent url(../img/swirl.png) center center no-repeat
  }

.rect {
  top: 20%;
  left: 30%
}

  .rect:after {
    width: 30px;
    height: 10px;
    background-color: #563379;
    -webkit-animation: rotate360 60s linear infinite;
    animation: rotate360 60s linear infinite
  }

@-webkit-keyframes rotate360 {
  0% {
    -webkit-transform: rotate(0)
  }

  100% {
    -webkit-transform: rotate(360deg)
  }
}

@keyframes rotate360 {
  0% {
    transform: rotate(0)
  }

  100% {
    transform: rotate(360deg)
  }
}

@-webkit-keyframes rippleHero {
  0% {
    box-shadow: 0 0 0 0 #563379
  }

  100% {
    box-shadow: 0 0 0 7px rgba(86,51,121,0)
  }
}

@keyframes rippleHero {
  0% {
    box-shadow: 0 0 0 0 #563379
  }

  100% {
    box-shadow: 0 0 0 7px rgba(86,51,121,0)
  }
}

.hero-intro {
  height: 100%;
  overflow: hidden
}

  .hero-intro h1 {
    display: block;
    width: 100%;
    position: absolute;
    top: 50%;
    right: 0;
    left: 0;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    transition: all 0.2s linear;
    font-family: 'Expletus Sans',cursive;
    font-size: 80px;
    z-index: 10;
    text-align: center
  }

  .hero-intro h3 {
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    color: #1f2020;
    font-family: 'Expletus Sans',cursive;
    font-size: 30vw;
    font-weight: 700;
    text-align: center;
    white-space: nowrap
  }

.hero__scroll {
  position: absolute;
  bottom: 50px;
  left: 50%;
  -webkit-transform: translate(-50%,0);
  -moz-transform: translate(-50%,0);
  -ms-transform: translate(-50%,0);
  -o-transform: translate(-50%,0);
  transform: translate(-50%,0);
  color: white;
  font-size: 11px;
  font-weight: 600;
  text-align: center;
  opacity: 1;
  -webkit-transition: all 0.6s ease;
  -moz-transition: all 0.6s ease;
  transition: all 0.6s ease
}

  .hero__scroll.hide {
    display: block !important;
    -webkit-transform: translate(-50%,-50px);
    -moz-transform: translate(-50%,-50px);
    -ms-transform: translate(-50%,-50px);
    -o-transform: translate(-50%,-50px);
    transform: translate(-50%,-50px);
    opacity: 0
  }

  .hero__scroll span {
    display: inline-block;
    width: 30px;
    height: 30px;
    margin-bottom: 5px;
    /* background: transparent url(../img/mouse.svg) center center no-repeat;
    -webkit-background-size: contain;
    background-size: contain */
  }

@media screen and (max-width:768px) {
  .hero-intro h1 {
    font-size: 40px
  }
}

.video-container {
  position: relative
}

  .video-container > img {
    box-shadow: 0 10px 30px #000
  }

  .video-container > div {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    cursor: pointer;
    -webkit-transition: color 0.5s ease;
    -moz-transition: color 0.5s ease;
    transition: color 0.5s ease
  }

    .video-container > div:hover * {
      color: #FFD800
    }

    .video-container > div:hover:before {
      -webkit-transform: translate(-50%,-50%) scale(.7) rotate(-20deg);
      -moz-transform: translate(-50%,-50%) scale(.7) rotate(-20deg);
      -ms-transform: translate(-50%,-50%) scale(.7) rotate(-20deg);
      -o-transform: translate(-50%,-50%) scale(.7) rotate(-20deg);
      transform: translate(-50%,-50%) scale(.7) rotate(-20deg)
    }

    .video-container > div:hover:after {
      -webkit-transform: translate(-50%,-50%) scale(.7) rotate(20deg);
      -moz-transform: translate(-50%,-50%) scale(.7) rotate(20deg);
      -ms-transform: translate(-50%,-50%) scale(.7) rotate(20deg);
      -o-transform: translate(-50%,-50%) scale(.7) rotate(20deg);
      transform: translate(-50%,-50%) scale(.7) rotate(20deg)
    }

    .video-container > div:before, .video-container > div:after {
      content: '';
      display: block;
      position: absolute;
      top: 50%;
      left: 50%;
      -webkit-transform: translate(-50%,-50%);
      -moz-transform: translate(-50%,-50%);
      -ms-transform: translate(-50%,-50%);
      -o-transform: translate(-50%,-50%);
      transform: translate(-50%,-50%);
      border-radius: 100%;
      border: 2px dashed #aaa;
      -webkit-transition: -webkit-transform 0.5s cubic-bezier(.68,-.55,.265,1.55);
      -moz-transition: -moz-transform 0.5s cubic-bezier(.68,-.55,.265,1.55);
      transition: transform 0.5s cubic-bezier(.68,-.55,.265,1.55)
    }

    .video-container > div:before {
      width: 45%;
      padding-bottom: 45%
    }

    .video-container > div:after {
      width: 65%;
      padding-bottom: 65%
    }

    .video-container > div > button {
      position: absolute;
      top: 50%;
      left: 50%;
      -webkit-transform: translate(-50%,-50%);
      -moz-transform: translate(-50%,-50%);
      -ms-transform: translate(-50%,-50%);
      -o-transform: translate(-50%,-50%);
      transform: translate(-50%,-50%);
      font-size: 15px;
      font-weight: 600;
      text-transform: uppercase
    }

      .video-container > div > button i {
        display: block;
        margin-bottom: 20px;
        color: white;
        font-size: 30px;
        -webkit-transition: color 0.5s ease;
        -moz-transition: color 0.5s ease;
        transition: color 0.5s ease
      }

.video-overlay {
  display: none;
  padding: 20px 100px;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 9999;
  overflow: auto;
  background-color: #121313
}

  .video-overlay.video-overlay--show {
    display: block
  }

  .video-overlay iframe {
    width: 100%;
    height: 90vh;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0
  }

.video-overlay__wrapper {
  display: block;
  width: auto;
  height: 90vh;
  position: absolute;
  top: 50%;
  right: 100px;
  bottom: 0;
  left: 100px;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  cursor: default !important
}

  .video-overlay__wrapper * {
    cursor: default !important
  }

.video-overlay__close {
  display: block;
  width: 50px;
  height: 50px;
  position: fixed;
  top: 25px;
  right: 25px;
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
  -webkit-border-radius: 100%;
  border-radius: 100%;
  border: 1px solid white
}

  .video-overlay__close:before, .video-overlay__close:after {
    content: '';
    width: 1px;
    height: 14px;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    background-color: white
  }

  .video-overlay__close:after {
    -webkit-transform: translate(-50%,-50%) rotate(-90deg);
    -moz-transform: translate(-50%,-50%) rotate(-90deg);
    -ms-transform: translate(-50%,-50%) rotate(-90deg);
    -o-transform: translate(-50%,-50%) rotate(-90deg);
    transform: translate(-50%,-50%) rotate(-90deg)
  }

.video-overlay__share {
  display: block;
  width: 34px;
  height: 34px;
  position: fixed;
  right: 25px;
  bottom: 25px;
  background: transparent url(../img/share.svg) center center no-repeat;
  -webkit-background-size: 55%;
  background-size: 55%;
  border: none;
  outline: none;
  cursor: pointer
}

  .video-overlay__share:hover:after {
    -webkit-transform: translate(-50%,-50%) scale(1);
    -moz-transform: translate(-50%,-50%) scale(1);
    -ms-transform: translate(-50%,-50%) scale(1);
    -o-transform: translate(-50%,-50%) scale(1);
    transform: translate(-50%,-50%) scale(1);
    opacity: 1
  }

  .video-overlay__share:after {
    content: '';
    display: block;
    width: 34px;
    height: 34px;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%) scale(0);
    -moz-transform: translate(-50%,-50%) scale(0);
    -ms-transform: translate(-50%,-50%) scale(0);
    -o-transform: translate(-50%,-50%) scale(0);
    transform: translate(-50%,-50%) scale(0);
    -webkit-border-radius: 100%;
    border-radius: 100%;
    border: 1px solid white;
    opacity: 0;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease
  }

@media screen and (max-width:992px) {
  .video-overlay {
    display: none;
    padding: 20px 50px
  }

  .video-overlay__close {
    top: 5px;
    right: 5px
  }

  .video-overlay__wrapper {
    position: absolute;
    top: 50%;
    right: 50px;
    bottom: 0;
    left: 50px
  }
}

.newsletter {
  width: 750px;
  max-width: 100%;
  padding: 100px;
  position: fixed;
  bottom: 0;
  left: 0;
  -webkit-transform: translate3d(-100%,0,0);
  -moz-transform: translate3d(-100%,0,0);
  -ms-transform: translate3d(-100%,0,0);
  -o-transform: translate3d(-100%,0,0);
  transform: translate3d(-100%,0,0);
  z-index: 9999;
  background: #4b4b4b;
  opacity: 0;
  -webkit-transition: -webkit-transform 0.3s ease,opacity 0.3s ease;
  -moz-transition: -moz-transform 0.3s ease,opacity 0.3s ease;
  transition: transform 0.3s ease,opacity 0.3s ease
}

  .newsletter.newsletter--show {
    -webkit-transform: translate3d(0,0,0);
    -moz-transform: translate3d(0,0,0);
    -ms-transform: translate3d(0,0,0);
    -o-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
    opacity: 1
  }

  .newsletter h4 {
    margin-top: 0;
    font-family: 'Expletus Sans',cursive;
    font-size: 25px
  }

  .newsletter label {
    display: block
  }

  .newsletter input[type="text"] {
    width: 100%;
    height: 30px;
    border-bottom: 1px solid white
  }

.newsletter__send {
  width: 100%;
  padding: 15px 50px;
  margin-top: 25px;
  -webkit-border-radius: 50px;
  border-radius: 50px;
  background-color: #e1e1e1;
  color: #121313;
  font-size: 14px;
  font-weight: 600;
  text-transform: uppercase;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  transition: all 0.3s ease
}

  .newsletter__send:hover {
    background: #FFD800
  }

.newsletter__close, .awards__close {
  display: block;
  width: 40px;
  height: 40px;
  position: absolute;
  top: 35px;
  right: 35px;
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
  -webkit-border-radius: 40px;
  border-radius: 40px;
  border: 1px solid white;
  cursor: pointer
}

  .newsletter__close:before, .newsletter__close:after, .awards__close:before, .awards__close:after {
    content: '';
    display: block;
    width: 1px;
    height: 15px;
    position: absolute;
    top: 50%;
    right: 50%;
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    background: white
  }

  .newsletter__close:after, .awards__close:after {
    -webkit-transform: translate(-50%,-50%) rotate(-90deg);
    -moz-transform: translate(-50%,-50%) rotate(-90deg);
    -ms-transform: translate(-50%,-50%) rotate(-90deg);
    -o-transform: translate(-50%,-50%) rotate(-90deg);
    transform: translate(-50%,-50%) rotate(-90deg)
  }

@media screen and (max-width:992px) {
  .newsletter, .awards {
    padding: 50px 30px 30px 30px
  }

  .newsletter__close, .awards__close {
    top: 15px;
    right: 15px
  }
}

#cookies {
  width: 220px;
  padding: 34px 55px 40px 30px;
  position: absolute;
  top: 50%;
  left: 100%;
  -webkit-transform: translate3d(100%,-50%,0);
  -moz-transform: translate3d(100%,-50%,0);
  -ms-transform: translate3d(100%,-50%,0);
  -o-transform: translate3d(100%,-50%,0);
  transform: translate3d(100%,-50%,0);
  z-index: 8888;
  background-color: #606060;
  opacity: 0;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  transition: all 0.3s ease
}

  #cookies.cookies--show {
    -webkit-transform: translate3d(0,-50%,0);
    -moz-transform: translate3d(0,-50%,0);
    -ms-transform: translate3d(0,-50%,0);
    -o-transform: translate3d(0,-50%,0);
    transform: translate3d(0,-50%,0);
    opacity: 1
  }

  #cookies h4 {
    margin: 0 0 25px 0;
    font-family: 'Expletus Sans',cursive;
    font-size: 20px;
    font-weight: 700
  }

  #cookies p {
    margin-bottom: 30px;
    font-size: 13px
  }

  #cookies a {
    margin-right: 20px;
    color: white;
    font-size: 11px;
    line-height: 32px;
    text-decoration: underline;
    text-transform: uppercase;
    transition: all 0.3s ease
  }

    #cookies a:hover {
      color: #121313
    }

  #cookies button {
    display: inline-block;
    padding: 10px 20px;
    float: right;
    border: none;
    outline: none;
    border-radius: 20px;
    background-color: #FFD800;
    color: #121313;
    cursor: pointer;
    font-size: 11px;
    text-transform: uppercase;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease
  }

    #cookies button:hover {
      background-color: #121313;
      color: white
    }

  #cookies span {
    display: block;
    width: 36px;
    height: 36px;
    position: absolute;
    top: 20px;
    right: 20px;
    transform: rotate(45deg);
    border-radius: 100%;
    border: 1px solid #fefefe;
    cursor: pointer
  }

    #cookies span:before, #cookies span:after {
      content: '';
      display: block;
      width: 2px;
      height: 14px;
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate3d(-50%,-50%,0);
      background-color: #fefefe
    }

    #cookies span:after {
      transform: translate3d(-50%,-50%,0) rotate(90deg)
    }

@media screen and (max-width:768px) {
  #cookies {
    padding: 20px 20px 20px 15px
  }

    #cookies h4 {
      margin-bottom: 10px
    }

    #cookies span {
      width: 26px;
      height: 26px
    }

    #cookies p {
      margin-bottom: 15px
    }
}

::selection {
  background: #FFD800;
  color: #121313
}

::-moz-selection {
  background: #FFD800;
  color: #121313
}

html, body {
  height: 100%;
  background: #121313;
  color: white
}

#homepage {
  width: 100%;
  height: 100%;
  position: absolute;
  overflow: hidden
}

  #homepage body {
    overflow: hidden
  }

body {
  height: 100%;
  padding: 0;
  position: relative;
  margin: 0;
  font-family: 'Montserrat',sans-serif
}

  body * {
    box-sizing: border-box
  }

noscript {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: black;
  color: white;
  text-align: center;
  z-index: 99999
}

  noscript .nojs-container {
    width: 85%;
    max-width: 700px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%)
  }

.clearfix {
  display: block;
  clear: both;
  float: none
}

#offset-control {
  width: 1px;
  height: 10px;
  position: absolute;
  top: 0;
  left: 50%;
  z-index: 90000
}

.check-device, .js-activate {
  display: none;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  /* background: transparent url(../img/warning-background.jpg) center center no-repeat;
  background-size: cover; */
  z-index: 1000;
  color: #FFD800;
  font-family: 'Expletus Sans',cursive;
  font-size: 35px
}

  .check-device h2, .js-activate h2 {
    margin: 0;
    color: white;
    font-size: 120px
  }

  .check-device i {
    display: inline-block;
    margin-bottom: 50px;
    color: white;
    font-size: 20vh
  }

.js-activate {
  display: block !important
}

  .check-device > div, .js-activate > div {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    text-align: center
  }

@keyframes animStar {
  from {
    transform: translateY(0)
  }

  to {
    transform: translateY(-2000px)
  }
}

#homepage .head-menu {
  height: 100px;
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  z-index: 900
}

  #homepage .head-menu .row, #homepage .bottom .row {
    padding: 20px 100px;
    margin: 0 auto
  }

#homepage .logo {
  display: inline-block;
  width: 216px;
  height: 35px;
  margin-top: 10px
}

  #homepage .logo img {
    max-width: 100%
  }

.lang-menu button a {
  color: #fff;
}

#homepage .burguer-menu, #homepage .share-close {
  padding: 20px 0;
  float: right;
  margin-top: 0;
  border: none;
  outline: none;
  background-color: transparent;
  color: white;
  font-family: 'Montserrat',sans-serif;
  font-size: 14px;
  font-weight: 700;
  letter-spacing: 4px;
  text-transform: uppercase;
  cursor: pointer;
  -webkit-transition: -webkit-transform 1s ease;
  -moz-transition: -moz-transform 1s ease;
  transition: transform 1s ease;
  transition-delay: 1s
}

  #homepage .burguer-menu.active, #homepage .share-close.active {
    color: #aaa
  }

    #homepage .burguer-menu.active:hover span, #homepage .burguer-menu.active span, #homepage .share-close.active:hover span, #homepage .share-close.active span {
      margin-left: 10px
    }

  #homepage .burguer-menu i, #homepage .share-close i {
    opacity: 0;
    font-style: normal;
    -webkit-transition: opacity 0.4s ease;
    -moz-transition: opacity 0.4s ease;
    transition: opacity 0.4s ease;
    transition-delay: 1s
  }

  #homepage .burguer-menu span, #homepage .share-close span {
    display: inline-block;
    width: 20px;
    height: 2px;
    position: relative;
    margin-bottom: 5px;
    margin-left: 12px;
    background-color: #FFD800;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    transition: all 0.2s ease
  }

    #homepage .burguer-menu span u, #homepage .share-close span u {
      display: block;
      width: 2px;
      height: 20px;
      position: absolute;
      top: 50%;
      left: 50%;
      margin-left: -1px;
      -webkit-transform: translateY(-50%);
      -moz-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
      -o-transform: translateY(-50%);
      transform: translateY(-50%);
      background-color: #FFD800;
      opacity: 0
    }

    #homepage .burguer-menu span:before, #homepage .burguer-menu span:after, #homepage .share-close span:before, #homepage .share-close span:after {
      content: '';
      display: block;
      width: 20px;
      height: 2px;
      position: absolute;
      background-color: #F4F7F6;
      -webkit-transition: all 0.2s ease;
      -moz-transition: all 0.2s ease;
      transition: all 0.2s ease
    }

    #homepage .burguer-menu span:before, #homepage .share-close span:before {
      bottom: 100%;
      -webkit-transform: translateY(-4px);
      -moz-transform: translateY(-4px);
      -ms-transform: translateY(-4px);
      -o-transform: translateY(-4px);
      transform: translateY(-4px)
    }

    #homepage .burguer-menu span:after, #homepage .share-close span:after {
      top: 100%;
      -webkit-transform: translateY(4px);
      -moz-transform: translateY(4px);
      -ms-transform: translateY(4px);
      -o-transform: translateY(4px);
      transform: translateY(4px)
    }

#homepage .burguer-menu {
  -webkit-transition: -webkit-transform 1s ease,letter-spacing 0.8s ease;
  -moz-transition: -moz-transform 1s ease,letter-spacing 0.8s ease;
  transition: transform 1s ease,letter-spacing 0.8s ease;
  transition-delay: 0s
}

  #homepage .burguer-menu:hover span {
    width: 30px !important;
    margin-left: 2px;
    -webkit-transform: translatex(5px);
    -moz-transform: translatex(5px);
    -ms-transform: translatex(5px);
    -o-transform: translatex(5px);
    transform: translatex(5px)
  }

    #homepage .burguer-menu:hover span:before, #homepage .burguer-menu:hover span:after {
      width: 30px
    }

#homepage .menu-container, #homepage .share-container {
  height: 0;
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  overflow: hidden;
  -webkit-transition: all 1.5s cubic-bezier(1,0,0,1);
  -moz-transition: all 1.5s cubic-bezier(1,0,0,1);
  transition: all 1.5s cubic-bezier(1,0,0,1)
}

#homepage .head-menu--open {
  z-index: 2000
}

  #homepage .head-menu--open .burguer-menu {
    position: relative;
    -webkit-transform: translateY(60px);
    -moz-transform: translateY(60px);
    -ms-transform: translateY(60px);
    -o-transform: translateY(60px);
    transform: translateY(60px);
    z-index: 100;
    transition-delay: 1s
  }

    #homepage .head-menu--open .burguer-menu i {
      opacity: 1
    }

    #homepage .head-menu--open .burguer-menu span {
      width: 20px !important;
      -webkit-transform: rotate(45deg);
      -moz-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
      -o-transform: rotate(45deg);
      transform: rotate(45deg)
    }

      #homepage .head-menu--open .burguer-menu span u {
        opacity: 1;
        transition-delay: 0.1s
      }

      #homepage .head-menu--open .burguer-menu span:before {
        width: 20px !important;
        -webkit-transform: translateY(-4px) scale(.1,1);
        -moz-transform: translateY(-4px) scale(.1,1);
        -ms-transform: translateY(-4px) scale(.1,1);
        -o-transform: translateY(-4px) scale(.1,1);
        transform: translateY(-4px) scale(.1,1);
        opacity: 0
      }

      #homepage .head-menu--open .burguer-menu span:after {
        width: 20px !important;
        -webkit-transform: translateY(4px) scale(.1,1);
        -moz-transform: translateY(4px) scale(.1,1);
        -ms-transform: translateY(4px) scale(.1,1);
        -o-transform: translateY(4px) scale(.1,1);
        transform: translateY(4px) scale(.1,1);
        opacity: 0
      }

  #homepage .head-menu--open .menu-container {
    display: block;
    height: auto;
    bottom: 0
  }

    #homepage .head-menu--open .menu-container .menu-container__background {
      max-height: 100%;
      opacity: 1
    }

#homepage .menu-container__background {
  height: 100%;
  max-height: 0;
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  overflow: hidden;
  background-color: #101010;
  opacity: 0;
  -webkit-transition: all 1.5s cubic-bezier(1,0,0,1);
  -moz-transition: all 1.5s cubic-bezier(1,0,0,1);
  transition: all 1.5s cubic-bezier(1,0,0,1)
}

#homepage .menu-container__list, #homepage .share-container__list {
  -webkit-transform: scale(.8,.8);
  -moz-transform: scale(.8,.8);
  -ms-transform: scale(.8,.8);
  -o-transform: scale(.8,.8);
  transform: scale(.8,.8);
  position: absolute;
  top: 35px;
  right: 35px;
  bottom: 35px;
  left: 35px;
  border: 1px solid #888;
  text-align: center;
  opacity: 0;
  -webkit-transition: all 1s cubic-bezier(.215,.61,.355,1);
  -moz-transition: all 1s cubic-bezier(.215,.61,.355,1);
  transition: all 1s cubic-bezier(.215,.61,.355,1);
  transition-delay: 1s
}

  #homepage .menu-container__list ul, #homepage .share-container__list ul {
    padding: 0
  }

  #homepage .menu-container__list li, #homepage .share-container__list li {
    list-style-type: none
  }

  #homepage .menu-container__list a, #homepage .share-container__list a {
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    transition: all 0.4s ease
  }

#homepage body:not(.firefox):not(.safari) #stars, #homepage body:not(.firefox):not(.safari) #stars:after, #homepage body:not(.firefox):not(.safari) #stars2, #homepage body:not(.firefox):not(.safari) #stars3 {
  border-radius: 30px;
  opacity: .2
}

#homepage body:not(.firefox):not(.safari) #stars {
  width: 1px;
  height: 1px;
  background: transparent;
  box-shadow: 1744px 248px 1px #fff,1196px 1117px 1px #fff,1799px 1956px 1px #fff,1560px 749px 1px #fff,1596px 264px 1px #fff,1408px 159px 1px #fff,343px 409px 1px #fff,1904px 1743px 1px #fff,1610px 678px 1px #fff,68px 1901px 1px #fff,11px 458px 1px #fff,775px 758px 1px #fff,1019px 614px 1px #fff,1988px 528px 1px #fff,218px 663px 1px #fff,373px 1923px 1px #fff,1662px 1104px 1px #fff,573px 335px 1px #fff,1062px 765px 1px #fff,1205px 503px 1px #fff,625px 815px 1px #fff,1817px 1199px 1px #fff,192px 307px 1px #fff,1281px 336px 1px #fff,1266px 94px 1px #fff,23px 996px 1px #fff,1124px 545px 1px #fff,1048px 1587px 1px #fff,1800px 1766px 1px #fff,397px 334px 1px #fff,114px 1898px 1px #fff,153px 1299px 1px #fff,865px 351px 1px #fff,1845px 612px 1px #fff,428px 1281px 1px #fff,683px 305px 1px #fff,960px 998px 1px #fff,31px 1613px 1px #fff,1613px 431px 1px #fff,300px 1625px 1px #fff,1366px 884px 1px #fff,1159px 19px 1px #fff,1332px 694px 1px #fff,9px 205px 1px #fff,1611px 554px 1px #fff,260px 257px 1px #fff,344px 1258px 1px #fff,1591px 167px 1px #fff,752px 145px 1px #fff,26px 1845px 1px #fff,831px 1483px 1px #fff,1279px 1427px 1px #fff,275px 1041px 1px #fff,1959px 705px 1px #fff,1776px 381px 1px #fff,962px 1592px 1px #fff,965px 1568px 1px #fff,680px 1719px 1px #fff,1333px 1441px 1px #fff,624px 565px 1px #fff,697px 1031px 1px #fff,393px 1043px 1px #fff,1741px 1155px 1px #fff,554px 1776px 1px #fff,1986px 1758px 1px #fff,1872px 892px 1px #fff,102px 1415px 1px #fff,1312px 684px 1px #fff,1446px 1934px 1px #fff,782px 1558px 1px #fff,1918px 428px 1px #fff,175px 1169px 1px #fff,952px 1149px 1px #fff,122px 375px 1px #fff,511px 1014px 1px #fff,1318px 1138px 1px #fff,1388px 1275px 1px #fff,335px 1593px 1px #fff,1449px 37px 1px #fff,904px 1852px 1px #fff,1377px 1102px 1px #fff,933px 698px 1px #fff,920px 312px 1px #fff,15px 1907px 1px #fff,404px 558px 1px #fff,1813px 1237px 1px #fff,53px 1850px 1px #fff,1871px 912px 1px #fff,1142px 413px 1px #fff,91px 1117px 1px #fff,672px 1337px 1px #fff,388px 430px 1px #fff,218px 1449px 1px #fff,1616px 259px 1px #fff,1150px 726px 1px #fff,1699px 409px 1px #fff,1798px 43px 1px #fff,1620px 1111px 1px #fff,1128px 1666px 1px #fff,864px 284px 1px #fff,606px 1045px 1px #fff,1710px 522px 1px #fff,1965px 113px 1px #fff,962px 1904px 1px #fff,1064px 990px 1px #fff,1419px 1517px 1px #fff,1169px 398px 1px #fff,196px 1022px 1px #fff,1665px 643px 1px #fff,384px 452px 1px #fff,1683px 1084px 1px #fff,1826px 929px 1px #fff,1409px 1046px 1px #fff,535px 700px 1px #fff,447px 1284px 1px #fff,325px 85px 1px #fff,1662px 744px 1px #fff,742px 1846px 1px #fff,964px 1977px 1px #fff,33px 582px 1px #fff,924px 1555px 1px #fff,193px 1274px 1px #fff,43px 120px 1px #fff,798px 892px 1px #fff,1876px 174px 1px #fff,1313px 1911px 1px #fff,1155px 1381px 1px #fff,970px 1221px 1px #fff,25px 764px 1px #fff,1985px 943px 1px #fff,1857px 93px 1px #fff,1927px 703px 1px #fff,317px 1277px 1px #fff,1185px 580px 1px #fff,1209px 1740px 1px #fff,415px 1227px 1px #fff,1032px 246px 1px #fff,114px 146px 1px #fff,1719px 1175px 1px #fff,1262px 9px 1px #fff,195px 290px 1px #fff,113px 592px 1px #fff,491px 607px 1px #fff,672px 879px 1px #fff,970px 1817px 1px #fff,429px 1342px 1px #fff,74px 966px 1px #fff,1182px 229px 1px #fff,805px 1145px 1px #fff,1042px 87px 1px #fff,353px 157px 1px #fff,1410px 1238px 1px #fff,1748px 98px 1px #fff,437px 1750px 1px #fff,1198px 1142px 1px #fff,347px 1644px 1px #fff,1234px 1521px 1px #fff,1802px 1335px 1px #fff,1085px 1080px 1px #fff,932px 1805px 1px #fff,473px 676px 1px #fff,808px 313px 1px #fff,1830px 154px 1px #fff,263px 1946px 1px #fff,733px 871px 1px #fff,1540px 1943px 1px #fff,1091px 168px 1px #fff,1320px 224px 1px #fff,1214px 68px 1px #fff,1951px 1890px 1px #fff,32px 1533px 1px #fff,1651px 1861px 1px #fff,723px 861px 1px #fff,1842px 1093px 1px #fff,559px 915px 1px #fff,1381px 1975px 1px #fff,1673px 63px 1px #fff,842px 416px 1px #fff,1236px 503px 1px #fff,1396px 1488px 1px #fff,1203px 637px 1px #fff,62px 1203px 1px #fff,1040px 1773px 1px #fff,691px 429px 1px #fff,1268px 1444px 1px #fff,291px 481px 1px #fff,705px 1154px 1px #fff,383px 415px 1px #fff,621px 1619px 1px #fff,356px 912px 1px #fff,825px 1882px 1px #fff,935px 1203px 1px #fff,1258px 1391px 1px #fff,778px 141px 1px #fff,232px 1137px 1px #fff,91px 1903px 1px #fff,1191px 72px 1px #fff,1152px 1633px 1px #fff,402px 974px 1px #fff,1921px 1498px 1px #fff;
  animation: animStar 50s linear infinite
}

  #homepage body:not(.firefox):not(.safari) #stars:after {
    content: ' ';
    position: absolute;
    top: 2000px;
    width: 1px;
    height: 1px;
    background: transparent;
    box-shadow: 1744px 248px 1px #fff,1196px 1117px 1px #fff,1799px 1956px 1px #fff,1560px 749px 1px #fff,1596px 264px 1px #fff,1408px 159px 1px #fff,343px 409px 1px #fff,1904px 1743px 1px #fff,1610px 678px 1px #fff,68px 1901px 1px #fff,11px 458px 1px #fff,775px 758px 1px #fff,1019px 614px 1px #fff,1988px 528px 1px #fff,218px 663px 1px #fff,373px 1923px 1px #fff,1662px 1104px 1px #fff,573px 335px 1px #fff,1062px 765px 1px #fff,1205px 503px 1px #fff,625px 815px 1px #fff,1817px 1199px 1px #fff,192px 307px 1px #fff,1281px 336px 1px #fff,1266px 94px 1px #fff,23px 996px 1px #fff,1124px 545px 1px #fff,1048px 1587px 1px #fff,1800px 1766px 1px #fff,397px 334px 1px #fff,114px 1898px 1px #fff,153px 1299px 1px #fff,865px 351px 1px #fff,1845px 612px 1px #fff,428px 1281px 1px #fff,683px 305px 1px #fff,960px 998px 1px #fff,31px 1613px 1px #fff,1613px 431px 1px #fff,300px 1625px 1px #fff,1366px 884px 1px #fff,1159px 19px 1px #fff,1332px 694px 1px #fff,9px 205px 1px #fff,1611px 554px 1px #fff,260px 257px 1px #fff,344px 1258px 1px #fff,1591px 167px 1px #fff,752px 145px 1px #fff,26px 1845px 1px #fff,831px 1483px 1px #fff,1279px 1427px 1px #fff,275px 1041px 1px #fff,1959px 705px 1px #fff,1776px 381px 1px #fff,962px 1592px 1px #fff,965px 1568px 1px #fff,680px 1719px 1px #fff,1333px 1441px 1px #fff,624px 565px 1px #fff,697px 1031px 1px #fff,393px 1043px 1px #fff,1741px 1155px 1px #fff,554px 1776px 1px #fff,1986px 1758px 1px #fff,1872px 892px 1px #fff,102px 1415px 1px #fff,1312px 684px 1px #fff,1446px 1934px 1px #fff,782px 1558px 1px #fff,1918px 428px 1px #fff,175px 1169px 1px #fff,952px 1149px 1px #fff,122px 375px 1px #fff,511px 1014px 1px #fff,1318px 1138px 1px #fff,1388px 1275px 1px #fff,335px 1593px 1px #fff,1449px 37px 1px #fff,904px 1852px 1px #fff,1377px 1102px 1px #fff,933px 698px 1px #fff,920px 312px 1px #fff,15px 1907px 1px #fff,404px 558px 1px #fff,1813px 1237px 1px #fff,53px 1850px 1px #fff,1871px 912px 1px #fff,1142px 413px 1px #fff,91px 1117px 1px #fff,672px 1337px 1px #fff,388px 430px 1px #fff,218px 1449px 1px #fff,1616px 259px 1px #fff,1150px 726px 1px #fff,1699px 409px 1px #fff,1798px 43px 1px #fff,1620px 1111px 1px #fff,1128px 1666px 1px #fff,864px 284px 1px #fff,606px 1045px 1px #fff,1710px 522px 1px #fff,1965px 113px 1px #fff,962px 1904px 1px #fff,1064px 990px 1px #fff,1419px 1517px 1px #fff,1169px 398px 1px #fff,196px 1022px 1px #fff,1665px 643px 1px #fff,384px 452px 1px #fff,1683px 1084px 1px #fff,1826px 929px 1px #fff,1409px 1046px 1px #fff,535px 700px 1px #fff,447px 1284px 1px #fff,325px 85px 1px #fff,1662px 744px 1px #fff,742px 1846px 1px #fff,964px 1977px 1px #fff,33px 582px 1px #fff,924px 1555px 1px #fff,193px 1274px 1px #fff,43px 120px 1px #fff,798px 892px 1px #fff,1876px 174px 1px #fff,1313px 1911px 1px #fff,1155px 1381px 1px #fff,970px 1221px 1px #fff,25px 764px 1px #fff,1985px 943px 1px #fff,1857px 93px 1px #fff,1927px 703px 1px #fff,317px 1277px 1px #fff,1185px 580px 1px #fff,1209px 1740px 1px #fff,415px 1227px 1px #fff,1032px 246px 1px #fff,114px 146px 1px #fff,1719px 1175px 1px #fff,1262px 9px 1px #fff,195px 290px 1px #fff,113px 592px 1px #fff,491px 607px 1px #fff,672px 879px 1px #fff,970px 1817px 1px #fff,429px 1342px 1px #fff,74px 966px 1px #fff,1182px 229px 1px #fff,805px 1145px 1px #fff,1042px 87px 1px #fff,353px 157px 1px #fff,1410px 1238px 1px #fff,1748px 98px 1px #fff,437px 1750px 1px #fff,1198px 1142px 1px #fff,347px 1644px 1px #fff,1234px 1521px 1px #fff,1802px 1335px 1px #fff,1085px 1080px 1px #fff,932px 1805px 1px #fff,473px 676px 1px #fff,808px 313px 1px #fff,1830px 154px 1px #fff,263px 1946px 1px #fff,733px 871px 1px #fff,1540px 1943px 1px #fff,1091px 168px 1px #fff,1320px 224px 1px #fff,1214px 68px 1px #fff,1951px 1890px 1px #fff,32px 1533px 1px #fff,1651px 1861px 1px #fff,723px 861px 1px #fff,1842px 1093px 1px #fff,559px 915px 1px #fff,1381px 1975px 1px #fff,1673px 63px 1px #fff,842px 416px 1px #fff,1236px 503px 1px #fff,1396px 1488px 1px #fff,1203px 637px 1px #fff,62px 1203px 1px #fff,1040px 1773px 1px #fff,691px 429px 1px #fff,1268px 1444px 1px #fff,291px 481px 1px #fff,705px 1154px 1px #fff,383px 415px 1px #fff,621px 1619px 1px #fff,356px 912px 1px #fff,825px 1882px 1px #fff,935px 1203px 1px #fff,1258px 1391px 1px #fff,778px 141px 1px #fff,232px 1137px 1px #fff,91px 1903px 1px #fff,1191px 72px 1px #fff,1152px 1633px 1px #fff,402px 974px 1px #fff,1921px 1498px 1px #fff
  }

#homepage body:not(.firefox):not(.safari) #stars2 {
  width: 4px;
  height: 4px;
  background: transparent;
  box-shadow: 636px 1064px 1px #fff,1495px 1068px 1px #fff,986px 1682px 1px #fff,166px 923px 1px #fff,1650px 662px 1px #fff,960px 1281px 1px #fff,1459px 1648px 1px #fff,1863px 1054px 1px #fff,1772px 875px 1px #fff,272px 1050px 1px #fff,1881px 895px 1px #fff,1121px 1642px 1px #fff,1376px 1998px 1px #fff,1042px 1384px 1px #fff,1946px 459px 1px #fff,1333px 467px 1px #fff,1883px 1581px 1px #fff,380px 785px 1px #fff,1617px 1531px 1px #fff,479px 356px 1px #fff,1935px 1225px 1px #fff,1380px 1048px 1px #fff,293px 1483px 1px #fff,1352px 1882px 1px #fff,490px 40px 1px #fff,21px 1690px 1px #fff,647px 1629px 1px #fff,1216px 273px 1px #fff,1229px 1609px 1px #fff,718px 1005px 1px #fff,1198px 525px 1px #fff,1932px 467px 1px #fff,1462px 796px 1px #fff,1652px 1852px 1px #fff,1849px 1234px 1px #fff,1069px 3px 1px #fff,1547px 350px 1px #fff,1025px 1002px 1px #fff,1875px 515px 1px #fff,1083px 747px 1px #fff,1856px 1825px 1px #fff,1999px 1827px 1px #fff,263px 1116px 1px #fff,277px 1225px 1px #fff,1196px 1200px 1px #fff,170px 1269px 1px #fff,1714px 226px 1px #fff,1809px 742px 1px #fff,861px 1867px 1px #fff,2px 813px 1px #fff,808px 1871px 1px #fff,252px 1191px 1px #fff,219px 105px 1px #fff,1727px 316px 1px #fff,842px 59px 1px #fff,1115px 764px 1px #fff,676px 1826px 1px #fff,1174px 67px 1px #fff,65px 17px 1px #fff,1127px 96px 1px #fff,426px 563px 1px #fff,872px 1744px 1px #fff,639px 1764px 1px #fff,950px 998px 1px #fff,1855px 190px 1px #fff,1154px 846px 1px #fff,1185px 1214px 1px #fff,337px 1361px 1px #fff,1075px 486px 1px #fff,631px 280px 1px #fff,815px 1129px 1px #fff,1195px 1055px 1px #fff,1778px 556px 1px #fff,613px 1336px 1px #fff,1786px 280px 1px #fff,1276px 1671px 1px #fff,219px 1470px 1px #fff,472px 633px 1px #fff,1643px 792px 1px #fff,406px 160px 1px #fff,1685px 864px 1px #fff,1394px 860px 1px #fff,1977px 710px 1px #fff,222px 1983px 1px #fff,1934px 48px 1px #fff,1810px 1246px 1px #fff,1681px 1886px 1px #fff,1197px 1861px 1px #fff,1553px 493px 1px #fff,1565px 1693px 1px #fff,963px 1438px 1px #fff,1618px 1431px 1px #fff,442px 398px 1px #fff,32px 231px 1px #fff,1363px 362px 1px #fff,584px 329px 1px #fff,1162px 1958px 1px #fff,1973px 406px 1px #fff,1474px 1500px 1px #fff,801px 918px 1px #fff,1409px 313px 1px #fff,1846px 201px 1px #fff,997px 1311px 1px #fff,114px 57px 1px #fff,1108px 1652px 1px #fff,605px 101px 1px #fff,1640px 116px 1px #fff,727px 510px 1px #fff,1134px 1424px 1px #fff,657px 1037px 1px #fff,972px 538px 1px #fff,1348px 1266px 1px #fff,211px 1595px 1px #fff,376px 1230px 1px #fff,1153px 432px 1px #fff,1629px 28px 1px #fff,713px 1009px 1px #fff,81px 113px 1px #fff,1622px 1908px 1px #fff,1650px 1677px 1px #fff,390px 916px 1px #fff,419px 1120px 1px #fff,1459px 699px 1px #fff,1694px 1287px 1px #fff,39px 1423px 1px #fff;
  animation: animStar 150s linear infinite
}

  #homepage body:not(.firefox):not(.safari) #stars2:after {
    content: ' ';
    position: absolute;
    top: 2000px;
    width: 4px;
    height: 4px;
    background: transparent;
    box-shadow: 636px 1064px 1px #fff,1495px 1068px 1px #fff,986px 1682px 1px #fff,166px 923px 1px #fff,1650px 662px 1px #fff,960px 1281px 1px #fff,1459px 1648px 1px #fff,1863px 1054px 1px #fff,1772px 875px 1px #fff,272px 1050px 1px #fff,1881px 895px 1px #fff,1121px 1642px 1px #fff,1376px 1998px 1px #fff,1042px 1384px 1px #fff,1946px 459px 1px #fff,1333px 467px 1px #fff,1883px 1581px 1px #fff,380px 785px 1px #fff,1617px 1531px 1px #fff,479px 356px 1px #fff,1935px 1225px 1px #fff,1380px 1048px 1px #fff,293px 1483px 1px #fff,1352px 1882px 1px #fff,490px 40px 1px #fff,21px 1690px 1px #fff,647px 1629px 1px #fff,1216px 273px 1px #fff,1229px 1609px 1px #fff,718px 1005px 1px #fff,1198px 525px 1px #fff,1932px 467px 1px #fff,1462px 796px 1px #fff,1652px 1852px 1px #fff,1849px 1234px 1px #fff,1069px 3px 1px #fff,1547px 350px 1px #fff,1025px 1002px 1px #fff,1875px 515px 1px #fff,1083px 747px 1px #fff,1856px 1825px 1px #fff,1999px 1827px 1px #fff,263px 1116px 1px #fff,277px 1225px 1px #fff,1196px 1200px 1px #fff,170px 1269px 1px #fff,1714px 226px 1px #fff,1809px 742px 1px #fff,861px 1867px 1px #fff,2px 813px 1px #fff,808px 1871px 1px #fff,252px 1191px 1px #fff,219px 105px 1px #fff,1727px 316px 1px #fff,842px 59px 1px #fff,1115px 764px 1px #fff,676px 1826px 1px #fff,1174px 67px 1px #fff,65px 17px 1px #fff,1127px 96px 1px #fff,426px 563px 1px #fff,872px 1744px 1px #fff,639px 1764px 1px #fff,950px 998px 1px #fff,1855px 190px 1px #fff,1154px 846px 1px #fff,1185px 1214px 1px #fff,337px 1361px 1px #fff,1075px 486px 1px #fff,631px 280px 1px #fff,815px 1129px 1px #fff,1195px 1055px 1px #fff,1778px 556px 1px #fff,613px 1336px 1px #fff,1786px 280px 1px #fff,1276px 1671px 1px #fff,219px 1470px 1px #fff,472px 633px 1px #fff,1643px 792px 1px #fff,406px 160px 1px #fff,1685px 864px 1px #fff,1394px 860px 1px #fff,1977px 710px 1px #fff,222px 1983px 1px #fff,1934px 48px 1px #fff,1810px 1246px 1px #fff,1681px 1886px 1px #fff,1197px 1861px 1px #fff,1553px 493px 1px #fff,1565px 1693px 1px #fff,963px 1438px 1px #fff,1618px 1431px 1px #fff,442px 398px 1px #fff,32px 231px 1px #fff,1363px 362px 1px #fff,584px 329px 1px #fff,1162px 1958px 1px #fff,1973px 406px 1px #fff,1474px 1500px 1px #fff,801px 918px 1px #fff,1409px 313px 1px #fff,1846px 201px 1px #fff,997px 1311px 1px #fff,114px 57px 1px #fff,1108px 1652px 1px #fff,605px 101px 1px #fff,1640px 116px 1px #fff,727px 510px 1px #fff,1134px 1424px 1px #fff,657px 1037px 1px #fff,972px 538px 1px #fff,1348px 1266px 1px #fff,211px 1595px 1px #fff,376px 1230px 1px #fff,1153px 432px 1px #fff,1629px 28px 1px #fff,713px 1009px 1px #fff,81px 113px 1px #fff,1622px 1908px 1px #fff,1650px 1677px 1px #fff,390px 916px 1px #fff,419px 1120px 1px #fff,1459px 699px 1px #fff,1694px 1287px 1px #fff,39px 1423px 1px #fff
  }

#homepage body:not(.firefox):not(.safari) #stars3 {
  width: 8px;
  height: 8px;
  background: transparent;
  box-shadow: 338px 1159px 1px #fff,1649px 265px 1px #fff,829px 1166px 1px #fff,165px 1549px 1px #fff,1170px 1831px 1px #fff,1910px 1763px 1px #fff,123px 852px 1px #fff,1363px 767px 1px #fff,1505px 648px 1px #fff,679px 583px 1px #fff,971px 943px 1px #fff,1136px 348px 1px #fff,697px 501px 1px #fff,991px 977px 1px #fff,133px 1277px 1px #fff,1037px 1982px 1px #fff,1679px 294px 1px #fff,646px 952px 1px #fff,1062px 1114px 1px #fff,1115px 1388px 1px #fff,152px 1582px 1px #fff,1017px 1004px 1px #fff,915px 443px 1px #fff,1266px 414px 1px #fff,984px 1112px 1px #fff,413px 1564px 1px #fff,1362px 740px 1px #fff,717px 1294px 1px #fff,664px 93px 1px #fff,1726px 1159px 1px #fff,1363px 1765px 1px #fff,792px 664px 1px #fff,1583px 1764px 1px #fff,118px 533px 1px #fff,405px 1094px 1px #fff,783px 169px 1px #fff,1890px 479px 1px #fff,441px 750px 1px #fff,1912px 842px 1px #fff,1179px 449px 1px #fff,1272px 156px 1px #fff,339px 667px 1px #fff,1560px 1206px 1px #fff,1134px 798px 1px #fff,1336px 1552px 1px #fff,79px 1600px 1px #fff,1196px 1957px 1px #fff,1625px 844px 1px #fff,1400px 394px 1px #fff,1432px 1969px 1px #fff;
  animation: animStar 150s linear infinite;
  opacity: .05
}

  #homepage body:not(.firefox):not(.safari) #stars3:after {
    content: ' ';
    position: absolute;
    top: 2000px;
    width: 8px;
    height: 8px;
    background: transparent;
    box-shadow: 338px 1159px 1px #fff,1649px 265px 1px #fff,829px 1166px 1px #fff,165px 1549px 1px #fff,1170px 1831px 1px #fff,1910px 1763px 1px #fff,123px 852px 1px #fff,1363px 767px 1px #fff,1505px 648px 1px #fff,679px 583px 1px #fff,971px 943px 1px #fff,1136px 348px 1px #fff,697px 501px 1px #fff,991px 977px 1px #fff,133px 1277px 1px #fff,1037px 1982px 1px #fff,1679px 294px 1px #fff,646px 952px 1px #fff,1062px 1114px 1px #fff,1115px 1388px 1px #fff,152px 1582px 1px #fff,1017px 1004px 1px #fff,915px 443px 1px #fff,1266px 414px 1px #fff,984px 1112px 1px #fff,413px 1564px 1px #fff,1362px 740px 1px #fff,717px 1294px 1px #fff,664px 93px 1px #fff,1726px 1159px 1px #fff,1363px 1765px 1px #fff,792px 664px 1px #fff,1583px 1764px 1px #fff,118px 533px 1px #fff,405px 1094px 1px #fff,783px 169px 1px #fff,1890px 479px 1px #fff,441px 750px 1px #fff,1912px 842px 1px #fff,1179px 449px 1px #fff,1272px 156px 1px #fff,339px 667px 1px #fff,1560px 1206px 1px #fff,1134px 798px 1px #fff,1336px 1552px 1px #fff,79px 1600px 1px #fff,1196px 1957px 1px #fff,1625px 844px 1px #fff,1400px 394px 1px #fff,1432px 1969px 1px #fff
  }

#homepage .head-menu--open .menu-container__list {
  -webkit-transform: scale(1,1);
  -moz-transform: scale(1,1);
  -ms-transform: scale(1,1);
  -o-transform: scale(1,1);
  transform: scale(1,1);
  opacity: 1
}

#homepage .head-menu--closing {
  z-index: 2000
}

  #homepage .head-menu--closing .burguer-menu {
    position: relative;
    z-index: 100
  }

  #homepage .head-menu--closing .menu-container__background {
    max-height: 0;
    transition-delay: 0
  }

  #homepage .head-menu--closing .menu-container__list {
    -webkit-transform: scale(2,2);
    -moz-transform: scale(2,2);
    -ms-transform: scale(2,2);
    -o-transform: scale(2,2);
    transform: scale(2,2);
    opacity: 0;
    -webkit-transition: all 1s cubic-bezier(.55,.055,.675,.19);
    -moz-transition: all 1s cubic-bezier(.55,.055,.675,.19);
    transition: all 1s cubic-bezier(.55,.055,.675,.19);
    transition-delay: 0
  }

#homepage .menu-list__main, #homepage .share-list__main {
  width: 100%;
  padding: 0;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%)
}

  #homepage .menu-list__main > li, #homepage .share-list__main > li {
    display: inline-block;
    width: 25%;
    float: left
  }

    #homepage .menu-list__main > li:hover a, #homepage .menu-list__main > li:hover a:hover, #homepage .menu-list__main > li:hover a.active, #homepage .share-list__main > li:hover a, #homepage .share-list__main > li:hover a:hover, #homepage .share-list__main > li:hover a.active {
      color: white
    }

      #homepage .menu-list__main > li:hover a:after, #homepage .share-list__main > li:hover a:after {
        width: 10px;
        height: 10px;
        -webkit-transform: translate(-50%,0);
        -moz-transform: translate(-50%,0);
        -ms-transform: translate(-50%,0);
        -o-transform: translate(-50%,0);
        transform: translate(-50%,0)
      }

    #homepage .menu-list__main > li > a, #homepage .share-list__main > li > a {
      display: inline-block;
      padding: 25px 0;
      position: relative;
      margin-bottom: 30px;
      color: #aaa;
      font-family: 'Expletus Sans',cursive;
      font-size: 6.5vh;
      text-decoration: none
    }

      #homepage .menu-list__main > li > a.active, #homepage .share-list__main > li > a.active {
        border-top: 2px solid white;
        color: white !important
      }

      #homepage .menu-list__main > li > a:after, #homepage .share-list__main > li > a:after {
        content: '';
        display: block;
        width: 0;
        height: 0;
        position: absolute;
        top: 100%;
        left: 50%;
        -webkit-transform: translate(-50%,0);
        -moz-transform: translate(-50%,0);
        -ms-transform: translate(-50%,0);
        -o-transform: translate(-50%,0);
        transform: translate(-50%,0);
        margin: 0 auto;
        border: 3px solid #FFD800;
        border-radius: 10px;
        -webkit-transition: all 0.4s ease;
        -moz-transition: all 0.4s ease;
        transition: all 0.4s ease
      }

#homepage .menu-list__submenu a, #homepage .share-list__submenu a {
  display: inline-block;
  margin: 5px 0;
  color: #aaa;
  font-size: 2.3vh;
  font-weight: 300;
  text-decoration: none
}

  #homepage .menu-list__submenu a:hover, #homepage .share-list__submenu a:hover {
    color: #FFD800 !important
  }

#homepage .head-menu__links ul {
  display: block;
  padding: 0;
  position: absolute;
  bottom: 65px;
  left: 65px;
  margin: 0
}

#homepage .head-menu__links li {
  display: inline-block;
  padding: 0 25px;
  position: relative;
  list-style-type: none
}

  #homepage .head-menu__links li:after {
    content: '';
    display: block;
    width: 3px;
    height: 3px;
    position: absolute;
    top: 50%;
    left: 0;
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    border-radius: 100%;
    background-color: white
  }

  #homepage .head-menu__links li:first-child:after {
    display: none
  }

  #homepage .head-menu__links li a {
    color: white;
    font-size: 13px;
    letter-spacing: 1px;
    -webkit-transition: color 0.2s ease;
    -moz-transition: color 0.2s ease;
    transition: color 0.2s ease;
    text-decoration: none;
    text-transform: uppercase
  }

    #homepage .head-menu__links li a:hover {
      color: #57edf4
    }

#homepage .head-menu__contact {
  position: absolute;
  right: 65px;
  bottom: 65px
}

  #homepage .head-menu__contact a {
    color: white;
    text-decoration: none
  }

@media screen and (max-width:1200px) {
  #homepage .head-menu--open .burguer-menu {
    -webkit-transform: translateY(20px);
    -moz-transform: translateY(20px);
    -ms-transform: translateY(20px);
    -o-transform: translateY(20px);
    transform: translateY(20px)
  }

  #homepage .head-menu .row, #homepage .bottom .row {
    padding: 20px 50px
  }

  #homepage .menu-list__main, #homepage .share-list__main {
    -webkit-transform: translateY(-60%);
    -moz-transform: translateY(-60%);
    -ms-transform: translateY(-60%);
    -o-transform: translateY(-60%);
    transform: translateY(-60%)
  }

  #homepage .menu-container__list, #homepage .share-container__list {
    top: 30px;
    right: 30px;
    bottom: 30px;
    left: 30px
  }

  #homepage .head-menu__contact {
    right: 25px !important;
    bottom: 25px !important
  }

  #homepage .head-menu__links ul {
    bottom: 25px !important;
    left: 25px !important
  }

    #homepage .head-menu__links ul li:first-child {
      padding-left: 0
    }
}

@media screen and (max-width:992px) {
  #homepage .head-menu--open .burguer-menu {
    -webkit-transform: translateY(20px);
    -moz-transform: translateY(20px);
    -ms-transform: translateY(20px);
    -o-transform: translateY(20px);
    transform: translateY(20px)
  }

  #homepage .burguer-menu {
    padding-top: 15px;
    font-size: 13px
  }

  #homepage .head-menu, #homepage .bottom {
    height: 40px !important
  }

    #homepage .head-menu .row, #homepage .bottom .row {
      padding: 0 30px
    }

  #homepage .logo {
    width: 175px
  }

  #homepage .menu-container__list, #homepage .share-container__list {
    top: 20px;
    right: 20px;
    bottom: 20px;
    left: 20px
  }

  #homepage .head-menu__links li {
    padding: 0 15px
  }

    #homepage .head-menu__links li a {
      font-size: 2.5vh
    }

  #homepage .bottom__info-contact a, #homepage .head-menu__contact a {
    margin-right: 8px;
    font-size: 3vh !important
  }
}

@media screen and (max-width:768px) {
  #homepage .menu-list__main, #homepage .share-list__main {
    margin-top: 0
  }

    #homepage .menu-list__main > li > a, #homepage .share-list__main > li > a {
      padding: 5px 0;
      margin-bottom: 20px
    }

  #homepage .menu-list__submenu a, #homepage .share-list__submenu a {
    margin: 1px 0;
    font-size: 11px
  }

  #homepage .head-menu__links ul {
    bottom: 15px !important;
    left: 20px !important
  }

  #homepage .head-menu__contact {
    right: 20px !important;
    bottom: 15px !important
  }
}

#homepage .bottom {
  height: 80px;
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 800
}

  #homepage .bottom audio {
    display: none
  }

#homepage .scroll-to-explore {
  position: absolute;
  top: -50px;
  left: 50%;
  transform: translateX(-50%);
  color: white;
  font-size: 11px;
  font-weight: 600;
  text-align: center
}

  #homepage .scroll-to-explore span {
    display: inline-block;
    width: 30px;
    height: 30px;
    margin-bottom: 5px;
    /* background: transparent url(../img/mouse.svg) center center no-repeat;
    background-size: contain */
  }

#homepage .bottom__info-trigger {
  float: left;
  border: none;
  outline: none;
  background-color: transparent;
  color: white;
  cursor: pointer;
  font-family: 'Montserrat',sans-serif;
  font-size: 13px;
  font-weight: 600;
  letter-spacing: 2px;
  text-transform: uppercase;
  -webkit-transition: color 0.4s ease;
  -moz-transition: color 0.4s ease;
  transition: color 0.4s ease
}

  #homepage .bottom__info-trigger:hover {
    color: #FFD800
  }

  #homepage .bottom__info-trigger:before {
    content: '';
    display: inline-block;
    width: 20px;
    height: 19px;
    margin-right: 10px;
    background: transparent url(../img/more.svg) center center no-repeat;
    background-size: contain;
    vertical-align: middle;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    transition: all 0.4s ease
  }

  #homepage .bottom__info-trigger:hover:before {
    -moz-transform: scaleX(-1);
    -o-transform: scaleX(-1);
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
    filter: FlipH;
    -ms-filter: "FlipH"
  }

#homepage .bottom__nav {
  max-width: 700px;
  width: 60%;
  position: relative;
  margin: 0 auto;
  -webkit-transform: translate(25px,10px);
  -moz-transform: translate(25px,10px);
  -ms-transform: translate(25px,10px);
  -o-transform: translate(25px,10px);
  transform: translate(25px,10px)
}

#homepage .bottom__nav__column {
  width: 25%;
  height: 100px;
  padding: 0 18px;
  position: relative;
  box-sizing: border-box;
  float: left
}

  #homepage .bottom__nav__column span {
    display: block;
    width: 100%;
    height: 1px;
    position: relative;
    background-color: #8c8b87
  }

    #homepage .bottom__nav__column span i {
      display: block;
      width: auto;
      height: 3px;
      position: absolute;
      top: -1px;
      left: 0;
      background-color: white;
      z-index: 1
    }

    #homepage .bottom__nav__column span.nav__current {
      -webkit-transition: all 3s ease;
      -moz-transition: all 3s ease;
      transition: all 3s ease
    }

    #homepage .bottom__nav__column span.nav__complete {
      width: 100% !important
    }

  #homepage .bottom__nav__column #nav__first i {
    right: 0
  }

  #homepage .bottom__nav__column button {
    display: block;
    width: 16px;
    height: 16px;
    padding: 0;
    position: absolute;
    top: -7px;
    left: -7px;
    border: 1px solid transparent;
    outline: none;
    background-color: transparent;
    border-radius: 100%;
    cursor: pointer
  }

    #homepage .bottom__nav__column button:after {
      content: '';
      display: block;
      width: 5px;
      height: 5px;
      position: absolute;
      top: 50%;
      left: 50%;
      -webkit-transform: translate(-50%,-50%);
      -moz-transform: translate(-50%,-50%);
      -ms-transform: translate(-50%,-50%);
      -o-transform: translate(-50%,-50%);
      transform: translate(-50%,-50%);
      border-radius: 100%;
      background-color: #888585
    }

    #homepage .bottom__nav__column button.active, #homepage .bottom__nav__column button:hover {
      border-color: #fafafa !important
    }

      #homepage .bottom__nav__column button.active:after {
        display: none
      }

      #homepage .bottom__nav__column button.active:hover:after {
        display: block !important
      }

#homepage .bottom__tools {
  position: relative;
  float: right;
  margin: -10px -5px
}

  #homepage .bottom__tools > button {
    display: inline-block;
    width: 34px;
    height: 34px;
    position: relative;
    border: none;
    outline: none;
    cursor: pointer
  }

    #homepage .bottom__tools > button:after {
      content: '';
      display: block;
      width: 2px;
      height: 2px;
      position: absolute;
      top: 50%;
      left: 50%;
      -webkit-transform: translate(-50%,-50%);
      -moz-transform: translate(-50%,-50%);
      -ms-transform: translate(-50%,-50%);
      -o-transform: translate(-50%,-50%);
      transform: translate(-50%,-50%);
      opacity: 0;
      border: 1px solid #f9f9f8;
      border-radius: 100%;
      -webkit-transition: all 0.4s ease;
      -moz-transition: all 0.4s ease;
      transition: all 0.4s ease
    }

    #homepage .bottom__tools > button:hover:after {
      width: 34px;
      height: 34px;
      opacity: 1
    }

#homepage .tools__sound {
  background: transparent url(../img/sound.svg) center center no-repeat;
  background-size: 60%
}

  #homepage .tools__sound.paused {
    background: transparent url(../img/sound-mute.svg) center center no-repeat;
    background-size: 60%
  }

#homepage .tools__share {
  background: transparent url(../img/share.svg) center center no-repeat;
  background-size: 55%
}

#homepage .bottom__info {
  position: absolute;
  top: 100%;
  right: 0;
  bottom: 0;
  left: 0;
  overflow: hidden;
  color: white
}

#homepage .bottom__info--open {
  overflow: visible
}

#homepage .bottom__info__container {
  height: 90px;
  padding: 35px 70px;
  box-sizing: border-box;
  background-color: #121313;
  -webkit-transition: -webkit-transform 0.4s cubic-bezier(.8,0,0,.8);
  -moz-transition: -moz-transform 0.4s cubic-bezier(.8,0,0,.8);
  transition: transform 0.4s cubic-bezier(.8,0,0,.8)
}

#homepage .bottom__info--open .bottom__info__container {
  -webkit-transform: translateY(-100%);
  -moz-transform: translateY(-100%);
  -ms-transform: translateY(-100%);
  -o-transform: translateY(-100%);
  transform: translateY(-100%)
}

#homepage .bottom__info--closing .bottom__info__container {
  -webkit-transform: translateY(0%);
  -moz-transform: translateY(0%);
  -ms-transform: translateY(0%);
  -o-transform: translateY(0%);
  transform: translateY(0%)
}

#homepage .bottom__info__container a {
  color: white;
  text-decoration: none;
  text-transform: uppercase
}

#homepage .bottom__info-close {
  padding-left: 26px;
  position: relative;
  float: left;
  color: #aaa;
  cursor: pointer;
  font-size: 13px;
  font-weight: 600;
  text-transform: uppercase
}

  #homepage .bottom__info-close span {
    display: block;
    width: 20px;
    height: 20px;
    position: absolute;
    top: -1px;
    left: 0;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg)
  }

    #homepage .bottom__info-close span:before, #homepage .bottom__info-close span:after {
      content: '';
      display: block;
      width: 2px;
      height: 100%;
      position: absolute;
      top: 50%;
      left: 50%;
      -webkit-transform: translate(-50%,-50%);
      -moz-transform: translate(-50%,-50%);
      -ms-transform: translate(-50%,-50%);
      -o-transform: translate(-50%,-50%);
      transform: translate(-50%,-50%);
      background-color: #FFD800
    }

    #homepage .bottom__info-close span:after {
      -webkit-transform: translate(-50%,-50%) rotate(-90deg);
      -moz-transform: translate(-50%,-50%) rotate(-90deg);
      -ms-transform: translate(-50%,-50%) rotate(-90deg);
      -o-transform: translate(-50%,-50%) rotate(-90deg);
      transform: translate(-50%,-50%) rotate(-90deg)
    }

#homepage .bottom__info ul {
  display: block;
  padding: 0;
  position: absolute;
  right: 0;
  left: 0;
  margin: 0;
  text-align: center;
  z-index: -1
}

#homepage .bottom__info li {
  display: inline-block;
  padding: 0 25px;
  position: relative;
  list-style-type: none
}

  #homepage .bottom__info li:after {
    content: '';
    display: block;
    width: 3px;
    height: 3px;
    position: absolute;
    top: 50%;
    left: 0;
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    border-radius: 100%;
    background-color: white
  }

  #homepage .bottom__info li:first-child:after {
    display: none
  }

  #homepage .bottom__info li a {
    font-size: 13px;
    letter-spacing: 1px;
    -webkit-transition: color 0.2s ease;
    -moz-transition: color 0.2s ease;
    transition: color 0.2s ease
  }

    #homepage .bottom__info li a:hover {
      color: #57edf4
    }

#homepage .bottom__info-contact, #homepage .head-menu__contact {
  float: right
}

  #homepage .bottom__info-contact button, #homepage .head-menu__contact button {
    display: inline-block;
    margin-right: 25px;
    vertical-align: middle
  }

  #homepage .bottom__info-contact a, #homepage .head-menu__contact a {
    text-transform: none
  }

    #homepage .bottom__info-contact a:last-child, #homepage .head-menu__contact a:last-child {
      padding-left: 25px;
      border-left: 1px solid #f1f1f1
    }

.bottom__info-contact a, .head-menu__contact a {
  font-size: 14px;
  margin-right: 15px
}

  .bottom__info-contact a:last-child, .head-menu__contact a:last-child {
    margin-right: 0 !important
  }

@media screen and (max-width:768px) {
  #homepage .bottom__info-contact button, #homepage .head-menu__contact button {
    margin-right: 10px
  }

  #homepage .bottom__info-contact a:first-child, #homepage .head-menu__contact a:first-child {
    width: 6px
  }

  #homepage .bottom__info-contact a:last-child, #homepage .head-menu__contact a:last-child {
    padding-left: 10px
  }
}

#homepage .share-container {
  z-index: 3000
}

#homepage .share-container--open {
  height: auto;
  max-height: none;
  bottom: 0;
  background: rgba(16,16,16,.94)
}

  #homepage .share-container--open .share-close {
    z-index: 999
  }

  #homepage .share-container--open .share-container__list {
    opacity: 1;
    -webkit-transform: scale(1,1);
    -moz-transform: scale(1,1);
    -ms-transform: scale(1,1);
    -o-transform: scale(1,1);
    transform: scale(1,1)
  }

  #homepage .share-container--open .share-list__wrapper {
    width: 100%;
    position: absolute;
    top: 50%;
    -webkit-transform: translate3d(0,-50%,0);
    -moz-transform: translate3d(0,-50%,0);
    -ms-transform: translate3d(0,-50%,0);
    -o-transform: translate3d(0,-50%,0);
    transform: translate3d(0,-50%,0);
    text-align: center;
    filter: blur(0)
  }

    #homepage .share-container--open .share-list__wrapper h3 {
      margin-top: 0;
      margin-bottom: 40px;
      color: #aaa;
      font-family: 'Expletus Sans',cursive;
      font-size: 6vh
    }

  #homepage .share-container--open .share-list__main {
    max-width: 1170px;
    position: relative;
    top: 0;
    margin: 0 auto;
    transform: none
  }

    #homepage .share-container--open .share-list__main li {
      width: 33%;
      position: relative;
      margin-bottom: 30px;
      border-right: 1px solid #606060
    }

      #homepage .share-container--open .share-list__main li:last-child, #homepage .share-container--open .share-list__main li:nth-child(3) {
        border-right: none
      }

      #homepage .share-container--open .share-list__main li:nth-child(4):after, #homepage .share-container--open .share-list__main li:nth-child(5):after, #homepage .share-container--open .share-list__main li:nth-child(6):after {
        content: '';
        display: block;
        position: absolute;
        top: -15px;
        right: 15px;
        left: 15px;
        border-top: 1px solid #606060
      }

    #homepage .share-container--open .share-list__main a {
      margin-bottom: 0;
      color: white;
      font-size: 13px;
      font-weight: 700;
      text-transform: uppercase
    }

      #homepage .share-container--open .share-list__main a:after {
        display: none
      }

      #homepage .share-container--open .share-list__main a:hover {
        color: #FFD800 !important
      }

    #homepage .share-container--open .share-list__main i {
      display: block;
      margin-bottom: 20px;
      font-size: 8vh;
      text-align: center
    }

#homepage .share-container--closing {
  z-index: 2000;
  background-color: transparent;
  transition: background 1s ease;
  transition-delay: 1s
}

  #homepage .share-container--closing .share-container__list {
    -webkit-transform: scale(2,2);
    -moz-transform: scale(2,2);
    -ms-transform: scale(2,2);
    -o-transform: scale(2,2);
    transform: scale(2,2);
    opacity: 0;
    -webkit-transition: all 1s cubic-bezier(.55,.055,.675,.19);
    -moz-transition: all 1s cubic-bezier(.55,.055,.675,.19);
    transition: all 1s cubic-bezier(.55,.055,.675,.19);
    transition-delay: 0
  }

#homepage .share-close {
  position: absolute;
  right: 65px;
  top: 50px
}

  #homepage .share-close span {
    background-color: transparent;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg)
  }

    #homepage .share-close span:before {
      top: 50%;
      -webkit-transform: translate(0,-2px);
      -moz-transform: translate(0,-2px);
      -ms-transform: translate(0,-2px);
      -o-transform: translate(0,-2px);
      transform: translate(0,-2px)
    }

    #homepage .share-close span:after {
      width: 2px;
      height: 20px;
      left: 50%;
      -webkit-transform: translate(-1px,-12px);
      -moz-transform: translate(-1px,-12px);
      -ms-transform: translate(-1px,-12px);
      -o-transform: translate(-1px,-12px);
      transform: translate(-1px,-12px)
    }

@media screen and (max-width:1200px) {
  #homepage .bottom__info__container {
    padding-right: 50px;
    padding-left: 50px
  }

  #homepage .share-close {
    top: 5px;
    right: 25px
  }
}

@media screen and (max-width:992px) {
  #homepage .share-container--open .share-close {
    top: -5px;
    right: 15px
  }

  #homepage .share-container--open .share-list__wrapper h3 {
    margin-bottom: 10px
  }

  #homepage .bottom__info__container {
    height: 65px;
    padding: 20px 30px
  }

  #homepage .bottom__info-trigger, #homepage .bottom__info-close {
    font-size: 10px
  }

  #homepage .bottom__info-close {
    margin-top: 5px
  }

  #homepage .bottom__info li {
    padding: 0 15px
  }

    #homepage .bottom__info li:after {
      top: 65%
    }

    #homepage .bottom__info li a {
      font-size: 2vh
    }

  #homepage .bottom__info-contact a:first-child, #homepage .head-menu__contact a:first-child {
    margin-right: 15px
  }

  #homepage .bottom__info-contact a:last-child, #homepage .head-menu__contact a:last-child {
    padding-left: 15px
  }

  #homepage .scroll-to-explore {
    display: none
  }
}

#arrow-navigate {
  padding-right: 20px;
  position: absolute;
  top: 50%;
  right: 40px;
  -webkit-transform: translate3d(0,0,0);
  -moz-transform: translate3d(0,0,0);
  -ms-transform: translate3d(0,0,0);
  -o-transform: translate3d(0,0,0);
  transform: translate3d(0,0,0);
  z-index: 1;
  cursor: pointer;
  font-size: 12px;
  font-weight: 600
}

  #arrow-navigate.hide {
    display: none
  }

  #arrow-navigate:after {
    content: '';
    display: block;
    width: 20px;
    height: 20px;
    position: absolute;
    top: 50%;
    right: 0;
    margin: 0 0 0 -20px;
    -webkit-transform: translateY(-50%) rotate(45deg);
    -moz-transform: translateY(-50%) rotate(45deg);
    -ms-transform: translateY(-50%) rotate(45deg);
    -o-transform: translateY(-50%) rotate(45deg);
    transform: translateY(-50%) rotate(45deg);
    border-top: 2px solid #FFD800;
    border-right: 2px solid #FFD800;
    animation: blinking 1s infinite
  }

.wrapper {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  overflow: hidden
}

#homepage {
  user-select: none;
  -webkit-overflow-scrolling: touch
}

  #homepage .container {
    max-width: none;
    min-width: 100%;
    padding: 0 !important;
    position: relative;
    overflow: hidden
  }

    #homepage .container img.imgPane {
      display: block;
      max-width: none;
      min-height: 100%;
      position: absolute;
      top: 50%;
      -webkit-transform: translate3d(0,-50%,0);
      -moz-transform: translate3d(0,-50%,0);
      -ms-transform: translate3d(0,-50%,0);
      -o-transform: translate3d(0,-50%,0);
      transform: translate3d(0,-50%,0);
      z-index: -1;
      opacity: 1 !important
    }

.imgPaneSky {
  display: block;
  width: 100%;
  max-width: none;
  height: 50%;
  position: absolute;
  top: 0;
  bottom: 0;
  z-index: -1
}

.scrollbox3 {
  width: 100%;
  height: 100%;
  padding: 0;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  overflow-y: hidden;
  overflow-x: scroll !important;
  overflow-scrolling: touch;
  -webkit-overflow-scrolling: touch;
  color: white;
  cursor: url(../img/mouse-normal.png) 38 27,auto !important
}

  .scrollbox3::-webkit-scrollbar {
    display: none
  }

  .scrollbox3::-webkit-scrollbar-track {
    display: none
  }

  .scrollbox3::-webkit-scrollbar-thumb {
    display: none
  }

.box {
  width: 25%;
  position: relative;
  float: left;
  box-sizing: border-box;
  background: url(../img/gradient-top.png) left top repeat-x,url(../img/gradient-bottom.png) left bottom repeat-x
}

.box__intro {
  position: absolute;
  top: 16%;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 10;
  -webkit-transition: all 3s cubic-bezier(.175,.885,.32,1.275);
  -moz-transition: all 3s cubic-bezier(.175,.885,.32,1.275);
  transition: all 3s cubic-bezier(.175,.885,.32,1.275);
  text-align: center
}

  .box__intro.entering .intro__desc {
    color: transparent;
    animation: blur-entrance 3s ease-out;
    text-shadow: 0 0 0 #fff
  }

.intro__desc {
  max-width: 60%;
  padding: 20px;
  position: relative;
  margin: 0 auto;
  font-family: 'Expletus Sans',cursive
}

  .intro__desc h2 {
    margin: 0 0 15px 0;
    font-size: 8vh;
    font-weight: 300;
    line-height: 7vh;
    text-align: center;
    text-shadow: 0 2px 3px rgba(0,0,0,.4)
  }

  .intro__desc p {
    margin: 0;
    font-size: 2.7vh;
    font-weight: 400;
    line-height: 3vh;
    text-transform: uppercase
  }

.intro__map {
  display: none
}

.noparallax .intro__map, .ie .intro__map {
  display: none !important
}

@media screen and (min-width:992px) {
  .intro__map {
    display: block;
    width: 50%;
    position: absolute;
    top: 50%;
    left: 20%;
    -webkit-transform: translate(0,-100px);
    -moz-transform: translate(0,-100px);
    -ms-transform: translate(0,-100px);
    -o-transform: translate(0,-100px);
    transform: translate(0,-100px);
    opacity: 0;
    -webkit-transition: all 0.8s ease;
    -moz-transition: all 0.8s ease;
    transition: all 0.8s ease;
    transition-delay: 0.8s
  }

    .intro__map .press-space {
      padding-left: 52px;
      position: absolute;
      top: 90px;
      left: 65%;
      transform: translateY(-50%);
      background: transparent url(../img/press-space.png) left center no-repeat;
      color: white;
      font-size: 13px;
      font-weight: 700;
      line-height: 22px;
      text-transform: uppercase
    }

      .intro__map .press-space:after {
        content: '';
        display: block;
        width: 14px;
        height: 3px;
        position: absolute;
        top: 15px;
        left: 10px;
        animation: blinking 1s infinite;
        background-color: #FFD800
      }

    .intro__map > svg {
      width: 170%;
      position: absolute;
      left: 50%;
      margin: 0 auto;
      -webkit-transform: translate(-50%,-50%);
      -moz-transform: translate(-50%,-50%);
      -ms-transform: translate(-50%,-50%);
      -o-transform: translate(-50%,-50%);
      transform: translate(-50%,-50%)
    }

    .intro__map .path-animate {
      width: 170%;
      position: absolute;
      left: 50%;
      -webkit-transform: translate(-50%,-50%);
      -moz-transform: translate(-50%,-50%);
      -ms-transform: translate(-50%,-50%);
      -o-transform: translate(-50%,-50%);
      transform: translate(-50%,-50%);
      margin-left: 1px;
      margin-top: 2px
    }

      .intro__map .path-animate svg + svg {
        width: 100%;
        position: absolute;
        top: 0;
        left: 0
      }
}

@keyframes blinking {
  0% {
    opacity: 0
  }

  50% {
    opacity: 1
  }

  100% {
    opacity: 0
  }
}

.px-el {
  width: 0;
  height: 0;
  position: absolute
}

  .px-el img {
    max-width: none;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%)
  }

.wheel .px-el {
  -webkit-transition: -webkit-transform 0.2s ease;
  -moz-transition: -moz-transform 0.2s ease;
  transition: transform 0.2s ease
}

#photographer {
  top: 50%;
  left: 50%
}

#dwarf {
  top: 60%;
  left: 5%;
  z-index: 1
}

#airplane {
  top: 35%;
  left: 51%
}

  #airplane img {
    display: block;
    position: absolute
  }

  #airplane #cloud-1 {
    z-index: -1
  }

  #airplane #cloud-2 {
    top: 50px;
    left: 140px;
    z-index: -1
  }

  #airplane #cloud-3 {
    position: relative;
    top: 90px;
    left: 100px;
    z-index: 9
  }

body:not(.noparallax) #airplane #plane {
  animation: planeMove 55s linear infinite
}

body:not(.noparallax) #airplane #cloud-1 {
  animation: cloudsMove 55s linear infinite
}

body:not(.noparallax) #airplane #cloud-2 {
  animation: cloudsMove 50s linear infinite alternate
}

body:not(.noparallax) #airplane #cloud-3 {
  animation: cloudsMove 45s linear infinite
}

#flamingos {
  top: 58%;
  left: 40%
}

#first-interaction {
  position: absolute;
  top: 60%;
  left: 40%
}

#woman {
  top: 46%;
  left: 85%
}

#couple {
  top: 19%;
  left: 5%
}

#case {
  top: 55%;
  left: 25.5%;
  opacity: 0
}

#woman-with-dog {
  top: 47%;
  left: 50%
}

#second-interaction {
  top: 57%;
  left: 82%
}

#explorer {
  bottom: 0;
  left: 45%;
  z-index: 10;
}

  #explorer img {
    position: absolute;
    bottom: 0
  }

#persona {
  position: absolute;
  top: 50%;
  left: 36%;
  z-index: -1;
  opacity: 0
}

#persona-interaction {
  position: absolute;
  top: 53%;
  left: 39%;
  z-index: 10;
  cursor: url(../img/mouse-hover.png) 38 27,auto !important
}

  #persona-interaction span {
    cursor: url(../img/mouse-hover.png) 38 27,auto !important
  }

#third-interaction {
  top: 70%;
  left: 52%
}

#couple-running {
  top: 55%;
  left: 55%
}

#fourth-interaction {
  top: 52%;
  left: 65%
}

#fifth-interaction {
  top: 52%;
  left: 5%
}

#sixth-interaction {
  top: 51%;
  left: 46%
}

.noparallax #woman {
  left: 75%
}

.noparallax #woman-with-dog {
  left: 68%
}

.noparallax #explorer {
  left: 35%
}

.noparallax #third-interaction {
  top: 65%;
  left: 37%
}

.noparallax #couple-running {
  left: 85%
}

.interaction {
  position: absolute;
  padding: 30px;
  border: none;
  outline: none;
  background-color: transparent;
  cursor: url(../img/mouse-hover.png) 38 27,auto !important;
  border: none;
  z-index: 4000;
  overflow: visible
}

  .interaction.px-el {
    width: auto !important;
    height: auto !important
  }

  .interaction:hover span {
    -webkit-transform: scale(1.5,1.5);
    -moz-transform: scale(1.5,1.5);
    -ms-transform: scale(1.5,1.5);
    -o-transform: scale(1.5,1.5);
    transform: scale(1.5,1.5)
  }

  .interaction:hover p {
    -webkit-transform: translateX(15px);
    -moz-transform: translateX(15px);
    -ms-transform: translateX(15px);
    -o-transform: translateX(15px);
    transform: translateX(15px)
  }

  .interaction span {
    display: block;
    width: 15px;
    height: 15px;
    border-radius: 100%;
    border: 1px solid #FFD800;
    background-color: #FFD800;
    -webkit-transition: -webkit-transform 0.4s cubic-bezier(.68,-.55,.265,1.55);
    -moz-transition: -moz-transform 0.4s cubic-bezier(.68,-.55,.265,1.55);
    transition: transform 0.4s cubic-bezier(.68,-.55,.265,1.55);
    -webkit-animation: ripple 0.7s linear infinite;
    animation: ripple 0.7s linear infinite
  }

  .interaction p {
    padding: 3px 0 3px 30px;
    position: absolute;
    top: 27px;
    left: 80px;
    background: transparent url(../img/more.svg) left top no-repeat;
    background-size: 20px 20px;
    color: white;
    font-family: 'Montserrat',sans-serif;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 1px;
    line-height: 14px;
    text-align: left;
    text-shadow: 0 1px 4px rgba(0,0,0,.5);
    -webkit-transition: -webkit-transform 0.2s cubic-bezier(.68,-.55,.265,1.55);
    -moz-transition: -moz-transform 0.2s cubic-bezier(.68,-.55,.265,1.55);
    transition: transform 0.2s cubic-bezier(.68,-.55,.265,1.55)
  }

.interaction-leave {
  position: absolute;
  top: 52%;
  left: 5%;
  border: none;
  background: transparent;
  cursor: pointer;
  overflow: visible
}

  .interaction-leave:hover span {
    transform: scale(1.25,1.25)
  }

  .interaction-leave span {
    display: block;
    width: 60px;
    height: 60px;
    position: relative;
    border-radius: 100%;
    /* background: rgba(0,246,255,.4) url(../img/sair.svg) center center no-repeat; */
    -webkit-background-size: 20px 20px;
    background-size: 20px 20px;
    background-position: 17px center;
    -webkit-transition: -webkit-transform 0.2s cubic-bezier(.68,-.55,.265,1.55);
    -moz-transition: -moz-transform 0.2s cubic-bezier(.68,-.55,.265,1.55);
    transition: transform 0.2s cubic-bezier(.68,-.55,.265,1.55);
    box-shadow: 0 0 0 0 rgba(0,246,255,.2),0 0 0 7px rgba(0,246,255,.2),0 0 0 14px rgba(0,246,255,.2)
  }

    .interaction-leave span:before, .interaction-leave span:after {
      content: '';
      display: block;
      position: absolute;
      border: 2px solid #FFD800;
      border-radius: 100%
    }

    .interaction-leave span:before {
      top: 10px;
      right: 10px;
      bottom: 10px;
      left: 10px
    }

    .interaction-leave span:after {
      top: 0;
      right: 0;
      bottom: 0;
      left: 0
    }

.interaction--feat:hover span {
  -webkit-transform: scale(1.3,1.3);
  -moz-transform: scale(1.3,1.3);
  -ms-transform: scale(1.3,1.3);
  -o-transform: scale(1.3,1.3);
  transform: scale(1.3,1.3)
}

.interaction--feat span {
  display: block;
  width: 24px !important;
  height: 24px !important;
  padding: 0;
  z-index: 4000;
  border: 2px solid #FFD800;
  border-radius: 100%;
  position: absolute;
  background-color: transparent;
  cursor: pointer;
  -webkit-transition: -webkit-transform 0.4s cubic-bezier(.68,-.55,.265,1.55);
  -moz-transition: -moz-transform 0.4s cubic-bezier(.68,-.55,.265,1.55);
  transition: transform 0.4s cubic-bezier(.68,-.55,.265,1.55);
  overflow: visible
}

  .interaction--feat span:before, .interaction--feat span:after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    border-radius: 100%
  }

  .interaction--feat span:before {
    width: 4px;
    height: 4px;
    background-color: #FFD800
  }

  .interaction--feat span:after {
    width: 38px;
    height: 38px;
    border: 2px solid rgba(0,246,255,.6);
    -webkit-animation: interactionBorder 0.8s linear infinite;
    animation: interactionBorder 0.8s linear infinite
  }

.interaction--feat p {
  padding-left: 30px;
  margin-left: 40px;
  background: transparent url(../img/more.svg) left top no-repeat;
  background-size: 20px 20px;
  font-family: 'Montserrat',sans-serif;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 1px;
  line-height: 20px
}

@media screen and (max-width:992px) {
  .interaction--feat {
    width: 20px !important;
    height: 20px !important
  }

    .interaction--feat:after {
      width: 27px;
      height: 27px;
      border: 1px solid #FFD800
    }
}

@keyframes interactionBorder {
  0% {
    box-shadow: 0 0 0 0 rgba(0,246,255,.4)
  }

  100% {
    box-shadow: 0 0 0 10px rgba(0,246,255,0)
  }
}

@-webkit-keyframes interactionBorder {
  0% {
    box-shadow: 0 0 0 0 rgba(0,246,255,.4)
  }

  100% {
    box-shadow: 0 0 0 10px rgba(0,246,255,0)
  }
}

.interaction-overlay {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: rgba(0,0,0,.8);
  /* cursor: url(../img/mouse-close.png) 38 27,auto !important; */
  z-index: 1000
}

  .interaction-overlay > div {
    display: none;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
  }

.interaction-desc {
  max-width: 750px;
  position: absolute;
  top: 45%;
  right: 50px;
  left: 50%;
  opacity: 0;
  color: white;
  font-size: 14px;
  line-height: 24px;
  z-index: 1
}

.interaction-desc__title {
  padding-right: 185px;
  padding-left: 30px;
  position: relative;
  margin-bottom: 40px;
  border: 1px solid #606060;
  color: #FFD800;
  text-transform: uppercase;
  opacity: 0;
  transform: translateY(100px);
  transition: all 1s ease
}

.interaction-desc__content {
  opacity: 0;
  transform: translateY(100px);
  transition: all 1s ease;
  transition-delay: 0.5s;
  direction: ltr;
}

.interaction-desc.shown + .intro__map {
  transform: translate(0,-50%);
  opacity: 1;
  z-index: -1
}

.interaction-desc.shown .interaction-desc__title {
  transform: translateY(73px);
  opacity: 1;
}

.interaction-desc.shown .interaction-desc__content {
  transform: translateY(0);
  overflow-y: auto;
  opacity: 1;
  padding-top: 50px;
}

.interaction-desc__title:before, .interaction-desc__title:after {
  content: '';
  position: absolute
}

.interaction-desc__title:before {
  width: 1px;
  height: 1px;
  top: 50%;
  right: 140px;
  background-color: #FFD800;
  opacity: 0;
  transition: all 0.6s ease;
  transition-delay: 0.5s
}

.interaction-desc.shown .interaction-desc__title:before {
  width: 70px;
  opacity: 1
}

.interaction-desc__title:after {
  width: 1px;
  top: 0;
  right: 70px;
  bottom: 0;
  background-color: #606060
}

.interaction-desc__title h3 {
  padding: 10px 0;
  margin: 20px 0;
  font-size: 16px;
  font-weight: 700
}

.interaction-desc__title i {
  display: block;
  position: absolute;
  top: 50%;
  right: 85px;
  transform: translateY(-50%);
  transition: opacity 0.6s ease;
  transition-delay: 1s;
  opacity: 0;
  color: #FFD800;
  font-size: 32px
}

.interaction-desc__title span {
  display: block;
  width: 20px;
  height: 20px;
  position: absolute;
  top: 50%;
  right: 25px;
  transform: translateY(-50%) rotate(45deg)
}

  .interaction-desc__title span:before, .interaction-desc__title span:after {
    content: '';
    display: block;
    width: 1px;
    height: 17px;
    position: absolute;
    left: 50%;
    transform: translateX(-1px);
    background-color: #fdfdfd
  }

  .interaction-desc__title span:after {
    transform: translateX(-1px) rotate(90deg)
  }

.interaction-desc.shown .interaction-desc__title i {
  opacity: 1
}

.interaction-desc p {
  display: block;
  /* padding-right: 20px; */
  /* padding-left: 10px; */
  margin-bottom: 10px;
  text-align: justify;
}

.interaction-desc, .interaction-desc b {
  display: block;
  padding-right: 20px;
  padding-left: 10px;
  margin-bottom: 20px;
}

  .interaction-desc, .interaction-desc li {
    /* padding-right: 20px; */
    /* padding-left: 25px; */
    margin-bottom: 0px;
    margin-left: 25px;
  }

    .interaction-desc button {
      padding: 3px 12px;
      position: relative;
      margin-left: 30px;
      border: none;
      outline: none;
      background-color: transparent;
      color: #aaa;
      font-family: 'Montserrat',sans-serif;
      font-size: 11px;
      font-weight: 600;
      cursor: pointer
    }

      .interaction-desc button:hover:before, .interaction-desc button:hover:after {
        border-color: #FFD800;
        -webkit-transform: scale(1,-1);
        -moz-transform: scale(1,-1);
        -ms-transform: scale(1,-1);
        -o-transform: scale(1,-1);
        transform: scale(1,-1)
      }

      .interaction-desc button:hover:before {
        -webkit-transform: scale(1,-1) translateY(50%);
        -moz-transform: scale(1,-1) translateY(50%);
        -ms-transform: scale(1,-1) translateY(50%);
        -o-transform: scale(1,-1) translateY(50%);
        transform: scale(1,-1) translateY(50%)
      }

      .interaction-desc button:hover:after {
        -webkit-transform: scale(1,-1) translateY(-50%);
        -moz-transform: scale(1,-1) translateY(-50%);
        -ms-transform: scale(1,-1) translateY(-50%);
        -o-transform: scale(1,-1) translateY(-50%);
        transform: scale(1,-1) translateY(-50%)
      }

      .interaction-desc button:before {
        content: '';
        display: block;
        width: 6px;
        height: 12px;
        position: absolute;
        left: 0;
        bottom: 0;
        border: 2px solid #aaa;
        border-width: 0 0 2px 2px;
        -webkit-transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
        transition: all 0.3s ease
      }

      .interaction-desc button:after {
        content: '';
        display: block;
        width: 6px;
        height: 12px;
        position: absolute;
        top: 0;
        right: 0;
        border: 2px solid #aaa;
        border-width: 2px 2px 0 0;
        -webkit-transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
        transition: all 0.3s ease
      }

#case-interaction {
  top: 56%;
  left: 25%;
  z-index: 4000
}

.room-container {
  display: none;
  max-height: 0;
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  overflow: hidden;
  z-index: 850;
  opacity: 0
}

  .room-container:after {
    content: '';
    display: block;
    width: 10px;
    height: 10px;
    position: fixed;
    top: 50%;
    left: 50%;
    z-index: -1;
    transform: translate(-50%,-50%) scale(0,0);
    border-radius: 100%;
    background-color: black;
    opacity: 0;
    transition: all 1s cubic-bezier(1,0,0,1)
  }

  .room-container.room-container--active:after {
    transform: translate(-50%,-50%) scale(1,1);
    opacity: 1
  }

  .room-container.room-container--open:after {
    transform: translate(-50%,-50%) scale(400,400);
    opacity: 1;
    transition: transform 1s cubic-bezier(1,0,0,1)
  }

  .room-container.room-container--close:after {
    opacity: 1;
    transform: translate(-50%,-50%) scale(0,0) !important;
    transition: transform 0.5s cubic-bezier(1,0,0,1);
    transition-delay: 0s
  }

.room-container--active {
  display: block;
  max-height: none;
  bottom: 0;
  opacity: 1
}

.room-container--open .room__background {
  opacity: 1
}

.room-container--open .room__characters {
  opacity: 1
}

.room-container--close {
  transition: opacity 1s ease;
  transition-delay: 1s !important
}

  .room-container--close .room__characters, .room-container--close .room__background {
    opacity: 0;
    transition-delay: 0s !important
  }

.room__characters {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: black url(../img/fundo_v2.jpg) center center no-repeat;
  background-size: cover;
  opacity: 0;
  transition: all 0.4s ease;
  transition-delay: 1s
}

  .room__characters.blur {
    transition-delay: 0s !important;
    filter: blur(3px)
  }

  .room__characters > div {
    width: 0;
    height: 0;
    position: absolute
  }

.room__interface {
  top: 50% !important;
  left: 70% !important
}

#couch {
  position: absolute;
  top: 35%;
  left: 41.5%;
  opacity: 0
}

.room-container--active .room__moon {
  top: 20% !important;
  left: 10% !important
}

  .room-container--active .room__moon img {
    transform: translate(0,0);
    animation: gravitingMoon 40s linear infinite
  }

.room-container--active .room__astronaut {
  top: 20% !important;
  left: 45% !important
}

  .room-container--active .room__astronaut img {
    transform: translate(0,0);
    animation: gravitingAstronaut 25s linear infinite
  }

.room-container--active .room__metheor {
  top: 35% !important;
  left: 25% !important
}

  .room-container--active .room__metheor img {
    animation: rotating 40s linear infinite
  }

.room-container--active .room__metheor2 {
  top: 5% !important;
  left: 55% !important
}

  .room-container--active .room__metheor2 img {
    animation: rotating 30s linear infinite
  }

.room-container--active .room__stones {
  top: 30% !important;
  left: 46% !important;
  z-index: 1
}

  .room-container--active .room__stones img {
    animation: gravitingStones 40s linear infinite
  }

.room-container--active .room__planet {
  top: 18% !important;
  left: 70% !important
}

  .room-container--active .room__planet img {
    transform: translate(0,0);
    animation: gravitingPlanet 30s linear infinite
  }

@media screen and (max-width:992px) {
  #couch {
    display: none
  }
}

@media screen and (max-width:992px) {
  .interaction span {
    width: 10px;
    height: 10px
  }

  .interaction p {
    padding-left: 20px;
    background-size: 15px 15px;
    font-size: 8px !important;
    line-height: 14px !important
  }

  .interaction-desc {
    max-width: 95%;
    position: relative;
    top: 0;
    right: auto;
    left: auto;
    margin: 0 20px;
    -webkit-transform: translate3d(0,70px,0);
    -moz-transform: translate3d(0,70px,0);
    -ms-transform: translate3d(0,70px,0);
    -o-transform: translate3d(0,70px,0);
    transform: translate3d(0,70px,0);
    font-size: 12px;
    line-height: 20px
  }

    .interaction-desc b, .interaction-desc p {
      padding: 0
    }

    .interaction-desc button {
      margin-left: 0
    }

  .interaction-desc__title {
    margin-bottom: 20px
  }

    .interaction-desc__title h3 {
      margin: 10px 0
    }
}

@keyframes rotating {
  0% {
    transform: rotate(0deg)
  }

  100% {
    transform: rotate(360deg)
  }
}

@keyframes gravitingMoon {
  0% {
    transform: translate(0,0) rotate(0deg)
  }

  35% {
    transform: translate(0,-20px) rotate(120deg)
  }

  70% {
    transform: translate(0,30px) rotate(240deg)
  }

  100% {
    transform: translate(0,0) rotate(360deg)
  }
}

@keyframes gravitingPlanet {
  0% {
    transform: translate(0,0)
  }

  35% {
    transform: translate(0,30px)
  }

  70% {
    transform: translate(0,-20px)
  }

  100% {
    transform: translate(0,0)
  }
}

@keyframes gravitingAstronaut {
  0% {
    transform: translate(0,0) rotate(0)
  }

  35% {
    transform: translate(0,35px) rotate(20deg)
  }

  70% {
    transform: translate(0,-15px) rotate(-20deg)
  }

  100% {
    transform: translate(0,0) rotate(0)
  }
}

@keyframes gravitingStones {
  0% {
    transform: rotate(0)
  }

  100% {
    transform: rotate(360deg)
  }
}

@-webkit-keyframes ripple {
  0% {
    box-shadow: 0 0 0 0 rgba(0,246,255,.3),0 0 0 7px rgba(0,246,255,.3),0 0 0 14px rgba(0,246,255,.3),0 0 0 21px rgba(0,246,255,.3)
  }

  100% {
    box-shadow: 0 0 0 7px rgba(0,246,255,.3),0 0 0 14px rgba(0,246,255,.3),0 0 0 21px rgba(0,246,255,.3),0 0 0 28px rgba(0,246,255,0)
  }
}

@keyframes ripple {
  0% {
    box-shadow: 0 0 0 0 rgba(0,246,255,.3),0 0 0 7px rgba(0,246,255,.3),0 0 0 14px rgba(0,246,255,.3),0 0 0 21px rgba(0,246,255,.3)
  }

  100% {
    box-shadow: 0 0 0 7px rgba(0,246,255,.3),0 0 0 14px rgba(0,246,255,.3),0 0 0 21px rgba(0,246,255,.3),0 0 0 28px rgba(0,246,255,0)
  }
}

@keyframes rippleLeave {
  0% {
    box-shadow: 0 0 0 0 rgba(0,246,255,.3),0 0 0 7px rgba(0,246,255,.3),0 0 0 14px rgba(0,246,255,.3)
  }

  100% {
    box-shadow: 0 0 0 7px rgba(0,246,255,.3),0 0 0 14px rgba(0,246,255,.3),0 0 0 21px rgba(0,246,255,0)
  }
}

@keyframes blur-entrance {
  0% {
    text-shadow: 0 0 100px #fff;
    opacity: 0
  }

  100% {
    text-shadow: 0 0 0 #fff;
    opacity: 1
  }
}

@-webkit-keyframes blur-entrance {
  0% {
    text-shadow: 0 0 100px #fff;
    opacity: 0
  }

  100% {
    text-shadow: 0 0 0 #fff;
    opacity: 1
  }
}

@-webkit-keyframes blur-text {
  from {
    opacity: 1;
    filter: blur(4px)
  }

  to {
    filter: blur(0)
  }
}

@keyframes blur-text {
  from {
    opacity: 0;
    filter: blur(14px)
  }

  to {
    opacity: 1;
    filter: blur(0)
  }
}

@keyframes cloudsMove {
  0% {
    transform: translateX(-50%)
  }

  33% {
    transform: translateX(-100%)
  }

  66% {
    transform: translateX(0)
  }

  100% {
    transform: translateX(-50%)
  }
}

@keyframes planeMove {
  0% {
    transform: translate(-50%,0)
  }

  33% {
    transform: translate(-50%,50px)
  }

  66% {
    transform: translate(-50%,-50px)
  }

  100% {
    transform: translate(-50%,0)
  }
}

.museum-container {
  height: 0;
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  z-index: 6000;
  background-color: transparent;
  opacity: 0
}

  .museum-container:after {
    content: '';
    display: block;
    width: 10px;
    height: 10px;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    z-index: -1;
    border-radius: 100%;
    background-color: #121313;
    opacity: 0;
    transition: transform 1s cubic-bezier(1,0,0,1)
  }

  .museum-container > span {
    display: block;
    width: 16px;
    height: 16px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    /* background: transparent url(../img/favicon_animated2.gif) center center no-repeat */
  }

.museum-container--open {
  height: auto;
  bottom: 0;
  opacity: 1
}

  .museum-container--open:after {
    opacity: 1;
    transform: translate(-50%,-50%) scale(400,400)
  }

  .museum-container--open #pano {
    opacity: 0;
    transition: opacity 1s ease
  }

.museum-container--close:after {
  transform: translate(-50%,-50%) scale(0,0) !important
}

.museum-container--loaded #pano {
  opacity: 1
}

#homepage body {
  overflow: hidden
}

.preload {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 9999;
  background: #121313
}

.preload-logo {
  max-height: 34px;
  max-width: 220px;
  position: absolute;
  top: 150px;
  left: 50%;
  opacity: 0;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%)
}

@media screen and (max-height:780px) {
  .preload-logo {
    top: 75px
  }
}

.fp-symbol {
  width: 18px;
  height: 25px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  margin: -25px 0 0 65px;
  font-size: 0;
  opacity: 0;
  transition: opacity 1s ease;
  z-index: -1
}

  .fp-symbol .fp-symbol-corner {
    width: 8px;
    height: 15px;
    position: absolute;
    top: 0;
    right: 0;
    box-sizing: border-box;
    border-top: 4px solid white;
    border-right: 4px solid white
  }

    .fp-symbol .fp-symbol-corner:last-child {
      top: auto;
      right: auto;
      bottom: 0;
      left: 0;
      transform: rotate(180deg)
    }

  .fp-symbol ul {
    width: 100%;
    padding: 0;
    text-align: center
  }

  .fp-symbol li {
    display: block;
    width: 100%;
    padding: 0;
    position: absolute;
    margin: 0;
    font-family: 'Expletus Sans',cursive;
    font-size: 30px;
    list-style-type: none;
    opacity: 0
  }

.preload-percentage {
  width: 50px;
  position: absolute;
  top: 17%;
  left: 50%;
  transform: translateX(-50%);
  line-height: 50px;
  color: #FFD800;
  font-family: 'Montserrat',sans-serif;
  font-size: 15px;
  font-weight: 700;
  text-align: center;
  opacity: 0
}

  .preload-percentage:before, .preload-percentage:after {
    content: '';
    display: block;
    width: 12px;
    height: 26px;
    position: absolute;
    border-top: 5px solid #FFD800;
    border-right: 5px solid #FFD800
  }

  .preload-percentage:before {
    top: 0;
    right: 0
  }

  .preload-percentage:after {
    bottom: 0;
    left: 0;
    transform: scale(-1,-1)
  }

.intro-text {
  display: none;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  text-align: center;
  width: 100%;
  height: 10px;
  line-height: 10px
}

  .intro-text.enter {
    display: block
  }

    .intro-text.enter span {
      display: inline-block;
      color: #fff;
      font-family: 'Montserrat',sans-serif;
      opacity: 0
    }

@media screen and (min-width:1024px) {
  body:not(.safari) .intro-text.enter span:nth-child(1), body:not(.firefox) .intro-text.enter span:nth-child(1) {
    filter: blur(0);
    animation: blur-text 0.5s 0s linear forwards
  }

  body:not(.safari) .intro-text.enter span:nth-child(2), body:not(.firefox) .intro-text.enter span:nth-child(2) {
    filter: blur(0);
    animation: blur-text 0.5s 0.02857s linear forwards
  }

  body:not(.safari) .intro-text.enter span:nth-child(3), body:not(.firefox) .intro-text.enter span:nth-child(3) {
    filter: blur(0);
    animation: blur-text 0.5s 0.05714s linear forwards
  }

  body:not(.safari) .intro-text.enter span:nth-child(4), body:not(.firefox) .intro-text.enter span:nth-child(4) {
    filter: blur(0);
    animation: blur-text 0.5s 0.08571s linear forwards
  }

  body:not(.safari) .intro-text.enter span:nth-child(5), body:not(.firefox) .intro-text.enter span:nth-child(5) {
    filter: blur(0);
    animation: blur-text 0.5s 0.11429s linear forwards
  }

  body:not(.safari) .intro-text.enter span:nth-child(6), body:not(.firefox) .intro-text.enter span:nth-child(6) {
    filter: blur(0);
    animation: blur-text 0.5s 0.14286s linear forwards
  }

  body:not(.safari) .intro-text.enter span:nth-child(7), body:not(.firefox) .intro-text.enter span:nth-child(7) {
    filter: blur(0);
    animation: blur-text 0.5s 0.17143s linear forwards
  }

  body:not(.safari) .intro-text.enter span:nth-child(8), body:not(.firefox) .intro-text.enter span:nth-child(8) {
    filter: blur(0);
    animation: blur-text 0.5s 0.2s linear forwards
  }

  body:not(.safari) .intro-text.enter span:nth-child(9), body:not(.firefox) .intro-text.enter span:nth-child(9) {
    filter: blur(0);
    animation: blur-text 0.5s 0.22857s linear forwards
  }

  body:not(.safari) .intro-text.enter span:nth-child(10), body:not(.firefox) .intro-text.enter span:nth-child(10) {
    filter: blur(0);
    animation: blur-text 0.5s 0.25714s linear forwards
  }

  body:not(.safari) .intro-text.enter span:nth-child(11), body:not(.firefox) .intro-text.enter span:nth-child(11) {
    filter: blur(0);
    animation: blur-text 0.5s 0.28571s linear forwards
  }

  body:not(.safari) .intro-text.enter span:nth-child(12), body:not(.firefox) .intro-text.enter span:nth-child(12) {
    filter: blur(0);
    animation: blur-text 0.5s 0.31429s linear forwards
  }

  body:not(.safari) .intro-text.enter span:nth-child(13), body:not(.firefox) .intro-text.enter span:nth-child(13) {
    filter: blur(0);
    animation: blur-text 0.5s 0.34286s linear forwards
  }

  body:not(.safari) .intro-text.enter span:nth-child(14), body:not(.firefox) .intro-text.enter span:nth-child(14) {
    filter: blur(0);
    animation: blur-text 0.5s 0.37143s linear forwards
  }

  body:not(.safari) .intro-text.enter span:nth-child(15), body:not(.firefox) .intro-text.enter span:nth-child(15) {
    filter: blur(0);
    animation: blur-text 0.5s 0.4s linear forwards
  }

  body:not(.safari) .intro-text.enter span:nth-child(16), body:not(.firefox) .intro-text.enter span:nth-child(16) {
    filter: blur(0);
    animation: blur-text 0.5s 0.42857s linear forwards
  }

  body:not(.safari) .intro-text.enter span:nth-child(17), body:not(.firefox) .intro-text.enter span:nth-child(17) {
    filter: blur(0);
    animation: blur-text 0.5s 0.45714s linear forwards
  }

  body:not(.safari) .intro-text.enter span:nth-child(18), body:not(.firefox) .intro-text.enter span:nth-child(18) {
    filter: blur(0);
    animation: blur-text 0.5s 0.48571s linear forwards
  }

  body:not(.safari) .intro-text.enter span:nth-child(19), body:not(.firefox) .intro-text.enter span:nth-child(19) {
    filter: blur(0);
    animation: blur-text 0.5s 0.51429s linear forwards
  }

  body:not(.safari) .intro-text.enter span:nth-child(20), body:not(.firefox) .intro-text.enter span:nth-child(20) {
    filter: blur(0);
    animation: blur-text 0.5s 0.54286s linear forwards
  }

  body:not(.safari) .intro-text.enter span:nth-child(21), body:not(.firefox) .intro-text.enter span:nth-child(21) {
    filter: blur(0);
    animation: blur-text 0.5s 0.57143s linear forwards
  }

  body:not(.safari) .intro-text.enter span:nth-child(22), body:not(.firefox) .intro-text.enter span:nth-child(22) {
    filter: blur(0);
    animation: blur-text 0.5s 0.6s linear forwards
  }

  body:not(.safari) .intro-text.enter span:nth-child(23), body:not(.firefox) .intro-text.enter span:nth-child(23) {
    filter: blur(0);
    animation: blur-text 0.5s 0.62857s linear forwards
  }

  body:not(.safari) .intro-text.enter span:nth-child(24), body:not(.firefox) .intro-text.enter span:nth-child(24) {
    filter: blur(0);
    animation: blur-text 0.5s 0.65714s linear forwards
  }

  body:not(.safari) .intro-text.enter span:nth-child(25), body:not(.firefox) .intro-text.enter span:nth-child(25) {
    filter: blur(0);
    animation: blur-text 0.5s 0.68571s linear forwards
  }

  body:not(.safari) .intro-text.enter span:nth-child(26), body:not(.firefox) .intro-text.enter span:nth-child(26) {
    filter: blur(0);
    animation: blur-text 0.5s 0.71429s linear forwards
  }

  body:not(.safari) .intro-text.enter span:nth-child(27), body:not(.firefox) .intro-text.enter span:nth-child(27) {
    filter: blur(0);
    animation: blur-text 0.5s 0.74286s linear forwards
  }

  body:not(.safari) .intro-text.enter span:nth-child(28), body:not(.firefox) .intro-text.enter span:nth-child(28) {
    filter: blur(0);
    animation: blur-text 0.5s 0.77143s linear forwards
  }

  body:not(.safari) .intro-text.enter span:nth-child(29), body:not(.firefox) .intro-text.enter span:nth-child(29) {
    filter: blur(0);
    animation: blur-text 0.5s 0.8s linear forwards
  }

  body:not(.safari) .intro-text.enter span:nth-child(30), body:not(.firefox) .intro-text.enter span:nth-child(30) {
    filter: blur(0);
    animation: blur-text 0.5s 0.82857s linear forwards
  }

  body:not(.safari) .intro-text.enter span:nth-child(31), body:not(.firefox) .intro-text.enter span:nth-child(31) {
    filter: blur(0);
    animation: blur-text 0.5s 0.85714s linear forwards
  }

  body:not(.safari) .intro-text.enter span:nth-child(32), body:not(.firefox) .intro-text.enter span:nth-child(32) {
    filter: blur(0);
    animation: blur-text 0.5s 0.88571s linear forwards
  }

  body:not(.safari) .intro-text.enter span:nth-child(33), body:not(.firefox) .intro-text.enter span:nth-child(33) {
    filter: blur(0);
    animation: blur-text 0.5s 0.91429s linear forwards
  }

  .safari .intro-text.enter span {
    animation: blur-text-safari 0.5s linear forwards
  }
}

@keyframes blur-text {
  0% {
    filter: blur(2px);
    opacity: 0
  }

  100% {
    filter: blur(0);
    opacity: 1
  }
}

@keyframes blur-text-safari {
  0% {
    opacity: 0
  }

  100% {
    opacity: 1
  }
}

@media screen and (max-width:992px) {
  .intro-text span {
    font-size: 14px
  }
}

.wrap {
  position: relative;
  top: 50%;
  left: 50%;
  width: 0;
  height: 0;
  transform-style: preserve-3d;
  perspective: 1000px;
  animation: rotate 5s infinite linear
}

.ie .wrap {
  animation: rotateIE 5s infinite linear
}

@keyframes rotate {
  100% {
    transform: rotateY(360deg) rotateX(360deg)
  }
}

@keyframes rotateIE {
  100% {
    transform: rotate(360deg)
  }
}

.c {
  position: absolute;
  width: 3px;
  height: 3px;
  border-radius: 50%;
  opacity: 0
}

  .c:nth-child(1) {
    animation: orbit1 5s;
    animation-delay: 0.01s;
    background-color: #FFD800
  }

@keyframes orbit1 {
  20% {
    opacity: 1
  }

  30% {
    transform: rotateZ(-160deg) rotateY(111deg) translateX(100px) rotateZ(160deg)
  }

  80% {
    transform: rotateZ(-160deg) rotateY(111deg) translateX(100px) rotateZ(160deg);
    opacity: 1
  }

  100% {
    transform: rotateZ(-160deg) rotateY(111deg) translateX(300px) rotateZ(160deg)
  }
}

.c:nth-child(2) {
  animation: orbit2 5s;
  animation-delay: 0.02s;
  background-color: #FFD800
}

@keyframes orbit2 {
  20% {
    opacity: 1
  }

  30% {
    transform: rotateZ(-272deg) rotateY(337deg) translateX(100px) rotateZ(272deg)
  }

  80% {
    transform: rotateZ(-272deg) rotateY(337deg) translateX(100px) rotateZ(272deg);
    opacity: 1
  }

  100% {
    transform: rotateZ(-272deg) rotateY(337deg) translateX(300px) rotateZ(272deg)
  }
}

.c:nth-child(3) {
  animation: orbit3 5s;
  animation-delay: 0.03s;
  background-color: #FFD800
}

@keyframes orbit3 {
  20% {
    opacity: 1
  }

  30% {
    transform: rotateZ(-55deg) rotateY(70deg) translateX(100px) rotateZ(55deg)
  }

  80% {
    transform: rotateZ(-55deg) rotateY(70deg) translateX(100px) rotateZ(55deg);
    opacity: 1
  }

  100% {
    transform: rotateZ(-55deg) rotateY(70deg) translateX(300px) rotateZ(55deg)
  }
}

.c:nth-child(4) {
  animation: orbit4 5s;
  animation-delay: 0.04s;
  background-color: #FFD800
}

@keyframes orbit4 {
  20% {
    opacity: 1
  }

  30% {
    transform: rotateZ(-272deg) rotateY(261deg) translateX(100px) rotateZ(272deg)
  }

  80% {
    transform: rotateZ(-272deg) rotateY(261deg) translateX(100px) rotateZ(272deg);
    opacity: 1
  }

  100% {
    transform: rotateZ(-272deg) rotateY(261deg) translateX(300px) rotateZ(272deg)
  }
}

.c:nth-child(5) {
  animation: orbit5 5s;
  animation-delay: 0.05s;
  background-color: #FFD800
}

@keyframes orbit5 {
  20% {
    opacity: 1
  }

  30% {
    transform: rotateZ(-121deg) rotateY(225deg) translateX(100px) rotateZ(121deg)
  }

  80% {
    transform: rotateZ(-121deg) rotateY(225deg) translateX(100px) rotateZ(121deg);
    opacity: 1
  }

  100% {
    transform: rotateZ(-121deg) rotateY(225deg) translateX(300px) rotateZ(121deg)
  }
}

.c:nth-child(6) {
  animation: orbit6 5s;
  animation-delay: 0.06s;
  background-color: #FFD800
}

@keyframes orbit6 {
  20% {
    opacity: 1
  }

  30% {
    transform: rotateZ(-230deg) rotateY(37deg) translateX(100px) rotateZ(230deg)
  }

  80% {
    transform: rotateZ(-230deg) rotateY(37deg) translateX(100px) rotateZ(230deg);
    opacity: 1
  }

  100% {
    transform: rotateZ(-230deg) rotateY(37deg) translateX(300px) rotateZ(230deg)
  }
}

.c:nth-child(7) {
  animation: orbit7 5s;
  animation-delay: 0.07s;
  background-color: #FFD800
}

@keyframes orbit7 {
  20% {
    opacity: 1
  }

  30% {
    transform: rotateZ(-224deg) rotateY(41deg) translateX(100px) rotateZ(224deg)
  }

  80% {
    transform: rotateZ(-224deg) rotateY(41deg) translateX(100px) rotateZ(224deg);
    opacity: 1
  }

  100% {
    transform: rotateZ(-224deg) rotateY(41deg) translateX(300px) rotateZ(224deg)
  }
}

.c:nth-child(8) {
  animation: orbit8 5s;
  animation-delay: 0.08s;
  background-color: #FFD800
}

@keyframes orbit8 {
  20% {
    opacity: 1
  }

  30% {
    transform: rotateZ(-199deg) rotateY(40deg) translateX(100px) rotateZ(199deg)
  }

  80% {
    transform: rotateZ(-199deg) rotateY(40deg) translateX(100px) rotateZ(199deg);
    opacity: 1
  }

  100% {
    transform: rotateZ(-199deg) rotateY(40deg) translateX(300px) rotateZ(199deg)
  }
}

.c:nth-child(9) {
  animation: orbit9 5s;
  animation-delay: 0.09s;
  background-color: #FFD800
}

@keyframes orbit9 {
  20% {
    opacity: 1
  }

  30% {
    transform: rotateZ(-241deg) rotateY(326deg) translateX(100px) rotateZ(241deg)
  }

  80% {
    transform: rotateZ(-241deg) rotateY(326deg) translateX(100px) rotateZ(241deg);
    opacity: 1
  }

  100% {
    transform: rotateZ(-241deg) rotateY(326deg) translateX(300px) rotateZ(241deg)
  }
}

.c:nth-child(10) {
  animation: orbit10 5s;
  animation-delay: 0.1s;
  background-color: #FFD800
}

@keyframes orbit10 {
  20% {
    opacity: 1
  }

  30% {
    transform: rotateZ(-330deg) rotateY(2deg) translateX(100px) rotateZ(330deg)
  }

  80% {
    transform: rotateZ(-330deg) rotateY(2deg) translateX(100px) rotateZ(330deg);
    opacity: 1
  }

  100% {
    transform: rotateZ(-330deg) rotateY(2deg) translateX(300px) rotateZ(330deg)
  }
}

.c:nth-child(11) {
  animation: orbit11 5s;
  animation-delay: 0.11s;
  background-color: #FFD800
}

@keyframes orbit11 {
  20% {
    opacity: 1
  }

  30% {
    transform: rotateZ(-317deg) rotateY(199deg) translateX(100px) rotateZ(317deg)
  }

  80% {
    transform: rotateZ(-317deg) rotateY(199deg) translateX(100px) rotateZ(317deg);
    opacity: 1
  }

  100% {
    transform: rotateZ(-317deg) rotateY(199deg) translateX(300px) rotateZ(317deg)
  }
}

.c:nth-child(12) {
  animation: orbit12 5s;
  animation-delay: 0.12s;
  background-color: #FFD800
}

@keyframes orbit12 {
  20% {
    opacity: 1
  }

  30% {
    transform: rotateZ(-287deg) rotateY(134deg) translateX(100px) rotateZ(287deg)
  }

  80% {
    transform: rotateZ(-287deg) rotateY(134deg) translateX(100px) rotateZ(287deg);
    opacity: 1
  }

  100% {
    transform: rotateZ(-287deg) rotateY(134deg) translateX(300px) rotateZ(287deg)
  }
}

.c:nth-child(13) {
  animation: orbit13 5s;
  animation-delay: 0.13s;
  background-color: #FFD800
}

@keyframes orbit13 {
  20% {
    opacity: 1
  }

  30% {
    transform: rotateZ(-336deg) rotateY(185deg) translateX(100px) rotateZ(336deg)
  }

  80% {
    transform: rotateZ(-336deg) rotateY(185deg) translateX(100px) rotateZ(336deg);
    opacity: 1
  }

  100% {
    transform: rotateZ(-336deg) rotateY(185deg) translateX(300px) rotateZ(336deg)
  }
}

.c:nth-child(14) {
  animation: orbit14 5s;
  animation-delay: 0.14s;
  background-color: #FFD800
}

@keyframes orbit14 {
  20% {
    opacity: 1
  }

  30% {
    transform: rotateZ(-175deg) rotateY(219deg) translateX(100px) rotateZ(175deg)
  }

  80% {
    transform: rotateZ(-175deg) rotateY(219deg) translateX(100px) rotateZ(175deg);
    opacity: 1
  }

  100% {
    transform: rotateZ(-175deg) rotateY(219deg) translateX(300px) rotateZ(175deg)
  }
}

.c:nth-child(15) {
  animation: orbit15 5s;
  animation-delay: 0.15s;
  background-color: #FFD800
}

@keyframes orbit15 {
  20% {
    opacity: 1
  }

  30% {
    transform: rotateZ(-38deg) rotateY(301deg) translateX(100px) rotateZ(38deg)
  }

  80% {
    transform: rotateZ(-38deg) rotateY(301deg) translateX(100px) rotateZ(38deg);
    opacity: 1
  }

  100% {
    transform: rotateZ(-38deg) rotateY(301deg) translateX(300px) rotateZ(38deg)
  }
}

.c:nth-child(16) {
  animation: orbit16 5s;
  animation-delay: 0.16s;
  background-color: #FFD800
}

@keyframes orbit16 {
  20% {
    opacity: 1
  }

  30% {
    transform: rotateZ(-160deg) rotateY(170deg) translateX(100px) rotateZ(160deg)
  }

  80% {
    transform: rotateZ(-160deg) rotateY(170deg) translateX(100px) rotateZ(160deg);
    opacity: 1
  }

  100% {
    transform: rotateZ(-160deg) rotateY(170deg) translateX(300px) rotateZ(160deg)
  }
}

.c:nth-child(17) {
  animation: orbit17 5s;
  animation-delay: 0.17s;
  background-color: #FFD800
}

@keyframes orbit17 {
  20% {
    opacity: 1
  }

  30% {
    transform: rotateZ(-115deg) rotateY(20deg) translateX(100px) rotateZ(115deg)
  }

  80% {
    transform: rotateZ(-115deg) rotateY(20deg) translateX(100px) rotateZ(115deg);
    opacity: 1
  }

  100% {
    transform: rotateZ(-115deg) rotateY(20deg) translateX(300px) rotateZ(115deg)
  }
}

.c:nth-child(18) {
  animation: orbit18 5s;
  animation-delay: 0.18s;
  background-color: #FFD800
}

@keyframes orbit18 {
  20% {
    opacity: 1
  }

  30% {
    transform: rotateZ(-17deg) rotateY(97deg) translateX(100px) rotateZ(17deg)
  }

  80% {
    transform: rotateZ(-17deg) rotateY(97deg) translateX(100px) rotateZ(17deg);
    opacity: 1
  }

  100% {
    transform: rotateZ(-17deg) rotateY(97deg) translateX(300px) rotateZ(17deg)
  }
}

.c:nth-child(19) {
  animation: orbit19 5s;
  animation-delay: 0.19s;
  background-color: #FFD800
}

@keyframes orbit19 {
  20% {
    opacity: 1
  }

  30% {
    transform: rotateZ(-238deg) rotateY(33deg) translateX(100px) rotateZ(238deg)
  }

  80% {
    transform: rotateZ(-238deg) rotateY(33deg) translateX(100px) rotateZ(238deg);
    opacity: 1
  }

  100% {
    transform: rotateZ(-238deg) rotateY(33deg) translateX(300px) rotateZ(238deg)
  }
}

.c:nth-child(20) {
  animation: orbit20 5s;
  animation-delay: 0.2s;
  background-color: #FFD800
}

@keyframes orbit20 {
  20% {
    opacity: 1
  }

  30% {
    transform: rotateZ(-238deg) rotateY(241deg) translateX(100px) rotateZ(238deg)
  }

  80% {
    transform: rotateZ(-238deg) rotateY(241deg) translateX(100px) rotateZ(238deg);
    opacity: 1
  }

  100% {
    transform: rotateZ(-238deg) rotateY(241deg) translateX(300px) rotateZ(238deg)
  }
}

.c:nth-child(21) {
  animation: orbit21 5s;
  animation-delay: 0.21s;
  background-color: #FFD800
}

@keyframes orbit21 {
  20% {
    opacity: 1
  }

  30% {
    transform: rotateZ(-16deg) rotateY(166deg) translateX(100px) rotateZ(16deg)
  }

  80% {
    transform: rotateZ(-16deg) rotateY(166deg) translateX(100px) rotateZ(16deg);
    opacity: 1
  }

  100% {
    transform: rotateZ(-16deg) rotateY(166deg) translateX(300px) rotateZ(16deg)
  }
}

.c:nth-child(22) {
  animation: orbit22 5s;
  animation-delay: 0.22s;
  background-color: #FFD800
}

@keyframes orbit22 {
  20% {
    opacity: 1
  }

  30% {
    transform: rotateZ(-69deg) rotateY(324deg) translateX(100px) rotateZ(69deg)
  }

  80% {
    transform: rotateZ(-69deg) rotateY(324deg) translateX(100px) rotateZ(69deg);
    opacity: 1
  }

  100% {
    transform: rotateZ(-69deg) rotateY(324deg) translateX(300px) rotateZ(69deg)
  }
}

.c:nth-child(23) {
  animation: orbit23 5s;
  animation-delay: 0.23s;
  background-color: #FFD800
}

@keyframes orbit23 {
  20% {
    opacity: 1
  }

  30% {
    transform: rotateZ(-135deg) rotateY(199deg) translateX(100px) rotateZ(135deg)
  }

  80% {
    transform: rotateZ(-135deg) rotateY(199deg) translateX(100px) rotateZ(135deg);
    opacity: 1
  }

  100% {
    transform: rotateZ(-135deg) rotateY(199deg) translateX(300px) rotateZ(135deg)
  }
}

.c:nth-child(24) {
  animation: orbit24 5s;
  animation-delay: 0.24s;
  background-color: #FFD800
}

@keyframes orbit24 {
  20% {
    opacity: 1
  }

  30% {
    transform: rotateZ(-98deg) rotateY(106deg) translateX(100px) rotateZ(98deg)
  }

  80% {
    transform: rotateZ(-98deg) rotateY(106deg) translateX(100px) rotateZ(98deg);
    opacity: 1
  }

  100% {
    transform: rotateZ(-98deg) rotateY(106deg) translateX(300px) rotateZ(98deg)
  }
}

.c:nth-child(25) {
  animation: orbit25 5s;
  animation-delay: 0.25s;
  background-color: #FFD800
}

@keyframes orbit25 {
  20% {
    opacity: 1
  }

  30% {
    transform: rotateZ(-98deg) rotateY(25deg) translateX(100px) rotateZ(98deg)
  }

  80% {
    transform: rotateZ(-98deg) rotateY(25deg) translateX(100px) rotateZ(98deg);
    opacity: 1
  }

  100% {
    transform: rotateZ(-98deg) rotateY(25deg) translateX(300px) rotateZ(98deg)
  }
}

.c:nth-child(26) {
  animation: orbit26 5s;
  animation-delay: 0.26s;
  background-color: #FFD800
}

@keyframes orbit26 {
  20% {
    opacity: 1
  }

  30% {
    transform: rotateZ(-222deg) rotateY(227deg) translateX(100px) rotateZ(222deg)
  }

  80% {
    transform: rotateZ(-222deg) rotateY(227deg) translateX(100px) rotateZ(222deg);
    opacity: 1
  }

  100% {
    transform: rotateZ(-222deg) rotateY(227deg) translateX(300px) rotateZ(222deg)
  }
}

.c:nth-child(27) {
  animation: orbit27 5s;
  animation-delay: 0.27s;
  background-color: #FFD800
}

@keyframes orbit27 {
  20% {
    opacity: 1
  }

  30% {
    transform: rotateZ(-190deg) rotateY(346deg) translateX(100px) rotateZ(190deg)
  }

  80% {
    transform: rotateZ(-190deg) rotateY(346deg) translateX(100px) rotateZ(190deg);
    opacity: 1
  }

  100% {
    transform: rotateZ(-190deg) rotateY(346deg) translateX(300px) rotateZ(190deg)
  }
}

.c:nth-child(28) {
  animation: orbit28 5s;
  animation-delay: 0.28s;
  background-color: #FFD800
}

@keyframes orbit28 {
  20% {
    opacity: 1
  }

  30% {
    transform: rotateZ(-22deg) rotateY(137deg) translateX(100px) rotateZ(22deg)
  }

  80% {
    transform: rotateZ(-22deg) rotateY(137deg) translateX(100px) rotateZ(22deg);
    opacity: 1
  }

  100% {
    transform: rotateZ(-22deg) rotateY(137deg) translateX(300px) rotateZ(22deg)
  }
}

.c:nth-child(29) {
  animation: orbit29 5s;
  animation-delay: 0.29s;
  background-color: #FFD800
}

@keyframes orbit29 {
  20% {
    opacity: 1
  }

  30% {
    transform: rotateZ(-86deg) rotateY(207deg) translateX(100px) rotateZ(86deg)
  }

  80% {
    transform: rotateZ(-86deg) rotateY(207deg) translateX(100px) rotateZ(86deg);
    opacity: 1
  }

  100% {
    transform: rotateZ(-86deg) rotateY(207deg) translateX(300px) rotateZ(86deg)
  }
}

.c:nth-child(30) {
  animation: orbit30 5s;
  animation-delay: 0.3s;
  background-color: #FFD800
}

@keyframes orbit30 {
  20% {
    opacity: 1
  }

  30% {
    transform: rotateZ(-318deg) rotateY(32deg) translateX(100px) rotateZ(318deg)
  }

  80% {
    transform: rotateZ(-318deg) rotateY(32deg) translateX(100px) rotateZ(318deg);
    opacity: 1
  }

  100% {
    transform: rotateZ(-318deg) rotateY(32deg) translateX(300px) rotateZ(318deg)
  }
}

.c:nth-child(31) {
  animation: orbit31 5s;
  animation-delay: 0.31s;
  background-color: #FFD800
}

@keyframes orbit31 {
  20% {
    opacity: 1
  }

  30% {
    transform: rotateZ(-31deg) rotateY(289deg) translateX(100px) rotateZ(31deg)
  }

  80% {
    transform: rotateZ(-31deg) rotateY(289deg) translateX(100px) rotateZ(31deg);
    opacity: 1
  }

  100% {
    transform: rotateZ(-31deg) rotateY(289deg) translateX(300px) rotateZ(31deg)
  }
}

.c:nth-child(32) {
  animation: orbit32 5s;
  animation-delay: 0.32s;
  background-color: #FFD800
}

@keyframes orbit32 {
  20% {
    opacity: 1
  }

  30% {
    transform: rotateZ(-269deg) rotateY(283deg) translateX(100px) rotateZ(269deg)
  }

  80% {
    transform: rotateZ(-269deg) rotateY(283deg) translateX(100px) rotateZ(269deg);
    opacity: 1
  }

  100% {
    transform: rotateZ(-269deg) rotateY(283deg) translateX(300px) rotateZ(269deg)
  }
}

.c:nth-child(33) {
  animation: orbit33 5s;
  animation-delay: 0.33s;
  background-color: #FFD800
}

@keyframes orbit33 {
  20% {
    opacity: 1
  }

  30% {
    transform: rotateZ(-89deg) rotateY(230deg) translateX(100px) rotateZ(89deg)
  }

  80% {
    transform: rotateZ(-89deg) rotateY(230deg) translateX(100px) rotateZ(89deg);
    opacity: 1
  }

  100% {
    transform: rotateZ(-89deg) rotateY(230deg) translateX(300px) rotateZ(89deg)
  }
}

.c:nth-child(34) {
  animation: orbit34 5s;
  animation-delay: 0.34s;
  background-color: #FFD800
}

@keyframes orbit34 {
  20% {
    opacity: 1
  }

  30% {
    transform: rotateZ(-10deg) rotateY(46deg) translateX(100px) rotateZ(10deg)
  }

  80% {
    transform: rotateZ(-10deg) rotateY(46deg) translateX(100px) rotateZ(10deg);
    opacity: 1
  }

  100% {
    transform: rotateZ(-10deg) rotateY(46deg) translateX(300px) rotateZ(10deg)
  }
}

.c:nth-child(35) {
  animation: orbit35 5s;
  animation-delay: 0.35s;
  background-color: #FFD800
}

@keyframes orbit35 {
  20% {
    opacity: 1
  }

  30% {
    transform: rotateZ(-37deg) rotateY(96deg) translateX(100px) rotateZ(37deg)
  }

  80% {
    transform: rotateZ(-37deg) rotateY(96deg) translateX(100px) rotateZ(37deg);
    opacity: 1
  }

  100% {
    transform: rotateZ(-37deg) rotateY(96deg) translateX(300px) rotateZ(37deg)
  }
}

.c:nth-child(36) {
  animation: orbit36 5s;
  animation-delay: 0.36s;
  background-color: #FFD800
}

@keyframes orbit36 {
  20% {
    opacity: 1
  }

  30% {
    transform: rotateZ(-167deg) rotateY(158deg) translateX(100px) rotateZ(167deg)
  }

  80% {
    transform: rotateZ(-167deg) rotateY(158deg) translateX(100px) rotateZ(167deg);
    opacity: 1
  }

  100% {
    transform: rotateZ(-167deg) rotateY(158deg) translateX(300px) rotateZ(167deg)
  }
}

.c:nth-child(37) {
  animation: orbit37 5s;
  animation-delay: 0.37s;
  background-color: #FFD800
}

@keyframes orbit37 {
  20% {
    opacity: 1
  }

  30% {
    transform: rotateZ(-84deg) rotateY(162deg) translateX(100px) rotateZ(84deg)
  }

  80% {
    transform: rotateZ(-84deg) rotateY(162deg) translateX(100px) rotateZ(84deg);
    opacity: 1
  }

  100% {
    transform: rotateZ(-84deg) rotateY(162deg) translateX(300px) rotateZ(84deg)
  }
}

.c:nth-child(38) {
  animation: orbit38 5s;
  animation-delay: 0.38s;
  background-color: #FFD800
}

@keyframes orbit38 {
  20% {
    opacity: 1
  }

  30% {
    transform: rotateZ(-105deg) rotateY(8deg) translateX(100px) rotateZ(105deg)
  }

  80% {
    transform: rotateZ(-105deg) rotateY(8deg) translateX(100px) rotateZ(105deg);
    opacity: 1
  }

  100% {
    transform: rotateZ(-105deg) rotateY(8deg) translateX(300px) rotateZ(105deg)
  }
}

.c:nth-child(39) {
  animation: orbit39 5s;
  animation-delay: 0.39s;
  background-color: #FFD800
}

@keyframes orbit39 {
  20% {
    opacity: 1
  }

  30% {
    transform: rotateZ(-53deg) rotateY(203deg) translateX(100px) rotateZ(53deg)
  }

  80% {
    transform: rotateZ(-53deg) rotateY(203deg) translateX(100px) rotateZ(53deg);
    opacity: 1
  }

  100% {
    transform: rotateZ(-53deg) rotateY(203deg) translateX(300px) rotateZ(53deg)
  }
}

.c:nth-child(40) {
  animation: orbit40 5s;
  animation-delay: 0.4s;
  background-color: #FFD800
}

@keyframes orbit40 {
  20% {
    opacity: 1
  }

  30% {
    transform: rotateZ(-50deg) rotateY(28deg) translateX(100px) rotateZ(50deg)
  }

  80% {
    transform: rotateZ(-50deg) rotateY(28deg) translateX(100px) rotateZ(50deg);
    opacity: 1
  }

  100% {
    transform: rotateZ(-50deg) rotateY(28deg) translateX(300px) rotateZ(50deg)
  }
}

.c:nth-child(41) {
  animation: orbit41 5s;
  animation-delay: 0.41s;
  background-color: #FFD800
}

@keyframes orbit41 {
  20% {
    opacity: 1
  }

  30% {
    transform: rotateZ(-172deg) rotateY(286deg) translateX(100px) rotateZ(172deg)
  }

  80% {
    transform: rotateZ(-172deg) rotateY(286deg) translateX(100px) rotateZ(172deg);
    opacity: 1
  }

  100% {
    transform: rotateZ(-172deg) rotateY(286deg) translateX(300px) rotateZ(172deg)
  }
}

.c:nth-child(42) {
  animation: orbit42 5s;
  animation-delay: 0.42s;
  background-color: #FFD800
}

@keyframes orbit42 {
  20% {
    opacity: 1
  }

  30% {
    transform: rotateZ(-29deg) rotateY(331deg) translateX(100px) rotateZ(29deg)
  }

  80% {
    transform: rotateZ(-29deg) rotateY(331deg) translateX(100px) rotateZ(29deg);
    opacity: 1
  }

  100% {
    transform: rotateZ(-29deg) rotateY(331deg) translateX(300px) rotateZ(29deg)
  }
}

.c:nth-child(43) {
  animation: orbit43 5s;
  animation-delay: 0.43s;
  background-color: #FFD800
}

@keyframes orbit43 {
  20% {
    opacity: 1
  }

  30% {
    transform: rotateZ(-157deg) rotateY(207deg) translateX(100px) rotateZ(157deg)
  }

  80% {
    transform: rotateZ(-157deg) rotateY(207deg) translateX(100px) rotateZ(157deg);
    opacity: 1
  }

  100% {
    transform: rotateZ(-157deg) rotateY(207deg) translateX(300px) rotateZ(157deg)
  }
}

.c:nth-child(44) {
  animation: orbit44 5s;
  animation-delay: 0.44s;
  background-color: #FFD800
}

@keyframes orbit44 {
  20% {
    opacity: 1
  }

  30% {
    transform: rotateZ(-25deg) rotateY(45deg) translateX(100px) rotateZ(25deg)
  }

  80% {
    transform: rotateZ(-25deg) rotateY(45deg) translateX(100px) rotateZ(25deg);
    opacity: 1
  }

  100% {
    transform: rotateZ(-25deg) rotateY(45deg) translateX(300px) rotateZ(25deg)
  }
}

.c:nth-child(45) {
  animation: orbit45 5s;
  animation-delay: 0.45s;
  background-color: #FFD800
}

@keyframes orbit45 {
  20% {
    opacity: 1
  }

  30% {
    transform: rotateZ(-141deg) rotateY(54deg) translateX(100px) rotateZ(141deg)
  }

  80% {
    transform: rotateZ(-141deg) rotateY(54deg) translateX(100px) rotateZ(141deg);
    opacity: 1
  }

  100% {
    transform: rotateZ(-141deg) rotateY(54deg) translateX(300px) rotateZ(141deg)
  }
}

.c:nth-child(46) {
  animation: orbit46 5s;
  animation-delay: 0.46s;
  background-color: #FFD800
}

@keyframes orbit46 {
  20% {
    opacity: 1
  }

  30% {
    transform: rotateZ(-63deg) rotateY(199deg) translateX(100px) rotateZ(63deg)
  }

  80% {
    transform: rotateZ(-63deg) rotateY(199deg) translateX(100px) rotateZ(63deg);
    opacity: 1
  }

  100% {
    transform: rotateZ(-63deg) rotateY(199deg) translateX(300px) rotateZ(63deg)
  }
}

.c:nth-child(47) {
  animation: orbit47 5s;
  animation-delay: 0.47s;
  background-color: #FFD800
}

@keyframes orbit47 {
  20% {
    opacity: 1
  }

  30% {
    transform: rotateZ(-166deg) rotateY(321deg) translateX(100px) rotateZ(166deg)
  }

  80% {
    transform: rotateZ(-166deg) rotateY(321deg) translateX(100px) rotateZ(166deg);
    opacity: 1
  }

  100% {
    transform: rotateZ(-166deg) rotateY(321deg) translateX(300px) rotateZ(166deg)
  }
}

.c:nth-child(48) {
  animation: orbit48 5s;
  animation-delay: 0.48s;
  background-color: #FFD800
}

@keyframes orbit48 {
  20% {
    opacity: 1
  }

  30% {
    transform: rotateZ(-261deg) rotateY(53deg) translateX(100px) rotateZ(261deg)
  }

  80% {
    transform: rotateZ(-261deg) rotateY(53deg) translateX(100px) rotateZ(261deg);
    opacity: 1
  }

  100% {
    transform: rotateZ(-261deg) rotateY(53deg) translateX(300px) rotateZ(261deg)
  }
}

.c:nth-child(49) {
  animation: orbit49 5s;
  animation-delay: 0.49s;
  background-color: #FFD800
}

@keyframes orbit49 {
  20% {
    opacity: 1
  }

  30% {
    transform: rotateZ(-322deg) rotateY(246deg) translateX(100px) rotateZ(322deg)
  }

  80% {
    transform: rotateZ(-322deg) rotateY(246deg) translateX(100px) rotateZ(322deg);
    opacity: 1
  }

  100% {
    transform: rotateZ(-322deg) rotateY(246deg) translateX(300px) rotateZ(322deg)
  }
}

.c:nth-child(50) {
  animation: orbit50 5s;
  animation-delay: 0.5s;
  background-color: #FFD800
}

@keyframes orbit50 {
  20% {
    opacity: 1
  }

  30% {
    transform: rotateZ(-350deg) rotateY(139deg) translateX(100px) rotateZ(350deg)
  }

  80% {
    transform: rotateZ(-350deg) rotateY(139deg) translateX(100px) rotateZ(350deg);
    opacity: 1
  }

  100% {
    transform: rotateZ(-350deg) rotateY(139deg) translateX(300px) rotateZ(350deg)
  }
}

.c:nth-child(51) {
  animation: orbit51 5s;
  animation-delay: 0.51s;
  background-color: #FFD800
}

@keyframes orbit51 {
  20% {
    opacity: 1
  }

  30% {
    transform: rotateZ(-212deg) rotateY(277deg) translateX(100px) rotateZ(212deg)
  }

  80% {
    transform: rotateZ(-212deg) rotateY(277deg) translateX(100px) rotateZ(212deg);
    opacity: 1
  }

  100% {
    transform: rotateZ(-212deg) rotateY(277deg) translateX(300px) rotateZ(212deg)
  }
}

.c:nth-child(52) {
  animation: orbit52 5s;
  animation-delay: 0.52s;
  background-color: #FFD800
}

@keyframes orbit52 {
  20% {
    opacity: 1
  }

  30% {
    transform: rotateZ(-43deg) rotateY(288deg) translateX(100px) rotateZ(43deg)
  }

  80% {
    transform: rotateZ(-43deg) rotateY(288deg) translateX(100px) rotateZ(43deg);
    opacity: 1
  }

  100% {
    transform: rotateZ(-43deg) rotateY(288deg) translateX(300px) rotateZ(43deg)
  }
}

.c:nth-child(53) {
  animation: orbit53 5s;
  animation-delay: 0.53s;
  background-color: #FFD800
}

@keyframes orbit53 {
  20% {
    opacity: 1
  }

  30% {
    transform: rotateZ(-66deg) rotateY(173deg) translateX(100px) rotateZ(66deg)
  }

  80% {
    transform: rotateZ(-66deg) rotateY(173deg) translateX(100px) rotateZ(66deg);
    opacity: 1
  }

  100% {
    transform: rotateZ(-66deg) rotateY(173deg) translateX(300px) rotateZ(66deg)
  }
}

.c:nth-child(54) {
  animation: orbit54 5s;
  animation-delay: 0.54s;
  background-color: #FFD800
}

@keyframes orbit54 {
  20% {
    opacity: 1
  }

  30% {
    transform: rotateZ(-213deg) rotateY(259deg) translateX(100px) rotateZ(213deg)
  }

  80% {
    transform: rotateZ(-213deg) rotateY(259deg) translateX(100px) rotateZ(213deg);
    opacity: 1
  }

  100% {
    transform: rotateZ(-213deg) rotateY(259deg) translateX(300px) rotateZ(213deg)
  }
}

.c:nth-child(55) {
  animation: orbit55 5s;
  animation-delay: 0.55s;
  background-color: #FFD800
}

@keyframes orbit55 {
  20% {
    opacity: 1
  }

  30% {
    transform: rotateZ(-24deg) rotateY(234deg) translateX(100px) rotateZ(24deg)
  }

  80% {
    transform: rotateZ(-24deg) rotateY(234deg) translateX(100px) rotateZ(24deg);
    opacity: 1
  }

  100% {
    transform: rotateZ(-24deg) rotateY(234deg) translateX(300px) rotateZ(24deg)
  }
}

.c:nth-child(56) {
  animation: orbit56 5s;
  animation-delay: 0.56s;
  background-color: #FFD800
}

@keyframes orbit56 {
  20% {
    opacity: 1
  }

  30% {
    transform: rotateZ(-295deg) rotateY(33deg) translateX(100px) rotateZ(295deg)
  }

  80% {
    transform: rotateZ(-295deg) rotateY(33deg) translateX(100px) rotateZ(295deg);
    opacity: 1
  }

  100% {
    transform: rotateZ(-295deg) rotateY(33deg) translateX(300px) rotateZ(295deg)
  }
}

.c:nth-child(57) {
  animation: orbit57 5s;
  animation-delay: 0.57s;
  background-color: #FFD800
}

@keyframes orbit57 {
  20% {
    opacity: 1
  }

  30% {
    transform: rotateZ(-72deg) rotateY(150deg) translateX(100px) rotateZ(72deg)
  }

  80% {
    transform: rotateZ(-72deg) rotateY(150deg) translateX(100px) rotateZ(72deg);
    opacity: 1
  }

  100% {
    transform: rotateZ(-72deg) rotateY(150deg) translateX(300px) rotateZ(72deg)
  }
}

.c:nth-child(58) {
  animation: orbit58 5s;
  animation-delay: 0.58s;
  background-color: #FFD800
}

@keyframes orbit58 {
  20% {
    opacity: 1
  }

  30% {
    transform: rotateZ(-320deg) rotateY(41deg) translateX(100px) rotateZ(320deg)
  }

  80% {
    transform: rotateZ(-320deg) rotateY(41deg) translateX(100px) rotateZ(320deg);
    opacity: 1
  }

  100% {
    transform: rotateZ(-320deg) rotateY(41deg) translateX(300px) rotateZ(320deg)
  }
}

.c:nth-child(59) {
  animation: orbit59 5s;
  animation-delay: 0.59s;
  background-color: #FFD800
}

@keyframes orbit59 {
  20% {
    opacity: 1
  }

  30% {
    transform: rotateZ(-17deg) rotateY(138deg) translateX(100px) rotateZ(17deg)
  }

  80% {
    transform: rotateZ(-17deg) rotateY(138deg) translateX(100px) rotateZ(17deg);
    opacity: 1
  }

  100% {
    transform: rotateZ(-17deg) rotateY(138deg) translateX(300px) rotateZ(17deg)
  }
}

.c:nth-child(60) {
  animation: orbit60 5s;
  animation-delay: 0.6s;
  background-color: #FFD800
}

@keyframes orbit60 {
  20% {
    opacity: 1
  }

  30% {
    transform: rotateZ(-186deg) rotateY(260deg) translateX(100px) rotateZ(186deg)
  }

  80% {
    transform: rotateZ(-186deg) rotateY(260deg) translateX(100px) rotateZ(186deg);
    opacity: 1
  }

  100% {
    transform: rotateZ(-186deg) rotateY(260deg) translateX(300px) rotateZ(186deg)
  }
}

.c:nth-child(61) {
  animation: orbit61 5s;
  animation-delay: 0.61s;
  background-color: #FFD800
}

@keyframes orbit61 {
  20% {
    opacity: 1
  }

  30% {
    transform: rotateZ(-73deg) rotateY(253deg) translateX(100px) rotateZ(73deg)
  }

  80% {
    transform: rotateZ(-73deg) rotateY(253deg) translateX(100px) rotateZ(73deg);
    opacity: 1
  }

  100% {
    transform: rotateZ(-73deg) rotateY(253deg) translateX(300px) rotateZ(73deg)
  }
}

.c:nth-child(62) {
  animation: orbit62 5s;
  animation-delay: 0.62s;
  background-color: #FFD800
}

@keyframes orbit62 {
  20% {
    opacity: 1
  }

  30% {
    transform: rotateZ(-267deg) rotateY(59deg) translateX(100px) rotateZ(267deg)
  }

  80% {
    transform: rotateZ(-267deg) rotateY(59deg) translateX(100px) rotateZ(267deg);
    opacity: 1
  }

  100% {
    transform: rotateZ(-267deg) rotateY(59deg) translateX(300px) rotateZ(267deg)
  }
}

.c:nth-child(63) {
  animation: orbit63 5s;
  animation-delay: 0.63s;
  background-color: #FFD800
}

@keyframes orbit63 {
  20% {
    opacity: 1
  }

  30% {
    transform: rotateZ(-32deg) rotateY(50deg) translateX(100px) rotateZ(32deg)
  }

  80% {
    transform: rotateZ(-32deg) rotateY(50deg) translateX(100px) rotateZ(32deg);
    opacity: 1
  }

  100% {
    transform: rotateZ(-32deg) rotateY(50deg) translateX(300px) rotateZ(32deg)
  }
}

.c:nth-child(64) {
  animation: orbit64 5s;
  animation-delay: 0.64s;
  background-color: #FFD800
}

@keyframes orbit64 {
  20% {
    opacity: 1
  }

  30% {
    transform: rotateZ(-332deg) rotateY(78deg) translateX(100px) rotateZ(332deg)
  }

  80% {
    transform: rotateZ(-332deg) rotateY(78deg) translateX(100px) rotateZ(332deg);
    opacity: 1
  }

  100% {
    transform: rotateZ(-332deg) rotateY(78deg) translateX(300px) rotateZ(332deg)
  }
}

.c:nth-child(65) {
  animation: orbit65 5s;
  animation-delay: 0.65s;
  background-color: #FFD800
}

@keyframes orbit65 {
  20% {
    opacity: 1
  }

  30% {
    transform: rotateZ(-38deg) rotateY(263deg) translateX(100px) rotateZ(38deg)
  }

  80% {
    transform: rotateZ(-38deg) rotateY(263deg) translateX(100px) rotateZ(38deg);
    opacity: 1
  }

  100% {
    transform: rotateZ(-38deg) rotateY(263deg) translateX(300px) rotateZ(38deg)
  }
}

.c:nth-child(66) {
  animation: orbit66 5s;
  animation-delay: 0.66s;
  background-color: #FFD800
}

@keyframes orbit66 {
  20% {
    opacity: 1
  }

  30% {
    transform: rotateZ(-12deg) rotateY(203deg) translateX(100px) rotateZ(12deg)
  }

  80% {
    transform: rotateZ(-12deg) rotateY(203deg) translateX(100px) rotateZ(12deg);
    opacity: 1
  }

  100% {
    transform: rotateZ(-12deg) rotateY(203deg) translateX(300px) rotateZ(12deg)
  }
}

.c:nth-child(67) {
  animation: orbit67 5s;
  animation-delay: 0.67s;
  background-color: #FFD800
}

@keyframes orbit67 {
  20% {
    opacity: 1
  }

  30% {
    transform: rotateZ(-310deg) rotateY(6deg) translateX(100px) rotateZ(310deg)
  }

  80% {
    transform: rotateZ(-310deg) rotateY(6deg) translateX(100px) rotateZ(310deg);
    opacity: 1
  }

  100% {
    transform: rotateZ(-310deg) rotateY(6deg) translateX(300px) rotateZ(310deg)
  }
}

.c:nth-child(68) {
  animation: orbit68 5s;
  animation-delay: 0.68s;
  background-color: #FFD800
}

@keyframes orbit68 {
  20% {
    opacity: 1
  }

  30% {
    transform: rotateZ(-251deg) rotateY(90deg) translateX(100px) rotateZ(251deg)
  }

  80% {
    transform: rotateZ(-251deg) rotateY(90deg) translateX(100px) rotateZ(251deg);
    opacity: 1
  }

  100% {
    transform: rotateZ(-251deg) rotateY(90deg) translateX(300px) rotateZ(251deg)
  }
}

.c:nth-child(69) {
  animation: orbit69 5s;
  animation-delay: 0.69s;
  background-color: #FFD800
}

@keyframes orbit69 {
  20% {
    opacity: 1
  }

  30% {
    transform: rotateZ(-96deg) rotateY(73deg) translateX(100px) rotateZ(96deg)
  }

  80% {
    transform: rotateZ(-96deg) rotateY(73deg) translateX(100px) rotateZ(96deg);
    opacity: 1
  }

  100% {
    transform: rotateZ(-96deg) rotateY(73deg) translateX(300px) rotateZ(96deg)
  }
}

.c:nth-child(70) {
  animation: orbit70 5s;
  animation-delay: 0.7s;
  background-color: #FFD800
}

@keyframes orbit70 {
  20% {
    opacity: 1
  }

  30% {
    transform: rotateZ(-238deg) rotateY(227deg) translateX(100px) rotateZ(238deg)
  }

  80% {
    transform: rotateZ(-238deg) rotateY(227deg) translateX(100px) rotateZ(238deg);
    opacity: 1
  }

  100% {
    transform: rotateZ(-238deg) rotateY(227deg) translateX(300px) rotateZ(238deg)
  }
}

.c:nth-child(71) {
  animation: orbit71 5s;
  animation-delay: 0.71s;
  background-color: #FFD800
}

@keyframes orbit71 {
  20% {
    opacity: 1
  }

  30% {
    transform: rotateZ(-71deg) rotateY(8deg) translateX(100px) rotateZ(71deg)
  }

  80% {
    transform: rotateZ(-71deg) rotateY(8deg) translateX(100px) rotateZ(71deg);
    opacity: 1
  }

  100% {
    transform: rotateZ(-71deg) rotateY(8deg) translateX(300px) rotateZ(71deg)
  }
}

.c:nth-child(72) {
  animation: orbit72 5s;
  animation-delay: 0.72s;
  background-color: #FFD800
}

@keyframes orbit72 {
  20% {
    opacity: 1
  }

  30% {
    transform: rotateZ(-128deg) rotateY(338deg) translateX(100px) rotateZ(128deg)
  }

  80% {
    transform: rotateZ(-128deg) rotateY(338deg) translateX(100px) rotateZ(128deg);
    opacity: 1
  }

  100% {
    transform: rotateZ(-128deg) rotateY(338deg) translateX(300px) rotateZ(128deg)
  }
}

.c:nth-child(73) {
  animation: orbit73 5s;
  animation-delay: 0.73s;
  background-color: #FFD800
}

@keyframes orbit73 {
  20% {
    opacity: 1
  }

  30% {
    transform: rotateZ(-32deg) rotateY(149deg) translateX(100px) rotateZ(32deg)
  }

  80% {
    transform: rotateZ(-32deg) rotateY(149deg) translateX(100px) rotateZ(32deg);
    opacity: 1
  }

  100% {
    transform: rotateZ(-32deg) rotateY(149deg) translateX(300px) rotateZ(32deg)
  }
}

.c:nth-child(74) {
  animation: orbit74 5s;
  animation-delay: 0.74s;
  background-color: #FFD800
}

@keyframes orbit74 {
  20% {
    opacity: 1
  }

  30% {
    transform: rotateZ(-122deg) rotateY(267deg) translateX(100px) rotateZ(122deg)
  }

  80% {
    transform: rotateZ(-122deg) rotateY(267deg) translateX(100px) rotateZ(122deg);
    opacity: 1
  }

  100% {
    transform: rotateZ(-122deg) rotateY(267deg) translateX(300px) rotateZ(122deg)
  }
}

.c:nth-child(75) {
  animation: orbit75 5s;
  animation-delay: 0.75s;
  background-color: #FFD800
}

@keyframes orbit75 {
  20% {
    opacity: 1
  }

  30% {
    transform: rotateZ(-309deg) rotateY(271deg) translateX(100px) rotateZ(309deg)
  }

  80% {
    transform: rotateZ(-309deg) rotateY(271deg) translateX(100px) rotateZ(309deg);
    opacity: 1
  }

  100% {
    transform: rotateZ(-309deg) rotateY(271deg) translateX(300px) rotateZ(309deg)
  }
}

.c:nth-child(76) {
  animation: orbit76 5s;
  animation-delay: 0.76s;
  background-color: #FFD800
}

@keyframes orbit76 {
  20% {
    opacity: 1
  }

  30% {
    transform: rotateZ(-343deg) rotateY(76deg) translateX(100px) rotateZ(343deg)
  }

  80% {
    transform: rotateZ(-343deg) rotateY(76deg) translateX(100px) rotateZ(343deg);
    opacity: 1
  }

  100% {
    transform: rotateZ(-343deg) rotateY(76deg) translateX(300px) rotateZ(343deg)
  }
}

.c:nth-child(77) {
  animation: orbit77 5s;
  animation-delay: 0.77s;
  background-color: #FFD800
}

@keyframes orbit77 {
  20% {
    opacity: 1
  }

  30% {
    transform: rotateZ(-81deg) rotateY(307deg) translateX(100px) rotateZ(81deg)
  }

  80% {
    transform: rotateZ(-81deg) rotateY(307deg) translateX(100px) rotateZ(81deg);
    opacity: 1
  }

  100% {
    transform: rotateZ(-81deg) rotateY(307deg) translateX(300px) rotateZ(81deg)
  }
}

.c:nth-child(78) {
  animation: orbit78 5s;
  animation-delay: 0.78s;
  background-color: #FFD800
}

@keyframes orbit78 {
  20% {
    opacity: 1
  }

  30% {
    transform: rotateZ(-123deg) rotateY(79deg) translateX(100px) rotateZ(123deg)
  }

  80% {
    transform: rotateZ(-123deg) rotateY(79deg) translateX(100px) rotateZ(123deg);
    opacity: 1
  }

  100% {
    transform: rotateZ(-123deg) rotateY(79deg) translateX(300px) rotateZ(123deg)
  }
}

.c:nth-child(79) {
  animation: orbit79 5s;
  animation-delay: 0.79s;
  background-color: #FFD800
}

@keyframes orbit79 {
  20% {
    opacity: 1
  }

  30% {
    transform: rotateZ(-281deg) rotateY(83deg) translateX(100px) rotateZ(281deg)
  }

  80% {
    transform: rotateZ(-281deg) rotateY(83deg) translateX(100px) rotateZ(281deg);
    opacity: 1
  }

  100% {
    transform: rotateZ(-281deg) rotateY(83deg) translateX(300px) rotateZ(281deg)
  }
}

.c:nth-child(80) {
  animation: orbit80 5s;
  animation-delay: 0.8s;
  background-color: #FFD800
}

@keyframes orbit80 {
  20% {
    opacity: 1
  }

  30% {
    transform: rotateZ(-282deg) rotateY(67deg) translateX(100px) rotateZ(282deg)
  }

  80% {
    transform: rotateZ(-282deg) rotateY(67deg) translateX(100px) rotateZ(282deg);
    opacity: 1
  }

  100% {
    transform: rotateZ(-282deg) rotateY(67deg) translateX(300px) rotateZ(282deg)
  }
}

.c:nth-child(81) {
  animation: orbit81 5s;
  animation-delay: 0.81s;
  background-color: #FFD800
}

@keyframes orbit81 {
  20% {
    opacity: 1
  }

  30% {
    transform: rotateZ(-297deg) rotateY(48deg) translateX(100px) rotateZ(297deg)
  }

  80% {
    transform: rotateZ(-297deg) rotateY(48deg) translateX(100px) rotateZ(297deg);
    opacity: 1
  }

  100% {
    transform: rotateZ(-297deg) rotateY(48deg) translateX(300px) rotateZ(297deg)
  }
}

.c:nth-child(82) {
  animation: orbit82 5s;
  animation-delay: 0.82s;
  background-color: #FFD800
}

@keyframes orbit82 {
  20% {
    opacity: 1
  }

  30% {
    transform: rotateZ(-132deg) rotateY(301deg) translateX(100px) rotateZ(132deg)
  }

  80% {
    transform: rotateZ(-132deg) rotateY(301deg) translateX(100px) rotateZ(132deg);
    opacity: 1
  }

  100% {
    transform: rotateZ(-132deg) rotateY(301deg) translateX(300px) rotateZ(132deg)
  }
}

.c:nth-child(83) {
  animation: orbit83 5s;
  animation-delay: 0.83s;
  background-color: #FFD800
}

@keyframes orbit83 {
  20% {
    opacity: 1
  }

  30% {
    transform: rotateZ(-239deg) rotateY(185deg) translateX(100px) rotateZ(239deg)
  }

  80% {
    transform: rotateZ(-239deg) rotateY(185deg) translateX(100px) rotateZ(239deg);
    opacity: 1
  }

  100% {
    transform: rotateZ(-239deg) rotateY(185deg) translateX(300px) rotateZ(239deg)
  }
}

.c:nth-child(84) {
  animation: orbit84 5s;
  animation-delay: 0.84s;
  background-color: #FFD800
}

@keyframes orbit84 {
  20% {
    opacity: 1
  }

  30% {
    transform: rotateZ(-304deg) rotateY(268deg) translateX(100px) rotateZ(304deg)
  }

  80% {
    transform: rotateZ(-304deg) rotateY(268deg) translateX(100px) rotateZ(304deg);
    opacity: 1
  }

  100% {
    transform: rotateZ(-304deg) rotateY(268deg) translateX(300px) rotateZ(304deg)
  }
}

.c:nth-child(85) {
  animation: orbit85 5s;
  animation-delay: 0.85s;
  background-color: #FFD800
}

@keyframes orbit85 {
  20% {
    opacity: 1
  }

  30% {
    transform: rotateZ(-31deg) rotateY(310deg) translateX(100px) rotateZ(31deg)
  }

  80% {
    transform: rotateZ(-31deg) rotateY(310deg) translateX(100px) rotateZ(31deg);
    opacity: 1
  }

  100% {
    transform: rotateZ(-31deg) rotateY(310deg) translateX(300px) rotateZ(31deg)
  }
}

.c:nth-child(86) {
  animation: orbit86 5s;
  animation-delay: 0.86s;
  background-color: #FFD800
}

@keyframes orbit86 {
  20% {
    opacity: 1
  }

  30% {
    transform: rotateZ(-306deg) rotateY(66deg) translateX(100px) rotateZ(306deg)
  }

  80% {
    transform: rotateZ(-306deg) rotateY(66deg) translateX(100px) rotateZ(306deg);
    opacity: 1
  }

  100% {
    transform: rotateZ(-306deg) rotateY(66deg) translateX(300px) rotateZ(306deg)
  }
}

.c:nth-child(87) {
  animation: orbit87 5s;
  animation-delay: 0.87s;
  background-color: #FFD800
}

@keyframes orbit87 {
  20% {
    opacity: 1
  }

  30% {
    transform: rotateZ(-234deg) rotateY(272deg) translateX(100px) rotateZ(234deg)
  }

  80% {
    transform: rotateZ(-234deg) rotateY(272deg) translateX(100px) rotateZ(234deg);
    opacity: 1
  }

  100% {
    transform: rotateZ(-234deg) rotateY(272deg) translateX(300px) rotateZ(234deg)
  }
}

.c:nth-child(88) {
  animation: orbit88 5s;
  animation-delay: 0.88s;
  background-color: #FFD800
}

@keyframes orbit88 {
  20% {
    opacity: 1
  }

  30% {
    transform: rotateZ(-87deg) rotateY(194deg) translateX(100px) rotateZ(87deg)
  }

  80% {
    transform: rotateZ(-87deg) rotateY(194deg) translateX(100px) rotateZ(87deg);
    opacity: 1
  }

  100% {
    transform: rotateZ(-87deg) rotateY(194deg) translateX(300px) rotateZ(87deg)
  }
}

.c:nth-child(89) {
  animation: orbit89 5s;
  animation-delay: 0.89s;
  background-color: #FFD800
}

@keyframes orbit89 {
  20% {
    opacity: 1
  }

  30% {
    transform: rotateZ(-312deg) rotateY(122deg) translateX(100px) rotateZ(312deg)
  }

  80% {
    transform: rotateZ(-312deg) rotateY(122deg) translateX(100px) rotateZ(312deg);
    opacity: 1
  }

  100% {
    transform: rotateZ(-312deg) rotateY(122deg) translateX(300px) rotateZ(312deg)
  }
}

.c:nth-child(90) {
  animation: orbit90 5s;
  animation-delay: 0.9s;
  background-color: #FFD800
}

@keyframes orbit90 {
  20% {
    opacity: 1
  }

  30% {
    transform: rotateZ(-152deg) rotateY(206deg) translateX(100px) rotateZ(152deg)
  }

  80% {
    transform: rotateZ(-152deg) rotateY(206deg) translateX(100px) rotateZ(152deg);
    opacity: 1
  }

  100% {
    transform: rotateZ(-152deg) rotateY(206deg) translateX(300px) rotateZ(152deg)
  }
}

.c:nth-child(91) {
  animation: orbit91 5s;
  animation-delay: 0.91s;
  background-color: #FFD800
}

@keyframes orbit91 {
  20% {
    opacity: 1
  }

  30% {
    transform: rotateZ(-319deg) rotateY(136deg) translateX(100px) rotateZ(319deg)
  }

  80% {
    transform: rotateZ(-319deg) rotateY(136deg) translateX(100px) rotateZ(319deg);
    opacity: 1
  }

  100% {
    transform: rotateZ(-319deg) rotateY(136deg) translateX(300px) rotateZ(319deg)
  }
}

.c:nth-child(92) {
  animation: orbit92 5s;
  animation-delay: 0.92s;
  background-color: #FFD800
}

@keyframes orbit92 {
  20% {
    opacity: 1
  }

  30% {
    transform: rotateZ(-140deg) rotateY(337deg) translateX(100px) rotateZ(140deg)
  }

  80% {
    transform: rotateZ(-140deg) rotateY(337deg) translateX(100px) rotateZ(140deg);
    opacity: 1
  }

  100% {
    transform: rotateZ(-140deg) rotateY(337deg) translateX(300px) rotateZ(140deg)
  }
}

.c:nth-child(93) {
  animation: orbit93 5s;
  animation-delay: 0.93s;
  background-color: #FFD800
}

@keyframes orbit93 {
  20% {
    opacity: 1
  }

  30% {
    transform: rotateZ(-220deg) rotateY(287deg) translateX(100px) rotateZ(220deg)
  }

  80% {
    transform: rotateZ(-220deg) rotateY(287deg) translateX(100px) rotateZ(220deg);
    opacity: 1
  }

  100% {
    transform: rotateZ(-220deg) rotateY(287deg) translateX(300px) rotateZ(220deg)
  }
}

.c:nth-child(94) {
  animation: orbit94 5s;
  animation-delay: 0.94s;
  background-color: #FFD800
}

@keyframes orbit94 {
  20% {
    opacity: 1
  }

  30% {
    transform: rotateZ(-78deg) rotateY(197deg) translateX(100px) rotateZ(78deg)
  }

  80% {
    transform: rotateZ(-78deg) rotateY(197deg) translateX(100px) rotateZ(78deg);
    opacity: 1
  }

  100% {
    transform: rotateZ(-78deg) rotateY(197deg) translateX(300px) rotateZ(78deg)
  }
}

.c:nth-child(95) {
  animation: orbit95 5s;
  animation-delay: 0.95s;
  background-color: #FFD800
}

@keyframes orbit95 {
  20% {
    opacity: 1
  }

  30% {
    transform: rotateZ(-26deg) rotateY(102deg) translateX(100px) rotateZ(26deg)
  }

  80% {
    transform: rotateZ(-26deg) rotateY(102deg) translateX(100px) rotateZ(26deg);
    opacity: 1
  }

  100% {
    transform: rotateZ(-26deg) rotateY(102deg) translateX(300px) rotateZ(26deg)
  }
}

.c:nth-child(96) {
  animation: orbit96 5s;
  animation-delay: 0.96s;
  background-color: #FFD800
}

@keyframes orbit96 {
  20% {
    opacity: 1
  }

  30% {
    transform: rotateZ(-285deg) rotateY(175deg) translateX(100px) rotateZ(285deg)
  }

  80% {
    transform: rotateZ(-285deg) rotateY(175deg) translateX(100px) rotateZ(285deg);
    opacity: 1
  }

  100% {
    transform: rotateZ(-285deg) rotateY(175deg) translateX(300px) rotateZ(285deg)
  }
}

.c:nth-child(97) {
  animation: orbit97 5s;
  animation-delay: 0.97s;
  background-color: #FFD800
}

@keyframes orbit97 {
  20% {
    opacity: 1
  }

  30% {
    transform: rotateZ(-324deg) rotateY(111deg) translateX(100px) rotateZ(324deg)
  }

  80% {
    transform: rotateZ(-324deg) rotateY(111deg) translateX(100px) rotateZ(324deg);
    opacity: 1
  }

  100% {
    transform: rotateZ(-324deg) rotateY(111deg) translateX(300px) rotateZ(324deg)
  }
}

.c:nth-child(98) {
  animation: orbit98 5s;
  animation-delay: 0.98s;
  background-color: #FFD800
}

@keyframes orbit98 {
  20% {
    opacity: 1
  }

  30% {
    transform: rotateZ(-25deg) rotateY(111deg) translateX(100px) rotateZ(25deg)
  }

  80% {
    transform: rotateZ(-25deg) rotateY(111deg) translateX(100px) rotateZ(25deg);
    opacity: 1
  }

  100% {
    transform: rotateZ(-25deg) rotateY(111deg) translateX(300px) rotateZ(25deg)
  }
}

.c:nth-child(99) {
  animation: orbit99 5s;
  animation-delay: 0.99s;
  background-color: #FFD800
}

@keyframes orbit99 {
  20% {
    opacity: 1
  }

  30% {
    transform: rotateZ(-163deg) rotateY(349deg) translateX(100px) rotateZ(163deg)
  }

  80% {
    transform: rotateZ(-163deg) rotateY(349deg) translateX(100px) rotateZ(163deg);
    opacity: 1
  }

  100% {
    transform: rotateZ(-163deg) rotateY(349deg) translateX(300px) rotateZ(163deg)
  }
}

.c:nth-child(100) {
  animation: orbit100 5s;
  animation-delay: 1s;
  background-color: #FFD800
}

@keyframes orbit100 {
  20% {
    opacity: 1
  }

  30% {
    transform: rotateZ(-140deg) rotateY(154deg) translateX(100px) rotateZ(140deg)
  }

  80% {
    transform: rotateZ(-140deg) rotateY(154deg) translateX(100px) rotateZ(140deg);
    opacity: 1
  }

  100% {
    transform: rotateZ(-140deg) rotateY(154deg) translateX(300px) rotateZ(140deg)
  }
}

body:not(.safari):not(.firefox) .stars-container {
  height: 100%;
  max-height: none;
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  overflow: hidden;
  background-color: transparent;
  opacity: 0
}

body:not(.safari):not(.firefox) .stars, body:not(.safari):not(.firefox) .stars:after, body:not(.safari):not(.firefox) .stars2, body:not(.safari):not(.firefox) .stars3 {
  border-radius: 30px;
  opacity: .4
}

body:not(.safari):not(.firefox) .stars {
  width: 1px;
  height: 1px;
  background: transparent;
  box-shadow: 845px 1490px 1px #FFD800,929px 1195px 1px #FFD800,507px 1469px 1px #FFD800,1352px 1487px 1px #FFD800,72px 168px 1px #FFD800,192px 531px 1px #FFD800,750px 543px 1px #FFD800,1090px 1704px 1px #FFD800,804px 761px 1px #FFD800,1055px 401px 1px #FFD800,1563px 1774px 1px #FFD800,1583px 412px 1px #FFD800,1543px 472px 1px #FFD800,258px 920px 1px #FFD800,1639px 1652px 1px #FFD800,1480px 1110px 1px #FFD800,347px 1500px 1px #FFD800,1695px 329px 1px #FFD800,1856px 1140px 1px #FFD800,446px 1872px 1px #FFD800,1646px 1734px 1px #FFD800,410px 1920px 1px #FFD800,1597px 785px 1px #FFD800,1817px 1702px 1px #FFD800,603px 195px 1px #FFD800,335px 1705px 1px #FFD800,807px 1407px 1px #FFD800,1152px 1669px 1px #FFD800,1915px 1714px 1px #FFD800,1940px 391px 1px #FFD800,1409px 1699px 1px #FFD800,607px 1753px 1px #FFD800,498px 722px 1px #FFD800,275px 584px 1px #FFD800,1883px 1507px 1px #FFD800,1897px 1736px 1px #FFD800,1260px 808px 1px #FFD800,92px 787px 1px #FFD800,1363px 599px 1px #FFD800,1890px 409px 1px #FFD800,486px 1506px 1px #FFD800,1042px 1110px 1px #FFD800,626px 946px 1px #FFD800,1799px 52px 1px #FFD800,187px 1380px 1px #FFD800,910px 528px 1px #FFD800,495px 541px 1px #FFD800,1786px 597px 1px #FFD800,1034px 1859px 1px #FFD800,551px 102px 1px #FFD800,1594px 251px 1px #FFD800,1235px 919px 1px #FFD800,163px 1229px 1px #FFD800,1956px 269px 1px #FFD800,1390px 793px 1px #FFD800,760px 990px 1px #FFD800,991px 482px 1px #FFD800,33px 958px 1px #FFD800,175px 377px 1px #FFD800,1802px 1444px 1px #FFD800,885px 1128px 1px #FFD800,141px 1133px 1px #FFD800,1551px 1543px 1px #FFD800,1743px 1521px 1px #FFD800,1524px 1908px 1px #FFD800,1578px 1566px 1px #FFD800,1040px 239px 1px #FFD800,1452px 1732px 1px #FFD800,1305px 439px 1px #FFD800,1622px 232px 1px #FFD800,1369px 1854px 1px #FFD800,1738px 623px 1px #FFD800,1801px 714px 1px #FFD800,614px 360px 1px #FFD800,666px 221px 1px #FFD800,1089px 141px 1px #FFD800,1008px 1142px 1px #FFD800,1824px 1758px 1px #FFD800,420px 1387px 1px #FFD800,437px 618px 1px #FFD800,743px 110px 1px #FFD800,1622px 1411px 1px #FFD800,1446px 556px 1px #FFD800,1911px 1797px 1px #FFD800,1119px 853px 1px #FFD800,408px 1463px 1px #FFD800,149px 767px 1px #FFD800,1617px 118px 1px #FFD800,363px 183px 1px #FFD800,57px 91px 1px #FFD800,499px 810px 1px #FFD800,1144px 927px 1px #FFD800,1580px 952px 1px #FFD800,1102px 987px 1px #FFD800,1469px 813px 1px #FFD800,829px 443px 1px #FFD800,1729px 1699px 1px #FFD800,1389px 912px 1px #FFD800,1897px 1676px 1px #FFD800,148px 606px 1px #FFD800,139px 293px 1px #FFD800,617px 1625px 1px #FFD800,93px 257px 1px #FFD800,1968px 773px 1px #FFD800,36px 268px 1px #FFD800,1047px 177px 1px #FFD800,1670px 810px 1px #FFD800,1927px 741px 1px #FFD800,836px 131px 1px #FFD800,383px 1699px 1px #FFD800,1172px 1607px 1px #FFD800,738px 508px 1px #FFD800,1039px 808px 1px #FFD800,1018px 717px 1px #FFD800,1499px 262px 1px #FFD800,1995px 1274px 1px #FFD800,1072px 461px 1px #FFD800,379px 1240px 1px #FFD800,571px 376px 1px #FFD800,1045px 903px 1px #FFD800,1799px 1936px 1px #FFD800,666px 1661px 1px #FFD800,1398px 1051px 1px #FFD800,1849px 44px 1px #FFD800,9px 1051px 1px #FFD800,403px 1912px 1px #FFD800,728px 695px 1px #FFD800,437px 933px 1px #FFD800,342px 1446px 1px #FFD800,1855px 857px 1px #FFD800,1248px 151px 1px #FFD800,1648px 1994px 1px #FFD800,1082px 13px 1px #FFD800,1453px 1312px 1px #FFD800,426px 1109px 1px #FFD800,1798px 780px 1px #FFD800,302px 823px 1px #FFD800,1744px 196px 1px #FFD800,1874px 1387px 1px #FFD800,88px 1459px 1px #FFD800,1561px 1327px 1px #FFD800,1274px 1313px 1px #FFD800,1966px 156px 1px #FFD800,39px 540px 1px #FFD800,114px 829px 1px #FFD800,179px 1676px 1px #FFD800,422px 1929px 1px #FFD800,1517px 924px 1px #FFD800,796px 44px 1px #FFD800,21px 1626px 1px #FFD800,349px 504px 1px #FFD800,533px 664px 1px #FFD800,298px 88px 1px #FFD800,1825px 1008px 1px #FFD800,300px 1344px 1px #FFD800,303px 1531px 1px #FFD800,14px 406px 1px #FFD800,179px 1127px 1px #FFD800,1153px 863px 1px #FFD800,1375px 1462px 1px #FFD800,88px 1681px 1px #FFD800,205px 1401px 1px #FFD800,446px 760px 1px #FFD800,1151px 138px 1px #FFD800,250px 1439px 1px #FFD800,1370px 92px 1px #FFD800,391px 1382px 1px #FFD800,327px 191px 1px #FFD800,1157px 609px 1px #FFD800,1003px 359px 1px #FFD800,434px 684px 1px #FFD800,1701px 163px 1px #FFD800,1458px 1352px 1px #FFD800,1656px 1290px 1px #FFD800,630px 939px 1px #FFD800,1517px 23px 1px #FFD800,1601px 614px 1px #FFD800,239px 1679px 1px #FFD800,770px 1527px 1px #FFD800,586px 46px 1px #FFD800,1667px 1029px 1px #FFD800,963px 1538px 1px #FFD800,1451px 83px 1px #FFD800,7px 98px 1px #FFD800,1911px 328px 1px #FFD800,308px 434px 1px #FFD800,1403px 1848px 1px #FFD800,1178px 1325px 1px #FFD800,1422px 804px 1px #FFD800,1626px 964px 1px #FFD800,1825px 1881px 1px #FFD800,319px 700px 1px #FFD800,919px 968px 1px #FFD800,339px 1684px 1px #FFD800,1929px 997px 1px #FFD800,584px 744px 1px #FFD800,1197px 1370px 1px #FFD800,1808px 1257px 1px #FFD800,18px 918px 1px #FFD800,807px 1431px 1px #FFD800,1870px 1234px 1px #FFD800,1164px 520px 1px #FFD800,1565px 1365px 1px #FFD800,1182px 61px 1px #FFD800,740px 296px 1px #FFD800,1795px 1922px 1px #FFD800,875px 877px 1px #FFD800,418px 1765px 1px #FFD800,1106px 1955px 1px #FFD800,1536px 258px 1px #FFD800,628px 1805px 1px #FFD800,949px 92px 1px #FFD800,429px 794px 1px #FFD800,856px 1858px 1px #FFD800,1496px 1503px 1px #FFD800,1291px 1680px 1px #FFD800,541px 525px 1px #FFD800,942px 357px 1px #FFD800,129px 253px 1px #FFD800,1431px 1426px 1px #FFD800,1808px 1729px 1px #FFD800,623px 1629px 1px #FFD800,1326px 736px 1px #FFD800,1383px 1307px 1px #FFD800,989px 246px 1px #FFD800,1088px 1226px 1px #FFD800,104px 1621px 1px #FFD800,174px 226px 1px #FFD800,1845px 1533px 1px #FFD800,1058px 395px 1px #FFD800,1490px 1px 1px #FFD800,1890px 582px 1px #FFD800,1775px 1424px 1px #FFD800,1935px 701px 1px #FFD800,1058px 1802px 1px #FFD800,1621px 1106px 1px #FFD800,537px 1400px 1px #FFD800,578px 336px 1px #FFD800,472px 1086px 1px #FFD800,1426px 44px 1px #FFD800,1244px 1629px 1px #FFD800,1428px 929px 1px #FFD800,1278px 917px 1px #FFD800,1894px 150px 1px #FFD800,222px 124px 1px #FFD800,1690px 239px 1px #FFD800,193px 645px 1px #FFD800,402px 742px 1px #FFD800,379px 368px 1px #FFD800,1363px 1291px 1px #FFD800,1498px 1465px 1px #FFD800,1392px 915px 1px #FFD800,841px 1572px 1px #FFD800,1455px 1795px 1px #FFD800,419px 1325px 1px #FFD800,1685px 1516px 1px #FFD800,872px 1678px 1px #FFD800,447px 338px 1px #FFD800,1942px 425px 1px #FFD800,737px 1144px 1px #FFD800,1861px 113px 1px #FFD800,1775px 722px 1px #FFD800,1174px 277px 1px #FFD800,1430px 44px 1px #FFD800,793px 1874px 1px #FFD800,177px 905px 1px #FFD800,571px 1525px 1px #FFD800,1185px 1533px 1px #FFD800,1132px 339px 1px #FFD800,1289px 1332px 1px #FFD800,20px 659px 1px #FFD800,769px 1739px 1px #FFD800,1380px 749px 1px #FFD800,81px 702px 1px #FFD800,738px 596px 1px #FFD800,1835px 1991px 1px #FFD800,1965px 177px 1px #FFD800,235px 1096px 1px #FFD800,135px 1740px 1px #FFD800,705px 1391px 1px #FFD800,1085px 1937px 1px #FFD800,1561px 1522px 1px #FFD800,1155px 748px 1px #FFD800,991px 408px 1px #FFD800,377px 2px 1px #FFD800,1331px 1609px 1px #FFD800,1703px 205px 1px #FFD800,188px 1319px 1px #FFD800,1657px 779px 1px #FFD800,1117px 333px 1px #FFD800,1111px 687px 1px #FFD800,910px 1793px 1px #FFD800,124px 1207px 1px #FFD800,1156px 766px 1px #FFD800,179px 506px 1px #FFD800,667px 538px 1px #FFD800,678px 1439px 1px #FFD800,236px 1522px 1px #FFD800,1367px 1625px 1px #FFD800,1358px 1081px 1px #FFD800;
  animation: animStar 50s linear infinite
}

  body:not(.safari):not(.firefox) .stars:after {
    content: ' ';
    position: absolute;
    top: 2000px;
    width: 1px;
    height: 1px;
    background: transparent;
    box-shadow: 845px 1490px 1px #FFD800,929px 1195px 1px #FFD800,507px 1469px 1px #FFD800,1352px 1487px 1px #FFD800,72px 168px 1px #FFD800,192px 531px 1px #FFD800,750px 543px 1px #FFD800,1090px 1704px 1px #FFD800,804px 761px 1px #FFD800,1055px 401px 1px #FFD800,1563px 1774px 1px #FFD800,1583px 412px 1px #FFD800,1543px 472px 1px #FFD800,258px 920px 1px #FFD800,1639px 1652px 1px #FFD800,1480px 1110px 1px #FFD800,347px 1500px 1px #FFD800,1695px 329px 1px #FFD800,1856px 1140px 1px #FFD800,446px 1872px 1px #FFD800,1646px 1734px 1px #FFD800,410px 1920px 1px #FFD800,1597px 785px 1px #FFD800,1817px 1702px 1px #FFD800,603px 195px 1px #FFD800,335px 1705px 1px #FFD800,807px 1407px 1px #FFD800,1152px 1669px 1px #FFD800,1915px 1714px 1px #FFD800,1940px 391px 1px #FFD800,1409px 1699px 1px #FFD800,607px 1753px 1px #FFD800,498px 722px 1px #FFD800,275px 584px 1px #FFD800,1883px 1507px 1px #FFD800,1897px 1736px 1px #FFD800,1260px 808px 1px #FFD800,92px 787px 1px #FFD800,1363px 599px 1px #FFD800,1890px 409px 1px #FFD800,486px 1506px 1px #FFD800,1042px 1110px 1px #FFD800,626px 946px 1px #FFD800,1799px 52px 1px #FFD800,187px 1380px 1px #FFD800,910px 528px 1px #FFD800,495px 541px 1px #FFD800,1786px 597px 1px #FFD800,1034px 1859px 1px #FFD800,551px 102px 1px #FFD800,1594px 251px 1px #FFD800,1235px 919px 1px #FFD800,163px 1229px 1px #FFD800,1956px 269px 1px #FFD800,1390px 793px 1px #FFD800,760px 990px 1px #FFD800,991px 482px 1px #FFD800,33px 958px 1px #FFD800,175px 377px 1px #FFD800,1802px 1444px 1px #FFD800,885px 1128px 1px #FFD800,141px 1133px 1px #FFD800,1551px 1543px 1px #FFD800,1743px 1521px 1px #FFD800,1524px 1908px 1px #FFD800,1578px 1566px 1px #FFD800,1040px 239px 1px #FFD800,1452px 1732px 1px #FFD800,1305px 439px 1px #FFD800,1622px 232px 1px #FFD800,1369px 1854px 1px #FFD800,1738px 623px 1px #FFD800,1801px 714px 1px #FFD800,614px 360px 1px #FFD800,666px 221px 1px #FFD800,1089px 141px 1px #FFD800,1008px 1142px 1px #FFD800,1824px 1758px 1px #FFD800,420px 1387px 1px #FFD800,437px 618px 1px #FFD800,743px 110px 1px #FFD800,1622px 1411px 1px #FFD800,1446px 556px 1px #FFD800,1911px 1797px 1px #FFD800,1119px 853px 1px #FFD800,408px 1463px 1px #FFD800,149px 767px 1px #FFD800,1617px 118px 1px #FFD800,363px 183px 1px #FFD800,57px 91px 1px #FFD800,499px 810px 1px #FFD800,1144px 927px 1px #FFD800,1580px 952px 1px #FFD800,1102px 987px 1px #FFD800,1469px 813px 1px #FFD800,829px 443px 1px #FFD800,1729px 1699px 1px #FFD800,1389px 912px 1px #FFD800,1897px 1676px 1px #FFD800,148px 606px 1px #FFD800,139px 293px 1px #FFD800,617px 1625px 1px #FFD800,93px 257px 1px #FFD800,1968px 773px 1px #FFD800,36px 268px 1px #FFD800,1047px 177px 1px #FFD800,1670px 810px 1px #FFD800,1927px 741px 1px #FFD800,836px 131px 1px #FFD800,383px 1699px 1px #FFD800,1172px 1607px 1px #FFD800,738px 508px 1px #FFD800,1039px 808px 1px #FFD800,1018px 717px 1px #FFD800,1499px 262px 1px #FFD800,1995px 1274px 1px #FFD800,1072px 461px 1px #FFD800,379px 1240px 1px #FFD800,571px 376px 1px #FFD800,1045px 903px 1px #FFD800,1799px 1936px 1px #FFD800,666px 1661px 1px #FFD800,1398px 1051px 1px #FFD800,1849px 44px 1px #FFD800,9px 1051px 1px #FFD800,403px 1912px 1px #FFD800,728px 695px 1px #FFD800,437px 933px 1px #FFD800,342px 1446px 1px #FFD800,1855px 857px 1px #FFD800,1248px 151px 1px #FFD800,1648px 1994px 1px #FFD800,1082px 13px 1px #FFD800,1453px 1312px 1px #FFD800,426px 1109px 1px #FFD800,1798px 780px 1px #FFD800,302px 823px 1px #FFD800,1744px 196px 1px #FFD800,1874px 1387px 1px #FFD800,88px 1459px 1px #FFD800,1561px 1327px 1px #FFD800,1274px 1313px 1px #FFD800,1966px 156px 1px #FFD800,39px 540px 1px #FFD800,114px 829px 1px #FFD800,179px 1676px 1px #FFD800,422px 1929px 1px #FFD800,1517px 924px 1px #FFD800,796px 44px 1px #FFD800,21px 1626px 1px #FFD800,349px 504px 1px #FFD800,533px 664px 1px #FFD800,298px 88px 1px #FFD800,1825px 1008px 1px #FFD800,300px 1344px 1px #FFD800,303px 1531px 1px #FFD800,14px 406px 1px #FFD800,179px 1127px 1px #FFD800,1153px 863px 1px #FFD800,1375px 1462px 1px #FFD800,88px 1681px 1px #FFD800,205px 1401px 1px #FFD800,446px 760px 1px #FFD800,1151px 138px 1px #FFD800,250px 1439px 1px #FFD800,1370px 92px 1px #FFD800,391px 1382px 1px #FFD800,327px 191px 1px #FFD800,1157px 609px 1px #FFD800,1003px 359px 1px #FFD800,434px 684px 1px #FFD800,1701px 163px 1px #FFD800,1458px 1352px 1px #FFD800,1656px 1290px 1px #FFD800,630px 939px 1px #FFD800,1517px 23px 1px #FFD800,1601px 614px 1px #FFD800,239px 1679px 1px #FFD800,770px 1527px 1px #FFD800,586px 46px 1px #FFD800,1667px 1029px 1px #FFD800,963px 1538px 1px #FFD800,1451px 83px 1px #FFD800,7px 98px 1px #FFD800,1911px 328px 1px #FFD800,308px 434px 1px #FFD800,1403px 1848px 1px #FFD800,1178px 1325px 1px #FFD800,1422px 804px 1px #FFD800,1626px 964px 1px #FFD800,1825px 1881px 1px #FFD800,319px 700px 1px #FFD800,919px 968px 1px #FFD800,339px 1684px 1px #FFD800,1929px 997px 1px #FFD800,584px 744px 1px #FFD800,1197px 1370px 1px #FFD800,1808px 1257px 1px #FFD800,18px 918px 1px #FFD800,807px 1431px 1px #FFD800,1870px 1234px 1px #FFD800,1164px 520px 1px #FFD800,1565px 1365px 1px #FFD800,1182px 61px 1px #FFD800,740px 296px 1px #FFD800,1795px 1922px 1px #FFD800,875px 877px 1px #FFD800,418px 1765px 1px #FFD800,1106px 1955px 1px #FFD800,1536px 258px 1px #FFD800,628px 1805px 1px #FFD800,949px 92px 1px #FFD800,429px 794px 1px #FFD800,856px 1858px 1px #FFD800,1496px 1503px 1px #FFD800,1291px 1680px 1px #FFD800,541px 525px 1px #FFD800,942px 357px 1px #FFD800,129px 253px 1px #FFD800,1431px 1426px 1px #FFD800,1808px 1729px 1px #FFD800,623px 1629px 1px #FFD800,1326px 736px 1px #FFD800,1383px 1307px 1px #FFD800,989px 246px 1px #FFD800,1088px 1226px 1px #FFD800,104px 1621px 1px #FFD800,174px 226px 1px #FFD800,1845px 1533px 1px #FFD800,1058px 395px 1px #FFD800,1490px 1px 1px #FFD800,1890px 582px 1px #FFD800,1775px 1424px 1px #FFD800,1935px 701px 1px #FFD800,1058px 1802px 1px #FFD800,1621px 1106px 1px #FFD800,537px 1400px 1px #FFD800,578px 336px 1px #FFD800,472px 1086px 1px #FFD800,1426px 44px 1px #FFD800,1244px 1629px 1px #FFD800,1428px 929px 1px #FFD800,1278px 917px 1px #FFD800,1894px 150px 1px #FFD800,222px 124px 1px #FFD800,1690px 239px 1px #FFD800,193px 645px 1px #FFD800,402px 742px 1px #FFD800,379px 368px 1px #FFD800,1363px 1291px 1px #FFD800,1498px 1465px 1px #FFD800,1392px 915px 1px #FFD800,841px 1572px 1px #FFD800,1455px 1795px 1px #FFD800,419px 1325px 1px #FFD800,1685px 1516px 1px #FFD800,872px 1678px 1px #FFD800,447px 338px 1px #FFD800,1942px 425px 1px #FFD800,737px 1144px 1px #FFD800,1861px 113px 1px #FFD800,1775px 722px 1px #FFD800,1174px 277px 1px #FFD800,1430px 44px 1px #FFD800,793px 1874px 1px #FFD800,177px 905px 1px #FFD800,571px 1525px 1px #FFD800,1185px 1533px 1px #FFD800,1132px 339px 1px #FFD800,1289px 1332px 1px #FFD800,20px 659px 1px #FFD800,769px 1739px 1px #FFD800,1380px 749px 1px #FFD800,81px 702px 1px #FFD800,738px 596px 1px #FFD800,1835px 1991px 1px #FFD800,1965px 177px 1px #FFD800,235px 1096px 1px #FFD800,135px 1740px 1px #FFD800,705px 1391px 1px #FFD800,1085px 1937px 1px #FFD800,1561px 1522px 1px #FFD800,1155px 748px 1px #FFD800,991px 408px 1px #FFD800,377px 2px 1px #FFD800,1331px 1609px 1px #FFD800,1703px 205px 1px #FFD800,188px 1319px 1px #FFD800,1657px 779px 1px #FFD800,1117px 333px 1px #FFD800,1111px 687px 1px #FFD800,910px 1793px 1px #FFD800,124px 1207px 1px #FFD800,1156px 766px 1px #FFD800,179px 506px 1px #FFD800,667px 538px 1px #FFD800,678px 1439px 1px #FFD800,236px 1522px 1px #FFD800,1367px 1625px 1px #FFD800,1358px 1081px 1px #FFD800
  }

body:not(.safari):not(.firefox) .stars2 {
  width: 4px;
  height: 4px;
  background: transparent;
  box-shadow: 1930px 1536px 1px #FFD800,1719px 899px 1px #FFD800,1444px 1760px 1px #FFD800,1792px 707px 1px #FFD800,653px 454px 1px #FFD800,223px 1466px 1px #FFD800,1231px 582px 1px #FFD800,1911px 1333px 1px #FFD800,1129px 238px 1px #FFD800,1760px 339px 1px #FFD800,1550px 1979px 1px #FFD800,1134px 329px 1px #FFD800,956px 843px 1px #FFD800,958px 935px 1px #FFD800,1592px 1148px 1px #FFD800,1886px 914px 1px #FFD800,1756px 1577px 1px #FFD800,1383px 1194px 1px #FFD800,873px 268px 1px #FFD800,149px 258px 1px #FFD800,693px 161px 1px #FFD800,184px 1624px 1px #FFD800,809px 1376px 1px #FFD800,1281px 1446px 1px #FFD800,1348px 1271px 1px #FFD800,248px 471px 1px #FFD800,1319px 1565px 1px #FFD800,1578px 1485px 1px #FFD800,794px 90px 1px #FFD800,969px 555px 1px #FFD800,165px 21px 1px #FFD800,846px 718px 1px #FFD800,1087px 957px 1px #FFD800,1970px 205px 1px #FFD800,290px 1665px 1px #FFD800,1560px 717px 1px #FFD800,1131px 147px 1px #FFD800,1529px 1264px 1px #FFD800,1133px 692px 1px #FFD800,1944px 1127px 1px #FFD800,668px 824px 1px #FFD800,80px 538px 1px #FFD800,1508px 962px 1px #FFD800,1104px 514px 1px #FFD800,616px 709px 1px #FFD800,1245px 1066px 1px #FFD800,1660px 99px 1px #FFD800,1620px 455px 1px #FFD800,248px 1730px 1px #FFD800,651px 1823px 1px #FFD800,255px 1958px 1px #FFD800,726px 825px 1px #FFD800,103px 640px 1px #FFD800,106px 1219px 1px #FFD800,1224px 686px 1px #FFD800,1289px 1707px 1px #FFD800,176px 179px 1px #FFD800,509px 1843px 1px #FFD800,557px 986px 1px #FFD800,506px 1610px 1px #FFD800,1835px 1434px 1px #FFD800,87px 483px 1px #FFD800,1619px 864px 1px #FFD800,1878px 776px 1px #FFD800,436px 1007px 1px #FFD800,178px 669px 1px #FFD800,1985px 891px 1px #FFD800,104px 1258px 1px #FFD800,378px 355px 1px #FFD800,676px 751px 1px #FFD800,731px 845px 1px #FFD800,1978px 171px 1px #FFD800,1786px 1309px 1px #FFD800,834px 1022px 1px #FFD800,949px 1407px 1px #FFD800,1278px 1123px 1px #FFD800,727px 1827px 1px #FFD800,1778px 1725px 1px #FFD800,1160px 1094px 1px #FFD800,1711px 1915px 1px #FFD800,831px 1498px 1px #FFD800,419px 171px 1px #FFD800,1453px 805px 1px #FFD800,1298px 1606px 1px #FFD800,846px 1588px 1px #FFD800,485px 1938px 1px #FFD800,1196px 199px 1px #FFD800,996px 520px 1px #FFD800,1664px 829px 1px #FFD800,321px 1753px 1px #FFD800,473px 492px 1px #FFD800,1715px 795px 1px #FFD800,1611px 418px 1px #FFD800,1613px 1419px 1px #FFD800,1446px 1185px 1px #FFD800,815px 1250px 1px #FFD800,226px 800px 1px #FFD800,851px 1389px 1px #FFD800,742px 46px 1px #FFD800,442px 523px 1px #FFD800,1391px 1396px 1px #FFD800,84px 1675px 1px #FFD800,1556px 51px 1px #FFD800,320px 1143px 1px #FFD800,1658px 1763px 1px #FFD800,458px 1764px 1px #FFD800,1723px 970px 1px #FFD800,411px 924px 1px #FFD800,561px 1081px 1px #FFD800,1540px 86px 1px #FFD800,826px 1981px 1px #FFD800,232px 207px 1px #FFD800,28px 1067px 1px #FFD800,1345px 1208px 1px #FFD800,1069px 1902px 1px #FFD800,1641px 1093px 1px #FFD800,1979px 1684px 1px #FFD800,668px 1954px 1px #FFD800,219px 1865px 1px #FFD800,322px 1392px 1px #FFD800,1890px 216px 1px #FFD800,78px 1402px 1px #FFD800,1991px 913px 1px #FFD800,1769px 1787px 1px #FFD800,268px 344px 1px #FFD800,57px 813px 1px #FFD800,1404px 898px 1px #FFD800,254px 1238px 1px #FFD800,66px 871px 1px #FFD800,409px 1440px 1px #FFD800,1027px 677px 1px #FFD800,1628px 79px 1px #FFD800,522px 661px 1px #FFD800,202px 836px 1px #FFD800,40px 1485px 1px #FFD800,1246px 666px 1px #FFD800,567px 1423px 1px #FFD800,910px 1305px 1px #FFD800,1934px 1508px 1px #FFD800,29px 89px 1px #FFD800,1893px 974px 1px #FFD800,1558px 156px 1px #FFD800,186px 1118px 1px #FFD800,913px 1667px 1px #FFD800,116px 272px 1px #FFD800,207px 1911px 1px #FFD800,1977px 1801px 1px #FFD800,1938px 752px 1px #FFD800,467px 270px 1px #FFD800,1793px 392px 1px #FFD800,229px 108px 1px #FFD800,571px 94px 1px #FFD800,564px 1718px 1px #FFD800,1226px 397px 1px #FFD800,1226px 188px 1px #FFD800,1380px 1156px 1px #FFD800,1833px 911px 1px #FFD800,302px 1008px 1px #FFD800,1568px 740px 1px #FFD800,1261px 767px 1px #FFD800,39px 707px 1px #FFD800,1393px 1589px 1px #FFD800,1732px 521px 1px #FFD800,863px 1929px 1px #FFD800,1790px 1562px 1px #FFD800,1046px 1887px 1px #FFD800,376px 1287px 1px #FFD800,180px 1242px 1px #FFD800,1517px 891px 1px #FFD800,1382px 269px 1px #FFD800,1096px 252px 1px #FFD800,28px 1427px 1px #FFD800,950px 885px 1px #FFD800,97px 449px 1px #FFD800,1960px 1679px 1px #FFD800,321px 419px 1px #FFD800,1407px 1577px 1px #FFD800,1492px 950px 1px #FFD800,1212px 1675px 1px #FFD800,1126px 698px 1px #FFD800,635px 1599px 1px #FFD800,1895px 1161px 1px #FFD800,484px 1186px 1px #FFD800,284px 1554px 1px #FFD800,822px 1198px 1px #FFD800,1637px 802px 1px #FFD800,1538px 624px 1px #FFD800,545px 1336px 1px #FFD800,663px 266px 1px #FFD800,391px 376px 1px #FFD800,272px 360px 1px #FFD800,504px 1277px 1px #FFD800,1038px 932px 1px #FFD800,1485px 552px 1px #FFD800,1305px 834px 1px #FFD800,267px 1956px 1px #FFD800,252px 145px 1px #FFD800,167px 1814px 1px #FFD800,297px 272px 1px #FFD800,1589px 40px 1px #FFD800,671px 810px 1px #FFD800,418px 1052px 1px #FFD800,634px 727px 1px #FFD800,29px 1734px 1px #FFD800,1366px 541px 1px #FFD800,1453px 1797px 1px #FFD800,1295px 838px 1px #FFD800,578px 630px 1px #FFD800,1482px 354px 1px #FFD800,561px 128px 1px #FFD800,497px 642px 1px #FFD800,972px 1343px 1px #FFD800,1003px 1104px 1px #FFD800,710px 1798px 1px #FFD800,437px 537px 1px #FFD800,1726px 1136px 1px #FFD800,907px 1917px 1px #FFD800,1588px 997px 1px #FFD800,1041px 1430px 1px #FFD800,814px 1969px 1px #FFD800,755px 1829px 1px #FFD800,675px 507px 1px #FFD800,1614px 1310px 1px #FFD800,1306px 1523px 1px #FFD800,544px 471px 1px #FFD800;
  animation: animStar 150s linear infinite
}

  body:not(.safari):not(.firefox) .stars2:after {
    content: ' ';
    position: absolute;
    top: 2000px;
    width: 4px;
    height: 4px;
    background: transparent;
    box-shadow: 1930px 1536px 1px #FFD800,1719px 899px 1px #FFD800,1444px 1760px 1px #FFD800,1792px 707px 1px #FFD800,653px 454px 1px #FFD800,223px 1466px 1px #FFD800,1231px 582px 1px #FFD800,1911px 1333px 1px #FFD800,1129px 238px 1px #FFD800,1760px 339px 1px #FFD800,1550px 1979px 1px #FFD800,1134px 329px 1px #FFD800,956px 843px 1px #FFD800,958px 935px 1px #FFD800,1592px 1148px 1px #FFD800,1886px 914px 1px #FFD800,1756px 1577px 1px #FFD800,1383px 1194px 1px #FFD800,873px 268px 1px #FFD800,149px 258px 1px #FFD800,693px 161px 1px #FFD800,184px 1624px 1px #FFD800,809px 1376px 1px #FFD800,1281px 1446px 1px #FFD800,1348px 1271px 1px #FFD800,248px 471px 1px #FFD800,1319px 1565px 1px #FFD800,1578px 1485px 1px #FFD800,794px 90px 1px #FFD800,969px 555px 1px #FFD800,165px 21px 1px #FFD800,846px 718px 1px #FFD800,1087px 957px 1px #FFD800,1970px 205px 1px #FFD800,290px 1665px 1px #FFD800,1560px 717px 1px #FFD800,1131px 147px 1px #FFD800,1529px 1264px 1px #FFD800,1133px 692px 1px #FFD800,1944px 1127px 1px #FFD800,668px 824px 1px #FFD800,80px 538px 1px #FFD800,1508px 962px 1px #FFD800,1104px 514px 1px #FFD800,616px 709px 1px #FFD800,1245px 1066px 1px #FFD800,1660px 99px 1px #FFD800,1620px 455px 1px #FFD800,248px 1730px 1px #FFD800,651px 1823px 1px #FFD800,255px 1958px 1px #FFD800,726px 825px 1px #FFD800,103px 640px 1px #FFD800,106px 1219px 1px #FFD800,1224px 686px 1px #FFD800,1289px 1707px 1px #FFD800,176px 179px 1px #FFD800,509px 1843px 1px #FFD800,557px 986px 1px #FFD800,506px 1610px 1px #FFD800,1835px 1434px 1px #FFD800,87px 483px 1px #FFD800,1619px 864px 1px #FFD800,1878px 776px 1px #FFD800,436px 1007px 1px #FFD800,178px 669px 1px #FFD800,1985px 891px 1px #FFD800,104px 1258px 1px #FFD800,378px 355px 1px #FFD800,676px 751px 1px #FFD800,731px 845px 1px #FFD800,1978px 171px 1px #FFD800,1786px 1309px 1px #FFD800,834px 1022px 1px #FFD800,949px 1407px 1px #FFD800,1278px 1123px 1px #FFD800,727px 1827px 1px #FFD800,1778px 1725px 1px #FFD800,1160px 1094px 1px #FFD800,1711px 1915px 1px #FFD800,831px 1498px 1px #FFD800,419px 171px 1px #FFD800,1453px 805px 1px #FFD800,1298px 1606px 1px #FFD800,846px 1588px 1px #FFD800,485px 1938px 1px #FFD800,1196px 199px 1px #FFD800,996px 520px 1px #FFD800,1664px 829px 1px #FFD800,321px 1753px 1px #FFD800,473px 492px 1px #FFD800,1715px 795px 1px #FFD800,1611px 418px 1px #FFD800,1613px 1419px 1px #FFD800,1446px 1185px 1px #FFD800,815px 1250px 1px #FFD800,226px 800px 1px #FFD800,851px 1389px 1px #FFD800,742px 46px 1px #FFD800,442px 523px 1px #FFD800,1391px 1396px 1px #FFD800,84px 1675px 1px #FFD800,1556px 51px 1px #FFD800,320px 1143px 1px #FFD800,1658px 1763px 1px #FFD800,458px 1764px 1px #FFD800,1723px 970px 1px #FFD800,411px 924px 1px #FFD800,561px 1081px 1px #FFD800,1540px 86px 1px #FFD800,826px 1981px 1px #FFD800,232px 207px 1px #FFD800,28px 1067px 1px #FFD800,1345px 1208px 1px #FFD800,1069px 1902px 1px #FFD800,1641px 1093px 1px #FFD800,1979px 1684px 1px #FFD800,668px 1954px 1px #FFD800,219px 1865px 1px #FFD800,322px 1392px 1px #FFD800,1890px 216px 1px #FFD800,78px 1402px 1px #FFD800,1991px 913px 1px #FFD800,1769px 1787px 1px #FFD800,268px 344px 1px #FFD800,57px 813px 1px #FFD800,1404px 898px 1px #FFD800,254px 1238px 1px #FFD800,66px 871px 1px #FFD800,409px 1440px 1px #FFD800,1027px 677px 1px #FFD800,1628px 79px 1px #FFD800,522px 661px 1px #FFD800,202px 836px 1px #FFD800,40px 1485px 1px #FFD800,1246px 666px 1px #FFD800,567px 1423px 1px #FFD800,910px 1305px 1px #FFD800,1934px 1508px 1px #FFD800,29px 89px 1px #FFD800,1893px 974px 1px #FFD800,1558px 156px 1px #FFD800,186px 1118px 1px #FFD800,913px 1667px 1px #FFD800,116px 272px 1px #FFD800,207px 1911px 1px #FFD800,1977px 1801px 1px #FFD800,1938px 752px 1px #FFD800,467px 270px 1px #FFD800,1793px 392px 1px #FFD800,229px 108px 1px #FFD800,571px 94px 1px #FFD800,564px 1718px 1px #FFD800,1226px 397px 1px #FFD800,1226px 188px 1px #FFD800,1380px 1156px 1px #FFD800,1833px 911px 1px #FFD800,302px 1008px 1px #FFD800,1568px 740px 1px #FFD800,1261px 767px 1px #FFD800,39px 707px 1px #FFD800,1393px 1589px 1px #FFD800,1732px 521px 1px #FFD800,863px 1929px 1px #FFD800,1790px 1562px 1px #FFD800,1046px 1887px 1px #FFD800,376px 1287px 1px #FFD800,180px 1242px 1px #FFD800,1517px 891px 1px #FFD800,1382px 269px 1px #FFD800,1096px 252px 1px #FFD800,28px 1427px 1px #FFD800,950px 885px 1px #FFD800,97px 449px 1px #FFD800,1960px 1679px 1px #FFD800,321px 419px 1px #FFD800,1407px 1577px 1px #FFD800,1492px 950px 1px #FFD800,1212px 1675px 1px #FFD800,1126px 698px 1px #FFD800,635px 1599px 1px #FFD800,1895px 1161px 1px #FFD800,484px 1186px 1px #FFD800,284px 1554px 1px #FFD800,822px 1198px 1px #FFD800,1637px 802px 1px #FFD800,1538px 624px 1px #FFD800,545px 1336px 1px #FFD800,663px 266px 1px #FFD800,391px 376px 1px #FFD800,272px 360px 1px #FFD800,504px 1277px 1px #FFD800,1038px 932px 1px #FFD800,1485px 552px 1px #FFD800,1305px 834px 1px #FFD800,267px 1956px 1px #FFD800,252px 145px 1px #FFD800,167px 1814px 1px #FFD800,297px 272px 1px #FFD800,1589px 40px 1px #FFD800,671px 810px 1px #FFD800,418px 1052px 1px #FFD800,634px 727px 1px #FFD800,29px 1734px 1px #FFD800,1366px 541px 1px #FFD800,1453px 1797px 1px #FFD800,1295px 838px 1px #FFD800,578px 630px 1px #FFD800,1482px 354px 1px #FFD800,561px 128px 1px #FFD800,497px 642px 1px #FFD800,972px 1343px 1px #FFD800,1003px 1104px 1px #FFD800,710px 1798px 1px #FFD800,437px 537px 1px #FFD800,1726px 1136px 1px #FFD800,907px 1917px 1px #FFD800,1588px 997px 1px #FFD800,1041px 1430px 1px #FFD800,814px 1969px 1px #FFD800,755px 1829px 1px #FFD800,675px 507px 1px #FFD800,1614px 1310px 1px #FFD800,1306px 1523px 1px #FFD800,544px 471px 1px #FFD800
  }

body:not(.safari):not(.firefox) .stars3 {
  width: 8px;
  height: 8px;
  background: transparent;
  box-shadow: 1940px 44px 1px #FFD800,1223px 1481px 1px #FFD800,1822px 603px 1px #FFD800,536px 1594px 1px #FFD800,133px 1782px 1px #FFD800,1992px 534px 1px #FFD800,23px 860px 1px #FFD800,1283px 1449px 1px #FFD800,39px 1089px 1px #FFD800,414px 264px 1px #FFD800,1954px 568px 1px #FFD800,1127px 1233px 1px #FFD800,1615px 870px 1px #FFD800,1769px 1627px 1px #FFD800,1332px 786px 1px #FFD800,746px 1526px 1px #FFD800,824px 581px 1px #FFD800,209px 2000px 1px #FFD800,854px 1790px 1px #FFD800,116px 746px 1px #FFD800,1725px 805px 1px #FFD800,471px 1939px 1px #FFD800,1339px 592px 1px #FFD800,431px 1560px 1px #FFD800,1035px 972px 1px #FFD800,1402px 1832px 1px #FFD800,460px 290px 1px #FFD800,467px 1430px 1px #FFD800,1657px 414px 1px #FFD800,320px 276px 1px #FFD800,1577px 1126px 1px #FFD800,1416px 1596px 1px #FFD800,1135px 307px 1px #FFD800,414px 1141px 1px #FFD800,202px 1959px 1px #FFD800,1948px 452px 1px #FFD800,286px 944px 1px #FFD800,1600px 73px 1px #FFD800,732px 1929px 1px #FFD800,1221px 1757px 1px #FFD800,1026px 1682px 1px #FFD800,795px 499px 1px #FFD800,704px 1566px 1px #FFD800,639px 312px 1px #FFD800,277px 1722px 1px #FFD800,1884px 665px 1px #FFD800,832px 1197px 1px #FFD800,1605px 941px 1px #FFD800,568px 882px 1px #FFD800,866px 850px 1px #FFD800,1375px 357px 1px #FFD800,1203px 1572px 1px #FFD800,1006px 767px 1px #FFD800,263px 966px 1px #FFD800,1201px 602px 1px #FFD800,1485px 1321px 1px #FFD800,210px 743px 1px #FFD800,134px 1637px 1px #FFD800,330px 874px 1px #FFD800,1752px 671px 1px #FFD800,1424px 1616px 1px #FFD800,599px 1564px 1px #FFD800,900px 533px 1px #FFD800,14px 525px 1px #FFD800,91px 1822px 1px #FFD800,242px 1338px 1px #FFD800,936px 198px 1px #FFD800,484px 374px 1px #FFD800,1844px 898px 1px #FFD800,1995px 402px 1px #FFD800,60px 1985px 1px #FFD800,463px 129px 1px #FFD800,92px 1388px 1px #FFD800,1374px 820px 1px #FFD800,1998px 512px 1px #FFD800,759px 73px 1px #FFD800,41px 1006px 1px #FFD800,968px 1723px 1px #FFD800,1758px 1256px 1px #FFD800,399px 720px 1px #FFD800,1024px 606px 1px #FFD800,911px 451px 1px #FFD800,1589px 1955px 1px #FFD800,1143px 1402px 1px #FFD800,998px 1143px 1px #FFD800,2000px 106px 1px #FFD800,804px 1212px 1px #FFD800,881px 1317px 1px #FFD800,463px 809px 1px #FFD800,1589px 1565px 1px #FFD800,1949px 1574px 1px #FFD800,2px 1325px 1px #FFD800,177px 579px 1px #FFD800,1610px 1807px 1px #FFD800,665px 1264px 1px #FFD800,1282px 1201px 1px #FFD800,286px 961px 1px #FFD800,796px 1828px 1px #FFD800,1536px 1556px 1px #FFD800,409px 711px 1px #FFD800;
  animation: animStar 150s linear infinite;
  opacity: .05
}

  body:not(.safari):not(.firefox) .stars3:after {
    content: ' ';
    position: absolute;
    top: 2000px;
    width: 8px;
    height: 8px;
    background: transparent;
    box-shadow: 1940px 44px 1px #FFD800,1223px 1481px 1px #FFD800,1822px 603px 1px #FFD800,536px 1594px 1px #FFD800,133px 1782px 1px #FFD800,1992px 534px 1px #FFD800,23px 860px 1px #FFD800,1283px 1449px 1px #FFD800,39px 1089px 1px #FFD800,414px 264px 1px #FFD800,1954px 568px 1px #FFD800,1127px 1233px 1px #FFD800,1615px 870px 1px #FFD800,1769px 1627px 1px #FFD800,1332px 786px 1px #FFD800,746px 1526px 1px #FFD800,824px 581px 1px #FFD800,209px 2000px 1px #FFD800,854px 1790px 1px #FFD800,116px 746px 1px #FFD800,1725px 805px 1px #FFD800,471px 1939px 1px #FFD800,1339px 592px 1px #FFD800,431px 1560px 1px #FFD800,1035px 972px 1px #FFD800,1402px 1832px 1px #FFD800,460px 290px 1px #FFD800,467px 1430px 1px #FFD800,1657px 414px 1px #FFD800,320px 276px 1px #FFD800,1577px 1126px 1px #FFD800,1416px 1596px 1px #FFD800,1135px 307px 1px #FFD800,414px 1141px 1px #FFD800,202px 1959px 1px #FFD800,1948px 452px 1px #FFD800,286px 944px 1px #FFD800,1600px 73px 1px #FFD800,732px 1929px 1px #FFD800,1221px 1757px 1px #FFD800,1026px 1682px 1px #FFD800,795px 499px 1px #FFD800,704px 1566px 1px #FFD800,639px 312px 1px #FFD800,277px 1722px 1px #FFD800,1884px 665px 1px #FFD800,832px 1197px 1px #FFD800,1605px 941px 1px #FFD800,568px 882px 1px #FFD800,866px 850px 1px #FFD800,1375px 357px 1px #FFD800,1203px 1572px 1px #FFD800,1006px 767px 1px #FFD800,263px 966px 1px #FFD800,1201px 602px 1px #FFD800,1485px 1321px 1px #FFD800,210px 743px 1px #FFD800,134px 1637px 1px #FFD800,330px 874px 1px #FFD800,1752px 671px 1px #FFD800,1424px 1616px 1px #FFD800,599px 1564px 1px #FFD800,900px 533px 1px #FFD800,14px 525px 1px #FFD800,91px 1822px 1px #FFD800,242px 1338px 1px #FFD800,936px 198px 1px #FFD800,484px 374px 1px #FFD800,1844px 898px 1px #FFD800,1995px 402px 1px #FFD800,60px 1985px 1px #FFD800,463px 129px 1px #FFD800,92px 1388px 1px #FFD800,1374px 820px 1px #FFD800,1998px 512px 1px #FFD800,759px 73px 1px #FFD800,41px 1006px 1px #FFD800,968px 1723px 1px #FFD800,1758px 1256px 1px #FFD800,399px 720px 1px #FFD800,1024px 606px 1px #FFD800,911px 451px 1px #FFD800,1589px 1955px 1px #FFD800,1143px 1402px 1px #FFD800,998px 1143px 1px #FFD800,2000px 106px 1px #FFD800,804px 1212px 1px #FFD800,881px 1317px 1px #FFD800,463px 809px 1px #FFD800,1589px 1565px 1px #FFD800,1949px 1574px 1px #FFD800,2px 1325px 1px #FFD800,177px 579px 1px #FFD800,1610px 1807px 1px #FFD800,665px 1264px 1px #FFD800,1282px 1201px 1px #FFD800,286px 961px 1px #FFD800,796px 1828px 1px #FFD800,1536px 1556px 1px #FFD800,409px 711px 1px #FFD800
  }

@keyframes animStar {
  from {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0)
  }

  to {
    -webkit-transform: translateY(-2000px);
    -moz-transform: translateY(-2000px);
    -ms-transform: translateY(-2000px);
    -o-transform: translateY(-2000px);
    transform: translateY(-2000px)
  }
}

@media screen and (max-width:1024px) {
  .stars-container {
    display: none
  }

    .stars-container * {
      display: none
    }
}

.loading {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%,-50%);
  -moz-transform: translate(-50%,-50%);
  -ms-transform: translate(-50%,-50%);
  -o-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
  opacity: 0
}

  .loading .loading-placeholder {
    opacity: .3
  }

  .loading .loading-progress {
    height: 0;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    overflow: hidden;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease
  }

    .loading .loading-progress img {
      max-width: 100%
    }

@media screen and (max-height:800px) {
  .loading {
    position: fixed;
    top: 30% !important;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%)
  }

    .loading .loading-placeholder img {
      width: 250px;
      height: 250px
    }
}

@media screen and (max-height:700px) {
  .loading {
    top: 35% !important
  }

    .loading .loading-placeholder img {
      width: 200px;
      height: 200px
    }
}

.sound-warning {
  width: 100%;
  position: absolute;
  bottom: 10%;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
  opacity: 0;
  text-align: center
}

  .sound-warning p {
    display: block;
    color: white;
    font-size: 13px;
    text-align: center;
    text-transform: uppercase
  }

    .sound-warning p span {
      display: inline-block;
      margin-right: 15px;
      font-size: 18px;
      vertical-align: middle
    }

@media screen and (max-width:760px) {
  .sound-warning {
    bottom: 5%
  }

    .sound-warning p {
      font-size: 11px
    }
}

.instructions {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: transparent;
  opacity: 0;
  z-index: 20000
}

  .instructions > div {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%)
  }

  .instructions .mouse {
    margin: 0 auto;
    background: #666 linear-gradient(transparent 0%,transparent 50%,#ffffff 50%,#ffffff 100%);
    position: relative;
    width: 34px;
    height: 50px;
    background-size: 100% 100%;
    border-radius: 100px;
    -webkit-background-size: 225%;
    background-size: 225%;
    animation: colorSlide 5s linear infinite,nudgeMouse 5s ease-out infinite
  }

    .instructions .mouse:before, .instructions .mouse:after {
      content: '';
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      margin: auto
    }

    .instructions .mouse:before {
      width: 30px;
      height: 46px;
      background-color: #121313;
      border-radius: 100px
    }

    .instructions .mouse:after {
      background-color: #fff;
      width: 6px;
      height: 6px;
      border-radius: 100%;
      animation: trackBallSlide 5s linear infinite
    }

    .instructions .mouse span {
      display: block;
      width: 100%;
      height: 20px;
      position: absolute;
      top: 15px;
      background: transparent;
      animation: shake 2s linear infinite
    }

      .instructions .mouse span:before, .instructions .mouse span:after {
        content: '';
        display: block;
        width: 10px;
        height: 10px;
        position: absolute;
        top: 50%;
        border-top: 2px solid white;
        border-right: 2px solid white
      }

      .instructions .mouse span:before {
        -webkit-transform: translateY(-50%) rotate(-135deg);
        -moz-transform: translateY(-50%) rotate(-135deg);
        -ms-transform: translateY(-50%) rotate(-135deg);
        -o-transform: translateY(-50%) rotate(-135deg);
        transform: translateY(-50%) rotate(-135deg);
        right: 120%
      }

      .instructions .mouse span:after {
        -webkit-transform: translateY(-50%) rotate(45deg);
        -moz-transform: translateY(-50%) rotate(45deg);
        -ms-transform: translateY(-50%) rotate(45deg);
        -o-transform: translateY(-50%) rotate(45deg);
        transform: translateY(-50%) rotate(45deg);
        left: 120%
      }

  .instructions p {
    margin-top: 50px;
    font-family: "Montserrat",sans-serif;
    font-size: 18px;
    font-weight: 600;
    color: #fff;
    text-align: center
  }

@keyframes colorSlide {
  0% {
    background-position: 0% 100%
  }

  20% {
    background-position: 0% 0%
  }

  21% {
    background-color: #666
  }

  29.99% {
    background-color: #fff;
    background-position: 0% 0%
  }

  30% {
    background-color: #666;
    background-position: 0% 100%
  }

  50% {
    background-position: 0% 0%
  }

  51% {
    background-color: #666
  }

  59.99% {
    background-color: #fff;
    background-position: 0% 0%
  }

  60% {
    background-color: #666;
    background-position: 0% 100%
  }

  80% {
    background-position: 0% 0%
  }

  81% {
    background-color: #666
  }

  89.99%,100% {
    background-color: #fff
  }
}

@keyframes trackBallSlide {
  0% {
    opacity: 1;
    transform: scale(1) translateY(-15px)
  }

  6% {
    opacity: 1;
    transform: scale(.9) translateY(3.75px)
  }

  14% {
    opacity: 0;
    transform: scale(.4) translateY(30px)
  }

  15%,19% {
    opacity: 0;
    transform: scale(.4) translateY(-15px)
  }

  28%,29.99% {
    opacity: 1;
    transform: scale(1) translateY(-15px)
  }

  30% {
    opacity: 1;
    transform: scale(1) translateY(-15px)
  }

  36% {
    opacity: 1;
    transform: scale(.9) translateY(3.75px)
  }

  44% {
    opacity: 0;
    transform: scale(.4) translateY(30px)
  }

  45%,49% {
    opacity: 0;
    transform: scale(.4) translateY(-15px)
  }

  58%,59.99% {
    opacity: 1;
    transform: scale(1) translateY(-15px)
  }

  60% {
    opacity: 1;
    transform: scale(1) translateY(-15px)
  }

  66% {
    opacity: 1;
    transform: scale(.9) translateY(3.75px)
  }

  74% {
    opacity: 0;
    transform: scale(.4) translateY(30px)
  }

  75%,79% {
    opacity: 0;
    transform: scale(.4) translateY(-15px)
  }

  88%,100% {
    opacity: 1;
    transform: scale(1) translateY(-15px)
  }
}

@keyframes nudgeMouse {
  0% {
    transform: translateY(0)
  }

  20% {
    transform: translateY(8px)
  }

  30% {
    transform: translateY(0)
  }

  50% {
    transform: translateY(8px)
  }

  60% {
    transform: translateY(0)
  }

  80% {
    transform: translateY(8px)
  }

  90% {
    transform: translateY(0)
  }
}

@keyframes nudgeText {
  0% {
    transform: translateY(0)
  }

  20% {
    transform: translateY(2px)
  }

  30% {
    transform: translateY(0)
  }

  50% {
    transform: translateY(2px)
  }

  60% {
    transform: translateY(0)
  }

  80% {
    transform: translateY(2px)
  }

  90% {
    transform: translateY(0)
  }
}

@keyframes colorText {
  21% {
    color: #666
  }

  30% {
    color: #fff
  }

  51% {
    color: #666
  }

  60% {
    color: #fff
  }

  81% {
    color: #666
  }

  90% {
    color: #fff
  }
}

@keyframes shake {
  10%,90% {
    transform: translate3d(-1px,0,0)
  }

  20%,80% {
    transform: translate3d(2px,0,0)
  }

  30%,50%,70% {
    transform: translate3d(-4px,0,0)
  }

  40%,60% {
    transform: translate3d(4px,0,0)
  }
}

.hotspot-include {
  width: 100%
}

.krpano-overlay {
  padding: 20px;
  color: white;
  font-family: 'Arial',sans-serif;
  text-align: center
}

#krpanoSWFObject {
  z-index: 10500
}

.page .container > .row.space {
  margin-bottom: 150px
}

.page .full {
  padding: 15vh 0
}

.slider-title {
  position: relative;
  margin-bottom: 75px;
  font-family: 'Expletus Sans',cursive;
  font-size: 35px;
  font-weight: 600;
  line-height: 110%
}

  .slider-title:before {
    content: '';
    display: block;
    width: 10%;
    height: 2px;
    position: absolute;
    top: 15px;
    right: calc(100% + 30px);
    background-color: #FFD800
  }

.slider__img {
  -webkit-box-shadow: 5px 14px 40px rgba(0,0,0,.2);
  box-shadow: 5px 14px 40px rgba(0,0,0,.2)
}

.item-desc {
  padding-left: 15px;
  margin-bottom: 60px;
  border-left: 1px solid #FFD800;
  font-size: 14px;
  line-height: 24px
}

.text-over-img img {
  -webkit-box-shadow: 5px 14px 40px #000;
  box-shadow: 5px 14px 40px #000
}

.text-over-img__title {
  position: relative;
  text-align: center;
  z-index: 1 !important
}

  .text-over-img__title h5 {
    font-family: 'Expletus Sans',cursive;
    font-size: 25px;
    font-weight: 600
  }

  .text-over-img__title:before {
    content: '';
    display: block;
    width: 1px;
    height: 65px;
    position: relative;
    margin: -40px auto 0 auto;
    background: #FFD800
  }

#slider__slides {
  padding: 0 0 60% 0;
  position: relative;
  margin: 0 0 60px 0;
  list-style-type: none
}

.slider__pager {
  position: absolute;
  top: 105%;
  right: 0;
  left: 0;
  text-align: center
}

  .slider__pager li {
    display: inline-block
  }

    .slider__pager li.active button {
      border: 1px solid #606060
    }

      .slider__pager li.active button:hover {
        border-color: #606060
      }

        .slider__pager li.active button:hover:after {
          opacity: 1
        }

      .slider__pager li.active button:after {
        opacity: 0
      }

  .slider__pager button {
    display: inline-block;
    width: 14px;
    height: 14px;
    position: relative;
    margin: 0 10px 10px 10px;
    border-radius: 100%;
    border: 1px solid transparent;
    cursor: pointer
  }

    .slider__pager button:hover {
      border: 1px solid #606060
    }

      .slider__pager button:hover:after {
        opacity: 0
      }

    .slider__pager button:after {
      content: '';
      display: block;
      width: 6px;
      height: 6px;
      position: absolute;
      top: 50%;
      left: 50%;
      margin-top: -3px;
      margin-left: -3px;
      border-radius: 100%;
      background: #aaa;
      opacity: 1;
      -webkit-transition: opacity 0.3s ease;
      -moz-transition: opacity 0.3s ease;
      transition: opacity 0.3s ease
    }

.slider__slide {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
  z-index: 1;
  -webkit-transition: opacity 1s;
  -moz-transition: opacity 1s;
  -o-transition: opacity 1s;
  transition: opacity 1s
}

.showing {
  opacity: 1;
  z-index: 2
}

.slider__controls {
  display: none
}

.slider__slide {
  box-sizing: border-box
}

.slider__controls {
  width: 70px;
  padding: 20px 0;
  position: relative;
  margin: 10px 0 0 0;
  border: none;
  background: transparent;
  cursor: pointer;
  font-size: 20px;
  color: #fff;
  cursor: pointer
}

  .slider__controls:after {
    content: '';
    display: block;
    width: 10px;
    height: 10px;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    border-top: 2px solid #FFD800;
    border-right: 2px solid #FFD800
  }

#slider__previous:after {
  -webkit-transform: translate(-50%,-50%) rotate(-135deg);
  -moz-transform: translate(-50%,-50%) rotate(-135deg);
  -ms-transform: translate(-50%,-50%) rotate(-135deg);
  -o-transform: translate(-50%,-50%) rotate(-135deg);
  transform: translate(-50%,-50%) rotate(-135deg)
}

#slider__next {
  float: right
}

  #slider__next:after {
    -webkit-transform: translate(-50%,-50%) rotate(45deg);
    -moz-transform: translate(-50%,-50%) rotate(45deg);
    -ms-transform: translate(-50%,-50%) rotate(45deg);
    -o-transform: translate(-50%,-50%) rotate(45deg);
    transform: translate(-50%,-50%) rotate(45deg)
  }

.slider {
  position: relative
}

.slider__buttons {
  position: absolute;
  top: 50%;
  right: 0;
  left: 0;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  margin-top: 0;
  z-index: 10;
  font-size: 0
}

@media screen and (max-width:992px) {
  .page .container > .row.space {
    margin-bottom: 50px
  }
}

@media screen and (max-width:768px) {
  .page-concept .container > .row.space {
    margin-bottom: 70px
  }

  .slider-title {
    margin-bottom: 30px;
    font-size: 25px
  }

  .item-desc {
    margin-bottom: 30px
  }
}

@media screen and (min-width:768px) {
  .text-over-img__title {
    margin-top: 10%;
    margin-left: -8.33333%;
    text-align: left
  }

    .text-over-img__title h5 {
      font-size: 35px
    }

    .text-over-img__title:before {
      content: '';
      display: block;
      width: 14%;
      height: 1px;
      position: absolute;
      top: 20px;
      right: calc(100% + 30px);
      margin: 0;
      background: #FFD800
    }
}

.list-index {
  margin-top: 60px;
  margin-bottom: -60px
}

  .list-index p {
    font-size: 14px;
    line-height: 24px
  }

.list-index__number {
  color: #FFD800;
  font-size: 60px;
  font-weight: 200
}

.list-index__icon {
  color: #FFD800;
  font-size: 60px
}

@media screen and (min-width:768px) {
  .list-index > div {
    margin-bottom: 60px
  }

    .list-index > div:nth-child(3n+1) {
      clear: left
    }
}

@media screen and (max-width:768px) {
  .list-index > div {
    margin-bottom: 30px
  }

    .list-index > div:nth-child(2n+1) {
      clear: left
    }

  .list-index p {
    font-size: 12px;
    line-height: 20px
  }

  .list-index__number {
    font-size: 40px
  }
}

.games-title {
  position: relative;
  margin-bottom: 90px;
  font-family: 'Expletus Sans',cursive;
  font-size: 35px;
  font-weight: 600
}

.games-desc {
  position: relative
}

  .games-desc div {
    margin-left: 30px
  }

.games-image {
  margin-bottom: 100px
}

  .games-image img {
    width: 100%
  }

@media screen and (min-width:768px) {
  .games-title:before {
    content: '';
    display: block;
    width: 8.33333%;
    height: 2px;
    position: absolute;
    top: 50%;
    left: calc(-8.33333% - 15px);
    margin-top: -1px;
    background-color: #FFD800
  }
}

@media screen and (max-width:768px) {
  .games-title {
    margin-bottom: 30px;
    font-size: 25px
  }

  .games-image {
    margin-bottom: 30px
  }
}

#main {
  height: 100%;
  -webkit-transition: opacity 1s ease;
  -moz-transition: opacity 1s ease;
  transition: opacity 1s ease
}

  #main.is-exiting {
    opacity: 0;
    -webkit-transition: opacity 1s ease;
    -moz-transition: opacity 1s ease;
    transition: opacity 1s ease
  }

.owl-wrapper {
  position: relative;
  overflow: hidden
}

.owl-item.active {
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
  -webkit-transform: perspective(300px);
  -moz-transform: perspective(300px);
  -ms-transform: perspective(300px);
  -o-transform: perspective(300px);
  transform: perspective(300px)
}

  .owl-item.active > div {
    -webkit-transition: -webkit-transform 0.1s ease;
    -moz-transition: -moz-transform 0.1s ease;
    transition: transform 0.1s ease
  }

.detail-head {
  height: 27vw;
  position: relative;
  margin-top: 100px;
  margin-bottom: 150px;
  z-index: 1
}

  .detail-head a.smoothState {
    display: block;
    position: absolute;
    top: 50%;
    left: 10%;
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    z-index: 10;
    color: white;
    font-size: 13px;
    font-weight: 600;
    text-transform: uppercase;
    vertical-align: middle;
    -webkit-transition: color 0.3s ease;
    -moz-transition: color 0.3s ease;
    transition: color 0.3s ease
  }

    .detail-head a.smoothState:hover {
      color: #FFD800
    }

    .detail-head a.smoothState:before {
      content: '\2190';
      display: inline-block;
      margin-right: 10px
    }

  .detail-head .row {
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%)
  }

  .detail-head h1 {
    font-size: 40px;
    font-weight: 700;
    text-transform: uppercase
  }

.detail-head__image {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 20%;
  -webkit-background-size: cover;
  background-size: cover;
  box-shadow: 0 10px 30px #000;
  background-repeat: no-repeat;
  background-position: center center
}

.owl-carousel.destroyed {
  display: block !important
}

  .owl-carousel.destroyed > div {
    position: relative;
    margin-bottom: 30px
  }

  .owl-carousel.destroyed .owl-image {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    opacity: 1
  }

  .owl-carousel.destroyed h2 {
    width: calc(100% - 40px);
    color: white;
    font-size: 25px !important;
    text-align: center
  }

.owl-carousel .owl-stage-outer {
  overflow: visible
}

.owl-carousel .owl-item:hover h2 {
  margin-top: -30px
}

.owl-carousel .owl-item:hover .owl-discover {
  margin-top: 30px;
  opacity: 1
}

.owl-carousel .owl-item img {
  opacity: 0
}

.owl-carousel .active .owl-image {
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
  opacity: 1
}

.owl-carousel .active h2, .owl-carousel .active .owl-discover {
  color: white
}

.owl-carousel .owl-image {
  height: 0;
  padding-bottom: 57%;
  -webkit-transform: scale(.8);
  -moz-transform: scale(.8);
  -ms-transform: scale(.8);
  -o-transform: scale(.8);
  transform: scale(.8);
  opacity: 0;
  -webkit-transition: opacity 0.8s ease,-webkit-transform 0.8s ease;
  -moz-transition: opacity 0.8s ease,-moz-transform 0.8s ease;
  transition: opacity 0.8s ease,transform 0.8s ease;
  box-shadow: 3px 20px 30px #000
}

.owl-carousel h2, .owl-carousel .owl-discover {
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%,-50%);
  -moz-transform: translate(-50%,-50%);
  -ms-transform: translate(-50%,-50%);
  -o-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
  color: #606060;
  font-size: 40px;
  font-weight: 700;
  text-transform: uppercase;
  -webkit-transition: margin 0.3s ease,opacity 0.3s ease;
  -moz-transition: margin 0.3s ease,opacity 0.3s ease;
  transition: margin 0.3s ease,opacity 0.3s ease
}

.owl-carousel .owl-discover {
  padding-left: 30px;
  background: transparent url(../img/more.svg) left center no-repeat;
  -webkit-background-size: contain;
  background-size: contain;
  opacity: 0;
  font-size: 13px;
  font-weight: 700
}

.owl-carousel .owl-nav {
  max-width: 180px;
  position: relative;
  margin: 50px auto -20px auto;
  z-index: 10;
  text-align: center
}

  .owl-carousel .owl-nav:after {
    content: '';
    display: block;
    width: 90px;
    height: 1px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -1px;
    margin-left: -45px;
    background: #606060
  }

  .owl-carousel .owl-nav div {
    display: inline-block;
    width: 20px;
    height: 20px;
    color: transparent;
    cursor: pointer;
    font-size: 0;
    vertical-align: middle
  }

    .owl-carousel .owl-nav div:hover:after {
      border-color: white
    }

    .owl-carousel .owl-nav div:first-child {
      margin-right: 50px
    }

      .owl-carousel .owl-nav div:first-child:after {
        -webkit-transform: rotate(-135deg);
        -moz-transform: rotate(-135deg);
        -ms-transform: rotate(-135deg);
        -o-transform: rotate(-135deg);
        transform: rotate(-135deg)
      }

    .owl-carousel .owl-nav div:last-child {
      margin-left: 50px
    }

      .owl-carousel .owl-nav div:last-child:after {
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        transform: rotate(45deg)
      }

    .owl-carousel .owl-nav div:after {
      content: '';
      display: block;
      width: 10px;
      height: 10px;
      margin: 5px 0 0 5px;
      border-top: 2px solid #606060;
      border-right: 2px solid #606060;
      -webkit-transition: border 0.3s ease;
      -moz-transition: border 0.3s ease;
      transition: border 0.3s ease
    }

.owl-carousel .owl-dots .owl-dot {
  display: inline-block;
  padding: 10px;
  position: relative;
  margin-right: 15px;
  cursor: pointer
}

  .owl-carousel .owl-dots .owl-dot:hover span:after {
    -webkit-transform: scale(1) !important;
    -moz-transform: scale(1) !important;
    -ms-transform: scale(1) !important;
    -o-transform: scale(1) !important;
    transform: scale(1) !important;
    opacity: 1 !important;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease
  }

  .owl-carousel .owl-dots .owl-dot.active span {
    background-color: transparent
  }

    .owl-carousel .owl-dots .owl-dot.active span:hover {
      background-color: #898989
    }

    .owl-carousel .owl-dots .owl-dot.active span:after {
      content: '';
      -webkit-transform: scale(1);
      -moz-transform: scale(1);
      -ms-transform: scale(1);
      -o-transform: scale(1);
      transform: scale(1);
      opacity: 1
    }

  .owl-carousel .owl-dots .owl-dot span {
    display: block;
    width: 5px;
    height: 5px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -2px 0 0 -2px;
    -webkit-border-radius: 20px;
    border-radius: 20px;
    background-color: #898989
  }

    .owl-carousel .owl-dots .owl-dot span:after {
      content: '';
      display: block;
      position: absolute;
      top: -4px;
      right: -4px;
      bottom: -4px;
      left: -4px;
      -webkit-transform: scale(0);
      -moz-transform: scale(0);
      -ms-transform: scale(0);
      -o-transform: scale(0);
      transform: scale(0);
      -webkit-border-radius: 20px;
      border-radius: 20px;
      border: 1px solid #f9f9f9;
      opacity: 0;
      -webkit-transition: all 0.3s ease;
      -moz-transition: all 0.3s ease;
      transition: all 0.3s ease
    }

.owl-image {
  background-position: center center !important;
  background-repeat: no-repeat;
  -webkit-background-size: cover;
  background-size: cover
}

.cloned {
  position: relative;
  z-index: 800
}

  .cloned img {
    opacity: 0
  }

  .cloned .owl-image {
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
  }

.vcenter {
  width: 100%;
  position: absolute;
  top: 50%;
  -webkit-transform: translate3d(0,-50%,0) scale(1);
  -moz-transform: translate3d(0,-50%,0) scale(1);
  -ms-transform: translate3d(0,-50%,0) scale(1);
  -o-transform: translate3d(0,-50%,0) scale(1);
  transform: translate3d(0,-50%,0) scale(1);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  text-align: center
}

  .vcenter:hover i.icon-download {
    -webkit-transform: scale(1.5);
    -moz-transform: scale(1.5);
    -ms-transform: scale(1.5);
    -o-transform: scale(1.5);
    transform: scale(1.5)
  }

  .vcenter h2 {
    font-family: 'Expletus Sans',cursive;
    font-size: 60px;
    font-weight: 600
  }

  .vcenter a {
    color: inherit;
    font-size: 14px;
    font-weight: 600
  }

  .vcenter i.icon-download {
    display: inline-block;
    margin-right: 10px;
    vertical-align: middle;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    transition: all 0.2s ease
  }

.enjoy-space {
  width: 100%;
  height: 50px;
  float: none;
  clear: both
}

@media screen and (max-width:992px) {
  .detail-head {
    height: 50vw;
    margin-top: 50px;
    margin-bottom: 50px
  }

    .detail-head .detail-head__image {
      left: 0
    }

    .detail-head a.smoothState {
      top: 75%;
      left: 50%
    }
}

@media screen and (max-width:768px) {
  .game-character {
    position: absolute;
    z-index: 0 !important
  }

  .owl-carousel.destroyed h2 {
    font-size: 6vw !important
  }
}
.wats img{
  width:90px;
  height:90px;
   position:absolute;
  bottom:40px;
  right:60px;
  border-radius:100px
    
}
@media screen and (max-width:440px) {
  .scrollbox3 {
    display:none ;
  }
  .burguer-menu{
    display: none;
  }
  .bottom__info-trigger{
    display:none;
  }
}
@media screen and (max-width:640px) {
  
  .vcenter h2 {
    margin-bottom: 20px;
    font-size: 45px;
    line-height: 50px
  }
}

@media screen and (max-height:480px) {
  .vcenter {
    position: relative;
    top: auto;
    left: auto;
    margin-top: 50px;
    margin-bottom: 170px;
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    -o-transform: none;
    transform: none
  }
}
 

.cms.white {
  position: relative
}

.full.cms.white.link-footer {
  padding: 7vh 0;
  min-height: 0
}




.snip1189 {
  font-family: 'El Messiri', sans-serif;
  text-align: center;
  text-transform: uppercase;
  font-weight: 500;
  letter-spacing: 1px;
  position: absolute;
  top: 22px;
  /* left: 0; */
  left: 400px;
}

.aboutS.snip1189 {
  font-family: 'El Messiri', sans-serif;
  text-transform: uppercase;
  font-weight: 500;
  letter-spacing: 1px;
  position: absolute;
  top: 22px;
  /* left: 0; */
  /* right: 375px; */
}

.snip1189 * {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all 0.35s ease;
  transition: all 0.35s ease;
}

.snip1189 li {
  display: inline-block;
  list-style: outside none none;
  /* margin: 0 1em; */
  padding: 0;
}

.snip1189 a {
  padding: 0.5em 0.8em;
  margin: 0.2em 0;
  display: block;
  color: rgba(255, 255, 255, 0.5);
  position: relative;
  text-decoration: none;
}

  .snip1189 a:before,
  .snip1189 a:after {
    height: 14px;
    width: 14px;
    position: absolute;
    content: '';
    -webkit-transition: all 0.35s ease;
    transition: all 0.35s ease;
    opacity: 0;
  }
  /* .snip1189 a:before {
  left: 0;
  top: 0;
  border-left: 3px solid #c0392b;
  border-top: 3px solid #c0392b;
  -webkit-transform: translate(100%, 50%);
  transform: translate(100%, 50%);
} */
  .snip1189 a:after {
    right: 0;
    bottom: 0;
    border-right: 3px solid #c0392b;
    border-bottom: 3px solid #c0392b;
    -webkit-transform: translate(-100%, -50%);
    transform: translate(-100%, -50%);
  }

  .snip1189 a:hover,
  .snip1189 .current a {
    color: #ffffff;
  }

  .snip1189 a span {
    position: absolute;
    right: 0;
    left: 0;
  }

.new-dark {
  background-color: #252526;
  height: 100%;
}

.splitItems ul li {
  margin-left: 5px;
  text-align: center;
  height: 56px;
  background: #323232;
  transition: all 0.5s ease;
}

  .splitItems ul li span {
    font-size: 8px;
    /* position: relative;
top: 3px; */
    color: #d7b356;
    /* text-transform: uppercase; */
  }

  .splitItems ul li:hover span {
    /* color: #ffffff; */
  }
/*.snip1189 a:hover:before,
.snip1189 .current a:before,
.snip1189 a:hover:after,
.snip1189 .current a:after {
  -webkit-transform: translate(0%, 0%);
  transform: translate(0%, 0%);
  opacity: 1;
} */


.navbar-icon-top .navbar-nav .nav-link i {
  transition: color 0.8s ease;
}

.navbar-icon-top .navbar-nav .nav-link {
  color: #ad924c !important;
  direction: rtl;
  font-size: 10px;
  transition: color 0.5s ease;
}

  .navbar-icon-top .navbar-nav .nav-link > .fa > .badge {
    font-size: 0.75rem;
    position: absolute;
    right: 0;
    font-family: sans-serif;
  }

  .navbar-icon-top .navbar-nav .nav-link > .fa {
    top: 3px;
    line-height: 12px;
  }

    .navbar-icon-top .navbar-nav .nav-link > .fa > .badge {
      top: -10px;
    }

@media (min-width: 576px) {

  .navbar-icon-top.navbar-expand-sm .navbar-nav .nav-link {
    text-align: center;
    display: table-cell;
    height: 70px;
    vertical-align: middle;
    padding-top: 0;
    padding-bottom: 0;
  }

    .navbar-icon-top.navbar-expand-sm .navbar-nav .nav-link > .fa {
      display: block;
      width: 48px;
      margin: 2px auto 4px auto;
      top: 0;
      line-height: 24px;
    }

      .navbar-icon-top.navbar-expand-sm .navbar-nav .nav-link > .fa > .badge {
        top: -7px;
      }

  .nav-item a {
    display: inline-flex;
    padding: 0;
  }
}

@media (min-width: 768px) {
  .navbar-icon-top.navbar-expand-md .navbar-nav .nav-link {
    text-align: center;
    display: table-cell;
    height: 70px;
    vertical-align: middle;
    padding-top: 0;
    padding-bottom: 0;
  }

    .navbar-icon-top.navbar-expand-md .navbar-nav .nav-link > .fa {
      display: block;
      width: 48px;
      margin: 2px auto 4px auto;
      top: 0;
      line-height: 24px;
    }

      .navbar-icon-top.navbar-expand-md .navbar-nav .nav-link > .fa > .badge {
        top: -7px;
      }
}

@media (max-width: 414px) {
  .snip1189 {
    display: none !important;
  }
}

@media (min-width: 992px) {
  body {
    overflow-x: hidden !important;
    /* overflow-y: hidden !important; */
  }

  .navbar-icon-top.navbar-expand-lg .navbar-nav .nav-link {
    text-align: center;
    display: table-cell;
    height: 50px;
    padding: 0 13px;
    vertical-align: middle;
    padding-top: 0;
    text-align: center;
    padding-bottom: 0;
  }

    .navbar-icon-top.navbar-expand-lg .navbar-nav .nav-link > .fa {
      display: block;
      width: 48px;
      margin: 2px auto 4px auto;
      top: 0;
      line-height: 14px;
    }

      .navbar-icon-top.navbar-expand-lg .navbar-nav .nav-link > .fa > .badge {
        top: -7px;
      }
}

@media (min-width: 1200px) {
  .navbar-icon-top.navbar-expand-xl .navbar-nav .nav-link {
    text-align: center;
    display: table-cell;
    height: 70px;
    vertical-align: middle;
    padding-top: 0;
    padding-bottom: 0;
  }

    .navbar-icon-top.navbar-expand-xl .navbar-nav .nav-link > .fa {
      display: block;
      width: 48px;
      margin: 2px auto 4px auto;
      top: 0;
      line-height: 24px;
    }

      .navbar-icon-top.navbar-expand-xl .navbar-nav .nav-link > .fa > .badge {
        top: -7px;
      }
}

.nav-item {
  flex-direction: column;
}

  .nav-item a {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    position: relative;
    margin: .4em;
    padding: 1em;
    cursor: pointer;
    text-decoration: none;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }

    .nav-item a:hover:before, .nav-item a:focus:before, .nav-item a:active:before {
      -webkit-animation-name: hvr-ripple-out;
      animation-name: hvr-ripple-out;
    }

    .nav-item a:before {
      content: '';
      position: absolute;
      border: #323232 solid 6px;
      top: 0;
      right: 0;
      bottom: -8px;
      left: 0;
      -webkit-animation-duration: 1s;
      animation-duration: 1s;
    }

.interaction-desc__content ul {
  list-style: disc;
  margin-left: 15px;
}


.cms.white {
  position: relative
}

.full.cms.white.link-footer {
  padding: 7vh 0;
  min-height: 0
}

.terms-check {
  -webkit-appearance: checkbox;
  -moz-appearance: checkbox
}

.cookies-wrapper {
  display: none;
  padding: 30px;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 99999;
  background-color: rgba(0,0,0,.6);
  font-size: 12px;
  overflow: auto
}

@media (max-width:768px) {
  .cookies-wrapper {
    padding: 24px
  }
}

.cookies-wrapper * {
  box-sizing: border-box
}

.cookies-box {
  max-width: 800px;
  padding: 30px 30px 60px;
  position: relative;
  margin: 0 auto;
  border-radius: 4px;
  background-color: #fff
}

.cookies-bar-message, .cookies__title {
  display: block;
  margin-bottom: 30px;
  color: #666
}

.cookies__title {
  width: 100%;
  border-bottom: 1px solid rgba(0,0,0,.1);
  font-size: 24px;
  font-weight: 700;
  line-height: 30px
}

.cookies-bar-message {
  float: left;
  font-size: 1em;
  line-height: 20px
}

.cookies-accept {
  display: inline-block;
  width: 100%
}

@media (max-width:768px) {
  .cookies-box {
    padding: 30px 0
  }

  .cookies-accept {
    display: flex
  }
}

.cookies-settings {
  display: none;
  color: #666
}

.cookies-settings-link {
  float: right;
  text-align: right
}

@media (max-width:768px) {
  .cookies-settings-link {
    text-align: left;
    float: right
  }
}

.cookie-info {
  display: block;
  padding-left: 30px;
  line-height: 16px;
  padding-bottom: 5px
}

.cookies-settings-cancel {
  text-align: right
}

@media (max-width:768px) {
  .cookies-settings-cancel {
    text-align: left;
    margin-bottom: 20px
  }
}

.cookies-policy-link {
  padding: 0 45px;
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  border-radius: 0 0 4px 4px;
  background-color: #eee;
  text-align: right
}

.cookies-bar-know-more {
  color: #9a9a9a;
  font-size: 1em;
  line-height: 30px;
  text-decoration: underline;
  transition: color .2s ease
}

  .cookies-bar-know-more:hover {
    color: #666
  }

.cookies-message p {
  display: none;
  padding-bottom: 5px
}

.cookies-message b {
  display: block;
  margin-bottom: 10px;
  border-bottom: 1px solid rgba(0,0,0,.05)
}

@media (min-width:768px) {
  .cookies-box {
    padding: 28px 28px 56px
  }

  .cookies-settings-cancel, .cookies-settings-link {
    text-align: right
  }

  .cookies-policy-link {
    padding: 0 42px
  }
}

@media (max-width:991px) {
  .cookies-bar-message {
    height: auto
  }

  .cookies-bar-know-more {
    padding-left: 0
  }
}

@media (max-width:767px) {
  .cookies-box button {
    display: block;
    width: 100%;
    margin-bottom: 20px;
    text-align: center
  }
}

@media (max-width:551px) {
  .cookies-settings-link {
    text-align: left;
    float: left
  }
}

input[name=cookie-radio] {
  -webkit-appearance: radio;
  -moz-appearance: radio;
  margin-right: 5px
}

.btn-primary, .btn-primary:active, .btn-primary:focus, .btn-primary:hover {
  background-color: #0f0503;
  color: #fff
}

.btn-sm {
  padding: 5px 20px;
  font-size: 12px
}

.cookies-box .container {
  position: static !important;
}