.js.loading .preload-wrapper {
  display: block;
}

.js.loading .wrapper {
  max-height: 100%;
  overflow: hidden;
}

.js.loading .body-overlay-wrapper,
.js.loading .header,
.js.loading .scroll-button-wrapper,
.js.loading .bullets-list-wrapper {
  display: none;
}

.js.loading .welcome-screen,
.js.loading .platforms-item-ovelray,
.js.loading .tanks-section,
.js.loading .starter-kit-section,
.js.loading .tanks-popup,
.js.loading .popup-overlay,
.js.loading .shape-mobile-bg {
  background-image: none !important;
}

.js.loading .starter-kit-section .section-content-wrapper {
  background-image: none !important;
}

.preload-wrapper {
  background-color: #000;
  display: block;
  opacity: 1;
  position: fixed;
  -webkit-transition: opacity 0.5s ease-in;
  -o-transition: opacity 0.5s ease-in;
  transition: opacity 0.5s ease-in;
  z-index: 9999;
}

.preload-content {
  background: none;
}

.preload-content:before {
  -webkit-animation: rotate 2s linear infinite;
  -o-animation: rotate 2s linear infinite;
  animation: rotate 2s linear infinite;
  background-image: url(../images/preload-circle.png);
  background-position: 50% 50%;
  background-size: 100% auto;
  background-repeat: no-repeat;
  content: '';
  display: block;
  bottom: 0;
  left: 0;
  right: 0;
  top: 0;
  position: absolute;
  -webkit-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  transform-style: flat;
}

.preload-status {
  fill: none;
  stroke: #ff6600;
  stroke-width: 5;
}

.preload-wrapper.hidden {
  opacity: 0;
}

@media (max-width: 736px) and (max-height: 667px) {
  .preload-wrapper .container {
    padding-left: 0;
    padding-right: 0;
  }
  .preload-content {
    -webkit-transform: scale(0.75);
    -ms-transform: scale(0.75);
    -o-transform: scale(0.75);
    transform: scale(0.75);
    max-width: 320px;
  }
}

@media (max-width: 640px) and (max-height: 480px) {
  .preload-content {
    -webkit-transform: scale(0.5);
    -ms-transform: scale(0.5);
    -o-transform: scale(0.5);
    transform: scale(0.5);
  }
}

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

@-moz-keyframes rotate {
  0% {
    -moz-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -moz-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@-o-keyframes rotate {
  0% {
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@keyframes rotate {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

.header {
  height: 95px;
  -webkit-transition: transform 0.75s ease-out;
  -o-transition: transform 0.75s ease-out;
  transition: transform 0.75s ease-out;
  -webkit-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  -o-transform: translate(0, 0);
  transform: translate(0, 0);
}

@media (min-width: 1400px) {
  .header {
    height: 125px;
  }
}

.header.hidden {
  -webkit-transform: translate(0, -100%);
  -ms-transform: translate(0, -100%);
  -o-transform: translate(0, -100%);
  transform: translate(0, -100%);
  -webkit-transition-timing-function: ease-in;
  -o-transition-timing-function: ease-in;
  transition-timing-function: ease-in;
}

.video-bg-wrapper {
  display: none;
  opacity: 1;
  bottom: 0;
  left: 0;
  right: 0;
  top: 0;
  position: absolute;
  -webkit-transition: opacity 0.5s ease-out;
  -o-transition: opacity 0.5s ease-out;
  transition: opacity 0.5s ease-out;
}

.video-bg-wrapper video {
  height: 100%;
  left: 0;
  top: 0;
  width: 100%;
  position: absolute;
}

@media (min-width: 1024px) {
  .video-bg-wrapper {
    display: block;
  }
}

.video-bg-wrapper.hidden {
  opacity: 0;
}

.device .video-bg-wrapper {
  display: none !important;
}

@media (min-width: 1024px) {
  .desktop .welcome-screen .section-content-wrapper {
    z-index: auto;
  }
  .desktop .body-overlay-wrapper {
    pointer-events: none;
  }
  .desktop .svg-top-wrapper,
  .desktop .svg-bottom-wrapper {
    -webkit-transition: transform 0.75s ease-out;
    -o-transition: transform 0.75s ease-out;
    transition: transform 0.75s ease-out;
    -webkit-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  .desktop .svg-top-wrapper.hidden {
    -webkit-transform: translate3d(-50%, 0, 0);
    -ms-transform: translate3d(-50%, 0, 0);
    -o-transform: translate3d(-50%, 0, 0);
    transform: translate3d(-50%, 0, 0);
  }
  .desktop .svg-bottom-wrapper.hidden {
    -webkit-transform: translate3d(50%, 0, 0);
    -ms-transform: translate3d(50%, 0, 0);
    -o-transform: translate3d(50%, 0, 0);
    transform: translate3d(50%, 0, 0);
  }
  .desktop .body-overlay-wrapper.right .svg-top-wrapper,
  .desktop .body-overlay-wrapper.right .svg-bottom-wrapper {
    -webkit-transition: transform 0.4s ease-in-out;
    -o-transition: transform 0.4s ease-in-out;
    transition: transform 0.4s ease-in-out;
    -webkit-transform: translate3d(-24%, 0, 0);
    -ms-transform: translate3d(-24%, 0, 0);
    -o-transform: translate3d(-24%, 0, 0);
    transform: translate3d(-24%, 0, 0);
  }
  .desktop .svg-overlay .block {
    fill: #222;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve3d;
  }
  .desktop .svg-overlay .block.opacity {
    fill: rgba(34, 34, 34, 0.65);
  }
  .desktop .svg-overlay line {
    stroke: #cc0033;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve3d;
  }
  .ie10.desktop .svg-top-wrapper,
  .ie10.desktop .svg-bottom-wrapper,
  .ie11.desktop .svg-top-wrapper,
  .ie11.desktop .svg-bottom-wrapper {
    margin: 0;
  }
}

@media (min-width: 1024px) {
  .desktop .scroll-button-wrapper {
    -webkit-transition: transform 0.3s ease-in;
    -o-transition: transform 0.3s ease-in;
    transition: transform 0.3s ease-in;
    -webkit-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  .desktop .scroll-button-wrapper .scroll-button-svg {
    -webkit-transition: transform 0.3s ease-in-out;
    -o-transition: transform 0.3s ease-in-out;
    transition: transform 0.3s ease-in-out;
    -webkit-transform: scaleY(1);
    -ms-transform: scaleY(1);
    -o-transform: scaleY(1);
    transform: scaleY(1);
  }
  .desktop .scroll-button-wrapper.hidden {
    -webkit-transition-timing-function: ease-in;
    -o-transition-timing-function: ease-in;
    transition-timing-function: ease-in;
    -webkit-transform: translate3d(0, 70px, 0);
    -ms-transform: translate3d(0, 70px, 0);
    -o-transform: translate3d(0, 70px, 0);
    transform: translate3d(0, 70px, 0);
  }
  .desktop .scroll-button-wrapper.reversed {
    -webkit-transition-timing-function: ease-in-out;
    -o-transition-timing-function: ease-in-out;
    transition-timing-function: ease-in-out;
    -webkit-transform: translate3d(0, -236px, 0);
    -ms-transform: translate3d(0, -236px, 0);
    -o-transform: translate3d(0, -236px, 0);
    transform: translate3d(0, -236px, 0);
  }
  .desktop .scroll-button-wrapper.reversed .scroll-button-svg {
    -webkit-transform: scaleY(-1);
    -ms-transform: scaleY(-1);
    -o-transform: scaleY(-1);
    transform: scaleY(-1);
  }
}

@media (min-width: 1024px) and (min-width: 1200px) {
  .desktop .scroll-button-wrapper.reversed {
    -webkit-transform: translate3d(0, -138px, 0);
    -ms-transform: translate3d(0, -138px, 0);
    -o-transform: translate3d(0, -138px, 0);
    transform: translate3d(0, -138px, 0);
  }
}

@media (min-width: 1024px) {
  .desktop .scroll-button-wrapper.together.reversed {
    -webkit-transition-timing-function: ease-in-out;
    -o-transition-timing-function: ease-in-out;
    transition-timing-function: ease-in-out;
    -webkit-transition-delay: 0.45s;
    -o-transition-delay: 0.45s;
    transition-delay: 0.45s;
  }
  .desktop .scroll-button-wrapper.together.reversed .scroll-button-svg {
    -webkit-transition-delay: 0.45s;
    -o-transition-delay: 0.45s;
    transition-delay: 0.45s;
  }
}

@media (min-width: 1024px) {
  .desktop .bullets-list-wrapper {
    -webkit-transition: transform 0.3s ease-out;
    -o-transition: transform 0.3s ease-out;
    transition: transform 0.3s ease-out;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    -o-transform: translate(0, -50%);
    transform: translate(0, -50%);
  }
  .desktop .bullets-list-wrapper.hidden {
    -webkit-transition-timing-function: ease-in;
    -o-transition-timing-function: ease-in;
    transition-timing-function: ease-in;
    -webkit-transform: translate(37px, -50%);
    -ms-transform: translate(37px, -50%);
    -o-transform: translate(37px, -50%);
    transform: translate(37px, -50%);
  }
  .desktop .bullets-list__item .bullets-list__item-link {
    border: none;
    position: relative;
  }
  .desktop .bullets-list__item .bullets-list__item-link:before {
    border: 1px solid #ff6600;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    content: '';
    bottom: 0;
    left: 0;
    right: 0;
    top: 0;
    position: absolute;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
    -webkit-transition: transform 0.3s ease-in;
    -o-transition: transform 0.3s ease-in;
    transition: transform 0.3s ease-in;
  }
  .desktop .bullets-list__item .bullets-list__item-link span {
    -webkit-transition-timing-function: ease-in-out;
    -o-transition-timing-function: ease-in-out;
    transition-timing-function: ease-in-out;
  }
  .desktop .bullets-list__item.active .bullets-list__item-link:before {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    -webkit-transition-timing-function: ease-out;
    -o-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
  }
}

@media (min-width: 1024px) {
  .js.desktop .section {
    top: 0;
    -webkit-transition: top 0.75s ease-in-out;
    -o-transition: top 0.75s ease-in-out;
    transition: top 0.75s ease-in-out;
    will-change: top;
  }
  .js.desktop .section.hidden {
    top: 100%;
  }
  .js.desktop .section.hiddentop {
    top: -100%;
  }
  .js.desktop .section.notransition {
    -webkit-transition: none;
    -moz-transition: none;
    -o-transition: none;
    transition: none;
  }
  .js.desktop .platforms-section {
    background-size: cover;
  }
  .js.desktop .footer {
    height: 236px;
    -webkit-transition: transform 0.3s ease-in-out;
    -o-transition: transform 0.3s ease-in-out;
    transition: transform 0.3s ease-in-out;
    -webkit-transform: translate3d(0, -100%, 0);
    -ms-transform: translate3d(0, -100%, 0);
    -o-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    z-index: 40;
  }
}

@media (min-width: 1024px) and (min-width: 1200px) {
  .js.desktop .footer {
    height: 138px;
  }
}

@media (min-width: 1024px) {
  .js.desktop .footer.hidden {
    -webkit-transition-timing-function: ease-in;
    -o-transition-timing-function: ease-in;
    transition-timing-function: ease-in;
    -webkit-transform: translate3d(0, 0%, 0);
    -ms-transform: translate3d(0, 0%, 0);
    -o-transform: translate3d(0, 0%, 0);
    transform: translate3d(0, 0%, 0);
  }
  .js.desktop .dark {
    background: rgba(0, 0, 0, 0.66);
    opacity: 1;
    bottom: 0;
    left: 0;
    right: 0;
    top: 0;
    position: fixed;
    -webkit-transition: opacity 0.3s ease-out;
    -o-transition: opacity 0.3s ease-out;
    transition: opacity 0.3s ease-out;
    z-index: 35;
  }
  .js.desktop .dark.hidden {
    opacity: 0;
    pointer-events: none;
    -webkit-transition: opacity 0.3s ease-in;
    -o-transition: opacity 0.3s ease-in;
    transition: opacity 0.3s ease-in;
    visibility: hidden;
  }
  .js.desktop .starter-kit-section.together .footer {
    -webkit-transition: none;
    -moz-transition: none;
    -o-transition: none;
    transition: none;
  }
}

.prizes-medal {
  min-height: 60px;
}

@media (min-width: 768px) {
  .prizes-medal {
    min-height: 140px;
  }
}

@media (min-width: 1024px) {
  .desktop .intro-content {
    opacity: 1;
    -webkit-transition: all 0.4s ease-out;
    -o-transition: all 0.4s ease-out;
    transition: all 0.4s ease-out;
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0);
  }
  .desktop .intro-content.hidden {
    opacity: 0;
    -webkit-transform: translate(-5%, 0);
    -ms-transform: translate(-5%, 0);
    -o-transform: translate(-5%, 0);
    transform: translate(-5%, 0);
  }
  .desktop .platforms-content .platforms-title {
    opacity: 1;
    -webkit-transition: all 0.4s ease-out;
    -o-transition: all 0.4s ease-out;
    transition: all 0.4s ease-out;
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0);
  }
  .desktop .platforms-content .platforms-item {
    -webkit-transition: all 0.4s ease-out;
    -o-transition: all 0.4s ease-out;
    transition: all 0.4s ease-out;
  }
  .desktop .platforms-content .platforms-item:first-child {
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0);
  }
  .desktop .platforms-content .platforms-item:last-child {
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0);
  }
  .desktop .platforms-content.hidden .platforms-title {
    opacity: 0;
    -webkit-transform: translate(-5%, 0);
    -ms-transform: translate(-5%, 0);
    -o-transform: translate(-5%, 0);
    transform: translate(-5%, 0);
  }
  .desktop .platforms-content.hidden .platforms-item:first-child {
    -webkit-transform: translate(-100%, 0);
    -ms-transform: translate(-100%, 0);
    -o-transform: translate(-100%, 0);
    transform: translate(-100%, 0);
  }
  .desktop .platforms-content.hidden .platforms-item:last-child {
    -webkit-transform: translate(100%, 0);
    -ms-transform: translate(100%, 0);
    -o-transform: translate(100%, 0);
    transform: translate(100%, 0);
  }
  .desktop .platforms-content.right .platforms-title {
    opacity: 0;
    -webkit-transform: translate(-24%, 0);
    -ms-transform: translate(-24%, 0);
    -o-transform: translate(-24%, 0);
    transform: translate(-24%, 0);
    -webkit-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
  }
  .desktop .platforms-content.right .platforms-item:first-child, .desktop .platforms-content.right .platforms-item:last-child {
    opacity: 0;
    -webkit-transform: translate(-24%, 0);
    -ms-transform: translate(-24%, 0);
    -o-transform: translate(-24%, 0);
    transform: translate(-24%, 0);
    -webkit-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
  }
  .desktop .tanks-content .tanks-title {
    opacity: 1;
    -webkit-transition: all 0.4s ease-out;
    -o-transition: all 0.4s ease-out;
    transition: all 0.4s ease-out;
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0);
  }
  .desktop .tanks-content .tanks-list__item:nth-child(1), .desktop .tanks-content .tanks-list__item:nth-child(2), .desktop .tanks-content .tanks-list__item:nth-child(3), .desktop .tanks-content .tanks-list__item:nth-child(4), .desktop .tanks-content .tanks-list__item:nth-child(5) {
    opacity: 1;
    -webkit-transition: all 0.4s ease-out;
    -o-transition: all 0.4s ease-out;
    transition: all 0.4s ease-out;
    -webkit-transform: translate(0, 0) scale(1);
    -ms-transform: translate(0, 0) scale(1);
    -o-transform: translate(0, 0) scale(1);
    transform: translate(0, 0) scale(1);
  }
  .desktop .tanks-content .tanks-list__item:nth-child(2) {
    -webkit-transition-delay: 0.05s;
    -o-transition-delay: 0.05s;
    transition-delay: 0.05s;
    z-index: 5;
  }
  .desktop .tanks-content .tanks-list__item:nth-child(3) {
    -webkit-transition-delay: 0.1s;
    -o-transition-delay: 0.1s;
    transition-delay: 0.1s;
  }
  .desktop .tanks-content .tanks-list__item:nth-child(4) {
    -webkit-transition-delay: 0.1s;
    -o-transition-delay: 0.1s;
    transition-delay: 0.1s;
  }
  .desktop .tanks-content .tanks-list__item:nth-child(5) {
    -webkit-transition-delay: 0.05s;
    -o-transition-delay: 0.05s;
    transition-delay: 0.05s;
  }
  .desktop .tanks-content.hidden .tanks-title {
    opacity: 0;
    -webkit-transform: translate(-5%, 0);
    -ms-transform: translate(-5%, 0);
    -o-transform: translate(-5%, 0);
    transform: translate(-5%, 0);
  }
  .desktop .tanks-content.hidden .tanks-list__item:nth-child(1) {
    opacity: 0;
    -webkit-transform: translate(0, 0) scale(0.9);
    -ms-transform: translate(0, 0) scale(0.9);
    -o-transform: translate(0, 0) scale(0.9);
    transform: translate(0, 0) scale(0.9);
  }
  .desktop .tanks-content.hidden .tanks-list__item:nth-child(2) {
    opacity: 0;
    -webkit-transform: translate(10%, -2.5%);
    -ms-transform: translate(10%, -2.5%);
    -o-transform: translate(10%, -2.5%);
    transform: translate(10%, -2.5%);
  }
  .desktop .tanks-content.hidden .tanks-list__item:nth-child(3) {
    opacity: 0;
    -webkit-transform: translate(2.5%, 10%);
    -ms-transform: translate(2.5%, 10%);
    -o-transform: translate(2.5%, 10%);
    transform: translate(2.5%, 10%);
  }
  .desktop .tanks-content.hidden .tanks-list__item:nth-child(4) {
    opacity: 0;
    -webkit-transform: translate(-2.5%, -10%);
    -ms-transform: translate(-2.5%, -10%);
    -o-transform: translate(-2.5%, -10%);
    transform: translate(-2.5%, -10%);
  }
  .desktop .tanks-content.hidden .tanks-list__item:nth-child(5) {
    opacity: 0;
    -webkit-transform: translate(-10%, 2.5%);
    -ms-transform: translate(-10%, 2.5%);
    -o-transform: translate(-10%, 2.5%);
    transform: translate(-10%, 2.5%);
  }
  .desktop .tanks-content.right .tanks-title {
    opacity: 0;
    -webkit-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
    -webkit-transform: translate(-24%, 0);
    -ms-transform: translate(-24%, 0);
    -o-transform: translate(-24%, 0);
    transform: translate(-24%, 0);
  }
  .desktop .tanks-content.right .tanks-list__item:nth-child(1), .desktop .tanks-content.right .tanks-list__item:nth-child(2), .desktop .tanks-content.right .tanks-list__item:nth-child(3), .desktop .tanks-content.right .tanks-list__item:nth-child(4), .desktop .tanks-content.right .tanks-list__item:nth-child(5) {
    opacity: 0;
    -webkit-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
    -webkit-transition-delay: 0s;
    -o-transition-delay: 0s;
    transition-delay: 0s;
    -webkit-transform: translate(-24%, 0) scale(1);
    -ms-transform: translate(-24%, 0) scale(1);
    -o-transform: translate(-24%, 0) scale(1);
    transform: translate(-24%, 0) scale(1);
  }
  .desktop .prizes-content .prizes-title,
  .desktop .prizes-content .prizes-medal {
    opacity: 1;
    -webkit-transition: all 0.4s ease-out;
    -o-transition: all 0.4s ease-out;
    transition: all 0.4s ease-out;
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0);
  }
  .desktop .prizes-content .prizes-medal {
    min-height: 148px;
    -webkit-transition-delay: 0.05s;
    -o-transition-delay: 0.05s;
    transition-delay: 0.05s;
  }
  .desktop .prizes-content .prizes-tank {
    opacity: 1;
    -webkit-transition: all 0.4s ease-out;
    -o-transition: all 0.4s ease-out;
    transition: all 0.4s ease-out;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    -o-transform: translate(0, -50%);
    transform: translate(0, -50%);
  }
  .desktop .prizes-content .prizes-list__item {
    opacity: 1;
    -webkit-transition: all 0.4s ease-out;
    -o-transition: all 0.4s ease-out;
    transition: all 0.4s ease-out;
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0);
  }
  .desktop .prizes-content .prizes-list__item:nth-child(1) {
    -webkit-transition-delay: 0.2s;
    -o-transition-delay: 0.2s;
    transition-delay: 0.2s;
  }
  .desktop .prizes-content .prizes-list__item:nth-child(2) {
    -webkit-transition-delay: 0.3s;
    -o-transition-delay: 0.3s;
    transition-delay: 0.3s;
  }
  .desktop .prizes-content .prizes-list__item:nth-child(3) {
    -webkit-transition-delay: 0.4s;
    -o-transition-delay: 0.4s;
    transition-delay: 0.4s;
  }
  .desktop .prizes-content .prizes-list__item:nth-child(4) {
    -webkit-transition-delay: 0.5s;
    -o-transition-delay: 0.5s;
    transition-delay: 0.5s;
  }
  .desktop .prizes-content .prizes-list__item:nth-child(5) {
    -webkit-transition-delay: 0.6s;
    -o-transition-delay: 0.6s;
    transition-delay: 0.6s;
  }
  .desktop .prizes-content .prizes-list__item:nth-child(6) {
    -webkit-transition-delay: 0.7s;
    -o-transition-delay: 0.7s;
    transition-delay: 0.7s;
  }
  .desktop .prizes-content.hidden .prizes-title,
  .desktop .prizes-content.hidden .prizes-medal {
    opacity: 0;
    -webkit-transform: translate(-5%, 0);
    -ms-transform: translate(-5%, 0);
    -o-transform: translate(-5%, 0);
    transform: translate(-5%, 0);
  }
  .desktop .prizes-content.hidden .prizes-tank {
    opacity: 0;
    -webkit-transform: translate(5%, -50%);
    -ms-transform: translate(5%, -50%);
    -o-transform: translate(5%, -50%);
    transform: translate(5%, -50%);
  }
  .desktop .prizes-content.hidden .prizes-list__item {
    opacity: 0;
    -webkit-transform: translate(308px, 0);
    -ms-transform: translate(308px, 0);
    -o-transform: translate(308px, 0);
    transform: translate(308px, 0);
  }
  .desktop .starter-kit-section.together .prizes-content {
    -webkit-transition: none;
    -moz-transition: none;
    -o-transition: none;
    transition: none;
  }
  .js.desktop .starter-kit-section {
    padding-bottom: 0;
  }
}

@media (min-width: 1024px) and (max-height: 699px) {
  .desktop .prizes-medal {
    min-height: 118px;
  }
}

@media (min-width: 1400px) {
  .desktop .prizes-medal {
    min-height: 215px;
  }
}

@media (max-height: 849px) and (min-width: 1400px) {
  .desktop .prizes-medal {
    min-height: 168px;
  }
}

.welcome-title-list {
  overflow: visible;
  position: relative;
}

.intro-message {
  opacity: 0;
  -webkit-transition: opacity 0.55s ease-in;
  -o-transition: opacity 0.55s ease-in;
  transition: opacity 0.55s ease-in;
}

.intro-message .line {
  -webkit-transform: translate(-100%, 0);
  -ms-transform: translate(-100%, 0);
  -o-transform: translate(-100%, 0);
  transform: translate(-100%, 0);
  -webkit-transition: transform 0.55s ease-in;
  -o-transition: transform 0.55s ease-in;
  transition: transform 0.55s ease-in;
}

.intro-message .line:nth-child(2) {
  -webkit-transition-delay: 0.05s;
  -o-transition-delay: 0.05s;
  transition-delay: 0.05s;
}

.intro-message .line:nth-child(3) {
  -webkit-transition-delay: 0.1s;
  -o-transition-delay: 0.1s;
  transition-delay: 0.1s;
}

.welcome-title-list.absolute .intro-message {
  position: absolute;
}

.intro-message.toshow {
  opacity: 0;
  -webkit-transition: none;
  -moz-transition: none;
  -o-transition: none;
  transition: none;
}

.intro-message.toshow .line {
  -webkit-transform: translate(100%, 0);
  -ms-transform: translate(100%, 0);
  -o-transform: translate(100%, 0);
  transform: translate(100%, 0);
}

.intro-message.active {
  opacity: 1;
  -webkit-transition-timing-function: ease-out;
  -o-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}

.intro-message.active .line {
  -webkit-transform: translate(0%, 0);
  -ms-transform: translate(0%, 0);
  -o-transform: translate(0%, 0);
  transform: translate(0%, 0);
  -webkit-transition-timing-function: ease-out;
  -o-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}

@media (min-width: 1024px) {
  .desktop .platforms-section .platforms-item {
    background-image: none !important;
    position: relative;
  }
  .desktop .platforms-section .platforms-item:before {
    background-position: 0 0;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAoCAIAAAAQS2/OAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMDY3IDc5LjE1Nzc0NywgMjAxNS8wMy8zMC0yMzo0MDo0MiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkU1NzBEMzY1ODQ2NzExRTc5RjUwODMxOEY0MjBBRTVBIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkU1NzBEMzY2ODQ2NzExRTc5RjUwODMxOEY0MjBBRTVBIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6RTU3MEQzNjM4NDY3MTFFNzlGNTA4MzE4RjQyMEFFNUEiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6RTU3MEQzNjQ4NDY3MTFFNzlGNTA4MzE4RjQyMEFFNUEiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz79Yk7GAAAAhElEQVR42uzTOw5FERSF4Z0zDm/B/GsRIsS0juI0l3bfbun8WQ3J91hr6fcIIUopXP2IpLXOORtj/tL3fa3lvT/WPH3XOWdK6V4z9P2iMUaM8X4pQ1dK9d5DCMeap0spW2v3P3J1qrU65+41Vyc4gAM4gAM4gAM4gAM4gAM4gIOvvwIMANj55TrldDGZAAAAAElFTkSuQmCC);
    background-repeat: repeat;
    content: '';
    bottom: 0;
    left: 0;
    right: 0;
    top: 0;
    position: absolute;
    opacity: .6;
  }
  .desktop .platforms-section .platforms-item:after {
    opacity: 0;
    -webkit-transition: opacity 0.3s ease-out;
    -o-transition: opacity 0.3s ease-out;
    transition: opacity 0.3s ease-out;
  }
  .desktop .platforms-section .platforms-item .platforms-item-ovelray {
    background-clip: content-box;
    padding: 0;
    -webkit-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
  }
  .desktop .platforms-section .platforms-item.active:after {
    opacity: 1;
    -webkit-transition-timing-function: ease-in;
    -o-transition-timing-function: ease-in;
    transition-timing-function: ease-in;
  }
  .desktop .platforms-section .platforms-item.active .platforms-item-ovelray {
    padding: 35px;
    -webkit-transition-timing-function: ease-in;
    -o-transition-timing-function: ease-in;
    transition-timing-function: ease-in;
  }
}

@media (min-width: 1024px) and (min-width: 1400px) {
  .desktop .platforms-section .platforms-item.active .platforms-item-ovelray {
    padding: 43px;
  }
}

@media (min-width: 1024px) {
  .js.desktop .platforms-section .platforms-item.platform-box:after {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, rgba(72, 178, 29, 0)), to(rgba(72, 178, 29, 0.27)));
    background: -webkit-linear-gradient(top, rgba(72, 178, 29, 0) 50%, rgba(72, 178, 29, 0.27) 100%);
    background: -moz-linear-gradient(top, rgba(72, 178, 29, 0) 50%, rgba(72, 178, 29, 0.27) 100%);
    background: -o-linear-gradient(top, rgba(72, 178, 29, 0) 50%, rgba(72, 178, 29, 0.27) 100%);
    background: linear-gradient(to bottom, rgba(72, 178, 29, 0) 50%, rgba(72, 178, 29, 0.27) 100%);
  }
  .js.desktop .platforms-section .platforms-item.platform-ps:after {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, rgba(10, 71, 151, 0)), to(rgba(10, 71, 151, 0.27)));
    background: -webkit-linear-gradient(top, rgba(10, 71, 151, 0) 50%, rgba(10, 71, 151, 0.27) 100%);
    background: -moz-linear-gradient(top, rgba(10, 71, 151, 0) 50%, rgba(10, 71, 151, 0.27) 100%);
    background: -o-linear-gradient(top, rgba(10, 71, 151, 0) 50%, rgba(10, 71, 151, 0.27) 100%);
    background: linear-gradient(to bottom, rgba(10, 71, 151, 0) 50%, rgba(10, 71, 151, 0.27) 100%);
  }
  .js.desktop .platforms-section .platforms-item.active .platforms-item-ovelray {
    bottom: 0;
    left: 0;
    right: 0;
    top: 0;
  }
}

.close-popup {
  display: block;
  -webkit-transition: transform 0.4s ease-out;
  -o-transition: transform 0.4s ease-out;
  transition: transform 0.4s ease-out;
  transition: all .4s ease-out;
  -webkit-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  -o-transform: translate(0, 0);
  transform: translate(0, 0);
}

.close-popup.hidden {
  -webkit-transform: translate(100%, 0);
  -ms-transform: translate(100%, 0);
  -o-transform: translate(100%, 0);
  transform: translate(100%, 0);
  -webkit-transition-delay: 0s;
  -o-transition-delay: 0s;
  transition-delay: 0s;
}

@media (max-width: 599px) {
  .popup-overlay {
    display: none;
  }
}

@media (min-width: 600px) and (orientation: portrait) {
  .device .tanks-popup-list__item {
    padding-top: 90px;
  }
}

@media (max-width: 1023px) {
  .fixed-backgrounds {
    background-color: #000;
    bottom: 0;
    left: 0;
    right: 0;
    top: 0;
    position: fixed;
    -webkit-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -webkit-transition: all 0.4s ease-out;
    -o-transition: all 0.4s ease-out;
    transition: all 0.4s ease-out;
    z-index: 80;
  }
  .fixed-backgrounds.hidden {
    -webkit-transform: translate3d(100%, 0, 0);
    -ms-transform: translate3d(100%, 0, 0);
    -o-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    -webkit-transition: all 0.4s ease-in;
    -o-transition: all 0.4s ease-in;
    transition: all 0.4s ease-in;
  }
  .fixed-background {
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: auto 100%;
    bottom: 0;
    left: 0;
    right: 0;
    top: 0;
    position: fixed;
    -webkit-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -webkit-transition: opacity 0.4s ease-out;
    -o-transition: opacity 0.4s ease-out;
    transition: opacity 0.4s ease-out;
  }
  .fixed-background:before {
    background: rgba(0, 0, 0, 0.7);
    content: '';
    bottom: 0;
    left: 0;
    right: 0;
    top: 0;
    position: fixed;
  }
  .tanks-popup-background:before {
    background: rgba(0, 0, 0, 0.2);
  }
  .fixed-background.hidden {
    -webkit-transform: translate3d(100%, 0, 0);
    -ms-transform: translate3d(100%, 0, 0);
    -o-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    -webkit-transition: opacity 0.4s ease-in;
    -o-transition: opacity 0.4s ease-in;
    transition: opacity 0.4s ease-in;
  }
  .fixed-background.nobg {
    background-image: none !important;
    opacity: 0;
  }
  .popup-text-wrapper {
    background-color: transparent;
    display: block;
    position: fixed;
    -webkit-transform: translate(100%, 0);
    -ms-transform: translate(100%, 0);
    -o-transform: translate(100%, 0);
    transform: translate(100%, 0);
    -webkit-transition: transform 0.4s ease-in;
    -o-transition: transform 0.4s ease-in;
    transition: transform 0.4s ease-in;
  }
  .popup-text-wrapper.flex {
    display: block;
  }
  .popup-text-wrapper.open {
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0);
    -webkit-transition: transform 0.4s ease-out;
    -o-transition: transform 0.4s ease-out;
    transition: transform 0.4s ease-out;
  }
  .popup-overlay {
    opacity: 1;
    -webkit-transition: opacity 0.4s ease-out;
    -o-transition: opacity 0.4s ease-out;
    transition: opacity 0.4s ease-out;
  }
  .popop-text-container:before {
    display: none;
  }
  .desktop.popup-mode {
    overflow-x: hidden;
  }
  .desktop.popup-mode .wrapper {
    display: none;
  }
  .desktop.popup-mode .popup-text-wrapper.open {
    position: absolute;
  }
}

.device .fixed-backgrounds {
  background-color: #000;
  bottom: 0;
  left: 0;
  right: 0;
  top: 0;
  overflow: hidden;
  position: fixed;
  -webkit-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  -webkit-transition: all 0.4s ease-out;
  -o-transition: all 0.4s ease-out;
  transition: all 0.4s ease-out;
  z-index: 80;
}

.device .fixed-backgrounds.hidden {
  -webkit-transform: translate3d(100%, 0, 0);
  -ms-transform: translate3d(100%, 0, 0);
  -o-transform: translate3d(100%, 0, 0);
  transform: translate3d(100%, 0, 0);
  -webkit-transition: all 0.4s ease-in;
  -o-transition: all 0.4s ease-in;
  transition: all 0.4s ease-in;
}

.device .fixed-background {
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: cover;
  bottom: 0;
  left: 0;
  right: 0;
  top: 0;
  position: fixed;
  -webkit-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  -webkit-transition: opacity 0.4s ease-out;
  -o-transition: opacity 0.4s ease-out;
  transition: opacity 0.4s ease-out;
}

.device .fixed-background:before {
  background: rgba(0, 0, 0, 0.7);
  content: '';
  bottom: 0;
  left: 0;
  right: 0;
  top: 0;
  position: fixed;
}

.device .tanks-popup-background:before {
  background: rgba(0, 0, 0, 0.2);
}

.device .fixed-background.hidden {
  -webkit-transform: translate3d(100%, 0, 0);
  -ms-transform: translate3d(100%, 0, 0);
  -o-transform: translate3d(100%, 0, 0);
  transform: translate3d(100%, 0, 0);
  -webkit-transition: opacity 0.4s ease-in;
  -o-transition: opacity 0.4s ease-in;
  transition: opacity 0.4s ease-in;
}

.device .fixed-background.nobg {
  background-image: none !important;
  opacity: 0;
}

.device .popup-text-wrapper {
  background-color: transparent;
  display: block;
  overflow: auto;
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
  position: fixed;
  -webkit-transform: translate(100%, 0);
  -ms-transform: translate(100%, 0);
  -o-transform: translate(100%, 0);
  transform: translate(100%, 0);
  -webkit-transition: transform 0.4s ease-in;
  -o-transition: transform 0.4s ease-in;
  transition: transform 0.4s ease-in;
}

.device .popup-text-wrapper.flex {
  display: block;
}

.device .popup-text-wrapper.open {
  -webkit-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  -o-transform: translate(0, 0);
  transform: translate(0, 0);
  -webkit-transition: transform 0.4s ease-out;
  -o-transition: transform 0.4s ease-out;
  transition: transform 0.4s ease-out;
}

.device .popup-overlay {
  opacity: 1;
  -webkit-transition: opacity 0.4s ease-out;
  -o-transition: opacity 0.4s ease-out;
  transition: opacity 0.4s ease-out;
}

.device .popop-text-container:before {
  display: none;
}

@media (min-width: 1024px) {
  .desktop .fixed-backgrounds {
    display: none !important;
  }
  .desktop .popup-text-wrapper {
    background-color: transparent !important;
    height: auto;
    overflow: visible;
    overflow-y: visible;
    overflow-x: hidden;
  }
  .desktop .popup-text-wrapper.flex {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
  }
  .desktop .popup-overlay {
    background-image: url(../images/smoke.png) !important;
    opacity: 1;
    -webkit-transition: opacity 0.4s ease-out;
    -o-transition: opacity 0.4s ease-out;
    transition: opacity 0.4s ease-out;
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0);
  }
  .desktop .popup-overlay:before {
    display: none;
  }
  .desktop .popup-overlay.hidden {
    opacity: 0;
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0);
  }
  .desktop .popop-text-container {
    opacity: 1;
    -webkit-transition: all 0.4s ease-out;
    -o-transition: all 0.4s ease-out;
    transition: all 0.4s ease-out;
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0);
  }
  .desktop .popop-text-container.hidden {
    opacity: 0;
    -webkit-transform: translate(5%, 0);
    -ms-transform: translate(5%, 0);
    -o-transform: translate(5%, 0);
    transform: translate(5%, 0);
  }
  .desktop .close-popup {
    -webkit-transition-delay: 0.2s;
    -o-transition-delay: 0.2s;
    transition-delay: 0.2s;
  }
  .desktop .close-popup.hidden {
    -webkit-transition-delay: 0s;
    -o-transition-delay: 0s;
    transition-delay: 0s;
    -webkit-transform: translate(70px, 0);
    -ms-transform: translate(70px, 0);
    -o-transform: translate(70px, 0);
    transform: translate(70px, 0);
  }
  .desktop.popup-mode .wrapper {
    position: fixed;
  }
}

@media (max-width: 1023px) {
  .tanks-list {
    -webkit-transition: transform 0.3s ease-in-out;
    -o-transition: transform 0.3s ease-in-out;
    transition: transform 0.3s ease-in-out;
  }
}

.device .tanks-list {
  -webkit-transition: transform 0.3s ease-in-out;
  -o-transition: transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out;
}

.tank-slider-control-left,
.tank-slider-control-right {
  -webkit-transition: transform 0.3s ease-out;
  -o-transition: transform 0.3s ease-out;
  transition: transform 0.3s ease-out;
  -webkit-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.tank-slider-control-left.hidden {
  -webkit-transition-timing-function: ease-in;
  -o-transition-timing-function: ease-in;
  transition-timing-function: ease-in;
  -webkit-transform: translate3d(-44px, 0, 0);
  -ms-transform: translate3d(-44px, 0, 0);
  -o-transform: translate3d(-44px, 0, 0);
  transform: translate3d(-44px, 0, 0);
}

.tank-slider-control-right.hidden {
  -webkit-transition-timing-function: ease-in;
  -o-transition-timing-function: ease-in;
  transition-timing-function: ease-in;
  -webkit-transform: translate3d(44px, 0, 0);
  -ms-transform: translate3d(44px, 0, 0);
  -o-transform: translate3d(44px, 0, 0);
  transform: translate3d(44px, 0, 0);
}

@media (min-width: 1024px) {
  .js.desktop .tanks-list {
    -webkit-transform: none !important;
    -moz-transform: none !important;
    -o-transform: none !important;
    transform: none !important;
  }
  .js.desktop .tanks-list__item .tanks-list__item-img {
    -webkit-filter: brightness(100%);
    filter: brightness(100%);
    -webkit-transition: -webkit-filter 0.3s ease-out;
    -moz-transition: -moz-filter 0.3s ease-out;
    -o-transition: -o-filter 0.3s ease-out;
    transition: filter 0.3s ease-out;
  }
  .js.desktop .tanks-list__item.nothover .tanks-list__item-img {
    -webkit-filter: brightness(40%);
    filter: brightness(40%);
    -webkit-transition-timing-function: ease-in;
    -o-transition-timing-function: ease-in;
    transition-timing-function: ease-in;
  }
  .js.desktop.ie10 .tanks-list__item .tanks-list__item-img,
  .js.desktop.ie11 .tanks-list__item .tanks-list__item-img {
    -webkit-filter: none;
    filter: none;
    opacity: 1;
    -webkit-transition: opacity 0.3s ease-out;
    -o-transition: opacity 0.3s ease-out;
    transition: opacity 0.3s ease-out;
  }
  .js.desktop.ie10 .tanks-list__item.nothover .tanks-list__item-img,
  .js.desktop.ie11 .tanks-list__item.nothover .tanks-list__item-img {
    -webkit-filter: none;
    filter: none;
    opacity: .4;
    -webkit-transition-timing-function: ease-in;
    -o-transition-timing-function: ease-in;
    transition-timing-function: ease-in;
  }
}

@media (max-width: 1023px) {
  .tanks-popup {
    background-color: transparent;
    display: block;
    position: fixed;
    -webkit-transform: translate(100%, 0);
    -ms-transform: translate(100%, 0);
    -o-transform: translate(100%, 0);
    transform: translate(100%, 0);
    -webkit-transition: transform 0.4s ease-in;
    -o-transition: transform 0.4s ease-in;
    transition: transform 0.4s ease-in;
  }
  .tanks-popup:before {
    display: none;
  }
  .tanks-popup.open {
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0);
    -webkit-transition: transform 0.4s ease-out;
    -o-transition: transform 0.4s ease-out;
    transition: transform 0.4s ease-out;
  }
  .desktop.popup-mode .tanks-popup.open {
    position: absolute;
  }
}

.device .tanks-popup {
  background-color: transparent;
  display: block;
  overflow: auto;
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
  position: fixed;
  -webkit-transform: translate(100%, 0);
  -ms-transform: translate(100%, 0);
  -o-transform: translate(100%, 0);
  transform: translate(100%, 0);
  -webkit-transition: transform 0.4s ease-in;
  -o-transition: transform 0.4s ease-in;
  transition: transform 0.4s ease-in;
}

.device .tanks-popup:before {
  display: none;
}

.device .tanks-popup.open {
  -webkit-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  -o-transform: translate(0, 0);
  transform: translate(0, 0);
  -webkit-transition: transform 0.4s ease-out;
  -o-transition: transform 0.4s ease-out;
  transition: transform 0.4s ease-out;
}

.popup-controls-wrapper .popup-controls-left,
.popup-controls-wrapper .popup-controls-right {
  -webkit-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  -o-transform: translate(0, 0);
  transform: translate(0, 0);
  -webkit-transition: transform 0.4s ease-out;
  -o-transition: transform 0.4s ease-out;
  transition: transform 0.4s ease-out;
  -webkit-transition-delay: 0.8s;
  -o-transition-delay: 0.8s;
  transition-delay: 0.8s;
}

.popup-controls-wrapper.hidden .popup-controls-left {
  -webkit-transform: translate(-100%, 0);
  -ms-transform: translate(-100%, 0);
  -o-transform: translate(-100%, 0);
  transform: translate(-100%, 0);
  -webkit-transition-delay: 0s;
  -o-transition-delay: 0s;
  transition-delay: 0s;
  -webkit-transition-timing-function: ease-in;
  -o-transition-timing-function: ease-in;
  transition-timing-function: ease-in;
}

.popup-controls-wrapper.hidden .popup-controls-right {
  -webkit-transform: translate(100%, 0);
  -ms-transform: translate(100%, 0);
  -o-transform: translate(100%, 0);
  transform: translate(100%, 0);
  -webkit-transition-delay: 0s;
  -o-transition-delay: 0s;
  transition-delay: 0s;
  -webkit-transition-timing-function: ease-in;
  -o-transition-timing-function: ease-in;
  transition-timing-function: ease-in;
}

@media (max-width: 1023px) {
  .tanks-popup {
    background-image: none !important;
  }
  .tanks-popup-list {
    overflow: visible;
    position: relative;
  }
  .tanks-popup-list__item {
    padding-top: 35px;
    position: absolute;
    -webkit-transform: translate(0, -200%);
    -ms-transform: translate(0, -200%);
    -o-transform: translate(0, -200%);
    transform: translate(0, -200%);
  }
  .tanks-popup-list__item .tanks-popup-list__item-img {
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0);
    -webkit-transition: all 0.4s ease-out;
    -o-transition: all 0.4s ease-out;
    transition: all 0.4s ease-out;
    -webkit-transition-delay: 0.2s;
    -o-transition-delay: 0.2s;
    transition-delay: 0.2s;
  }
  .tanks-popup-list__item .tanks-popup-list__item-img.hidden {
    opacity: 0;
  }
  .tanks-popup-list__item .tank-label-wrapper {
    opacity: 1;
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0);
    -webkit-transition: all 0.4s ease-out;
    -o-transition: all 0.4s ease-out;
    transition: all 0.4s ease-out;
    -webkit-transition-delay: 0.4s;
    -o-transition-delay: 0.4s;
    transition-delay: 0.4s;
  }
  .tanks-popup-list__item .tanks-popup-list__item-title,
  .tanks-popup-list__item .tanks-popup-list__item-subtitle,
  .tanks-popup-list__item .tanks-popup-list__item-text {
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0);
    -webkit-transition: transform 0.4s ease-out;
    -o-transition: transform 0.4s ease-out;
    transition: transform 0.4s ease-out;
  }
  .tanks-popup-list__item .tanks-popup-list__item-title {
    -webkit-transition-delay: 0.4s;
    -o-transition-delay: 0.4s;
    transition-delay: 0.4s;
  }
  .tanks-popup-list__item .tanks-popup-list__item-subtitle,
  .tanks-popup-list__item .tanks-popup-list__item-text {
    -webkit-transition-delay: 0.6s;
    -o-transition-delay: 0.6s;
    transition-delay: 0.6s;
  }
  .tanks-popup-list__item:not(.active) .tanks-popup-list__item-img,
  .tanks-popup-list__item:not(.active) .tank-label-wrapper,
  .tanks-popup-list__item:not(.active) .tanks-popup-list__item-title,
  .tanks-popup-list__item:not(.active) .tanks-popup-list__item-subtitle,
  .tanks-popup-list__item:not(.active) .tanks-popup-list__item-text {
    -webkit-transition: none;
    -moz-transition: none;
    -o-transition: none;
    transition: none;
  }
  .tanks-popup-list__item.hidden .tanks-popup-list__item-img {
    -webkit-transform: translate(125%, 0);
    -ms-transform: translate(125%, 0);
    -o-transform: translate(125%, 0);
    transform: translate(125%, 0);
    -webkit-transition-timing-function: ease-in;
    -o-transition-timing-function: ease-in;
    transition-timing-function: ease-in;
  }
  .tanks-popup-list__item.hidden .tank-label-wrapper {
    opacity: 0;
    -webkit-transform: translate(125%, 0);
    -ms-transform: translate(125%, 0);
    -o-transform: translate(125%, 0);
    transform: translate(125%, 0);
    -webkit-transition-timing-function: ease-in;
    -o-transition-timing-function: ease-in;
    transition-timing-function: ease-in;
    -webkit-transition-delay: 0.2s;
    -o-transition-delay: 0.2s;
    transition-delay: 0.2s;
  }
  .tanks-popup-list__item.hidden .tanks-popup-list__item-title,
  .tanks-popup-list__item.hidden .tanks-popup-list__item-subtitle,
  .tanks-popup-list__item.hidden .tanks-popup-list__item-text {
    -webkit-transform: translate(125%, 0);
    -ms-transform: translate(125%, 0);
    -o-transform: translate(125%, 0);
    transform: translate(125%, 0);
    -webkit-transition-timing-function: ease-in;
    -o-transition-timing-function: ease-in;
    transition-timing-function: ease-in;
  }
  .tanks-popup-list__item.hiddenleft .tanks-popup-list__item-img,
  .tanks-popup-list__item.hiddenleft .tanks-popup-list__item-title,
  .tanks-popup-list__item.hiddenleft .tanks-popup-list__item-subtitle,
  .tanks-popup-list__item.hiddenleft .tanks-popup-list__item-text,
  .tanks-popup-list__item.hiddenleft .tank-label-wrapper {
    -webkit-transform: translate(-125%, 0);
    -ms-transform: translate(-125%, 0);
    -o-transform: translate(-125%, 0);
    transform: translate(-125%, 0);
    -webkit-transition-timing-function: ease-in;
    -o-transition-timing-function: ease-in;
    transition-timing-function: ease-in;
  }
  .tanks-popup-list__item.hiddenleft .tank-label-wrapper {
    opacity: 0;
    -webkit-transition-delay: 0.2s;
    -o-transition-delay: 0.2s;
    transition-delay: 0.2s;
  }
  .tanks-popup-list__item.active {
    position: relative;
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0);
  }
  .device .tanks-popup {
    height: 100%;
    overflow: hidden;
    width: 100%;
  }
  .device .tanks-popup .popup-overlay {
    position: fixed;
  }
  .device .tanks-popup .tanks-popup-content {
    height: 100%;
    overflow: auto;
    position: relative;
  }
  .device .tanks-popup .tanks-popup-wrapper {
    overflow: hidden;
    width: 100%;
  }
}

.device .tanks-popup {
  background-image: none !important;
}

@media (min-width: 1024px) {
  .tanks-popup-content {
    height: 100%;
    left: 0;
    top: 0;
    width: 100%;
    position: fixed;
  }
  .tanks-popup-wrapper {
    display: table;
    height: 100%;
    width: 100%;
  }
  .container-tanks-list {
    display: table-cell;
    height: 100%;
    vertical-align: middle;
    width: 100%;
  }
  .tanks-popup-list {
    overflow: visible;
    padding: 0;
    position: relative;
  }
  .tanks-popup-list__item {
    position: absolute;
    -webkit-transform: translate(150%, -50%);
    -ms-transform: translate(150%, -50%);
    -o-transform: translate(150%, -50%);
    transform: translate(150%, -50%);
  }
  .tanks-popup-list__item.active {
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    -o-transform: translate(0, -50%);
    transform: translate(0, -50%);
  }
  .desktop .tanks-popup {
    background-color: transparent !important;
    height: auto;
    overflow: visible;
    overflow-y: visible;
    overflow-x: hidden;
  }
  .tanks-popup-list__item .tanks-popup-list__item-img {
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0);
    -webkit-transition: all 0.4s ease-out;
    -o-transition: all 0.4s ease-out;
    transition: all 0.4s ease-out;
  }
  .tanks-popup-list__item .tanks-popup-list__item-img.hidden {
    opacity: 0;
  }
  .tanks-popup-list__item .tank-label-wrapper {
    opacity: 1;
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0);
    -webkit-transition: all 0.4s ease-out;
    -o-transition: all 0.4s ease-out;
    transition: all 0.4s ease-out;
    -webkit-transition-delay: 0.4s;
    -o-transition-delay: 0.4s;
    transition-delay: 0.4s;
  }
  .tanks-popup-list__item .tanks-popup-list__item-title,
  .tanks-popup-list__item .tanks-popup-list__item-subtitle,
  .tanks-popup-list__item .tanks-popup-list__item-text {
    opacity: 1;
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0);
    -webkit-transition: all 0.4s ease-out;
    -o-transition: all 0.4s ease-out;
    transition: all 0.4s ease-out;
  }
  .tanks-popup-list__item .tanks-popup-list__item-subtitle {
    -webkit-transition-delay: 0.2s;
    -o-transition-delay: 0.2s;
    transition-delay: 0.2s;
  }
  .tanks-popup-list__item .tanks-popup-list__item-text {
    -webkit-transition-delay: 0.4s;
    -o-transition-delay: 0.4s;
    transition-delay: 0.4s;
  }
  .tanks-popup-list__item.hidden .tanks-popup-list__item-img,
  .tanks-popup-list__item.hiddenleft .tanks-popup-list__item-img {
    -webkit-transform: translate(125%, 0);
    -ms-transform: translate(125%, 0);
    -o-transform: translate(125%, 0);
    transform: translate(125%, 0);
    -webkit-transition-timing-function: ease-in;
    -o-transition-timing-function: ease-in;
    transition-timing-function: ease-in;
    -webkit-transition-delay: 0.2s;
    -o-transition-delay: 0.2s;
    transition-delay: 0.2s;
  }
  .tanks-popup-list__item.hidden .tank-label-wrapper,
  .tanks-popup-list__item.hiddenleft .tank-label-wrapper {
    opacity: 0;
    -webkit-transform: translate(100%, 0);
    -ms-transform: translate(100%, 0);
    -o-transform: translate(100%, 0);
    transform: translate(100%, 0);
    -webkit-transition-timing-function: ease-in;
    -o-transition-timing-function: ease-in;
    transition-timing-function: ease-in;
    -webkit-transition-delay: 0s;
    -o-transition-delay: 0s;
    transition-delay: 0s;
  }
  .tanks-popup-list__item.hidden .tanks-popup-list__item-title,
  .tanks-popup-list__item.hidden .tanks-popup-list__item-subtitle,
  .tanks-popup-list__item.hidden .tanks-popup-list__item-text,
  .tanks-popup-list__item.hiddenleft .tanks-popup-list__item-title,
  .tanks-popup-list__item.hiddenleft .tanks-popup-list__item-subtitle,
  .tanks-popup-list__item.hiddenleft .tanks-popup-list__item-text {
    opacity: 0;
    -webkit-transform: translate(-24%, 0);
    -ms-transform: translate(-24%, 0);
    -o-transform: translate(-24%, 0);
    transform: translate(-24%, 0);
    -webkit-transition-timing-function: ease-in;
    -o-transition-timing-function: ease-in;
    transition-timing-function: ease-in;
  }
}