/**
 * Swiper 4.0.7
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * http://www.idangero.us/swiper/
 *
 * Copyright 2014-2017 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: November 28, 2017
 */

.swiper-container {
  margin: 0 auto;
  position: relative;
  overflow: hidden;
  list-style: none;
  padding: 0;
  z-index: 1;
}

.swiper-container-no-flexbox .swiper-slide {
  float: left;
}

.swiper-container-vertical > .swiper-wrapper {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
  transition-property: transform,-webkit-transform;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}

.swiper-container-android .swiper-slide,
.swiper-wrapper {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.swiper-container-multirow > .swiper-wrapper {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.swiper-container-free-mode > .swiper-wrapper {
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
  margin: 0 auto;
}

.swiper-slide {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative;
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
  transition-property: transform,-webkit-transform;
}

.swiper-invisible-blank-slide {
  visibility: hidden;
}

.swiper-container-autoheight,
.swiper-container-autoheight .swiper-slide {
  height: auto;
}

.swiper-container-autoheight .swiper-wrapper {
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-transition-property: height,-webkit-transform;
  transition-property: height,-webkit-transform;
  transition-property: transform,height;
  transition-property: transform,height,-webkit-transform;
}

.swiper-container-3d {
  -webkit-perspective: 1200px;
  perspective: 1200px;
}

.swiper-container-3d .swiper-cube-shadow,
.swiper-container-3d .swiper-slide,
.swiper-container-3d .swiper-slide-shadow-bottom,
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-wrapper {
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
}

.swiper-container-3d .swiper-slide-shadow-bottom,
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 10;
}

.swiper-container-3d .swiper-slide-shadow-left {
  background-image: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, 0.5)), to(transparent));
  background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), transparent);
}

.swiper-container-3d .swiper-slide-shadow-right {
  background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.5)), to(transparent));
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), transparent);
}

.swiper-container-3d .swiper-slide-shadow-top {
  background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.5)), to(transparent));
  background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), transparent);
}

.swiper-container-3d .swiper-slide-shadow-bottom {
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.5)), to(transparent));
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), transparent);
}

.swiper-container-wp8-horizontal,
.swiper-container-wp8-horizontal > .swiper-wrapper {
  -ms-touch-action: pan-y;
  touch-action: pan-y;
}

.swiper-container-wp8-vertical,
.swiper-container-wp8-vertical > .swiper-wrapper {
  -ms-touch-action: pan-x;
  touch-action: pan-x;
}

.swiper-button-next,
.swiper-button-prev {
  position: absolute;
  top: 50%;
  width: 27px;
  height: 44px;
  margin-top: -22px;
  z-index: 10;
  cursor: pointer;
  background-size: 27px 44px;
  background-position: center;
  background-repeat: no-repeat;
}

.swiper-button-next.swiper-button-disabled,
.swiper-button-prev.swiper-button-disabled {
  opacity: .35;
  cursor: auto;
  pointer-events: none;
}

.swiper-button-prev,
.swiper-container-rtl .swiper-button-next {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
  left: 10px;
  right: auto;
}

.swiper-button-next,
.swiper-container-rtl .swiper-button-prev {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
  right: 10px;
  left: auto;
}

.swiper-button-prev.swiper-button-white,
.swiper-container-rtl .swiper-button-next.swiper-button-white {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");
}

.swiper-button-next.swiper-button-white,
.swiper-container-rtl .swiper-button-prev.swiper-button-white {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");
}

.swiper-button-prev.swiper-button-black,
.swiper-container-rtl .swiper-button-next.swiper-button-black {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E");
}

.swiper-button-next.swiper-button-black,
.swiper-container-rtl .swiper-button-prev.swiper-button-black {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E");
}

.swiper-pagination {
  position: absolute;
  text-align: center;
  -webkit-transition: .3s opacity;
  transition: .3s opacity;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  z-index: 10;
}

.swiper-pagination.swiper-pagination-hidden {
  opacity: 0;
}

.swiper-container-horizontal > .swiper-pagination-bullets,
.swiper-pagination-custom,
.swiper-pagination-fraction {
  bottom: 10px;
  left: 0;
  width: 100%;
}

.swiper-pagination-bullets-dynamic {
  overflow: hidden;
  font-size: 0;
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  -webkit-transform: scale(0.33);
  transform: scale(0.33);
  position: relative;
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
  -webkit-transform: scale(1);
  transform: scale(1);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
  -webkit-transform: scale(0.66);
  transform: scale(0.66);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
  -webkit-transform: scale(0.33);
  transform: scale(0.33);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
  -webkit-transform: scale(0.66);
  transform: scale(0.66);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
  -webkit-transform: scale(0.33);
  transform: scale(0.33);
}

.swiper-pagination-bullet {
  width: 8px;
  height: 8px;
  display: inline-block;
  border-radius: 100%;
  background: #000;
  opacity: .2;
}

button.swiper-pagination-bullet {
  border: none;
  margin: 0;
  padding: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

.swiper-pagination-clickable .swiper-pagination-bullet {
  cursor: pointer;
}

.swiper-pagination-bullet-active {
  opacity: 1;
  background: #007aff;
}

.swiper-container-vertical > .swiper-pagination-bullets {
  right: 10px;
  top: 50%;
  -webkit-transform: translate3d(0, -50%, 0);
  transform: translate3d(0, -50%, 0);
}

.swiper-container-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 6px 0;
  display: block;
}

.swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 8px;
}

.swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  display: inline-block;
  -webkit-transition: .2s top,.2s -webkit-transform;
  transition: .2s top,.2s -webkit-transform;
  -webkit-transition: .2s transform,.2s top;
  transition: .2s transform,.2s top;
  -webkit-transition: .2s transform,.2s top,.2s -webkit-transform;
  transition: .2s transform,.2s top,.2s -webkit-transform;
}

.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 4px;
}

.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  white-space: nowrap;
}

.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  -webkit-transition: .2s left,.2s -webkit-transform;
  transition: .2s left,.2s -webkit-transform;
  -webkit-transition: .2s transform,.2s left;
  transition: .2s transform,.2s left;
  -webkit-transition: .2s transform,.2s left,.2s -webkit-transform;
  transition: .2s transform,.2s left,.2s -webkit-transform;
}

.swiper-container-horizontal.swiper-container-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  -webkit-transition: .2s right,.2s -webkit-transform;
  transition: .2s right,.2s -webkit-transform;
  -webkit-transition: .2s transform,.2s right;
  transition: .2s transform,.2s right;
  -webkit-transition: .2s transform,.2s right,.2s -webkit-transform;
  transition: .2s transform,.2s right,.2s -webkit-transform;
}

.swiper-pagination-progressbar {
  background: rgba(0, 0, 0, 0.25);
  position: absolute;
}

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  background: #007aff;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  -webkit-transform: scale(0);
  transform: scale(0);
  -webkit-transform-origin: left top;
  transform-origin: left top;
}

.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  -webkit-transform-origin: right top;
  transform-origin: right top;
}

.swiper-container-horizontal > .swiper-pagination-progressbar {
  width: 100%;
  height: 4px;
  left: 0;
  top: 0;
}

.swiper-container-vertical > .swiper-pagination-progressbar {
  width: 4px;
  height: 100%;
  left: 0;
  top: 0;
}

.swiper-pagination-white .swiper-pagination-bullet-active {
  background: #fff;
}

.swiper-pagination-progressbar.swiper-pagination-white {
  background: rgba(255, 255, 255, 0.25);
}

.swiper-pagination-progressbar.swiper-pagination-white .swiper-pagination-progressbar-fill {
  background: #fff;
}

.swiper-pagination-black .swiper-pagination-bullet-active {
  background: #000;
}

.swiper-pagination-progressbar.swiper-pagination-black {
  background: rgba(0, 0, 0, 0.25);
}

.swiper-pagination-progressbar.swiper-pagination-black .swiper-pagination-progressbar-fill {
  background: #000;
}

.swiper-scrollbar {
  border-radius: 10px;
  position: relative;
  -ms-touch-action: none;
  background: rgba(0, 0, 0, 0.1);
}

.swiper-container-horizontal > .swiper-scrollbar {
  position: absolute;
  left: 1%;
  bottom: 3px;
  z-index: 50;
  height: 5px;
  width: 98%;
}

.swiper-container-vertical > .swiper-scrollbar {
  position: absolute;
  right: 3px;
  top: 1%;
  z-index: 50;
  width: 5px;
  height: 98%;
}

.swiper-scrollbar-drag {
  height: 100%;
  width: 100%;
  position: relative;
  background: rgba(0, 0, 0, 0.5);
  border-radius: 10px;
  left: 0;
  top: 0;
}

.swiper-scrollbar-cursor-drag {
  cursor: move;
}

.swiper-zoom-container {
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  text-align: center;
}

.swiper-zoom-container > canvas,
.swiper-zoom-container > img,
.swiper-zoom-container > svg {
  max-width: 100%;
  max-height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
}

.swiper-slide-zoomed {
  cursor: move;
}

.swiper-lazy-preloader {
  width: 42px;
  height: 42px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -21px;
  margin-top: -21px;
  z-index: 10;
  -webkit-transform-origin: 50%;
  transform-origin: 50%;
  -webkit-animation: swiper-preloader-spin 1s steps(12, end) infinite;
  animation: swiper-preloader-spin 1s steps(12, end) infinite;
}

.swiper-lazy-preloader:after {
  display: block;
  content: '';
  width: 100%;
  height: 100%;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
  background-position: 50%;
  background-size: 100%;
  background-repeat: no-repeat;
}

.swiper-lazy-preloader-white:after {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}

@-webkit-keyframes swiper-preloader-spin {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@keyframes swiper-preloader-spin {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

.swiper-container .swiper-notification {
  position: absolute;
  left: 0;
  top: 0;
  pointer-events: none;
  opacity: 0;
  z-index: -1000;
}

.swiper-container-fade.swiper-container-free-mode .swiper-slide {
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}

.swiper-container-fade .swiper-slide {
  pointer-events: none;
  -webkit-transition-property: opacity;
  transition-property: opacity;
}

.swiper-container-fade .swiper-slide .swiper-slide {
  pointer-events: none;
}

.swiper-container-fade .swiper-slide-active,
.swiper-container-fade .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}

.swiper-container-cube {
  overflow: visible;
}

.swiper-container-cube .swiper-slide {
  pointer-events: none;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  z-index: 1;
  visibility: hidden;
  -webkit-transform-origin: 0 0;
  transform-origin: 0 0;
  width: 100%;
  height: 100%;
}

.swiper-container-cube .swiper-slide .swiper-slide {
  pointer-events: none;
}

.swiper-container-cube.swiper-container-rtl .swiper-slide {
  -webkit-transform-origin: 100% 0;
  transform-origin: 100% 0;
}

.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}

.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-next,
.swiper-container-cube .swiper-slide-next + .swiper-slide,
.swiper-container-cube .swiper-slide-prev {
  pointer-events: auto;
  visibility: visible;
}

.swiper-container-cube .swiper-slide-shadow-bottom,
.swiper-container-cube .swiper-slide-shadow-left,
.swiper-container-cube .swiper-slide-shadow-right,
.swiper-container-cube .swiper-slide-shadow-top {
  z-index: 0;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.swiper-container-cube .swiper-cube-shadow {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: .6;
  -webkit-filter: blur(50px);
  filter: blur(50px);
  z-index: 0;
}

.swiper-container-flip {
  overflow: visible;
}

.swiper-container-flip .swiper-slide {
  pointer-events: none;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  z-index: 1;
}

.swiper-container-flip .swiper-slide .swiper-slide {
  pointer-events: none;
}

.swiper-container-flip .swiper-slide-active,
.swiper-container-flip .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}

.swiper-container-flip .swiper-slide-shadow-bottom,
.swiper-container-flip .swiper-slide-shadow-left,
.swiper-container-flip .swiper-slide-shadow-right,
.swiper-container-flip .swiper-slide-shadow-top {
  z-index: 0;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.swiper-container-coverflow .swiper-wrapper {
  -ms-perspective: 1200px;
}
.video-js .vjs-big-play-button:before,
.video-js .vjs-control:before,
.video-js .vjs-modal-dialog,
.vjs-modal-dialog .vjs-modal-dialog-content {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.video-js .vjs-big-play-button:before,
.video-js .vjs-control:before {
  text-align: center;
}

@font-face {
  font-family: VideoJS;
  src: url("font/VideoJS.eot?#iefix") format("eot");
}

@font-face {
  font-family: VideoJS;
  src: url(data:application/font-woff;charset=utf-8;base64,d09GRgABAAAAAA54AAoAAAAAFmgAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABPUy8yAAAA9AAAAD4AAABWUZFeBWNtYXAAAAE0AAAAOgAAAUriMBC2Z2x5ZgAAAXAAAAouAAAPUFvx6AdoZWFkAAALoAAAACsAAAA2DIPpX2hoZWEAAAvMAAAAGAAAACQOogcgaG10eAAAC+QAAAAPAAAAfNkAAABsb2NhAAAL9AAAAEAAAABAMMg06m1heHAAAAw0AAAAHwAAACABMAB5bmFtZQAADFQAAAElAAACCtXH9aBwb3N0AAANfAAAAPwAAAGBZkSN43icY2BkZ2CcwMDKwMFSyPKMgYHhF4RmjmEIZzzHwMDEwMrMgBUEpLmmMDh8ZPwoxw7iLmSHCDOCCADvEAo+AAB4nGNgYGBmgGAZBkYGEHAB8hjBfBYGDSDNBqQZGZgYGD7K/f8PUvCREUTzM0DVAwEjG8OIBwCPdwbVAAB4nI1Xe1CU1xX/zv1eLItLln0JwrIfC7sJGET2hRJ2N1GUoBJE8AESQEEhmBHjaB7UuBMTO4GMaSu7aY3RNlOdRPNqO2pqRmuTaSZtR6JJILUZk00a/4imjpmiecB303O/XUgMJOPufvd+99xzzz33nN855y4HHH7EfrGfIxwHRiANvF/sH71I9BzHszmpW+rGOQOXxXE6YhI4PoMT8zkT4cDFuf1cwMrZJI5cglM0HKVv0MaUFDgIFfg9mJJCG+kbKn1JkqBOVaFOkuhLpARq8fu0Nnc9/zdvfY9PxXW4PdH0C6N+PCejhorxFjAqRjgFRXSINEARbBGsoxcFK7IJmr4OycFJnInL59zIXwxui80fkGRbEHyosMWaATJKUfCskmwJQsAWANkmnIGOhlf514h7U8HNIv3owoHB0WMt0Eb3sx0guLi5pq/8Ny1q6969fKR9X9GBV6dPv6dp04K99SOwtmyPl47ApRa6n4ZpP1yjr5fn7MmYP/vXLUJs715UguklHBaHOZHZmG1N9FAIW2mf0MqWCIdo/8RZ1yGfxKUldDcGIbFA7ICO+vqOMSPTh/ZrSqgHi/bB/O8E8Mnzp+M+acxfpsTShBwej26TiGxBn7m4eEIO+Rueu6Hj+IFBnh88cAEUEQ//nVLx5C7kf+yIR47QEe+eMlhz9SqsGbe3hh2R03NGzoY6O42Kz8l7fB6fAk6LYnTyFo/FYyT6GGyNx2Jx2sdH4rA1Fo/HyCXaFyOp8dhYBCfJb2NIn1ImE6CYNGmgSTb52DawJR6jfXEmDU4xyTEmpgHHOIStoxfjSGdkbsK2w2jbdMQG4sgAstEONgURYCwGHhEhhscioQaAhhCf7McifEQc0l6+mxj9nI+gmSdiQ0Zbm7gZnIO7GSMEXG6UDAVocxAV8GcEXCKg1a02RcTtwANWRGIAyElor6n/+ZU2yOB3+T77Hb1MLqhn4KHVnQBjJnqe9QZSon6Kc5DxAD2vMdPL/BXSmQGwspa67z9wLUjdi9TN7QC7lyyBr9rpt7uXVC1CMpyjKRoXnGPHTuiaPLsNdc2dbAFQLAooPkXEh33FodHl4XpC6sPCIa0ftUIhHSYXVSu5iME+DIXsbZJ51BeidCgajcai43jU9nVzoSn2dPqcFvSoxSzJzgRKAx47WMRxOrIj3Wf0+hndxhJTiOkSEqxar3b3RKM9hY64oxBA64ieURLvCfpkDb8siBdUJ1bgT+urJ5PGfewQrmm5R5+0HmfyIPySD7OYkT0WxRePah8oEiyjlxIP74thVoRTURpmL6QhGuWS+QDjdANXjIM8SQa/1w128ODx0Qp4aLMNg9+JL3joUn8AMxW+aLNiuKjarn4uyyTdXjOzZTsh21uwldUvJoYza+zELALfu3p1L8/3krtyZ0Ag058J3hxHghvbGZn0dHZy6Mim/7Blre4lpHd1c28yVqRViO153F2oIWoXCIKbL4Z0cM1iaQn9mI5KuV2SzEvWXJDMNtkANpMdQoDDhIdD4A/YrP6Aye9ysxyE+uOEAcTDorgvVZJjcua043PnZ/PmdDqcbibZlXOOT8uSo7Kof0YUn9GL+Jo17ficymxiTofC6znUso0DhAxs1Fo+kF+d36vLmgZ8mk5cdGv2mwYj5k3Dm9m3LhJ1aVRNm6HrTbLgYAoWXDhDd/u4PGy5CT+xGMdiaBovewUCF/1BiWNljI9MLn7jeScpg+WyH6mfU62eVDql7hsrmvx1ezp/YldE2LhjbkiDnAn8tGy/MW3IXRMYJduvq9HpmIcKuFt+JCtgdGEGKAcF6UacVwIYbVPGfw/+YuNBS4cx/CUHcnyfc+wRDMtTr72mMSBjT/yn/GKSdeDWQUCH6Xoqq5R10RE60gV6erUL0iCti16d0hZjxut4QI/rEpgSh6WjnJXdBXRg1GKCucGJPtFqM27aD1tOqqKonsQ2KsFSSmEpmvRlsR+TcD9OFwrqXxIclL4sJTnGMSuG8KpkZvKdeVIOKDyWSyPLV16/p1QMPbP8NihwUzr47bdnXtwtjdCvqqpO0H+pOvIl3Pzv46e5CT/tQjklXCXXym1AaWY7bzHLkuDMc7ldKCvgxzLn8wYkJLBhEDyK7MT8bTbwbkxbfp+3mKAGsmTBpabSIEECzMIcQlzOPAMKsxMs7uhsnxPLuofPDTc1hkuq6MX9j16YU7CqegcYHbmWYuvAP6tCS97tgWf7dlQvnl25YPavXLVZvrzQPeHCpZmzzEUVq/xzu5sChnSTPTW7oOYmh69z4zL/gk3b+O6hoa733uviP82vnFcbqWlc9tDmZa23LVzaV1yXURi+JX+28NeBuj3+O8IrQ080Vm1eWB4OKjPmrJu7c1udWynvKF6/vs479lSW9+5gZkn+dKfellNGDPllzeULustz+A0bPvhgw7lkvEUwn/N4Ty7U7nhGsEpFkOfy+kutbOh1JQxhVDJumoW11hnkPThznh6FFlhfT+ra1x9sF56kx5YuDzVY9PQYAYA7iblw4frQ4TPCk2MK/xGU3rlmze62trHz6lsko+v+So/do74PT8KVkpJfOErKcv8znrMGsHTNxoEkWy1mYgDB6XBbPaWsuiS6CryGaL6zCjaXBgvtkuyXBua1wOKnh+k7L9AvPnYWffxK18FcJbuosGf3/Jo7amY+CE1vppzY+UTrva0FXc1i55pKQ/YjVL187N5fCn1kW5uot/1hi+DiZ+5atnJR9E+prvydJ9ZZ5mwOpU5gM4KYysMBQ71UzPuMTl9QQOyUo5nwioeYCPjFklrbK6s6X+ypUZ6rum9+CZYzWRiBJfSP0xzzSmrg7f86g0DKVj/wwFzieD9rRfPGFbeKMl05pn5j9/rsQJJ2iEgRrpohlyBo3f4QK7Kl+EcAYZgAoNVmZWXK704YAa3FwBxgSGUOs5htvGRz4Sgj3yFkSJFBuv/sxu5yk998T8WDJzvv/2RX19HtTUW1S+wpKRKRjJ6zzz/1/OPdFdWGlAKbvzS4PHOtURikg9AGz0LbIB85S/cPOpoXvuue8/iV2H1vPTy3ddvOeZ37HGmO3OmSzVzR+NS53+84dHlFhXPLqtzSO+5ruHM2vXtBdxP87LOzKAD359j/INYIbyPabIi3Cq6Wa+SaGe78diIzu7qcblcAa6/fJRvNopXFJnO+U9KKM5bqH5LM0iQSVmpPCPDu7ZT4Aoubz3709EBTyrTDjyx8MQXgUH1nqm7TWng4TzE4i4AsKskBITXfSyC4Fkl5MxnJDiKSIDSJAsGvd1y+/eNDp2e+A+5d8HeiiunrTkT6TqWLIs+/QRoWr98s0qj8uuzLuS22Ytufg3rdTaHn1m46sfgGKHXt0MGnLaRHdnwN37tvHcWKo2V6lnPxL4UvUQcRdOzmZSQs8X5CH5OxXMXpkATuDz8Et0SH4uyCRR+TjmBDP1GvsVrWEGVzEj33YVQ9jAtIKpqsl/s/0xrocwAAeJxjYGRgYADig3cEzsTz23xl4GZnAIHLRucNkWl2BrA4BwMTiAIAF4IITwB4nGNgZGBgZwCChWASxGZkQAXyABOUANh4nGNnYGBgHyAMADa8ANoAAAAAAAAOAFAAZgCyAMYA5gEeAUgBdAGcAfICLgKOAroDCgOOA7AD6gQ4BHwEuAToBQwFogXoBjYGbAbaB3IHqHicY2BkYGCQZ8hlYGcAASYg5gJCBob/YD4DABbVAaoAeJxdkE1qg0AYhl8Tk9AIoVDaVSmzahcF87PMARLIMoFAl0ZHY1BHdBJIT9AT9AQ9RQ9Qeqy+yteNMzDzfM+88w0K4BY/cNAMB6N2bUaPPBLukybCLvleeAAPj8JD+hfhMV7hC3u4wxs7OO4NzQSZcI/8Ltwnfwi75E/hAR7wJTyk/xYeY49fYQ/PztM+jbTZ7LY6OWdBJdX/pqs6NYWa+zMxa13oKrA6Uoerqi/JwtpYxZXJ1coUVmeZUWVlTjq0/tHacjmdxuL90OR8O0UEDYMNdtiSEpz5XQGqzlm30kzUdAYFFOb8R7NOZk0q2lwAyz1i7oAr1xoXvrOgtYhZx8wY5KRV269JZ5yGpmzPTjQhvY9je6vEElPOuJP3mWKnP5M3V+YAAAB4nG2P2XLCMAxFfYFspGUp3Te+IB9lHJF4cOzUS2n/voaEGR6qB+lKo+WITdhga/a/bRnDBFPMkCBFhhwF5ihxg1sssMQKa9xhg3s84BFPeMYLXvGGd3zgE9tZr/hveXKVkFYoSnoeHJXfRoWOqi54mo9ameNFdrK+dLSyaVf7oJQTlkhXpD3Z5XXhR/rUfQVuKXO91Jps4cLOS6/I5YL3XhodRRsVWZe4NnZOhWnSAWgxhMoEr6SmzZieF43Mk7ZOBdeCVGrp9Eu+54J2xhySplfB5XHwQLXUmT9KH6+kPnQ7ZYuIEzNyfs1DLU1VU4SWZ6LkXGHsD1ZKbMw=) format("woff"), url(data:application/x-font-ttf;charset=utf-8;base64,AAEAAAAKAIAAAwAgT1MvMlGRXgUAAAEoAAAAVmNtYXDiMBC2AAAB/AAAAUpnbHlmW/HoBwAAA4gAAA9QaGVhZAyD6V8AAADQAAAANmhoZWEOogcgAAAArAAAACRobXR42QAAAAAAAYAAAAB8bG9jYTDINOoAAANIAAAAQG1heHABMAB5AAABCAAAACBuYW1l1cf1oAAAEtgAAAIKcG9zdGZEjeMAABTkAAABgQABAAAHAAAAAKEHAAAAAAAHAAABAAAAAAAAAAAAAAAAAAAAHwABAAAAAQAAwdxheF8PPPUACwcAAAAAANMyzzEAAAAA0zLPMQAAAAAHAAcAAAAACAACAAAAAAAAAAEAAAAfAG0ABwAAAAAAAgAAAAoACgAAAP8AAAAAAAAAAQcAAZAABQAIBHEE5gAAAPoEcQTmAAADXABXAc4AAAIABQMAAAAAAAAAAAAAAAAAAAAAAAAAAAAAUGZFZABA8QHxHgcAAAAAoQcAAAAAAAABAAAAAAAABwAAAAcAAAAHAAAABwAAAAcAAAAHAAAABwAAAAcAAAAHAAAABwAAAAcAAAAHAAAABwAAAAcAAAAHAAAABwAAAAcAAAAHAAAABwAAAAcAAAAHAAAABwAAAAcAAAAHAAAABwAAAAcAAAAHAAAABwAAAAcAAAAHAAAABwAAAAAAAAMAAAADAAAAHAABAAAAAABEAAMAAQAAABwABAAoAAAABgAEAAEAAgAA8R7//wAAAADxAf//AAAPAAABAAAAAAAAAAABBgAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAOAFAAZgCyAMYA5gEeAUgBdAGcAfICLgKOAroDCgOOA7AD6gQ4BHwEuAToBQwFogXoBjYGbAbaB3IHqAABAAAAAAWLBYsAAgAAAREBAlUDNgWL++oCCwAAAwAAAAAGawZrAAIADgAaAAAJAhMEAAMSAAUkABMCAAEmACc2ADcWABcGAALrAcD+QJX+w/5aCAgBpgE9AT0BpggI/lr+w/3+rgYGAVL9/QFSBgb+rgIwAVABUAGbCP5a/sP+w/5aCAgBpgE9AT0BpvrIBgFS/f0BUgYG/q79/f6uAAAAAgAAAAAFQAWLAAMABwAAASERKQERIREBwAEr/tUCVQErAXUEFvvqBBYAAAAEAAAAAAYgBiAABgATACQAJwAAAS4BJxUXNjcGBxc+ATUmACcVFhIBBwEhESEBEQEGBxU+ATcXNwEHFwTQAWVVuAO7AidxJSgF/t/lpc77t18BYf6fASsBdQE+TF1OijuZX/1gnJwDgGSeK6W4GBhqW3FGnFT0AWM4mjT+9AHrX/6f/kD+iwH2/sI7HZoSRDGYXwSWnJwAAAEAAAAABKsF1gAFAAABESEBEQECCwEqAXb+igRg/kD+iwSq/osAAAACAAAAAAVmBdYABgAMAAABLgEnET4BAREhAREBBWUBZVRUZfwRASsBdf6LA4Bkniv9piueAUT+QP6LBKr+iwAAAwAAAAAGIAYPAAUADAAaAAATESEBEQEFLgEnET4BAxUWEhcGAgcVNgA3JgDgASsBdf6LAsUBZVVVZbqlzgMDzqXlASEFBf7fBGD+QP6LBKr+i+Bkniv9piueAvOaNP70tbX+9DSaOAFi9fUBYgAAAAQAAAAABYsFiwAFAAsAEQAXAAABIxEhNSMDMzUzNSEBIxUhESMDFTMVMxECC5YBduCWluD+igOA4AF2luDglgLr/oqWAgrglvyAlgF2AqCW4AF2AAQAAAAABYsFiwAFAAsAEQAXAAABMxUzESETIxUhESMBMzUzNSETNSMRITUBdeCW/org4AF2lgHAluD+ipaWAXYCVeABdgHAlgF2++rglgHA4P6KlgAAAAACAAAAAAXWBdYADwATAAABIQ4BBxEeARchPgE3ES4BAyERIQVA/IA/VQEBVT8DgD9VAQFVP/yAA4AF1QFVP/yAP1UBAVU/A4A/VfvsA4AAAAYAAAAABmsGawAHAAwAEwAbACAAKAAACQEmJw4BBwElLgEnAQUhATYSNyYFAQYCBxYXIQUeARcBMwEWFz4BNwECvgFkTlSH8GEBEgOONemh/u4C5f3QAXpcaAEB/BP+3VxoAQEOAjD95DXpoQESeP7dTlSH8GH+7gPwAmgSAQFYUP4nd6X2Pv4nS/1zZAEBk01NAfhk/v+TTUhLpfY+Adn+CBIBAVhQAdkAAAAFAAAAAAZrBdYADwATABcAGwAfAAABIQ4BBxEeARchPgE3ES4BASEVIQEhNSEFITUhNSE1IQXV+1ZAVAICVEAEqkBUAgJU+xYBKv7WAur9FgLqAcD+1gEq/RYC6gXVAVU//IA/VQEBVT8DgD9V/ayV/tWVlZWWlQADAAAAAAYgBdYADwAnAD8AAAEhDgEHER4BFyE+ATcRLgEBIzUjFTM1MxUUBgcjLgEnET4BNzMeARUFIzUjFTM1MxUOAQcjLgE1ETQ2NzMeARcFi/vqP1QCAlQ/BBY/VAICVP1rcJWVcCog4CAqAQEqIOAgKgILcJWVcAEqIOAgKiog4CAqAQXVAVU//IA/VQEBVT8DgD9V/fcl4CVKICoBASogASogKgEBKiBKJeAlSiAqAQEqIAEqICoBASogAAAGAAAAAAYgBPYAAwAHAAsADwATABcAABMzNSMRMzUjETM1IwEhNSERITUhERUhNeCVlZWVlZUBKwQV++sEFfvrBBUDNZb+QJUBwJX+QJb+QJUCVZWVAAAAAQAAAAAGIAZsAC4AAAEiBgcBNjQnAR4BMz4BNy4BJw4BBxQXAS4BIw4BBx4BFzI2NwEGBx4BFz4BNy4BBUArSh797AcHAg8eTixffwICf19ffwIH/fEeTixffwICf18sTh4CFAUBA3tcXHsDA3sCTx8bATcZNhkBNB0gAn9fX38CAn9fGxn+zRwgAn9fX38CIBz+yhcaXHsCAntcXXsAAAIAAAAABlkGawBDAE8AAAE2NCc3PgEnAy4BDwEmLwEuASchDgEPAQYHJyYGBwMGFh8BBhQXBw4BFxMeAT8BFh8BHgEXIT4BPwE2NxcWNjcTNiYnBS4BJz4BNx4BFw4BBasFBZ4KBgeWBxkNujpEHAMUD/7WDxQCHEU5ug0aB5UHBQudBQWdCwUHlQcaDbo5RRwCFA8BKg8UAhxFOboNGgeVBwUL/ThvlAIClG9vlAIClAM3JEokewkaDQEDDAkFSy0cxg4RAQERDsYcLUsFCQz+/QwbCXskSiR7CRoN/v0MCQVLLRzGDhEBAREOxhwtSwUJDAEDDBsJQQKUb2+UAgKUb2+UAAAAAAEAAAAABmsGawALAAATEgAFJAATAgAlBACVCAGmAT0BPQGmCAj+Wv7D/sP+WgOA/sP+WggIAaYBPQE9AaYICP5aAAAAAgAAAAAGawZrAAsAFwAAAQQAAxIABSQAEwIAASYAJzYANxYAFwYAA4D+w/5aCAgBpgE9AT0BpggI/lr+w/3+rgYGAVL9/QFSBgb+rgZrCP5a/sP+w/5aCAgBpgE9AT0BpvrIBgFS/f0BUgYG/q79/f6uAAADAAAAAAZrBmsACwAXACMAAAEEAAMSAAUkABMCAAEmACc2ADcWABcGAAMOAQcuASc+ATceAQOA/sP+WggIAaYBPQE9AaYICP5a/sP9/q4GBgFS/f0BUgYG/q4dAn9fX38CAn9fX38Gawj+Wv7D/sP+WggIAaYBPQE9Aab6yAYBUv39AVIGBv6u/f3+rgJPX38CAn9fX38CAn8AAAAEAAAAAAYgBiAADwAbACUAKQAAASEOAQcRHgEXIT4BNxEuAQEjNSMVIxEzFTM1OwEhHgEXEQ4BByE3MzUjBYv76j9UAgJUPwQWP1QCAlT9a3CVcHCVcJYBKiAqAQEqIP7WcJWVBiACVD/76j9UAgJUPwQWP1T8gpWVAcC7uwEqIP7WICoBcOAAAgAAAAAGawZrAAsAFwAAAQQAAxIABSQAEwIAEwcJAScJATcJARcBA4D+w/5aCAgBpgE9AT0BpggI/lo4af70/vRpAQv+9WkBDAEMaf71BmsI/lr+w/7D/loICAGmAT0BPQGm/BFpAQv+9WkBDAEMaf71AQtp/vQAAQAAAAAF1ga2ABYAAAERCQERHgEXDgEHLgEnIxYAFzYANyYAA4D+iwF1vv0FBf2+vv0FlQYBUf7+AVEGBv6vBYsBKv6L/osBKgT9v779BQX9vv7+rwYGAVH+/gFRAAAAAQAAAAAFPwcAABQAAAERIyIGHQEhAyMRIREjETM1NDYzMgU/nVY8ASUn/v7O///QrZMG9P74SEi9/tj9CQL3ASjaus0AAAAABAAAAAAGjgcAADAARQBgAGwAAAEUHgMVFAcGBCMiJicmNTQ2NzYlLgE1NDcGIyImNTQ2Nz4BMyEHIx4BFRQOAycyNjc2NTQuAiMiBgcGFRQeAxMyPgI1NC4BLwEmLwImIyIOAxUUHgIBMxUjFSM1IzUzNTMDH0BbWkAwSP7qn4TlOSVZSoMBESAfFS4WlMtIP03TcAGiioNKTDFFRjGSJlAaNSI/akAqURkvFCs9WTY6a1s3Dg8THgocJU4QIDVob1M2RnF9A2vV1WnU1GkD5CRFQ1CATlpTenNTYDxHUYouUhIqQCkkMQTBlFKaNkJAWD+MWkhzRztAPiEbOWY6hn1SJyE7ZS5nZ1I0/JcaNF4+GTAkGCMLFx04Ag4kOF07Rms7HQNsbNvbbNkAAwAAAAAGgAZsAAMADgAqAAABESERARYGKwEiJjQ2MhYBESERNCYjIgYHBhURIRIQLwEhFSM+AzMyFgHd/rYBXwFnVAJSZGemZASP/rdRVj9VFQv+twIBAQFJAhQqR2c/q9AEj/whA98BMkliYpNhYfzd/cgCEml3RTMeM/3XAY8B8DAwkCAwOB/jAAABAAAAAAaUBgAAMQAAAQYHFhUUAg4BBCMgJxYzMjcuAScWMzI3LgE9ARYXLgE1NDcWBBcmNTQ2MzIXNjcGBzYGlENfAUyb1v7SrP7x4SMr4bBpph8hHCsqcJNETkJOLHkBW8YIvYaMYG1gJWldBWhiRQ4cgv797rdtkQSKAn1hBQsXsXUEJgMsjlNYS5WzCiYkhr1mFTlzPwoAAAABAAAAAAWABwAAIgAAARcOAQcGLgM1ESM1PgQ3PgE7AREhFSERFB4CNzYFMFAXsFlorXBOIahIckQwFAUBBwT0AU3+sg0gQzBOAc/tIz4BAjhceHg6AiDXGlddb1ctBQf+WPz9+h40NR4BAgABAAAAAAaABoAASgAAARQCBCMiJzY/AR4BMzI+ATU0LgEjIg4DFRQWFxY/ATY3NicmNTQ2MzIWFRQGIyImNz4CNTQmIyIGFRQXAwYXJgI1NBIkIAQSBoDO/p/Rb2s7EzYUaj15vmh34o5ptn9bK1BNHggIBgIGETPRqZepiWs9Sg4IJRc2Mj5WGWMRBM7+zgFhAaIBYc4DgNH+n84gXUfTJzmJ8JZyyH46YH2GQ2ieIAwgHxgGFxQ9WpfZpIOq7lc9I3VZHzJCclVJMf5eRmtbAXzp0QFhzs7+nwAABwAAAAAHAATPAA4AFwAqAD0AUABaAF0AAAERNh4CBw4BBwYmIycmNxY2NzYmBxEUBRY2Nz4BNy4BJyMGHwEeARcOARcWNjc+ATcuAScjBh8BHgEXFAYXFjY3PgE3LgEnIwYfAR4BFw4BBTM/ARUzESMGAyUVJwMchM2UWwgNq4JHrQgBAapUaAoJcWMBfiIhDiMrAQJLMB0BBAokNAIBPmMiIQ4iLAECSzAeAQUKJDQBP2MiIQ4iLAECSzAeAQUKJDQBAT75g+5B4arNLNIBJ44ByQL9BQ9mvYCKwA8FBQMDwwJVTGdzBf6VB8IHNR08lld9uT4LCRA/qGNxvUwHNR08lld9uT4LCRA/qGNxvUwHNR08lld9uT4LCRA/qGNxvVJkAWUDDEf+tYP5AQAAAAEAAAAABiAGtgAbAAABBAADER4BFzMRITU2ADcWABcVIREzPgE3EQIAA4D+4v6FBwJ/X+D+1QYBJ97eAScG/tXgX38CB/6FBrUH/oX+4v32X38CAlWV3gEnBgb+2d6V/asCf18CCgEeAXsAAAAAEADGAAEAAAAAAAEABwAAAAEAAAAAAAIABwAHAAEAAAAAAAMABwAOAAEAAAAAAAQABwAVAAEAAAAAAAUACwAcAAEAAAAAAAYABwAnAAEAAAAAAAoAKwAuAAEAAAAAAAsAEwBZAAMAAQQJAAEADgBsAAMAAQQJAAIADgB6AAMAAQQJAAMADgCIAAMAAQQJAAQADgCWAAMAAQQJAAUAFgCkAAMAAQQJAAYADgC6AAMAAQQJAAoAVgDIAAMAAQQJAAsAJgEeVmlkZW9KU1JlZ3VsYXJWaWRlb0pTVmlkZW9KU1ZlcnNpb24gMS4wVmlkZW9KU0dlbmVyYXRlZCBieSBzdmcydHRmIGZyb20gRm9udGVsbG8gcHJvamVjdC5odHRwOi8vZm9udGVsbG8uY29tAFYAaQBkAGUAbwBKAFMAUgBlAGcAdQBsAGEAcgBWAGkAZABlAG8ASgBTAFYAaQBkAGUAbwBKAFMAVgBlAHIAcwBpAG8AbgAgADEALgAwAFYAaQBkAGUAbwBKAFMARwBlAG4AZQByAGEAdABlAGQAIABiAHkAIABzAHYAZwAyAHQAdABmACAAZgByAG8AbQAgAEYAbwBuAHQAZQBsAGwAbwAgAHAAcgBvAGoAZQBjAHQALgBoAHQAdABwADoALwAvAGYAbwBuAHQAZQBsAGwAbwAuAGMAbwBtAAAAAgAAAAAAAAARAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAfAAABAgEDAQQBBQEGAQcBCAEJAQoBCwEMAQ0BDgEPARABEQESARMBFAEVARYBFwEYARkBGgEbARwBHQEeAR8EcGxheQtwbGF5LWNpcmNsZQVwYXVzZQt2b2x1bWUtbXV0ZQp2b2x1bWUtbG93CnZvbHVtZS1taWQLdm9sdW1lLWhpZ2gQZnVsbHNjcmVlbi1lbnRlcg9mdWxsc2NyZWVuLWV4aXQGc3F1YXJlB3NwaW5uZXIJc3VidGl0bGVzCGNhcHRpb25zCGNoYXB0ZXJzBXNoYXJlA2NvZwZjaXJjbGUOY2lyY2xlLW91dGxpbmUTY2lyY2xlLWlubmVyLWNpcmNsZQJoZAZjYW5jZWwGcmVwbGF5CGZhY2Vib29rBWdwbHVzCGxpbmtlZGluB3R3aXR0ZXIGdHVtYmxyCXBpbnRlcmVzdBFhdWRpby1kZXNjcmlwdGlvbgVhdWRpbwAAAAAA) format("truetype");
  font-weight: normal;
  font-style: normal;
}

.vjs-icon-play,
.video-js .vjs-big-play-button,
.video-js .vjs-play-control {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}

.vjs-icon-play:before,
.video-js .vjs-big-play-button:before,
.video-js .vjs-play-control:before {
  content: "\f101";
}

.vjs-icon-play-circle {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}

.vjs-icon-play-circle:before {
  content: "\f102";
}

.vjs-icon-pause,
.video-js .vjs-play-control.vjs-playing {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}

.vjs-icon-pause:before,
.video-js .vjs-play-control.vjs-playing:before {
  content: "\f103";
}

.vjs-icon-volume-mute,
.video-js .vjs-mute-control.vjs-vol-0,
.video-js .vjs-volume-menu-button.vjs-vol-0 {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}

.vjs-icon-volume-mute:before,
.video-js .vjs-mute-control.vjs-vol-0:before,
.video-js .vjs-volume-menu-button.vjs-vol-0:before {
  content: "\f104";
}

.vjs-icon-volume-low,
.video-js .vjs-mute-control.vjs-vol-1,
.video-js .vjs-volume-menu-button.vjs-vol-1 {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}

.vjs-icon-volume-low:before,
.video-js .vjs-mute-control.vjs-vol-1:before,
.video-js .vjs-volume-menu-button.vjs-vol-1:before {
  content: "\f105";
}

.vjs-icon-volume-mid,
.video-js .vjs-mute-control.vjs-vol-2,
.video-js .vjs-volume-menu-button.vjs-vol-2 {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}

.vjs-icon-volume-mid:before,
.video-js .vjs-mute-control.vjs-vol-2:before,
.video-js .vjs-volume-menu-button.vjs-vol-2:before {
  content: "\f106";
}

.vjs-icon-volume-high,
.video-js .vjs-mute-control,
.video-js .vjs-volume-menu-button {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}

.vjs-icon-volume-high:before,
.video-js .vjs-mute-control:before,
.video-js .vjs-volume-menu-button:before {
  content: "\f107";
}

.vjs-icon-fullscreen-enter,
.video-js .vjs-fullscreen-control {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}

.vjs-icon-fullscreen-enter:before,
.video-js .vjs-fullscreen-control:before {
  content: "\f108";
}

.vjs-icon-fullscreen-exit,
.video-js.vjs-fullscreen .vjs-fullscreen-control {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}

.vjs-icon-fullscreen-exit:before,
.video-js.vjs-fullscreen .vjs-fullscreen-control:before {
  content: "\f109";
}

.vjs-icon-square {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}

.vjs-icon-square:before {
  content: "\f10a";
}

.vjs-icon-spinner {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}

.vjs-icon-spinner:before {
  content: "\f10b";
}

.vjs-icon-subtitles,
.video-js .vjs-subtitles-button {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}

.vjs-icon-subtitles:before,
.video-js .vjs-subtitles-button:before {
  content: "\f10c";
}

.vjs-icon-captions,
.video-js .vjs-captions-button {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}

.vjs-icon-captions:before,
.video-js .vjs-captions-button:before {
  content: "\f10d";
}

.vjs-icon-chapters,
.video-js .vjs-chapters-button {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}

.vjs-icon-chapters:before,
.video-js .vjs-chapters-button:before {
  content: "\f10e";
}

.vjs-icon-share {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}

.vjs-icon-share:before {
  content: "\f10f";
}

.vjs-icon-cog {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}

.vjs-icon-cog:before {
  content: "\f110";
}

.vjs-icon-circle,
.video-js .vjs-mouse-display,
.video-js .vjs-play-progress,
.video-js .vjs-volume-level {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}

.vjs-icon-circle:before,
.video-js .vjs-mouse-display:before,
.video-js .vjs-play-progress:before,
.video-js .vjs-volume-level:before {
  content: "\f111";
}

.vjs-icon-circle-outline {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}

.vjs-icon-circle-outline:before {
  content: "\f112";
}

.vjs-icon-circle-inner-circle {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}

.vjs-icon-circle-inner-circle:before {
  content: "\f113";
}

.vjs-icon-hd {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}

.vjs-icon-hd:before {
  content: "\f114";
}

.vjs-icon-cancel,
.video-js .vjs-control.vjs-close-button {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}

.vjs-icon-cancel:before,
.video-js .vjs-control.vjs-close-button:before {
  content: "\f115";
}

.vjs-icon-replay {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}

.vjs-icon-replay:before {
  content: "\f116";
}

.vjs-icon-facebook {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}

.vjs-icon-facebook:before {
  content: "\f117";
}

.vjs-icon-gplus {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}

.vjs-icon-gplus:before {
  content: "\f118";
}

.vjs-icon-linkedin {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}

.vjs-icon-linkedin:before {
  content: "\f119";
}

.vjs-icon-twitter {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}

.vjs-icon-twitter:before {
  content: "\f11a";
}

.vjs-icon-tumblr {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}

.vjs-icon-tumblr:before {
  content: "\f11b";
}

.vjs-icon-pinterest {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}

.vjs-icon-pinterest:before {
  content: "\f11c";
}

.vjs-icon-audio-description,
.video-js .vjs-descriptions-button {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}

.vjs-icon-audio-description:before,
.video-js .vjs-descriptions-button:before {
  content: "\f11d";
}

.vjs-icon-audio,
.video-js .vjs-audio-button {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}

.vjs-icon-audio:before,
.video-js .vjs-audio-button:before {
  content: "\f11e";
}

.video-js {
  display: block;
  vertical-align: top;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: #fff;
  background-color: #000;
  position: relative;
  padding: 0;
  font-size: 10px;
  line-height: 1;
  font-weight: normal;
  font-style: normal;
  font-family: Arial, Helvetica, sans-serif;
}

.video-js:-moz-full-screen {
  position: absolute;
}

.video-js:-webkit-full-screen {
  width: 100% !important;
  height: 100% !important;
}

.video-js *,
.video-js *:before,
.video-js *:after {
  -webkit-box-sizing: inherit;
  box-sizing: inherit;
}

.video-js ul {
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
  list-style-position: outside;
  margin-left: 0;
  margin-right: 0;
  margin-top: 0;
  margin-bottom: 0;
}

.video-js.vjs-fluid,
.video-js.vjs-16-9,
.video-js.vjs-4-3 {
  width: 100%;
  max-width: 100%;
  height: 0;
}

.video-js.vjs-16-9 {
  padding-top: 56.25%;
}

.video-js.vjs-4-3 {
  padding-top: 75%;
}

.video-js.vjs-fill {
  width: 100%;
  height: 100%;
}

.video-js .vjs-tech {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

body.vjs-full-window {
  padding: 0;
  margin: 0;
  height: 100%;
  overflow-y: auto;
}

.vjs-full-window .video-js.vjs-fullscreen {
  position: fixed;
  overflow: hidden;
  z-index: 1000;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
}

.video-js.vjs-fullscreen {
  width: 100% !important;
  height: 100% !important;
  padding-top: 0 !important;
}

.video-js.vjs-fullscreen.vjs-user-inactive {
  cursor: none;
}

.vjs-hidden {
  display: none !important;
}

.vjs-disabled {
  opacity: 0.5;
  cursor: default;
}

.video-js .vjs-offscreen {
  height: 1px;
  left: -9999px;
  position: absolute;
  top: 0;
  width: 1px;
}

.vjs-lock-showing {
  display: block !important;
  opacity: 1;
  visibility: visible;
}

.vjs-no-js {
  padding: 20px;
  color: #fff;
  background-color: #000;
  font-size: 18px;
  font-family: Arial, Helvetica, sans-serif;
  text-align: center;
  width: 300px;
  height: 150px;
  margin: 0px auto;
}

.vjs-no-js a,
.vjs-no-js a:visited {
  color: #66A8CC;
}

.video-js .vjs-big-play-button {
  font-size: 3em;
  line-height: 1.5em;
  height: 1.5em;
  width: 3em;
  display: block;
  position: absolute;
  top: 10px;
  left: 10px;
  padding: 0;
  cursor: pointer;
  opacity: 1;
  border: 0.06666em solid #fff;
  background-color: #2B333F;
  background-color: rgba(43, 51, 63, 0.7);
  border-radius: 0.3em;
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
}

.vjs-big-play-centered .vjs-big-play-button {
  top: 50%;
  left: 50%;
  margin-top: -0.75em;
  margin-left: -1.5em;
}

.video-js:hover .vjs-big-play-button,
.video-js .vjs-big-play-button:focus {
  outline: 0;
  border-color: #fff;
  background-color: #73859f;
  background-color: rgba(115, 133, 159, 0.5);
  -webkit-transition: all 0s;
  transition: all 0s;
}

.vjs-controls-disabled .vjs-big-play-button,
.vjs-has-started .vjs-big-play-button,
.vjs-using-native-controls .vjs-big-play-button,
.vjs-error .vjs-big-play-button {
  display: none;
}

.vjs-has-started.vjs-paused.vjs-show-big-play-button-on-pause .vjs-big-play-button {
  display: block;
}

.video-js button {
  background: none;
  border: none;
  color: inherit;
  display: inline-block;
  overflow: visible;
  font-size: inherit;
  line-height: inherit;
  text-transform: none;
  text-decoration: none;
  -webkit-transition: none;
  transition: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

.video-js .vjs-control.vjs-close-button {
  cursor: pointer;
  height: 3em;
  position: absolute;
  right: 0;
  top: 0.5em;
  z-index: 2;
}

.vjs-menu-button {
  cursor: pointer;
}

.vjs-menu-button.vjs-disabled {
  cursor: default;
}

.vjs-workinghover .vjs-menu-button.vjs-disabled:hover .vjs-menu {
  display: none;
}

.vjs-menu .vjs-menu-content {
  display: block;
  padding: 0;
  margin: 0;
  overflow: auto;
  font-family: Arial, Helvetica, sans-serif;
}

.vjs-scrubbing .vjs-menu-button:hover .vjs-menu {
  display: none;
}

.vjs-menu li {
  list-style: none;
  margin: 0;
  padding: 0.2em 0;
  line-height: 1.4em;
  font-size: 1.2em;
  text-align: center;
  text-transform: lowercase;
}

.vjs-menu li.vjs-menu-item:focus,
.vjs-menu li.vjs-menu-item:hover {
  outline: 0;
  background-color: #73859f;
  background-color: rgba(115, 133, 159, 0.5);
}

.vjs-menu li.vjs-selected,
.vjs-menu li.vjs-selected:focus,
.vjs-menu li.vjs-selected:hover {
  background-color: #fff;
  color: #2B333F;
}

.vjs-menu li.vjs-menu-title {
  text-align: center;
  text-transform: uppercase;
  font-size: 1em;
  line-height: 2em;
  padding: 0;
  margin: 0 0 0.3em 0;
  font-weight: bold;
  cursor: default;
}

.vjs-menu-button-popup .vjs-menu {
  display: none;
  position: absolute;
  bottom: 0;
  width: 10em;
  left: -3em;
  height: 0em;
  margin-bottom: 1.5em;
  border-top-color: rgba(43, 51, 63, 0.7);
}

.vjs-menu-button-popup .vjs-menu .vjs-menu-content {
  background-color: #2B333F;
  background-color: rgba(43, 51, 63, 0.7);
  position: absolute;
  width: 100%;
  bottom: 1.5em;
  max-height: 15em;
}

.vjs-workinghover .vjs-menu-button-popup:hover .vjs-menu,
.vjs-menu-button-popup .vjs-menu.vjs-lock-showing {
  display: block;
}

.video-js .vjs-menu-button-inline {
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
  overflow: hidden;
}

.video-js .vjs-menu-button-inline:before {
  width: 2.222222222em;
}

.video-js .vjs-menu-button-inline:hover,
.video-js .vjs-menu-button-inline:focus,
.video-js .vjs-menu-button-inline.vjs-slider-active,
.video-js.vjs-no-flex .vjs-menu-button-inline {
  width: 12em;
}

.video-js .vjs-menu-button-inline.vjs-slider-active {
  -webkit-transition: none;
  transition: none;
}

.vjs-menu-button-inline .vjs-menu {
  opacity: 0;
  height: 100%;
  width: auto;
  position: absolute;
  left: 4em;
  top: 0;
  padding: 0;
  margin: 0;
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
}

.vjs-menu-button-inline:hover .vjs-menu,
.vjs-menu-button-inline:focus .vjs-menu,
.vjs-menu-button-inline.vjs-slider-active .vjs-menu {
  display: block;
  opacity: 1;
}

.vjs-no-flex .vjs-menu-button-inline .vjs-menu {
  display: block;
  opacity: 1;
  position: relative;
  width: auto;
}

.vjs-no-flex .vjs-menu-button-inline:hover .vjs-menu,
.vjs-no-flex .vjs-menu-button-inline:focus .vjs-menu,
.vjs-no-flex .vjs-menu-button-inline.vjs-slider-active .vjs-menu {
  width: auto;
}

.vjs-menu-button-inline .vjs-menu-content {
  width: auto;
  height: 100%;
  margin: 0;
  overflow: hidden;
}

.video-js .vjs-control-bar {
  display: none;
  width: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 3.0em;
  background-color: #2B333F;
  background-color: rgba(43, 51, 63, 0.7);
}

.vjs-has-started .vjs-control-bar {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  visibility: visible;
  opacity: 1;
  -webkit-transition: visibility 0.1s, opacity 0.1s;
  transition: visibility 0.1s, opacity 0.1s;
}

.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar {
  visibility: visible;
  opacity: 0;
  -webkit-transition: visibility 1s, opacity 1s;
  transition: visibility 1s, opacity 1s;
}

.vjs-controls-disabled .vjs-control-bar,
.vjs-using-native-controls .vjs-control-bar,
.vjs-error .vjs-control-bar {
  display: none !important;
}

.vjs-audio.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar {
  opacity: 1;
  visibility: visible;
}

.vjs-has-started.vjs-no-flex .vjs-control-bar {
  display: table;
}

.video-js .vjs-control {
  outline: none;
  position: relative;
  text-align: center;
  margin: 0;
  padding: 0;
  height: 100%;
  width: 4em;
  -webkit-box-flex: none;
  -ms-flex: none;
  flex: none;
}

.video-js .vjs-control:before {
  font-size: 1.8em;
  line-height: 1.67;
}

.video-js .vjs-control:focus:before,
.video-js .vjs-control:hover:before,
.video-js .vjs-control:focus {
  text-shadow: 0em 0em 1em white;
}

.video-js .vjs-control-text {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

.vjs-no-flex .vjs-control {
  display: table-cell;
  vertical-align: middle;
}

.video-js .vjs-custom-control-spacer {
  display: none;
}

.video-js .vjs-progress-control {
  -webkit-box-flex: auto;
  -ms-flex: auto;
  flex: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  min-width: 4em;
}

.vjs-live .vjs-progress-control {
  display: none;
}

.video-js .vjs-progress-holder {
  -webkit-box-flex: auto;
  -ms-flex: auto;
  flex: auto;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
  height: 0.3em;
}

.video-js .vjs-progress-control:hover .vjs-progress-holder {
  font-size: 1.666666666666666666em;
}

/* If we let the font size grow as much as everything else, the current time tooltip ends up
 ginormous. If you'd like to enable the current time tooltip all the time, this should be disabled
 to avoid a weird hitch when you roll off the hover. */

.video-js .vjs-progress-control:hover .vjs-time-tooltip,
.video-js .vjs-progress-control:hover .vjs-mouse-display:after,
.video-js .vjs-progress-control:hover .vjs-play-progress:after {
  font-family: Arial, Helvetica, sans-serif;
  visibility: visible;
  font-size: 0.6em;
}

.video-js .vjs-progress-holder .vjs-play-progress,
.video-js .vjs-progress-holder .vjs-load-progress,
.video-js .vjs-progress-holder .vjs-tooltip-progress-bar,
.video-js .vjs-progress-holder .vjs-load-progress div {
  position: absolute;
  display: block;
  height: 100%;
  margin: 0;
  padding: 0;
  width: 0;
  left: 0;
  top: 0;
}

.video-js .vjs-mouse-display:before {
  display: none;
}

.video-js .vjs-play-progress {
  background-color: #fff;
}

.video-js .vjs-play-progress:before {
  position: absolute;
  top: -0.333333333333333em;
  right: -0.5em;
  font-size: 0.9em;
}

.video-js .vjs-time-tooltip,
.video-js .vjs-mouse-display:after,
.video-js .vjs-play-progress:after {
  visibility: hidden;
  pointer-events: none;
  position: absolute;
  top: -3.4em;
  right: -1.9em;
  font-size: 0.9em;
  color: #000;
  content: attr(data-current-time);
  padding: 6px 8px 8px 8px;
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.8);
  border-radius: 0.3em;
}

.video-js .vjs-time-tooltip,
.video-js .vjs-play-progress:before,
.video-js .vjs-play-progress:after {
  z-index: 1;
}

.video-js .vjs-progress-control .vjs-keep-tooltips-inside:after {
  display: none;
}

.video-js .vjs-load-progress {
  background: #bfc7d3;
  background: rgba(115, 133, 159, 0.5);
}

.video-js .vjs-load-progress div {
  background: white;
  background: rgba(115, 133, 159, 0.75);
}

.video-js.vjs-no-flex .vjs-progress-control {
  width: auto;
}

.video-js .vjs-time-tooltip {
  display: inline-block;
  height: 2.4em;
  position: relative;
  float: right;
  right: -1.9em;
}

.vjs-tooltip-progress-bar {
  visibility: hidden;
}

.video-js .vjs-progress-control .vjs-mouse-display {
  display: none;
  position: absolute;
  width: 1px;
  height: 100%;
  background-color: #000;
  z-index: 1;
}

.vjs-no-flex .vjs-progress-control .vjs-mouse-display {
  z-index: 0;
}

.video-js .vjs-progress-control:hover .vjs-mouse-display {
  display: block;
}

.video-js.vjs-user-inactive .vjs-progress-control .vjs-mouse-display,
.video-js.vjs-user-inactive .vjs-progress-control .vjs-mouse-display:after {
  visibility: hidden;
  opacity: 0;
  -webkit-transition: visibility 1s, opacity 1s;
  transition: visibility 1s, opacity 1s;
}

.video-js.vjs-user-inactive.vjs-no-flex .vjs-progress-control .vjs-mouse-display,
.video-js.vjs-user-inactive.vjs-no-flex .vjs-progress-control .vjs-mouse-display:after {
  display: none;
}

.vjs-mouse-display .vjs-time-tooltip,
.video-js .vjs-progress-control .vjs-mouse-display:after {
  color: #fff;
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.8);
}

.video-js .vjs-slider {
  outline: 0;
  position: relative;
  cursor: pointer;
  padding: 0;
  margin: 0 0.45em 0 0.45em;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background-color: #73859f;
  background-color: rgba(115, 133, 159, 0.5);
}

.video-js .vjs-slider:focus {
  text-shadow: 0em 0em 1em white;
  -webkit-box-shadow: 0 0 1em #fff;
  box-shadow: 0 0 1em #fff;
}

.video-js .vjs-mute-control,
.video-js .vjs-volume-menu-button {
  cursor: pointer;
  -webkit-box-flex: none;
  -ms-flex: none;
  flex: none;
}

.video-js .vjs-volume-control {
  width: 5em;
  -webkit-box-flex: none;
  -ms-flex: none;
  flex: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.video-js .vjs-volume-bar {
  margin: 1.35em 0.45em;
}

.vjs-volume-bar.vjs-slider-horizontal {
  width: 5em;
  height: 0.3em;
}

.vjs-volume-bar.vjs-slider-vertical {
  width: 0.3em;
  height: 5em;
  margin: 1.35em auto;
}

.video-js .vjs-volume-level {
  position: absolute;
  bottom: 0;
  left: 0;
  background-color: #fff;
}

.video-js .vjs-volume-level:before {
  position: absolute;
  font-size: 0.9em;
}

.vjs-slider-vertical .vjs-volume-level {
  width: 0.3em;
}

.vjs-slider-vertical .vjs-volume-level:before {
  top: -0.5em;
  left: -0.3em;
}

.vjs-slider-horizontal .vjs-volume-level {
  height: 0.3em;
}

.vjs-slider-horizontal .vjs-volume-level:before {
  top: -0.3em;
  right: -0.5em;
}

.vjs-volume-bar.vjs-slider-vertical .vjs-volume-level {
  height: 100%;
}

.vjs-volume-bar.vjs-slider-horizontal .vjs-volume-level {
  width: 100%;
}

.vjs-menu-button-popup.vjs-volume-menu-button .vjs-menu {
  display: block;
  width: 0;
  height: 0;
  border-top-color: transparent;
}

.vjs-menu-button-popup.vjs-volume-menu-button-vertical .vjs-menu {
  left: 0.5em;
  height: 8em;
}

.vjs-menu-button-popup.vjs-volume-menu-button-horizontal .vjs-menu {
  left: -2em;
}

.vjs-menu-button-popup.vjs-volume-menu-button .vjs-menu-content {
  height: 0;
  width: 0;
  overflow-x: hidden;
  overflow-y: hidden;
}

.vjs-volume-menu-button-vertical:hover .vjs-menu-content,
.vjs-volume-menu-button-vertical:focus .vjs-menu-content,
.vjs-volume-menu-button-vertical.vjs-slider-active .vjs-menu-content,
.vjs-volume-menu-button-vertical .vjs-lock-showing .vjs-menu-content {
  height: 8em;
  width: 2.9em;
}

.vjs-volume-menu-button-horizontal:hover .vjs-menu-content,
.vjs-volume-menu-button-horizontal:focus .vjs-menu-content,
.vjs-volume-menu-button-horizontal .vjs-slider-active .vjs-menu-content,
.vjs-volume-menu-button-horizontal .vjs-lock-showing .vjs-menu-content {
  height: 2.9em;
  width: 8em;
}

.vjs-volume-menu-button.vjs-menu-button-inline .vjs-menu-content {
  background-color: transparent !important;
}

.vjs-poster {
  display: inline-block;
  vertical-align: middle;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: contain;
  background-color: #000000;
  cursor: pointer;
  margin: 0;
  padding: 0;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  height: 100%;
}

.vjs-poster img {
  display: block;
  vertical-align: middle;
  margin: 0 auto;
  max-height: 100%;
  padding: 0;
  width: 100%;
}

.vjs-has-started .vjs-poster {
  display: none;
}

.vjs-audio.vjs-has-started .vjs-poster {
  display: block;
}

.vjs-using-native-controls .vjs-poster {
  display: none;
}

.video-js .vjs-live-control {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: flex-start;
  -ms-flex-align: flex-start;
  align-items: flex-start;
  -webkit-box-flex: auto;
  -ms-flex: auto;
  flex: auto;
  font-size: 1em;
  line-height: 3em;
}

.vjs-no-flex .vjs-live-control {
  display: table-cell;
  width: auto;
  text-align: left;
}

.video-js .vjs-time-control {
  -webkit-box-flex: none;
  -ms-flex: none;
  flex: none;
  font-size: 1em;
  line-height: 3em;
  min-width: 2em;
  width: auto;
  padding-left: 1em;
  padding-right: 1em;
}

.vjs-live .vjs-time-control {
  display: none;
}

.video-js .vjs-current-time,
.vjs-no-flex .vjs-current-time {
  display: none;
}

.video-js .vjs-duration,
.vjs-no-flex .vjs-duration {
  display: none;
}

.vjs-time-divider {
  display: none;
  line-height: 3em;
}

.vjs-live .vjs-time-divider {
  display: none;
}

.video-js .vjs-play-control {
  cursor: pointer;
  -webkit-box-flex: none;
  -ms-flex: none;
  flex: none;
}

.vjs-text-track-display {
  position: absolute;
  bottom: 3em;
  left: 0;
  right: 0;
  top: 0;
  pointer-events: none;
}

.video-js.vjs-user-inactive.vjs-playing .vjs-text-track-display {
  bottom: 1em;
}

.video-js .vjs-text-track {
  font-size: 1.4em;
  text-align: center;
  margin-bottom: 0.1em;
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.5);
}

.vjs-subtitles {
  color: #fff;
}

.vjs-captions {
  color: #fc6;
}

.vjs-tt-cue {
  display: block;
}

video::-webkit-media-text-track-display {
  -webkit-transform: translateY(-3em);
  transform: translateY(-3em);
}

.video-js.vjs-user-inactive.vjs-playing video::-webkit-media-text-track-display {
  -webkit-transform: translateY(-1.5em);
  transform: translateY(-1.5em);
}

.video-js .vjs-fullscreen-control {
  cursor: pointer;
  -webkit-box-flex: none;
  -ms-flex: none;
  flex: none;
}

.vjs-playback-rate .vjs-playback-rate-value {
  font-size: 1.5em;
  line-height: 2;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  text-align: center;
}

.vjs-playback-rate .vjs-menu {
  width: 4em;
  left: 0em;
}

.vjs-error .vjs-error-display .vjs-modal-dialog-content {
  font-size: 1.4em;
  text-align: center;
}

.vjs-error .vjs-error-display:before {
  color: #fff;
  content: 'X';
  font-family: Arial, Helvetica, sans-serif;
  font-size: 4em;
  left: 0;
  line-height: 1;
  margin-top: -0.5em;
  position: absolute;
  text-shadow: 0.05em 0.05em 0.1em #000;
  text-align: center;
  top: 50%;
  vertical-align: middle;
  width: 100%;
}

.vjs-loading-spinner {
  display: none;
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -25px 0 0 -25px;
  opacity: 0.85;
  text-align: left;
  border: 6px solid rgba(43, 51, 63, 0.7);
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background-clip: padding-box;
  width: 50px;
  height: 50px;
  border-radius: 25px;
}

.vjs-seeking .vjs-loading-spinner,
.vjs-waiting .vjs-loading-spinner {
  display: block;
}

.vjs-loading-spinner:before,
.vjs-loading-spinner:after {
  content: "";
  position: absolute;
  margin: -6px;
  -webkit-box-sizing: inherit;
  box-sizing: inherit;
  width: inherit;
  height: inherit;
  border-radius: inherit;
  opacity: 1;
  border: inherit;
  border-color: transparent;
  border-top-color: white;
}

.vjs-seeking .vjs-loading-spinner:before,
.vjs-seeking .vjs-loading-spinner:after,
.vjs-waiting .vjs-loading-spinner:before,
.vjs-waiting .vjs-loading-spinner:after {
  -webkit-animation: vjs-spinner-spin 1.1s cubic-bezier(0.6, 0.2, 0, 0.8) infinite, vjs-spinner-fade 1.1s linear infinite;
  animation: vjs-spinner-spin 1.1s cubic-bezier(0.6, 0.2, 0, 0.8) infinite, vjs-spinner-fade 1.1s linear infinite;
}

.vjs-seeking .vjs-loading-spinner:before,
.vjs-waiting .vjs-loading-spinner:before {
  border-top-color: white;
}

.vjs-seeking .vjs-loading-spinner:after,
.vjs-waiting .vjs-loading-spinner:after {
  border-top-color: white;
  -webkit-animation-delay: 0.44s;
  animation-delay: 0.44s;
}

@keyframes vjs-spinner-spin {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@-webkit-keyframes vjs-spinner-spin {
  100% {
    -webkit-transform: rotate(360deg);
  }
}

@keyframes vjs-spinner-fade {
  0% {
    border-top-color: #73859f;
  }

  20% {
    border-top-color: #73859f;
  }

  35% {
    border-top-color: white;
  }

  60% {
    border-top-color: #73859f;
  }

  100% {
    border-top-color: #73859f;
  }
}

@-webkit-keyframes vjs-spinner-fade {
  0% {
    border-top-color: #73859f;
  }

  20% {
    border-top-color: #73859f;
  }

  35% {
    border-top-color: white;
  }

  60% {
    border-top-color: #73859f;
  }

  100% {
    border-top-color: #73859f;
  }
}

.vjs-chapters-button .vjs-menu ul {
  width: 24em;
}

.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-custom-control-spacer {
  -webkit-box-flex: auto;
  -ms-flex: auto;
  flex: auto;
}

.video-js.vjs-layout-tiny:not(.vjs-fullscreen).vjs-no-flex .vjs-custom-control-spacer {
  width: auto;
}

.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-current-time,
.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-time-divider,
.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-duration,
.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-remaining-time,
.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-playback-rate,
.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-progress-control,
.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-mute-control,
.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-volume-control,
.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-volume-menu-button,
.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-chapters-button,
.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-descriptions-button,
.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-captions-button,
.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-subtitles-button,
.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-audio-button {
  display: none;
}

.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-current-time,
.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-time-divider,
.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-duration,
.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-remaining-time,
.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-playback-rate,
.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-mute-control,
.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-volume-control,
.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-volume-menu-button,
.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-chapters-button,
.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-descriptions-button,
.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-captions-button,
.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-subtitles-button,
.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-audio-button {
  display: none;
}

.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-current-time,
.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-time-divider,
.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-duration,
.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-remaining-time,
.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-playback-rate,
.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-mute-control,
.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-volume-control,
.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-chapters-button,
.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-descriptions-button,
.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-captions-button,
.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-subtitles-button .vjs-audio-button {
  display: none;
}

.vjs-caption-settings {
  position: relative;
  top: 1em;
  background-color: #2B333F;
  background-color: rgba(43, 51, 63, 0.75);
  color: #fff;
  margin: 0 auto;
  padding: 0.5em;
  height: 16em;
  font-size: 12px;
  width: 40em;
}

.vjs-caption-settings .vjs-tracksettings {
  top: 0;
  bottom: 1em;
  left: 0;
  right: 0;
  position: absolute;
  overflow: auto;
}

.vjs-caption-settings .vjs-tracksettings-colors,
.vjs-caption-settings .vjs-tracksettings-font {
  float: left;
}

.vjs-caption-settings .vjs-tracksettings-colors:after,
.vjs-caption-settings .vjs-tracksettings-font:after,
.vjs-caption-settings .vjs-tracksettings-controls:after {
  clear: both;
}

.vjs-caption-settings .vjs-tracksettings-controls {
  position: absolute;
  bottom: 1em;
  right: 1em;
}

.vjs-caption-settings .vjs-tracksetting {
  margin: 5px;
  padding: 3px;
  min-height: 40px;
  border: none;
}

.vjs-caption-settings .vjs-tracksetting label,
.vjs-caption-settings .vjs-tracksetting legend {
  display: block;
  width: 100px;
  margin-bottom: 5px;
}

.vjs-caption-settings .vjs-tracksetting span {
  display: inline;
  margin-left: 5px;
  vertical-align: top;
  float: right;
}

.vjs-caption-settings .vjs-tracksetting > div {
  margin-bottom: 5px;
  min-height: 20px;
}

.vjs-caption-settings .vjs-tracksetting > div:last-child {
  margin-bottom: 0;
  padding-bottom: 0;
  min-height: 0;
}

.vjs-caption-settings label > input {
  margin-right: 10px;
}

.vjs-caption-settings fieldset {
  margin-top: 1em;
  margin-left: .5em;
}

.vjs-caption-settings fieldset .vjs-label {
  position: absolute;
  clip: rect(1px 1px 1px 1px);
  /* for Internet Explorer */
  clip: rect(1px, 1px, 1px, 1px);
  padding: 0;
  border: 0;
  height: 1px;
  width: 1px;
  overflow: hidden;
}

.vjs-caption-settings input[type="button"] {
  width: 40px;
  height: 40px;
}

.video-js .vjs-modal-dialog {
  background: rgba(0, 0, 0, 0.8);
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.8)), to(rgba(255, 255, 255, 0)));
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.8), rgba(255, 255, 255, 0));
}

.vjs-modal-dialog .vjs-modal-dialog-content {
  font-size: 1.2em;
  line-height: 1.5;
  padding: 20px 24px;
  z-index: 1;
}

@media print {
  .video-js > *:not(.vjs-tech):not(.vjs-poster) {
    visibility: hidden;
  }
}

@media \0screen {
  .vjs-user-inactive.vjs-playing .vjs-control-bar :before {
    content: "";
  }
}

@media \0screen {
  .vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar {
    visibility: hidden;
  }
}
/* Variables */

/* Colors */

/* Fonts */

/* Fonts */

/* Sizes */

/* mixins defaults */

/* Screens */

/* Others */

/* From Krzysiek */

/* vip page swiper */

/*! normalize.css v3.0.2 | MIT License | git.io/normalize */

/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */

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

/**
 * Remove default margin.
 */

body {
  margin: 0;
}

/* HTML5 display definitions
   ========================================================================== */

/**
 * Correct `block` display not defined for any HTML5 element in IE 8/9.
 * Correct `block` display not defined for `details` or `summary` in IE 10/11
 * and Firefox.
 * Correct `block` display not defined for `main` in IE 11.
 */

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

/**
 * 1. Correct `inline-block` display not defined in IE 8/9.
 * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
 */

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

/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */

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

/**
 * Address `[hidden]` styling not present in IE 8/9/10.
 * Hide the `template` element in IE 8/9/11, Safari, and Firefox < 22.
 */

[hidden],
template {
  display: none;
}

/* Links
   ========================================================================== */

/**
 * Remove the gray background color from active links in IE 10.
 */

a {
  background-color: transparent;
}

/**
 * Improve readability when focused and also mouse hovered in all browsers.
 */

a:active,
a:hover {
  outline: 0;
}

/* Text-level semantics
   ========================================================================== */

/**
 * Address styling not present in IE 8/9/10/11, Safari, and Chrome.
 */

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

/**
 * Address style set to `bolder` in Firefox 4+, Safari, and Chrome.
 */

b,
strong {
  font-weight: bold;
}

/**
 * Address styling not present in Safari and Chrome.
 */

dfn {
  font-style: italic;
}

/**
 * Address variable `h1` font-size and margin within `section` and `article`
 * contexts in Firefox 4+, Safari, and Chrome.
 */

h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/**
 * Address styling not present in IE 8/9.
 */

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

/**
 * Address inconsistent and variable font size in all browsers.
 */

small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` affecting `line-height` in all browsers.
 */

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

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

/* Embedded content
   ========================================================================== */

/**
 * Remove border when inside `a` element in IE 8/9/10.
 */

img {
  border: 0;
}

/**
 * Correct overflow not hidden in IE 9/10/11.
 */

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

/* Grouping content
   ========================================================================== */

/**
 * Address margin not present in IE 8/9 and Safari.
 */

figure {
  margin: 1em 40px;
}

/**
 * Address differences between Firefox and other browsers.
 */

hr {
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  height: 0;
}

/**
 * Contain overflow in all browsers.
 */

pre {
  overflow: auto;
}

/**
 * Address odd `em`-unit font size rendering in all browsers.
 */

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

/* Forms
   ========================================================================== */

/**
 * Known limitation: by default, Chrome and Safari on OS X allow very limited
 * styling of `select`, unless a `border` property is set.
 */

/**
 * 1. Correct color not being inherited.
 *    Known issue: affects color of disabled elements.
 * 2. Correct font properties not being inherited.
 * 3. Address margins set differently in Firefox 4+, Safari, and Chrome.
 */

button,
input,
optgroup,
select,
textarea {
  color: inherit;
  /* 1 */
  font: inherit;
  /* 2 */
  margin: 0;
  /* 3 */
}

/**
 * Address `overflow` set to `hidden` in IE 8/9/10/11.
 */

button {
  overflow: visible;
}

/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.
 * Correct `select` style inheritance in Firefox.
 */

button,
select {
  text-transform: none;
}

/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 */

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

/**
 * Re-set default cursor for disabled elements.
 */

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

/**
 * Remove inner padding and border in Firefox 4+.
 */

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

/**
 * Address Firefox 4+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */

input {
  line-height: normal;
}

/**
 * It's recommended that you don't attempt to style these elements.
 * Firefox's implementation doesn't respect box-sizing, padding, or width.
 *
 * 1. Address box sizing set to `content-box` in IE 8/9/10.
 * 2. Remove excess padding in IE 8/9/10.
 */

input[type="checkbox"],
input[type="radio"] {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */
}

/**
 * Fix the cursor style for Chrome's increment/decrement buttons. For certain
 * `font-size` values of the `input`, it causes the cursor style of the
 * decrement button to change from `default` to `text`.
 */

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

/**
 * 1. Address `appearance` set to `searchfield` in Safari and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari and Chrome
 *    (include `-moz` to future-proof).
 */

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

/**
 * Remove inner padding and search cancel button in Safari and Chrome on OS X.
 * Safari (but not Chrome) clips the cancel button when the search input has
 * padding (and `textfield` appearance).
 */

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

/**
 * Define consistent border, margin, and padding.
 */

fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}

/**
 * 1. Correct `color` not being inherited in IE 8/9/10/11.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 */

legend {
  border: 0;
  /* 1 */
  padding: 0;
  /* 2 */
}

/**
 * Remove default vertical scrollbar in IE 8/9/10/11.
 */

textarea {
  overflow: auto;
}

/**
 * Don't inherit the `font-weight` (applied by a rule above).
 * NOTE: the default cannot safely be changed in Chrome and Safari on OS X.
 */

optgroup {
  font-weight: bold;
}

/* Tables
   ========================================================================== */

/**
 * Remove most spacing between table cells.
 */

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

td,
th {
  padding: 0;
}

@font-face {
  font-family: 'AvenirNextLTProBold';
  src: url("./fonts/AvenirNextLTPro-Bold.eot");
  src: url("./fonts/AvenirNextLTPro-Bold.eot?#iefix") format("embedded-opentype"), url("./fonts/AvenirNextLTPro-Bold.woff") format("woff"), url("./fonts/AvenirNextLTPro-Bold.svg#AvenirNextLTProBold") format("svg");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'AvenirNextLTProRegular';
  src: url("./fonts/AvenirNextLTPro-Regular.eot");
  src: url("./fonts/AvenirNextLTPro-Regular.eot?#iefix") format("embedded-opentype"), url("./fonts/AvenirNextLTPro-Regular.woff") format("woff"), url("./fonts/AvenirNextLTPro-Regular.svg#AvenirNextLTProRegular") format("svg");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'AvenirNextLTProIt';
  src: url("./fonts/AvenirNextLTPro-It.eot");
  src: url("./fonts/AvenirNextLTPro-It.eot?#iefix") format("embedded-opentype"), url("./fonts/AvenirNextLTPro-It.woff") format("woff"), url("./fonts/AvenirNextLTPro-It.svg#AvenirNextLTProIt") format("svg");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'AvenirNextLTProBoldCn';
  src: url("./fonts/AvenirNextLTPro-BoldCn.eot");
  src: url("./fonts/AvenirNextLTPro-BoldCn.eot?#iefix") format("embedded-opentype"), url("./fonts/AvenirNextLTPro-BoldCn.woff") format("woff"), url("./fonts/AvenirNextLTPro-BoldCn.svg#AvenirNextLTProBoldCn") format("svg");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'AvenirNextLTProBoldCnIt';
  src: url("./fonts/AvenirNextLTPro-BoldCnIt.eot");
  src: url("./fonts/AvenirNextLTPro-BoldCnIt.eot?#iefix") format("embedded-opentype"), url("./fonts/AvenirNextLTPro-BoldCnIt.woff") format("woff"), url("./fonts/AvenirNextLTPro-BoldCnIt.svg#AvenirNextLTProBoldCnIt") format("svg");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'AvenirNextLTProCn';
  src: url("./fonts/AvenirNextLTPro-Cn.eot");
  src: url("./fonts/AvenirNextLTPro-Cn.eot?#iefix") format("embedded-opentype"), url("./fonts/AvenirNextLTPro-Cn.woff") format("woff"), url("./fonts/AvenirNextLTPro-Cn.svg#AvenirNextLTProCn") format("svg");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'AvenirNextLTProCnIt';
  src: url("./fonts/AvenirNextLTPro-CnIt.eot");
  src: url("./fonts/AvenirNextLTPro-CnIt.eot?#iefix") format("embedded-opentype"), url("./fonts/AvenirNextLTPro-CnIt.woff") format("woff"), url("./fonts/AvenirNextLTPro-CnIt.svg#AvenirNextLTProCnIt") format("svg");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'AvenirNextLTProDemi';
  src: url("./fonts/AvenirNextLTPro-Demi.eot");
  src: url("./fonts/AvenirNextLTPro-Demi.eot?#iefix") format("embedded-opentype"), url("./fonts/AvenirNextLTPro-Demi.woff") format("woff"), url("./fonts/AvenirNextLTPro-Demi.svg#AvenirNextLTProDemi") format("svg");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'AvenirNextLTProDemiIt';
  src: url("./fonts/AvenirNextLTPro-DemiIt.eot");
  src: url("./fonts/AvenirNextLTPro-DemiIt.eot?#iefix") format("embedded-opentype"), url("./fonts/AvenirNextLTPro-DemiIt.woff") format("woff"), url("./fonts/AvenirNextLTPro-DemiIt.svg#AvenirNextLTProDemiIt") format("svg");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'AvenirNextLTProDemiCn';
  src: url("./fonts/AvenirNextLTPro-DemiCn.eot");
  src: url("./fonts/AvenirNextLTPro-DemiCn.eot?#iefix") format("embedded-opentype"), url("./fonts/AvenirNextLTPro-DemiCn.woff") format("woff"), url("./fonts/AvenirNextLTPro-DemiCn.svg#AvenirNextLTProDemiCn") format("svg");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'AvenirNextLTProDemiCnIt';
  src: url("./fonts/AvenirNextLTPro-DemiCnIt.eot");
  src: url("./fonts/AvenirNextLTPro-DemiCnIt.eot?#iefix") format("embedded-opentype"), url("./fonts/AvenirNextLTPro-DemiCnIt.woff") format("woff"), url("./fonts/AvenirNextLTPro-DemiCnIt.svg#AvenirNextLTProDemiCnIt") format("svg");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'AvenirNextLTProHeavyCn';
  src: url("./fonts/AvenirNextLTPro-HeavyCn.eot");
  src: url("./fonts/AvenirNextLTPro-HeavyCn.eot?#iefix") format("embedded-opentype"), url("./fonts/AvenirNextLTPro-HeavyCn.woff") format("woff"), url("./fonts/AvenirNextLTPro-HeavyCn.svg#AvenirNextLTProHeavyCn") format("svg");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'AvenirNextLTProHeavyCnIt';
  src: url("./fonts/AvenirNextLTPro-HeavyCnIt.eot");
  src: url("./fonts/AvenirNextLTPro-HeavyCnIt.eot?#iefix") format("embedded-opentype"), url("./fonts/AvenirNextLTPro-HeavyCnIt.woff") format("woff"), url("./fonts/AvenirNextLTPro-HeavyCnIt.svg#AvenirNextLTProHeavyCnIt") format("svg");
  font-weight: normal;
  font-style: normal;
}

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

@font-face {
  font-family: 'MontserratLight';
  src: url("./fonts/Montserrat-Light.eot");
  src: url("./fonts/Montserrat-Light.eot?#iefix") format("embedded-opentype"), url("./fonts/Montserrat-Light.woff") format("woff"), url("./fonts/Montserrat-Light.svg#MontserratLight") format("svg");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'MontserratBold';
  src: url("./fonts/Montserrat-Bold.eot");
  src: url("./fonts/Montserrat-Bold.eot?#iefix") format("embedded-opentype"), url("./fonts/Montserrat-Bold.woff") format("woff"), url("./fonts/Montserrat-Bold.svg#MontserratBold") format("svg");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'MontserratBlack';
  src: url("./fonts/Montserrat-Black.eot");
  src: url("./fonts/Montserrat-Black.eot?#iefix") format("embedded-opentype"), url("./fonts/Montserrat-Black.woff") format("woff"), url("./fonts/Montserrat-Black.svg#MontserratBlack") format("svg");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'MontserratHairline';
  src: url("./fonts/Montserrat-Hairline.eot");
  src: url("./fonts/Montserrat-Hairline.eot?#iefix") format("embedded-opentype"), url("./fonts/Montserrat-Hairline.woff") format("woff"), url("./fonts/Montserrat-Hairline.svg#MontserratHairline") format("svg");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'PlayFairDisplayBlack';
  src: url("./fonts/Playfair-Display-Black.eot");
  src: url("./fonts/Playfair-Display-Black.eot?#iefix") format("embedded-opentype"), url("./fonts/Playfair-Display-Black.woff") format("woff"), url("./fonts/Playfair-Display-Black.svg#PlayfairDisplayBlack") format("svg");
  font-weight: normal;
  font-style: normal;
}

html {
  font-size: 10px;
  -ms-overflow-style: scrollbar;
  -webkit-tap-highlight-color: transparent;
}

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

body {
  margin: 0;
  font-family: 'MontserratLight';
  background: #000;
  color: #65696C;
  min-width: 320px;
  font-size: 1.2rem;
}

@media screen and (min-width: 1400px) {
  body {
    font-size: 1.6rem;
  }
}

body p {
  margin: 0;
  padding: 0;
}

body.overflow-hidden {
  overflow: hidden;
}

button {
  border: none;
  outline: none;
  background: none;
}

a {
  text-decoration: none;
}

a:hover {
  text-decoration: none;
}

.not-allowed {
  cursor: not-allowed !important;
}

input[type=number] {
  -moz-appearance: textfield;
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
}

.noselect,
.page-vip .benefits-swiper-container {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

@media screen and (max-width: 480px) {
  .hidden-xs {
    display: none !important;
  }
}

.Button {
  font-family: 'AvenirNextLTProBold';
  font-weight: 500;
  border: 2px solid transparent;
  min-height: 3.75rem;
  font-size: 1.2rem;
  line-height: 1.5rem;
  padding: 1.125rem 1.5rem;
  border-radius: 3.75rem;
  display: inline-block;
  text-transform: uppercase;
  letter-spacing: 0.03125em;
  -webkit-transition: all 0.25s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
  transition: all 0.25s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
  cursor: pointer;
  text-decoration: none;
  text-align: center;
}

.ButtonCircle {
  height: 3.75rem;
  width: 3.75rem;
  line-height: 3.75rem;
  padding: 0;
}

.ButtonMedium {
  height: 2.875rem;
  width: 2.875rem;
  line-height: 2.875rem;
  border-radius: 2.875rem;
}

.ButtonMedium.ButtonCircle {
  min-height: 2.875rem;
  height: 2.875rem;
}

.ButtonDefault {
  border-color: #71757d;
  color: #71757d;
  background: transparent;
}

.ButtonDefault:hover {
  border-color: #71757d;
  color: #FFF;
  background: rgba(113, 117, 125, 0.5);
}

.ButtonDefault:focus,
.ButtonDefault:active {
  color: #FFF;
  background: #71757d;
}

.ButtonPrimary {
  border-color: #00ae75;
  color: #FFF;
  background: transparent;
}

.ButtonPrimary:hover {
  border-color: #00ae75;
  color: #FFF;
  background: rgba(0, 174, 117, 0.5);
}

.ButtonPrimary:focus,
.ButtonPrimary:active {
  background: #00ae75;
}

.ButtonSecondary {
  border-color: #4083c9;
  color: #FFF;
  background: transparent;
}

.ButtonSecondary:hover {
  border-color: #4083c9;
  color: #FFF;
  background: rgba(64, 131, 201, 0.5);
}

.ButtonSecondary:focus,
.ButtonSecondary:active {
  background: #4083c9;
}

.ButtonGold {
  border-color: #cab23f;
  color: #FFF;
  background: transparent;
}

.ButtonGold:hover {
  border-color: #cab23f;
  color: #FFF;
  background: rgba(202, 178, 63, 0.5);
}

.ButtonGold:focus,
.ButtonGold:active {
  background: #cab23f;
}

.ButtonOneBorder {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
  -ms-flex-direction: column-reverse;
  flex-direction: column-reverse;
}

.ButtonOneBorder-button {
  margin: 0;
  padding: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.ButtonOneBorder-button:hover {
  cursor: pointer;
}

.ButtonOneBorder-button a {
  display: block;
}

.ButtonOneBorder-label {
  font-family: 'AvenirNextLTProBold';
  white-space: nowrap;
  padding: 0 0 1rem;
  font-size: 1.8rem;
  color: #ffffff;
}

.ButtonOneBorder.ButtonOneBorder-primary .ButtonOneBorder-labelBorder {
  background: #00ae75;
}

.ButtonOneBorder.ButtonOneBorder-secondary .ButtonOneBorder-labelBorder {
  background: #4083c9;
}

.ButtonOneBorder.ButtonOneBorder-orange .ButtonOneBorder-labelBorder {
  background: #ff9900;
}

.ButtonOneBorder-labelBorder {
  width: 100%;
  height: 0.3rem;
  background: #00ae75;
}

.ButtonOneBorder.ButtonOneBorder-left {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
}

.ButtonOneBorder.ButtonOneBorder-left .ButtonOneBorder-labelBorder {
  width: 0;
  height: 3rem;
  background: #00ae75;
  -webkit-transition: width 0.2s linear;
  transition: width 0.2s linear;
}

.ButtonOneBorder.ButtonOneBorder-left .ButtonOneBorder-label {
  padding: 0;
}

.ButtonOneBorder.ButtonOneBorder-top {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

@media screen and (min-width: 1000px) {
  .ButtonOneBorder-labelBorder {
    width: 0;
    -webkit-align-self: flex-start;
    -ms-flex-item-align: start;
    align-self: flex-start;
  }

  .ButtonOneBorder-label {
    font-size: 2rem;
  }

  .ButtonOneBorder--active .ButtonOneBorder-label,
  .ButtonOneBorder:hover .ButtonOneBorder-label {
    color: #ffffff;
  }

  .ButtonOneBorder--active.ButtonOneBorder-primary .ButtonOneBorder-label,
  .ButtonOneBorder:hover.ButtonOneBorder-primary .ButtonOneBorder-label {
    color: #00ae75;
  }

  .ButtonOneBorder--active.ButtonOneBorder-secondary .ButtonOneBorder-label,
  .ButtonOneBorder:hover.ButtonOneBorder-secondary .ButtonOneBorder-label {
    color: #4083c9;
  }

  .ButtonOneBorder--active.ButtonOneBorder-orange .ButtonOneBorder-label,
  .ButtonOneBorder:hover.ButtonOneBorder-orange .ButtonOneBorder-label {
    color: #ff9900;
  }

  .ButtonOneBorder--active .ButtonOneBorder-labelBorder,
  .ButtonOneBorder:hover .ButtonOneBorder-labelBorder {
    -webkit-transition: width 0.5s ease-in;
    transition: width 0.5s ease-in;
    width: 100%;
  }

  .ButtonOneBorder--active.ButtonOneBorder-left,
  .ButtonOneBorder:hover.ButtonOneBorder-left {
    background: #090f14;
  }

  .ButtonOneBorder--active.ButtonOneBorder-left .ButtonOneBorder-labelBorder,
  .ButtonOneBorder:hover.ButtonOneBorder-left .ButtonOneBorder-labelBorder {
    -webkit-transition: width 0.2s linear;
    transition: width 0.2s linear;
    width: 0.5rem;
    height: 3rem;
  }
}

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

[data-icon]:before {
  font-family: "icons" !important;
  content: attr(data-icon);
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

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

.icon-18:before {
  content: "\61";
}

.icon-bitcoin-guide-logo:before {
  content: "\62";
}

.icon-bitwin-chat:before {
  content: "\63";
}

.icon-chat:before {
  content: "\64";
}

.icon-email:before {
  content: "\65";
}

.icon-full-screen-close:before {
  content: "\66";
}

.icon-minus:before {
  content: "\67";
}

.icon-music-off:before {
  content: "\68";
}

.icon-music-on:before {
  content: "\69";
}

.icon-play:before {
  content: "\6a";
}

.icon-play-without-circle:before {
  content: "\6b";
}

.icon-plus:before {
  content: "\6c";
}

.icon-promotions-logo:before {
  content: "\6d";
}

.icon-neteller:before {
  content: "\73";
}

.icon-facebook:before {
  content: "\74";
}

.icon-bitcoin-accept:before {
  content: "\75";
}

.icon-bitcoin:before {
  content: "\76";
}

.icon-e-sports:before {
  content: "\77";
}

.icon-arrow-up:before {
  content: "\79";
}

.icon-arrow-slider-right:before {
  content: "\7a";
}

.icon-cross:before {
  content: "\41";
}

.icon-check:before {
  content: "\42";
}

.icon-arrow-slider-left:before {
  content: "\43";
}

.icon-arrow-right:before {
  content: "\44";
}

.icon-vip-club:before {
  content: "\46";
}

.icon-visa:before {
  content: "\47";
}

.icon-rating-outline:before {
  content: "\48";
}

.icon-rating:before {
  content: "\49";
}

.icon-scroll-hold-1:before {
  content: "\4a";
}

.icon-scroll-hold-2:before {
  content: "\4b";
}

.icon-search:before {
  content: "\4c";
}

.icon-skrill:before {
  content: "\4d";
}

.icon-mastercard:before {
  content: "\4e";
}

.icon-linkedin:before {
  content: "\4f";
}

.icon-menu:before {
  content: "\50";
}

.icon-arrow-breadcrummbs:before {
  content: "\51";
}

.icon-bitwin-sign:before {
  content: "\52";
}

.icon-full-screen:before {
  content: "\53";
}

.icon-favorite:before {
  content: "\54";
}

.icon-bonuses:before {
  content: "\55";
}

.icon-instagram:before {
  content: "\58";
}

.icon-last-play:before {
  content: "\59";
}

.icon-chat-1:before {
  content: "\5a";
}

.icon-casino-live:before {
  content: "\30";
}

.icon-arrow-expand-up:before {
  content: "\31";
}

.icon-arrow-left:before {
  content: "\32";
}

.icon-arrow-expand-down:before {
  content: "\33";
}

.icon-arrow-down:before {
  content: "\34";
}

.icon-arrow-input:before {
  content: "\35";
}

.icon-info:before {
  content: "\57";
}

.icon-paypal:before {
  content: "\36";
}

.icon-info-fill:before {
  content: "\37";
}

.icon-dot:before {
  content: "\38";
}

.icon-calendar:before {
  content: "\56";
}

.icon-casino:before {
  content: "\39";
}

.icon-bank-transfer:before {
  content: "\21";
}

.icon-user-chat:before {
  content: "\6e";
}

.icon-user:before {
  content: "\6f";
}

.icon-twitter:before {
  content: "\70";
}

.icon-sports:before {
  content: "\71";
}

.icon-sound-volume:before {
  content: "\72";
}

.icon-skype:before {
  content: "\45";
}

.icon-arrow-light:before {
  content: "\22";
}

.icon-simple-view:before {
  content: "\23";
}

.icon-modern-view:before {
  content: "\24";
}

.icon-bitbay:before {
  content: "\25";
}

.icon-bitfinex:before {
  content: "\26";
}

.icon-bitstamp:before {
  content: "\27";
}

.icon-blockchain:before {
  content: "\28";
}

.icon-circle:before {
  content: "\29";
}

.icon-coinbase:before {
  content: "\2a";
}

.icon-poloniex:before {
  content: "\2b";
}

.icon-gamblers-anonymous:before {
  content: "\2c";
}

.icon-gambling-therapy:before {
  content: "\2d";
}

.icon-game-care:before {
  content: "\2e";
}

.icon-curacao-egaming:before {
  content: "\a3";
}

.icon-netent-color:before {
  content: "\3b";
}

.icon-netent-mono:before {
  content: "\3c";
}

.icon-live-logo:before {
  content: "\3d";
}

.icon-evolution-gaming-mono:before {
  content: "\3e";
}

.icon-evolution-gaming-color:before {
  content: "\3f";
}

.icon-microgaming-color:before {
  content: "\2f";
}

.icon-microgaming-mono:before {
  content: "\3a";
}

.icon-arrow-thin-right:before {
  content: "\40";
}

.icon-arrow-scroll-dwon:before {
  content: "\5b";
}

.icon-arrow-thin-left:before {
  content: "\5d";
}

.icon-vip-club-logo:before {
  content: "\5e";
}

.icon-frame-benefits:before {
  content: "\5f";
}

.icon-dots:before {
  content: "\78";
}

.icon-ezugiblack:before {
  content: "\60";
}

.icon-ezugiwhite:before {
  content: "\7b";
}

.icon-my-activity:before {
  content: "\7c";
}

.icon-my-funds:before {
  content: "\7d";
}

.icon-my-profile:before {
  content: "\7e";
}

.icon-responsible:before {
  content: "\5c";
}

.icon-special-offers:before {
  content: "\e000";
}

.nicescroll-rails {
  z-index: 100;
}

.nicescroll-cursors {
  color: #ffffff;
  text-align: center;
}

.nicescroll-cursors:after {
  font-family: "icons" !important;
  content: "K";
  position: absolute;
  top: 50%;
  font-size: 2rem;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

/*!
 * animate.css -http://daneden.me/animate
 * Version - 3.5.2
 * Licensed under the MIT license - http://opensource.org/licenses/MIT
 *
 * Copyright (c) 2017 Daniel Eden
 */

.animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

.animated.infinite {
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}

.animated.hinge {
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
}

.animated.bounceIn,
.animated.bounceOut,
.animated.flipOutX,
.animated.flipOutY {
  -webkit-animation-duration: .75s;
  animation-duration: .75s;
}

@-webkit-keyframes bounce {
  0%, 20%, 53%, 80%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }

  40%, 43% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -30px, 0);
    transform: translate3d(0, -30px, 0);
  }

  70% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -15px, 0);
    transform: translate3d(0, -15px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, -4px, 0);
    transform: translate3d(0, -4px, 0);
  }
}

@keyframes bounce {
  0%, 20%, 53%, 80%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }

  40%, 43% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -30px, 0);
    transform: translate3d(0, -30px, 0);
  }

  70% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -15px, 0);
    transform: translate3d(0, -15px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, -4px, 0);
    transform: translate3d(0, -4px, 0);
  }
}

.bounce {
  -webkit-animation-name: bounce;
  animation-name: bounce;
  -webkit-transform-origin: center bottom;
  transform-origin: center bottom;
}

@-webkit-keyframes flash {
  0%, 50%, to {
    opacity: 1;
  }

  25%, 75% {
    opacity: 0;
  }
}

@keyframes flash {
  0%, 50%, to {
    opacity: 1;
  }

  25%, 75% {
    opacity: 0;
  }
}

.flash {
  -webkit-animation-name: flash;
  animation-name: flash;
}

@-webkit-keyframes pulse {
  0% {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
  }

  50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05);
  }

  to {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
  }
}

@keyframes pulse {
  0% {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
  }

  50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05);
  }

  to {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
  }
}

.pulse {
  -webkit-animation-name: pulse;
  animation-name: pulse;
}

@-webkit-keyframes rubberBand {
  0% {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
  }

  30% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
    transform: scale3d(1.25, 0.75, 1);
  }

  40% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
    transform: scale3d(0.75, 1.25, 1);
  }

  50% {
    -webkit-transform: scale3d(1.15, 0.85, 1);
    transform: scale3d(1.15, 0.85, 1);
  }

  65% {
    -webkit-transform: scale3d(0.95, 1.05, 1);
    transform: scale3d(0.95, 1.05, 1);
  }

  75% {
    -webkit-transform: scale3d(1.05, 0.95, 1);
    transform: scale3d(1.05, 0.95, 1);
  }

  to {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
  }
}

@keyframes rubberBand {
  0% {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
  }

  30% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
    transform: scale3d(1.25, 0.75, 1);
  }

  40% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
    transform: scale3d(0.75, 1.25, 1);
  }

  50% {
    -webkit-transform: scale3d(1.15, 0.85, 1);
    transform: scale3d(1.15, 0.85, 1);
  }

  65% {
    -webkit-transform: scale3d(0.95, 1.05, 1);
    transform: scale3d(0.95, 1.05, 1);
  }

  75% {
    -webkit-transform: scale3d(1.05, 0.95, 1);
    transform: scale3d(1.05, 0.95, 1);
  }

  to {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
  }
}

.rubberBand {
  -webkit-animation-name: rubberBand;
  animation-name: rubberBand;
}

@-webkit-keyframes shake {
  0%, to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }

  10%, 30%, 50%, 70%, 90% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }

  20%, 40%, 60%, 80% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }
}

@keyframes shake {
  0%, to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }

  10%, 30%, 50%, 70%, 90% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }

  20%, 40%, 60%, 80% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }
}

.shake {
  -webkit-animation-name: shake;
  animation-name: shake;
}

@-webkit-keyframes headShake {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  6.5% {
    -webkit-transform: translateX(-6px) rotateY(-9deg);
    transform: translateX(-6px) rotateY(-9deg);
  }

  18.5% {
    -webkit-transform: translateX(5px) rotateY(7deg);
    transform: translateX(5px) rotateY(7deg);
  }

  31.5% {
    -webkit-transform: translateX(-3px) rotateY(-5deg);
    transform: translateX(-3px) rotateY(-5deg);
  }

  43.5% {
    -webkit-transform: translateX(2px) rotateY(3deg);
    transform: translateX(2px) rotateY(3deg);
  }

  50% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

@keyframes headShake {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  6.5% {
    -webkit-transform: translateX(-6px) rotateY(-9deg);
    transform: translateX(-6px) rotateY(-9deg);
  }

  18.5% {
    -webkit-transform: translateX(5px) rotateY(7deg);
    transform: translateX(5px) rotateY(7deg);
  }

  31.5% {
    -webkit-transform: translateX(-3px) rotateY(-5deg);
    transform: translateX(-3px) rotateY(-5deg);
  }

  43.5% {
    -webkit-transform: translateX(2px) rotateY(3deg);
    transform: translateX(2px) rotateY(3deg);
  }

  50% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

.headShake {
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  -webkit-animation-name: headShake;
  animation-name: headShake;
}

@-webkit-keyframes swing {
  20% {
    -webkit-transform: rotate(15deg);
    transform: rotate(15deg);
  }

  40% {
    -webkit-transform: rotate(-10deg);
    transform: rotate(-10deg);
  }

  60% {
    -webkit-transform: rotate(5deg);
    transform: rotate(5deg);
  }

  80% {
    -webkit-transform: rotate(-5deg);
    transform: rotate(-5deg);
  }

  to {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}

@keyframes swing {
  20% {
    -webkit-transform: rotate(15deg);
    transform: rotate(15deg);
  }

  40% {
    -webkit-transform: rotate(-10deg);
    transform: rotate(-10deg);
  }

  60% {
    -webkit-transform: rotate(5deg);
    transform: rotate(5deg);
  }

  80% {
    -webkit-transform: rotate(-5deg);
    transform: rotate(-5deg);
  }

  to {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}

.swing {
  -webkit-transform-origin: top center;
  transform-origin: top center;
  -webkit-animation-name: swing;
  animation-name: swing;
}

@-webkit-keyframes tada {
  0% {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
  }

  10%, 20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate(-3deg);
    transform: scale3d(0.9, 0.9, 0.9) rotate(-3deg);
  }

  30%, 50%, 70%, 90% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate(3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate(3deg);
  }

  40%, 60%, 80% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg);
  }

  to {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
  }
}

@keyframes tada {
  0% {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
  }

  10%, 20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate(-3deg);
    transform: scale3d(0.9, 0.9, 0.9) rotate(-3deg);
  }

  30%, 50%, 70%, 90% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate(3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate(3deg);
  }

  40%, 60%, 80% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg);
  }

  to {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
  }
}

.tada {
  -webkit-animation-name: tada;
  animation-name: tada;
}

@-webkit-keyframes wobble {
  0% {
    -webkit-transform: none;
    transform: none;
  }

  15% {
    -webkit-transform: translate3d(-25%, 0, 0) rotate(-5deg);
    transform: translate3d(-25%, 0, 0) rotate(-5deg);
  }

  30% {
    -webkit-transform: translate3d(20%, 0, 0) rotate(3deg);
    transform: translate3d(20%, 0, 0) rotate(3deg);
  }

  45% {
    -webkit-transform: translate3d(-15%, 0, 0) rotate(-3deg);
    transform: translate3d(-15%, 0, 0) rotate(-3deg);
  }

  60% {
    -webkit-transform: translate3d(10%, 0, 0) rotate(2deg);
    transform: translate3d(10%, 0, 0) rotate(2deg);
  }

  75% {
    -webkit-transform: translate3d(-5%, 0, 0) rotate(-1deg);
    transform: translate3d(-5%, 0, 0) rotate(-1deg);
  }

  to {
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes wobble {
  0% {
    -webkit-transform: none;
    transform: none;
  }

  15% {
    -webkit-transform: translate3d(-25%, 0, 0) rotate(-5deg);
    transform: translate3d(-25%, 0, 0) rotate(-5deg);
  }

  30% {
    -webkit-transform: translate3d(20%, 0, 0) rotate(3deg);
    transform: translate3d(20%, 0, 0) rotate(3deg);
  }

  45% {
    -webkit-transform: translate3d(-15%, 0, 0) rotate(-3deg);
    transform: translate3d(-15%, 0, 0) rotate(-3deg);
  }

  60% {
    -webkit-transform: translate3d(10%, 0, 0) rotate(2deg);
    transform: translate3d(10%, 0, 0) rotate(2deg);
  }

  75% {
    -webkit-transform: translate3d(-5%, 0, 0) rotate(-1deg);
    transform: translate3d(-5%, 0, 0) rotate(-1deg);
  }

  to {
    -webkit-transform: none;
    transform: none;
  }
}

.wobble {
  -webkit-animation-name: wobble;
  animation-name: wobble;
}

@-webkit-keyframes jello {
  0%, 11.1%, to {
    -webkit-transform: none;
    transform: none;
  }

  22.2% {
    -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
    transform: skewX(-12.5deg) skewY(-12.5deg);
  }

  33.3% {
    -webkit-transform: skewX(6.25deg) skewY(6.25deg);
    transform: skewX(6.25deg) skewY(6.25deg);
  }

  44.4% {
    -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
    transform: skewX(-3.125deg) skewY(-3.125deg);
  }

  55.5% {
    -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
    transform: skewX(1.5625deg) skewY(1.5625deg);
  }

  66.6% {
    -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
    transform: skewX(-0.78125deg) skewY(-0.78125deg);
  }

  77.7% {
    -webkit-transform: skewX(0.39063deg) skewY(0.39063deg);
    transform: skewX(0.39063deg) skewY(0.39063deg);
  }

  88.8% {
    -webkit-transform: skewX(-0.19531deg) skewY(-0.19531deg);
    transform: skewX(-0.19531deg) skewY(-0.19531deg);
  }
}

@keyframes jello {
  0%, 11.1%, to {
    -webkit-transform: none;
    transform: none;
  }

  22.2% {
    -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
    transform: skewX(-12.5deg) skewY(-12.5deg);
  }

  33.3% {
    -webkit-transform: skewX(6.25deg) skewY(6.25deg);
    transform: skewX(6.25deg) skewY(6.25deg);
  }

  44.4% {
    -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
    transform: skewX(-3.125deg) skewY(-3.125deg);
  }

  55.5% {
    -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
    transform: skewX(1.5625deg) skewY(1.5625deg);
  }

  66.6% {
    -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
    transform: skewX(-0.78125deg) skewY(-0.78125deg);
  }

  77.7% {
    -webkit-transform: skewX(0.39063deg) skewY(0.39063deg);
    transform: skewX(0.39063deg) skewY(0.39063deg);
  }

  88.8% {
    -webkit-transform: skewX(-0.19531deg) skewY(-0.19531deg);
    transform: skewX(-0.19531deg) skewY(-0.19531deg);
  }
}

.jello {
  -webkit-animation-name: jello;
  animation-name: jello;
  -webkit-transform-origin: center;
  transform-origin: center;
}

@-webkit-keyframes bounceIn {
  0%, 20%, 40%, 60%, 80%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }

  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }

  40% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
    transform: scale3d(1.03, 1.03, 1.03);
  }

  80% {
    -webkit-transform: scale3d(0.97, 0.97, 0.97);
    transform: scale3d(0.97, 0.97, 0.97);
  }

  to {
    opacity: 1;
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
  }
}

@keyframes bounceIn {
  0%, 20%, 40%, 60%, 80%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }

  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }

  40% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
    transform: scale3d(1.03, 1.03, 1.03);
  }

  80% {
    -webkit-transform: scale3d(0.97, 0.97, 0.97);
    transform: scale3d(0.97, 0.97, 0.97);
  }

  to {
    opacity: 1;
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
  }
}

.bounceIn {
  -webkit-animation-name: bounceIn;
  animation-name: bounceIn;
}

@-webkit-keyframes bounceInDown {
  0%, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -3000px, 0);
    transform: translate3d(0, -3000px, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, 25px, 0);
    transform: translate3d(0, 25px, 0);
  }

  75% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, 5px, 0);
    transform: translate3d(0, 5px, 0);
  }

  to {
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes bounceInDown {
  0%, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -3000px, 0);
    transform: translate3d(0, -3000px, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, 25px, 0);
    transform: translate3d(0, 25px, 0);
  }

  75% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, 5px, 0);
    transform: translate3d(0, 5px, 0);
  }

  to {
    -webkit-transform: none;
    transform: none;
  }
}

.bounceInDown {
  -webkit-animation-name: bounceInDown;
  animation-name: bounceInDown;
}

@-webkit-keyframes bounceInLeft {
  0%, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(-3000px, 0, 0);
    transform: translate3d(-3000px, 0, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(25px, 0, 0);
    transform: translate3d(25px, 0, 0);
  }

  75% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }

  90% {
    -webkit-transform: translate3d(5px, 0, 0);
    transform: translate3d(5px, 0, 0);
  }

  to {
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes bounceInLeft {
  0%, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(-3000px, 0, 0);
    transform: translate3d(-3000px, 0, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(25px, 0, 0);
    transform: translate3d(25px, 0, 0);
  }

  75% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }

  90% {
    -webkit-transform: translate3d(5px, 0, 0);
    transform: translate3d(5px, 0, 0);
  }

  to {
    -webkit-transform: none;
    transform: none;
  }
}

.bounceInLeft {
  -webkit-animation-name: bounceInLeft;
  animation-name: bounceInLeft;
}

@-webkit-keyframes bounceInRight {
  0%, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(3000px, 0, 0);
    transform: translate3d(3000px, 0, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(-25px, 0, 0);
    transform: translate3d(-25px, 0, 0);
  }

  75% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }

  90% {
    -webkit-transform: translate3d(-5px, 0, 0);
    transform: translate3d(-5px, 0, 0);
  }

  to {
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes bounceInRight {
  0%, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(3000px, 0, 0);
    transform: translate3d(3000px, 0, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(-25px, 0, 0);
    transform: translate3d(-25px, 0, 0);
  }

  75% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }

  90% {
    -webkit-transform: translate3d(-5px, 0, 0);
    transform: translate3d(-5px, 0, 0);
  }

  to {
    -webkit-transform: none;
    transform: none;
  }
}

.bounceInRight {
  -webkit-animation-name: bounceInRight;
  animation-name: bounceInRight;
}

@-webkit-keyframes bounceInUp {
  0%, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 3000px, 0);
    transform: translate3d(0, 3000px, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }

  75% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, -5px, 0);
    transform: translate3d(0, -5px, 0);
  }

  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
}

@keyframes bounceInUp {
  0%, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 3000px, 0);
    transform: translate3d(0, 3000px, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }

  75% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, -5px, 0);
    transform: translate3d(0, -5px, 0);
  }

  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
}

.bounceInUp {
  -webkit-animation-name: bounceInUp;
  animation-name: bounceInUp;
}

@-webkit-keyframes bounceOut {
  20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9);
  }

  50%, 55% {
    opacity: 1;
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }

  to {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
}

@keyframes bounceOut {
  20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9);
  }

  50%, 55% {
    opacity: 1;
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }

  to {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
}

.bounceOut {
  -webkit-animation-name: bounceOut;
  animation-name: bounceOut;
}

@-webkit-keyframes bounceOutDown {
  20% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }

  40%, 45% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}

@keyframes bounceOutDown {
  20% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }

  40%, 45% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}

.bounceOutDown {
  -webkit-animation-name: bounceOutDown;
  animation-name: bounceOutDown;
}

@-webkit-keyframes bounceOutLeft {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(20px, 0, 0);
    transform: translate3d(20px, 0, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}

@keyframes bounceOutLeft {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(20px, 0, 0);
    transform: translate3d(20px, 0, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}

.bounceOutLeft {
  -webkit-animation-name: bounceOutLeft;
  animation-name: bounceOutLeft;
}

@-webkit-keyframes bounceOutRight {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(-20px, 0, 0);
    transform: translate3d(-20px, 0, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
}

@keyframes bounceOutRight {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(-20px, 0, 0);
    transform: translate3d(-20px, 0, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
}

.bounceOutRight {
  -webkit-animation-name: bounceOutRight;
  animation-name: bounceOutRight;
}

@-webkit-keyframes bounceOutUp {
  20% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }

  40%, 45% {
    opacity: 1;
    -webkit-transform: translate3d(0, 20px, 0);
    transform: translate3d(0, 20px, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
}

@keyframes bounceOutUp {
  20% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }

  40%, 45% {
    opacity: 1;
    -webkit-transform: translate3d(0, 20px, 0);
    transform: translate3d(0, 20px, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
}

.bounceOutUp {
  -webkit-animation-name: bounceOutUp;
  animation-name: bounceOutUp;
}

@-webkit-keyframes fadeIn {
  0% {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@keyframes fadeIn {
  0% {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

.fadeIn {
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
}

@-webkit-keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.fadeInDown {
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown;
}

@-webkit-keyframes fadeInDownBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInDownBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.fadeInDownBig {
  -webkit-animation-name: fadeInDownBig;
  animation-name: fadeInDownBig;
}

@-webkit-keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.fadeInLeft {
  -webkit-animation-name: fadeInLeft;
  animation-name: fadeInLeft;
}

@-webkit-keyframes fadeInLeftBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInLeftBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.fadeInLeftBig {
  -webkit-animation-name: fadeInLeftBig;
  animation-name: fadeInLeftBig;
}

@-webkit-keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.fadeInRight {
  -webkit-animation-name: fadeInRight;
  animation-name: fadeInRight;
}

@-webkit-keyframes fadeInRightBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInRightBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.fadeInRightBig {
  -webkit-animation-name: fadeInRightBig;
  animation-name: fadeInRightBig;
}

@-webkit-keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.fadeInUp {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
}

@-webkit-keyframes fadeInUpBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInUpBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.fadeInUpBig {
  -webkit-animation-name: fadeInUpBig;
  animation-name: fadeInUpBig;
}

@-webkit-keyframes fadeOut {
  0% {
    opacity: 1;
  }

  to {
    opacity: 0;
  }
}

@keyframes fadeOut {
  0% {
    opacity: 1;
  }

  to {
    opacity: 0;
  }
}

.fadeOut {
  -webkit-animation-name: fadeOut;
  animation-name: fadeOut;
}

@-webkit-keyframes fadeOutDown {
  0% {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}

@keyframes fadeOutDown {
  0% {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}

.fadeOutDown {
  -webkit-animation-name: fadeOutDown;
  animation-name: fadeOutDown;
}

@-webkit-keyframes fadeOutDownBig {
  0% {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}

@keyframes fadeOutDownBig {
  0% {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}

.fadeOutDownBig {
  -webkit-animation-name: fadeOutDownBig;
  animation-name: fadeOutDownBig;
}

@-webkit-keyframes fadeOutLeft {
  0% {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}

@keyframes fadeOutLeft {
  0% {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}

.fadeOutLeft {
  -webkit-animation-name: fadeOutLeft;
  animation-name: fadeOutLeft;
}

@-webkit-keyframes fadeOutLeftBig {
  0% {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}

@keyframes fadeOutLeftBig {
  0% {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}

.fadeOutLeftBig {
  -webkit-animation-name: fadeOutLeftBig;
  animation-name: fadeOutLeftBig;
}

@-webkit-keyframes fadeOutRight {
  0% {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}

@keyframes fadeOutRight {
  0% {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}

.fadeOutRight {
  -webkit-animation-name: fadeOutRight;
  animation-name: fadeOutRight;
}

@-webkit-keyframes fadeOutRightBig {
  0% {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
}

@keyframes fadeOutRightBig {
  0% {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
}

.fadeOutRightBig {
  -webkit-animation-name: fadeOutRightBig;
  animation-name: fadeOutRightBig;
}

@-webkit-keyframes fadeOutUp {
  0% {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}

@keyframes fadeOutUp {
  0% {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}

.fadeOutUp {
  -webkit-animation-name: fadeOutUp;
  animation-name: fadeOutUp;
}

@-webkit-keyframes fadeOutUpBig {
  0% {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
}

@keyframes fadeOutUpBig {
  0% {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
}

.fadeOutUpBig {
  -webkit-animation-name: fadeOutUpBig;
  animation-name: fadeOutUpBig;
}

@-webkit-keyframes flip {
  0% {
    -webkit-transform: perspective(400px) rotateY(-1turn);
    transform: perspective(400px) rotateY(-1turn);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  40% {
    -webkit-transform: perspective(400px) translateZ(150px) rotateY(-190deg);
    transform: perspective(400px) translateZ(150px) rotateY(-190deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  50% {
    -webkit-transform: perspective(400px) translateZ(150px) rotateY(-170deg);
    transform: perspective(400px) translateZ(150px) rotateY(-170deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  80% {
    -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
    transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
}

@keyframes flip {
  0% {
    -webkit-transform: perspective(400px) rotateY(-1turn);
    transform: perspective(400px) rotateY(-1turn);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  40% {
    -webkit-transform: perspective(400px) translateZ(150px) rotateY(-190deg);
    transform: perspective(400px) translateZ(150px) rotateY(-190deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  50% {
    -webkit-transform: perspective(400px) translateZ(150px) rotateY(-170deg);
    transform: perspective(400px) translateZ(150px) rotateY(-170deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  80% {
    -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
    transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
}

.animated.flip {
  -webkit-backface-visibility: visible;
  backface-visibility: visible;
  -webkit-animation-name: flip;
  animation-name: flip;
}

@-webkit-keyframes flipInX {
  0% {
    -webkit-transform: perspective(400px) rotateX(90deg);
    transform: perspective(400px) rotateX(90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotateX(-20deg);
    transform: perspective(400px) rotateX(-20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  60% {
    -webkit-transform: perspective(400px) rotateX(10deg);
    transform: perspective(400px) rotateX(10deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: perspective(400px) rotateX(-5deg);
    transform: perspective(400px) rotateX(-5deg);
  }

  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}

@keyframes flipInX {
  0% {
    -webkit-transform: perspective(400px) rotateX(90deg);
    transform: perspective(400px) rotateX(90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotateX(-20deg);
    transform: perspective(400px) rotateX(-20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  60% {
    -webkit-transform: perspective(400px) rotateX(10deg);
    transform: perspective(400px) rotateX(10deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: perspective(400px) rotateX(-5deg);
    transform: perspective(400px) rotateX(-5deg);
  }

  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}

.flipInX {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipInX;
  animation-name: flipInX;
}

@-webkit-keyframes flipInY {
  0% {
    -webkit-transform: perspective(400px) rotateY(90deg);
    transform: perspective(400px) rotateY(90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotateY(-20deg);
    transform: perspective(400px) rotateY(-20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  60% {
    -webkit-transform: perspective(400px) rotateY(10deg);
    transform: perspective(400px) rotateY(10deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: perspective(400px) rotateY(-5deg);
    transform: perspective(400px) rotateY(-5deg);
  }

  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}

@keyframes flipInY {
  0% {
    -webkit-transform: perspective(400px) rotateY(90deg);
    transform: perspective(400px) rotateY(90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotateY(-20deg);
    transform: perspective(400px) rotateY(-20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  60% {
    -webkit-transform: perspective(400px) rotateY(10deg);
    transform: perspective(400px) rotateY(10deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: perspective(400px) rotateY(-5deg);
    transform: perspective(400px) rotateY(-5deg);
  }

  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}

.flipInY {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipInY;
  animation-name: flipInY;
}

@-webkit-keyframes flipOutX {
  0% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }

  30% {
    -webkit-transform: perspective(400px) rotateX(-20deg);
    transform: perspective(400px) rotateX(-20deg);
    opacity: 1;
  }

  to {
    -webkit-transform: perspective(400px) rotateX(90deg);
    transform: perspective(400px) rotateX(90deg);
    opacity: 0;
  }
}

@keyframes flipOutX {
  0% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }

  30% {
    -webkit-transform: perspective(400px) rotateX(-20deg);
    transform: perspective(400px) rotateX(-20deg);
    opacity: 1;
  }

  to {
    -webkit-transform: perspective(400px) rotateX(90deg);
    transform: perspective(400px) rotateX(90deg);
    opacity: 0;
  }
}

.flipOutX {
  -webkit-animation-name: flipOutX;
  animation-name: flipOutX;
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
}

@-webkit-keyframes flipOutY {
  0% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }

  30% {
    -webkit-transform: perspective(400px) rotateY(-15deg);
    transform: perspective(400px) rotateY(-15deg);
    opacity: 1;
  }

  to {
    -webkit-transform: perspective(400px) rotateY(90deg);
    transform: perspective(400px) rotateY(90deg);
    opacity: 0;
  }
}

@keyframes flipOutY {
  0% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }

  30% {
    -webkit-transform: perspective(400px) rotateY(-15deg);
    transform: perspective(400px) rotateY(-15deg);
    opacity: 1;
  }

  to {
    -webkit-transform: perspective(400px) rotateY(90deg);
    transform: perspective(400px) rotateY(90deg);
    opacity: 0;
  }
}

.flipOutY {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipOutY;
  animation-name: flipOutY;
}

@-webkit-keyframes lightSpeedIn {
  0% {
    -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
    transform: translate3d(100%, 0, 0) skewX(-30deg);
    opacity: 0;
  }

  60% {
    -webkit-transform: skewX(20deg);
    transform: skewX(20deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: skewX(-5deg);
    transform: skewX(-5deg);
    opacity: 1;
  }

  to {
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

@keyframes lightSpeedIn {
  0% {
    -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
    transform: translate3d(100%, 0, 0) skewX(-30deg);
    opacity: 0;
  }

  60% {
    -webkit-transform: skewX(20deg);
    transform: skewX(20deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: skewX(-5deg);
    transform: skewX(-5deg);
    opacity: 1;
  }

  to {
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

.lightSpeedIn {
  -webkit-animation-name: lightSpeedIn;
  animation-name: lightSpeedIn;
  -webkit-animation-timing-function: ease-out;
  animation-timing-function: ease-out;
}

@-webkit-keyframes lightSpeedOut {
  0% {
    opacity: 1;
  }

  to {
    -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
    transform: translate3d(100%, 0, 0) skewX(30deg);
    opacity: 0;
  }
}

@keyframes lightSpeedOut {
  0% {
    opacity: 1;
  }

  to {
    -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
    transform: translate3d(100%, 0, 0) skewX(30deg);
    opacity: 0;
  }
}

.lightSpeedOut {
  -webkit-animation-name: lightSpeedOut;
  animation-name: lightSpeedOut;
  -webkit-animation-timing-function: ease-in;
  animation-timing-function: ease-in;
}

@-webkit-keyframes rotateIn {
  0% {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate(-200deg);
    transform: rotate(-200deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

@keyframes rotateIn {
  0% {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate(-200deg);
    transform: rotate(-200deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

.rotateIn {
  -webkit-animation-name: rotateIn;
  animation-name: rotateIn;
}

@-webkit-keyframes rotateInDownLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

@keyframes rotateInDownLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

.rotateInDownLeft {
  -webkit-animation-name: rotateInDownLeft;
  animation-name: rotateInDownLeft;
}

@-webkit-keyframes rotateInDownRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

@keyframes rotateInDownRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

.rotateInDownRight {
  -webkit-animation-name: rotateInDownRight;
  animation-name: rotateInDownRight;
}

@-webkit-keyframes rotateInUpLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

@keyframes rotateInUpLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

.rotateInUpLeft {
  -webkit-animation-name: rotateInUpLeft;
  animation-name: rotateInUpLeft;
}

@-webkit-keyframes rotateInUpRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

@keyframes rotateInUpRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

.rotateInUpRight {
  -webkit-animation-name: rotateInUpRight;
  animation-name: rotateInUpRight;
}

@-webkit-keyframes rotateOut {
  0% {
    -webkit-transform-origin: center;
    transform-origin: center;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate(200deg);
    transform: rotate(200deg);
    opacity: 0;
  }
}

@keyframes rotateOut {
  0% {
    -webkit-transform-origin: center;
    transform-origin: center;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate(200deg);
    transform: rotate(200deg);
    opacity: 0;
  }
}

.rotateOut {
  -webkit-animation-name: rotateOut;
  animation-name: rotateOut;
}

@-webkit-keyframes rotateOutDownLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    opacity: 0;
  }
}

@keyframes rotateOutDownLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    opacity: 0;
  }
}

.rotateOutDownLeft {
  -webkit-animation-name: rotateOutDownLeft;
  animation-name: rotateOutDownLeft;
}

@-webkit-keyframes rotateOutDownRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    opacity: 0;
  }
}

@keyframes rotateOutDownRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    opacity: 0;
  }
}

.rotateOutDownRight {
  -webkit-animation-name: rotateOutDownRight;
  animation-name: rotateOutDownRight;
}

@-webkit-keyframes rotateOutUpLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    opacity: 0;
  }
}

@keyframes rotateOutUpLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    opacity: 0;
  }
}

.rotateOutUpLeft {
  -webkit-animation-name: rotateOutUpLeft;
  animation-name: rotateOutUpLeft;
}

@-webkit-keyframes rotateOutUpRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0;
  }
}

@keyframes rotateOutUpRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0;
  }
}

.rotateOutUpRight {
  -webkit-animation-name: rotateOutUpRight;
  animation-name: rotateOutUpRight;
}

@-webkit-keyframes hinge {
  0% {
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  20%, 60% {
    -webkit-transform: rotate(80deg);
    transform: rotate(80deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  40%, 80% {
    -webkit-transform: rotate(60deg);
    transform: rotate(60deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    opacity: 1;
  }

  to {
    -webkit-transform: translate3d(0, 700px, 0);
    transform: translate3d(0, 700px, 0);
    opacity: 0;
  }
}

@keyframes hinge {
  0% {
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  20%, 60% {
    -webkit-transform: rotate(80deg);
    transform: rotate(80deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  40%, 80% {
    -webkit-transform: rotate(60deg);
    transform: rotate(60deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    opacity: 1;
  }

  to {
    -webkit-transform: translate3d(0, 700px, 0);
    transform: translate3d(0, 700px, 0);
    opacity: 0;
  }
}

.hinge {
  -webkit-animation-name: hinge;
  animation-name: hinge;
}

@-webkit-keyframes jackInTheBox {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.1) rotate(30deg);
    transform: scale(0.1) rotate(30deg);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
  }

  50% {
    -webkit-transform: rotate(-10deg);
    transform: rotate(-10deg);
  }

  70% {
    -webkit-transform: rotate(3deg);
    transform: rotate(3deg);
  }

  to {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

@keyframes jackInTheBox {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.1) rotate(30deg);
    transform: scale(0.1) rotate(30deg);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
  }

  50% {
    -webkit-transform: rotate(-10deg);
    transform: rotate(-10deg);
  }

  70% {
    -webkit-transform: rotate(3deg);
    transform: rotate(3deg);
  }

  to {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

.jackInTheBox {
  -webkit-animation-name: jackInTheBox;
  animation-name: jackInTheBox;
}

@-webkit-keyframes rollIn {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0) rotate(-120deg);
    transform: translate3d(-100%, 0, 0) rotate(-120deg);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes rollIn {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0) rotate(-120deg);
    transform: translate3d(-100%, 0, 0) rotate(-120deg);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.rollIn {
  -webkit-animation-name: rollIn;
  animation-name: rollIn;
}

@-webkit-keyframes rollOut {
  0% {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0) rotate(120deg);
    transform: translate3d(100%, 0, 0) rotate(120deg);
  }
}

@keyframes rollOut {
  0% {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0) rotate(120deg);
    transform: translate3d(100%, 0, 0) rotate(120deg);
  }
}

.rollOut {
  -webkit-animation-name: rollOut;
  animation-name: rollOut;
}

@-webkit-keyframes zoomIn {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }

  50% {
    opacity: 1;
  }
}

@keyframes zoomIn {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }

  50% {
    opacity: 1;
  }
}

.zoomIn {
  -webkit-animation-name: zoomIn;
  animation-name: zoomIn;
}

@-webkit-keyframes zoomInDown {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

@keyframes zoomInDown {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

.zoomInDown {
  -webkit-animation-name: zoomInDown;
  animation-name: zoomInDown;
}

@-webkit-keyframes zoomInLeft {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

@keyframes zoomInLeft {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

.zoomInLeft {
  -webkit-animation-name: zoomInLeft;
  animation-name: zoomInLeft;
}

@-webkit-keyframes zoomInRight {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

@keyframes zoomInRight {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

.zoomInRight {
  -webkit-animation-name: zoomInRight;
  animation-name: zoomInRight;
}

@-webkit-keyframes zoomInUp {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

@keyframes zoomInUp {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

.zoomInUp {
  -webkit-animation-name: zoomInUp;
  animation-name: zoomInUp;
}

@-webkit-keyframes zoomOut {
  0% {
    opacity: 1;
  }

  50% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }

  to {
    opacity: 0;
  }
}

@keyframes zoomOut {
  0% {
    opacity: 1;
  }

  50% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }

  to {
    opacity: 0;
  }
}

.zoomOut {
  -webkit-animation-name: zoomOut;
  animation-name: zoomOut;
}

@-webkit-keyframes zoomOutDown {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  to {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

@keyframes zoomOutDown {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  to {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

.zoomOutDown {
  -webkit-animation-name: zoomOutDown;
  animation-name: zoomOutDown;
}

@-webkit-keyframes zoomOutLeft {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
    transform: scale(0.1) translate3d(-2000px, 0, 0);
    -webkit-transform-origin: left center;
    transform-origin: left center;
  }
}

@keyframes zoomOutLeft {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
    transform: scale(0.1) translate3d(-2000px, 0, 0);
    -webkit-transform-origin: left center;
    transform-origin: left center;
  }
}

.zoomOutLeft {
  -webkit-animation-name: zoomOutLeft;
  animation-name: zoomOutLeft;
}

@-webkit-keyframes zoomOutRight {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
    transform: scale(0.1) translate3d(2000px, 0, 0);
    -webkit-transform-origin: right center;
    transform-origin: right center;
  }
}

@keyframes zoomOutRight {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
    transform: scale(0.1) translate3d(2000px, 0, 0);
    -webkit-transform-origin: right center;
    transform-origin: right center;
  }
}

.zoomOutRight {
  -webkit-animation-name: zoomOutRight;
  animation-name: zoomOutRight;
}

@-webkit-keyframes zoomOutUp {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  to {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

@keyframes zoomOutUp {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  to {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

.zoomOutUp {
  -webkit-animation-name: zoomOutUp;
  animation-name: zoomOutUp;
}

@-webkit-keyframes slideInDown {
  0% {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
}

@keyframes slideInDown {
  0% {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
}

.slideInDown {
  -webkit-animation-name: slideInDown;
  animation-name: slideInDown;
}

@-webkit-keyframes slideInLeft {
  0% {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
}

@keyframes slideInLeft {
  0% {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
}

.slideInLeft {
  -webkit-animation-name: slideInLeft;
  animation-name: slideInLeft;
}

@-webkit-keyframes slideInRight {
  0% {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
}

@keyframes slideInRight {
  0% {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
}

.slideInRight {
  -webkit-animation-name: slideInRight;
  animation-name: slideInRight;
}

@-webkit-keyframes slideInUp {
  0% {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
}

@keyframes slideInUp {
  0% {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
}

.slideInUp {
  -webkit-animation-name: slideInUp;
  animation-name: slideInUp;
}

@-webkit-keyframes slideOutDown {
  0% {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}

@keyframes slideOutDown {
  0% {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}

.slideOutDown {
  -webkit-animation-name: slideOutDown;
  animation-name: slideOutDown;
}

@-webkit-keyframes slideOutLeft {
  0% {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}

@keyframes slideOutLeft {
  0% {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}

.slideOutLeft {
  -webkit-animation-name: slideOutLeft;
  animation-name: slideOutLeft;
}

@-webkit-keyframes slideOutRight {
  0% {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}

@keyframes slideOutRight {
  0% {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}

.slideOutRight {
  -webkit-animation-name: slideOutRight;
  animation-name: slideOutRight;
}

@-webkit-keyframes slideOutUp {
  0% {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}

@keyframes slideOutUp {
  0% {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}

.slideOutUp {
  -webkit-animation-name: slideOutUp;
  animation-name: slideOutUp;
}

.pageLoader.hide-loader .ContentLoader-background,
.pageLoader.hide-loader .ContentLoader {
  opacity: 0;
}

.ContentLoader-background {
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  position: fixed;
  z-index: 102;
  opacity: 1;
  -webkit-transition: all 1s;
  transition: all 1s;
  background-color: #000;
  background-size: cover;
  background-position: 50%;
  background-image: url("/img/loader-background.jpg");
  -webkit-transition: .6s opacity;
  transition: .6s opacity;
}

.ContentLoader {
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  position: fixed;
  z-index: 102;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-flow: column;
  flex-flow: column;
  width: 100%;
  -webkit-transition: .3s opacity;
  transition: .3s opacity;
}

.ContentLoader-text {
  text-transform: uppercase;
  color: #ffffff;
  margin-top: 2rem;
  font-size: 1.2rem;
}

.ContentLoader .BodyMovin {
  width: 13rem;
}

.scrollindicator {
  width: 1px;
  height: 73%;
  display: block;
  border: none;
  z-index: 29;
  background: #3d525b;
  color: #ffffff;
}

progress.scrollindicator,
div.scrollindicator {
  position: fixed;
  top: 11.71rem;
  right: 2.938em;
  bottom: 2.938em;
  height: auto;
}

progress.scrollindicator {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

progress.scrollindicator::-webkit-progress-bar {
  background-color: transparent;
}

progress.scrollindicator::-webkit-progress-value {
  background-color: #ffffff;
}

progress.scrollindicator::-moz-progress-bar {
  background-color: #ffffff;
}

.scrollindicator-nohtml5 {
  width: 1px;
  height: 73%;
  display: block;
  border: none;
  z-index: 29;
  background: #3d525b;
  color: #ffffff;
}

.scrollindicator-nohtml5 span {
  width: 2px;
  display: block;
  text-indent: -9999px;
  background: #ffffff;
  position: absolute;
  right: 0;
}

.animated .scrollindicator-nohtml5 span {
  -webkit-transition: width 300ms ease;
  transition: width 300ms ease;
}

.modal-background {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.94);
  opacity: 1;
  z-index: 997;
}

.modal {
  display: none;
  height: 100vh;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  position: fixed;
  z-index: 998;
  padding: 0;
}

.modal-close {
  color: #00ae75;
  position: absolute;
  right: 0;
  top: 0;
  cursor: pointer;
  width: 50px;
  height: 50px;
  padding: 1rem 0;
  z-index: 9999;
  -webkit-transition: .3s color, .3s background;
  transition: .3s color, .3s background;
}

.modal-close:hover {
  background: #00ae75;
  color: #ffffff;
}

.modal-close .icon {
  margin: 0 1.3rem;
  font-size: 2.3rem;
}

.modal-background.active,
.modal.active {
  display: block;
}

.modal-scroll {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.video-js .vjs-control-bar {
  background: #161f29;
}

.video-js .vjs-progress-control .vjs-progress-holder {
  background: #343c45;
}

.video-js .vjs-progress-control .vjs-play-progress.vjs-slider-bar {
  background: #4083c9;
}

.video-js .vjs-progress-control .vjs-play-progress:before {
  color: #4083c9;
  font-size: 1.9rem;
}

.video-js .vjs-progress-holder {
  height: .5rem;
}

.video-js:focus .vjs-big-play-button,
.video-js:hover .vjs-big-play-button,
.video-js:active .vjs-big-play-button {
  background-color: #000;
}

.video-js .vjs-volume-bar.vjs-slider-horizontal .vjs-volume-level {
  background: #4083c9;
}

.video-js .vjs-volume-bar.vjs-slider-horizontal .vjs-volume-level:before {
  color: #4083c9;
}

.video-js .vjs-paused,
.video-js .vjs-playing {
  border: 2px solid #4083c9;
  padding: 0 2rem;
  border-radius: 20px;
  height: 2.4rem;
  line-height: 2.2rem;
  margin-left: 1rem;
  margin-top: .4rem;
}

.video-js .vjs-paused .vjs-icon-placeholder:before,
.video-js .vjs-playing .vjs-icon-placeholder:before {
  line-height: 2rem;
}

.video-js .vjs-big-play-button {
  border: none;
  background: none;
  font-size: 5rem;
}

.scroll-info {
  background: url(/img/shadow_blue.png) center center no-repeat;
  background-size: 157px 157px;
  width: 157px;
  height: 157px;
  color: #4083c9;
  font-size: 1rem;
  padding-top: 3.8rem;
  font-family: "AvenirNextLTProBold", Arial, sans-serif;
  font-weight: 800;
  position: relative;
  text-align: center;
  text-transform: uppercase;
  -webkit-animation: 1.6s ease-in infinite wheel-up-down;
  animation: 1.6s ease-in infinite wheel-up-down;
}

.scroll-info:after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 60px;
  margin: 0 auto;
  background: url(/img/icon-arrow-d.png) center center no-repeat;
  width: 19px;
  height: 26px;
}

@-webkit-keyframes wheel-up-down {
  0% {
    margin-top: 2px;
    opacity: 0;
  }

  30% {
    opacity: 1;
  }

  100% {
    margin-top: 20px;
    opacity: 0;
  }
}

@keyframes wheel-up-down {
  0% {
    margin-top: 2px;
    opacity: 0;
  }

  30% {
    opacity: 1;
  }

  100% {
    margin-top: 20px;
    opacity: 0;
  }
}

.PageHeader {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 90;
  background: transparent;
  -webkit-transition: .2s background;
  transition: .2s background;
}

.PageHeader.showBkg {
  background: black;
}

.PageHeader.showBkg.PageHeaderBkgOpacity {
  background: rgba(0, 0, 0, 0.8);
}

.PageHeader.showBkg + .PageHeader-SubMenu {
  background: rgba(0, 0, 0, 0.8);
}

@media screen and (max-width: 940px) {
  .PageHeader {
    background: black;
  }
}

@media screen and (min-width: 940px) {
  .PageHeader.PageHeader-StaticBackground {
    background: rgba(0, 0, 0, 0.8);
  }
}

.PageHeader-SubMenu {
  position: fixed;
  left: 0;
  right: 0;
  z-index: 90;
  -webkit-transition: .2s background;
  transition: .2s background;
  background: transparent;
}

.PageHeader-SubMenu::before {
  position: absolute;
  content: "";
  display: block;
  top: 0;
  left: 1rem;
  right: 2rem;
  height: .1rem;
  background: rgba(255, 255, 255, 0.2);
}

.PageHeader-SubMenu ul {
  list-style: none;
  padding: 0;
  margin: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.PageHeader-SubMenu ul li a {
  font-size: 1.2rem;
  letter-spacing: .05em;
  font-family: "AvenirNextLTProBold", Arial, sans-serif;
  font-weight: normal;
  color: #687283;
  white-space: nowrap;
  text-transform: uppercase;
  height: 3.8rem;
  line-height: 3.8rem;
  display: inline-block;
  position: relative;
  text-decoration: none;
  margin-right: 2.5rem;
}

.PageHeader-SubMenu ul li a::before {
  display: block;
  content: "";
  height: .3rem;
  width: 0;
  background: #00ae75;
  position: absolute;
  left: 0;
  top: 0;
}

.PageHeader-SubMenu ul li a:hover {
  color: #00ae75;
  -webkit-transition: .5s color;
  transition: .5s color;
}

.PageHeader-SubMenu ul li a:hover::before {
  width: 100%;
  -webkit-transition: .5s width;
  transition: .5s width;
}

.PageHeader-SubMenu ul li:first-child {
  padding-left: 1rem;
}

.PageHeader-SubMenu ul li:last-child {
  padding-right: 2.5rem;
}

.PageHeader-SubMenu ul li.active a {
  color: #FFF;
}

.PageHeader-SubMenu ul li.active a::before {
  background: #FFF;
  -webkit-transition: .5s width;
  transition: .5s width;
  width: 100%;
}

@media screen and (min-width: 940px) {
  .PageHeader-SubMenu {
    top: 4.2rem;
  }
}

@media screen and (max-width: 940px) {
  .PageHeader-SubMenu {
    background: rgba(0, 0, 0, 0.8);
    bottom: 0;
  }

  .PageHeader-SubMenu::before {
    left: 0;
    right: 0;
  }

  .PageHeader-SubMenu ul {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    overflow: auto;
  }

  .PageHeader-SubMenu ul li a {
    height: 3.4rem;
    line-height: 3.4rem;
  }
}

@media screen and (min-width: 1700px) {
  .PageHeader-SubMenu::before {
    left: 2rem;
  }

  .PageHeader-SubMenu ul li:first-child {
    padding-left: 2rem;
  }
}

.PageHeader-topBar {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 4.2rem;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-transition: cubic-bezier(0.5, 0, 0.3, 1.5) 0.5s;
  transition: cubic-bezier(0.5, 0, 0.3, 1.5) 0.5s;
  width: 100%;
  z-index: 102;
}

@media screen and (max-width: 940px) {
  .PageHeader-topBar {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
  }
}

.PageHeader-topBar.PageHeader-black {
  background: #000;
}

.PageHeader-topBar .PageHeader-fixie {
  -webkit-box-flex: 1;
  -ms-flex: 1 1;
  flex: 1 1;
}

.PageHeader-SignLogo {
  display: block;
  height: 4.2rem;
  margin: 0 1rem;
  max-width: 4rem;
  position: relative;
  width: 4rem;
  z-index: 4;
}

.PageHeader-SignLogo svg {
  display: block;
  height: 100%;
  width: 100%;
}

.PageHeader-SignLogo path {
  fill: #00ae75;
}

.PageHeader-SignLogo.PageHeader-SignLogo-white path {
  fill: #FFF;
}

@media screen and (max-width: 940px) {
  .PageHeader-SignLogo {
    left: 50%;
    margin: 0;
    position: absolute;
    top: 0;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
  }
}

@media screen and (min-width: 1700px) {
  .PageHeader-SignLogo {
    margin: 0 2rem;
  }
}

.PageHeader-SignLogo.PageHeader-SignLogo-Center {
  left: 50%;
  margin: 0;
  position: absolute;
  top: 0;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}

.PageHeader-BitcoinLogo {
  height: 4rem;
  width: 7rem;
}

.PageHeader-BitcoinLogo svg {
  display: block;
  height: 100%;
  width: 100%;
}

.PageHeader-BitcoinLogo path {
  fill: #FFF;
}

@media screen and (max-width: 940px) {
  .PageHeader-BitcoinLogo {
    display: none;
  }
}

.PageHeader-SignLogo-Hidden {
  display: none;
  height: 4.2rem;
  max-width: 4rem;
}

.PageHeader-SignLogo-Hidden svg {
  height: 100%;
  width: 100%;
}

.PageHeader-SignLogo-Hidden path {
  fill: #00ae75;
}

.PageHeader-UserBar {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 4.2rem;
  -webkit-box-pack: right;
  -ms-flex-pack: right;
  justify-content: right;
  padding: .2rem 8.4rem .2rem 2rem;
  text-align: right;
}

@media screen and (max-width: 940px) {
  .PageHeader-UserBar {
    padding-right: 1rem;
  }
}

.PageHeader-topBar-LeftToggle .PageHeader-UserBar {
  padding-right: 2em;
}

.PageHeader-Button {
  font-size: 1.2rem;
  line-height: 1;
  min-height: auto;
  padding: .8rem 2.3rem .8rem 1.8rem;
}

.PageHeader-Button i::before {
  display: inline-block;
  line-height: .5;
  position: relative;
  top: .2rem;
}

@media screen and (max-width: 940px) {
  .PageHeader-Button {
    font-size: 1.4rem;
    padding: .5rem 1.4rem .5rem 1.1rem;
  }
}

@media screen and (min-width: 1700px) {
  .PageHeader-Button {
    font-size: 1.4rem;
    padding: .8rem 1.8rem .8rem 1.3rem;
  }
}

.PageHeader-topBar-navigation {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background: #000000;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 4.2rem;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  left: 0;
  padding: 0 8.3rem 0 2rem;
  position: absolute;
  right: 0;
  top: 0;
  -webkit-transform: translateX(100%);
  transform: translateX(100%);
  -webkit-transition: 0.6s all cubic-bezier(0.27, 1, 0.71, 1);
  transition: 0.6s all cubic-bezier(0.27, 1, 0.71, 1);
  z-index: 1;
}

.PageHeader.open-navbar .PageHeader-topBar-navigation {
  -webkit-transform: translateX(0);
  transform: translateX(0);
}

@media screen and (max-width: 940px) {
  .PageHeader-topBar-navigation {
    display: none;
  }
}

.HeaderNavigation {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin: 0 auto;
}

.HeaderButton {
  text-transform: uppercase;
  position: relative;
  height: 100%;
}

.HeaderButton-button {
  padding: 0;
  margin: 0;
}

.HeaderButton-label,
.HeaderButtonHorizontal-label {
  font-family: 'AvenirNextLTProBold';
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  font-size: 1.2rem;
  white-space: nowrap;
  padding: 0 1.3rem;
  cursor: pointer;
  color: #ffffff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
}

.HeaderButton-labelIcon,
.HeaderButtonHorizontal-labelIcon {
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
  padding-bottom: 1rem;
  line-height: 1.6rem;
  font-size: 2.5rem;
}

.HeaderButton-labelBorder {
  -webkit-transition: width .5s ease-out;
  transition: width .5s ease-out;
  background: #00ae75;
  -webkit-align-self: flex-start;
  -ms-flex-item-align: start;
  align-self: flex-start;
  margin-top: -0.3rem;
  height: .3rem;
  width: 0;
}

.HeaderButton-option {
  font-family: 'AvenirNextLTProDemi';
  padding: 1.6rem 3.2rem;
  text-transform: none;
  white-space: nowrap;
  font-size: 1.6rem;
  color: #ffffff;
}

.HeaderButton-option:hover {
  background: #038056;
}

.HeaderButton-options {
  min-width: 100%;
  max-height: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  position: absolute;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  background: #00ae75;
  -webkit-transition: max-height .5s ease-out;
  transition: max-height .5s ease-out;
}

.HeaderButton--active .HeaderButton-options,
.HeaderButton:hover .HeaderButton-options {
  max-height: 50rem;
  -webkit-transition: max-height .5s ease-in;
  transition: max-height .5s ease-in;
}

.HeaderButton--active .HeaderButton-label,
.HeaderButton--active .HeaderButtonHorizontal-label,
.HeaderButton:hover .HeaderButton-label,
.HeaderButton:hover .HeaderButtonHorizontal-label {
  color: #00ae75;
}

.HeaderButton--active .HeaderButton-labelBorder,
.HeaderButton:hover .HeaderButton-labelBorder {
  -webkit-transition: width .5s ease-in;
  transition: width .5s ease-in;
  width: 100%;
}

.HeaderButtonHorizontal-label {
  padding: 0 .9rem !important;
  -webkit-box-orient: horizontal !important;
  -webkit-box-direction: normal !important;
  -ms-flex-direction: row !important;
  flex-direction: row !important;
}

.HeaderButtonHorizontal-labelIcon {
  padding-right: 1rem !important;
  padding-bottom: 0 !important;
}

@media screen and (max-width: 1350px) and (min-width: 1240px) {
  .HeaderButtonHorizontal-labelIcon .HeaderButtonHorizontal-labelIcon {
    padding-right: .5rem !important;
  }
}

@media screen and (max-width: 1240px) {
  .HeaderButtonHorizontal-labelIcon {
    padding-right: 0 !important;
    margin-right: .5rem;
  }
}

@media screen and (min-width: 1700px) {
  .HeaderButtonHorizontal-label {
    padding: 0 1.2rem !important;
  }

  .HeaderButton-label,
  .HeaderButtonHorizontal-label {
    font-size: 1.6rem;
    padding: 0 2.1rem;
  }

  .HeaderButton-labelIcon,
  .HeaderButtonHorizontal-labelIcon {
    font-size: 3rem;
  }
}

@media screen and (max-width: 1350px) and (min-width: 1240px) {
  .HeaderButton-labelIcon,
  .HeaderButtonHorizontal-labelIcon,
  .HeaderButtonHorizontal-labelIcon {
    font-size: 2rem;
  }
}

@media screen and (max-width: 1240px) {
  .HeaderButtonHorizontal-label .HeaderButton-text {
    display: none;
  }
}

.PageHeader-topBar-mobileMenu {
  -webkit-transition: 0.5s cubic-bezier(0.68, -0.55, 0.24, 1) all;
  transition: 0.5s cubic-bezier(0.68, -0.55, 0.24, 1) all;
  -webkit-transform: translateX(-100vw);
  transform: translateX(-100vw);
  position: fixed;
  top: 4.2rem;
  right: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.94);
  color: #ffffff;
  z-index: 200;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  max-height: calc(100vh - 4.2rem);
  overflow: auto;
  text-align: center;
}

.PageHeader.open-navbar .PageHeader-topBar-mobileMenu {
  -webkit-transform: translateX(0);
  transform: translateX(0);
}

@media screen and (min-width: 940px) {
  .PageHeader-topBar-mobileMenu {
    display: none;
  }
}

.MobileHeaderNavigation {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  position: relative;
}

.MobileHeaderNavigation-hamburgerIcon {
  padding: 0;
  font-size: 3rem;
  color: #ffffff;
  margin-top: .7rem;
}

.MobileHeaderNavigation-topRow {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  position: absolute;
  background: #000;
  left: 0;
  right: 0;
  top: 0;
  height: 4.3rem;
  z-index: 10;
  padding-left: 1.5rem;
  -webkit-box-flex: 0;
  -ms-flex: 0 0;
  flex: 0 0;
  width: 100vw;
}

.MobileHeaderNavigation-body {
  position: relative;
  overflow: auto;
  padding-top: 5.5rem;
  max-height: 100vh;
}

.MobileHeaderNavigation-closeIcon {
  font-size: 2rem;
  color: #ffffff;
  margin-top: .7rem;
  padding: 0;
}

.MobileHeaderNavigation-mobileMenu {
  -webkit-transition: 0.5s cubic-bezier(0.68, -0.55, 0.24, 1) all;
  transition: 0.5s cubic-bezier(0.68, -0.55, 0.24, 1) all;
  -webkit-transform: translateX(-100vw);
  transform: translateX(-100vw);
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.94);
  color: #ffffff;
  z-index: 200;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  max-height: 100vh;
}

.MobileHeaderNavigation-mobileMenu--visible {
  -webkit-transform: translateX(0);
  transform: translateX(0);
}

.MobileHeaderNavigation-mobileMenu:before {
  content: '';
  display: block;
  top: 0;
  bottom: 0;
  left: -20rem;
  right: 0;
  position: absolute;
  width: 20rem;
  background: rgba(0, 0, 0, 0.94);
}

@media screen and (min-width: 760px) {
  .MobileHeaderNavigation-mobileMenu {
    max-width: 32rem;
  }
}

.NavigationButtons {
  padding: 1rem 1.5rem 2rem;
}

.NavigationButtons-ButtonRow {
  margin-bottom: 2rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-transform: translateX(-150%);
  transform: translateX(-150%);
  opacity: 1;
  -webkit-transition: 0.5s cubic-bezier(0.57, -0.34, 0.25, 1) all;
  transition: 0.5s cubic-bezier(0.57, -0.34, 0.25, 1) all;
  visibility: visible;
}

.NavigationButtons-ButtonRow--left {
  visibility: hidden;
  -webkit-transform: translateX(120%);
  transform: translateX(120%);
}

.NavigationButtons-ButtonRow--right {
  visibility: hidden;
  -webkit-transform: translateX(-120%);
  transform: translateX(-120%);
}

.NavigationButtons-ButtonRow:last-child {
  margin-bottom: 0;
}

.PageHeader.open-navbar .NavigationButtons-ButtonRow {
  -webkit-transform: translateX(0);
  transform: translateX(0);
}

.NavigationButtons-Link {
  font-size: 2.6rem;
  padding: 0;
  line-height: 1;
  min-height: 0;
  border: 0;
  letter-spacing: 2px;
  color: #FFF;
  margin: 0 auto;
}

.NavigationButtons-Link--active {
  color: #00ae75;
}

.NavigationButtons-Link:hover {
  color: #00ae75;
}

.NavigationButtons-DotsIcon {
  font-size: 4rem;
  color: #38414b;
}

.NavigationButtons-DotsIcon--active {
  color: #ffffff;
}

.PageHeader-toggle {
  display: block;
  height: 4.2rem;
  width: 4.2rem;
  cursor: pointer;
  position: absolute;
  top: 0;
  right: 0;
  padding: 0;
  z-index: 2;
  padding: 1.1rem .9rem;
  -webkit-transition: .25s ease-in-out background;
  transition: .25s ease-in-out background;
}

.PageHeader-toggle.PageHeader-toggle-getting {
  left: 1rem !important;
  right: auto !important;
  z-index: 100 !important;
  position: fixed;
}

body.no-touch-devices .PageHeader-toggle {
  right: 1.1rem;
}

@media screen and (max-width: 940px) {
  .PageHeader-toggle {
    right: auto;
    left: 0;
  }
}

.PageHeader-toggle-box {
  position: relative;
  display: block;
  height: 3rem;
  width: 3rem;
}

.PageHeader-toggle span {
  display: block;
  position: absolute;
  height: 3px;
  width: 25px;
  background: #ffffff;
  border-radius: 9px;
  opacity: 1;
  left: 0;
  cursor: pointer;
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .25s ease-in-out;
  transition: .25s ease-in-out;
  will-change: transform;
}

.PageHeader-toggle span:nth-child(1) {
  top: 0;
}

.PageHeader-toggle span:nth-child(2) {
  top: 8px;
  width: 19px;
}

.PageHeader-toggle span:nth-child(3) {
  top: 16px;
}

@media screen and (min-width: 940px) {
  .PageHeader-toggle.PageHeader-toggle-Colors:hover span {
    background: #4083c9;
  }

  .PageHeader-toggle.open.PageHeader-toggle-Colors {
    background: #4083c9;
  }

  .PageHeader-toggle.open.PageHeader-toggle-Colors span {
    background: #ffffff;
  }

  .PageHeader-toggle.open.PageHeader-toggle-Colors:hover {
    background: #00ae75;
  }
}

.PageHeader-toggle.open span:nth-child(1) {
  top: 8px;
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg);
}

.PageHeader-toggle.open span:nth-child(2) {
  opacity: 0;
  right: -60px;
}

.PageHeader-toggle.open span:nth-child(3) {
  top: 8px;
  -webkit-transform: rotate(-135deg);
  transform: rotate(-135deg);
}

.PageHeader-VipMenu ul {
  list-style: none;
  padding: 0;
  margin: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 4.2rem;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.PageHeader-VipMenu ul li {
  padding: 0 1.5rem;
}

.PageHeader-VipMenu ul li a {
  font-family: 'PlayfairDisplayBlack';
  font-size: 1.2rem;
  font-weight: normal;
  text-transform: uppercase;
  color: #FFF;
  -webkit-transition: .2s color;
  transition: .2s color;
  letter-spacing: .2rem;
}

.PageHeader-VipMenu ul li a:hover {
  color: #cab23f;
}

.PageHeader-VipMenu ul li.active a {
  color: #cab23f;
}

@media screen and (max-width: 940px) {
  .PageHeader-VipMenu {
    display: none;
  }
}

.PageHeader-VipMenu-Mobile {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.8);
  z-index: 11;
}

.PageHeader-VipMenu-Mobile::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: .1rem;
  background: #353537;
}

.PageHeader-VipMenu-Mobile ul {
  list-style: none;
  padding: 0;
  margin: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  overflow: auto;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.PageHeader-VipMenu-Mobile ul li a {
  height: 3.4rem;
  line-height: 3.4rem;
  margin-left: 2.5rem;
  letter-spacing: .05em;
  font-family: 'AvenirNextLTProBold';
  white-space: nowrap;
  text-transform: uppercase;
  color: #FFFFFF;
  display: block;
  position: relative;
  -webkit-transition: .2s color;
  transition: .2s color;
}

.PageHeader-VipMenu-Mobile ul li a::before {
  display: block;
  content: "";
  height: .3rem;
  width: 0;
  background: #cab23f;
  position: absolute;
  left: 0;
  top: 0;
  -webkit-transition: .5s width;
  transition: .5s width;
}

.PageHeader-VipMenu-Mobile ul li a:hover {
  color: #cab23f;
}

.PageHeader-VipMenu-Mobile ul li a:hover::before {
  width: 100%;
}

.PageHeader-VipMenu-Mobile ul li:last-child {
  padding-right: 2.5rem;
}

.PageHeader-VipMenu-Mobile ul li.active a {
  color: #cab23f;
}

.PageHeader-VipMenu-Mobile ul li.active a::before {
  width: 100%;
}

@media screen and (min-width: 940px) {
  .PageHeader-VipMenu-Mobile {
    display: none;
  }
}

.PageFooter {
  color: white;
  font-size: 1.4rem;
  position: relative;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition-delay: 0.2s;
  transition-delay: 0.2s;
  -webkit-transform: translateY(0%);
  transform: translateY(0%);
  -webkit-transition: 1s all cubic-bezier(0.27, 0.38, 0.24, 1.08);
  transition: 1s all cubic-bezier(0.27, 0.38, 0.24, 1.08);
}

.PageFooter--folded {
  -webkit-transition-delay: 0s;
  transition-delay: 0s;
  -webkit-transform: translateY(100%);
  transform: translateY(100%);
}

.PageFooter-content {
  padding: 6rem 2.5rem 0;
  opacity: 1;
  background-color: rgba(0, 0, 0, 0.9);
}

.PageFooter-TopSection {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
  -ms-flex-direction: column-reverse;
  flex-direction: column-reverse;
}

.PageFooter-InfoSection {
  margin-top: 1rem;
}

.PageFooter-Tabs {
  min-height: 45rem;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
}

.PageFooter--fixed {
  position: fixed;
  bottom: 0;
  right: 0;
  left: 0;
  z-index: 30;
}

.PageFooter--fixed .InfoSection {
  background: transparent;
}

.PageFooter--fixed .PageFooter-content {
  padding: 2.5rem 1.5rem 0 2.5rem;
}

@media screen and (min-width: 1000px) {
  .PageFooter-Tabs {
    background-image: url("/img/footer-tab-bkg.png");
  }
}

@media (max-width: 999px) {
  .PageFooter {
    padding-bottom: 2rem;
  }
}

@media (min-width: 1250px) {
  .PageFooter-TopSection {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
  }

  .PageFooter-InfoSection {
    margin-top: 5.5rem;
  }
}

.WorkInProgress {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 100vh;
  opacity: 0;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.WorkInProgress.WorkInProgress-fadeIn {
  opacity: 1;
  -webkit-transition: all 2s ease-in;
  transition: all 2s ease-in;
}

.WorkInProgress img {
  width: 70vw;
  height: 70vh;
}

@media (min-width: 600px) {
  .FooterMenus {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
  }

  .FooterMenus-Menu {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 0.5;
    -ms-flex: 0.5;
    flex: 0.5;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
}

.HorizontalMenuList {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  list-style: none;
  padding: 0;
  margin: 0;
}

.HorizontalMenuList-ListItem {
  margin-left: 0;
  margin-bottom: 1.7rem;
  font-size: 1.6rem;
}

.HorizontalMenuList-ListItemLink {
  color: white;
  text-decoration: none;
  font-family: 'AvenirNextLTProRegular';
  white-space: nowrap;
}

.HorizontalMenuList-ListItemLink--big {
  font-family: 'AvenirNextLTProBold';
  text-transform: uppercase;
}

.HorizontalMenuList-ListItemLink:hover {
  text-decoration: underline;
  color: #00ae75;
}

@media (max-width: 599px) {
  .HorizontalMenuList--big {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }

  .HorizontalMenuList--big .HorizontalMenuList-ListItem {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 50%;
    flex: 1 1 50%;
  }
}

@media (min-width: 600px) {
  .HorizontalMenuList-ListItem {
    text-align: center;
  }
}

@media screen and (min-width: 640px) {
  .HorizontalMenuList-ListItem {
    margin-bottom: 2.5rem;
  }
}

@media screen and (min-width: 1000px) {
  .FooterMenus {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .FooterMenus-Menu--top {
    margin-bottom: 4rem;
  }

  .HorizontalMenuList {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
  }

  .HorizontalMenuList-ListItem {
    margin-bottom: 0;
    font-size: 1.4rem;
    margin-left: 2rem;
  }

  .HorizontalMenuList-ListItem:first-child {
    margin-left: 0;
  }
}

@media (min-width: 1250px) {
  .FooterMenus {
    -webkit-box-flex: 0.7;
    -ms-flex: 0.7;
    flex: 0.7;
    margin-top: 0;
  }
}

@media screen and (min-width: 1400px) {
  .HorizontalMenuList-ListItem {
    margin-left: 4rem;
  }

  .HorizontalMenuList-ListItem--big {
    margin-left: 4.5rem;
  }
}

@media screen and (min-width: 1600px) {
  .HorizontalMenuList-ListItem {
    font-size: 1.4rem;
    margin-left: 3rem;
    letter-spacing: 1px;
    line-height: 1;
  }

  .HorizontalMenuList-ListItem--big {
    letter-spacing: 2px;
    margin-left: 3rem;
  }
}

.SocialSection {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-bottom: 1.5rem;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.SocialSection-SocialIconsPosition {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.SocialSection-Locale {
  -webkit-box-ordinal-group: 2;
  -ms-flex-order: 1;
  order: 1;
  -webkit-box-flex: 1;
  -ms-flex: 1 1 50%;
  flex: 1 1 50%;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}

.SocialSection-Contact {
  -webkit-box-ordinal-group: 3;
  -ms-flex-order: 2;
  order: 2;
  -webkit-box-flex: 1;
  -ms-flex: 1 1 50%;
  flex: 1 1 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}

.SocialSection-SocialIcons {
  -webkit-box-ordinal-group: 4;
  -ms-flex-order: 3;
  order: 3;
  -webkit-box-flex: 1;
  -ms-flex: 1 1 100%;
  flex: 1 1 100%;
  margin-top: 1.7rem;
}

.SocialSection-ContactButton {
  font-size: 1.2rem;
  height: 3rem;
  padding: .8rem 1.5rem;
  min-height: auto;
  color: #FFF;
  white-space: nowrap;
  line-height: 1;
}

@media (min-width: 1700px) {
  .SocialSection-ContactButton {
    font-size: 1.4rem;
    height: 3.5rem;
    line-height: 1.6rem;
    padding: .8rem 2.5rem;
  }
}

@media (max-width: 639px) {
  .SocialSection-Locale {
    padding-right: 1rem;
  }

  .SocialSection-Locale .LocaleSelect .SelectField .Select {
    width: 100% !important;
  }

  .SocialSection-Locale .LocaleSelect .SelectField .Select .Select-control {
    width: 100% !important;
  }

  .SocialSection-Contact {
    padding-left: 1rem;
  }

  .SocialSection-ContactButton {
    display: block;
    width: 100%;
  }
}

@media screen and (min-width: 640px) {
  .SocialSection {
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    margin-bottom: 3.5rem;
  }

  .SocialSection-Locale {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
    -webkit-box-flex: 0.6;
    -ms-flex: 0.6;
    flex: 0.6;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }

  .SocialSection-Contact {
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
  }

  .SocialSection-SocialIcons {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
    -webkit-box-flex: 2;
    -ms-flex: 2;
    flex: 2;
    margin-top: 0;
  }
}

@media (min-width: 1250px) {
  .SocialSection {
    -webkit-box-flex: 0.4;
    -ms-flex: 0.4;
    flex: 0.4;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: 0;
  }

  .SocialSection-SocialIconsPosition {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
  }

  .SocialSection-Locale {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 3;
    -ms-flex: 3;
    flex: 3;
  }

  .SocialSection-Contact {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    min-width: 17rem;
  }

  .SocialSection-ContactButton {
    margin-left: 2.5rem;
  }

  .SocialSection-SocialIcons {
    margin-top: 4rem;
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3;
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    text-align: right;
    width: 100%;
  }
}

@media screen and (min-width: 1400px) {
  .SocialSection-Contact {
    min-width: 17rem;
  }
}

.InfoSection {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  background: #111519;
  margin: 0 -2.5rem;
  padding: 1rem 2.5rem;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  overflow: hidden;
}

.InfoSection-CenterBlock {
  -webkit-box-ordinal-group: 2;
  -ms-flex-order: 1;
  order: 1;
  -webkit-box-flex: 1;
  -ms-flex: 1 1 100%;
  flex: 1 1 100%;
  width: 100%;
}

.InfoSection-InfoHeader {
  font-family: 'AvenirNextLTProBold';
  font-size: 1.2rem;
  margin-bottom: 1.4rem;
  text-transform: uppercase;
}

.InfoSection-SideBlock {
  -webkit-box-flex: 1;
  -ms-flex: 1 1 50%;
  flex: 1 1 50%;
  -webkit-box-ordinal-group: 3;
  -ms-flex-order: 2;
  order: 2;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.InfoSection-SideBlock--right {
  text-align: right;
}

.InfoSection-Content {
  color: #6c7580;
  line-height: 1.4rem;
  font-size: 1.2rem;
}

.InfoSection-Content--green {
  color: #00ae75;
  line-height: 2.8rem;
  position: relative;
  top: -1rem;
}

.InfoSection-Content--underline {
  text-decoration: underline;
}

.InfoSection-InfoTextBlock {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin: 1rem 0;
}

.InfoSection-InfoText {
  font-size: 1.1rem;
  font-family: 'AvenirNextLTProBold';
  color: #6c7580;
  line-height: 1.4;
}

.InfoSection-SponsorsIcons {
  max-width: 65rem;
  margin: 0 -1.5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 4rem;
}

.SponsorsIcons-Icon {
  font-size: 3.5rem;
  color: #ffffff;
  max-height: 4rem;
  height: 4rem;
  min-height: 4rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.SponsorsIcons-Icon--bigger {
  font-size: 6.5rem;
  position: relative;
  top: 0.2rem;
}

@media (min-width: 600px) {
  .InfoSection-SponsorsIcons {
    margin: 0 auto;
    height: 5rem;
  }

  .SponsorsIcons-Icon {
    font-size: 7rem;
    max-height: 5rem;
    height: 5rem;
    min-height: 5rem;
  }

  .SponsorsIcons-Icon--bigger {
    font-size: 11rem;
    top: 0.5rem;
  }
}

@media screen and (min-width: 640px) {
  .InfoSection {
    background: #060A0D;
    padding: 2.5rem;
  }

  .InfoSection-InfoTextBlock {
    margin: 3.5rem 0;
  }
}

@media (min-width: 1100px) {
  .InfoSection {
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
  }

  .InfoSection-CenterBlock {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
    -webkit-box-flex: 2;
    -ms-flex: 2;
    flex: 2;
  }

  .InfoSection-InfoHeader {
    font-size: 1.4rem;
  }

  .InfoSection-SideBlock {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin-top: 0;
  }

  .InfoSection-SideBlock--right {
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3;
  }

  .InfoSection-Content {
    font-size: 1.4rem;
    line-height: 2rem;
  }

  .InfoSection-Content--green {
    top: 0;
    font-size: 1.4rem;
    line-height: 1.5;
  }

  .InfoSection-SponsorsIcons {
    max-width: 55rem;
  }

  .InfoSection-InfoTextBlock {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
  }

  .InfoSection-InfoText {
    font-size: 1.2rem;
    text-transform: uppercase;
    border-left: 2px solid #38414b;
    letter-spacing: 2px;
    white-space: nowrap;
    padding: 0 1.5rem;
  }

  .InfoSection-InfoText:first-child {
    border: none;
  }

  .SponsorsIcons-Icon {
    font-size: 7rem;
    color: #38414b;
  }

  .SponsorsIcons-Icon--bigger {
    font-size: 11rem;
  }

  .SponsorsIcons-Icon:hover {
    color: #ffffff;
  }
}

@media screen and (min-width: 1400px) {
  .InfoSection {
    padding: 5rem 3rem;
  }

  .InfoSection-InfoText {
    letter-spacing: 5px;
  }

  .InfoSection-SponsorsIcons {
    max-width: 70rem;
    margin-bottom: 3rem;
  }

  .SponsorsIcons-Icon {
    font-size: 8rem;
  }

  .SponsorsIcons-Icon--bigger {
    font-size: 12rem;
  }
}

.TabsComponent p {
  margin: 0;
  padding: 0;
  margin-bottom: 2rem;
  font-size: 1.4rem;
  line-height: 1.8rem;
}

.TabsComponent p:last-child {
  margin-bottom: 3rem;
}

.TabsComponent-Tab {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.TabsComponent-Tab .ButtonOneBorder-labelBorder {
  height: 0.5rem;
}

.TabsComponent-Content {
  margin: 3.5rem auto 0;
  text-align: center;
  position: static;
  max-width: 47rem;
  padding: 0;
}

.TabsComponent-HeaderButton {
  margin-top: 4.5rem;
  text-align: center;
}

.TabsComponent-TextHeader {
  font-family: 'AvenirNextLTProBold';
  font-size: 1.8rem;
  display: none;
}

@media screen and (min-width: 1000px) {
  .TabsComponent-HeaderButton {
    margin-top: 0;
    text-align: left;
  }

  .TabsComponent-Content {
    opacity: 0;
    min-width: 100%;
    max-width: 43rem;
    padding: 7rem 0 4rem;
    -webkit-transition: 0.3s ease all;
    transition: 0.3s ease all;
  }

  .TabsComponent-Content--active {
    top: 0;
    left: 0;
    right: 0;
    opacity: 1;
    position: absolute;
    -webkit-transform: translateX(0%);
    transform: translateX(0%);
  }

  .TabsComponent-Content--left {
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
  }

  .TabsComponent-Content--right {
    -webkit-transform: translateX(50%);
    transform: translateX(50%);
  }

  .TabsComponent p {
    font-size: 1.4rem;
    line-height: 1.5;
  }

  .TabsComponent-TextHeader {
    display: inline-block;
    margin-bottom: 1rem;
  }
}

.CuracaoTag {
  width: 4rem;
  height: 4rem;
}

.FooterTabs {
  margin: 0 auto;
  position: relative;
}

.FooterTabs-Icons {
  text-align: center;
  margin-top: 2.5rem;
  font-size: 4rem;
}

.FooterTabs-Icons span {
  margin: 0 1.2rem;
}

.FooterTabs-Icons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.FooterTabs-carousel {
  display: none;
}

@media screen and (min-width: 1000px) {
  .FooterTabs {
    position: relative;
    max-width: 130rem;
    margin-top: 5rem;
  }

  .FooterTabs--smaller {
    margin-top: 0;
  }

  .FooterTabs--smaller .FooterTabs-BackgroundImage {
    display: none;
  }

  .FooterTabs-BackgroundImage {
    display: block;
    min-height: 55rem;
    overflow: hidden;
  }

  .FooterTabs-Icons {
    text-align: center;
  }

  .FooterTabs-carousel {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0 auto;
    overflow: hidden;
    max-width: 70rem;
    position: relative;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }

  .FooterTabs-carousel-mobile {
    display: none;
  }

  .FooterTabs-carousel-headers {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    border-bottom: 0.1rem solid #38414b;
  }

  .FooterTabs-carousel-headers .ButtonOneBorder-label {
    color: #6c7580;
    font-size: 1.6rem;
  }

  .FooterTabs-carousel-headers .ButtonOneBorder--active .ButtonOneBorder-label,
  .FooterTabs-carousel-headers .ButtonOneBorder:hover .ButtonOneBorder-label {
    color: #00ae75;
  }

  .FooterTabs-carousel-contents {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
  }
}

.SocialIcons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.SocialIcons-SocialIcon {
  display: inline-block;
  padding: 0.2rem 0 0 0.1rem;
  font-size: 1.4rem;
  line-height: 1;
}

.SocialIcons-SocialButton {
  color: #ffffff;
  width: 2.7rem;
  height: 2.7rem;
  line-height: 1;
  max-height: 2.7rem;
  min-height: 2.7rem;
  border-radius: 50%;
  border: 1px solid #ffffff;
  margin-left: 2.7rem;
  padding: 0;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.SocialIcons-SocialButton:first-child {
  margin-left: 0;
}

.SocialIcons-SocialButton:hover {
  background-color: #ffffff;
  color: #000000;
}

@media (min-width: 640px) and (max-width: 1000px) {
  .SocialIcons-SocialIcon {
    font-size: 1.6rem;
  }

  .SocialIcons-SocialButton {
    width: 3.1rem;
    height: 3.1rem;
    max-height: 3.1rem;
    min-height: 3.1rem;
    margin-left: 2.5rem;
  }
}

@media (max-width: 639px) {
  .SocialIcons-SocialButton {
    margin-left: 3.7rem;
  }
}

.Select .Select-control {
  border: none;
  height: 3.2rem;
  width: 16.2rem;
  cursor: pointer;
  border-radius: 0;
  border-bottom: 0.3rem solid #ffffff;
}

.Select .Select-control .Select-placeholder,
.Select .Select-control .Select-value {
  padding: 0 1.4rem;
  line-height: 2rem;
  display: inline-block;
  vertical-align: middle;
}

@media (min-width: 1700px) {
  .Select .Select-control .Select-placeholder,
  .Select .Select-control .Select-value {
    padding: 0 1.4rem;
    line-height: 2.7rem;
  }
}

@media (max-width: 1000px) and (min-width: 639px) {
  .Select .Select-control .Select-placeholder,
  .Select .Select-control .Select-value {
    line-height: 3.2rem;
  }
}

.Select .Select-control .Select-arrow-zone {
  float: right;
  line-height: 2.6rem;
  padding-right: 1rem;
  vertical-align: middle;
}

@media (min-width: 1700px) {
  .Select .Select-control .Select-arrow-zone {
    line-height: 3.2rem;
  }
}

.Select .Select-control .Select-arrow-zone .Select-arrow {
  width: 0;
  height: 0;
  -webkit-transform: rotate(0);
  transform: rotate(0);
  display: inline-block;
  border-top: 0.6rem solid #ffffff;
  border-left: 0.6rem solid transparent;
  border-right: 0.6rem solid transparent;
}

.Select .Select-menu-outer {
  background-color: #192127;
  position: absolute;
  width: 16.2rem;
  color: #ffffff;
  border: none;
  z-index: 10;
  display: none;
}

.Select.is-open .Select-menu-outer {
  display: block;
}

.Select .Select-menu-outer .Select-option {
  height: 3.2rem;
  cursor: pointer;
  padding: 0 1.4rem;
  line-height: 3.2rem;
  vertical-align: middle;
  background-color: #192127;
  color: #FFF;
  height: 3.2rem;
  cursor: pointer;
  padding: 0 1.4rem;
  line-height: 3.2rem;
  vertical-align: middle;
  border: 0;
  display: block;
}

.Select .Select-menu-outer .Select-option:hover {
  background: #00ae75;
}

.Select .Select-menu-outer .Select-option.is-selected {
  display: none;
}

.Select .Select-menu-outer .Select-option.is-focused {
  background-color: #00ae75;
}

.is-open.Select .Select-control {
  border-bottom: 0.3rem solid #00ae75;
}

.is-open.Select .Select-arrow-zone .Select-arrow {
  border-top: 0.6rem solid #00ae75;
  -webkit-transform: rotate(-180deg);
  transform: rotate(-180deg);
}

.Select {
  position: relative;
  height: 4rem;
}

.Select .Select-control {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  padding: 0;
}

.Select .Select-control .Select-placeholder,
.Select .Select-control .Select-value {
  padding: 0;
  color: #ffffff;
  font-size: 1.8rem;
  padding-right: 1.4rem;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.Select .Select-control .Select-placeholder .Select-value-label,
.Select .Select-control .Select-value .Select-value-label {
  text-transform: capitalize;
}

.Select .Select-control .Select-arrow-zone {
  padding: 0;
}

.Select .Select-menu-outer {
  -webkit-transition: height 0.5s ease-in-out;
  transition: height 0.5s ease-in-out;
  width: 100%;
}

.Select .Select-menu-outer .Select-option {
  text-transform: capitalize;
  padding: 1.4rem;
  line-height: 1em;
  font-size: 1.2rem;
  height: auto;
}

.Select .Select-menu-outer .Select-option.is-selected {
  display: none;
}

.Select {
  margin-bottom: 1.5rem;
}

.Select .Select-value,
.Select .Select-value-label {
  font-size: 2rem;
}

.Select .Select-control {
  width: 100%;
  border-bottom-width: 0.2rem;
  padding: 0;
}

.Select .Select-control .Select-input {
  display: block;
}

.Select .Select-control .Select-input input {
  pointer-events: none;
  position: absolute;
  background: none;
  outline: none;
  border: none;
  border: none;
  left: 0;
  top: 0;
}

.LocaleSelect {
  position: relative;
  max-height: 3.5rem;
}

.LocaleSelect-error {
  position: absolute;
  bottom: 4rem;
  width: 30rem;
  padding: 1rem 2rem;
  border-radius: 3rem;
  background-color: #d72a2a;
  -webkit-transform: translateX(-38%);
  transform: translateX(-38%);
}

.LocaleSelect .SelectField .Select {
  width: 8.5rem;
  height: 3rem;
  border-radius: 2rem;
  border: 2px solid #38414b;
  padding: 0 1.5rem;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0;
}

@media (min-width: 1700px) {
  .LocaleSelect .SelectField .Select {
    height: 3.5rem;
  }
}

.LocaleSelect .SelectField .Select .Select-value-label {
  font-family: 'AvenirNextLTProBold';
  font-size: 1.2rem;
  letter-spacing: 1px;
}

@media (min-width: 1700px) {
  .LocaleSelect .SelectField .Select .Select-value-label {
    font-size: 1.4rem;
  }
}

.LocaleSelect .SelectField .Select .Select-arrow-zone .Select-arrow {
  border-top-color: #38414b;
  position: relative;
  top: -2px;
}

.LocaleSelect .SelectField .Select .Select-control {
  width: 5.5rem;
  padding: 0;
  border-bottom: none;
  display: block;
}

.LocaleSelect .SelectField .Select .Select-menu-outer {
  -webkit-transform: translateX(-1.5rem);
  transform: translateX(-1.5rem);
}

@media (min-width: 639px) {
  .LocaleSelect .SelectField .Select .Select-menu-outer {
    -webkit-transform: translateX(-15%);
    transform: translateX(-15%);
  }
}

@media (max-width: 1000px) {
  .LocaleSelect .SelectField .Select {
    width: 10rem;
    height: 4rem;
  }

  .LocaleSelect .SelectField .Select .Select-control {
    width: 7rem;
  }

  .LocaleSelect .SelectField .Select .Select-value-label {
    font-size: 1.6rem;
  }
}

@media (max-width: 1000px) {
  .LocaleSelect {
    max-height: 3rem;
  }

  .LocaleSelect .SelectField .Select {
    width: 10rem;
    height: 3rem;
  }

  .LocaleSelect .SelectField .Select .Select-control {
    width: 7rem;
  }

  .LocaleSelect .SelectField .Select .Select-control .Select-value {
    line-height: 2rem;
  }

  .LocaleSelect .SelectField .Select .Select-control .Select-arrow-zone {
    line-height: 2.8rem;
  }

  .LocaleSelect .SelectField .Select .Select-value-label {
    font-size: 1.2rem;
  }
}

.btn-expand-footer,
.page-vip .btn-benefits-swiper {
  display: inline-block;
  width: 6rem;
  height: 6rem;
  border-radius: 50%;
  border: 2px solid transparent;
  text-align: center;
  text-transform: uppercase;
  font-family: "AvenirNextLTProBold", Arial, sans-serif;
  font-weight: normal;
  -webkit-transition: 0.25s background,  0.25s -webkit-transform;
  transition: 0.25s background,  0.25s -webkit-transform;
  transition: 0.25s background,  0.25s transform;
  transition: 0.25s background,  0.25s transform,  0.25s -webkit-transform;
  letter-spacing: 0.05rem;
  position: relative;
  -webkit-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
}

.btn-expand-footer .icon,
.page-vip .btn-benefits-swiper .icon {
  position: absolute;
  top: 0.5rem;
  left: 1.8rem;
  font-size: 1.8rem;
}

.btn-expand-footer span,
.page-vip .btn-benefits-swiper span {
  font-size: 1rem;
  display: block;
  padding-top: 2.4rem;
}

.btn-expand-footer.btn-expand-footer-action--leave,
.page-vip .btn-expand-footer-action--leave.btn-benefits-swiper {
  -webkit-transform: translate(-50%, 10rem) !important;
  transform: translate(-50%, 10rem) !important;
}

.PageFooter-Expand {
  position: fixed;
  bottom: 0;
  right: 0;
  left: 0;
  z-index: 30;
  background: #010101;
  -webkit-transition: 0.5s -webkit-transform;
  transition: 0.5s -webkit-transform;
  transition: 0.5s transform;
  transition: 0.5s transform, 0.5s -webkit-transform;
  -webkit-transition-delay: 0.25s;
  transition-delay: 0.25s;
  -webkit-transform: translate(0, 120%);
  transform: translate(0, 120%);
}

.PageFooter-Expand--enter {
  -webkit-transform: translate(0, 0);
  transform: translate(0, 0);
}

.PageFooter-ExpandContent {
  max-height: calc(100vh - 15rem);
  overflow: hidden;
}

/* Expand button */

.ExpandButton {
  width: 6rem;
  height: 6rem;
  border-radius: 50%;
  border: 2px solid #6c7580;
  position: absolute;
  top: 0;
  left: 50%;
  cursor: pointer;
  z-index: 100;
  -webkit-transform: translate(-50%, -150%);
  transform: translate(-50%, -150%);
  -webkit-transition: all .3s ease;
  transition: all .3s ease;
}

.ExpandButton-content {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.ExpandButton-content--reverse {
  padding-top: 1.5rem;
}

.ExpandButton-icon {
  font-size: 2.5rem;
  color: #fff;
}

.ExpandButton-text {
  color: #fff;
  position: relative;
  top: -.5rem;
  font-size: 1rem;
  text-transform: uppercase;
  font-family: AvenirNextLTProBold;
}

.ExpandButton-text--reverse {
  top: .2rem;
}

.ExpandButton--active {
  background-color: #4083c9;
  border: none;
  -webkit-animation-name: downAndUp;
  animation-name: downAndUp;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.ExpandButton-FadeInOut-leave {
  -webkit-transition: all 1s ease;
  transition: all 1s ease;
  -webkit-transform: translate(-50%, 100%);
  transform: translate(-50%, 100%);
}

.ExpandButton-FadeInOut-enter {
  -webkit-animation-name: show;
  animation-name: show;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
}

@-webkit-keyframes downAndUp {
  0% {
    -webkit-transform: translate(-50%, -150%);
    transform: translate(-50%, -150%);
    opacity: 1;
  }

  15% {
    -webkit-transform: translate(-50%, 20%);
    transform: translate(-50%, 20%);
    opacity: 0;
  }

  35%, to {
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    opacity: 1;
  }
}

@keyframes downAndUp {
  0% {
    -webkit-transform: translate(-50%, -150%);
    transform: translate(-50%, -150%);
    opacity: 1;
  }

  15% {
    -webkit-transform: translate(-50%, 20%);
    transform: translate(-50%, 20%);
    opacity: 0;
  }

  35%, to {
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    opacity: 1;
  }
}

@-webkit-keyframes show {
  0% {
    -webkit-transform: translate(-50%);
    transform: translate(-50%);
  }

  to {
    -webkit-transform: translate(-50%, -150%);
    transform: translate(-50%, -150%);
  }
}

@keyframes show {
  0% {
    -webkit-transform: translate(-50%);
    transform: translate(-50%);
  }

  to {
    -webkit-transform: translate(-50%, -150%);
    transform: translate(-50%, -150%);
  }
}

.page-rg {
  color: #ffffff;
}

.ResponsibleLanding-bg {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background-size: cover !important;
  height: 100%;
}

@media all and (min-width: 641px) {
  .ResponsibleLanding-bg {
    background: url("/files/responsible-gaming/rg-landing.jpg") no-repeat center center;
  }
}

@media all and (max-width: 640px) {
  .ResponsibleLanding-bg {
    background: url("/files/responsible-gaming/rg-landing-640.jpg") no-repeat center center;
  }
}

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

.clearfix:after {
  clear: both;
}

.landing {
  height: 100vh;
  position: relative;
}

@media screen and (max-width: 940px) {
  .landing {
    height: calc(100vh - 4.2rem);
    margin-top: 4.2rem;
  }
}

@media all and (max-width: 767px) and (orientation: landscape) {
  .landing {
    height: 150vh;
  }
}

.landing article {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
}

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

.landing article:after {
  clear: both;
}

.landing article .data {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 12rem;
  margin: 0 auto;
  text-align: center;
}

@media screen and (max-width: 1700px) {
  .landing article .data {
    bottom: 2rem;
  }
}

@media screen and (max-width: 640px) {
  .landing article .data {
    bottom: 2rem;
  }
}

.landing article .data h2 {
  font-size: 7rem;
  font-family: "AvenirNextLTProBold", Arial, sans-serif;
  font-weight: 800;
  margin: 0 0 5rem;
}

@media screen and (max-width: 1700px) {
  .landing article .data h2 {
    font-size: 4rem;
    margin: 0 0 2rem;
  }
}

@media screen and (max-width: 640px) {
  .landing article .data h2 {
    font-size: 3.2rem;
    margin: 0 auto;
    width: 80%;
    text-align: center;
    line-height: 3.4rem;
  }
}

.landing article .data p {
  font-size: 2.4rem;
  font-family: "MontserratLight", Arial, serif;
  font-weight: 400;
  line-height: 1.2;
  padding: 0 0 5.2rem;
  max-width: 62rem;
  margin: 0 auto;
}

.landing article .data p strong {
  font-family: "MontserratBold";
}

@media screen and (max-width: 1700px) {
  .landing article .data p {
    font-size: 1.8rem;
    padding: 0 0 3rem;
    max-width: 44rem;
  }
}

@media screen and (max-width: 640px) {
  .landing article .data p {
    font-size: 1.6rem;
    margin: 2rem auto 0;
    width: 90%;
    text-align: center;
    line-height: 2.2rem;
    padding: 0 0 3rem;
  }

  .landing article .data p strong {
    display: block;
  }
}

.landing article .data .ButtonSecondary {
  font-size: 1.6rem;
  padding: 2rem 4rem;
}

@media screen and (max-width: 1700px) {
  .landing article .data .ButtonSecondary {
    font-size: 1.2rem;
    padding: 1.5rem 3rem;
  }
}

.Responsible-banners {
  display: table;
  width: 100%;
  overflow: hidden;
}

@media all and (min-width: 1025px) {
  .Responsible-banners:hover article {
    width: 15%;
  }
}

.Responsible-banners article {
  display: table-cell;
  width: 25%;
  height: calc(100vh - 4.2rem);
  position: relative;
  cursor: pointer;
  z-index: 1;
  background-size: cover;
  -webkit-transition: width .6s ease-in-out;
  transition: width .6s ease-in-out;
  width: 25%;
  overflow: hidden;
}

.Responsible-banners article a {
  text-decoration: none;
  color: #fff;
  cursor: pointer;
  display: block;
  width: 100%;
  height: 100%;
}

@media screen and (max-width: 1024px) {
  .Responsible-banners article {
    width: 50%;
    height: 65vh;
    display: block;
    float: left;
  }
}

@media screen and (max-width: 767px) {
  .Responsible-banners article {
    width: 100%;
    padding: 0;
    display: block;
  }
}

@media all and (max-width: 767px) and (orientation: landscape) {
  .Responsible-banners article {
    height: 85vh;
  }
}

.Responsible-banners article .bannerBg {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  -webkit-transition: opacity .2s ease-in-out;
  transition: opacity .2s ease-in-out;
}

.Responsible-banners article .Responsible-banners-data {
  position: absolute;
  top: 71vh;
  left: 0;
  right: 0;
  opacity: 1;
  -webkit-transition: opacity .2s ease-out;
  transition: opacity .2s ease-out;
}

@media screen and (max-width: 1024px) {
  .Responsible-banners article .Responsible-banners-data {
    top: 45vh;
  }
}

@media screen and (width: 1024px) and (height: 640px) {
  .Responsible-banners article .Responsible-banners-data {
    top: 43vh;
  }
}

@media screen and (max-width: 640px) {
  .Responsible-banners article .Responsible-banners-data {
    top: 42vh;
  }
}

.Responsible-banners article .Responsible-banners-data h3 {
  font-size: 3.6rem;
  font-family: "AvenirNextLTProBold", Arial, sans-serif;
  font-weight: 800;
  margin: 0 5.5rem;
  text-transform: uppercase;
  position: relative;
  -webkit-transition: -webkit-transform 1000ms;
  transition: -webkit-transform 1000ms;
  transition: transform 1000ms;
  transition: transform 1000ms, -webkit-transform 1000ms;
  -webkit-transform: translateZ(0) translateY(0);
  transform: translateZ(0) translateY(0);
  -webkit-transition: all .3s ease-out;
  transition: all .3s ease-out;
  text-shadow: 0 0.1rem 0.1rem rgba(0, 0, 0, 0.6);
  letter-spacing: .1rem;
  width: 38rem;
}

@media screen and (max-width: 1700px) {
  .Responsible-banners article .Responsible-banners-data h3 {
    margin: 0 3em 0 3rem;
  }
}

@media screen and (min-width: 1367px) and (max-width: 1680px) {
  .Responsible-banners article .Responsible-banners-data h3 {
    font-size: 2.8rem;
    width: 27rem;
  }
}

@media screen and (max-width: 1366px) {
  .Responsible-banners article .Responsible-banners-data h3 {
    font-size: 2.5rem;
    margin: 0 2rem;
  }
}

@media screen and (min-width: 1024px) and (max-width: 1366px) {
  .Responsible-banners article .Responsible-banners-data h3 {
    width: 22rem;
    font-size: 2.2rem;
  }
}

@media screen and (max-width: 640px) {
  .Responsible-banners article .Responsible-banners-data h3 {
    font-size: 2.5rem;
    width: 90%;
  }
}

@media all and (max-width: 767px) and (orientation: landscape) {
  .Responsible-banners article .Responsible-banners-data h3 {
    width: 50%;
  }
}

.Responsible-banners article .Responsible-banners-data h3:after {
  position: absolute;
  left: -18%;
  height: 1px;
  width: 18%;
  background: rgba(255, 255, 255, 0.3);
  content: "";
  top: -20px;
}

.Responsible-banners article .Responsible-banners-data h3:before {
  position: absolute;
  top: -2rem;
  left: 0;
  height: 3px;
  width: 4rem;
  background: white;
  content: "";
}

.Responsible-banners article .Responsible-banners-data h3 span {
  display: block;
}

.Responsible-banners article .Responsible-banners-data .Responsible-banners-action {
  opacity: 0;
  -webkit-transform: translateZ(0) translateY(2rem);
  transform: translateZ(0) translateY(2rem);
  -webkit-transition: all .5s ease-in-out .6s;
  transition: all .5s ease-in-out .6s;
  margin: 2rem 3rem 0 7.5rem;
}

@media screen and (max-width: 1700px) {
  .Responsible-banners article .Responsible-banners-data .Responsible-banners-action {
    margin-left: 5rem;
  }
}

@media all and (max-width: 1366px) {
  .Responsible-banners article .Responsible-banners-data .Responsible-banners-action {
    margin-left: 4rem;
  }
}

@media all and (max-width: 1024px) {
  .Responsible-banners article .Responsible-banners-data .Responsible-banners-action {
    display: block;
    -webkit-transform: translateZ(0) translateY(0rem);
    transform: translateZ(0) translateY(0rem);
    margin-left: 4rem;
  }
}

.Responsible-banners article .Responsible-banners-data .Responsible-banners-action .icon {
  display: none;
  font-size: 28px;
  font-size: 2.8rem;
  line-height: 3.08rem;
  position: relative;
  width: 6rem;
  height: 6rem;
  text-align: center;
  -webkit-transition: all 1s ease;
  transition: all 1s ease;
  font-size: 2.8rem;
  border: 0;
  font-family: "AvenirNextLTProBold", Arial, sans-serif;
  font-weight: 800;
  text-transform: uppercase;
  border: 0;
}

@media all and (max-width: 1024px) {
  .Responsible-banners article .Responsible-banners-data .Responsible-banners-action .icon {
    display: block;
  }
}

@media all and (max-width: 640px) {
  .Responsible-banners article .Responsible-banners-data .Responsible-banners-action .icon {
    display: none;
  }
}

.Responsible-banners article .Responsible-banners-data .Responsible-banners-action .icon span {
  font-size: 1rem;
  position: absolute;
  left: -17px;
  top: 0;
}

.Responsible-banners article.hide .Responsible-banners-data {
  opacity: 0;
}

.Responsible-banners article.hide .bannerBg {
  opacity: .25;
}

@media all and (min-width: 1025px) {
  .Responsible-banners article.getting-active-box {
    width: 55%;
  }

  .Responsible-banners article.getting-active-box h3 {
    -webkit-transform: translateY(-10rem);
    transform: translateY(-10rem);
    -webkit-transition-delay: .6s;
    transition-delay: .6s;
  }

  .Responsible-banners article.getting-active-box .Responsible-banners-action {
    -webkit-transform: translateZ(0) translateY(-10rem);
    transform: translateZ(0) translateY(-10rem);
    opacity: 1;
  }

  .Responsible-banners article.getting-active-box .Responsible-banners-action .icon {
    display: block;
    line-height: 65px;
  }

  .Responsible-banners article.getting-active-box .Responsible-banners-action .icon:before {
    left: 19px;
    position: absolute;
    top: 17px;
  }
}

.page-inner {
  position: relative;
  padding: 10.4rem 3rem 0 3.5rem;
}

@media all and (max-width: 1700px) {
  .page-inner {
    padding-top: 8rem;
  }
}

@media all and (max-width: 767px) {
  .page-inner {
    padding: 0;
  }
}

.page-inner:before {
  content: "";
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background: url("/files/responsible-gaming/1-bg.png") no-repeat center center;
  background-size: cover;
  z-index: -1;
  will-change: transform;
  -webkit-backface-visibility: hidden;
  -webkit-overflow-scrolling: touch;
}

.page-inner article {
  margin: 0 auto;
  max-width: 110rem;
}

.page-inner article:before,
.page-inner article:after {
  content: " ";
  display: table;
}

.page-inner article:after {
  clear: both;
}

.page-inner article .ResponsibleStory-content {
  padding: 5rem 0 0 2.5rem;
}

@media all and (min-width: 1280px) {
  .page-inner article .ResponsibleStory-content {
    margin-left: 32rem;
  }
}

@media all and (max-width: 1279px) {
  .page-inner article .ResponsibleStory-content {
    clear: both;
  }
}

@media screen and (min-width: 641px) and (max-width: 1279px) {
  .page-inner article .ResponsibleStory-content .ResponsibleContent-head {
    position: absolute;
    z-index: 99;
    top: 70vh;
    width: 80%;
  }
}

@media screen and (max-width: 767px) {
  .page-inner article .ResponsibleStory-content {
    padding: 0 3rem;
  }

  .page-inner article .ResponsibleStory-content .ResponsibleContent-head {
    position: absolute;
    top: 0;
    height: calc(100vh - 4.2rem);
    z-index: 2;
    width: 70%;
    bottom: 4rem;
  }

  .page-inner article .ResponsibleStory-content .ResponsibleContent-head h2 {
    position: absolute;
    bottom: 2rem;
    left: 0;
    right: 30%;
  }
}

@media all and (min-width: 1700px) {
  .page-inner article {
    max-width: 130rem;
  }

  .page-inner article .ResponsibleStory-content {
    padding-top: 7.2rem;
    margin-left: 45rem;
  }
}

.page-inner article h2 {
  font-size: 6rem;
  font-family: "AvenirNextLTProBold", Arial, sans-serif;
  font-weight: 800;
  margin: 0 0 2.5rem;
  line-height: 1;
  position: relative;
  padding: 3rem 0 0;
  text-transform: uppercase;
}

@media screen and (min-width: 1280px) {
  .page-inner article h2 {
    width: 70%;
  }
}

@media screen and (min-width: 1366px) {
  .page-inner article h2 {
    width: 70%;
  }
}

@media screen and (max-width: 1700px) {
  .page-inner article h2 {
    font-size: 4.2rem;
  }
}

@media screen and (max-width: 640px) {
  .page-inner article h2 {
    font-size: 3rem;
    padding: 1rem 0 0;
  }
}

.page-inner article h2:before {
  position: absolute;
  left: 0;
  height: 3px;
  width: 40%;
  background: #ffffff;
  content: "";
  top: 0;
  z-index: 2;
}

@media screen and (max-width: 640px) {
  .page-inner article h2:before {
    display: none;
  }
}

.page-inner article h2:after {
  position: absolute;
  left: -13%;
  width: 20%;
  height: 1px;
  background: #3f4347;
  content: "";
  top: 0;
}

@media screen and (min-width: 641px) and (max-width: 1279px) {
  .page-inner article h2:after {
    display: none;
  }
}

@media screen and (max-width: 640px) {
  .page-inner article h2:after {
    display: none;
  }
}

.page-inner article p {
  font-size: 2.4rem;
  font-family: "MontserratLight", Arial, serif;
  font-weight: 400;
  line-height: 1.3;
  margin: 0 0 3.125rem;
}

@media screen and (max-width: 1700px) {
  .page-inner article p {
    font-size: 1.8rem;
  }
}

@media screen and (max-width: 1279px) {
  .page-inner article p {
    position: relative;
    margin-top: 3rem;
  }

  .page-inner article p:before,
  .page-inner article p:after {
    content: " ";
    display: table;
  }

  .page-inner article p:after {
    clear: both;
  }
}

@media screen and (max-width: 767px) {
  .page-inner article p {
    font-size: 2.1rem;
    line-height: 3rem;
    padding: 2rem 0;
  }

  .page-inner article p img {
    max-width: 100%;
  }
}

.page-inner article p a {
  color: #4083c9;
  cursor: pointer;
  -webkit-transition: .2s color;
  transition: .2s color;
}

.page-inner article p a:hover {
  color: #fff;
}

.page-inner .small {
  font-size: 2rem;
  font-family: "MontserratLight", Arial, serif;
  font-weight: 400;
  line-height: 2.6rem;
}

.page-inner .small.paragraphSmallCenter {
  max-width: 90rem;
  margin: 4rem auto;
  text-align: center;
}

.page-inner .small.paragraphSmallCenter:before,
.page-inner .small.paragraphSmallCenter:after {
  content: " ";
  display: table;
}

.page-inner .small.paragraphSmallCenter:after {
  clear: both;
}

@media all and (max-width: 640px) {
  .page-inner .small.paragraphSmallCenter {
    padding: 0 3rem;
  }
}

.page-inner .small img {
  vertical-align: top;
}

.page-inner .small a {
  color: #4083c9;
  cursor: pointer;
  -webkit-transition: .2s color;
  transition: .2s color;
}

.page-inner .small a:hover {
  color: #fff;
}

.page-inner .responsibleContent {
  position: relative;
}

.page-inner .selfExclusion-image {
  max-width: 100%;
  height: auto;
  position: absolute;
  right: -35%;
  top: -15rem;
  left: 0;
  margin: 0 auto;
}

@media all and (max-width: 800px) {
  .page-inner .selfExclusion-image {
    max-width: 70%;
    position: relative;
    left: 0;
    right: 0;
    top: 0;
    display: block;
  }
}

.page-inner .responsibleQuestions {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: space-between;
  -ms-flex-pack: space-between;
  justify-content: space-between;
  -ms-flex-line-pack: center;
  align-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

@media screen and (max-width: 640px) {
  .page-inner .responsibleQuestions {
    display: block;
  }
}

.page-inner .responsibleQuestions-box {
  border: .1rem solid #3467a1;
  padding: 1.2rem 1rem;
  font-family: "MontserratBold", Arial, serif;
  font-weight: 800;
  text-align: center;
  -webkit-box-flex: 0;
  -ms-flex: 0 30%;
  flex: 0 30%;
  margin: 0 0 2rem;
  min-height: 110px;
  font-size: 1.4rem;
  line-height: 1.6rem;
  -ms-flex-item-align: stretch;
  align-self: stretch;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-transition: .2s box-shadow, .2s border;
  transition: .2s box-shadow, .2s border;
}

.page-inner .responsibleQuestions-box:focus,
.page-inner .responsibleQuestions-box:hover {
  -webkit-box-shadow: 0 0 2rem #4083C9;
  box-shadow: 0 0 2rem #4083C9;
  border: .1rem solid #4083C9;
}

@media screen and (max-width: 640px) {
  .page-inner .responsibleQuestions-box {
    -webkit-box-flex: 1;
    -ms-flex: 1 100%;
    flex: 1 100%;
  }
}

.page-inner .ResponsibleStory-banner {
  position: relative;
}

.page-inner .ResponsibleStory-banner:before {
  position: absolute;
  content: "";
  left: -15px;
  top: -15px;
  width: 15px;
  height: 120px;
}

@media screen and (max-width: 640px) {
  .page-inner .ResponsibleStory-banner:before {
    display: none;
  }
}

.page-inner .ResponsibleStory-banner:after {
  position: absolute;
  content: "";
  left: 0;
  top: -15px;
  width: 105px;
  height: 15px;
}

@media screen and (max-width: 640px) {
  .page-inner .ResponsibleStory-banner:after {
    display: none;
  }
}

.page-inner .ResponsibleStory-banner img {
  max-width: 100%;
  height: auto;
}

.pagination-story {
  padding: 10rem 0;
}

.pagination-story:before,
.pagination-story:after {
  content: " ";
  display: table;
}

.pagination-story:after {
  clear: both;
}

@media screen and (max-width: 640px) {
  .pagination-story {
    padding: 2rem 1rem;
  }
}

.pagination-story .pagination-wp {
  text-align: center;
  max-width: 130rem;
  margin: 0 auto;
}

.pagination-story .pagination-wp .storyPag {
  display: inline-block;
  vertical-align: top;
  cursor: pointer;
  position: relative;
  width: 200px;
}

@media screen and (max-width: 640px) {
  .pagination-story .pagination-wp .storyPag {
    width: 50%;
    display: inline-block;
    float: left;
  }
}

.pagination-story .pagination-wp .storyPag a {
  font-size: 2.4rem;
  font-family: "AvenirNextLTProBold", Arial, sans-serif;
  font-weight: 800;
  text-transform: uppercase;
  text-decoration: none;
  color: #ffffff;
  z-index: 3;
}

@media screen and (max-width: 1366px) {
  .pagination-story .pagination-wp .storyPag a {
    font-size: 2rem;
  }
}

.pagination-story .pagination-wp .storyPag .storyImg {
  z-index: 4;
  width: 200px;
  height: 448px;
  position: relative;
  background-size: cover;
  -webkit-filter: grayscale(0%);
  -moz-filter: grayscale(0%);
  -o-filter: grayscale(0%);
}

@media screen and (max-width: 640px) {
  .pagination-story .pagination-wp .storyPag .storyImg {
    max-width: 100%;
    margin: 0 auto;
  }
}

.pagination-story .pagination-wp .storyPag .storyBg {
  -webkit-transition: all .1s ease-in;
  -moz-transition: all .1s ease-in;
  -o-transition: all .1s ease-in;
  -ms-transition: all .1s ease-in;
}

@media screen and (max-width: 640px) {
  .pagination-story .pagination-wp .storyPag .storyBg {
    display: none;
  }
}

.pagination-story .pagination-wp .storyPag:first-child {
  margin: 0 8rem 0 0;
}

@media screen and (max-width: 640px) {
  .pagination-story .pagination-wp .storyPag:first-child {
    margin: 0;
  }
}

.pagination-story .pagination-wp .storyPag:first-child .storyTxt {
  right: 70%;
  text-align: right;
}

.pagination-story .pagination-wp .storyPag:first-child .storyTxt:before {
  right: 0;
}

@media screen and (max-width: 640px) {
  .pagination-story .pagination-wp .storyPag:first-child .storyTxt:before {
    right: 1.5rem;
  }
}

@media screen and (max-width: 1023px) {
  .pagination-story .pagination-wp .storyPag:first-child .storyTxt {
    right: 50%;
  }
}

@media screen and (max-width: 767px) {
  .pagination-story .pagination-wp .storyPag:first-child .storyTxt {
    text-transform: none;
    right: 0;
  }
}

.pagination-story .pagination-wp .storyPag:first-child:hover .storyImg {
  -webkit-box-shadow: 0 15px 30px 10px rgba(20, 20, 20, 0.51);
  box-shadow: 0 15px 30px 10px rgba(20, 20, 20, 0.51);
}

.pagination-story .pagination-wp .storyPag:first-child:hover .storyBg {
  -webkit-transform: translate(-20px, 20px);
}

.pagination-story .pagination-wp .storyPag:last-child {
  margin: 0 0 2rem;
}

@media screen and (max-width: 640px) {
  .pagination-story .pagination-wp .storyPag:last-child {
    margin: 0;
  }
}

.pagination-story .pagination-wp .storyPag:last-child .storyTxt {
  left: 70%;
  text-align: left;
}

.pagination-story .pagination-wp .storyPag:last-child .storyTxt:before {
  left: 0;
}

@media screen and (max-width: 640px) {
  .pagination-story .pagination-wp .storyPag:last-child .storyTxt:before {
    left: 1.5rem;
  }
}

@media screen and (max-width: 1023px) {
  .pagination-story .pagination-wp .storyPag:last-child .storyTxt {
    left: 50%;
  }
}

@media screen and (max-width: 767px) {
  .pagination-story .pagination-wp .storyPag:last-child .storyTxt {
    left: 0;
    text-transform: capitalize;
  }

  .pagination-story .pagination-wp .storyPag:last-child .storyTxt:before {
    left: 2rem;
  }
}

.pagination-story .pagination-wp .storyPag:last-child:hover .storyImg {
  -webkit-box-shadow: 0 15px 30px 10px rgba(20, 20, 20, 0.51);
  box-shadow: 0 15px 30px 10px rgba(20, 20, 20, 0.51);
}

.pagination-story .pagination-wp .storyPag:last-child:hover .storyBg {
  -webkit-transform: translate(20px, 20px);
}

.pagination-story .pagination-wp .storyPag .storyTxt {
  position: absolute;
  top: 70%;
  z-index: 4;
  width: 100%;
}

.pagination-story .pagination-wp .storyPag .storyTxt:before {
  position: absolute;
  top: -3.5rem;
  height: 3px;
  width: 4.125rem;
  background: white;
  content: "";
}

@media screen and (max-width: 767px) {
  .pagination-story .pagination-wp .storyPag .storyTxt:before {
    top: -1.5rem;
    margin-right: 2rem;
  }
}

@media screen and (max-width: 767px) {
  .pagination-story .pagination-wp .storyPag .storyTxt {
    top: 70%;
    font-size: 1.9rem;
    padding: 0 1em;
  }
}

.pagination-story .pagination-wp .storyPag.hide .storyImg {
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -o-filter: grayscale(100%);
}

.pagination-story .storyBg {
  width: 200px;
  height: 448px;
  position: absolute;
  top: 0;
}

.link.link-oval {
  border-radius: 100%;
  color: #ffffff;
  text-decoration: none;
  transition: all .1s ease-in-out;
  -webkit-transition: all .1s ease-in-out;
  -moz-transition: all .1s ease-in-out;
  -o-transition: all .1s ease-in-out;
  -ms-transition: all .1s ease-in-out;
}

.link.link-oval:hover span {
  -webkit-transition: none;
  transition: none;
  -webkit-transform: scale(1);
  transform: scale(1);
}

.storyHome .storyBg {
  background: #4083c9;
}

.ResponsibleStory-banner {
  background-size: cover;
  background-position: center right;
  height: 81vh;
  float: left;
  width: 40rem;
  z-index: 2;
}

@media all and (min-width: 641px) and (max-width: 1279px) {
  .ResponsibleStory-banner {
    background-position: center center;
  }
}

@media screen and (max-width: 1700px) {
  .ResponsibleStory-banner {
    width: 30rem;
  }
}

@media all and (max-width: 1279px) {
  .ResponsibleStory-banner {
    background-size: cover;
    z-index: 1;
    position: fixed;
    width: 100%;
  }
}

@media all and (max-width: 1024px) {
  .ResponsibleStory-banner {
    height: calc(100vh - 10rem);
  }
}

@media all and (max-width: 767px) {
  .ResponsibleStory-banner {
    height: calc(100vh - 4.2rem);
    margin-top: 4.2rem;
  }
}

.storyOne-banner {
  background-image: url("/files/responsible-gaming/1-m.jpg");
}

@media all and (max-width: 640px) {
  .storyOne-banner {
    background-image: url("/files/responsible-gaming/1-640.jpg");
  }
}

@media all and (min-width: 641px) and (max-width: 1279px) {
  .storyOne-banner {
    background-image: url("/files/responsible-gaming/1.jpg");
  }
}

.storyOne-banner:after,
.storyOne-banner:before {
  background: #8a37e6;
}

.storyTwo-banner {
  background-image: url("/files/responsible-gaming/2-m.jpg");
}

@media all and (max-width: 640px) {
  .storyTwo-banner {
    background-image: url("/files/responsible-gaming/2-640.jpg");
  }
}

@media all and (min-width: 641px) and (max-width: 1279px) {
  .storyTwo-banner {
    background-image: url("/files/responsible-gaming/2.jpg");
  }
}

.storyTwo-banner:after,
.storyTwo-banner:before {
  background: #00ae75;
}

.storyThree-banner {
  background-image: url("/files/responsible-gaming/3-m.jpg");
}

@media all and (max-width: 640px) {
  .storyThree-banner {
    background-image: url("/files/responsible-gaming/3-640.jpg");
  }
}

@media all and (min-width: 641px) and (max-width: 1279px) {
  .storyThree-banner {
    background-image: url("/files/responsible-gaming/3.jpg");
  }
}

.storyThree-banner:after,
.storyThree-banner:before {
  background: #dc0c3f;
}

.storyFour-banner {
  background-image: url("/files/responsible-gaming/4-m.jpg");
}

@media all and (max-width: 640px) {
  .storyFour-banner {
    background-image: url("/files/responsible-gaming/4-640.jpg");
  }
}

@media all and (min-width: 641px) and (max-width: 1279px) {
  .storyFour-banner {
    background-image: url("/files/responsible-gaming/4.jpg");
  }
}

.storyFour-banner:after,
.storyFour-banner:before {
  background: #4083c9;
}

.storyOne .link:hover {
  background: #8a37e6;
  border: 1px solid #8a37e6;
}

.storyOne .storyBg {
  background: #8a37e6;
}

.storyTwo-banner:after,
.storyTwo-banner:before {
  background: #00ae75;
}

.storyTwo .link:hover {
  background: #00ae75;
  border: 1px solid #00ae75;
}

.storyTwo .storyBg {
  background: #00ae75;
}

.storyThree-banner:after,
.storyThree-banner:before {
  background: #dc0c3f;
}

.storyThree .link:hover {
  background: #dc0c3f;
  border: 1px solid #dc0c3f;
}

.storyThree .storyBg {
  background: #dc0c3f;
}

.storyFour-banner:after,
.storyFour-banner:before {
  background: #4083c9;
}

.storyFour .link:hover {
  background: #4083c9;
  border: 1px solid #4083c9;
}

.storyFour .storyBg {
  background: #4083c9;
}

.Responsible-url-list {
  width: 32%;
  padding-left: 0;
}

@media screen and (max-width: 1279px) {
  .Responsible-url-list {
    width: 100%;
    text-align: center;
  }
}

.Responsible-url-list li {
  display: block;
  list-style: none;
  padding: 16px 0;
}

.Responsible-url-list li a {
  font-size: 2rem;
  font-family: "MontserratLight", Arial, serif;
  font-weight: 400;
  color: #ffffff;
  text-decoration: none;
  position: relative;
  -webkit-transition: .2s color;
  transition: .2s color;
}

.Responsible-url-list li a:after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: -10px;
  height: 1px;
  background: #00ae75;
  -webkit-transition: .2s height;
  transition: .2s height;
}

.Responsible-url-list li a:hover {
  color: #00ae75;
}

.Responsible-url-list li a:hover:after {
  height: 3px;
}

.box-data {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 7rem 2rem 4.5rem 10rem;
}

.box-data:before,
.box-data:after {
  content: " ";
  display: table;
}

.box-data:after {
  clear: both;
}

@media screen and (min-width: 640px) and (max-width: 1024px) {
  .box-data {
    margin: 10rem auto 4.5rem;
    width: 100%;
  }
}

.box-data h3 {
  font-size: 2rem;
  margin: 0 0 3.5rem;
  font-family: "MontserratBold", Arial, serif;
  font-weight: 800;
  color: #00ae75;
}

@media screen and (max-width: 640px) {
  .box-data h3 {
    margin: 2rem 0;
    text-align: left;
  }
}

.box-data ul {
  padding-left: 0;
}

.box-data ul li {
  display: block;
  padding: 1rem 0;
  font-size: 1.6rem;
  font-family: "MontserratLight", Arial, serif;
  font-weight: 400;
}

.box-data ul li:last-child {
  padding-bottom: 1rem;
}

@media screen and (max-width: 640px) {
  .box-data ul li {
    font-size: 1.6rem;
  }
}

.box-data ul li a {
  text-decoration: none;
  color: #ffffff;
  -webkit-transition: .2s color;
  transition: .2s color;
}

.box-data ul li a:hover {
  color: #4083c9;
}

.box-data ul li span {
  color: #00ae75;
  font-family: "AvenirNextLTProBold", Arial, sans-serif;
  font-weight: 800;
  font-size: 1.2rem;
  line-height: 2.3;
  text-transform: uppercase;
  width: 8rem;
  padding: 0 2rem 0 0;
  float: left;
}

@media screen and (max-width: 640px) {
  .box-data ul li span {
    float: none;
    display: block;
  }
}

@media screen and (max-width: 640px) {
  .box-data {
    display: block;
    margin: 0;
    text-align: center;
  }

  .box-data img {
    max-width: 50%;
    height: auto;
  }

  .box-data ul {
    padding: 0;
    border-left: 0;
    border-bottom: 1px solid #00ae75;
    text-align: left;
    margin: 0 0 2rem;
  }
}

@media all and (min-width: 1700px) {
  .box-data {
    margin: 10rem 4rem 4.5rem 14rem;
  }

  .box-data h3 {
    font-size: 2.4rem;
    margin: 0 0 4.5rem;
  }

  .box-data ul li {
    font-size: 2rem;
  }
}

.box-data-row-2 {
  position: relative;
  padding: 0 2.5rem 0 2rem;
  width: 100%;
  clear: both;
}

@media screen and (max-width: 640px) {
  .box-data-row-2 {
    margin: 0;
    width: 100%;
    padding: 0;
  }
}

.box-data-row-2 .box-data {
  width: 37.5%;
  float: left;
  margin: 10rem 1rem 5rem;
}

@media screen and (min-width: 641px) and (max-width: 1024px) {
  .box-data-row-2 .box-data {
    margin: 10rem auto 4.5rem;
    width: 100%;
  }
}

@media screen and (min-width: 1025px) and (max-width: 1279px) {
  .box-data-row-2 .box-data {
    margin: 10rem 5rem 4.5rem 10rem;
    width: 100%;
  }
}

@media screen and (max-width: 640px) {
  .box-data-row-2 .box-data {
    padding: 0 3rem;
    width: 100%;
    margin: 0;
  }
}

@media screen and (min-width: 1700px) {
  .box-data-row-2 .box-data:first-child {
    width: 44.5%;
  }
}

.box-data-image {
  text-align: right;
  padding: 0 3rem 0 0;
}

@media screen and (min-width: 641px) and (max-width: 1365px) {
  .box-data-image {
    padding: 0 2rem 0 0;
  }
}

.box-data-image span {
  font-size: 7rem;
  vertical-align: top;
}

@media screen and (max-width: 640px) {
  .box-data-image span {
    vertical-align: bottom;
    padding: 0;
  }
}

@media screen and (max-width: 640px) {
  .box-data-image {
    text-align: center;
    display: none;
    margin-top: 2rem;
  }

  .box-data-image span {
    font-size: 10rem;
  }
}

@media screen and (min-width: 1700px) {
  .box-data-image span {
    font-size: 10rem;
  }
}

.box-data-txt {
  padding: 0 0 0 3rem;
  border-left: 1px solid #00ae75;
}

@media screen and (min-width: 641px) and (max-width: 1365px) {
  .box-data-txt {
    padding: 0 0 0 1.5rem;
  }
}

@media screen and (max-width: 640px) {
  .box-data-txt {
    border-left: 0;
    padding: 0;
  }
}

.box-data-image,
.box-data-txt {
  display: inline-block;
  float: left;
}

@media screen and (max-width: 640px) {
  .box-data-image,
  .box-data-txt {
    display: block;
    float: none;
  }
}

.BitwinCareer-landscape {
  display: none;
}

/*
@media all and (max-width:767px) and (orientation: landscape) {
  .page {
    display: none;
  }
  .BitwinCareer-landscape {
    display: block;
    color: #fff;
    position: relative;
    height: 100vh;
    background: url("/files/responsible-gaming/Portrait-Orientation-640.jpg") no-repeat center center;
    background-size: cover;
    .BitwinCareer-landscape-txt {
      position: absolute;
      left: 0;
      right: 0;
      bottom: 9vh;
      margin: 0 auto;
      text-align: center;
      text-transform: capitalize;
      letter-spacing: 0.04rem;
        font-size: 2.4rem;
        font-family: $font-family-avenir-next-lt-pro-bold;
        font-weight: 800;
        line-height: 1;
        span {
          display: block;
          font-family: $font-family-montserrat-light;
          font-weight: 400;
          font-size: 1.4rem;
          text-transform: lowercase;
          line-height: 2rem;
          letter-spacing: 0.03rem;
        }
    }
  }
}
*/

.page-rg-3 .small {
  width: 37rem;
}

@media screen and (max-width: 640px) {
  .page-rg-3 .small {
    width: 100%;
  }

  .page-rg-3 .small:before,
  .page-rg-3 .small:after {
    content: " ";
    display: table;
  }

  .page-rg-3 .small:after {
    clear: both;
  }
}

@media screen and (max-width: 480px) {
  .page-rg-3 .small {
    padding: 0;
  }
}

@media screen and (min-width: 641px) and (max-width: 800px) {
  .page-rg-3 .small {
    width: 65%;
  }
}

@media screen and (min-width: 801px) and (max-width: 1279px) {
  .page-rg-3 .small {
    width: 40%;
  }
}

.ResponsibleContent-paragraph {
  padding: 0 0 8rem;
}

@media all and (max-width: 1279px) {
  .ResponsibleContent-paragraph {
    padding: 0;
  }
}

@-webkit-keyframes animatedBackground {
  0%, 100% {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  50% {
    -webkit-transform: translate(0, -4rem);
    transform: translate(0, -4rem);
    -webkit-transform: scale(1.25);
    transform: scale(1.25);
  }
}

@keyframes animatedBackground {
  0%, 100% {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  50% {
    -webkit-transform: translate(0, -4rem);
    transform: translate(0, -4rem);
    -webkit-transform: scale(1.25);
    transform: scale(1.25);
  }
}

.Responsible-modal-article {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 100vh;
}

.Responsible-modal-article .col-image {
  height: 100vh;
  position: relative;
  padding-right: 44vh;
  background-position: center center;
  background-size: cover;
}

@media screen and (max-width: 1200px) {
  .Responsible-modal-article .col-image {
    padding-right: 22vh;
  }
}

@media screen and (max-width: 760px) {
  .Responsible-modal-article .col-image {
    display: none;
  }
}

.Responsible-modal-article .col-text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.Responsible-modal-article h3 {
  font-size: 6rem;
  font-family: "AvenirNextLTProBold", Arial, sans-serif;
  font-weight: 800;
  margin: 0;
  text-align: left;
  line-height: 1;
}

.Responsible-modal-article h3 span {
  display: block;
  color: #00ae75;
}

@media screen and (max-width: 1700px) {
  .Responsible-modal-article h3 {
    font-size: 4rem;
  }
}

.Responsible-modal-article p {
  font-size: 2.2rem;
  font-family: "MontserratLight", Arial, serif;
  font-weight: 400;
  line-height: 1.3;
  margin: 0 0 3.125rem;
}

.Responsible-modal-article p span {
  color: #00ae75;
}

@media screen and (max-width: 1700px) {
  .Responsible-modal-article p {
    font-size: 1.6rem;
  }
}

.Responsible-modal-article img {
  margin: 0 1rem 0 0;
}

.Responsible-modal-article .content-header {
  padding: 4rem 10rem;
}

@media screen and (max-width: 1700px) {
  .Responsible-modal-article .content-header {
    padding: 4rem 6.25rem;
  }
}

@media screen and (max-width: 1200px) {
  .Responsible-modal-article .content-header {
    padding: 4rem 3rem;
  }
}

@media screen and (max-width: 740px) {
  .Responsible-modal-article .content-header {
    padding: 2rem 3rem 1rem;
  }
}

.Responsible-modal-article .content-body {
  padding: 0 10rem 4rem;
}

@media screen and (max-width: 1700px) {
  .Responsible-modal-article .content-body {
    padding: 0 6.25rem 4rem;
  }
}

@media screen and (max-width: 1200px) {
  .Responsible-modal-article .content-body {
    padding: 4rem 3rem;
  }
}

@media screen and (max-width: 740px) {
  .Responsible-modal-article .content-body {
    padding: 1rem 3rem;
  }
}

@media screen and (min-width: 1200px) {
  .modal-responsible {
    left: 20vh;
  }
}

.Responsible-modal-article {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 100vh;
}

.Responsible-modal-article .col-image {
  height: 100vh;
  position: relative;
  padding-right: 44vh;
  background-position: center center;
  background-size: cover;
}

@media screen and (max-width: 1200px) {
  .Responsible-modal-article .col-image {
    padding-right: 22vh;
  }
}

@media screen and (max-width: 760px) {
  .Responsible-modal-article .col-image {
    display: none;
  }
}

.Responsible-modal-article .col-text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.Responsible-modal-article h3 {
  font-size: 6rem;
  font-family: "AvenirNextLTProBold", Arial, sans-serif;
  font-weight: 800;
  margin: 0;
  text-align: left;
  line-height: 1;
}

.Responsible-modal-article h3 span {
  display: block;
  color: #00ae75;
}

@media screen and (max-width: 1700px) {
  .Responsible-modal-article h3 {
    font-size: 4rem;
  }
}

.Responsible-modal-article p {
  font-size: 2.2rem;
  font-family: "MontserratLight", Arial, serif;
  font-weight: 400;
  line-height: 1.3;
  margin: 0 0 3.125rem;
}

.Responsible-modal-article p span {
  color: #00ae75;
}

@media screen and (max-width: 1700px) {
  .Responsible-modal-article p {
    font-size: 1.6rem;
  }
}

.Responsible-modal-article img {
  margin: 0 1rem 0 0;
}

.Responsible-modal-article .content-header {
  padding: 4rem 10rem 4rem 10rem;
}

@media screen and (max-width: 1700px) {
  .Responsible-modal-article .content-header {
    padding: 4rem 6.25rem 4rem 6.25rem;
  }
}

@media screen and (max-width: 1200px) {
  .Responsible-modal-article .content-header {
    padding: 4rem 3rem 4rem 3rem;
  }
}

@media screen and (max-width: 740px) {
  .Responsible-modal-article .content-header {
    padding: 2rem 3rem 1rem 3rem;
  }
}

.Responsible-modal-article .content-body {
  padding: 0 10rem 4rem 10rem;
}

@media screen and (max-width: 1700px) {
  .Responsible-modal-article .content-body {
    padding: 0 6.25rem 4rem 6.25rem;
  }
}

@media screen and (max-width: 1200px) {
  .Responsible-modal-article .content-body {
    padding: 4rem 3rem 4rem 3rem;
  }
}

@media screen and (max-width: 740px) {
  .Responsible-modal-article .content-body {
    padding: 1rem 3rem 1rem 3rem;
  }
}

.page-getting-started {
  color: #FFF;
}

.page-getting-started .Getting-nav {
  position: fixed;
  z-index: 92;
  left: 5rem;
  top: 2rem;
}

@media all and (max-width: 1440px) {
  .page-getting-started .Getting-nav {
    left: 2rem;
    top: 2rem;
  }
}

@media all and (max-width: 1400px) {
  .page-getting-started .Getting-nav {
    top: 1rem;
  }
}

.page-getting-started .Getting-nav-dots {
  position: absolute;
  z-index: 10;
  left: 0;
  right: 0;
  margin: 0 auto;
  text-align: center;
  top: 1.8rem;
}

@media all and (max-width: 1400px) {
  .page-getting-started .Getting-nav-dots {
    top: 1.2rem;
  }
}

.page-getting-started .Getting-nav-dots ul {
  display: inline-block;
  margin: 0;
  padding: 0;
  list-style: none;
}

.page-getting-started .Getting-nav-dots ul li {
  display: inline-block;
  margin: 0 1.2rem;
  width: 1rem;
  height: 1rem;
  background: #fff;
  cursor: pointer;
  border-radius: 50%;
  vertical-align: middle;
  -webkit-transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
  transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
}

@media all and (max-width: 1023px) {
  .page-getting-started .Getting-nav-dots ul li:last-child {
    display: none;
  }
}

.page-getting-started .Getting-nav-dots ul li a {
  text-indent: -9999px;
  color: transparent;
  width: 18px;
  height: 18px;
  display: block;
}

.page-getting-started .Getting-nav-dots ul li.active,
.page-getting-started .Getting-nav-dots ul li:hover {
  background: transparent;
  border: 0.2rem solid #4083c9;
  position: relative;
  width: 2.1rem;
  height: 2.1rem;
  margin: -0.2rem 0.65rem 0;
  -webkit-transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
  transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
}

.page-getting-started .Getting-nav-dots .icon {
  display: inline-block;
  float: right;
  font-size: 1.5rem;
  cursor: pointer;
}

.page-getting-started .Getting-footer-copyright {
  position: absolute;
  z-index: 10;
  bottom: 2rem;
  left: 2rem;
  font-family: "MontserratLight", Arial, serif;
  font-weight: 400;
  font-size: 1.2rem;
}

@media all and (max-width: 1400px) {
  .page-getting-started .Getting-footer-copyright {
    bottom: 1.4rem;
  }
}

@media all and (max-width: 480px) {
  .page-getting-started .Getting-footer-copyright {
    display: none;
  }
}

.page-getting-started .Getting-footer-copyright span {
  color: #fff;
  font-family: "MontserratBold", Arial, serif;
  font-weight: 800;
}

.page-getting-started .Getting-login-action {
  position: absolute;
  z-index: 10;
  right: 4.8rem;
  top: 1.2rem;
}

@media all and (max-width: 1440px) {
  .page-getting-started .Getting-login-action {
    right: 2rem;
  }
}

@media all and (max-width: 1366px) {
  .page-getting-started .Getting-login-action {
    top: 0.7rem;
  }
}

.page-getting-started .Getting-login-action a {
  font-size: 1.4rem;
  line-height: 3.2rem;
  padding: 0 1.3rem;
  height: 3.5rem;
}

.page-getting-started .Getting-login-action a:first-child {
  margin-right: 1.5rem;
}

@media all and (max-width: 640px) {
  .page-getting-started .Getting-login-action a:first-child {
    margin-right: 0.2rem;
  }
}

@media all and (max-width: 1023px) {
  .page-getting-started .Getting-login-action a {
    font-size: 1.2rem;
    line-height: 3rem;
    height: 3rem;
  }
}

@media all and (max-width: 1366px) {
  .page-getting-started .Getting-login-action a {
    line-height: 2.2rem;
    height: 2.5rem;
    font-size: 1.2rem;
  }
}

.page-getting-started .Getting-wrapper {
  position: relative;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
}

.page-getting-started .GettingLanding-bg {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background-size: 100% !important;
  height: 100vh;
  z-index: 2;
  -webkit-transition: 1s ease-in all;
  -webkit-transform: 1s ease-in all;
  transform: 1s ease-in all;
}

@media screen and (min-height: 1100px) {
  .page-getting-started .GettingLanding-bg {
    background-size: 125% !important;
  }
}

@media screen and (min-width: 1800px) and (min-height: 1080px) {
  .page-getting-started .GettingLanding-bg {
    background-size: 105% !important;
  }
}

@media screen and (max-width: 1480px) {
  .page-getting-started .GettingLanding-bg {
    background-size: 110% !important;
  }
}

@media screen and (max-width: 1366px) {
  .page-getting-started .GettingLanding-bg {
    background-size: 100% !important;
  }
}

@media screen and (max-width: 1280px) {
  .page-getting-started .GettingLanding-bg {
    background-size: 118% !important;
  }
}

@media screen and (max-width: 1170px) {
  .page-getting-started .GettingLanding-bg {
    background-size: 142% !important;
  }
}

@media screen and (max-width: 1280px) and (min-height: 890px) {
  .page-getting-started .GettingLanding-bg {
    background-size: 130% !important;
  }
}

@media screen and (width: 1366px) and (height: 1024px) {
  .page-getting-started .GettingLanding-bg {
    background-size: 135% !important;
  }
}

@media screen and (width: 1024px) and (height: 1366px) {
  .page-getting-started .GettingLanding-bg {
    background-size: 230% !important;
  }
}

@media all and (min-width: 1024px) {
  .page-getting-started .GettingLanding-bg {
    background: url("/files/getting-started/KV-7360px_v2.jpg") no-repeat center center;
  }
}

.page-getting-started .Getting-landing {
  height: 100vh;
  z-index: 4;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
}

@media screen and (max-width: 940px) {
  .page-getting-started .Getting-landing {
    margin-top: 4.2rem;
  }
}

.page-getting-started .Getting-landing article {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 99;
}

.page-getting-started .Getting-landing article:before,
.page-getting-started .Getting-landing article:after {
  content: " ";
  display: table;
}

.page-getting-started .Getting-landing article:after {
  clear: both;
}

.page-getting-started .Getting-landing article .GettingLanding-data {
  position: absolute;
  top: 28vh;
  left: 14.8rem;
  bottom: 12rem;
  z-index: 99;
  width: 27rem;
}

.page-getting-started .Getting-landing article .GettingLanding-data strong {
  color: #00ae73;
}

@media all and (max-width: 1440px) {
  .page-getting-started .Getting-landing article .GettingLanding-data {
    left: 5rem;
  }
}

.page-getting-started .Getting-landing article .GettingLanding-data h2 {
  font-size: 3.5rem;
  line-height: 3.9rem;
  font-family: "AvenirNextLTProBold", Arial, sans-serif;
  font-weight: 800;
  margin: 0 0 5rem;
  text-transform: capitalize;
}

@media screen and (max-width: 1366px) {
  .page-getting-started .Getting-landing article .GettingLanding-data h2 {
    font-size: 2.5rem;
    line-height: 2.5rem;
  }
}

@media screen and (max-width: 640px) {
  .page-getting-started .Getting-landing article .GettingLanding-data h2 {
    font-size: 3.2rem;
    margin: 0 auto;
    width: 80%;
    text-align: center;
    line-height: 3.4rem;
  }
}

.page-getting-started .Getting-landing article .GettingLanding-data p {
  font-size: 2.4rem;
  font-family: "MontserratLight", Arial, serif;
  font-weight: 400;
  line-height: 3.2rem;
  padding: 0 0 5.2rem;
  max-width: 62rem;
  margin: 0;
  width: 23.4rem;
}

@media screen and (max-width: 1366px) {
  .page-getting-started .Getting-landing article .GettingLanding-data p {
    font-size: 2rem;
    line-height: 2.5rem;
  }
}

@media all and (max-width: 1440px) {
  .page-getting-started .Getting-landing article .GettingLanding-data p {
    padding-bottom: 1rem;
  }
}

@media screen and (max-width: 640px) {
  .page-getting-started .Getting-landing article .GettingLanding-data p {
    font-size: 1.8rem;
    margin: 2rem auto 0;
    width: 90%;
    text-align: center;
    line-height: 2.2rem;
    padding: 0 0 3rem;
  }

  .page-getting-started .Getting-landing article .GettingLanding-data p strong {
    display: block;
  }
}

.page-getting-started .Getting-message-bg {
  position: absolute;
  top: 0;
  width: 26%;
  z-index: 1;
  bottom: 0;
  height: 100%;
  height: 100vh;
}

@media all and (max-width: 1680px) {
  .page-getting-started .Getting-message-bg {
    width: 30%;
  }
}

@media all and (max-width: 1366px) {
  .page-getting-started .Getting-message-bg {
    width: 24%;
  }
}

.page-getting-started .Getting-message-bg.Getting-msg-left {
  left: 0;
}

.page-getting-started .Getting-message-bg.Getting-msg-right {
  right: 0;
}

.page-getting-started .Getting-message-bg.Getting-msg-center {
  left: 0;
  right: 0;
  width: 100%;
}

.page-getting-started .getting-msg-fixed-1,
.page-getting-started .getting-msg-fixed-2,
.page-getting-started .getting-msg-fixed-3,
.page-getting-started .getting-msg-fix-4 {
  position: fixed !important;
  background: rgba(0, 0, 0, 0.75);
  -webkit-transition: all 1s ease-in-out;
  -moz-transition: all 1s ease-in-out;
  -o-transition: all 1s ease-in-out;
  -ms-transition: all 1s ease-in-out;
  will-change: scroll-position;
}

.page-getting-started .Getting-message-landing {
  position: absolute;
  top: 0;
  width: 27rem;
}

@media all and (max-width: 1023px) {
  .page-getting-started .Getting-message-landing .scroll-info {
    display: none;
  }
}

.page-getting-started .Getting-message {
  position: absolute;
  top: 0;
  width: 26%;
  z-index: 1;
  padding: 0;
}

@media all and (max-width: 1680px) {
  .page-getting-started .Getting-message {
    width: 30%;
  }
}

@media all and (max-width: 1366px) {
  .page-getting-started .Getting-message {
    width: 24%;
  }
}

.page-getting-started .Getting-message > div {
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  right: 0;
  margin: 0 auto;
  text-align: left;
  width: 65%;
}

.page-getting-started .Getting-message h3 {
  font-family: "AvenirNextLTProBold", Arial, sans-serif;
  font-weight: 800;
  font-size: 3.4rem;
  line-height: 4.2rem;
  margin: 0 0 6rem 0;
}

@media all and (max-width: 1480px) {
  .page-getting-started .Getting-message h3 {
    font-size: 3rem;
  }
}

@media screen and (max-width: 1366px) {
  .page-getting-started .Getting-message h3 {
    font-size: 2.5rem;
    line-height: 3rem;
    margin-bottom: 3rem;
  }
}

.page-getting-started .Getting-message p {
  font-family: "MontserratLight", Arial, serif;
  font-weight: 400;
  line-height: 2.3rem;
  font-size: 1.8rem;
  margin-bottom: 3rem;
}

.page-getting-started .Getting-message p:before,
.page-getting-started .Getting-message p:after {
  content: " ";
  display: table;
}

.page-getting-started .Getting-message p:after {
  clear: both;
}

@media screen and (max-width: 1366px) {
  .page-getting-started .Getting-message p {
    font-size: 1.6rem;
    line-height: 2.5rem;
  }
}

.page-getting-started .Getting-message a {
  font-family: "MontserratBold", Arial, serif;
  color: #4083c9;
  font-weight: 800;
  text-decoration: none;
}

.page-getting-started .Getting-message small {
  font-family: "Montserrat", Arial, serif;
  font-size: 1.4rem;
  font-weight: 400;
  margin-top: 8rem;
  width: 70%;
}

@media screen and (max-width: 1366px) {
  .page-getting-started .Getting-message small {
    font-size: 1.2rem;
  }
}

.page-getting-started .Getting-message.getting-msg-4 > div {
  text-align: center;
  width: 100%;
}

.page-getting-started .getting-msg-1 {
  left: 0;
  top: 0;
  bottom: 0;
}

.page-getting-started .getting-msg-1 span {
  color: #4083c9;
  display: block;
}

.page-getting-started .getting-msg-2 span {
  color: #00ae75;
  display: inline-block;
}

.page-getting-started .getting-msg-3 span {
  color: #4083c9;
  display: inline-block;
}

.page-getting-started .getting-msg-2,
.page-getting-started .getting-msg-3 {
  top: 0;
  bottom: 0;
  right: 0;
}

.page-getting-started .getting-msg-2 article,
.page-getting-started .getting-msg-3 article {
  float: right;
}

.page-getting-started .getting-msg-4 {
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  text-align: center;
  margin: 0 auto;
  width: 35%;
}

.page-getting-started .getting-msg-4 p {
  width: 100%;
}

@media all and (max-width: 1366px) {
  .page-getting-started .getting-msg-4 {
    width: 50%;
  }
}

@media all and (max-width: 1440px) {
  .page-getting-started .getting-msg-4 {
    width: 40%;
  }
}

.page-getting-started .getting-msg-4 article {
  width: 30%;
  text-align: center;
  margin: 0 auto;
}

.page-getting-started .getting-msg-4 .getting-msg-head {
  font-family: "AvenirNextLTProBold", Arial, sans-serif;
  font-weight: 800;
  font-size: 3.2rem;
  line-height: 4.2rem;
  text-transform: capitalize;
  margin: 0 0 4.8rem 0;
}

@media screen and (max-width: 1366px) {
  .page-getting-started .getting-msg-4 .getting-msg-head {
    font-size: 2.6rem;
    line-height: 3.2rem;
  }
}

@media screen and (max-width: 640px) {
  .page-getting-started .getting-msg-4 .getting-msg-head {
    font-size: 2.2rem;
    line-height: 2.4rem;
  }
}

.page-getting-started .getting-msg-4 span {
  color: #00ae75;
  display: block;
}

.page-getting-started .getting-msg-4 p {
  font-family: "MontserratLight", Arial, serif;
  font-weight: 400;
  line-height: 2.6rem;
  font-size: 1.6rem;
  text-align: center;
  margin: 0 0 4rem 0;
}

@media screen and (max-width: 1366px) {
  .page-getting-started .getting-msg-4 p {
    font-size: 1.4rem;
    line-height: 2.2rem;
    margin-bottom: 3rem;
  }
}

.page-getting-started .getting-msg-4 a {
  color: #00ae75;
}

.page-getting-started .getting-msg-4 a.getting-msg-link {
  font-family: "MontserratBold", Arial, serif;
  font-weight: 800;
  font-size: 1.8rem;
}

@media screen and (max-width: 1366px) {
  .page-getting-started .getting-msg-4 a.getting-msg-link {
    font-size: 1.6rem;
  }
}

.page-getting-started .Getting-banners {
  display: table;
  width: 100%;
  overflow: hidden;
  z-index: 91 !important;
  position: absolute;
  background: #000;
}

@media all and (max-width: 1023px) {
  .page-getting-started .Getting-banners {
    display: block;
    white-space: nowrap;
  }
}

@media all and (min-width: 1024px) {
  .page-getting-started .Getting-banners:hover article {
    width: 9.5%;
  }
}

.page-getting-started .Getting-banners .getting-menu-scroll {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  overflow: auto;
}

@media all and (max-width: 1023px) {
  .page-getting-started .Getting-banners .getting-menu-scroll {
    height: 100vh;
  }
}

.page-getting-started .Getting-banners article {
  display: table-cell;
  width: 14.28%;
  height: 100vh;
  position: relative;
  cursor: pointer;
  z-index: 90;
  background-size: cover;
  -webkit-transition: width .6s ease-in-out;
  transition: width .6s ease-in-out;
}

@media all and (max-width: 1023px) {
  .page-getting-started .Getting-banners article {
    display: block;
    width: 20rem;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 20rem;
    flex: 0 0 20rem;
    height: auto;
    overflow: hidden;
  }
}

.page-getting-started .Getting-banners article a {
  text-decoration: none;
  color: #fff;
  cursor: pointer;
  display: block;
  height: 100%;
}

.page-getting-started .Getting-banners article:hover {
  z-index: 99;
}

.page-getting-started .Getting-banners article .bannerBg {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  -webkit-transition: opacity .2s ease-in-out;
  transition: opacity .2s ease-in-out;
}

.page-getting-started .Getting-banners article .Getting-banners-data-base {
  font-size: 1.4rem;
  font-family: "AvenirNextLTProBold", Arial, sans-serif;
  font-weight: 800;
  text-transform: uppercase;
  text-align: right;
  position: absolute;
  top: 5.4rem;
  right: 3.6rem;
  -webkit-transition: opacity .2s ease-in-out;
  transition: opacity .2s ease-in-out;
}

.page-getting-started .Getting-banners article .Getting-banners-data {
  position: absolute;
  top: 0;
  width: 40rem;
  opacity: 0;
  left: 5.5rem;
}

@media all and (max-width: 1440px) {
  .page-getting-started .Getting-banners article .Getting-banners-data {
    left: 2rem;
  }
}

@media all and (max-width: 1440px) {
  .page-getting-started .Getting-banners article .Getting-banners-data {
    right: 2rem;
    top: 2rem;
  }
}

.page-getting-started .Getting-banners article .Getting-banners-data h3 {
  font-family: "AvenirNextLTProBold", Arial, sans-serif;
  font-weight: 800;
  text-transform: uppercase;
  font-size: 3.6rem;
  text-align: left;
  position: relative;
  top: -2rem;
  -webkit-transition: all .8s ease-in-out .8s;
  transition: all .8s ease-in-out .8s;
}

@media all and (max-width: 1440px) {
  .page-getting-started .Getting-banners article .Getting-banners-data h3 {
    font-size: 2.6rem;
  }
}

.page-getting-started .Getting-banners article .Getting-banners-data p {
  width: 50%;
  font-family: "MontserratLight", Arial, serif;
  font-weight: 400;
  font-size: 2rem;
  display: block;
  width: 60%;
}

@media all and (max-width: 1440px) {
  .page-getting-started .Getting-banners article .Getting-banners-data p {
    font-size: 1.6rem;
    width: 50%;
  }
}

.page-getting-started .Getting-banners article .Getting-banners-data .Getting-banners-action {
  margin: 4.2rem 0 0;
}

.page-getting-started .Getting-banners article .Getting-banners-data .Getting-banners-action .Button {
  font-size: 1.6rem;
  line-height: 1.6rem;
  padding: 2rem 2.5rem;
}

@media all and (max-width: 1700px) {
  .page-getting-started .Getting-banners article .Getting-banners-data .Getting-banners-action .Button {
    padding: 1rem 2rem;
    font-size: 1.2rem;
  }
}

.page-getting-started .Getting-banners article.hide .Getting-banners-data-base {
  opacity: 0;
}

.page-getting-started .Getting-banners article.hide .Getting-banners-data {
  z-index: -2;
  visibility: hidden;
  -webkit-transition: none;
  transition: none;
}

.page-getting-started .Getting-banners article.hide .bannerBg {
  opacity: 0.25;
}

@media all and (min-width: 1024px) {
  .page-getting-started .Getting-banners article.getting-active-box {
    width: 43%;
  }

  .page-getting-started .Getting-banners article.getting-active-box .Getting-banners-data-base {
    opacity: 0;
    -webkit-transition: none;
    transition: none;
  }

  .page-getting-started .Getting-banners article.getting-active-box .Getting-banners-data {
    top: 12.2rem;
    opacity: 1;
    -webkit-transition: all .4s ease-in-out .6s;
    transition: all .4s ease-in-out .6s;
  }

  .page-getting-started .Getting-banners article.getting-active-box .Getting-banners-data h3 {
    top: 0;
  }
}

@media all and (min-width: 1024px) and (max-width: 1440px) {
  .page-getting-started .Getting-banners article.getting-active-box .Getting-banners-data {
    top: 8rem;
  }
}

@media all and (min-width: 1024px) {
  .page-getting-started .Getting-banners article.getting-active-box .Getting-banners-action {
    display: block;
  }
}

@media all and (min-width: 1024px) and (max-width: 1440px) {
  .page-getting-started .Getting-banners article.getting-active-box .Getting-banners-action {
    margin: 2rem 0 0;
  }
}

.page-getting-started .logo-bitwin {
  position: absolute;
  top: 1.5rem;
  left: 0;
  right: 0;
  z-index: 10;
  margin: 0 auto;
  text-align: center;
}

@media all and (max-width: 1366px) {
  .page-getting-started .logo-bitwin {
    top: 0.8rem;
  }
}

@media all and (max-width: 640px) {
  .page-getting-started .logo-bitwin {
    left: 7.5rem;
    right: auto;
    top: 0.8rem;
  }
}

.page-getting-started .logo-bitwin svg {
  width: 5.8rem;
  fill: #00ae75;
}

@media all and (max-width: 1366px) {
  .page-getting-started .logo-bitwin svg {
    width: 4rem;
  }
}

.page-getting-started .parallux {
  position: relative;
  height: 100vh;
  z-index: 4;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
}

.page-getting-started .parallux.bg-fixed .parallux-inner {
  background-attachment: fixed;
}

.page-getting-started .parallux .parallux-bg {
  top: 0;
  left: 0;
  right: 0;
  height: 100%;
  overflow: hidden;
  -webkit-backface-visibility: hidden;
  -webkit-perspective: 1000;
  position: fixed;
  background-size: cover;
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  -webkit-perspective: 1000;
  will-change: transform;
}

.page-getting-started .parallux .parallux-bg .parallux-inner {
  top: 0px;
  left: 0px;
  position: relative;
  min-width: 100%;
  height: 100%;
  height: 100%;
}

.page-getting-started .getting-top-wrapper,
.page-getting-started .getting-bottom-wrapper {
  background: rgba(0, 0, 0, 0.8);
  position: fixed;
  z-index: 91;
  left: 0;
  right: 0;
}

.page-getting-started .getting-bottom-wrapper {
  bottom: 0;
  height: 5.5rem;
}

@media all and (max-width: 1400px) {
  .page-getting-started .getting-bottom-wrapper {
    height: 4rem;
  }
}

.page-getting-started .Getting-banners {
  -webkit-transform: translateX(-100%);
  transform: translateX(-100%);
  position: fixed;
  width: 100vw;
  height: 100vh !important;
  will-change: transform;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

@media all and (min-width: 1024px) {
  .page-getting-started .Getting-banners {
    -webkit-transition: 1s ease-in-out transform;
    transition: 1s ease-in-out transform;
  }
}

.page-getting-started .getting-nav-open {
  overflow-y: hidden;
}

.page-getting-started .getting-nav-open .Getting-banners {
  -webkit-transform: translateX(0);
  transform: translateX(0);
}

.page-getting-started .gettingLandingAnimate {
  background-size: 100% !important;
  -webkit-transition: 1s ease-in-out all;
  transition: 1s ease-in-out all;
  -webkit-backface-visibility: hidden;
}

.page-getting-started .GettingLanding-bg.gettingLanding-animateToLeft {
  -webkit-transition: 1s ease-in all;
  transition: 1s ease-in all;
  -webkit-backface-visibility: hidden;
  -webkit-transform-origin: 100% bottom !important;
  transform-origin: 100% bottom !important;
  -ms-transform-origin: 100% bottom !important;
  background-size: 200% !important;
  background-position: 0 100%;
}

@media all and (max-width: 1680px) {
  .page-getting-started .GettingLanding-bg.gettingLanding-animateToLeft {
    background-size: 220% !important;
  }
}

@media all and (max-width: 1440px) {
  .page-getting-started .GettingLanding-bg.gettingLanding-animateToLeft {
    background-size: 200% !important;
  }
}

@media all and (max-width: 1280px) {
  .page-getting-started .GettingLanding-bg.gettingLanding-animateToLeft {
    background-size: 240% !important;
  }
}

.page-getting-started .GettingLanding-bg.gettingLanding-animateToRight {
  -webkit-transition: 1s ease-in-out all;
  transition: 1s ease-in-out all;
  -webkit-backface-visibility: hidden;
  background-size: 200% !important;
  background-position: right 70%;
}

@media all and (max-width: 1680px) {
  .page-getting-started .GettingLanding-bg.gettingLanding-animateToRight {
    background-size: 220% !important;
  }
}

@media all and (max-width: 1440px) {
  .page-getting-started .GettingLanding-bg.gettingLanding-animateToRight {
    background-size: 250% !important;
  }
}

.page-getting-started .GettingLanding-bg.gettingLanding-animateToTop {
  -webkit-transition: 1s ease-in-out all;
  transition: 1s ease-in-out all;
  -webkit-backface-visibility: hidden;
  background-size: 160% !important;
  background-position: 80% 20%;
}

@media all and (max-width: 1680px) {
  .page-getting-started .GettingLanding-bg.gettingLanding-animateToTop {
    background-size: 160% !important;
  }
}

@media all and (max-width: 1440px) {
  .page-getting-started .GettingLanding-bg.gettingLanding-animateToTop {
    background-size: 180% !important;
    background-position: 78% 18%;
  }
}

@media all and (max-width: 1280px) {
  .page-getting-started .GettingLanding-bg.gettingLanding-animateToTop {
    background-size: 180% !important;
    background-position: 80% 18%;
  }
}

.page-getting-started .GettingLanding-bg.gettingLanding-animateToCenter {
  -webkit-transition: .1s ease-in-out all !important;
  transition: .1s ease-in-out all !important;
  -webkit-backface-visibility: hidden;
  -webkit-transform-origin: center center !important;
  transform-origin: center center !important;
  background-size: 100% !important;
  background-position: 50% 50%;
}

.page-getting-started .getting-md-bg,
.page-getting-started .Getting-desc-md {
  display: none;
}

.page-getting-started .Getting-banners-wp {
  height: 10px;
}

.page-getting-started .parallux-md-hide {
  z-index: 0;
}

@media all and (max-width: 1023px) {
  .page-getting-started .Getting-banners-wp {
    height: 100px;
  }

  .page-getting-started .Getting-banners article .Getting-banners-data {
    top: 2rem;
    background: rgba(0, 0, 0, 0.6);
    bottom: 0;
    top: auto;
    height: 10rem;
    left: 0;
    right: 0;
    width: 100%;
  }

  .page-getting-started .Getting-banners article .Getting-banners-data h3 {
    position: absolute;
    font-size: 3.8rem;
    left: 2.2rem;
    bottom: 3rem;
    text-transform: none;
  }
}

@media all and (max-width: 1023px) and (max-width: 640px) {
  .page-getting-started .Getting-banners article .Getting-banners-data h3 {
    left: 1rem;
    font-size: 2.4rem;
  }
}

@media all and (max-width: 1023px) {
  .page-getting-started .parallux {
    height: auto;
  }

  .page-getting-started .getting-md-bg {
    max-width: 100%;
    height: auto;
    display: block;
  }

  .page-getting-started .parallux-bg,
  .page-getting-started .parallux-md-hide {
    display: none;
  }

  .page-getting-started .getting-msg-1 span {
    display: inline-block;
  }

  .page-getting-started .bs.more {
    margin: 0 auto;
  }

  .page-getting-started .Getting-landing article {
    width: 100%;
    text-align: center;
  }

  .page-getting-started .Getting-landing article .GettingLanding-data {
    width: 80%;
    left: 0;
    top: auto;
    margin: 0 auto;
    right: 0;
    top: 70%;
    bottom: auto;
  }
}

@media all and (max-width: 1023px) and (max-width: 640px) {
  .page-getting-started .Getting-landing article .GettingLanding-data {
    bottom: 2rem;
    top: auto;
  }
}

@media all and (max-width: 1023px) {
  .page-getting-started .Getting-landing article .GettingLanding-data h2 {
    font-size: 4.5rem;
    line-height: 4.5rem;
    margin: 0 0 2rem 0;
    width: 100%;
  }
}

@media all and (max-width: 1023px) and (max-width: 640px) {
  .page-getting-started .Getting-landing article .GettingLanding-data h2 {
    font-size: 3rem;
    line-height: 3.2rem;
    margin-bottom: 1rem;
  }
}

@media all and (max-width: 1023px) {
  .page-getting-started .Getting-landing article .GettingLanding-data p {
    font-size: 2.5rem;
    line-height: 3rem;
    width: 100%;
    max-width: 100%;
  }
}

@media all and (max-width: 1023px) and (max-width: 640px) {
  .page-getting-started .Getting-landing article .GettingLanding-data p {
    font-size: 2rem;
    line-height: 2.2rem;
    font-family: "AvenirNextLTProBold", Arial, sans-serif;
  }
}

@media all and (max-width: 1023px) {
  .page-getting-started .Getting-desc-md {
    text-align: center;
    padding: 4rem 0;
    display: none;
  }

  .page-getting-started .Getting-desc-md p {
    width: 80%;
    font-size: 2.4rem;
    line-height: 2.4rem;
    margin: 0 auto;
  }

  .page-getting-started .getting-welcome-bg {
    background-size: cover;
    background: url("/files/getting-started/Getting-started-1280-Assets_01.jpg");
  }

  .page-getting-started .getting-register-bg {
    background: url("/files/getting-started/Getting-started-1280-Assets_02.jpg");
  }

  .page-getting-started .getting-deposit-bg {
    background: url("/files/getting-started/Getting-started-1280-Assets_04.jpg");
  }

  .page-getting-started .getting-enjoy-bg {
    background: url("/files/getting-started/Getting-started-1280-Assets_06.jpg");
  }

  .page-getting-started .getting-questions-bg {
    background: url("/files/getting-started/Getting-started-1280-Assets_08.jpg");
  }

  .page-getting-started .Getting-message-bg {
    display: none;
  }

  .page-getting-started .Getting-message {
    width: 100%;
    text-align: center;
    position: relative;
  }

  .page-getting-started .Getting-message:before,
  .page-getting-started .Getting-message:after {
    content: " ";
    display: table;
  }

  .page-getting-started .Getting-message:after {
    clear: both;
  }

  .page-getting-started .Getting-message > div {
    position: relative;
    transform: none;
    -webkit-transform: none;
    -ms-transform: none;
    top: none;
    bottom: 0;
    width: 80%;
    text-align: center;
    margin-top: -24rem;
  }
}

@media all and (max-width: 1023px) and (max-width: 640px) {
  .page-getting-started .Getting-message > div {
    margin-top: -10rem;
    width: 90%;
  }
}

@media all and (max-width: 1023px) {
  .page-getting-started .Getting-message h3 {
    font-size: 4.5rem;
    text-align: center;
    margin: 0 0 2rem;
  }
}

@media all and (max-width: 1023px) and (max-width: 640px) {
  .page-getting-started .Getting-message h3 {
    font-size: 3.6rem;
    line-height: 4rem;
    margin-bottom: 1rem;
  }
}

@media all and (max-width: 1023px) {
  .page-getting-started .Getting-message p {
    font-size: 2rem;
    line-height: 3rem;
    text-align: center;
  }
}

@media all and (max-width: 1023px) and (max-width: 640px) {
  .page-getting-started .Getting-message p {
    font-size: 1.6rem;
    line-height: 2.2rem;
  }
}

@media all and (max-width: 1023px) {
  .page-getting-started .Getting-message small {
    font-size: 1.7rem;
  }

  .page-getting-started .Getting-message.getting-msg-4 {
    position: static;
  }

  .page-getting-started .Getting-message.getting-msg-4 > div {
    width: 80%;
    margin-top: -16rem;
  }
}

@media all and (max-width: 1023px) and (min-width: 640px) {
  .page-getting-started .Getting-message.getting-msg-4 > div {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin-top: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
}

@media all and (max-width: 1023px) {
  .page-getting-started .GettingprogressContainer {
    left: 0;
    width: 100%;
    height: 0.4em;
    margin-bottom: 0px;
    position: fixed;
    bottom: 2rem;
    overflow: hidden;
    background-color: rgba(255, 255, 255, 0.2);
    content: "";
    display: table;
    table-layout: fixed;
    z-index: 999;
    display: none;
  }

  .page-getting-started .GettingprogressBar {
    width: 0%;
    float: left;
    height: 100%;
    z-index: 99;
    max-width: 100%;
    background-color: #4083C9;
    -webkit-transition: width .3s ease;
    transition: width .3s ease;
  }

  .page-getting-started .getting-nav-open .GettingprogressContainer {
    display: block;
  }
}

.page-vip {
  color: #ffffff;
  font-family: "AvenirNextLTProRegular", Arial, sans-serif;
}

@media screen and (max-width: 767px) {
  .page-vip {
    padding: 0 10px;
  }
}

@media screen and (max-width: 768px) {
  .page-vip .article-cashback .simple-article-box {
    padding-top: 47%;
  }
}

@media screen and (max-width: 768px) {
  .page-vip .article-join .simple-article-box {
    padding-top: 76%;
  }
}

.page-vip .article-join .simple-article-lead {
  padding-right: 7rem;
}

@media screen and (max-width: 768px) {
  .page-vip .article-join .simple-article-lead {
    padding-right: 0;
  }
}

.page-vip .parallux.not-full .parallux-bg {
  height: 100%;
}

.page-vip .parallux.no-parallax {
  overflow: hidden;
}

.page-vip .parallux.no-parallax .parallux-bg {
  position: relative;
}

.page-vip .parallux {
  height: auto;
  position: relative;
}

.page-vip .parallux .parallux-bg {
  height: 100%;
  left: 0;
  overflow: hidden;
  position: absolute;
  right: 0;
  top: 0;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  will-change: transform;
}

.page-vip .parallux .parallux-bg .parallux-inner {
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: fixed;
  height: auto;
  min-height: 100%;
  min-width: 100%;
  position: relative;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  will-change: transform;
}

@media screen and (max-width: 1023px) {
  .page-vip .parallux .parallux-bg .parallux-inner {
    background-position: top center;
    background-size: 100%;
  }
}

.page-vip .parallux .parallux-bg .parallax-deserve-the-best {
  background-image: url("/files/vip-club/deserve-the-best.jpg");
}

@media screen and (max-width: 1023px) {
  .page-vip .parallux .parallux-bg .parallax-deserve-the-best {
    background-image: url("/files/vip-club/1280-deserve-the-best.jpg");
  }
}

@media screen and (max-width: 480px) {
  .page-vip .parallux .parallux-bg .parallax-deserve-the-best {
    background-image: url("/files/vip-club/640-deserve-the-best.jpg");
    background-size: 100%;
  }
}

.page-vip .parallux .parallux-bg .parallax-programme {
  background-image: url("/files/vip-club/programme.jpg");
}

@media screen and (max-width: 1023px) {
  .page-vip .parallux .parallux-bg .parallax-programme {
    background-image: url("/files/vip-club/1280-programme.jpg");
  }
}

.page-vip .parallux .parallux-bg .parallax-benefits {
  background-image: url("/files/vip-club/benefits.jpg");
}

@media screen and (max-width: 1023px) {
  .page-vip .parallux .parallux-bg .parallax-benefits {
    background-image: url("/files/vip-club/1280-benefits.jpg");
    background-size: cover;
  }
}

@media screen and (max-width: 768px) {
  .page-vip .parallux .parallux-bg .parallax-benefits {
    background-position: bottom;
    background-size: 100%;
  }
}

@media screen and (max-width: 480px) {
  .page-vip .parallux .parallux-bg .parallax-benefits {
    background-position: 0 70px;
    background-size: 100%;
  }
}

.page-vip .parallux .parallux-bg .parallax-cashback {
  background-image: url("/files/vip-club/cashback.jpg");
}

@media screen and (max-width: 1023px) {
  .page-vip .parallux .parallux-bg .parallax-cashback {
    background-image: url("/files/vip-club/1280-cashback.jpg");
  }
}

.page-vip .parallux .parallux-bg .parallax-join {
  background-image: url("/files/vip-club/join.jpg");
}

@media screen and (max-width: 1023px) {
  .page-vip .parallux .parallux-bg .parallax-join {
    background-image: url("/files/vip-club/1280-join.jpg");
  }
}

.page-vip .parallux .parallux-bg .parallax-terms {
  background-image: url("/files/vip-club/terms.jpg");
}

@media screen and (max-width: 1023px) {
  .page-vip .parallux .parallux-bg .parallax-terms {
    background-image: url("/files/vip-club/1280-terms.jpg");
  }
}

.page-vip .animated-scroll .animated-scroll-title {
  opacity: 0;
  -webkit-transform: translate(0, 6rem);
  transform: translate(0, 6rem);
  -webkit-transition: opacity .7s ease, -webkit-transform .7s ease;
  transition: opacity .7s ease, -webkit-transform .7s ease;
  transition: transform .7s ease, opacity .7s ease;
  transition: transform .7s ease, opacity .7s ease, -webkit-transform .7s ease;
}

.page-vip .animated-scroll .animated-scroll-lead {
  opacity: 0;
  -webkit-transform: translate(0, 6rem);
  transform: translate(0, 6rem);
  -webkit-transition: opacity .7s ease .2s, -webkit-transform .7s ease .2s;
  transition: opacity .7s ease .2s, -webkit-transform .7s ease .2s;
  transition: transform .7s ease .2s, opacity .7s ease .2s;
  transition: transform .7s ease .2s, opacity .7s ease .2s, -webkit-transform .7s ease .2s;
}

.page-vip .animated-scroll .animated-scroll-lead + .animated-scroll-text {
  -webkit-transition: opacity .7s ease .4s, -webkit-transform .7s ease .4s;
  transition: opacity .7s ease .4s, -webkit-transform .7s ease .4s;
  transition: transform .7s ease .4s, opacity .7s ease .4s;
  transition: transform .7s ease .4s, opacity .7s ease .4s, -webkit-transform .7s ease .4s;
}

.page-vip .animated-scroll .animated-scroll-text {
  opacity: 0;
  -webkit-transform: translate(0, 6rem);
  transform: translate(0, 6rem);
  -webkit-transition: opacity .7s ease .2s, -webkit-transform .7s ease .2s;
  transition: opacity .7s ease .2s, -webkit-transform .7s ease .2s;
  transition: transform .7s ease .2s, opacity .7s ease .2s;
  transition: transform .7s ease .2s, opacity .7s ease .2s, -webkit-transform .7s ease .2s;
}

.page-vip .animated-scroll.showElement .animated-scroll-title {
  opacity: 1;
  -webkit-transform: translate(0, 0);
  transform: translate(0, 0);
}

.page-vip .animated-scroll.showElement .animated-scroll-lead {
  opacity: 1;
  -webkit-transform: translate(0, 0);
  transform: translate(0, 0);
}

.page-vip .animated-scroll.showElement .animated-scroll-text {
  opacity: 1;
  -webkit-transform: translate(0, 0);
  transform: translate(0, 0);
}

.page-vip .h2 {
  font-family: "PlayfairDisplayBlack";
  font-size: 5.5rem;
  font-weight: normal;
  line-height: 1;
  margin: 0;
}

@media screen and (max-width: 1700px) {
  .page-vip .h2 {
    font-size: 4.4rem;
  }
}

@media screen and (max-width: 767px) {
  .page-vip .h2 {
    font-size: 3.5rem;
  }
}

.page-vip .h3 {
  font-family: "PlayfairDisplayBlack";
  font-size: 3.1rem;
  font-weight: normal;
  line-height: 1;
  margin: 0;
}

.page-vip p a {
  color: #cab23f;
  font-family: "AvenirNextLTProDemi", Arial, sans-serif;
}

.page-vip p i {
  color: #cab23f;
  font-family: "AvenirNextLTProIt", Arial, sans-serif;
  font-style: normal;
}

.page-vip .text-bold {
  font-family: "AvenirNextLTProBold", Arial, sans-serif;
  font-weight: normal;
}

.page-vip .text-gold,
.page-vip .benefits-swiper-container .pagination-numbers > span.pagination-current-page {
  color: #cab23f;
}

.page-vip .text-label {
  font-family: "AvenirNextLTProBold", Arial, sans-serif;
  font-size: 1.2rem;
  letter-spacing: .325rem;
  text-transform: uppercase;
}

@media screen and (min-width: 1700px) {
  .page-vip .text-label {
    font-size: 1.4rem;
  }
}

.page-vip .text-lead {
  font-family: "AvenirNextLTProBold", Arial, sans-serif;
  font-size: 1.8rem;
  letter-spacing: .1rem;
  line-height: 1.2;
}

@media screen and (min-width: 1700px) {
  .page-vip .text-lead {
    font-size: 2.2rem;
  }
}

.page-vip .simple-article-wrapper {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  color: #ffffff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  min-height: 100vh;
  padding: 5rem 0;
  position: relative;
}

.page-vip .simple-article-box {
  -webkit-box-flex: 1;
  -ms-flex: 1 1;
  flex: 1 1;
}

@media screen and (max-width: 768px) {
  .page-vip .simple-article-box {
    padding-top: 82%;
  }
}

.page-vip .simple-article-content-left {
  max-width: 71rem;
  padding: 0 0 0 23.5rem;
}

@media screen and (max-width: 1700px) {
  .page-vip .simple-article-content-left {
    max-width: 44rem;
    padding: 0 0 0 6rem;
  }
}

@media screen and (max-width: 1279px) {
  .page-vip .simple-article-content-left {
    max-width: 43rem;
    padding: 0 0 0 3rem;
  }
}

@media screen and (max-width: 768px) {
  .page-vip .simple-article-content-left {
    float: none;
    margin: 0 auto;
    max-width: 50rem;
    padding: 0;
    text-align: center;
  }
}

@media screen and (max-width: 767px) {
  .page-vip .simple-article-content-left {
    max-width: 100%;
    padding: 0;
  }
}

.page-vip .simple-article-content-right {
  float: right;
  max-width: 72rem;
  padding: 0 16rem 0 0;
}

@media screen and (max-width: 1700px) {
  .page-vip .simple-article-content-right {
    max-width: 58rem;
    padding: 0 6rem 0 0;
  }
}

@media screen and (max-width: 1279px) {
  .page-vip .simple-article-content-right {
    max-width: 43rem;
    padding: 0 3rem 0 0;
  }
}

@media screen and (max-width: 768px) {
  .page-vip .simple-article-content-right {
    float: none;
    margin: 0 auto;
    max-width: 50rem;
    padding: 0;
    text-align: center;
  }
}

@media screen and (max-width: 767px) {
  .page-vip .simple-article-content-right {
    max-width: 100%;
    padding: 0;
  }
}

.page-vip .simple-article-content .simple-article-title {
  margin: 0 0 4rem;
}

.page-vip .simple-article-content p {
  font-size: 1.6rem;
  line-height: 1.44;
  margin-bottom: 2.5rem;
}

@media screen and (min-width: 1700px) {
  .page-vip .simple-article-content p {
    font-size: 1.8rem;
  }
}

.page-vip .simple-article-content .simple-article-lead {
  margin: 4rem 0;
}

@media screen and (max-width: 767px) {
  .page-vip .simple-article-content .simple-article-lead {
    margin: 0;
  }
}

.page-vip .deserve-article-wrapper {
  min-height: 100vh;
  position: relative;
}

@media screen and (max-width: 768px) {
  .page-vip .deserve-article-wrapper {
    min-height: 67vh;
  }
}

@media screen and (max-width: 480px) {
  .page-vip .article-deserve-the-best .deserve-article-wrapper {
    min-height: 1190px;
  }
}

@media screen and (max-width: 375px) {
  .page-vip .article-deserve-the-best .deserve-article-wrapper {
    min-height: 1073px;
  }
}

@media screen and (max-width: 360px) {
  .page-vip .article-deserve-the-best .deserve-article-wrapper {
    min-height: 1035px;
  }
}

@media screen and (max-width: 320px) {
  .page-vip .article-deserve-the-best .deserve-article-wrapper {
    min-height: 955px;
  }
}

.page-vip .deserve-article-particles {
  height: 100%;
  position: absolute;
  width: 100%;
}

.page-vip .deserve-vip-logo {
  color: #ffffff;
  font-size: 6rem;
  left: 50%;
  opacity: 0;
  position: absolute;
  top: 7rem;
  -webkit-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
  -webkit-transition: opacity .7s ease;
  transition: opacity .7s ease;
}

.page-vip .deserve-vip-logo svg {
  height: 7rem;
  width: 15.6rem;
}

.page-vip .deserve-article-wrapper.showElement .deserve-vip-logo {
  opacity: 1;
}

.page-vip .deserve-scroll-to-next {
  -webkit-animation: deserveScrollToNext 3s infinite ease;
  animation: deserveScrollToNext 3s infinite ease;
  bottom: 6rem;
  color: #ffffff;
  display: block;
  font-size: 3rem;
  left: 50%;
  position: absolute;
  -webkit-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
  -webkit-transition: opacity .7s ease;
  transition: opacity .7s ease;
  will-change: transform;
}

@media screen and (max-width: 768px) {
  .page-vip .deserve-scroll-to-next {
    display: none;
  }
}

.page-vip .deserve-article-wrapper.showElement .deserve-scroll-to-next {
  opacity: 1;
}

@-webkit-keyframes deserveScrollToNext {
  0%, 20% {
    opacity: 1;
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
  }

  40% {
    opacity: 0;
    -webkit-transform: translate(-50%, 2rem);
    transform: translate(-50%, 2rem);
  }

  60% {
    opacity: 0;
    -webkit-transform: translate(-50%, -2rem);
    transform: translate(-50%, -2rem);
  }

  100%, 80% {
    opacity: 1;
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
  }
}

@keyframes deserveScrollToNext {
  0%, 20% {
    opacity: 1;
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
  }

  40% {
    opacity: 0;
    -webkit-transform: translate(-50%, 2rem);
    transform: translate(-50%, 2rem);
  }

  60% {
    opacity: 0;
    -webkit-transform: translate(-50%, -2rem);
    transform: translate(-50%, -2rem);
  }

  100%, 80% {
    opacity: 1;
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
  }
}

.page-vip .deserve-article {
  bottom: 15rem;
  left: 0;
  padding: 0 0 0 23.5rem;
  position: absolute;
  width: 71rem;
}

@media screen and (max-width: 1700px) {
  .page-vip .deserve-article {
    bottom: 10rem;
    padding: 0 0 0 17.5rem;
    width: 54rem;
  }
}

@media screen and (max-width: 1366px) {
  .page-vip .deserve-article {
    bottom: 5rem;
    padding: 0 0 0 8rem;
    width: 44rem;
  }
}

@media screen and (max-width: 1280px) {
  .page-vip .deserve-article {
    bottom: 10rem;
  }
}

@media screen and (max-width: 1280px) and (max-height: 680px) {
  .page-vip .deserve-article {
    bottom: 6rem;
  }
}

@media screen and (max-width: 1024px) {
  .page-vip .deserve-article {
    bottom: 6rem;
    padding: 0 0 0 6rem;
    width: 43rem;
  }
}

@media screen and (max-width: 768px) {
  .page-vip .deserve-article {
    bottom: 4rem;
    left: 0;
    margin: 0 auto;
    padding: 0;
    right: 0;
    width: 50rem;
  }
}

@media screen and (max-width: 480px) {
  .page-vip .deserve-article {
    bottom: 4rem;
    left: 0;
    margin: 0 auto;
    padding: 0;
    right: 0;
    width: 100%;
  }
}

.page-vip .deserve-article-label {
  display: block;
  margin: 0 0 .8rem 9.4rem;
  opacity: 0;
  -webkit-transform: translate(5rem, 0);
  transform: translate(5rem, 0);
  -webkit-transition: .7s ease .6s;
  transition: .7s ease .6s;
}

@media screen and (max-width: 1700px) {
  .page-vip .deserve-article-label {
    margin: 0 0 .8rem 3rem;
  }
}

@media screen and (max-width: 767px) {
  .page-vip .deserve-article-label {
    margin: 0;
    text-align: center;
  }
}

.page-vip .deserve-article-wrapper.showElement .deserve-article-label {
  opacity: 1;
  -webkit-transform: translate(0, 0);
  transform: translate(0, 0);
}

.page-vip .deserve-article-slogan {
  opacity: 0;
  -webkit-transform: translate(-5rem, 0);
  transform: translate(-5rem, 0);
  -webkit-transition: all .7s ease .6s;
  transition: all .7s ease .6s;
}

.page-vip .deserve-article-slogan > span {
  display: block;
}

.page-vip .deserve-article-slogan .line-2 {
  text-align: right;
}

.page-vip .deserve-article-slogan .line-3 {
  text-align: center;
}

.page-vip .deserve-article-wrapper.showElement .deserve-article-slogan {
  opacity: 1;
  -webkit-transform: translate(0, 0);
  transform: translate(0, 0);
}

.page-vip .benefits-article-wrapper {
  min-height: 100vh;
  overflow: hidden;
  position: relative;
}

@media screen and (max-width: 768px) {
  .page-vip .benefits-article-wrapper {
    min-height: 100%;
  }
}

.page-vip .benefits-swiper-container {
  padding-top: 27px;
  z-index: auto;
}

@media screen and (max-width: 768px) {
  .page-vip .benefits-swiper-container {
    padding-bottom: 100px;
    top: 0;
    z-index: 2;
  }
}

@media screen and (max-width: 480px) {
  .page-vip .benefits-swiper-container {
    padding: 0;
    top: auto;
  }
}

@media screen and (max-width: 480px) {
  .page-vip .benefits-swiper-container .swiper-wrapper {
    margin: 400px 0 50px;
  }
}

@media screen and (max-width: 375px) {
  .page-vip .benefits-swiper-container .swiper-wrapper {
    margin: 360px 0 50px;
  }
}

@media screen and (max-width: 320px) {
  .page-vip .benefits-swiper-container .swiper-wrapper {
    margin: 300px 0 50px;
  }
}

.page-vip .benefits-swiper-container .swiper-slide h2 {
  margin-bottom: 90px;
}

.page-vip .benefits-swiper-container .swiper-slide h2 span {
  color: #cab23f;
  display: block;
  font-size: 2.3rem;
  font-style: italic;
  margin-top: 1rem;
}

@media screen and (max-width: 1366px) and (max-height: 800px) {
  .page-vip .benefits-swiper-container .swiper-slide h2 {
    margin-bottom: 5rem;
  }
}

@media screen and (max-width: 1024px) {
  .page-vip .benefits-swiper-container .swiper-slide h2 {
    margin-bottom: 5rem;
  }
}

@media screen and (max-width: 480px) {
  .page-vip .benefits-swiper-container .swiper-slide h2 {
    margin-bottom: 5px;
    text-align: center;
  }
}

.page-vip .benefits-swiper-container .swiper-slide p {
  font-size: 2rem;
  line-height: 2.75rem;
  margin-bottom: 65px;
}

@media screen and (max-width: 1366px) and (max-height: 800px) {
  .page-vip .benefits-swiper-container .swiper-slide p {
    margin-bottom: 5rem;
  }
}

@media screen and (max-width: 1024px) {
  .page-vip .benefits-swiper-container .swiper-slide p {
    margin-bottom: 5rem;
  }
}

@media screen and (max-width: 480px) {
  .page-vip .benefits-swiper-container .swiper-slide p {
    margin-bottom: 0;
    text-align: center;
  }
}

.page-vip .benefits-swiper-container .swiper-slide img {
  height: 355px;
  position: absolute;
  right: 0;
  top: 0;
}

.page-vip .benefits-swiper-container .swiper-slide .swiper-slide-wrapper {
  margin: 0 auto;
  position: relative;
  width: 77vw;
}

@media screen and (min-width: 1921px) {
  .page-vip .benefits-swiper-container .swiper-slide .swiper-slide-wrapper {
    max-width: 1017;
    width: 53vw;
  }
}

@media screen and (max-width: 1920px) {
  .page-vip .benefits-swiper-container .swiper-slide .swiper-slide-wrapper {
    width: 53vw;
  }
}

@media screen and (max-width: 1680px) {
  .page-vip .benefits-swiper-container .swiper-slide .swiper-slide-wrapper {
    width: 60vw;
  }
}

@media screen and (max-width: 1366px) {
  .page-vip .benefits-swiper-container .swiper-slide .swiper-slide-wrapper {
    width: 71vw;
  }
}

@media screen and (max-width: 1280px) {
  .page-vip .benefits-swiper-container .swiper-slide .swiper-slide-wrapper {
    width: 77vw;
  }
}

@media screen and (max-width: 1024px) {
  .page-vip .benefits-swiper-container .swiper-slide .swiper-slide-wrapper .swiper-slide-frame {
    display: none;
  }
}

.page-vip .benefits-swiper-container .swpier-frame-wrapper {
  margin: 0 auto;
  position: relative;
  width: 77vw;
}

@media screen and (min-width: 1921px) {
  .page-vip .benefits-swiper-container .swpier-frame-wrapper {
    max-width: 1017;
    width: 53vw;
  }
}

@media screen and (max-width: 1920px) {
  .page-vip .benefits-swiper-container .swpier-frame-wrapper {
    width: 53vw;
  }
}

@media screen and (max-width: 1680px) {
  .page-vip .benefits-swiper-container .swpier-frame-wrapper {
    width: 60vw;
  }
}

@media screen and (max-width: 1366px) {
  .page-vip .benefits-swiper-container .swpier-frame-wrapper {
    width: 71vw;
  }
}

@media screen and (max-width: 1280px) {
  .page-vip .benefits-swiper-container .swpier-frame-wrapper {
    width: 77vw;
  }
}

@media screen and (max-width: 1024px) {
  .page-vip .benefits-swiper-container .swpier-frame-wrapper {
    display: none;
  }
}

.page-vip .benefits-swiper-container .swpier-frame-wrapper.swiper-frame-disapear img {
  -webkit-transition: none;
  transition: none;
  width: 0;
}

.page-vip .benefits-swiper-container .swpier-frame-wrapper img {
  height: 355px;
  position: absolute;
  right: 0;
  -webkit-transition: width 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
  transition: width 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
  -webkit-transition-delay: .4s;
  transition-delay: .4s;
  width: 64%;
  will-change: width;
}

.page-vip .benefits-swiper-container .pagination-numbers {
  display: block;
  font-family: "PlayfairDisplayBlack";
  font-size: 2rem;
  margin: 0 auto;
  position: relative;
  text-align: left;
  top: -20px;
  width: 77vw;
}

@media screen and (min-width: 1921px) {
  .page-vip .benefits-swiper-container .pagination-numbers {
    max-width: 1017;
    width: 53vw;
  }
}

@media screen and (max-width: 1920px) {
  .page-vip .benefits-swiper-container .pagination-numbers {
    width: 53vw;
  }
}

@media screen and (max-width: 1680px) {
  .page-vip .benefits-swiper-container .pagination-numbers {
    width: 60vw;
  }
}

@media screen and (max-width: 1366px) {
  .page-vip .benefits-swiper-container .pagination-numbers {
    width: 71vw;
  }
}

@media screen and (max-width: 1280px) {
  .page-vip .benefits-swiper-container .pagination-numbers {
    width: 77vw;
  }
}

@media screen and (max-width: 768px) {
  .page-vip .benefits-swiper-container .pagination-numbers {
    bottom: 23px;
    position: absolute;
    text-align: center;
    top: auto;
    width: 100%;
  }
}

@media screen and (max-width: 480px) {
  .page-vip .benefits-swiper-container .pagination-numbers {
    bottom: auto;
    top: 335px;
  }
}

@media screen and (max-width: 375px) {
  .page-vip .benefits-swiper-container .pagination-numbers {
    bottom: auto;
    top: 300px;
  }
}

@media screen and (max-width: 320px) {
  .page-vip .benefits-swiper-container .pagination-numbers {
    bottom: auto;
    top: 245px;
  }
}

.page-vip .benefits-swiper-container .pagination-numbers > span {
  display: inline-block;
  position: relative;
}

.page-vip .benefits-swiper-container .pagination-numbers > span.pagination-current-page {
  top: -22px;
  width: 12px;
}

.page-vip .benefits-swiper-container .pagination-numbers > span.pagination-all-page {
  left: 1px;
  top: -5px;
}

.page-vip .benefits-swiper-container .pagination-numbers .pagination-numbers-corss-line {
  background: #ffffff;
  display: inline-block;
  height: 33px;
  position: relative;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  width: 1px;
}

.page-vip .benefits-swiper-container .swiper-button-next,
.page-vip .benefits-swiper-container .swiper-button-prev {
  background-image: none;
  height: auto;
  -webkit-transition: 0.25s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
  transition: 0.25s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
  width: auto;
}

@media screen and (max-width: 768px) {
  .page-vip .benefits-swiper-container .swiper-button-next,
  .page-vip .benefits-swiper-container .swiper-button-prev {
    bottom: 25px;
    top: auto;
  }
}

@media screen and (max-width: 480px) {
  .page-vip .benefits-swiper-container .swiper-button-next,
  .page-vip .benefits-swiper-container .swiper-button-prev {
    bottom: auto;
    top: 350px;
  }
}

@media screen and (max-width: 375px) {
  .page-vip .benefits-swiper-container .swiper-button-next,
  .page-vip .benefits-swiper-container .swiper-button-prev {
    bottom: auto;
    top: 315px;
  }
}

@media screen and (max-width: 320px) {
  .page-vip .benefits-swiper-container .swiper-button-next,
  .page-vip .benefits-swiper-container .swiper-button-prev {
    bottom: auto;
    top: 260px;
  }
}

.page-vip .benefits-swiper-container .swiper-button-next .icon,
.page-vip .benefits-swiper-container .swiper-button-prev .icon {
  top: .7rem;
}

.page-vip .benefits-swiper-container .swiper-button-prev {
  left: 75px;
}

@media screen and (max-width: 1280px) {
  .page-vip .benefits-swiper-container .swiper-button-prev {
    left: 60px;
  }
}

.page-vip .benefits-swiper-container .swiper-button-prev .icon {
  left: auto;
  right: 3.6rem;
}

.page-vip .benefits-swiper-container .swiper-button-next {
  right: 50px;
}

@media screen and (max-width: 1280px) {
  .page-vip .benefits-swiper-container .swiper-button-next {
    right: 10px;
  }
}

.page-vip .benefits-swiper-container .swiper-button-next .icon {
  left: 3.6rem;
}

.page-vip .benefits-swiper-container .swiper-button-disabled {
  opacity: 0;
  visibility: hidden;
}

.page-vip .benefits-swiper-container .anythingControls {
  position: relative;
}

.page-vip .benefits-swiper-container .timer-bar {
  background: #ffffff;
  height: 2px;
  position: absolute;
  top: -4px;
  width: 100%;
  z-index: 100;
}

.page-vip .benefit-slide-icons > div {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  opacity: 0;
  -webkit-perspective: 1000;
  perspective: 1000;
  position: absolute;
  visibility: none;
  will-change: left, top, opacity;
  z-index: 1;
}

.page-vip .benefit-slide-icons > div img {
  -webkit-transition: height 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
  transition: height 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
  will-change: height;
}

.page-vip .benefit-slide-icons > div.benefit-slide-icons-active,
.page-vip .benefit-slide-icons > div.benefit-slide-icons-next,
.page-vip .benefit-slide-icons > div.benefit-slide-icons-prev {
  -webkit-transition: 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
  transition: 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
  visibility: visible;
}

.page-vip .benefit-slide-icons > div.benefit-slide-icons-next,
.page-vip .benefit-slide-icons > div.benefit-slide-icons-prev {
  opacity: .25;
  top: 36vh;
}

@media screen and (max-width: 1024px) {
  .page-vip .benefit-slide-icons > div.benefit-slide-icons-next,
  .page-vip .benefit-slide-icons > div.benefit-slide-icons-prev {
    height: auto;
    width: 100%;
  }
}

@media screen and (max-width: 768px) {
  .page-vip .benefit-slide-icons > div.benefit-slide-icons-next,
  .page-vip .benefit-slide-icons > div.benefit-slide-icons-prev {
    top: 22vh;
  }
}

@media screen and (max-width: 480px) {
  .page-vip .benefit-slide-icons > div.benefit-slide-icons-next,
  .page-vip .benefit-slide-icons > div.benefit-slide-icons-prev {
    top: 70px;
  }
}

.page-vip .benefit-slide-icons > div.benefit-slide-icons-next {
  left: calc(100% - 250px);
  -webkit-transform: none;
  transform: none;
}

@media screen and (min-width: 1441px) {
  .page-vip .benefit-slide-icons > div.benefit-slide-icons-next {
    left: calc(100% - 350px);
  }
}

@media screen and (max-width: 1024px) {
  .page-vip .benefit-slide-icons > div.benefit-slide-icons-next {
    left: 100%;
  }
}

.page-vip .benefit-slide-icons > div.benefit-slide-icons-next img {
  height: 400px;
}

@media screen and (min-width: 1441px) {
  .page-vip .benefit-slide-icons > div.benefit-slide-icons-next img {
    height: 500px;
  }
}

@media screen and (max-width: 480px) {
  .page-vip .benefit-slide-icons > div.benefit-slide-icons-next img {
    height: auto;
    width: 100%;
  }
}

.page-vip .benefit-slide-icons > div.benefit-slide-icons-prev {
  left: -250px;
  right: auto;
}

@media screen and (min-width: 1441px) {
  .page-vip .benefit-slide-icons > div.benefit-slide-icons-prev {
    left: -350px;
  }
}

@media screen and (max-width: 1024px) {
  .page-vip .benefit-slide-icons > div.benefit-slide-icons-prev {
    left: -100%;
  }
}

.page-vip .benefit-slide-icons > div.benefit-slide-icons-prev img {
  height: 400px;
}

@media screen and (min-width: 1441px) {
  .page-vip .benefit-slide-icons > div.benefit-slide-icons-prev img {
    height: 500px;
  }
}

@media screen and (max-width: 480px) {
  .page-vip .benefit-slide-icons > div.benefit-slide-icons-prev img {
    height: auto;
    width: 100%;
  }
}

.page-vip .benefit-slide-icons > div.benefit-slide-icons-active {
  left: calc(50% - 250px);
  opacity: 1;
  top: 15vh;
}

@media screen and (max-width: 1366px) and (max-height: 710px) {
  .page-vip .benefit-slide-icons > div.benefit-slide-icons-active {
    top: 18vh;
  }
}

@media screen and (max-width: 1280px) {
  .page-vip .benefit-slide-icons > div.benefit-slide-icons-active {
    top: 18vh;
  }
}

@media screen and (max-width: 768px) {
  .page-vip .benefit-slide-icons > div.benefit-slide-icons-active {
    left: calc(50% - 150px);
    top: 22vh;
  }
}

@media screen and (max-width: 480px) {
  .page-vip .benefit-slide-icons > div.benefit-slide-icons-active {
    height: auto;
    left: 0;
    top: 70px;
    width: 100%;
  }
}

.page-vip .benefit-slide-icons > div.benefit-slide-icons-active img {
  height: 700px;
}

@media screen and (max-width: 1366px) {
  .page-vip .benefit-slide-icons > div.benefit-slide-icons-active img {
    height: 600px;
  }
}

@media screen and (max-width: 768px) {
  .page-vip .benefit-slide-icons > div.benefit-slide-icons-active img {
    height: 450px;
  }
}

@media screen and (max-width: 480px) {
  .page-vip .benefit-slide-icons > div.benefit-slide-icons-active img {
    height: auto;
    width: 100%;
  }
}

.page-vip .benefits-timebar {
  background: rgba(136, 140, 142, 0.32);
  bottom: 0;
  height: 15px;
  left: 0;
  position: absolute;
  width: 100%;
}

@media screen and (max-width: 480px) {
  .page-vip .benefits-timebar {
    bottom: auto;
    top: 35rem;
  }
}

@media screen and (max-width: 375px) {
  .page-vip .benefits-timebar {
    bottom: auto;
    top: 31.5rem;
  }
}

@media screen and (max-width: 360px) {
  .page-vip .benefits-timebar {
    bottom: auto;
    top: 30.2rem;
  }
}

@media screen and (max-width: 320px) {
  .page-vip .benefits-timebar {
    bottom: auto;
    top: 27.3rem;
  }
}

.page-vip .benefits-timebar .progress-timebar {
  background: #d9b400;
  height: 15px;
  left: 0;
  opacity: .4;
  position: absolute;
  top: 0;
  width: 20%;
}

@media screen and (max-width: 1700px) {
  .page-vip .benefits-timebar {
    height: 10px;
  }

  .page-vip .benefits-timebar .progress-timebar {
    height: 10px;
  }
}

.page-vip .terms-article-wrapper {
  min-height: 100vh;
  position: relative;
}

.page-vip .terms-article-box {
  -webkit-box-flex: 1;
  -ms-flex: 1 1;
  flex: 1 1;
}

.page-vip .terms-article-content {
  margin: 0 auto;
  max-width: 78rem;
  padding: 8rem 0 2rem;
  text-align: center;
}

@media screen and (max-width: 1700px) {
  .page-vip .terms-article-content {
    max-width: 75rem;
  }
}

@media screen and (max-width: 1024px) {
  .page-vip .terms-article-content {
    padding: 6rem 0 2rem;
  }
}

@media screen and (max-width: 768px) {
  .page-vip .terms-article-content {
    max-width: 50rem;
  }
}

@media screen and (max-width: 480px) {
  .page-vip .terms-article-content {
    padding: 0;
  }
}

.page-vip .terms-article-title {
  margin: .5rem 0 5rem;
}

@media screen and (max-width: 480px) {
  .page-vip .terms-article-title {
    margin: 0;
  }
}

.page-vip .terms-article-lead {
  margin: 5rem auto 2rem;
  max-width: 58rem;
}

.page-vip .terms-article-more-arrow {
  font-size: 3.4rem;
}

.page-vip .terms-item-list {
  font-family: "AvenirNextLTProRegular", Arial, sans-serif;
  font-size: 1.6rem;
  line-height: 1.44;
  list-style: none;
  margin: -.5rem 0 0;
  padding: 0;
}

.page-vip .terms-item-list li {
  padding: 1.4rem 0;
  position: relative;
}

.page-vip .terms-item-list li + li::before {
  background: -webkit-gradient(linear, left top, right top, from(transparent), color-stop(50%, #6c5d18), to(transparent));
  background: linear-gradient(to right, transparent 0%, #6c5d18 50%, transparent 100%);
  content: "";
  display: block;
  height: 2px;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}

@media screen and (min-width: 1700px) {
  .page-vip .terms-item-list {
    font-size: 1.8rem;
  }
}

.page-vip .page-footer {
  margin-top: 4rem;
  padding: 0 5rem 6rem;
  position: relative;
  text-align: center;
  z-index: 2;
}

@media screen and (max-width: 480px) {
  .page-vip .page-footer {
    padding: 0 0 6rem;
  }
}

.page-vip .page-footer-vip-logo {
  display: block;
  float: left;
  margin-top: .4rem;
}

.page-vip .page-footer-vip-logo svg {
  width: 11.4rem;
}

.page-vip .btn {
  border: 2px solid transparent;
  border-radius: 4.5rem;
  color: #ffffff;
  cursor: pointer;
  display: inline-block;
  font-family: "AvenirNextLTProBold", Arial, sans-serif;
  font-size: 1.2rem;
  letter-spacing: .04em;
  line-height: 1;
  min-height: auto;
  padding: 2rem 3rem;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  -webkit-transition: 0.25s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
  transition: 0.25s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
}

.page-vip .btn.btn-primary {
  background: transparent;
  border-color: #cab23f;
  color: #ffffff;
  font-size: 1.5rem;
}

.page-vip .btn.btn-primary:hover {
  background-color: rgba(202, 178, 63, 0.5);
}

.page-vip .btn.btn-primary:focus {
  background-color: #cab23f;
}

.page-vip .btn.btn-primary:active {
  background-color: #cab23f;
}

.page-vip .btn-expand-footer,
.page-vip .btn-benefits-swiper {
  border: 2px solid #cab23f;
  border-radius: 50%;
  color: #ffffff;
  display: inline-block;
  font-family: "AvenirNextLTProBold", Arial, sans-serif;
  font-weight: normal;
  height: 6rem;
  letter-spacing: .05rem;
  position: relative;
  text-align: center;
  text-transform: uppercase;
  -webkit-transition: .25s background;
  transition: .25s background;
  width: 6rem;
}

.page-vip .btn-expand-footer .icon,
.page-vip .btn-benefits-swiper .icon {
  font-size: 1.8rem;
  left: 1.8rem;
  position: absolute;
  top: .5rem;
}

.page-vip .btn-expand-footer span,
.page-vip .btn-benefits-swiper span {
  display: block;
  font-size: 1rem;
  padding-top: 2.4rem;
}

.page-vip .btn-expand-footer:active,
.page-vip .btn-benefits-swiper:active,
.page-vip .btn-expand-footer:hover,
.page-vip .btn-benefits-swiper:hover {
  background: #cab23f;
}

.page-vip .btn-benefits-swiper {
  border: 1px solid #ffffff;
  height: 5rem;
  width: 5rem;
}

.page-vip .btn-benefits-swiper:active,
.page-vip .btn-benefits-swiper:hover {
  border-color: #cab23f;
}

.page-vip .btn-benefits-swiper span {
  font-family: "PlayfairDisplayBlack";
  font-size: 2rem;
  padding-top: .4em;
}

.page-vip .btn-benefits-swiper .icon {
  font-size: 3.5rem;
  position: absolute;
}

.page-vip .btn-go-up {
  border: 2px solid #cab23f;
  border-radius: 1.7rem;
  color: #ffffff;
  display: block;
  float: right;
  font-family: "AvenirNextLTProBold", Arial, sans-serif;
  font-weight: normal;
  height: 5rem;
  letter-spacing: .05rem;
  position: relative;
  text-align: center;
  text-transform: uppercase;
  -webkit-transition: .25s background;
  transition: .25s background;
  width: 3.4rem;
}

.page-vip .btn-go-up .icon {
  font-size: 1rem;
  left: 1rem;
  position: absolute;
  top: .8rem;
}

.page-vip .btn-go-up span {
  display: block;
  font-size: 1rem;
  padding-top: 2.4rem;
}

.page-vip .btn-go-up:active,
.page-vip .btn-go-up:hover {
  background: #cab23f;
}

.page-bitcoin {
  /*
    Tabs
   */
}

.page-bitcoin .parallux.not-full .parallux-bg {
  height: 100%;
}

.page-bitcoin .parallux.no-parallax {
  overflow: hidden;
}

.page-bitcoin .parallux.no-parallax .parallux-bg {
  position: relative;
}

.page-bitcoin .parallux {
  height: auto;
  position: relative;
}

.page-bitcoin .parallux .parallux-bg {
  height: 100%;
  left: 0;
  overflow: hidden;
  position: absolute;
  right: 0;
  top: 0;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  will-change: transform;
}

.page-bitcoin .parallux .parallux-inner {
  background-attachment: fixed;
  background-position: 50% 50%;
  background-size: cover;
  height: auto;
  min-height: 100%;
  min-width: 100%;
  position: relative;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  background-repeat: no-repeat;
}

@media all and (max-width: 1023px) {
  .page-bitcoin .parallux .parallux-inner {
    background-attachment: scroll;
    background-position: top center;
    background-repeat: no-repeat;
    background-size: 100%;
  }

  .page-bitcoin .parallux .parallux-inner::after {
    background: -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(30%, rgba(0, 0, 0, 0.01)), to(black));
    background: linear-gradient(to bottom, transparent 0%, rgba(0, 0, 0, 0.01) 30%, black 100%);
    content: "";
    height: 100%;
    position: absolute;
    width: 100%;
  }
}

@media all and (max-width: 767px) {
  .page-bitcoin .parallux .parallux-inner::after {
    content: normal;
  }
}

.page-bitcoin .parallux .parallux-inner img {
  display: none;
  max-height: 100%;
  max-width: 100%;
}

.page-bitcoin .parallux .parallax-bg-1 {
  background-image: url("/files/bitcoin/parallax_1.jpg");
}

@media all and (max-width: 1023px) {
  .page-bitcoin .parallux .parallax-bg-1 {
    background-image: url("/files/bitcoin/parallax_1_1280.jpg");
  }
}

@media all and (max-width: 767px) {
  .page-bitcoin .parallux .parallax-bg-1 {
    background-image: url("/files/bitcoin/640-assets_01.jpg");
  }
}

.page-bitcoin .parallux .parallax-bg-2 {
  background-image: url("/files/bitcoin/parallax_2.jpg");
}

@media all and (max-width: 1023px) {
  .page-bitcoin .parallux .parallax-bg-2 {
    background-image: url("/files/bitcoin/parallax_2_1280.jpg");
  }
}

@media all and (max-width: 767px) {
  .page-bitcoin .parallux .parallax-bg-2 {
    background-image: url("/files/bitcoin/640-assets_02.jpg");
  }
}

.page-bitcoin .parallux .parallax-bg-3 {
  background-image: url("/files/bitcoin/parallax_3.jpg");
}

@media all and (max-width: 1023px) {
  .page-bitcoin .parallux .parallax-bg-3 {
    background-image: url("/files/bitcoin/parallax_3_1280.jpg");
  }
}

@media all and (max-width: 767px) {
  .page-bitcoin .parallux .parallax-bg-3 {
    background-image: url("/files/bitcoin/640-assets_05.jpg");
  }
}

.page-bitcoin .parallux .parallax-bg-4 {
  background-image: url("/files/bitcoin/parallax_4.jpg");
}

@media all and (max-width: 1023px) {
  .page-bitcoin .parallux .parallax-bg-4 {
    background-image: url("/files/bitcoin/parallax_4_1280.jpg");
  }
}

@media all and (max-width: 767px) {
  .page-bitcoin .parallux .parallax-bg-4 {
    background-image: url("/files/bitcoin/640-assets_07.jpg");
  }
}

.page-bitcoin .parallux .parallax-bg-5 {
  background-image: url("/files/bitcoin/parallax_5.jpg");
}

@media all and (max-width: 1023px) {
  .page-bitcoin .parallux .parallax-bg-5 {
    background-image: url("/files/bitcoin/parallax_5_1280.jpg");
  }
}

@media all and (max-width: 767px) {
  .page-bitcoin .parallux .parallax-bg-5 {
    background-image: url("/files/bitcoin/640-assets_09.jpg");
  }
}

.page-bitcoin .parallux .parallax-bg-6 {
  background-image: url("/files/bitcoin/parallax_6.jpg");
}

@media all and (max-width: 1023px) {
  .page-bitcoin .parallux .parallax-bg-6 {
    background-image: url("/files/bitcoin/parallax_6_1280.jpg");
  }
}

@media all and (max-width: 767px) {
  .page-bitcoin .parallux .parallax-bg-6 {
    background-image: url("/files/bitcoin/640-assets_11.jpg");
  }
}

.page-bitcoin .parallux .parallax-bg-7 {
  background-image: url("/files/bitcoin/parallax_7.jpg");
}

@media all and (max-width: 1023px) {
  .page-bitcoin .parallux .parallax-bg-7 {
    background-image: url("/files/bitcoin/parallax_7_1280.jpg");
  }
}

@media all and (max-width: 767px) {
  .page-bitcoin .parallux .parallax-bg-7 {
    background-image: url("/files/bitcoin/640-assets_14.jpg");
  }
}

.page-bitcoin .parallux .parallax-bg-8 {
  background-image: url("/files/bitcoin/parallax_8.jpg");
}

@media all and (max-width: 1023px) {
  .page-bitcoin .parallux .parallax-bg-8 {
    background-image: url("/files/bitcoin/parallax_8_1280.jpg");
  }
}

@media all and (max-width: 767px) {
  .page-bitcoin .parallux .parallax-bg-8 {
    background-image: url("/files/bitcoin/640-assets_16.jpg");
  }
}

.page-bitcoin .parallux .parallax-bg-9 {
  background-image: url("/files/bitcoin/parallax_9.jpg");
}

@media all and (max-width: 1023px) {
  .page-bitcoin .parallux .parallax-bg-9 {
    background-image: url("/files/bitcoin/parallax_9_1280.jpg");
  }
}

@media all and (max-width: 767px) {
  .page-bitcoin .parallux .parallax-bg-9 {
    background-image: url("/files/bitcoin/640-assets_18.jpg");
  }
}

.page-bitcoin article.a-blue .data-label {
  color: #4083c9;
}

.page-bitcoin article.a-blue p a {
  color: #4083c9;
}

.page-bitcoin article.a-green .data-label {
  color: #00ae75;
}

.page-bitcoin article.a-green p a {
  color: #00ae75;
}

.page-bitcoin .animated-scroll .animated-scroll-title {
  opacity: 0;
  -webkit-transform: translate(-15vw, 0);
  transform: translate(-15vw, 0);
  -webkit-transition: opacity 0.7s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 0.7s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: opacity 0.7s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 0.7s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: transform 0.7s cubic-bezier(0.165, 0.84, 0.44, 1), opacity 0.7s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: transform 0.7s cubic-bezier(0.165, 0.84, 0.44, 1), opacity 0.7s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 0.7s cubic-bezier(0.165, 0.84, 0.44, 1);
}

.page-bitcoin .animated-scroll .animated-scroll-lead {
  opacity: 0;
  -webkit-transform: translate(-15vw, 0);
  transform: translate(-15vw, 0);
  -webkit-transition: opacity 0.7s cubic-bezier(0.165, 0.84, 0.44, 1) 0.2s, -webkit-transform 0.7s cubic-bezier(0.165, 0.84, 0.44, 1) 0.2s;
  transition: opacity 0.7s cubic-bezier(0.165, 0.84, 0.44, 1) 0.2s, -webkit-transform 0.7s cubic-bezier(0.165, 0.84, 0.44, 1) 0.2s;
  transition: transform 0.7s cubic-bezier(0.165, 0.84, 0.44, 1) 0.2s, opacity 0.7s cubic-bezier(0.165, 0.84, 0.44, 1) 0.2s;
  transition: transform 0.7s cubic-bezier(0.165, 0.84, 0.44, 1) 0.2s, opacity 0.7s cubic-bezier(0.165, 0.84, 0.44, 1) 0.2s, -webkit-transform 0.7s cubic-bezier(0.165, 0.84, 0.44, 1) 0.2s;
}

.page-bitcoin .animated-scroll .animated-scroll-text {
  opacity: 0;
  -webkit-transform: translate(-15vw, 0);
  transform: translate(-15vw, 0);
  -webkit-transition: opacity 0.7s cubic-bezier(0.165, 0.84, 0.44, 1) 0.2s, -webkit-transform 0.7s cubic-bezier(0.165, 0.84, 0.44, 1) 0.2s;
  transition: opacity 0.7s cubic-bezier(0.165, 0.84, 0.44, 1) 0.2s, -webkit-transform 0.7s cubic-bezier(0.165, 0.84, 0.44, 1) 0.2s;
  transition: transform 0.7s cubic-bezier(0.165, 0.84, 0.44, 1) 0.2s, opacity 0.7s cubic-bezier(0.165, 0.84, 0.44, 1) 0.2s;
  transition: transform 0.7s cubic-bezier(0.165, 0.84, 0.44, 1) 0.2s, opacity 0.7s cubic-bezier(0.165, 0.84, 0.44, 1) 0.2s, -webkit-transform 0.7s cubic-bezier(0.165, 0.84, 0.44, 1) 0.2s;
}

.page-bitcoin .animated-scroll .animated-scroll-lead + .animated-scroll-text {
  -webkit-transition: opacity 0.7s cubic-bezier(0.165, 0.84, 0.44, 1) 0.4s, -webkit-transform 0.7s cubic-bezier(0.165, 0.84, 0.44, 1) 0.4s;
  transition: opacity 0.7s cubic-bezier(0.165, 0.84, 0.44, 1) 0.4s, -webkit-transform 0.7s cubic-bezier(0.165, 0.84, 0.44, 1) 0.4s;
  transition: transform 0.7s cubic-bezier(0.165, 0.84, 0.44, 1) 0.4s, opacity 0.7s cubic-bezier(0.165, 0.84, 0.44, 1) 0.4s;
  transition: transform 0.7s cubic-bezier(0.165, 0.84, 0.44, 1) 0.4s, opacity 0.7s cubic-bezier(0.165, 0.84, 0.44, 1) 0.4s, -webkit-transform 0.7s cubic-bezier(0.165, 0.84, 0.44, 1) 0.4s;
}

.page-bitcoin .animated-scroll.showElement .animated-scroll-title {
  opacity: 1;
  -webkit-transform: translate(0, 0);
  transform: translate(0, 0);
}

.page-bitcoin .animated-scroll.showElement .animated-scroll-lead {
  opacity: 1;
  -webkit-transform: translate(0, 0);
  transform: translate(0, 0);
}

.page-bitcoin .animated-scroll.showElement .animated-scroll-text {
  opacity: 1;
  -webkit-transform: translate(0, 0);
  transform: translate(0, 0);
}

@media screen and (max-width: 1023px) {
  .page-bitcoin .animated-scroll.showElement .animated-scroll-text {
    left: 14rem;
    position: absolute;
  }
}

.page-bitcoin .data {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  color: #ffffff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  min-height: 100vh;
  overflow: hidden;
  padding: 5rem 0;
  position: relative;
}

.page-bitcoin .data .data-cell {
  -webkit-box-flex: 1;
  -ms-flex: 1 1;
  flex: 1 1;
  padding: 0 0 0 5em;
}

.page-bitcoin .data .data-label {
  display: inline-block;
  font-family: "AvenirNextLTProBold", Arial, sans-serif;
  font-size: 2.4rem;
  line-height: 1.1;
  margin: 0 0 3rem;
  position: relative;
  text-transform: uppercase;
}

.page-bitcoin .data .data-label::after {
  background: #374245;
  bottom: -4px;
  content: "";
  height: 1px;
  left: -5.875em;
  position: absolute;
  right: 0;
}

@media screen and (max-width: 1024px) {
  .page-bitcoin .data .data-label::after {
    left: 0;
  }
}

@media screen and (max-width: 767px) {
  .page-bitcoin .data .data-label::after {
    background: none;
  }
}

.page-bitcoin .data .data-lead {
  font-family: "AvenirNextLTProBold", Arial, sans-serif;
  font-size: 5.185rem;
  font-weight: normal;
  line-height: 1.05;
  margin: 0;
  padding: 1rem 0 2rem;
  position: relative;
}

.page-bitcoin .data .h3 {
  font-family: "AvenirNextLTProBold", Arial, sans-serif;
  font-size: 3rem;
  font-weight: normal;
  margin: 0 0 1.2rem;
}

@media all and (max-width: 768px) {
  .page-bitcoin .data .h3 {
    padding: 0 3rem;
  }
}

.page-bitcoin .data .h4 {
  font-family: "AvenirNextLTProBold", Arial, sans-serif;
  font-size: 2.6rem;
  font-weight: normal;
  margin: 0 0 1.2rem;
}

.page-bitcoin .data p {
  font-family: "MontserratLight", Arial, serif;
  font-size: 2rem;
  font-weight: 400;
  line-height: 1.4;
  padding: 0 0 3rem;
  position: relative;
}

.page-bitcoin .data p a:not(.btn) {
  text-decoration: underline;
}

.page-bitcoin .data .text-small {
  font-size: 1.6rem;
}

@media all and (max-width: 1700px) {
  .page-bitcoin .data .data-cell {
    padding: 0 0 0 6rem;
  }

  .page-bitcoin .data .data-label {
    font-size: 2rem;
    margin: 0 0 2rem;
  }

  .page-bitcoin .data .data-lead {
    font-size: 3.3rem;
    padding: 1rem 0 1.6rem;
  }

  .page-bitcoin .data .h3 {
    font-size: 2.4rem;
    margin: 0 0 1rem;
  }

  .page-bitcoin .data .h4 {
    font-size: 2rem;
    margin: 0 0 1rem;
  }

  .page-bitcoin .data p {
    font-size: 1.6rem;
    padding: 0 0 2rem;
  }
}

@media all and (max-width: 1700px) {
  .page-bitcoin .data .data-cell {
    padding: 0 0 0 4rem;
  }
}

@media all and (max-width: 1260px) {
  .page-bitcoin .data .data-cell {
    padding: 0 0 0 2rem;
  }

  .page-bitcoin .data p {
    font-size: 1.4rem;
    line-height: 1.5;
    padding: 0 0 2rem;
  }

  .page-bitcoin .data .text-small {
    font-size: 1.4rem;
  }
}

@media all and (max-width: 1023px) {
  .page-bitcoin .data .data-cell {
    padding: 0;
  }
}

@media all and (max-width: 768px) {
  .page-bitcoin .data .data-lead {
    padding: 1rem 3rem 1.6rem;
  }

  .page-bitcoin .data p {
    font-size: 1.7rem;
    line-height: 1.5;
    padding: 0 3rem 2rem;
  }
}

.page-bitcoin .d1 .data {
  max-width: 49rem;
}

.page-bitcoin .d3 .data {
  max-width: 66rem;
}

.page-bitcoin .d3 .main-text {
  margin: 3rem 0;
}

.page-bitcoin .d4 .data {
  max-width: 68rem;
}

.page-bitcoin .d4 .main-text {
  margin: 3rem 0 2rem;
}

.page-bitcoin .d5 .data {
  max-width: 69rem;
}

.page-bitcoin .d6 .data {
  max-width: 90rem;
}

.page-bitcoin .d6 .green-list-info {
  margin: 0 0 5rem;
  max-width: 54.5rem;
}

.page-bitcoin .d6 .first-text {
  max-width: 60rem;
}

.page-bitcoin .d9 .data {
  max-width: 50rem;
}

@media all and (max-width: 1700px) {
  .page-bitcoin .d1 .data {
    max-width: 34rem;
  }

  .page-bitcoin .d3 .data {
    max-width: 50rem;
  }

  .page-bitcoin .d3 .main-text {
    margin-top: 0;
  }

  .page-bitcoin .d4 .data {
    max-width: 56rem;
  }

  .page-bitcoin .d4 .data p {
    max-width: 47rem;
  }

  .page-bitcoin .d4 .main-text {
    margin: 0 0 2rem;
  }

  .page-bitcoin .d5 .data {
    max-width: 50rem;
  }

  .page-bitcoin .d6 .data {
    max-width: 56rem;
  }

  .page-bitcoin .d6 .green-list-info {
    margin: 0 0 2rem;
    max-width: 44rem;
  }

  .page-bitcoin .d6 .first-text {
    max-width: 52rem;
  }

  .page-bitcoin .d9 .data {
    max-width: 40rem;
  }
}

@media all and (max-width: 1260px) {
  .page-bitcoin .d3 .data {
    max-width: 38rem;
  }

  .page-bitcoin .d3 .main-text {
    margin-top: 0;
  }

  .page-bitcoin .d4 .data {
    max-width: 42rem;
  }

  .page-bitcoin .d4 .data p {
    max-width: 38rem;
  }

  .page-bitcoin .d5 .data {
    max-width: 42rem;
  }

  .page-bitcoin .d6 .data {
    max-width: 38rem;
  }

  .page-bitcoin .d9 .data {
    max-width: 36rem;
  }
}

@media all and (max-width: 1023px) {
  .page-bitcoin .d1 .data {
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    margin: 0 auto;
    min-height: 93vh;
    text-align: center;
  }

  .page-bitcoin .d1 .data .data-cell {
    bottom: 14rem;
    position: relative;
  }

  .page-bitcoin .d2 .data {
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    min-height: 100vh;
    text-align: center;
  }

  .page-bitcoin .d2 .data .data-label {
    margin: 53rem 0 2rem;
  }

  .page-bitcoin .d2 .animated-scroll.showElement .animated-scroll-text {
    left: 0;
    position: relative;
  }

  .page-bitcoin .d2 .banner-1,
  .page-bitcoin .d2 .banner-2 {
    margin: 0 auto;
  }

  .page-bitcoin .d2 .banner-1 {
    margin: 2rem auto 4rem;
  }

  .page-bitcoin .d3 .data {
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    margin: 0 auto;
    min-height: 100vh;
    text-align: center;
  }

  .page-bitcoin .d3 .data .data-cell {
    position: relative;
  }

  .page-bitcoin .d3 .data .animated-scroll.showElement .animated-scroll-text {
    left: 0;
    position: relative;
  }

  .page-bitcoin .d4 .data {
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    margin: 0 auto;
    min-height: 100vh;
    text-align: center;
  }

  .page-bitcoin .d4 .data p {
    max-width: 47rem;
  }

  .page-bitcoin .d4 .data .data-label {
    margin-top: 66vw;
  }

  .page-bitcoin .d4 .data .data-cell {
    position: relative;
  }

  .page-bitcoin .d4 .data .animated-scroll.showElement .animated-scroll-text {
    left: 0;
    position: relative;
  }

  .page-bitcoin .d5 .data {
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    margin: 0 auto;
    min-height: 100vh;
    text-align: center;
  }

  .page-bitcoin .d5 .data .data-cell {
    position: relative;
  }

  .page-bitcoin .d5 .data .data-label {
    margin: 53rem 0 2rem;
  }

  .page-bitcoin .d5 .data .animated-scroll.showElement .animated-scroll-text {
    left: 0;
    position: relative;
  }

  .page-bitcoin .d6 .data {
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    margin: 0 auto;
    min-height: 100vh;
    text-align: center;
  }

  .page-bitcoin .d6 .data .data-cell {
    position: relative;
  }

  .page-bitcoin .d6 .data .data-label {
    margin: 53rem 0 2rem;
  }

  .page-bitcoin .d6 .data .animated-scroll.showElement .animated-scroll-text {
    left: 0;
    position: relative;
  }

  .page-bitcoin .d7 .data {
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    margin: 0 auto;
    min-height: 100vh;
    text-align: center;
  }

  .page-bitcoin .d7 .data .data-cell {
    position: relative;
  }

  .page-bitcoin .d7 .data .data-label {
    margin: 53rem 0 2rem;
  }

  .page-bitcoin .d7 .data .animated-scroll.showElement .animated-scroll-text {
    left: 0;
    margin: 0 auto;
    position: relative;
    width: 60%;
  }

  .page-bitcoin .d8 .data {
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    margin: 0 auto;
    min-height: 100vh;
    text-align: center;
  }

  .page-bitcoin .d8 .data .data-cell {
    position: relative;
  }

  .page-bitcoin .d8 .data .data-label {
    margin: 53rem 0 2rem;
  }

  .page-bitcoin .d8 .data .animated-scroll.showElement .animated-scroll-text {
    left: 0;
    margin: 0 auto;
    position: relative;
    width: 60%;
  }

  .page-bitcoin .d9 .data {
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    margin: 0 auto 10rem;
    min-height: 100vh;
    text-align: center;
  }

  .page-bitcoin .d9 .data .data-cell {
    margin-top: 34rem;
    padding: 0;
    position: relative;
  }

  .page-bitcoin .d9 .data .data-label {
    margin: 20rem 0 2rem;
  }

  .page-bitcoin .d9 .data .animated-scroll.showElement .animated-scroll-text {
    left: 0;
    position: relative;
  }
}

@media all and (max-width: 767px) {
  .page-bitcoin .data .data-label {
    margin: 0;
  }

  .page-bitcoin .d1 .data {
    height: 74vh;
    padding: 5rem 0 0;
  }

  .page-bitcoin .d1 .data .data-cell {
    bottom: 0;
  }

  .page-bitcoin .d1 .data .data-lead {
    padding: .5rem 3rem 1.6rem;
  }

  .page-bitcoin .d1 .animated-scroll.showElement .animated-scroll-text {
    display: none;
  }

  .page-bitcoin .d2 .data {
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    min-height: 100vh;
    padding: 5rem 0 0;
    text-align: center;
  }

  .page-bitcoin .d2 .data .data-label {
    margin: 90vw 0 2rem;
  }

  .page-bitcoin .d2 .animated-scroll.showElement .animated-scroll-text {
    left: 0;
    position: relative;
  }

  .page-bitcoin .d2 .banner-1,
  .page-bitcoin .d2 .banner-2 {
    margin: 0 auto;
  }

  .page-bitcoin .d3 .data {
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    margin: 0 auto;
    min-height: 73vh;
    padding-bottom: 1rem;
    text-align: center;
  }

  .page-bitcoin .d3 .data .data-lead br {
    display: none;
  }

  .page-bitcoin .d3 .data .data-cell {
    position: relative;
  }

  .page-bitcoin .d3 .data .data-label {
    margin: 90vw 0 2rem;
  }

  .page-bitcoin .d3 .data .animated-scroll.showElement .animated-scroll-text {
    left: 0;
    position: relative;
  }

  .page-bitcoin .d4 .data {
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    margin: 0 auto;
    min-height: 83vh;
    padding-bottom: 1rem;
    text-align: center;
  }

  .page-bitcoin .d4 .data .logos-rec + p {
    margin-top: -10rem;
  }

  .page-bitcoin .d4 .data .data-cell {
    position: relative;
  }

  .page-bitcoin .d4 .data .data-label {
    margin: 90vw 0 2rem;
  }

  .page-bitcoin .d4 .data .animated-scroll.showElement .animated-scroll-text {
    left: 0;
    position: relative;
  }

  .page-bitcoin .d5 .data {
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    margin: 0 auto;
    min-height: 86vh;
    padding-bottom: 1rem;
    text-align: center;
  }

  .page-bitcoin .d5 .data .data-cell {
    position: relative;
  }

  .page-bitcoin .d5 .data .data-label {
    margin: 90vw 0 2rem;
  }

  .page-bitcoin .d5 .data .animated-scroll.showElement .animated-scroll-text {
    left: 0;
    position: relative;
  }

  .page-bitcoin .d6 .data {
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    margin: 0 auto;
    min-height: 95vh;
    padding-bottom: 1rem;
    text-align: center;
  }

  .page-bitcoin .d6 .data .h3 {
    padding: 0 7rem;
  }

  .page-bitcoin .d6 .data .data-cell {
    position: relative;
  }

  .page-bitcoin .d6 .data .data-label {
    margin: 83vw 0 2rem;
  }

  .page-bitcoin .d6 .data .animated-scroll.showElement .animated-scroll-text {
    left: 0;
    position: relative;
  }

  .page-bitcoin .d7 .data {
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    margin: 0 auto;
    min-height: 85vh;
    padding-bottom: 1rem;
    text-align: center;
  }

  .page-bitcoin .d7 .data .data-cell {
    position: relative;
  }

  .page-bitcoin .d7 .data .data-label {
    margin: 90vw 0 0;
  }

  .page-bitcoin .d7 .data .animated-scroll.showElement .animated-scroll-text {
    left: 0;
    margin: 0 auto;
    position: relative;
    width: 100%;
  }

  .page-bitcoin .d8 .data {
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    margin: 0 auto;
    min-height: 96vh;
    padding-bottom: 1rem;
    text-align: center;
  }

  .page-bitcoin .d8 .data .data-cell {
    position: relative;
  }

  .page-bitcoin .d8 .data .data-label {
    margin: 90vw 0 0;
  }

  .page-bitcoin .d8 .data .animated-scroll.showElement .animated-scroll-text {
    left: 0;
    margin: 0 auto;
    position: relative;
    width: 100%;
  }

  .page-bitcoin .d9 .data {
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    margin: 0 auto 10rem;
    min-height: 100vh;
    text-align: center;
  }

  .page-bitcoin .d9 .data .data-cell {
    margin-top: 97vw;
    padding: 0;
    position: relative;
  }

  .page-bitcoin .d9 .data .data-label {
    margin: 0;
  }

  .page-bitcoin .d9 .data .animated-scroll.showElement .animated-scroll-text {
    left: 0;
    position: relative;
  }
}

.page-bitcoin .logos-rec {
  margin: -2rem 0 -5rem;
  padding: 0;
}

.page-bitcoin .logos-rec > li {
  display: inline-block;
  text-align: middle;
  vertical-align: middle;
}

.page-bitcoin .logos-rec > li + li {
  padding-left: 5.5rem;
}

.page-bitcoin .logos-rec a {
  text-decoration: none;
}

.page-bitcoin .logos-rec .icon {
  color: #434d57;
  font-size: 14rem;
  -webkit-transition: .25s color;
  transition: .25s color;
}

.page-bitcoin .logos-rec .icon:hover {
  color: #ffffff;
}

@media all and (max-width: 1700px) {
  .page-bitcoin .logos-rec {
    margin: -2rem 0 -3rem;
  }

  .page-bitcoin .logos-rec > li + li {
    padding-left: 4rem;
  }

  .page-bitcoin .logos-rec .icon {
    font-size: 10rem;
  }
}

@media all and (max-width: 768px) {
  .page-bitcoin .logos-rec {
    margin: 0;
  }

  .page-bitcoin .logos-rec > li {
    display: block;
    margin-top: -3rem;
  }

  .page-bitcoin .logos-rec > li + li {
    margin-top: -10rem;
    padding-left: 0;
  }

  .page-bitcoin .logos-rec > li:last-child {
    margin-top: -12rem;
  }

  .page-bitcoin .logos-rec .icon {
    color: #ffffff;
    font-size: 20rem;
  }

  .page-bitcoin .logos-rec .icon.icon-coinbase {
    font-size: 15rem;
  }

  .page-bitcoin .logos-rec .icon.icon-circle {
    font-size: 18rem;
  }
}

.page-bitcoin .green-list-info {
  list-style: none;
  margin: 0;
  padding: 0;
}

.page-bitcoin .green-list-info li {
  color: #00ae75;
  font-family: "MontserratBold", Arial, serif;
  font-size: 1.6rem;
  min-height: 6rem;
  padding: 2rem 9.5rem;
  position: relative;
}

.page-bitcoin .green-list-info li:nth-child(1) {
  background-position: left center;
  padding-right: 0;
}

.page-bitcoin .green-list-info li:nth-child(1)::before {
  background: url("/files/numbers/1G.png") no-repeat center center;
  background-size: cover;
  content: "";
  height: 7.5rem;
  left: 0;
  position: absolute;
  top: 0;
  width: 7.5rem;
}

.page-bitcoin .green-list-info li:nth-child(2) {
  background-position: right center;
  text-align: right;
}

.page-bitcoin .green-list-info li:nth-child(2)::before {
  background: url("/files/numbers/2G.png") no-repeat center center;
  background-size: cover;
  content: "";
  height: 7.5rem;
  position: absolute;
  right: 0;
  top: 0;
  width: 7.5rem;
}

.page-bitcoin .green-list-info li:nth-child(3) {
  background-position: right center;
  text-align: right;
}

.page-bitcoin .green-list-info li:nth-child(3)::before {
  background: url("/files/numbers/3G.png") no-repeat center center;
  background-size: cover;
  content: "";
  height: 7.5rem;
  position: absolute;
  right: 0;
  top: 0;
  width: 7.5rem;
}

@media all and (max-width: 1700px) {
  .page-bitcoin .green-list-info li {
    font-size: 1.4rem;
    padding: 0 6rem 2rem;
  }

  .page-bitcoin .green-list-info li:nth-child(1)::before {
    height: 5rem;
    width: 5rem;
  }

  .page-bitcoin .green-list-info li:nth-child(2)::before {
    height: 5rem;
    width: 5rem;
  }

  .page-bitcoin .green-list-info li:nth-child(3)::before {
    height: 5rem;
    width: 5rem;
  }
}

@media all and (max-width: 1260px) {
  .page-bitcoin .green-list-info li:nth-child(2) {
    padding-left: 0;
  }
}

@media all and (max-width: 768px) {
  .page-bitcoin .green-list-info li {
    font-size: 1.6rem;
    margin-bottom: 2rem;
    padding: 8rem 5rem 0;
    text-align: center;
  }

  .page-bitcoin .green-list-info li:nth-child(1) {
    padding-right: 5rem;
    text-align: center;
  }

  .page-bitcoin .green-list-info li:nth-child(1)::before {
    height: 8rem;
    margin: 0 auto;
    right: 0;
    width: 8rem;
  }

  .page-bitcoin .green-list-info li:nth-child(2) {
    padding-left: 5rem;
    text-align: center;
  }

  .page-bitcoin .green-list-info li:nth-child(2)::before {
    height: 8rem;
    left: 0;
    margin: 0 auto;
    width: 8rem;
  }

  .page-bitcoin .green-list-info li:nth-child(3) {
    padding-left: 5rem;
    text-align: center;
  }

  .page-bitcoin .green-list-info li:nth-child(3)::before {
    height: 8rem;
    left: 0;
    margin: 0 auto;
    width: 8rem;
  }
}

.page-bitcoin .fun-facts-list {
  list-style: none;
  margin: 3rem 0 0;
  padding: 0;
}

.page-bitcoin .fun-facts-list > li + li {
  margin-top: 4.5rem;
}

.page-bitcoin .fun-facts-list h3 {
  border-left: 0.5rem solid #4083c9;
  font-family: "AvenirNextLTProBold", Arial, sans-serif;
  font-size: 2.2rem;
  font-weight: 600;
  line-height: 1.1;
  margin: 0 0 2.2rem;
  padding-left: 1.5rem;
  position: relative;
  text-transform: uppercase;
}

.page-bitcoin .fun-facts-list p {
  padding-left: 2rem;
}

.page-bitcoin .fun-facts-list p strong {
  color: #4083c9;
  font-family: "MontserratBold", Arial, serif;
  font-weight: 800;
}

@media all and (max-width: 1700px) {
  .page-bitcoin .fun-facts-list > li + li {
    margin-top: 2rem;
  }

  .page-bitcoin .fun-facts-list > li h3 {
    margin-bottom: 1.5rem;
  }
}

.page-bitcoin .btn {
  border: 2px solid transparent;
  border-radius: 4.5rem;
  color: #ffffff;
  cursor: pointer;
  display: inline-block;
  font-family: "AvenirNextLTProBold", Arial, sans-serif;
  font-size: 1.2rem;
  letter-spacing: .04em;
  line-height: 1;
  min-height: auto;
  padding: 1.6rem 5rem;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  -webkit-transition: 0.25s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
  transition: 0.25s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
}

.page-bitcoin .btn.btn-primary {
  background: transparent;
  border-color: #00ae75;
  color: #ffffff;
}

.page-bitcoin .btn.btn-primary:hover {
  background-color: rgba(0, 174, 117, 0.5);
}

.page-bitcoin .btn.btn-primary:focus {
  background-color: #00ae75;
}

.page-bitcoin .btn.btn-primary:active {
  background-color: #00ae75;
}

.page-bitcoin .btn.btn-secondary {
  border-color: #4083c9;
  color: #ffffff;
  background: transparent;
}

.page-bitcoin .btn.btn-secondary:hover {
  border-color: #4083c9;
  background-color: rgba(64, 131, 201, 0.5);
}

.page-bitcoin .btn.btn-secondary:focus {
  border-color: #4083c9;
  background-color: #4083c9;
}

.page-bitcoin .btn.btn-secondary:active {
  border-color: #4083c9;
  background-color: #4083c9;
}

@media all and (max-width: 1700px) {
  .page-bitcoin .btn {
    padding: 1.2rem 4rem;
  }
}

@media all and (max-width: 1260px) {
  .page-bitcoin .btn {
    padding: 1rem 3rem;
    font-size: 1rem;
  }
}

@media all and (max-width: 768px) {
  .page-bitcoin .btn {
    font-size: 1.7rem;
    left: 0;
    padding: 1.55rem 0;
    text-align: center;
    width: 268px;
  }
}

.page-bitcoin .btn-learn-more {
  position: absolute;
  left: -40px;
  text-align: center;
  cursor: pointer;
  background-color: red;
  will-change: transform;
  -webkit-animation: btnLearnMore 3s infinite ease;
  animation: btnLearnMore 3s infinite ease;
  -webkit-animation-delay: 2s;
  animation-delay: 2s;
}

.page-bitcoin .btn-learn-more > span {
  background: url("/files/bitcoin/shadow_blue.png") no-repeat center center;
  background-size: 157px 157px;
  width: 157px;
  height: 157px;
  color: #4083c9;
  position: absolute;
  font-size: 1rem;
  font-family: "AvenirNextLTProBold", Arial, sans-serif;
  text-transform: uppercase;
  padding-top: 4rem;
  letter-spacing: .1rem;
}

.page-bitcoin .btn-learn-more > span:after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 66px;
  margin: 0 auto;
  background: url("/files/bitcoin/icon-arrow-d.png") no-repeat center center;
  width: 19px;
  height: 26px;
}

.page-bitcoin .btn-learn-more > span:active,
.page-bitcoin .btn-learn-more > span:focus,
.page-bitcoin .btn-learn-more > span:hover {
  -webkit-transform: scale(1.05);
  transform: scale(1.05);
  -webkit-transition: all 0.25s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
  transition: all 0.25s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
  color: #ffffff;
}

@-webkit-keyframes btnLearnMore {
  0%, 20% {
    opacity: 1;
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
  }

  40% {
    opacity: 0;
    -webkit-transform: translate(-50%, 2rem);
    transform: translate(-50%, 2rem);
  }

  60% {
    opacity: 0;
    -webkit-transform: translate(-50%, -2rem);
    transform: translate(-50%, -2rem);
  }

  100%, 80% {
    opacity: 1;
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
  }
}

@keyframes btnLearnMore {
  0%, 20% {
    opacity: 1;
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
  }

  40% {
    opacity: 0;
    -webkit-transform: translate(-50%, 2rem);
    transform: translate(-50%, 2rem);
  }

  60% {
    opacity: 0;
    -webkit-transform: translate(-50%, -2rem);
    transform: translate(-50%, -2rem);
  }

  100%, 80% {
    opacity: 1;
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
  }
}

.page-bitcoin .data-tab .tab-container {
  margin-top: 5.5rem;
}

.page-bitcoin .data-tab .nav-tabs-bitcoin {
  float: left;
  list-style: none;
  padding: 0;
  position: relative;
  width: 14rem;
}

.page-bitcoin .data-tab .nav-tabs-bitcoin::before {
  background: #3d4448;
  content: "";
  display: block;
  height: 200vh;
  position: absolute;
  right: 0;
  top: 0;
  width: 1px;
}

@media all and (max-width: 767px) {
  .page-bitcoin .data-tab .nav-tabs-bitcoin {
    display: none;
  }
}

.page-bitcoin .data-tab .nav-tabs-bitcoin-mobile {
  list-style: none;
  margin: 0;
  padding: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 10;
}

.page-bitcoin .data-tab .nav-tabs-bitcoin-mobile li {
  position: relative;
}

.page-bitcoin .data-tab .nav-tabs-bitcoin-mobile li.nav-tab-left {
  float: left;
}

.page-bitcoin .data-tab .nav-tabs-bitcoin-mobile li.nav-tab-right {
  float: right;
}

.page-bitcoin .data-tab .nav-tabs-bitcoin-mobile.default-type li,
.page-bitcoin .data-tab .nav-tabs-bitcoin-mobile.primary-type li {
  border: 2px solid #4083c9;
  font-size: 1.6rem;
}

.page-bitcoin .data-tab .nav-tabs-bitcoin-mobile.default-type li.nav-tab-left,
.page-bitcoin .data-tab .nav-tabs-bitcoin-mobile.primary-type li.nav-tab-left {
  border-bottom-right-radius: 50%;
  border-left: 0;
  border-top-right-radius: 50%;
  padding: 9px 5px 8px 25px;
}

.page-bitcoin .data-tab .nav-tabs-bitcoin-mobile.default-type li.nav-tab-left i,
.page-bitcoin .data-tab .nav-tabs-bitcoin-mobile.primary-type li.nav-tab-left i {
  position: relative;
  right: 7px;
}

.page-bitcoin .data-tab .nav-tabs-bitcoin-mobile.default-type li.nav-tab-right,
.page-bitcoin .data-tab .nav-tabs-bitcoin-mobile.primary-type li.nav-tab-right {
  border-bottom-left-radius: 50%;
  border-right: 0;
  border-top-left-radius: 50%;
  padding: 9px 25px 8px 5px;
}

.page-bitcoin .data-tab .nav-tabs-bitcoin-mobile.default-type li.nav-tab-right i,
.page-bitcoin .data-tab .nav-tabs-bitcoin-mobile.primary-type li.nav-tab-right i {
  left: 7px;
  position: relative;
}

.page-bitcoin .data-tab .nav-tabs-bitcoin-mobile.primary-type li {
  border-color: #00ae75;
}

@media all and (min-width: 768px) {
  .page-bitcoin .data-tab .nav-tabs-bitcoin-mobile {
    display: none;
  }
}

.page-bitcoin .data-tab .tab-content {
  float: left;
  padding-left: 4rem;
  position: relative;
  width: 55rem;
}

.page-bitcoin .data-tab .tab-pane {
  display: none;
}

.page-bitcoin .data-tab .tab-pane.active {
  display: block;
}

@media all and (max-width: 1700px) {
  .page-bitcoin .data-tab .tab-container {
    margin-top: 4rem;
  }

  .page-bitcoin .data-tab .tab-content {
    margin-top: -.2rem;
    width: 40rem;
  }
}

@media all and (max-width: 1260px) {
  .page-bitcoin .data-tab .tab-container {
    margin-top: 3rem;
  }

  .page-bitcoin .data-tab .nav-tabs-bitcoin {
    position: relative;
    width: 12rem;
  }

  .page-bitcoin .data-tab .tab-content {
    width: 32rem;
    padding-left: 2rem;
    margin-top: -.8rem;
  }
}

@media all and (max-width: 767px) {
  .page-bitcoin .data-tab .tab-container {
    margin-top: 2rem;
  }

  .page-bitcoin .data-tab .tab-content {
    float: none;
    margin: 0 auto;
    min-height: auto !important;
    padding-left: 0;
  }
}

.page-bitcoin .nav-tabs-bitcoin > li + li {
  margin-top: 4.6rem;
}

.page-bitcoin .nav-tabs-bitcoin > li > a {
  display: block;
  background: none;
  border: 0;
  color: #ffffff;
  text-align: right;
  cursor: pointer;
  font-family: "AvenirNextLTProBold", Arial, sans-serif;
  letter-spacing: .025rem;
  text-decoration: none;
  line-height: 1.5em;
  text-transform: uppercase;
  font-size: 1.2rem;
  margin-right: 4.2rem;
  -webkit-transition: .25s color;
  transition: .25s color;
  padding: 0;
  position: relative;
}

.page-bitcoin .nav-tabs-bitcoin > li > a:hover {
  background: none;
  color: #4083c9;
}

.page-bitcoin .nav-tabs-bitcoin > li.active > a {
  color: #4083c9;
}

.page-bitcoin .nav-tabs-bitcoin > li.active > a:after {
  position: absolute;
  top: -1rem;
  right: -6rem;
  bottom: 0;
  width: 3.7rem;
  height: 3.7rem;
  background: #356ca6;
  color: #ffffff;
  border-radius: 100%;
  content: 'z';
  font-family: "icons";
  text-transform: none;
  text-align: center;
  line-height: 3.7rem;
  -webkit-animation-name: tabNanAnimation;
  animation-name: tabNanAnimation;
  -webkit-animation-duration: .5s;
  animation-duration: .5s;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}

.page-bitcoin .nav-tabs-bitcoin-green > li > a:hover {
  color: #00ae75;
}

.page-bitcoin .nav-tabs-bitcoin-green > li.active > a {
  color: #00ae75;
}

.page-bitcoin .nav-tabs-bitcoin-green > li.active > a:after {
  background: #00ae75;
}

@media all and (max-width: 1700px) {
  .page-bitcoin .nav-tabs-bitcoin > li + li {
    margin-top: 3.7rem;
  }
}

@media all and (max-width: 1260px) {
  .page-bitcoin .nav-tabs-bitcoin > li + li {
    margin-top: 3rem;
  }

  .page-bitcoin .nav-tabs-bitcoin > li > a {
    font-size: 1rem;
    letter-spacing: .05rem;
    margin-right: 2rem;
  }

  .page-bitcoin .nav-tabs-bitcoin > li.active > a:after {
    top: -0.5rem;
    right: -3rem;
    width: 2.2rem;
    height: 2.2rem;
    line-height: 2.2rem;
  }
}

.page-bitcoin .tab-pane h3 {
  opacity: 0;
  -webkit-transform: translate(30px, 0);
  transform: translate(30px, 0);
}

.page-bitcoin .tab-pane .tabcontent-text {
  opacity: 0;
  -webkit-transform: translate(30px, 0);
  transform: translate(30px, 0);
}

.page-bitcoin .tab-pane.active h3 {
  -webkit-animation-name: tabPaneAnimation;
  animation-name: tabPaneAnimation;
  -webkit-animation-duration: .7s;
  animation-duration: .7s;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}

.page-bitcoin .tab-pane.active .tabcontent-text {
  -webkit-animation-name: tabPaneAnimation;
  animation-name: tabPaneAnimation;
  -webkit-animation-duration: .7s;
  animation-duration: .7s;
  -webkit-animation-delay: .3s;
  animation-delay: .3s;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}

@-webkit-keyframes tabNanAnimation {
  0% {
    opacity: 0;
    -webkit-transform: translate(-10px, 0);
    transform: translate(-10px, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
  }
}

@keyframes tabNanAnimation {
  0% {
    opacity: 0;
    -webkit-transform: translate(-10px, 0);
    transform: translate(-10px, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
  }
}

@-webkit-keyframes tabPaneAnimation {
  0% {
    opacity: 0;
    -webkit-transform: translate(30px, 0);
    transform: translate(30px, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
  }
}

@keyframes tabPaneAnimation {
  0% {
    opacity: 0;
    -webkit-transform: translate(30px, 0);
    transform: translate(30px, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
  }
}

.page-bitcoin .tab-article-title {
  font-family: "AvenirNextLTProBold", Arial, sans-serif;
  font-size: 5.185rem;
  line-height: 1.05;
  margin: 0;
  padding: 0 0 3.5rem;
  position: relative;
}

@media all and (max-width: 1700px) {
  .page-bitcoin .tab-article-title {
    font-size: 3.3rem;
    padding: 1rem 0 1.6rem;
  }
}

@media all and (max-width: 767px) {
  .page-bitcoin .tab-article-title {
    font-size: 2rem;
  }
}

.page-bitcoin .banner-1 {
  background: url("/files/bitcoin/man-bg.png") no-repeat center left;
  background-size: contain;
  height: 31rem;
  margin: -10rem 0 0 17rem;
  position: relative;
  width: 55.4rem;
}

@media all and (max-width: 767px) {
  .page-bitcoin .banner-1 {
    background: url("/files/bitcoin/man-mobile.jpg") no-repeat center top;
    background-size: 100%;
  }
}

.page-bitcoin .banner-1 h3 {
  bottom: 42%;
  position: absolute;
}

.page-bitcoin .banner-1 .btn {
  bottom: 12%;
  left: -5rem;
  padding-left: 6rem;
  position: absolute;
  text-align: right;
}

.page-bitcoin .banner-1 .btn .icon {
  font-size: 2.8rem;
  left: 8px;
  position: absolute;
  top: 8px;
}

@media all and (max-width: 1700px) {
  .page-bitcoin .banner-1 {
    height: 24rem;
    margin: -8rem 0 0 5rem;
    width: 44rem;
  }

  .page-bitcoin .banner-1 .btn {
    left: -4rem;
    padding-left: 5rem;
    padding-right: 5rem;
  }

  .page-bitcoin .banner-1 .btn .icon {
    font-size: 2rem;
  }
}

@media all and (max-width: 1260px) {
  .page-bitcoin .banner-1 {
    margin: -8rem 0 0 4rem;
  }

  .page-bitcoin .banner-1 .btn {
    left: -3rem;
    padding-left: 4rem;
    padding-right: 4rem;
  }

  .page-bitcoin .banner-1 .btn .icon {
    font-size: 1.8rem;
    left: 6px;
    top: 6px;
  }
}

@media all and (max-width: 1023px) {
  .page-bitcoin .banner-1 .btn {
    bottom: 6%;
  }

  .page-bitcoin .banner-1 .btn .icon {
    font-size: 1.6rem;
  }
}

@media all and (max-width: 767px) {
  .page-bitcoin .banner-1 {
    height: 100vw;
    width: 100%;
  }

  .page-bitcoin .banner-1 .btn,
  .page-bitcoin .banner-1 .h4 {
    bottom: 0;
    position: relative;
  }

  .page-bitcoin .banner-1 .h4 {
    margin: 0 auto 1.5rem;
    max-width: 55vw;
    padding-top: 62vw;
  }

  .page-bitcoin .banner-1 .btn {
    font-size: 1.7rem;
    left: 0;
    padding: 1.55rem 0 1.55rem 3rem;
    text-align: center;
    width: 268px;
  }

  .page-bitcoin .banner-1 .btn .icon {
    font-size: 3.1rem;
    left: 9px;
    top: 9px;
  }
}

@media all and (max-width: 320px) {
  .page-bitcoin .banner-1 .h4 {
    padding-top: 59vw;
  }
}

.page-bitcoin .banner-2 {
  background: url("/files/bitcoin/woman-bg.png") no-repeat center right;
  background-size: contain;
  height: 30.1rem;
  margin: 2rem 8.28rem 0 0;
  position: relative;
  width: 55.1rem;
}

@media all and (max-width: 767px) {
  .page-bitcoin .banner-2 {
    background: url("/files/bitcoin/woman-mobile.jpg") no-repeat center top;
    background-size: 100%;
  }
}

.page-bitcoin .banner-2 h3 {
  bottom: 42%;
  position: absolute;
  right: 0;
}

.page-bitcoin .banner-2 .btn {
  bottom: 12%;
  padding-right: 6rem;
  position: absolute;
  right: -5rem;
  text-align: left;
}

.page-bitcoin .banner-2 .btn .icon {
  font-size: 2.8rem;
  position: absolute;
  right: 8px;
  top: 8px;
}

@media all and (max-width: 1700px) {
  .page-bitcoin .banner-2 {
    height: 24rem;
    margin: 4vh 0 0 0;
    width: 44rem;
  }

  .page-bitcoin .banner-2 .btn {
    padding-left: 5rem;
    padding-right: 5rem;
    right: -4rem;
  }

  .page-bitcoin .banner-2 .btn .icon {
    font-size: 2rem;
  }
}

@media all and (max-width: 1260px) {
  .page-bitcoin .banner-2 {
    margin: 4rem 0 0 0;
  }

  .page-bitcoin .banner-2 .btn {
    padding-left: 4rem;
    padding-right: 4rem;
    right: -3rem;
  }

  .page-bitcoin .banner-2 .btn .icon {
    font-size: 1.8rem;
    left: 6px;
    top: 6px;
  }
}

@media all and (max-width: 1023px) {
  .page-bitcoin .banner-2 .btn {
    bottom: 7%;
    left: auto;
    right: -10rem;
    text-align: center;
  }

  .page-bitcoin .banner-2 .btn .icon {
    font-size: 1.6rem;
    position: absolute;
    right: auto;
  }
}

@media all and (max-width: 767px) {
  .page-bitcoin .banner-2 {
    height: 100vw;
    width: 100%;
  }

  .page-bitcoin .banner-2 .btn,
  .page-bitcoin .banner-2 .h4 {
    bottom: 0;
    position: relative;
  }

  .page-bitcoin .banner-2 .h4 {
    margin: 0 auto 1.5rem;
    max-width: 55vw;
    padding-top: 64vw;
  }

  .page-bitcoin .banner-2 .btn {
    font-size: 1.7rem;
    left: 0;
    padding: 1.55rem 0 1.55rem 3rem;
    text-align: center;
    width: 268px;
  }

  .page-bitcoin .banner-2 .btn .icon {
    font-size: 3.1rem;
    left: 9px;
    right: auto;
    top: 9px;
  }
}

@media all and (max-width: 320px) {
  .page-bitcoin .banner-2 .h4 {
    padding-top: 62vw;
  }
}

.page-bitcoin .btn-expand-footer,
.page-bitcoin .page-vip .btn-benefits-swiper,
.page-vip .page-bitcoin .btn-benefits-swiper {
  background: rgba(73, 80, 87, 0.5);
  border-color: #495057;
  bottom: 2rem;
  color: #FFF;
  left: 50%;
  position: fixed;
  -webkit-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
  z-index: 20;
}

.page-bitcoin .btn-expand-footer:active,
.page-bitcoin .page-vip .btn-benefits-swiper:active,
.page-vip .page-bitcoin .btn-benefits-swiper:active,
.page-bitcoin .btn-expand-footer:hover,
.page-bitcoin .page-vip .btn-benefits-swiper:hover,
.page-vip .page-bitcoin .btn-benefits-swiper:hover {
  background: #495057;
}

@media all and (max-width: 959px) {
  .page-bitcoin .btn-expand-footer,
  .page-bitcoin .page-vip .btn-benefits-swiper,
  .page-vip .page-bitcoin .btn-benefits-swiper {
    bottom: 7rem;
    position: absolute;
  }
}

@media all and (max-width: 959px) {
  .page-bitcoin {
    position: relative;
  }

  .page-bitcoin .scrollindicator {
    display: none;
  }
}

.page-bitcoin .video-js .vjs-big-play-button {
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.page-bitcoin .video-js .vjs-play-control::before {
  line-height: 1.2;
}

.page-bitcoin .video-js .vjs-play-progress::before {
  top: -.4em;
}

.modal.modal-bw {
  background-color: #040609;
  color: #FFF;
  display: block;
  height: 100vh;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  position: fixed;
  z-index: 1050;
  padding: 0;
  -webkit-transform: translate(0, 100%);
  transform: translate(0, 100%);
  -webkit-transition: 0.6s -webkit-transform cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: 0.6s -webkit-transform cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: 0.6s transform cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: 0.6s transform cubic-bezier(0.165, 0.84, 0.44, 1), 0.6s -webkit-transform cubic-bezier(0.165, 0.84, 0.44, 1);
  opacity: 1;
  overflow: hidden;
}

.modal.modal-bw.in {
  -webkit-transform: translate(0, 0);
  transform: translate(0, 0);
}

.modal-bw .modal-title {
  text-align: center;
  font-size: 5.2rem;
  font-family: "AvenirNextLTProBold", Arial, sans-serif;
  padding: 0 0 2.5rem;
  margin: 0;
  text-align: center;
  margin-top: 11rem;
}

.modal-bw .modal-content {
  background: transparent;
  padding: 0;
  margin: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
  border-radius: 0;
  max-height: calc(100vh - 20rem);
}

.modal-bw .nicescroll-rails {
  top: auto !important;
  bottom: 0;
}

@media all and (max-width: 1366px) {
  .modal-bw .modal-title {
    font-size: 3.3rem;
    margin-top: 4rem;
  }

  .modal-bw .modal-content {
    max-height: calc(100vh - 11rem);
  }
}

.modal-safety .col {
  opacity: 0;
}

.modal-safety.modal-bw.bounceInUp .col {
  opacity: 1;
  -webkit-transition: 1s all  0.6s;
  transition: 1s all  0.6s;
}

.modal-safety.modal-bw.bounceInUp .col:nth-child(2) {
  -webkit-transition-delay: 0.8s;
  transition-delay: 0.8s;
}

.modal-safety.modal-bw.bounceInUp .col:nth-child(3) {
  -webkit-transition-delay: 1.0s;
  transition-delay: 1.0s;
}

.modal-safety.modal-bw.bounceInUp .col:nth-child(4) {
  -webkit-transition-delay: 1.2s;
  transition-delay: 1.2s;
}

.modal-safety.modal-bw.bounceInUp .col:nth-child(5) {
  -webkit-transition-delay: 1.4s;
  transition-delay: 1.4s;
}

.modal-safety.modal-bw.bounceInUp .col:nth-child(6) {
  -webkit-transition-delay: 1.6s;
  transition-delay: 1.6s;
}

.row-safety-tips {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  width: 77%;
  margin: 0 auto;
  padding-bottom: 2rem;
}

.row-safety-tips > .col {
  padding: 0;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 33.3%;
  flex: 0 0 33.3%;
}

@media all and (max-width: 1366px) {
  .row-safety-tips {
    width: 86%;
  }
}

@media all and (max-width: 767px) {
  .row-safety-tips > .col {
    padding: 0;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
  }
}

@media all and (max-width: 480px) {
  .row-safety-tips > .col {
    padding: 0;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
  }
}

.safety-tips-item {
  text-align: center;
  padding: 2.5rem 5rem 2.5rem 5rem;
}

.safety-tips-item .image-box {
  max-width: 45%;
  margin: 0 auto;
  position: relative;
}

.safety-tips-item .image-box:before {
  position: absolute;
  background: url("../images/bitcoin/shadow_blue.png") no-repeat center center;
  background-size: contain;
  width: 180%;
  height: 130%;
  content: "";
  z-index: 1;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  margin: 0 auto;
}

.safety-tips-item .image-box img {
  display: block;
  width: 100%;
  position: relative;
  z-index: 2;
  margin: 0 auto;
}

.safety-tips-item .text-box {
  margin-top: 3rem;
}

.safety-tips-item .text-box p {
  font-size: 1.6rem;
  line-height: 1.375;
  margin: 0;
  font-family: "MontserratLight", Arial, serif;
}

@media all and (max-width: 1366px) {
  .safety-tips-item {
    padding-left: 2rem;
    padding-right: 2rem;
  }

  .safety-tips-item .image-box {
    max-width: 35%;
  }

  .safety-tips-item .text-box p {
    font-size: 1.4rem;
  }
}

.modal-deposit .col {
  opacity: 0;
}

.modal-deposit.modal-bw.bounceInUp .col {
  opacity: 1;
  -webkit-transition: 1s all  3s;
  transition: 1s all  3s;
}

.modal-deposit.modal-bw.bounceInUp .col:nth-child(1) {
  -webkit-transition-delay: 0.6s;
  transition-delay: 0.6s;
}

.modal-deposit.modal-bw.bounceInUp .col:nth-child(2) {
  -webkit-transition-delay: 0.8s;
  transition-delay: 0.8s;
}

.modal-deposit.modal-bw.bounceInUp .col:nth-child(3) {
  -webkit-transition-delay: 1.0s;
  transition-delay: 1.0s;
}

.modal-deposit.modal-bw.bounceInUp .col:nth-child(4) {
  -webkit-transition-delay: 1.2s;
  transition-delay: 1.2s;
}

.modal-deposit.modal-bw.bounceInUp .col:nth-child(5) {
  -webkit-transition-delay: 1.4s;
  transition-delay: 1.4s;
}

.modal-deposit.modal-bw.bounceInUp .col:nth-child(6) {
  -webkit-transition-delay: 1.6s;
  transition-delay: 1.6s;
}

.modal-deposit.modal-bw.bounceInUp .col:nth-child(7) {
  -webkit-transition-delay: 1.8s;
  transition-delay: 1.8s;
}

.modal-deposit.modal-bw.bounceInUp .col:nth-child(8) {
  -webkit-transition-delay: 2.0s;
  transition-delay: 2.0s;
}

.modal-deposit.modal-bw.bounceInUp .col:nth-child(9) {
  -webkit-transition-delay: 2.2s;
  transition-delay: 2.2s;
}

.modal-deposit.modal-bw.bounceInUp .col:nth-child(10) {
  -webkit-transition-delay: 2.4s;
  transition-delay: 2.4s;
}

.modal-deposit.modal-bw.bounceInUp .col:nth-child(11) {
  -webkit-transition-delay: 2.6s;
  transition-delay: 2.6s;
}

.modal-deposit.modal-bw.bounceInUp .col:nth-child(12) {
  -webkit-transition-delay: 2.8s;
  transition-delay: 2.8s;
}

.bitcoin-exchange-subtitle {
  margin: 0 auto 2rem auto;
  max-width: 80rem;
  padding: 0 5rem;
  text-align: center;
  font-size: 2rem;
  line-height: 1.4;
}

@media all and (max-width: 1366px) {
  .bitcoin-exchange-subtitle {
    font-size: 1.8rem;
  }
}

.row-bitcoin-exchange {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  width: 77%;
  margin: 0 auto;
  padding-top: 6rem;
  padding-bottom: 2rem;
}

.row-bitcoin-exchange > .col {
  padding: 0;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 25%;
  flex: 0 0 25%;
}

@media all and (max-width: 1366px) {
  .row-bitcoin-exchange {
    width: 96%;
    padding-top: 0;
  }
}

@media all and (max-width: 1260px) {
  .row-bitcoin-exchange > .col {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 33.33%;
    flex: 0 0 33.33%;
  }
}

@media all and (max-width: 767px) {
  .row-bitcoin-exchange > .col {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
  }
}

@media all and (max-width: 480px) {
  .row-bitcoin-exchange > .col {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    padding-left: 0;
    padding-right: 0;
  }
}

.bitcoin-exchange-item {
  padding: 0 2rem 4rem 2rem;
}

.bitcoin-exchange-item .image-box {
  display: block;
  height: 8rem;
  overflow: hidden;
  position: relative;
}

.bitcoin-exchange-item .image-box a {
  display: block;
  color: #686a6b;
  font-size: 20rem;
  vertical-align: top;
  -webkit-transition: 0.25s color;
  transition: 0.25s color;
  position: absolute;
  -webkit-transform: translate(0, -25%);
  transform: translate(0, -25%);
}

.bitcoin-exchange-item .text-box {
  padding: 1.5rem 0 0 0;
}

.bitcoin-exchange-item .text-box p {
  text-align: left;
  color: #8e8e8f;
  font-size: 1.6rem;
  line-height: 1.375;
  margin: 0 0 4rem 0;
  padding: 0 0 0 3rem;
  font-family: "MontserratLight", Arial, serif;
  position: relative;
  -webkit-transition: 0.25s color;
  transition: 0.25s color;
}

.bitcoin-exchange-item .text-box p:before {
  position: absolute;
  left: 0;
  top: 0;
  width: 2px;
  background: #4083c9;
  content: "";
  height: 100%;
}

.bitcoin-exchange-item .text-box .btn {
  padding-left: 3.4rem;
  padding-right: 3.4rem;
}

.bitcoin-exchange-item:hover .image-box a {
  color: #FFF;
}

.bitcoin-exchange-item:hover .text-box p {
  color: #FFF;
}

.bitcoin-exchange-item:hover .text-box .btn {
  border-color: #4083c9;
  background-color: #4083c9;
}

@media all and (max-width: 1366px) {
  .bitcoin-exchange-item .image-box a {
    font-size: 16rem;
  }

  .bitcoin-exchange-item .text-box {
    padding-top: 0.5rem;
  }

  .bitcoin-exchange-item .text-box p {
    margin: 0 0 3rem 0;
    padding: 0 0 0 2rem;
  }

  .bitcoin-exchange-item .text-box .btn {
    padding-left: 2.8rem;
    padding-right: 2.8rem;
  }
}

@media all and (max-width: 1260px) {
  .bitcoin-exchange-item .image-box a {
    font-size: 14rem;
  }

  .bitcoin-exchange-item .text-box p {
    font-size: 1.4rem;
  }

  .bitcoin-exchange-item .text-box .btn {
    padding-left: 2.2rem;
    padding-right: 2.2rem;
  }
}

.modal.modal-video {
  background: #212e3c;
}

.modal.modal-video .videocontent {
  height: 100vh;
  margin: 0 auto;
  position: relative;
  width: 65%;
}

.modal.modal-video .videocontent .video-js {
  background: transparent;
  height: 36.5vw;
  position: absolute;
  top: 50%;
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
  width: 100%;
}

@media all and (max-width: 767px) {
  .modal.modal-video .videocontent {
    width: 85%;
  }
}

.page-about-us .section-bg-1 {
  background-image: url("/files/about-us/welcome.jpg");
  background-position: 0 41px;
  background-repeat: no-repeat;
  background-size: 100%;
  height: 45vw;
}

.page-about-us .section-bg-2 {
  background-image: url("/files/about-us/space.jpg");
  background-position: top;
  background-size: 100%;
  min-height: 100vh;
}

.page-about-us .section-bg-3 {
  background-image: url("/files/about-us/footer.jpg");
  background-position: top;
  background-repeat: no-repeat;
  background-size: 100%;
  min-height: 42vw;
}

.page-about-us .data-cell {
  color: #ffffff;
  font-family: "AvenirNextLTProBold", Arial, sans-serif;
}

.page-about-us .d1 {
  position: relative;
}

.page-about-us .d1 h2 {
  margin-top: 30px;
}

.page-about-us .d1 .data-cell {
  font-size: 4.3rem;
  font-weight: normal;
  left: 7rem;
  line-height: 1.05;
  margin: 0;
  position: absolute;
  text-align: center;
  top: 50%;
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
}

.page-about-us .d1 .data-label {
  border-bottom: 1px solid #04ad74;
}

.page-about-us .d1 .data-label span {
  color: #04ad74;
}

.page-about-us .d1 .data-lead span {
  display: block;
  font-size: 3.5rem;
  text-align: center;
  text-transform: uppercase;
}

.page-about-us .d1 .data-lead span:nth-child(2n-1) {
  font-size: 1.7rem;
}

.page-about-us .d2 {
  overflow: hidden;
}

.page-about-us .d2 .data {
  padding-bottom: 10rem;
}

.page-about-us .d2a-cell {
  margin: 0 auto;
  text-align: center;
  width: 75rem;
}

.page-about-us .d2a-cell h2 {
  color: #04ad74;
  font-size: 4.5rem;
  font-weight: 600;
  margin: 0;
  padding: 5rem 0 2rem;
}

.page-about-us .d2a-cell p {
  font-family: "AvenirNextLTProRegular", Arial, sans-serif;
  font-size: 1.6rem;
  font-weight: 300;
  padding-bottom: 3.5rem;
}

.page-about-us .d2a-cell p.p-bold {
  font-family: "AvenirNextLTProBold", Arial, sans-serif;
  font-size: 2rem;
  font-weight: 600;
}

.page-about-us .img-left-side img,
.page-about-us .img-right-side img {
  max-width: 650px;
}

@media all and (max-width: 1279px) {
  .page-about-us .img-left-side img,
  .page-about-us .img-right-side img {
    max-width: 550px;
  }
}

.page-about-us .d2b-cell,
.page-about-us .d2c-cell {
  text-align: center;
  width: 41rem;
}

.page-about-us .d2b-cell h2,
.page-about-us .d2c-cell h2 {
  font-size: 3rem;
}

.page-about-us .d2b-cell p,
.page-about-us .d2c-cell p {
  font-family: "AvenirNextLTProRegular", Arial, sans-serif;
  font-size: 1.6rem;
  margin-bottom: 2rem;
}

.page-about-us .d2b-cell .bold-color,
.page-about-us .d2b-cell strong,
.page-about-us .d2c-cell .bold-color,
.page-about-us .d2c-cell strong {
  font-family: "AvenirNextLTProBold", Arial, sans-serif;
}

@media all and (max-width: 1279px) {
  .page-about-us .d2b-cell,
  .page-about-us .d2c-cell {
    width: 36rem;
  }
}

.page-about-us .col-2-wrapper {
  margin: 0 auto;
  max-width: 110rem;
}

.page-about-us .d2b-cell {
  float: left;
}

.page-about-us .d2b-cell .bold-color,
.page-about-us .d2b-cell h2 {
  color: #2d6197;
}

@media all and (max-width: 1279px) {
  .page-about-us .d2b-cell {
    margin-left: 9rem;
  }
}

.page-about-us .img-right-side {
  float: right;
}

.page-about-us .d2c-cell {
  float: right;
}

.page-about-us .d2c-cell .bold-color,
.page-about-us .d2c-cell h2 {
  color: #04ad74;
}

@media all and (max-width: 1279px) {
  .page-about-us .d2c-cell {
    margin-right: 6rem;
  }
}

.page-about-us .img-left-side {
  float: left;
}

.page-about-us .d3 {
  overflow: hidden;
  padding-top: 4vw;
  position: relative;
}

.page-about-us .d3 h2 {
  font-size: 2rem;
}

.page-about-us .d3 p {
  font-family: "AvenirNextLTProRegular", Arial, sans-serif;
  font-size: 1.6rem;
  margin-bottom: 2rem;
}

.page-about-us .d3 .d3-left-side,
.page-about-us .d3 .d3-right-side {
  position: absolute;
  top: 15rem;
  width: 30rem;
}

.page-about-us .d3 .d3-left-side h2,
.page-about-us .d3 .d3-right-side h2 {
  position: relative;
  text-transform: uppercase;
}

.page-about-us .d3 .d3-left-side h2::before,
.page-about-us .d3 .d3-right-side h2::before {
  content: "";
  position: absolute;
}

.page-about-us .d3 .d3-left-side {
  left: 18rem;
}

.page-about-us .d3 .d3-left-side h2 {
  color: #2d6197;
}

.page-about-us .d3 .d3-left-side h2::before {
  background: #2d6197;
  height: 2px;
  left: -100%;
  top: -5px;
  width: calc(100% + 182px);
}

.page-about-us .d3 .d3-right-side {
  right: 15rem;
  text-align: right;
}

.page-about-us .d3 .d3-right-side h2 {
  color: #04ad74;
}

.page-about-us .d3 .d3-right-side h2::before {
  background: #04ad74;
  bottom: -5px;
  height: 2px;
  right: -100%;
  width: calc(100% + 152px);
}

.page-about-us .d3 .d3-center {
  display: inline-block;
  left: 50%;
  position: absolute;
  -webkit-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
}

.page-about-us .d3 .d3-center img {
  max-width: 27vw;
}
/*# sourceMappingURL=style.css.map */