html,
body {
  background: #000;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #c1c1c1;
  font-family: "warhelioscondc", Arial;
  font-size: 100%;
  height: 100%;
  width: 100%;
}

.device * {
  -webkit-text-size-adjust: none;
}

.device.smooth-scroll {
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
}

.invisible {
  position: absolute;
}

.table {
  display: table;
  height: 100%;
  width: 100%;
}

.cell {
  display: table-cell;
  text-align: center;
  vertical-align: middle;
}

.svg {
  overflow: visible;
  position: relative;
}

.js-preload2 {
  background: none !important;
}

.device .desktop-only {
  display: none !important;
}

.desktop .device-only {
  display: none !important;
}

.content {
  padding-left: 14px;
  padding-right: 14px;
}

@media (min-width: 480px) {
  .content {
    padding-left: 20px;
    padding-right: 20px;
  }
}

@media (min-width: 600px) {
  .content {
    padding-left: 30px;
    padding-right: 30px;
  }
}

@media (min-width: 960px) {
  .content {
    padding-left: 45px;
    padding-right: 45px;
  }
}

@media (min-width: 1200px) {
  .content {
    padding-left: 60px;
    padding-right: 60px;
  }
}

.website-preload {
  background-color: #000;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: cover;
  font: normal 16px "bebas_neueregular", Arial;
  height: 100%;
  position: absolute;
  overflow: hidden;
  -webkit-transition: opacity 0.5s ease-in;
  -o-transition: opacity 0.5s ease-in;
  transition: opacity 0.5s ease-in;
  text-transform: uppercase;
  width: 100%;
  z-index: 1000;
}

.website-preload.fadeOut {
  opacity: 0;
}

.website-preload-status {
  color: #39342c;
  font-size: 260px;
  line-height: 230px;
  text-align: center;
}

.website-preload-status-line {
  background: #39342c;
  height: 2px;
  margin: 0 auto 25px;
  overflow: hidden;
  position: relative;
  width: 180px;
}

.website-preload-progress {
  background: #b49960;
  height: 2px;
  margin: 0 auto;
  -webkit-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  width: 0;
}

.website-preload-label {
  color: #b49960;
  font: 16px/24px "bebas_neuebold", Arial;
  letter-spacing: 2px;
  text-indent: 2px;
}

.wrapper {
  display: none;
  position: relative;
  overflow: hidden;
}

@media (min-width: 960px) {
  .desktop .wrapper {
    height: 100%;
  }
}

.dark {
  display: none;
}

@media (min-width: 1024px) {
  .desktop .dark {
    background: transparent;
    display: block;
    overflow: hidden;
    position: absolute;
    -webkit-transition: background 0.5s ease-out;
    -o-transition: background 0.5s ease-out;
    transition: background 0.5s ease-out;
    bottom: 0;
    left: 0;
    right: 0;
    top: 0;
  }
  .desktop .dark.active {
    background: rgba(0, 0, 0, 0.66);
    z-index: 100;
  }
}

.wot-logo-wrapper {
  left: 14px;
  position: absolute;
  right: 14px;
  text-align: center;
  top: 35px;
  z-index: 2;
}

.wot-logo {
  display: inline-block;
  max-width: 241px;
}

.wot-logo-img {
  display: block;
  max-width: 100%;
}

.wot-logo-hover {
  display: none;
}

@media (min-width: 480px) {
  .wot-logo-wrapper {
    top: 50px;
  }
}

@media (min-width: 1024px) {
  .desktop .wot-logo-wrapper {
    left: auto;
    right: 30px;
    top: 30px;
  }
  .desktop .wot-logo {
    display: block;
    position: relative;
  }
  .desktop a.wot-logo:hover .wot-logo-img {
    opacity: 0;
    -webkit-transition-delay: 0.2s;
    -o-transition-delay: 0.2s;
    transition-delay: 0.2s;
  }
  .desktop a.wot-logo:hover .wot-logo-hover {
    opacity: 1;
  }
  .desktop .wot-logo-img {
    outline: 1px solid transparent;
    -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 0s ease-out;
    -o-transition: opacity 0s ease-out;
    transition: opacity 0s ease-out;
    -webkit-transition-delay: 0s;
    -o-transition-delay: 0s;
    transition-delay: 0s;
  }
  .desktop .wot-logo-hover {
    display: block;
    height: 100%;
    opacity: 0;
    outline: 1px solid transparent;
    position: absolute;
    top: 0;
    -webkit-transition: opacity 0.2s ease-in;
    -o-transition: opacity 0.2s ease-in;
    transition: opacity 0.2s 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);
  }
}

.tanks {
  overflow: hidden;
  position: relative;
}

.tanks-bg {
  background-position: 50% 0%;
  background-repeat: no-repeat;
  background-size: 100% auto;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  top: 0;
}

.device .tanks-bg-desktop {
  background: none !important;
}

.device .lamp {
  background: none !important;
}

.tanks-list {
  list-style: none;
  margin: 0;
  padding: 0;
  position: relative;
  position: relative;
}

.tanks-list__item {
  display: block;
  left: -9999px;
  position: absolute;
}

.tanks-list__item.current {
  left: auto;
  position: relative;
}

.tanks-list__item.current .tanks-list__item-flag-wrapper,
.tanks-list__item.current .tanks-list__item-image-wrapper,
.tanks-list__item.current h3,
.tanks-list__item.current h2,
.tanks-list__item.current .tanks-list__item-country,
.tanks-list__item.current .tanks-list__item-name-wrapper {
  -webkit-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  opacity: 1;
}

.tanks-list__item.current h3:after {
  width: 80px;
}

.tanks-list__item.current .tanks-list__item-button {
  background: rgba(0, 0, 0, 0.25);
  -webkit-transform: translate3d(0, 0, 0) scale(1);
  -ms-transform: translate3d(0, 0, 0) scale(1);
  -o-transform: translate3d(0, 0, 0) scale(1);
  transform: translate3d(0, 0, 0) scale(1);
  opacity: 1;
}

.tanks-list__item.current .tanks-list__item-icon {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
}

.tanks-list__item.show .tanks-list__item-flag-wrapper {
  -webkit-transition: opacity 1s ease-out;
  -o-transition: opacity 1s ease-out;
  transition: opacity 1s ease-out;
}

.tanks-list__item.show .tanks-list__item-image-wrapper {
  -webkit-transition: transform 0.75s ease-out;
  -o-transition: transform 0.75s ease-out;
  transition: transform 0.75s ease-out;
  -webkit-transition-delay: 0.25s;
  -o-transition-delay: 0.25s;
  transition-delay: 0.25s;
  z-index: 2;
}

.tanks-list__item.show h3 {
  -webkit-transition: all 0.5s ease-out;
  -o-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
  -webkit-transition-delay: 0.75s;
  -o-transition-delay: 0.75s;
  transition-delay: 0.75s;
}

.tanks-list__item.show h3:after {
  -webkit-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
  -webkit-transition-delay: 1.25s;
  -o-transition-delay: 1.25s;
  transition-delay: 1.25s;
}

.tanks-list__item.show h2 {
  -webkit-transition: all 0.5s ease-out;
  -o-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
  -webkit-transition-delay: 0.9s;
  -o-transition-delay: 0.9s;
  transition-delay: 0.9s;
}

.tanks-list__item.show .tanks-list__item-button {
  background: rgba(0, 0, 0, 0.5);
  -webkit-transition: opacity .5s ease-out 1.05s, transform .5s ease-out 1.05s, background .5s ease-out 1.6s;
  -moz-transition: opacity .5s ease-out 1.05s, transform .5s ease-out 1.05s, background .5s ease-out 1.6s;
  -o-transition: opacity .5s ease-out 1.05s, transform .5s ease-out 1.05s, background .5s ease-out 1.6s;
  -ms-transition: opacity .5s ease-out 1.05s, transform .5s ease-out 1.05s, background .5s ease-out 1.6s;
  transition: opacity .5s ease-out 1.05s, transform .5s ease-out 1.05s, background .5s ease-out 1.6s;
}

.tanks-list__item.show .tanks-list__item-country {
  -webkit-transition: all 0.5s ease-out;
  -o-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
  -webkit-transition-delay: 1.2s;
  -o-transition-delay: 1.2s;
  transition-delay: 1.2s;
}

.tanks-list__item.show .tanks-list__item-name-wrapper {
  -webkit-transition: all 0.5s ease-out;
  -o-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
  -webkit-transition-delay: 1.35s;
  -o-transition-delay: 1.35s;
  transition-delay: 1.35s;
}

.tanks-list__item.show .tanks-list__item-icon {
  -webkit-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
  -webkit-transition-delay: 1.825s;
  -o-transition-delay: 1.825s;
  transition-delay: 1.825s;
}

.desktop .tanks-list__item.show .tanks-list__item-button {
  background: rgba(0, 0, 0, 0.5);
  -webkit-transition: opacity .5s ease-out 1.05s, transform .5s ease-out 1.05s, background .5s ease-out 1.6s;
  -moz-transition: opacity .5s ease-out 1.05s, transform .5s ease-out 1.05s, background .5s ease-out 1.6s;
  -o-transition: opacity .5s ease-out 1.05s, transform .5s ease-out 1.05s, background .5s ease-out 1.6s;
  -ms-transition: opacity .5s ease-out 1.05s, transform .5s ease-out 1.05s, background .5s ease-out 1.6s;
  transition: opacity .5s ease-out 1.05s, transform .5s ease-out 1.05s, background .5s ease-out 1.6s;
}

.desktop .tanks-list__item.hide .tanks-list__item-button {
  background: rgba(0, 0, 0, 0.5);
  -webkit-transition: opacity .5s ease-in .45s, transform .5s ease-in .45s, background .5s ease-in 1s;
  -moz-transition: opacity .5s ease-in .45s, transform .5s ease-in .45s, background .5s ease-in 1s;
  -o-transition: opacity .5s ease-in .45s, transform .5s ease-in .45s, background .5s ease-in 1s;
  -ms-transition: opacity .5s ease-in .45s, transform .5s ease-in .45s, background .5s ease-in 1s;
  transition: opacity .5s ease-in .45s, transform .5s ease-in .45s, background .5s ease-in 1s;
}

.tanks-list__item-flag-wrapper {
  background-position: 0% 0%;
  background-repeat: no-repeat;
  background-size: 195% auto;
  opacity: 0;
  position: absolute;
  -webkit-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  bottom: 0;
  left: 0;
  right: 0;
  top: 0;
}

.tanks-list__item-image-wrapper {
  margin: 0 auto;
  overflow: hidden;
  position: relative;
  -webkit-transform: translate3d(100%, 0, 0);
  -ms-transform: translate3d(100%, 0, 0);
  -o-transform: translate3d(100%, 0, 0);
  transform: translate3d(100%, 0, 0);
  max-width: 1024px;
}

.desktop .tanks-list__item-image-wrapper {
  -webkit-transform-origin: 100% 75%;
  -ms-transform-origin: 100% 75%;
  -o-transform-origin: 100% 75%;
  transform-origin: 100% 75%;
}

.desktop .tanks-list__item-image-wrapper.hover-prev {
  -webkit-transform: translate3d(30px, 0, 0);
  -ms-transform: translate3d(30px, 0, 0);
  -o-transform: translate3d(30px, 0, 0);
  transform: translate3d(30px, 0, 0);
  -webkit-transition: transform 0.75s ease-out;
  -o-transition: transform 0.75s ease-out;
  transition: transform 0.75s ease-out;
}

.desktop .tanks-list__item-image-wrapper.hover-next {
  -webkit-transform: translate3d(-60px, 0, 0);
  -ms-transform: translate3d(-60px, 0, 0);
  -o-transform: translate3d(-60px, 0, 0);
  transform: translate3d(-60px, 0, 0);
  -webkit-transition: transform 0.75s ease-out;
  -o-transition: transform 0.75s ease-out;
  transition: transform 0.75s ease-out;
}

.desktop .tanks-list__item-image-wrapper.scale-up {
  -webkit-transform: scale(1.033);
  -ms-transform: scale(1.033);
  -o-transform: scale(1.033);
  transform: scale(1.033);
  -webkit-transition: transform 0.75s ease-out;
  -o-transition: transform 0.75s ease-out;
  transition: transform 0.75s ease-out;
}

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

.tanks-list__item-image {
  display: block;
  height: auto;
  width: 100%;
}

.tanks-list__item-content {
  color: #fff;
  margin-top: -30px;
  padding-bottom: 60px;
  position: relative;
  text-align: center;
}

.desktop .tanks-list__item-content.hover-prev {
  -webkit-transform: translate3d(60px, 0, 0);
  -ms-transform: translate3d(60px, 0, 0);
  -o-transform: translate3d(60px, 0, 0);
  transform: translate3d(60px, 0, 0);
  -webkit-transition: transform 0.75s ease-out;
  -o-transition: transform 0.75s ease-out;
  transition: transform 0.75s ease-out;
}

.desktop .tanks-list__item-content.hover-next {
  -webkit-transform: translate3d(-30px, 0, 0);
  -ms-transform: translate3d(-30px, 0, 0);
  -o-transform: translate3d(-30px, 0, 0);
  transform: translate3d(-30px, 0, 0);
  -webkit-transition: transform 0.75s ease-out;
  -o-transition: transform 0.75s ease-out;
  transition: transform 0.75s ease-out;
}

h2 {
  color: #fff;
  font: normal 46px "bebas_neueregular", Arial;
  letter-spacing: 6px;
  margin-bottom: 25px;
  opacity: 0;
  text-indent: 6px;
  text-transform: uppercase;
  -webkit-transform: translate3d(-100%, 0, 0);
  -ms-transform: translate3d(-100%, 0, 0);
  -o-transform: translate3d(-100%, 0, 0);
  transform: translate3d(-100%, 0, 0);
}

h3 {
  color: #fff;
  font: normal 18px "goudy_trajanregular", Arial;
  letter-spacing: 2.5px;
  margin: 0 auto 25px;
  opacity: 0;
  position: relative;
  text-indent: 2.5px;
  text-transform: uppercase;
  -webkit-transform: translate3d(-100%, 0, 0);
  -ms-transform: translate3d(-100%, 0, 0);
  -o-transform: translate3d(-100%, 0, 0);
  transform: translate3d(-100%, 0, 0);
  max-width: 440px;
}

h3:after {
  background: #b49960;
  content: '';
  display: block;
  height: 2px;
  margin: 28px auto 0;
  width: 0;
}

.tanks-list__item-button {
  background: transparent;
  border: 2px solid #b49960;
  color: #fff;
  display: block;
  font: normal 20px/25px "bebas_neuebold", Arial;
  height: 65px;
  letter-spacing: 1px;
  margin: 0 auto 40px;
  opacity: 0;
  overflow: hidden;
  position: relative;
  text-decoration: none;
  text-indent: 1px;
  text-transform: uppercase;
  -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: background 0.25s ease-in;
  -o-transition: background 0.25s ease-in;
  transition: background 0.25s ease-in;
  width: 100%;
  max-width: 288px;
}

.tanks-list__item-button-text {
  box-sizing: border-box;
  display: -ms-flexbox;
  display: flex;
  height: 65px;
  flex-direction: column;
  justify-content: center;
  -ms-flex-pack: center;
  -ms-flex-line-pack: center;
  -ms-flex-align: center;
  margin: auto;
  padding: 7px 14px;
  position: relative;
  text-align: center;
  z-index: 1;
}

.android.device .tanks-list__item-button {
  display: table;
}

.android.device .tanks-list__item-button-text {
  display: table-cell;
  vertical-align: middle;
}

.desktop .tanks-list__item-button {
  -webkit-transform-origin: 50% 50%;
  -ms-transform-origin: 50% 50%;
  -o-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
  -webkit-transition: transform .3s ease-in, background .25s ease-in;
  -moz-transition: transform .3s ease-in, background .25s ease-in;
  -o-transition: transform .3s ease-in, background .25s ease-in;
  -ms-transition: transform .3s ease-in, background .25s ease-in;
  transition: transform .3s ease-in, background .25s ease-in;
}

.desktop .tanks-list__item-button:before {
  border: 0 solid;
  border-color: transparent transparent transparent #a88f5c;
  bottom: 0;
  content: '';
  height: 0;
  left: 0;
  position: absolute;
  -webkit-transform: rotate(360deg);
  -ms-transform: rotate(360deg);
  -o-transform: rotate(360deg);
  transform: rotate(360deg);
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  width: 0;
}

.desktop .tanks-list__item-button:after {
  border: 0 solid;
  border-color: transparent #a88f5c transparent transparent;
  content: '';
  height: 0;
  position: absolute;
  right: 0;
  top: 0;
  -webkit-transform: rotate(360deg);
  -ms-transform: rotate(360deg);
  -o-transform: rotate(360deg);
  transform: rotate(360deg);
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  width: 0;
}

.desktop .tanks-list__item-button:hover {
  color: #fff;
  text-decoration: none;
  -webkit-transform: translate3d(0, 0, 0) scale(1.025);
  -ms-transform: translate3d(0, 0, 0) scale(1.025);
  -o-transform: translate3d(0, 0, 0) scale(1.025);
  transform: translate3d(0, 0, 0) scale(1.025);
  -webkit-transition: transform 0.75s ease-out;
  -o-transition: transform 0.75s ease-out;
  transition: transform 0.75s ease-out;
  -webkit-transition-delay: 0.3s;
  -o-transition-delay: 0.3s;
  transition-delay: 0.3s;
}

.desktop .tanks-list__item-button:hover:before {
  border-width: 65px 300px;
}

.desktop .tanks-list__item-button:hover:after {
  border-width: 65px 300px;
}

.tanks-list__item-country {
  color: #fff;
  font: normal 30px "bebas_neueregular", Arial;
  letter-spacing: 6px;
  margin-bottom: 10px;
  opacity: 0;
  text-indent: 6px;
  text-transform: uppercase;
  -webkit-transform: translate3d(-100%, 0, 0);
  -ms-transform: translate3d(-100%, 0, 0);
  -o-transform: translate3d(-100%, 0, 0);
  transform: translate3d(-100%, 0, 0);
}

.tanks-list__item-name-wrapper {
  color: #b49960;
  display: block;
  font: normal 16px/30px "bebas_neuebold", Arial;
  height: 30px;
  letter-spacing: 3px;
  opacity: 0;
  text-align: center;
  text-indent: 3px;
  text-transform: uppercase;
  -webkit-transform: translate3d(-100%, 0, 0);
  -ms-transform: translate3d(-100%, 0, 0);
  -o-transform: translate3d(-100%, 0, 0);
  transform: translate3d(-100%, 0, 0);
}

.tanks-list__item-name {
  display: inline-block;
  padding-right: 5px;
  vertical-align: top;
}

.tanks-list__item-icon {
  display: inline-block;
  height: 30px;
  margin-right: 5px;
  -webkit-transform: scale(0);
  -ms-transform: scale(0);
  -o-transform: scale(0);
  transform: scale(0);
  -webkit-transform-origin: 50% 50%;
  -ms-transform-origin: 50% 50%;
  -o-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
}

.tanks-list__item.hide {
  left: 0;
  right: 0;
  top: 0;
}

.tanks-list__item.hide .tanks-list__item-flag-wrapper {
  -webkit-transition: opacity 1s ease-in;
  -o-transition: opacity 1s ease-in;
  transition: opacity 1s ease-in;
}

.tanks-list__item.hide .tanks-list__item-image-wrapper {
  -webkit-transition: transform 0.75s ease-in;
  -o-transition: transform 0.75s ease-in;
  transition: transform 0.75s ease-in;
  -webkit-transition-delay: 0.25s;
  -o-transition-delay: 0.25s;
  transition-delay: 0.25s;
  z-index: 1;
}

.tanks-list__item.hide h3 {
  -webkit-transition: all 0.4s ease-in;
  -o-transition: all 0.4s ease-in;
  transition: all 0.4s ease-in;
  -webkit-transition-delay: 0.25s;
  -o-transition-delay: 0.25s;
  transition-delay: 0.25s;
}

.tanks-list__item.hide h3:after {
  -webkit-transition: all 0.2s ease-in;
  -o-transition: all 0.2s ease-in;
  transition: all 0.2s ease-in;
  -webkit-transition-delay: 0.65s;
  -o-transition-delay: 0.65s;
  transition-delay: 0.65s;
}

.tanks-list__item.hide h2 {
  -webkit-transition: all 0.4s ease-in;
  -o-transition: all 0.4s ease-in;
  transition: all 0.4s ease-in;
  -webkit-transition-delay: 0.3s;
  -o-transition-delay: 0.3s;
  transition-delay: 0.3s;
}

.tanks-list__item.hide .tanks-list__item-button {
  background: rgba(0, 0, 0, 0.5);
  -webkit-transition: opacity .5s ease-in .45s, transform .5s ease-in .45s, background .5s ease-in 1s;
  -moz-transition: opacity .5s ease-in .45s, transform .5s ease-in .45s, background .5s ease-in 1s;
  -o-transition: opacity .5s ease-in .45s, transform .5s ease-in .45s, background .5s ease-in 1s;
  -ms-transition: opacity .5s ease-in .45s, transform .5s ease-in .45s, background .5s ease-in 1s;
  transition: opacity .5s ease-in .45s, transform .5s ease-in .45s, background .5s ease-in 1s;
}

.tanks-list__item.hide .tanks-list__item-country {
  -webkit-transition: all 0.4s ease-in;
  -o-transition: all 0.4s ease-in;
  transition: all 0.4s ease-in;
  -webkit-transition-delay: 0.6s;
  -o-transition-delay: 0.6s;
  transition-delay: 0.6s;
}

.tanks-list__item.hide .tanks-list__item-name-wrapper {
  -webkit-transition: all 0.4s ease-in;
  -o-transition: all 0.4s ease-in;
  transition: all 0.4s ease-in;
  -webkit-transition-delay: 0.75s;
  -o-transition-delay: 0.75s;
  transition-delay: 0.75s;
}

.tanks-list__item.hide .tanks-list__item-icon {
  -webkit-transition: all 0.2s ease-in;
  -o-transition: all 0.2s ease-in;
  transition: all 0.2s ease-in;
  -webkit-transition-delay: 1.315s;
  -o-transition-delay: 1.315s;
  transition-delay: 1.315s;
}

.device .tanks-list__item.hide-right .tanks-list__item-image-wrapper {
  -webkit-transform: translate3d(-100%, 0, 0);
  -ms-transform: translate3d(-100%, 0, 0);
  -o-transform: translate3d(-100%, 0, 0);
  transform: translate3d(-100%, 0, 0);
}

.device .tanks-list__item.show-left h3,
.device .tanks-list__item.show-left h2,
.device .tanks-list__item.show-left .tanks-list__item-country,
.device .tanks-list__item.show-left .tanks-list__item-name-wrapper,
.device .tanks-list__item.show-left .tanks-list__item-button {
  -webkit-transform: translate3d(100%, 0, 0);
  -ms-transform: translate3d(100%, 0, 0);
  -o-transform: translate3d(100%, 0, 0);
  transform: translate3d(100%, 0, 0);
}

.device .tanks-list__item.hide-left h3,
.device .tanks-list__item.hide-left h2,
.device .tanks-list__item.hide-left .tanks-list__item-country,
.device .tanks-list__item.hide-left .tanks-list__item-name-wrapper,
.device .tanks-list__item.hide-left .tanks-list__item-button {
  -webkit-transform: translate3d(100%, 0, 0);
  -ms-transform: translate3d(100%, 0, 0);
  -o-transform: translate3d(100%, 0, 0);
  transform: translate3d(100%, 0, 0);
}

.device .tanks-list__item.show-right .tanks-list__item-image-wrapper {
  -webkit-transform: translate3d(-100%, 0, 0);
  -ms-transform: translate3d(-100%, 0, 0);
  -o-transform: translate3d(-100%, 0, 0);
  transform: translate3d(-100%, 0, 0);
}

.device .tanks-list__item.current {
  left: auto;
  position: relative;
}

.device .tanks-list__item.current .tanks-list__item-flag-wrapper,
.device .tanks-list__item.current .tanks-list__item-image-wrapper,
.device .tanks-list__item.current h3,
.device .tanks-list__item.current h2,
.device .tanks-list__item.current .tanks-list__item-country,
.device .tanks-list__item.current .tanks-list__item-name-wrapper {
  -webkit-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  opacity: 1;
}

.device .tanks-list__item.current h3:after {
  width: 80px;
}

.device .tanks-list__item.current .tanks-list__item-button {
  background: rgba(0, 0, 0, 0.25);
  -webkit-transform: translate3d(0, 0, 0) scale(1);
  -ms-transform: translate3d(0, 0, 0) scale(1);
  -o-transform: translate3d(0, 0, 0) scale(1);
  transform: translate3d(0, 0, 0) scale(1);
  opacity: 1;
}

.device .tanks-list__item.current .tanks-list__item-icon {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
}

@media (max-width: 1023px) {
  .desktop .tanks-list__item.hide-right .tanks-list__item-image-wrapper {
    -webkit-transform: translate3d(-100%, 0, 0);
    -ms-transform: translate3d(-100%, 0, 0);
    -o-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
  .desktop .tanks-list__item.show-left h3,
  .desktop .tanks-list__item.show-left h2,
  .desktop .tanks-list__item.show-left .tanks-list__item-country,
  .desktop .tanks-list__item.show-left .tanks-list__item-name-wrapper,
  .desktop .tanks-list__item.show-left .tanks-list__item-button {
    -webkit-transform: translate3d(100%, 0, 0);
    -ms-transform: translate3d(100%, 0, 0);
    -o-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
  .desktop .tanks-list__item.hide-left h3,
  .desktop .tanks-list__item.hide-left h2,
  .desktop .tanks-list__item.hide-left .tanks-list__item-country,
  .desktop .tanks-list__item.hide-left .tanks-list__item-name-wrapper,
  .desktop .tanks-list__item.hide-left .tanks-list__item-button {
    -webkit-transform: translate3d(100%, 0, 0);
    -ms-transform: translate3d(100%, 0, 0);
    -o-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
  .desktop .tanks-list__item.show-right .tanks-list__item-image-wrapper {
    -webkit-transform: translate3d(-100%, 0, 0);
    -ms-transform: translate3d(-100%, 0, 0);
    -o-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
  .desktop .tanks-list__item.current {
    left: auto;
    position: relative;
  }
  .desktop .tanks-list__item.current .tanks-list__item-flag-wrapper,
  .desktop .tanks-list__item.current .tanks-list__item-image-wrapper,
  .desktop .tanks-list__item.current h3,
  .desktop .tanks-list__item.current h2,
  .desktop .tanks-list__item.current .tanks-list__item-country,
  .desktop .tanks-list__item.current .tanks-list__item-name-wrapper {
    -webkit-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
  .desktop .tanks-list__item.current h3:after {
    width: 80px;
  }
  .desktop .tanks-list__item.current .tanks-list__item-button {
    background: rgba(0, 0, 0, 0.25);
    -webkit-transform: translate3d(0, 0, 0) scale(1);
    -ms-transform: translate3d(0, 0, 0) scale(1);
    -o-transform: translate3d(0, 0, 0) scale(1);
    transform: translate3d(0, 0, 0) scale(1);
    opacity: 1;
  }
  .desktop .tanks-list__item.current .tanks-list__item-icon {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
}

@media (min-width: 1025px) {
  .device .tanks-list__item-image-wrapper {
    -webkit-transform: translate3d(125%, 0, 0);
    -ms-transform: translate3d(125%, 0, 0);
    -o-transform: translate3d(125%, 0, 0);
    transform: translate3d(125%, 0, 0);
  }
  .device .tanks-list__item.hide-right .tanks-list__item-image-wrapper {
    -webkit-transform: translate3d(-125%, 0, 0);
    -ms-transform: translate3d(-125%, 0, 0);
    -o-transform: translate3d(-125%, 0, 0);
    transform: translate3d(-125%, 0, 0);
  }
  .device .tanks-list__item.show-right .tanks-list__item-image-wrapper {
    -webkit-transform: translate3d(-125%, 0, 0);
    -ms-transform: translate3d(-125%, 0, 0);
    -o-transform: translate3d(-125%, 0, 0);
    transform: translate3d(-125%, 0, 0);
  }
  .device .tanks-list__item.current .tanks-list__item-image-wrapper {
    -webkit-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

.desktop.ie .tanks-list__item-image-wrapper {
  -webkit-transform: translate3d(1367px, 0, 0);
  -ms-transform: translate3d(1367px, 0, 0);
  -o-transform: translate3d(1367px, 0, 0);
  transform: translate3d(1367px, 0, 0);
}

.desktop.ie .tanks-list__item.current .tanks-list__item-image-wrapper {
  -webkit-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.desktop.ie .tanks-list__item.current .tanks-list__item-image-wrapper.hover-prev {
  -webkit-transform: translate3d(30px, 0, 0);
  -ms-transform: translate3d(30px, 0, 0);
  -o-transform: translate3d(30px, 0, 0);
  transform: translate3d(30px, 0, 0);
}

.desktop.ie .tanks-list__item.current .tanks-list__item-image-wrapper.hover-next {
  -webkit-transform: translate3d(-60px, 0, 0);
  -ms-transform: translate3d(-60px, 0, 0);
  -o-transform: translate3d(-60px, 0, 0);
  transform: translate3d(-60px, 0, 0);
}

.desktop.ie .tanks-list__item.current .tanks-list__item-image-wrapper.scale-up {
  -webkit-transform: scale(1.033);
  -ms-transform: scale(1.033);
  -o-transform: scale(1.033);
  transform: scale(1.033);
}

@media (min-width: 1367px) and (min-height: 699px) {
  .desktop.ie .tanks-list__item-image-wrapper {
    -webkit-transform: translate3d(1920px, 0, 0);
    -ms-transform: translate3d(1920px, 0, 0);
    -o-transform: translate3d(1920px, 0, 0);
    transform: translate3d(1920px, 0, 0);
  }
  .desktop.ie .tanks-list__item.current .tanks-list__item-image-wrapper {
    -webkit-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  .desktop.ie .tanks-list__item.current .tanks-list__item-image-wrapper.hover-prev {
    -webkit-transform: translate3d(45px, 0, 0);
    -ms-transform: translate3d(45px, 0, 0);
    -o-transform: translate3d(45px, 0, 0);
    transform: translate3d(45px, 0, 0);
  }
  .desktop.ie .tanks-list__item.current .tanks-list__item-image-wrapper.hover-next {
    -webkit-transform: translate3d(-90px, 0, 0);
    -ms-transform: translate3d(-90px, 0, 0);
    -o-transform: translate3d(-90px, 0, 0);
    transform: translate3d(-90px, 0, 0);
  }
  .desktop.ie .tanks-list__item.current .tanks-list__item-image-wrapper.scale-up {
    -webkit-transform: scale(1.033);
    -ms-transform: scale(1.033);
    -o-transform: scale(1.033);
    transform: scale(1.033);
  }
}

.tanks-controls {
  left: 0;
  position: absolute;
  right: 0;
}

.tanks-controls__item {
  color: #fff;
  display: block;
  height: 48px;
  margin-top: -24px;
  position: fixed;
  text-decoration: none;
  top: 50%;
  -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: transform 0.25s ease-out;
  -o-transition: transform 0.25s ease-out;
  transition: transform 0.25s ease-out;
  width: 48px;
  z-index: 3;
}

.tanks-controls-prev {
  left: 0;
}

.tanks-controls-next {
  right: 0;
}

.tanks-controls-prev.hidden {
  -webkit-transform: translate3d(-100%, 0, 0);
  -ms-transform: translate3d(-100%, 0, 0);
  -o-transform: translate3d(-100%, 0, 0);
  transform: translate3d(-100%, 0, 0);
}

.tanks-controls-next.hidden {
  -webkit-transform: translate3d(100%, 0, 0);
  -ms-transform: translate3d(100%, 0, 0);
  -o-transform: translate3d(100%, 0, 0);
  transform: translate3d(100%, 0, 0);
}

.tanks-controls__item-svg {
  background: rgba(57, 52, 44, 0.74);
  display: block;
  height: 100%;
  position: absolute;
  width: 100%;
}

.tanks-controls__item-stroke {
  fill: transparent;
  stroke: #fff;
  stroke-width: 1;
}

.desktop .tanks-controls__item {
  overflow: visible;
}

.desktop .tanks-controls__item-svg {
  -webkit-transition: background 0.2s ease-in-out;
  -o-transition: background 0.2s ease-in-out;
  transition: background 0.2s ease-in-out;
}

.desktop .tanks-controls__item:hover {
  z-index: 3;
}

.desktop .tanks-controls__item:hover .tanks-controls__item-svg {
  background-color: #a88f5c;
}

.tanks-bullets {
  display: none;
  height: 67px;
  left: 0;
  overflow: visible;
  right: 0;
  text-align: center;
  -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: transform 0.25s ease-out;
  -o-transition: transform 0.25s ease-out;
  transition: transform 0.25s ease-out;
  -webkit-transition-delay: 0.15s;
  -o-transition-delay: 0.15s;
  transition-delay: 0.15s;
  z-index: 4;
}

.tanks-bullets.hidden {
  -webkit-transform: translate3d(0, 100%, 0);
  -ms-transform: translate3d(0, 100%, 0);
  -o-transform: translate3d(0, 100%, 0);
  transform: translate3d(0, 100%, 0);
}

.tanks-bullets-list {
  list-style: none;
  margin: 0;
  padding: 0;
  position: relative;
  display: inline-block;
  height: 67px;
  overflow: visible;
  position: relative;
}

.tanks-bullets-list__item {
  display: inline-block;
  height: 67px;
  margin: 0 10px;
  width: 32px;
}

.tanks-bullets-list__item-link {
  display: block;
  height: 2px;
  overflow: visible;
  padding-bottom: 35px;
  padding-top: 30px;
  position: relative;
  width: 32px;
}

.tanks-bullets-list__item-link:before {
  background: rgba(255, 255, 255, 0.5);
  bottom: 35px;
  content: '';
  height: 2px;
  left: 0;
  position: absolute;
  -webkit-transition: background 0.25s ease-in-out;
  -o-transition: background 0.25s ease-in-out;
  transition: background 0.25s ease-in-out;
  width: 32px;
}

.tanks-bullets-list__item-link:after {
  background: #b49960;
  content: '';
  display: block;
  height: 2px;
  margin: 0 auto;
  width: 0;
}

.tanks-bullets-list__item-link.active {
  cursor: default;
}

.tanks-bullets-list__item-link.active:before {
  background: #fff;
}

.desktop .tanks-bullets-list__item-link {
  -webkit-transition: transform 0.2s ease-in-out;
  -o-transition: transform 0.2s ease-in-out;
  transition: transform 0.2s ease-in-out;
  -webkit-transform-origin: 50% 31px;
  -ms-transform-origin: 50% 31px;
  -o-transform-origin: 50% 31px;
  transform-origin: 50% 31px;
  -webkit-transition-delay: 0.2s;
  -o-transition-delay: 0.2s;
  transition-delay: 0.2s;
}

.desktop .tanks-bullets-list__item-link:after {
  -webkit-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}

.desktop .tanks-bullets-list__item-link:not(.active):hover {
  -webkit-transform: scale(1, 2);
  -ms-transform: scale(1, 2);
  -o-transform: scale(1, 2);
  transform: scale(1, 2);
}

.desktop .tanks-bullets-list__item-link:not(.active):hover:after {
  width: 32px;
}

@media (min-width: 480px) {
  .tanks-bg {
    top: -60px;
  }
  .tanks-list__item-image {
    margin-top: -60px;
  }
  .tanks-list__item-flag-wrapper {
    background-size: 133% auto;
  }
  .tanks-list__item-content {
    margin-top: -60px;
  }
  h2 {
    font-size: 66px;
    letter-spacing: 8px;
    margin-bottom: 35px;
    text-indent: 8px;
  }
  h3 {
    font-size: 20px;
    margin-bottom: 30px;
  }
  h3:after {
    margin-top: 33px;
  }
  .tanks-list__item-button {
    margin-bottom: 50px;
  }
}

@media (min-width: 600px) {
  .tanks-bg {
    top: -100px;
  }
  .tanks-list__item-image {
    margin-top: -100px;
  }
  .tanks-list__item-content {
    margin-top: -80px;
  }
}

@media (min-width: 640px) {
  .tanks-bg {
    top: -120px;
  }
  .tanks-list__item-image {
    margin-top: -120px;
  }
  .tanks-list__item-content {
    margin-top: -100px;
  }
}

@media (min-width: 768px) {
  .tanks-bg {
    top: -160px;
  }
  .tanks-list__item-image {
    margin-top: -160px;
  }
  .tanks-list__item-content {
    margin-top: -130px;
  }
  .tanks-controls__item {
    height: 56px;
    margin-top: -28px;
    width: 56px;
  }
}

@media (min-width: 800px) {
  .tanks-bg {
    top: -200px;
  }
  .tanks-list__item-image {
    margin-top: -200px;
  }
  .tanks-list__item-content {
    margin-top: -140px;
  }
}

@media (min-width: 960px) {
  .tanks-bg {
    top: -270px;
  }
  .tanks-list__item-image {
    margin-top: -270px;
  }
  .tanks-list__item-content {
    margin-top: -150px;
    padding-bottom: 80px;
  }
  h2 {
    font-size: 76px;
    letter-spacing: 10px;
    text-indent: 10px;
  }
  h3 {
    font-size: 24px;
  }
  .tanks-list__item-country {
    font-size: 34px;
  }
}

@media (max-width: 1023px) {
  .tanks-bg-desktop {
    background: none !important;
  }
  .lamp {
    background: none !important;
  }
  .tanks-list__item-image-wrapper {
    background: none !important;
  }
}

@media (min-width: 1024px) {
  .tanks-bg {
    top: -320px;
  }
  .tanks-list__item-image {
    margin-top: -320px;
  }
  .tanks-list__item-content {
    margin-top: -175px;
  }
  .tanks-controls__item {
    height: 70px;
    margin-top: -35px;
    width: 70px;
  }
  .desktop .tanks {
    bottom: 0;
    left: -45px;
    position: absolute;
    right: -45px;
    top: 0;
  }
  .desktop .tanks-bg {
    background: none !important;
    top: 0;
  }
  .desktop .tanks-bg-desktop,
  .desktop .lamp {
    background-position: 50% 25%;
    background-repeat: no-repeat;
    background-size: cover;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    top: 0;
  }
  .desktop .lamp {
    -webkit-animation: pulse 3s ease-in-out infinite;
    -o-animation: pulse 3s ease-in-out infinite;
    animation: pulse 3s ease-in-out infinite;
  }
  .desktop .tanks-list {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    top: 0;
  }
  .desktop .tanks-list__item {
    height: 100%;
  }
  .desktop .tanks-list__item-flag-wrapper {
    background-size: cover;
  }
  .desktop .tanks-list__item-image-wrapper {
    background-position: 100% 25%;
    background-repeat: no-repeat;
    background-size: cover;
    margin: 0;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    top: 0;
    -webkit-transition: transform 0.3s ease-in;
    -o-transition: transform 0.3s ease-in;
    transition: transform 0.3s ease-in;
    max-width: none;
  }
  .desktop .tanks-list__item-image {
    display: none !important;
  }
  .desktop .tanks-list__item-content {
    display: table;
    height: 100%;
    left: 11%;
    margin-top: 0;
    padding: 0;
    position: absolute;
    top: 0;
    -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);
    width: 33.33%;
    z-index: 2;
  }
  .desktop .tanks-list__item-cell {
    display: table-cell;
    vertical-align: middle;
    padding: 30px 0;
  }
  .desktop h2 {
    font-size: 66px;
    letter-spacing: 8px;
    text-indent: 8px;
  }
  .desktop h3 {
    font-size: 20px;
  }
  .desktop .tanks-list__item-country {
    font-size: 30px;
  }
  .desktop .tanks-controls__item-svg {
    background: #39342c;
  }
  .desktop .tanks-bullets {
    bottom: 0;
    display: block;
    position: fixed;
  }
}

@media (min-width: 1024px) and (min-height: 649px) {
  .desktop .tanks-bullets {
    bottom: 10px;
  }
}

@media (min-width: 1280px) {
  .device .tanks-bg {
    background-size: 1280px auto;
    margin-top: -20%;
  }
}

@media (min-width: 1367px) and (min-height: 699px) {
  .tanks-controls__item {
    height: 90px;
    margin-top: -45px;
    width: 90px;
  }
  .desktop .tanks {
    left: -60px;
    right: -60px;
  }
  .desktop .tanks-bg-desktop,
  .desktop .lamp {
    background-position: 50% 0%;
  }
  .desktop .tanks-list__item-image-wrapper {
    background-position: 100% 0%;
  }
  .desktop .tanks-list__item-image-wrapper.hover-prev {
    -webkit-transform: translate3d(45px, 0, 0);
    -ms-transform: translate3d(45px, 0, 0);
    -o-transform: translate3d(45px, 0, 0);
    transform: translate3d(45px, 0, 0);
  }
  .desktop .tanks-list__item-image-wrapper.hover-next {
    -webkit-transform: translate3d(-90px, 0, 0);
    -ms-transform: translate3d(-90px, 0, 0);
    -o-transform: translate3d(-90px, 0, 0);
    transform: translate3d(-90px, 0, 0);
  }
  .desktop .tanks-list__item-content.hover-prev {
    -webkit-transform: translate3d(90px, 0, 0);
    -ms-transform: translate3d(90px, 0, 0);
    -o-transform: translate3d(90px, 0, 0);
    transform: translate3d(90px, 0, 0);
  }
  .desktop .tanks-list__item-content.hover-next {
    -webkit-transform: translate3d(-45px, 0, 0);
    -ms-transform: translate3d(-45px, 0, 0);
    -o-transform: translate3d(-45px, 0, 0);
    transform: translate3d(-45px, 0, 0);
  }
  .desktop h2 {
    font-size: 76px;
    letter-spacing: 10px;
    text-indent: 10px;
  }
  .desktop h3 {
    font-size: 24px;
  }
  .desktop .tanks-list__item-country {
    font-size: 34px;
  }
}

.footer {
  background: #181818;
  position: relative;
  z-index: 3;
}

.footer-content {
  padding-top: 35px;
}

.footer-top-left {
  padding-bottom: 30px;
}

.footer-logos {
  padding-bottom: 15px;
  text-align: center;
}

.footer-logos-list {
  display: inline-block;
  list-style: none;
  margin: 0;
  padding: 0;
  position: relative;
}

.footer-logos-list__item {
  display: inline-block;
  height: 36px;
  margin: 0 3px;
}

.footer-logos-list__item-logo {
  display: inline-block;
  height: 36px;
}

.footer-logos-list__item-logo-img {
  display: inline-block;
  height: 36px;
}

.footer-logos-list__item-logo-hover {
  display: none;
}

.desktop .footer-logos-list__item-logo {
  position: relative;
}

.desktop a.footer-logos-list__item-logo:hover .footer-logos-list__item-logo-img {
  opacity: 0;
  -webkit-transition-delay: 0.2s;
  -o-transition-delay: 0.2s;
  transition-delay: 0.2s;
}

.desktop a.footer-logos-list__item-logo:hover .footer-logos-list__item-logo-hover {
  opacity: 1;
}

.desktop .footer-logos-list__item-logo-img {
  outline: 1px solid transparent;
  -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 0s ease-out;
  -o-transition: opacity 0s ease-out;
  transition: opacity 0s ease-out;
  -webkit-transition-delay: 0s;
  -o-transition-delay: 0s;
  transition-delay: 0s;
}

.desktop .footer-logos-list__item-logo-hover {
  display: block;
  height: 100%;
  opacity: 0;
  outline: 1px solid transparent;
  position: absolute;
  top: 0;
  -webkit-transition: opacity 0.2s ease-in;
  -o-transition: opacity 0.2s ease-in;
  transition: opacity 0.2s 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);
}

.footer-copyright {
  font-size: 14px;
  margin: 0 auto;
  text-align: center;
  max-width: 292px;
}

.share-wrapper {
  text-align: center;
}

.share-wrapper-title {
  font-size: 14px;
  margin-bottom: 10px;
}

.share-list {
  list-style: none;
  margin: 0;
  padding: 0;
  position: relative;
  display: inline-block;
  margin-bottom: 30px;
}

.share-list__item {
  display: inline-block;
  margin: 0 4px;
}

.share-list__item-link {
  display: inline-block;
  text-decoration: none;
  min-width: 50px;
}

.share-list__item-link-circle {
  box-sizing: border-box;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  border: 1px solid rgba(255, 255, 255, 0.3);
  display: block;
  height: 50px;
  margin: 0 auto;
  overflow: visible;
  position: relative;
  width: 50px;
}

.share-list__item-link-svg {
  display: block;
  height: 48px;
  width: 48px;
}

.share-list__item-link-fill {
  fill: #c1c1c1;
}

.desktop .share-list__item-link .share-list__item-link-circle {
  -webkit-transition: border 0.2s ease-in-out;
  -o-transition: border 0.2s ease-in-out;
  transition: border 0.2s ease-in-out;
}

.desktop .share-list__item-link .share-list__item-link-fill {
  -webkit-transition: fill 0.2s ease-in-out;
  -o-transition: fill 0.2s ease-in-out;
  transition: fill 0.2s ease-in-out;
}

.desktop .share-list__item-link:hover .share-list__item-link-circle {
  border-color: #39342c;
}

.desktop .share-list__item-link:hover .share-list__item-link-fill {
  fill: #b49960;
}

.ie.desktop .share-list__item-link {
  background: rgba(24, 24, 24, 0.01);
}

.footer-ratings {
  padding-bottom: 30px;
  text-align: center;
}

.footer-ratings-list {
  display: inline-block;
  list-style: none;
  margin: 0;
  padding: 0;
  position: relative;
}

.footer-ratings-list__item {
  display: inline-block;
  margin: 0 3px 3px;
  height: 60px;
}

.footer-ratings-list__item-logo {
  display: inline-block;
  height: 60px;
}

.footer-ratings-list__item-logo-img {
  display: inline-block;
  height: 60px;
}

.footer-ratings-list__item-logo-hover {
  display: none;
}

.desktop .footer-ratings-list__item-logo {
  position: relative;
}

.desktop a.footer-ratings-list__item-logo:hover .footer-ratings-list__item-logo-img {
  opacity: 0;
  -webkit-transition-delay: 0.2s;
  -o-transition-delay: 0.2s;
  transition-delay: 0.2s;
}

.desktop a.footer-ratings-list__item-logo:hover .footer-ratings-list__item-logo-hover {
  opacity: 1;
}

.desktop .footer-ratings-list__item-logo-img {
  outline: 1px solid transparent;
  -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 0s ease-out;
  -o-transition: opacity 0s ease-out;
  transition: opacity 0s ease-out;
  -webkit-transition-delay: 0s;
  -o-transition-delay: 0s;
  transition-delay: 0s;
}

.desktop .footer-ratings-list__item-logo-hover {
  display: block;
  height: 100%;
  opacity: 0;
  outline: 1px solid transparent;
  position: absolute;
  top: 0;
  -webkit-transition: opacity 0.2s ease-in;
  -o-transition: opacity 0.2s ease-in;
  transition: opacity 0.2s 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);
}

.footer-links-wrapper {
  border-top: 1px solid #3e4341;
  padding: 25px 0;
}

.footer-links-list {
  display: block;
  list-style: none;
  margin: 0;
  padding: 0;
  position: relative;
}

.footer-links-list__item {
  display: block;
}

.footer-links-list__item-link {
  color: #c1c1c1;
  display: block;
  font-size: 14px;
  line-height: 17px;
  padding: 6px 14px;
  text-align: center;
  text-decoration: none;
}

.desktop .footer-links-list__item-link {
  -webkit-transition: color 0.2s ease-in-out;
  -o-transition: color 0.2s ease-in-out;
  transition: color 0.2s ease-in-out;
}

.desktop .footer-links-list__item-link:hover {
  color: #fff;
  text-decoration: underline;
}

@media (min-width: 480px) {
  .footer-copyright {
    max-width: none;
  }
  .footer-links-list__item-link {
    padding: 6px 20px;
  }
}

@media (min-width: 600px) {
  .footer-content {
    padding-bottom: 30px;
    text-align: center;
  }
  .footer-top-left {
    text-align: center;
  }
  .footer-logos {
    display: inline-block;
    margin-right: 15px;
    padding-bottom: 0;
  }
  .footer-copyright {
    display: inline-block;
    margin: 0;
    padding: 5px 0;
    text-align: left;
    vertical-align: top;
  }
  .share-wrapper {
    margin-bottom: 30px;
  }
  .share-wrapper-title {
    display: inline-block;
    margin: 0 11px 0 0;
    padding: 19px 0;
    vertical-align: top;
  }
  .share-list {
    margin-bottom: 0;
  }
  .footer-ratings {
    display: inline-block;
    padding-bottom: 0;
  }
  .footer-ratings-list__item {
    margin-bottom: 0;
  }
  .footer-links-wrapper {
    padding: 13px 30px;
    text-align: center;
  }
  .footer-links-list {
    display: inline-block;
    margin: 0 -12px;
  }
  .footer-links-list__item {
    display: inline-block;
  }
  .footer-links-list__item-link {
    display: inline-block;
    line-height: 21px;
    margin: 0 12px;
    padding: 0;
    white-space: nowrap;
  }
}

@media (min-width: 640px) {
  .share-wrapper {
    display: inline-block;
    margin: 0 21px 0 0;
    padding: 5px 0;
    vertical-align: top;
  }
}

@media (min-width: 960px) {
  .footer-content {
    padding-left: 30px;
    padding-right: 30px;
  }
}

@media (min-width: 1024px) {
  .footer {
    height: 140px;
    overflow: hidden;
    position: relative;
  }
  .footer-content {
    overflow: hidden;
    padding: 15px 30px;
    position: relative;
  }
  .footer-top-left {
    float: left;
    padding: 10px 0;
  }
  .footer-logos {
    margin-left: -3px;
    padding: 3px 0 1px;
    vertical-align: top;
  }
  .footer-copyright {
    padding: 0;
    max-width: 250px;
  }
  .footer-top-right {
    float: right;
  }
  .footer-ratings {
    margin-right: -4px;
  }
  .desktop .footer {
    bottom: 0;
    left: 0;
    overflow: hidden;
    position: absolute;
    right: 0;
    -webkit-transition: transform 0.5s ease-out;
    -o-transition: transform 0.5s ease-out;
    transition: transform 0.5s ease-out;
    transform-style: flat;
    -webkit-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    z-index: 300;
  }
  .desktop .footer.reverse {
    -webkit-transition: transform 0.5s ease-in;
    -o-transition: transform 0.5s ease-in;
    transition: transform 0.5s ease-in;
  }
  .desktop .footer.hidden {
    -webkit-transform: translate3d(0, 135px, 0);
    -ms-transform: translate3d(0, 135px, 0);
    -o-transform: translate3d(0, 135px, 0);
    transform: translate3d(0, 135px, 0);
  }
}

@media (min-width: 1200px) {
  .footer-logos {
    padding: 0;
  }
  .footer-copyright {
    padding: 5px 0;
    max-width: none;
  }
}

@-webkit-keyframes pulse {
  0%, 66%, 100% {
    opacity: 1;
  }
  33% {
    opacity: .75;
  }
}

@-moz-keyframes pulse {
  0%, 66%, 100% {
    opacity: 1;
  }
  33% {
    opacity: .75;
  }
}

@-o-keyframes pulse {
  0%, 66%, 100% {
    opacity: 1;
  }
  33% {
    opacity: .75;
  }
}

@keyframes pulse {
  0%, 66%, 100% {
    opacity: 1;
  }
  33% {
    opacity: .75;
  }
}