@import url(https://fonts.googleapis.com/css?family=Anton&display=swap);
@import url(https://fonts.googleapis.com/css?family=Ubuntu:300,400,500,700&display=swap);
@import url(https://fonts.googleapis.com/css?family=Rajdhani:300,400,500,600,700&display=swap);

@charset "UTF-8".royal__block-img img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
}

.b-skin--legendary:before,
.grants__progress-btn--orange,
.e-skin__block--legendary .e-skin__block-image:before,
.results__block--orange .results__block-img,
.browse__box--legendary:before,
.skin__main-image {
  background-image: -webkit-radial-gradient(#ea8d23, #c04d1f);
  background-image: -o-radial-gradient(#ea8d23, #c04d1f);
  background-image: radial-gradient(#ea8d23, #c04d1f);
}
.b-skin--epic:before,
.cm-skin--epic:before,
.grants__progress-btn--pink,
.e-skin__block--epic .e-skin__block-image:before,
.results__block--pink .results__block-img,
.browse__box--epic:before {
  background-image: -webkit-radial-gradient(#c359ff, #701fe5);
  background-image: -o-radial-gradient(#c359ff, #701fe5);
  background-image: radial-gradient(#c359ff, #701fe5);
}
.b-skin--rare:before,
.grants__progress-btn--blue,
.e-skin__block--rare .e-skin__block-image:before,
.results__block--blue .results__block-img,
.browse__box--rare:before {
  background-image: -webkit-radial-gradient(#2cc1ff, #215dc2);
  background-image: -o-radial-gradient(#2cc1ff, #215dc2);
  background-image: radial-gradient(#2cc1ff, #215dc2);
}
.b-skin--uncommon:before,
.grants__progress-btn--green,
.e-skin__block--uncommon .e-skin__block-image:before,
.results__block--green .results__block-img,
.browse__box--uncommon:before {
  background-image: -webkit-radial-gradient(#69bb1e, #227622);
  background-image: -o-radial-gradient(#69bb1e, #227622);
  background-image: radial-gradient(#69bb1e, #227622);
}
.b-skin--common:before,
.grants__progress-btn--gray,
.browse__box--default:before {
  background-image: -webkit-radial-gradient(#bebebe, #848282);
  background-image: -o-radial-gradient(#bebebe, #848282);
  background-image: radial-gradient(#bebebe, #848282);
}
.grants__progress-btn--orange {
  border-style: solid;
  border-color: #ea8d23;
}
.grants__progress-btn--pink {
  border-style: solid;
  border-color: #c359ff;
}
.grants__progress-btn--blue {
  border-style: solid;
  border-color: #2cc1ff;
}
.grants__progress-btn--green {
  border-style: solid;
  border-color: #69bb1e;
}
.grants__progress-btn--gray {
  border-style: solid;
  border-color: #bebebe;
}
.arrow:before {
  background-image: url(../images/sprite.png);
  background-position: -276px -32px;
  background-repeat: no-repeat;
  width: 21px;
  height: 23px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2),
  only screen and (min--moz-device-pixel-ratio: 2),
  only screen and (-o-min-device-pixel-ratio: 2 / 1),
  only screen and (min-device-pixel-ratio: 2),
  only screen and (-o-min-device-pixel-ratio: 2/1),
  only screen and (min-resolution: 192dpi),
  only screen and (min-resolution: 2dppx) {
  .arrow:before {
    background-size: 297px 242px;
    background-image: url(../images/sprite@2x.png);
  }
}
.backBling:before {
  background-image: url(../images/sprite.png);
  background-position: -276px 0;
  background-repeat: no-repeat;
  width: 21px;
  height: 27px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2),
  only screen and (min--moz-device-pixel-ratio: 2),
  only screen and (-o-min-device-pixel-ratio: 2 / 1),
  only screen and (min-device-pixel-ratio: 2),
  only screen and (-o-min-device-pixel-ratio: 2/1),
  only screen and (min-resolution: 192dpi),
  only screen and (min-resolution: 2dppx) {
  .backBling:before {
    background-size: 297px 242px;
    background-image: url(../images/sprite@2x.png);
  }
}
.battle-pass-challenges:before {
  background-image: url(../images/sprite.png);
  background-position: -70px 0;
  background-repeat: no-repeat;
  width: 53px;
  height: 61px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2),
  only screen and (min--moz-device-pixel-ratio: 2),
  only screen and (-o-min-device-pixel-ratio: 2 / 1),
  only screen and (min-device-pixel-ratio: 2),
  only screen and (-o-min-device-pixel-ratio: 2/1),
  only screen and (min-resolution: 192dpi),
  only screen and (min-resolution: 2dppx) {
  .battle-pass-challenges:before {
    background-size: 297px 242px;
    background-image: url(../images/sprite@2x.png);
  }
}
.c-bandage:before {
  background-image: url(../images/sprite.png);
  background-position: -190px -125px;
  background-repeat: no-repeat;
  width: 33px;
  height: 37px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2),
  only screen and (min--moz-device-pixel-ratio: 2),
  only screen and (-o-min-device-pixel-ratio: 2 / 1),
  only screen and (min-device-pixel-ratio: 2),
  only screen and (-o-min-device-pixel-ratio: 2/1),
  only screen and (min-resolution: 192dpi),
  only screen and (min-resolution: 2dppx) {
  .c-bandage:before {
    background-size: 297px 242px;
    background-image: url(../images/sprite@2x.png);
  }
}
.c-book:before {
  background-image: url(../images/sprite.png);
  background-position: -276px -110px;
  background-repeat: no-repeat;
  width: 18px;
  height: 20px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2),
  only screen and (min--moz-device-pixel-ratio: 2),
  only screen and (-o-min-device-pixel-ratio: 2 / 1),
  only screen and (min-device-pixel-ratio: 2),
  only screen and (-o-min-device-pixel-ratio: 2/1),
  only screen and (min-resolution: 192dpi),
  only screen and (min-resolution: 2dppx) {
  .c-book:before {
    background-size: 297px 242px;
    background-image: url(../images/sprite@2x.png);
  }
}
.c-music:before {
  background-image: url(../images/sprite.png);
  background-position: -111px -186px;
  background-repeat: no-repeat;
  width: 33px;
  height: 26px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2),
  only screen and (min--moz-device-pixel-ratio: 2),
  only screen and (-o-min-device-pixel-ratio: 2 / 1),
  only screen and (min-device-pixel-ratio: 2),
  only screen and (-o-min-device-pixel-ratio: 2/1),
  only screen and (min-resolution: 192dpi),
  only screen and (min-resolution: 2dppx) {
  .c-music:before {
    background-size: 297px 242px;
    background-image: url(../images/sprite@2x.png);
  }
}
.c-pets:before {
  background-image: url(../images/sprite.png);
  background-position: -161px -80px;
  background-repeat: no-repeat;
  width: 19px;
  height: 33px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2),
  only screen and (min--moz-device-pixel-ratio: 2),
  only screen and (-o-min-device-pixel-ratio: 2 / 1),
  only screen and (min-device-pixel-ratio: 2),
  only screen and (-o-min-device-pixel-ratio: 2/1),
  only screen and (min-resolution: 192dpi),
  only screen and (min-resolution: 2dppx) {
  .c-pets:before {
    background-size: 297px 242px;
    background-image: url(../images/sprite@2x.png);
  }
}
.c-umbrella:before {
  background-image: url(../images/sprite.png);
  background-position: -113px -139px;
  background-repeat: no-repeat;
  width: 33px;
  height: 35px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2),
  only screen and (min--moz-device-pixel-ratio: 2),
  only screen and (-o-min-device-pixel-ratio: 2 / 1),
  only screen and (min-device-pixel-ratio: 2),
  only screen and (-o-min-device-pixel-ratio: 2/1),
  only screen and (min-resolution: 192dpi),
  only screen and (min-resolution: 2dppx) {
  .c-umbrella:before {
    background-size: 297px 242px;
    background-image: url(../images/sprite@2x.png);
  }
}
.c-wraps:before {
  background-image: url(../images/sprite.png);
  background-position: -186px -186px;
  background-repeat: no-repeat;
  width: 33px;
  height: 22px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2),
  only screen and (min--moz-device-pixel-ratio: 2),
  only screen and (-o-min-device-pixel-ratio: 2 / 1),
  only screen and (min-device-pixel-ratio: 2),
  only screen and (-o-min-device-pixel-ratio: 2/1),
  only screen and (min-resolution: 192dpi),
  only screen and (min-resolution: 2dppx) {
  .c-wraps:before {
    background-size: 297px 242px;
    background-image: url(../images/sprite@2x.png);
  }
}
.emote:before {
  background-image: url(../images/sprite.png);
  background-position: -242px -101px;
  background-repeat: no-repeat;
  width: 25px;
  height: 29px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2),
  only screen and (min--moz-device-pixel-ratio: 2),
  only screen and (-o-min-device-pixel-ratio: 2 / 1),
  only screen and (min-device-pixel-ratio: 2),
  only screen and (-o-min-device-pixel-ratio: 2/1),
  only screen and (min-resolution: 192dpi),
  only screen and (min-resolution: 2dppx) {
  .emote:before {
    background-size: 297px 242px;
    background-image: url(../images/sprite@2x.png);
  }
}
.emoticon:before {
  background-image: url(../images/sprite.png);
  background-position: 0 -224px;
  background-repeat: no-repeat;
  width: 33px;
  height: 18px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2),
  only screen and (min--moz-device-pixel-ratio: 2),
  only screen and (-o-min-device-pixel-ratio: 2 / 1),
  only screen and (min-device-pixel-ratio: 2),
  only screen and (-o-min-device-pixel-ratio: 2/1),
  only screen and (min-resolution: 192dpi),
  only screen and (min-resolution: 2dppx) {
  .emoticon:before {
    background-size: 297px 242px;
    background-image: url(../images/sprite@2x.png);
  }
}
.eventbook:before {
  background-image: url(../images/sprite.png);
  background-position: -276px -85px;
  background-repeat: no-repeat;
  width: 18px;
  height: 20px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2),
  only screen and (min--moz-device-pixel-ratio: 2),
  only screen and (-o-min-device-pixel-ratio: 2 / 1),
  only screen and (min-device-pixel-ratio: 2),
  only screen and (-o-min-device-pixel-ratio: 2/1),
  only screen and (min-resolution: 192dpi),
  only screen and (min-resolution: 2dppx) {
  .eventbook:before {
    background-size: 297px 242px;
    background-image: url(../images/sprite@2x.png);
  }
}
.flip:before {
  background-image: url(../images/sprite.png);
  background-position: -276px -135px;
  background-repeat: no-repeat;
  width: 20px;
  height: 18px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2),
  only screen and (min--moz-device-pixel-ratio: 2),
  only screen and (-o-min-device-pixel-ratio: 2 / 1),
  only screen and (min-device-pixel-ratio: 2),
  only screen and (-o-min-device-pixel-ratio: 2/1),
  only screen and (min-resolution: 192dpi),
  only screen and (min-resolution: 2dppx) {
  .flip:before {
    background-size: 297px 242px;
    background-image: url(../images/sprite@2x.png);
  }
}
.glider:before {
  background-image: url(../images/sprite.png);
  background-position: -72px -186px;
  background-repeat: no-repeat;
  width: 34px;
  height: 27px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2),
  only screen and (min--moz-device-pixel-ratio: 2),
  only screen and (-o-min-device-pixel-ratio: 2 / 1),
  only screen and (min-device-pixel-ratio: 2),
  only screen and (-o-min-device-pixel-ratio: 2/1),
  only screen and (min-resolution: 192dpi),
  only screen and (min-resolution: 2dppx) {
  .glider:before {
    background-size: 297px 242px;
    background-image: url(../images/sprite@2x.png);
  }
}
.harvestingTool:before {
  background-image: url(../images/sprite.png);
  background-position: -242px -68px;
  background-repeat: no-repeat;
  width: 27px;
  height: 28px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2),
  only screen and (min--moz-device-pixel-ratio: 2),
  only screen and (-o-min-device-pixel-ratio: 2 / 1),
  only screen and (min-device-pixel-ratio: 2),
  only screen and (-o-min-device-pixel-ratio: 2/1),
  only screen and (min-resolution: 192dpi),
  only screen and (min-resolution: 2dppx) {
  .harvestingTool:before {
    background-size: 297px 242px;
    background-image: url(../images/sprite@2x.png);
  }
}
.i-comments-single:before {
  background-image: url(../images/sprite.png);
  background-position: -190px 0;
  background-repeat: no-repeat;
  width: 47px;
  height: 38px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2),
  only screen and (min--moz-device-pixel-ratio: 2),
  only screen and (-o-min-device-pixel-ratio: 2 / 1),
  only screen and (min-device-pixel-ratio: 2),
  only screen and (-o-min-device-pixel-ratio: 2/1),
  only screen and (min-resolution: 192dpi),
  only screen and (min-resolution: 2dppx) {
  .i-comments-single:before {
    background-size: 297px 242px;
    background-image: url(../images/sprite@2x.png);
  }
}
.i-comments:before {
  background-image: url(../images/sprite.png);
  background-position: -57px -139px;
  background-repeat: no-repeat;
  width: 51px;
  height: 35px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2),
  only screen and (min--moz-device-pixel-ratio: 2),
  only screen and (-o-min-device-pixel-ratio: 2 / 1),
  only screen and (min-device-pixel-ratio: 2),
  only screen and (-o-min-device-pixel-ratio: 2/1),
  only screen and (min-resolution: 192dpi),
  only screen and (min-resolution: 2dppx) {
  .i-comments:before {
    background-size: 297px 242px;
    background-image: url(../images/sprite@2x.png);
  }
}
.i-comparison:before {
  background-image: url(../images/sprite.png);
  background-position: -149px -186px;
  background-repeat: no-repeat;
  width: 32px;
  height: 24px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2),
  only screen and (min--moz-device-pixel-ratio: 2),
  only screen and (-o-min-device-pixel-ratio: 2 / 1),
  only screen and (min-device-pixel-ratio: 2),
  only screen and (-o-min-device-pixel-ratio: 2/1),
  only screen and (min-resolution: 192dpi),
  only screen and (min-resolution: 2dppx) {
  .i-comparison:before {
    background-size: 297px 242px;
    background-image: url(../images/sprite@2x.png);
  }
}
.i-get:before {
  background-image: url(../images/sprite.png);
  background-position: -190px -43px;
  background-repeat: no-repeat;
  width: 42px;
  height: 41px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2),
  only screen and (min--moz-device-pixel-ratio: 2),
  only screen and (-o-min-device-pixel-ratio: 2 / 1),
  only screen and (min-device-pixel-ratio: 2),
  only screen and (-o-min-device-pixel-ratio: 2/1),
  only screen and (min-resolution: 192dpi),
  only screen and (min-resolution: 2dppx) {
  .i-get:before {
    background-size: 297px 242px;
    background-image: url(../images/sprite@2x.png);
  }
}
.i-guides:before {
  background-image: url(../images/sprite.png);
  background-position: 0 -139px;
  background-repeat: no-repeat;
  width: 52px;
  height: 42px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2),
  only screen and (min--moz-device-pixel-ratio: 2),
  only screen and (-o-min-device-pixel-ratio: 2 / 1),
  only screen and (min-device-pixel-ratio: 2),
  only screen and (-o-min-device-pixel-ratio: 2/1),
  only screen and (min-resolution: 192dpi),
  only screen and (min-resolution: 2dppx) {
  .i-guides:before {
    background-size: 297px 242px;
    background-image: url(../images/sprite@2x.png);
  }
}
.i-h-rotation:before {
  background-image: url(../images/sprite.png);
  background-position: -151px -139px;
  background-repeat: no-repeat;
  width: 33px;
  height: 29px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2),
  only screen and (min--moz-device-pixel-ratio: 2),
  only screen and (-o-min-device-pixel-ratio: 2 / 1),
  only screen and (min-device-pixel-ratio: 2),
  only screen and (-o-min-device-pixel-ratio: 2/1),
  only screen and (min-resolution: 192dpi),
  only screen and (min-resolution: 2dppx) {
  .i-h-rotation:before {
    background-size: 297px 242px;
    background-image: url(../images/sprite@2x.png);
  }
}
.i-history:before {
  background-image: url(../images/sprite.png);
  background-position: -128px 0;
  background-repeat: no-repeat;
  width: 57px;
  height: 56px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2),
  only screen and (min--moz-device-pixel-ratio: 2),
  only screen and (-o-min-device-pixel-ratio: 2 / 1),
  only screen and (min-device-pixel-ratio: 2),
  only screen and (-o-min-device-pixel-ratio: 2/1),
  only screen and (min-resolution: 192dpi),
  only screen and (min-resolution: 2dppx) {
  .i-history:before {
    background-size: 297px 242px;
    background-image: url(../images/sprite@2x.png);
  }
}
.i-preview-small:before {
  background-image: url(../images/sprite.png);
  background-position: -242px -195px;
  background-repeat: no-repeat;
  width: 23px;
  height: 13px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2),
  only screen and (min--moz-device-pixel-ratio: 2),
  only screen and (-o-min-device-pixel-ratio: 2 / 1),
  only screen and (min-device-pixel-ratio: 2),
  only screen and (-o-min-device-pixel-ratio: 2/1),
  only screen and (min-resolution: 192dpi),
  only screen and (min-resolution: 2dppx) {
  .i-preview-small:before {
    background-size: 297px 242px;
    background-image: url(../images/sprite@2x.png);
  }
}
.i-preview:before {
  background-image: url(../images/sprite.png);
  background-position: -190px -89px;
  background-repeat: no-repeat;
  width: 46px;
  height: 31px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2),
  only screen and (min--moz-device-pixel-ratio: 2),
  only screen and (-o-min-device-pixel-ratio: 2 / 1),
  only screen and (min-device-pixel-ratio: 2),
  only screen and (-o-min-device-pixel-ratio: 2/1),
  only screen and (min-resolution: 192dpi),
  only screen and (min-resolution: 2dppx) {
  .i-preview:before {
    background-size: 297px 242px;
    background-image: url(../images/sprite@2x.png);
  }
}
.loadingScreen:before {
  background-image: url(../images/sprite.png);
  background-position: -34px -186px;
  background-repeat: no-repeat;
  width: 33px;
  height: 28px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2),
  only screen and (min--moz-device-pixel-ratio: 2),
  only screen and (-o-min-device-pixel-ratio: 2 / 1),
  only screen and (min-device-pixel-ratio: 2),
  only screen and (-o-min-device-pixel-ratio: 2/1),
  only screen and (min-resolution: 192dpi),
  only screen and (min-resolution: 2dppx) {
  .loadingScreen:before {
    background-size: 297px 242px;
    background-image: url(../images/sprite@2x.png);
  }
}
.outfit:before {
  background-image: url(../images/sprite.png);
  background-position: 0 -186px;
  background-repeat: no-repeat;
  width: 29px;
  height: 33px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2),
  only screen and (min--moz-device-pixel-ratio: 2),
  only screen and (-o-min-device-pixel-ratio: 2 / 1),
  only screen and (min-device-pixel-ratio: 2),
  only screen and (-o-min-device-pixel-ratio: 2/1),
  only screen and (min-resolution: 192dpi),
  only screen and (min-resolution: 2dppx) {
  .outfit:before {
    background-size: 297px 242px;
    background-image: url(../images/sprite@2x.png);
  }
}
.skydivingTrails:before {
  background-image: url(../images/sprite.png);
  background-position: -242px 0;
  background-repeat: no-repeat;
  width: 29px;
  height: 31px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2),
  only screen and (min--moz-device-pixel-ratio: 2),
  only screen and (-o-min-device-pixel-ratio: 2 / 1),
  only screen and (min-device-pixel-ratio: 2),
  only screen and (-o-min-device-pixel-ratio: 2/1),
  only screen and (min-resolution: 192dpi),
  only screen and (min-resolution: 2dppx) {
  .skydivingTrails:before {
    background-size: 297px 242px;
    background-image: url(../images/sprite@2x.png);
  }
}
.spray:before {
  background-image: url(../images/sprite.png);
  background-position: -242px -135px;
  background-repeat: no-repeat;
  width: 27px;
  height: 26px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2),
  only screen and (min--moz-device-pixel-ratio: 2),
  only screen and (-o-min-device-pixel-ratio: 2 / 1),
  only screen and (min-device-pixel-ratio: 2),
  only screen and (-o-min-device-pixel-ratio: 2/1),
  only screen and (min-resolution: 192dpi),
  only screen and (min-resolution: 2dppx) {
  .spray:before {
    background-size: 297px 242px;
    background-image: url(../images/sprite@2x.png);
  }
}
.star-full:before {
  background-image: url(../images/sprite.png);
  background-position: -59px -80px;
  background-repeat: no-repeat;
  width: 49px;
  height: 53px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2),
  only screen and (min--moz-device-pixel-ratio: 2),
  only screen and (-o-min-device-pixel-ratio: 2 / 1),
  only screen and (min-device-pixel-ratio: 2),
  only screen and (-o-min-device-pixel-ratio: 2/1),
  only screen and (min-resolution: 192dpi),
  only screen and (min-resolution: 2dppx) {
  .star-full:before {
    background-size: 297px 242px;
    background-image: url(../images/sprite@2x.png);
  }
}
.star-half:before {
  background-image: url(../images/sprite.png);
  background-position: -113px -80px;
  background-repeat: no-repeat;
  width: 43px;
  height: 53px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2),
  only screen and (min--moz-device-pixel-ratio: 2),
  only screen and (-o-min-device-pixel-ratio: 2 / 1),
  only screen and (min-device-pixel-ratio: 2),
  only screen and (-o-min-device-pixel-ratio: 2/1),
  only screen and (min-resolution: 192dpi),
  only screen and (min-resolution: 2dppx) {
  .star-half:before {
    background-size: 297px 242px;
    background-image: url(../images/sprite@2x.png);
  }
}
.styles:before {
  background-image: url(../images/sprite.png);
  background-position: 0 0;
  background-repeat: no-repeat;
  width: 65px;
  height: 75px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2),
  only screen and (min--moz-device-pixel-ratio: 2),
  only screen and (-o-min-device-pixel-ratio: 2 / 1),
  only screen and (min-device-pixel-ratio: 2),
  only screen and (-o-min-device-pixel-ratio: 2/1),
  only screen and (min-resolution: 192dpi),
  only screen and (min-resolution: 2dppx) {
  .styles:before {
    background-size: 297px 242px;
    background-image: url(../images/sprite@2x.png);
  }
}
.token:before {
  background-image: url(../images/sprite.png);
  background-position: -242px -36px;
  background-repeat: no-repeat;
  width: 29px;
  height: 27px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2),
  only screen and (min--moz-device-pixel-ratio: 2),
  only screen and (-o-min-device-pixel-ratio: 2 / 1),
  only screen and (min-device-pixel-ratio: 2),
  only screen and (-o-min-device-pixel-ratio: 2/1),
  only screen and (min-resolution: 192dpi),
  only screen and (min-resolution: 2dppx) {
  .token:before {
    background-size: 297px 242px;
    background-image: url(../images/sprite@2x.png);
  }
}
.toy:before {
  background-image: url(../images/sprite.png);
  background-position: -242px -166px;
  background-repeat: no-repeat;
  width: 27px;
  height: 24px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2),
  only screen and (min--moz-device-pixel-ratio: 2),
  only screen and (-o-min-device-pixel-ratio: 2 / 1),
  only screen and (min-device-pixel-ratio: 2),
  only screen and (-o-min-device-pixel-ratio: 2/1),
  only screen and (min-resolution: 192dpi),
  only screen and (min-resolution: 2dppx) {
  .toy:before {
    background-size: 297px 242px;
    background-image: url(../images/sprite@2x.png);
  }
}
.vbucks:before {
  background-image: url(../images/sprite.png);
  background-position: -276px -158px;
  background-repeat: no-repeat;
  width: 18px;
  height: 20px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2),
  only screen and (min--moz-device-pixel-ratio: 2),
  only screen and (-o-min-device-pixel-ratio: 2 / 1),
  only screen and (min-device-pixel-ratio: 2),
  only screen and (-o-min-device-pixel-ratio: 2/1),
  only screen and (min-resolution: 192dpi),
  only screen and (min-resolution: 2dppx) {
  .vbucks:before {
    background-size: 297px 242px;
    background-image: url(../images/sprite@2x.png);
  }
}
.vip:before {
  background-image: url(../images/sprite.png);
  background-position: -276px -60px;
  background-repeat: no-repeat;
  width: 20px;
  height: 20px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2),
  only screen and (min--moz-device-pixel-ratio: 2),
  only screen and (-o-min-device-pixel-ratio: 2 / 1),
  only screen and (min-device-pixel-ratio: 2),
  only screen and (-o-min-device-pixel-ratio: 2/1),
  only screen and (min-resolution: 192dpi),
  only screen and (min-resolution: 2dppx) {
  .vip:before {
    background-size: 297px 242px;
    background-image: url(../images/sprite@2x.png);
  }
}
.weekly-challenges:before {
  background-image: url(../images/sprite.png);
  background-position: 0 -80px;
  background-repeat: no-repeat;
  width: 54px;
  height: 54px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2),
  only screen and (min--moz-device-pixel-ratio: 2),
  only screen and (-o-min-device-pixel-ratio: 2 / 1),
  only screen and (min-device-pixel-ratio: 2),
  only screen and (-o-min-device-pixel-ratio: 2/1),
  only screen and (min-resolution: 192dpi),
  only screen and (min-resolution: 2dppx) {
  .weekly-challenges:before {
    background-size: 297px 242px;
    background-image: url(../images/sprite@2x.png);
  }
}
@font-face {
  font-display: swap;
  font-family: "iconFont";
  src: url(../fonts/iconFont.eot);
  src: url("../fonts/iconFont.eot?#iefix")
      format("eot"),
    url(../fonts/iconFont.woff2)
      format("woff2"),
    url(../fonts/iconFont.woff)
      format("woff"),
    url(../fonts/iconFont.ttf)
      format("truetype"),
    url("../fonts/iconFont.svg#iconFont")
      format("svg");
}
.icon-alert:before,
.icon-all:before,
.icon-arr-dcc:before,
.icon-atom:before,
.icon-box-closed:before,
.icon-browse:before,
.icon-btn-arrow:before,
.icon-bubble:before,
.icon-calendar-wr:before,
.icon-calendar:before,
.icon-chart:before,
.icon-check:before,
.icon-close:before,
.icon-comments-single:before,
.icon-comments:before,
.icon-cosmetics:before,
.icon-cube:before,
.icon-cup:before,
.icon-diamond:before,
.icon-dislike:before,
.icon-embed:before,
.icon-facebook:before,
.icon-fullscreen:before,
.icon-gameplay:before,
.icon-google-plus:before,
.icon-graph:before,
.icon-grid:before,
.icon-guides:before,
.icon-i-combos:before,
.icon-info:before,
.icon-instagram:before,
.icon-like-heart:before,
.icon-like:before,
.icon-megaphone:before,
.icon-menology:before,
.icon-paint:before,
.icon-pinterest:before,
.icon-play-button:before,
.icon-plus-add:before,
.icon-polaroid:before,
.icon-preview:before,
.icon-reach:before,
.icon-ribbon:before,
.icon-rss:before,
.icon-sales:before,
.icon-saves:before,
.icon-search:before,
.icon-send:before,
.icon-sets:before,
.icon-share:before,
.icon-shop:before,
.icon-sound:before,
.icon-sound2:before,
.icon-star:before,
.icon-strike-month:before,
.icon-table:before,
.icon-tools:before,
.icon-triangle-rotate:before,
.icon-twitter:before,
.c-form__checkbox-icon i:before {
  font-family: "iconFont", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: 400;
  text-decoration: none;
  text-transform: none;
}
.icon-alert:before {
  content: "";
}
.icon-all:before {
  content: "";
}
.icon-arr-dcc:before {
  content: "";
}
.icon-atom:before {
  content: "";
}
.icon-box-closed:before {
  content: "";
}
.icon-browse:before {
  content: "";
}
.icon-btn-arrow:before {
  content: "";
}
.icon-bubble:before {
  content: "";
}
.icon-calendar-wr:before {
  content: "";
}
.icon-calendar:before {
  content: "";
}
.icon-chart:before {
  content: "";
}
.icon-check:before {
  content: "";
}
.icon-close:before {
  content: "";
}
.icon-comments-single:before {
  content: "";
}
.icon-comments:before {
  content: "";
}
.icon-cosmetics:before {
  content: "";
}
.icon-cube:before {
  content: "";
}
.icon-cup:before {
  content: "";
}
.icon-diamond:before {
  content: "";
}
.icon-dislike:before {
  content: "";
}
.icon-embed:before {
  content: "";
}
.icon-facebook:before {
  content: "";
}
.icon-fullscreen:before {
  content: "";
}
.icon-gameplay:before {
  content: "";
}
.icon-google-plus:before {
  content: "";
}
.icon-graph:before {
  content: "";
}
.icon-grid:before {
  content: "";
}
.icon-guides:before {
  content: "";
}
.icon-i-combos:before {
  content: "";
}
.icon-info:before {
  content: "";
}
.icon-instagram:before {
  content: "";
}
.icon-like-heart:before {
  content: "";
}
.icon-like:before {
  content: "";
}
.icon-megaphone:before {
  content: "";
}
.icon-menology:before {
  content: "";
}
.icon-paint:before {
  content: "";
}
.icon-pinterest:before {
  content: "";
}
.icon-play-button:before {
  content: "";
}
.icon-plus-add:before {
  content: "";
}
.icon-polaroid:before {
  content: "";
}
.icon-preview:before {
  content: "";
}
.icon-reach:before {
  content: "";
}
.icon-ribbon:before {
  content: "";
}
.icon-rss:before {
  content: "";
}
.icon-sales:before {
  content: "";
}
.icon-saves:before {
  content: "";
}
.icon-search:before {
  content: "";
}
.icon-send:before {
  content: "";
}
.icon-sets:before {
  content: "";
}
.icon-share:before {
  content: "";
}
.icon-shop:before {
  content: "";
}
.icon-sound:before {
  content: "";
}
.icon-sound2:before {
  content: "";
}
.icon-star:before {
  content: "";
}
.icon-strike-month:before {
  content: "";
}
.icon-table:before {
  content: "";
}
.icon-tools:before {
  content: "";
}
.icon-triangle-rotate:before {
  content: "";
}
.icon-twitter:before {
  content: "";
}
html,
body {
  width: 100%;
  min-height: 100vh;
}
html.is-hideScroll,
body.is-hideScroll {
  width: 100%;
  overflow: hidden !important;
}
html {
  -ms-overflow-style: scrollbar;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
body {
  overflow-x: hidden;
  position: relative;
  margin: 0;
  padding: 0;
  background-color: #fff;
  line-height: 1.42857143;
  font-size: 14px;
  font-weight: 400;
  font-family: "Anton", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
body.is-hideScroll:before {
  overflow: hidden;
  content: "";
  z-index: 1000;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.86);
}
body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  min-height: 100vh;
}
body > .body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-flex: 1;
  -ms-flex: 1 0 auto;
  flex: 1 0 auto;
}
body > .body--start {
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}
* {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
*:before,
*:after {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
button,
input,
optgroup,
select,
textarea {
  font-size: 100%;
  margin: 0;
}
button,
input {
  overflow: visible;
}
button[disabled] {
  opacity: 0.55;
  cursor: not-allowed;
}
[type="search"] {
  -webkit-appearance: textfield;
  outline-offset: -2px;
}
[type="search"]::-webkit-search-cancel-button,
[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}
textarea {
  overflow: auto;
}
p,
h1,
h2,
h3,
h4,
h5,
h6,
hr {
  margin: 0;
  padding: 0;
}
ul {
  margin: 0;
  padding: 0;
}
ul li {
  list-style: none;
}
a {
  outline: none;
  text-decoration: none;
}
a:hover,
a:focus {
  text-decoration: none;
}
input[type="text"] {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
picture {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.c-grid,
.c-grid-fluid {
  width: 100%;
  margin-right: auto;
  margin-left: auto;
  padding-right: 15px;
  padding-left: 15px;
}
.c-grid {
  max-width: 1200px;
}
.c-grid-fluid {
  max-width: 100%;
}
@media screen and (min-width: 576px) {
  .c-grid {
    max-width: 1200px;
  }
}
@media screen and (min-width: 992px) {
  .c-grid {
    max-width: 1200px;
  }
}
@media screen and (min-width: 1200px) {
  .c-grid {
    max-width: 1200px;
  }
}
@media screen and (min-width: 768px) {
  .c-grid {
    max-width: 1200px;
  }
}
@media screen and (min-width: 1366px) {
  .c-grid {
    max-width: 1200px;
  }
}
.section .c-grid {
  max-width: 1295px;
}
.section-resize {
  z-index: -1;
  position: absolute;
  top: 0;
  height: 100%;
}
@media screen and (max-width: 991px) {
  .section-resize {
    left: -15px !important;
    width: calc(100% + 15px) !important;
  }
}
@media screen and (max-width: 767px) {
  .section-resize {
    left: -15px !important;
    width: calc(100% + 30px) !important;
  }
}
@media screen and (max-width: 1199px) {
  .p-skin .section-resize {
    left: -15px !important;
    width: calc(100% + 15px) !important;
  }
}
.section-resize-bg {
  z-index: -1;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -webkit-clip-path: polygon(0 0, 99% 50px, 100% 97%, 0 100%);
  clip-path: polygon(0 0, 99% 50px, 100% 97%, 0 100%);
}
.section-resize-triangle {
  z-index: 0;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.section-resize-triangle img {
  position: absolute;
}
.section__wrapper {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media screen and (max-width: 767px) {
  .section__wrapper {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
}
@media screen and (max-width: 991px) {
  .p-beginners .section__wrapper,
  .p-home .section__wrapper,
  .p-leaked-sub .section__wrapper,
  .p-history .section__wrapper,
  .p-combos .section__wrapper,
  .p-combo .section__wrapper {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
}
@media screen and (max-width: 1199px) {
  .p-shop .section__wrapper,
  .p-history .section__wrapper,
  .p-skin .section__wrapper {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
}
@media screen and (max-width: 991px) {
  .p-home .section__wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
  }
}
.section__wrapper-left {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 100%;
  max-width: calc(100% - 470px);
  padding-right: 15px;
}
@media screen and (max-width: 1199px) {
  .section__wrapper-left {
    max-width: calc(100% - 370px);
  }
}
@media screen and (max-width: 767px) {
  .section__wrapper-left {
    max-width: 100%;
    padding-right: 0;
  }
}
@media screen and (max-width: 991px) {
  .p-beginners .section__wrapper-left,
  .p-home .section__wrapper-left,
  .p-leaked-sub .section__wrapper-left,
  .p-history .section__wrapper-left,
  .p-combos .section__wrapper-left,
  .p-combo .section__wrapper-left {
    max-width: 100%;
    padding-right: 0;
  }
}
@media screen and (max-width: 1199px) {
  .p-shop .section__wrapper-left,
  .p-history .section__wrapper-left,
  .p-skin .section__wrapper-left {
    max-width: 100%;
    padding-right: 0;
  }
}
.section__wrapper-right {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 100%;
  max-width: 470px;
  padding-bottom: 50px;
}
@media screen and (max-width: 1199px) {
  .section__wrapper-right {
    max-width: 370px;
  }
}
@media screen and (max-width: 767px) {
  .section__wrapper-right {
    max-width: 100%;
  }
}
@media screen and (max-width: 991px) {
  .p-beginners .section__wrapper-right,
  .p-home .section__wrapper-right,
  .p-leaked-sub .section__wrapper-right,
  .p-history .section__wrapper-right,
  .p-combos .section__wrapper-right,
  .p-combo .section__wrapper-right {
    max-width: 100%;
  }
}
@media screen and (max-width: 1199px) {
  .p-shop .section__wrapper-right,
  .p-history .section__wrapper-right,
  .p-skin .section__wrapper-right {
    max-width: 100%;
  }
}
.sidebar {
  position: relative;
  width: 100%;
  max-width: 397px;
  margin-left: auto;
  margin-right: auto;
}
.sidebar:after {
  content: "";
  z-index: -1;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.sidebar__figure {
  z-index: 0;
  overflow: hidden;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.sidebar__figure img {
  position: absolute;
}
.sidebar__wrapper {
  z-index: 2;
  position: relative;
}
.ratings {
  z-index: 1;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.ratings__btn {
  -webkit-transition: opacity 0.3s ease-in-out;
  -o-transition: opacity 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out;
}
.ratings__btn:hover {
  opacity: 0.75;
  -webkit-transition: opacity 0.3s ease-in-out;
  -o-transition: opacity 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out;
}
.b-skin {
  cursor: pointer;
  overflow: hidden;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 175px;
  border: 5px solid #fff;
  -webkit-box-shadow: 0 2px 10px 2px rgba(0, 0, 0, 0.15);
  box-shadow: 0 2px 10px 2px rgba(0, 0, 0, 0.15);
}
.b-skin--big {
  min-height: 288px;
}
.b-skin--small {
  height: 139px;
}
.b-skin:before,
.b-skin:after {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  width: calc(100% + 2px);
  height: calc(100% + 2px);
}
.b-skin:after {
  opacity: 0;
  background: -webkit-radial-gradient(
    center,
    200px,
    rgba(255, 255, 255, 0.3),
    rgba(255, 255, 255, 0.05)
  );
  background: -o-radial-gradient(
    center,
    200px,
    rgba(255, 255, 255, 0.3),
    rgba(255, 255, 255, 0.05)
  );
  background: radial-gradient(
    200px at center,
    rgba(255, 255, 255, 0.3),
    rgba(255, 255, 255, 0.05)
  );
  -webkit-transition: opacity 0.3s ease-in-out;
  -o-transition: opacity 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out;
}
.b-skin:hover:after {
  opacity: 1;
  -webkit-transition: opacity 0.3s ease-in-out;
  -o-transition: opacity 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out;
}
.b-skin:hover > img {
  -webkit-transform-origin: center;
  -ms-transform-origin: center;
  transform-origin: center;
  -webkit-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
  -webkit-transition: -webkit-transform-origin 0.3s ease-in-out,
    -webkit-transform 0.3s ease-in-out;
  transition: -webkit-transform-origin 0.3s ease-in-out,
    -webkit-transform 0.3s ease-in-out;
  -o-transition: transform-origin 0.3s ease-in-out, transform 0.3s ease-in-out;
  transition: transform-origin 0.3s ease-in-out, transform 0.3s ease-in-out;
  transition: transform-origin 0.3s ease-in-out, transform 0.3s ease-in-out,
    -webkit-transform-origin 0.3s ease-in-out,
    -ms-transform-origin 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
}
.b-skin--epic {
  border-color: #b04eec;
}
.b-skin--epic .e-skin__block-badge:before {
  background-color: #b04eec;
}
.b-skin--rare {
  border-color: #3ad6ff;
}
.b-skin--rare .e-skin__block-badge:before {
  background-color: #3ad6ff;
}
.b-skin--legendary {
  border-color: #e38748;
}
.b-skin--legendary .e-skin__block-badge:before {
  background-color: #e38748;
}
.b-skin--uncommon {
  border-color: #8fee3b;
}
.b-skin--uncommon .e-skin__block-badge:before {
  background-color: #8fee3b;
}
.b-skin--common {
  border-color: #bebebe;
}
.b-skin--common .e-skin__block-badge:before {
  background-color: #bebebe;
}
.b-skin img {
  display: block;
  max-width: 100%;
  max-height: 100%;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transform-origin: center;
  -ms-transform-origin: center;
  transform-origin: center;
  -webkit-transition: -webkit-transform-origin 0.3s ease-in-out,
    -webkit-transform 0.3s ease-in-out;
  transition: -webkit-transform-origin 0.3s ease-in-out,
    -webkit-transform 0.3s ease-in-out;
  -o-transition: transform-origin 0.3s ease-in-out, transform 0.3s ease-in-out;
  transition: transform-origin 0.3s ease-in-out, transform 0.3s ease-in-out;
  transition: transform-origin 0.3s ease-in-out, transform 0.3s ease-in-out,
    -webkit-transform-origin 0.3s ease-in-out,
    -ms-transform-origin 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
}
.b-skin__points {
  position: absolute;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  top: 2px;
  left: 5px;
  padding-bottom: 0;
}
.b-skin__points img {
  padding-right: 5px;
}
.b-skin__points span {
  padding-top: 3px;
  color: #fff;
  line-height: 1;
  font-weight: 500;
  font-family: "Rajdhani", sans-serif;
  font-size: 16px;
}
@media screen and (min-width: 320px) {
  .b-skin__points span {
    font-size: calc(16px + 2 * (100vw - 320px) / 880);
  }
}
@media screen and (min-width: 1200px) {
  .b-skin__points span {
    font-size: 18px;
  }
}
.b-skin__info {
  overflow: hidden;
  position: absolute;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 54px;
  background-color: rgba(0, 0, 0, 0.57);
}
.b-skin__info--ticker {
  white-space: nowrap;
}
.b-skin__info p,
.b-skin__info h3,
.b-skin__info h4 {
  opacity: 0;
  overflow: hidden;
  white-space: nowrap;
  display: inline-block;
  padding-bottom: 3px;
  -webkit-transition-property: all;
  -o-transition-property: all;
  transition-property: all;
  color: #fff;
  line-height: 1;
  text-transform: uppercase;
  font-size: 20px;
}
.b-skin__info .e-skin__block-points {
  position: relative;
  padding-bottom: 0;
}
.b-skin__info .e-skin__block-points span {
  color: #fff;
  font-weight: 500;
}
.b-skin__out {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-item-align: center;
  align-self: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  position: absolute;
  left: 6px;
  bottom: 52px;
  width: 50px;
  padding-left: 5px;
  padding-right: 5px;
  color: #fff;
  line-height: 1;
  text-transform: uppercase;
  font-size: 14px;
  font-weight: 700;
  font-family: "Rajdhani", sans-serif;
}
.b-skin__badge {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  position: absolute;
  top: 0;
  left: 0;
}
.b-skin__badge .e-skin__block-badge {
  position: relative;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}
.b-skin__badge .e-skin__block-badge--style {
  height: 20px;
}
.b-skin__view {
  position: absolute;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  bottom: 57px;
  right: 6px;
}
.b-skin__sound {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  color: #fff;
  font-size: 18px;
}
.b-skin__sound:hover {
  color: #fff;
}
.b-skin .e-skin__block-view {
  position: static;
}
.cm-skin {
  cursor: pointer;
  overflow: hidden;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 100%;
  max-width: 175px;
  height: 139px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 10px;
  border: 5px solid #fff;
  -webkit-box-shadow: 0 2px 10px 2px rgba(0, 0, 0, 0.1);
  box-shadow: 0 2px 10px 2px rgba(0, 0, 0, 0.1);
}
.cm-skin:before,
.cm-skin:after {
  content: "";
  position: absolute;
  z-index: 0;
  top: 0;
  left: 0;
  width: calc(100% + 2px);
  height: calc(100% + 2px);
}
.cm-skin:after {
  opacity: 0;
  background: -webkit-radial-gradient(
    center,
    200px,
    rgba(255, 255, 255, 0.3),
    rgba(255, 255, 255, 0.05)
  );
  background: -o-radial-gradient(
    center,
    200px,
    rgba(255, 255, 255, 0.3),
    rgba(255, 255, 255, 0.05)
  );
  background: radial-gradient(
    200px at center,
    rgba(255, 255, 255, 0.3),
    rgba(255, 255, 255, 0.05)
  );
  -webkit-transition: opacity 0.3s ease-in-out;
  -o-transition: opacity 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out;
}
.cm-skin:hover:after {
  opacity: 1;
  -webkit-transition: opacity 0.3s ease-in-out;
  -o-transition: opacity 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out;
}
.cm-skin:hover > img {
  -webkit-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
  -webkit-transition: -webkit-transform 0.3s ease-in-out;
  transition: -webkit-transform 0.3s ease-in-out;
  -o-transition: transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
}
.cm-skin--epic {
  border-color: #b04eec;
}
.cm-skin--epic .cm-skin__badge {
  background-color: #b04eec;
}
.cm-skin img {
  position: relative;
  display: block;
  max-width: 100%;
  max-height: 100%;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transform-origin: center;
  -ms-transform-origin: center;
  transform-origin: center;
  -webkit-transition: -webkit-transform 0.3s ease-in-out;
  transition: -webkit-transform 0.3s ease-in-out;
  -o-transition: transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
}
.cm-skin__wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  width: 100%;
}
.cm-skin__wrapper--half > div {
  max-width: 50%;
}
@media screen and (max-width: 575px) {
  .cm-skin__wrapper--half > div {
    max-width: 100%;
  }
}
.cm-skin__wrapper--full > div {
  max-width: 100%;
}
.cm-skin__wrapper > div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 100%;
  padding: 10px;
}
@media screen and (max-width: 575px) {
  .cm-skin__wrapper > div {
    padding: 5px;
  }
}
.cm-skin__badge {
  position: absolute;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  top: 0;
  right: 0;
  width: 35px;
  height: 35px;
}
.cm-skin__badge i {
  -webkit-transform: scale(0.75);
  -ms-transform: scale(0.75);
  transform: scale(0.75);
}
.cm-skin__info {
  overflow: hidden;
  z-index: 2;
  position: absolute;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 54px;
  background-color: rgba(0, 0, 0, 0.57);
}
.cm-skin__info--ticker {
  white-space: nowrap;
}
.cm-skin__info--wticker p,
.cm-skin__info--wticker h3,
.cm-skin__info--wticker h4 {
  opacity: 1 !important;
}
.cm-skin__info p,
.cm-skin__info h3,
.cm-skin__info h4 {
  opacity: 0;
  overflow: hidden;
  white-space: nowrap;
  display: inline-block;
  -webkit-transition-property: all;
  -o-transition-property: all;
  transition-property: all;
  color: #fff;
  line-height: 1;
  text-transform: uppercase;
  font-size: 18px;
}
.cm-skin__points {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.cm-skin__points img {
  padding-right: 5px;
}
.cm-skin__points span {
  padding-top: 3px;
  color: #fff;
  line-height: 1;
  font-weight: 500;
  font-family: "Rajdhani", sans-serif;
  text-transform: uppercase;
  font-size: 14px;
}
@media screen and (min-width: 320px) {
  .cm-skin__points span {
    font-size: calc(14px + 2 * (100vw - 320px) / 880);
  }
}
@media screen and (min-width: 1200px) {
  .cm-skin__points span {
    font-size: 16px;
  }
}
.copyright {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media screen and (max-width: 767px) {
  .copyright {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding-bottom: 24px;
  }
}
.copyright p {
  color: #fff;
  font-size: 14px;
  font-family: "Ubuntu", sans-serif;
}
@media screen and (max-width: 767px) {
  .copyright p {
    text-align: center;
  }
}
.copyright p span {
  font-weight: 700;
}
@media screen and (max-width: 1199px) {
  .newsletter {
    margin-bottom: 54px;
  }
}
.newsletter__text {
  padding-bottom: 25px;
  color: #657782;
  line-height: 1.8;
  font-size: 14px;
  font-weight: 300;
  font-family: "Ubuntu", sans-serif;
}
.newsletter__form-cover {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  max-width: 372px;
  height: 56px;
  background-image: url(../images/newsletter-form-bg.svg);
  background-repeat: no-repeat;
}
.newsletter__form-input {
  position: relative;
  width: 100%;
  max-width: calc(100% - 56px);
  height: 100%;
}
.newsletter__form-input input {
  outline: none;
  position: absolute;
  width: 100%;
  height: 100%;
  padding-left: 34px;
  padding-right: 34px;
  border: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  border-radius: 0;
  background-color: transparent;
  font-size: 16px;
  font-weight: 300;
  font-family: "Ubuntu", sans-serif;
}
.newsletter__form-input input.placeholder {
  color: #657782;
}
.newsletter__form-input input:-moz-placeholder {
  color: #657782;
}
.newsletter__form-input input::-moz-placeholder {
  color: #657782;
}
.newsletter__form-input input:-ms-input-placeholder {
  color: #657782;
}
.newsletter__form-input input::-webkit-input-placeholder {
  color: #657782;
}
.newsletter__form-btn {
  position: relative;
}
.newsletter__form-btn:hover:before {
  top: 0;
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0);
  height: 100%;
  background-color: #070c17;
  -webkit-transition: top 0.3s ease-in-out, height 0.3s ease-in-out,
    background-color 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
  transition: top 0.3s ease-in-out, height 0.3s ease-in-out,
    background-color 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
  -o-transition: top 0.3s ease-in-out, transform 0.3s ease-in-out,
    height 0.3s ease-in-out, background-color 0.3s ease-in-out;
  transition: top 0.3s ease-in-out, transform 0.3s ease-in-out,
    height 0.3s ease-in-out, background-color 0.3s ease-in-out;
  transition: top 0.3s ease-in-out, transform 0.3s ease-in-out,
    height 0.3s ease-in-out, background-color 0.3s ease-in-out,
    -webkit-transform 0.3s ease-in-out;
}
.newsletter__form-btn:hover i {
  color: #070c17;
  -webkit-transition: color 0.3s ease-in-out;
  -o-transition: color 0.3s ease-in-out;
  transition: color 0.3s ease-in-out;
}
.newsletter__form-btn:before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 2px;
  height: 31px;
  background-color: #c8ccd5;
  -webkit-transition: top 0.3s ease-in-out, height 0.3s ease-in-out,
    background-color 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
  transition: top 0.3s ease-in-out, height 0.3s ease-in-out,
    background-color 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
  -o-transition: top 0.3s ease-in-out, transform 0.3s ease-in-out,
    height 0.3s ease-in-out, background-color 0.3s ease-in-out;
  transition: top 0.3s ease-in-out, transform 0.3s ease-in-out,
    height 0.3s ease-in-out, background-color 0.3s ease-in-out;
  transition: top 0.3s ease-in-out, transform 0.3s ease-in-out,
    height 0.3s ease-in-out, background-color 0.3s ease-in-out,
    -webkit-transform 0.3s ease-in-out;
}
.newsletter__form-btn button {
  cursor: pointer;
  outline: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 56px;
  height: 100%;
  padding: 0;
  margin: 0;
  border: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  border-radius: 0;
  background-color: transparent;
}
.newsletter__form-btn button i {
  color: #657782;
  font-size: 23px;
  -webkit-transition: color 0.3s ease-in-out;
  -o-transition: color 0.3s ease-in-out;
  transition: color 0.3s ease-in-out;
}
.social {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.social__link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 20px;
  height: 20px;
  margin-left: 15px;
  margin-right: 15px;
}
.social__link i {
  color: #fff;
  -webkit-transition: color 0.3s ease-in-out;
  -o-transition: color 0.3s ease-in-out;
  transition: color 0.3s ease-in-out;
}
.social__link--facebook i {
  font-size: 20px;
}
.social__link--facebook:hover i {
  color: #3b5998;
  -webkit-transition: color 0.3s ease-in-out;
  -o-transition: color 0.3s ease-in-out;
  transition: color 0.3s ease-in-out;
}
.social__link--twitter i {
  font-size: 22px;
}
.social__link--twitter:hover i {
  color: #00aced;
  -webkit-transition: color 0.3s ease-in-out;
  -o-transition: color 0.3s ease-in-out;
  transition: color 0.3s ease-in-out;
}
.social__link--google-plus i {
  font-size: 26px;
}
.social__link--google-plus:hover i {
  color: #dd4b39;
  -webkit-transition: color 0.3s ease-in-out;
  -o-transition: color 0.3s ease-in-out;
  transition: color 0.3s ease-in-out;
}
.social__link--rss i {
  font-size: 18px;
}
.social__link--rss:hover i {
  color: #f26522;
  -webkit-transition: color 0.3s ease-in-out;
  -o-transition: color 0.3s ease-in-out;
  transition: color 0.3s ease-in-out;
}
.social__link--pinterest i {
  font-size: 20px;
}
.social__link--pinterest:hover i {
  color: #cb2027;
  -webkit-transition: color 0.3s ease-in-out;
  -o-transition: color 0.3s ease-in-out;
  transition: color 0.3s ease-in-out;
}
.social__link--instagram i {
  font-size: 20px;
}
.social__link--instagram:hover i {
  color: #bc2a8d;
  -webkit-transition: color 0.3s ease-in-out;
  -o-transition: color 0.3s ease-in-out;
  transition: color 0.3s ease-in-out;
}
.swiper-container {
  width: 100%;
  max-width: 500px;
}
.swiper-container--grantsNum,
.swiper-container--grantsBlueLine,
.swiper-container--grantsOrangeLine {
  max-width: 100%;
  height: 100%;
}
.swiper-container--grantsBlueLine {
  margin-top: -90px;
  padding-top: 90px;
  height: calc(100% + 90px);
}
.swiper-container--grantsBlueLine .swiper-slide {
  position: relative;
}
.swiper-container--grantsBlueLine .grants__num-btn {
  position: absolute;
  top: -90px;
  left: 0;
  right: 0;
  margin-left: auto;
  margin-right: auto;
}
.swiper-container--featured,
.swiper-container--daily {
  width: 100%;
  height: 100%;
}
.swiper-container--featured .swiper-button-next,
.swiper-container--featured .swiper-button-prev,
.swiper-container--daily .swiper-button-next,
.swiper-container--daily .swiper-button-prev {
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 18px;
  height: 17px;
  margin: 0;
  background-size: contain;
}
.swiper-container--featured .swiper-button-next,
.swiper-container--daily .swiper-button-next {
  right: 5px;
  background-image: url(../images/next.svg);
}
.swiper-container--featured .swiper-button-prev,
.swiper-container--daily .swiper-button-prev {
  left: 5px;
  background-image: url(../images/prev.svg);
}
.swiper-container--daily .swiper-button-next,
.swiper-container--daily .swiper-button-prev {
  top: 40%;
}
.object-fit {
  width: 100%;
  height: 100%;
}
.object-fit--coverCenter {
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
}
.object-fit--containCenter {
  -o-object-fit: contain;
  object-fit: contain;
  -o-object-position: center;
  object-position: center;
}
.icon-png:before {
  content: "";
  display: block;
}
.icon-font {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  line-height: 1;
}
.logo {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  float: left;
}
@media screen and (max-width: 575px) {
  .logo {
    width: 200px;
  }
}
.logo__link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.c-btn {
  outline: none;
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: auto;
  max-width: auto;
  height: 59px;
  border: 0 solid transparent;
  -webkit-box-shadow: 0 4px 9px 0 rgba(0, 0, 0, 0.21);
  box-shadow: 0 4px 9px 0 rgba(0, 0, 0, 0.21);
  border-radius: 0;
  color: #0183b1;
  text-transform: uppercase;
  font-weight: 400;
  font-family: "Anton", sans-serif;
  -webkit-clip-path: polygon(0 0, 100% 2%, 97% 98%, 2% 100%);
  clip-path: polygon(0 0, 100% 2%, 97% 98%, 2% 100%);
  padding-left: 25px;
  padding-right: 30px;
  -webkit-transition: color 0.3s ease-in-out, -webkit-clip-path 0.3s ease-in-out;
  transition: color 0.3s ease-in-out, -webkit-clip-path 0.3s ease-in-out;
  -o-transition: color 0.3s ease-in-out, clip-path 0.3s ease-in-out;
  transition: color 0.3s ease-in-out, clip-path 0.3s ease-in-out;
  transition: color 0.3s ease-in-out, clip-path 0.3s ease-in-out,
    -webkit-clip-path 0.3s ease-in-out;
  font-size: 19px;
}
@media screen and (min-width: 320px) {
  .c-btn {
    font-size: calc(19px + 5 * (100vw - 320px) / 448);
  }
}
@media screen and (min-width: 768px) {
  .c-btn {
    font-size: 24px;
  }
}
@media screen and (max-width: 575px) {
  .c-btn {
    padding-left: 20px;
    padding-right: 25px;
  }
}
.c-btn:hover {
  color: #fff;
  -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
  clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
  -webkit-transition: color 0.3s ease-in-out, -webkit-clip-path 0.3s ease-in-out;
  transition: color 0.3s ease-in-out, -webkit-clip-path 0.3s ease-in-out;
  -o-transition: color 0.3s ease-in-out, clip-path 0.3s ease-in-out;
  transition: color 0.3s ease-in-out, clip-path 0.3s ease-in-out;
  transition: color 0.3s ease-in-out, clip-path 0.3s ease-in-out,
    -webkit-clip-path 0.3s ease-in-out;
}
.c-btn:hover span {
  -webkit-transform: translateX(10px);
  -ms-transform: translateX(10px);
  transform: translateX(10px);
  -webkit-transition: -webkit-transform 0.3s ease-in-out;
  transition: -webkit-transform 0.3s ease-in-out;
  -o-transition: transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
}
.c-btn--border {
  background-color: transparent;
  color: #000;
}
.c-btn--bg {
  background-color: #1ac2fe;
}
.c-btn i {
  padding-left: 13px;
  font-size: 12px;
  -webkit-transform: translateX(0);
  -ms-transform: translateX(0);
  transform: translateX(0);
  -webkit-transition: -webkit-transform 0.3s ease-in-out;
  transition: -webkit-transform 0.3s ease-in-out;
  -o-transition: transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
}
.c-hamburger {
  cursor: pointer;
  display: none;
  width: 46px;
  height: 44px;
  background-color: transparent;
  background-image: url(../images/header-search-bg.svg);
  background-repeat: no-repeat;
  background-position: center;
  -webkit-transition: -webkit-transform 0.35s ease-in-out;
  transition: -webkit-transform 0.35s ease-in-out;
  -o-transition: transform 0.35s ease-in-out;
  transition: transform 0.35s ease-in-out;
  transition: transform 0.35s ease-in-out, -webkit-transform 0.35s ease-in-out;
}
@media screen and (max-width: 1199px) {
  .c-hamburger {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
}
.c-hamburger.is-active {
  z-index: 1001;
  position: relative;
  -webkit-transition: -webkit-transform 0.35s ease-in-out;
  transition: -webkit-transform 0.35s ease-in-out;
  -o-transition: transform 0.35s ease-in-out;
  transition: transform 0.35s ease-in-out;
  transition: transform 0.35s ease-in-out, -webkit-transform 0.35s ease-in-out;
}
.c-hamburger.is-active .c-hamburger__box {
  -webkit-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  transform: rotate(-90deg);
  -webkit-transition: -webkit-transform 0.35s ease-in-out;
  transition: -webkit-transform 0.35s ease-in-out;
  -o-transition: transform 0.35s ease-in-out;
  transition: transform 0.35s ease-in-out;
  transition: transform 0.35s ease-in-out, -webkit-transform 0.35s ease-in-out;
}
.c-hamburger__box {
  position: relative;
  width: 28px;
  height: 20px;
  -webkit-transition: -webkit-transform 0.35s ease-in-out;
  transition: -webkit-transform 0.35s ease-in-out;
  -o-transition: transform 0.35s ease-in-out;
  transition: transform 0.35s ease-in-out;
  transition: transform 0.35s ease-in-out, -webkit-transform 0.35s ease-in-out;
}
.c-hamburger__inner {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 5px;
  border-radius: 0;
  background-color: #2a2a2a;
  -webkit-transition: background-color 0.3s ease-in-out;
  -o-transition: background-color 0.3s ease-in-out;
  transition: background-color 0.3s ease-in-out;
}
.c-hamburger__inner:after,
.c-hamburger__inner:before {
  content: "";
  position: absolute;
  left: 0;
  width: 100%;
  height: 5px;
  border-radius: 0;
  background-color: #2a2a2a;
  -webkit-transition: background-color 0.3s ease-in-out,
    -webkit-transform 0.3s ease-in-out;
  transition: background-color 0.3s ease-in-out,
    -webkit-transform 0.3s ease-in-out;
  -o-transition: transform 0.3s ease-in-out, background-color 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out, background-color 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out, background-color 0.3s ease-in-out,
    -webkit-transform 0.3s ease-in-out;
}
.c-hamburger__inner:before {
  bottom: -8px;
  -webkit-transform: translateX(0);
  -ms-transform: translateX(0);
  transform: translateX(0);
}
.c-hamburger__inner:after {
  bottom: -16px;
  -webkit-transform: translateX(0);
  -ms-transform: translateX(0);
  transform: translateX(0);
}
.c-form {
  width: 100%;
  max-width: 774px;
  margin-left: auto;
  margin-right: auto;
  font-family: "Ubuntu", sans-serif;
}
.c-form__group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}
.c-form__group--two,
.c-form__group--three {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.c-form__group--two .c-form__group-col {
  width: calc((100% - 15px) / 2);
}
.c-form__group--three .c-form__group-col {
  width: calc((100% - 15px) / 3);
}
.c-form__field {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  margin-bottom: 23px;
  -webkit-transition: opacity 0.3s ease-in-out;
  -o-transition: opacity 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out;
}
.c-form__field.is-disabled {
  opacity: 0.5;
  -webkit-transition: opacity 0.3s ease-in-out;
  -o-transition: opacity 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out;
}
.c-form__field.is-error .c-form__notify,
.c-form__field.is-invalid .c-form__notify,
.c-form__field.is-warning .c-form__notify,
.c-form__field.is-info .c-form__notify {
  display: block;
}
.c-form__field.is-error .c-form__label,
.c-form__field.is-invalid .c-form__label,
.c-form__field.is-warning .c-form__label,
.c-form__field.is-info .c-form__label {
  -webkit-transition: color 0.3s ease-in-out;
  -o-transition: color 0.3s ease-in-out;
  transition: color 0.3s ease-in-out;
}
.c-form__field.is-error .c-form__input,
.c-form__field.is-error .c-form__textarea,
.c-form__field.is-invalid .c-form__input,
.c-form__field.is-invalid .c-form__textarea,
.c-form__field.is-warning .c-form__input,
.c-form__field.is-warning .c-form__textarea,
.c-form__field.is-info .c-form__input,
.c-form__field.is-info .c-form__textarea {
  -webkit-transition: border-color 0.3s ease-in-out, color 0.3s ease-in-out;
  -o-transition: border-color 0.3s ease-in-out, color 0.3s ease-in-out;
  transition: border-color 0.3s ease-in-out, color 0.3s ease-in-out;
}
.c-form__field.is-error .c-form__select-wrapper,
.c-form__field.is-error .c-form__select-wrapper .c-form__select-value,
.c-form__field.is-error .c-form__select-wrapper .c-form__select-icon i,
.c-form__field.is-invalid .c-form__select-wrapper,
.c-form__field.is-invalid .c-form__select-wrapper .c-form__select-value,
.c-form__field.is-invalid .c-form__select-wrapper .c-form__select-icon i,
.c-form__field.is-warning .c-form__select-wrapper,
.c-form__field.is-warning .c-form__select-wrapper .c-form__select-value,
.c-form__field.is-warning .c-form__select-wrapper .c-form__select-icon i,
.c-form__field.is-info .c-form__select-wrapper,
.c-form__field.is-info .c-form__select-wrapper .c-form__select-value,
.c-form__field.is-info .c-form__select-wrapper .c-form__select-icon i {
  -webkit-transition: border-color 0.3s ease-in-out, color 0.3s ease-in-out;
  -o-transition: border-color 0.3s ease-in-out, color 0.3s ease-in-out;
  transition: border-color 0.3s ease-in-out, color 0.3s ease-in-out;
}
.c-form__field.is-error .c-form__notify li,
.c-form__field.is-invalid .c-form__notify li,
.c-form__field.is-warning .c-form__notify li,
.c-form__field.is-info .c-form__notify li {
  -webkit-transition: color 0.3s ease-in-out;
  -o-transition: color 0.3s ease-in-out;
  transition: color 0.3s ease-in-out;
}
.c-form__field.is-invalid .c-form__label,
.c-form__field.is-error .c-form__label {
  color: #c00;
}
.c-form__field.is-invalid .c-form__input,
.c-form__field.is-invalid .c-form__textarea,
.c-form__field.is-error .c-form__input,
.c-form__field.is-error .c-form__textarea {
  border-color: #c00;
  color: #c00;
}
.c-form__field.is-invalid .c-form__input.placeholder,
.c-form__field.is-invalid .c-form__textarea.placeholder,
.c-form__field.is-error .c-form__input.placeholder,
.c-form__field.is-error .c-form__textarea.placeholder {
  color: #c00;
}
.c-form__field.is-invalid .c-form__input:-moz-placeholder,
.c-form__field.is-invalid .c-form__textarea:-moz-placeholder,
.c-form__field.is-error .c-form__input:-moz-placeholder,
.c-form__field.is-error .c-form__textarea:-moz-placeholder {
  color: #c00;
}
.c-form__field.is-invalid .c-form__input::-moz-placeholder,
.c-form__field.is-invalid .c-form__textarea::-moz-placeholder,
.c-form__field.is-error .c-form__input::-moz-placeholder,
.c-form__field.is-error .c-form__textarea::-moz-placeholder {
  color: #c00;
}
.c-form__field.is-invalid .c-form__input:-ms-input-placeholder,
.c-form__field.is-invalid .c-form__textarea:-ms-input-placeholder,
.c-form__field.is-error .c-form__input:-ms-input-placeholder,
.c-form__field.is-error .c-form__textarea:-ms-input-placeholder {
  color: #c00;
}
.c-form__field.is-invalid .c-form__input::-webkit-input-placeholder,
.c-form__field.is-invalid .c-form__textarea::-webkit-input-placeholder,
.c-form__field.is-error .c-form__input::-webkit-input-placeholder,
.c-form__field.is-error .c-form__textarea::-webkit-input-placeholder {
  color: #c00;
}
.c-form__field.is-invalid .c-form__select-wrapper,
.c-form__field.is-invalid .c-form__select-wrapper .c-form__select-value,
.c-form__field.is-invalid .c-form__select-wrapper .c-form__select-icon i,
.c-form__field.is-error .c-form__select-wrapper,
.c-form__field.is-error .c-form__select-wrapper .c-form__select-value,
.c-form__field.is-error .c-form__select-wrapper .c-form__select-icon i {
  border-color: #c00;
  color: #c00;
}
.c-form__field.is-invalid .c-form__radio-icon i,
.c-form__field.is-error .c-form__radio-icon i {
  border-color: #c00;
}
.c-form__field.is-invalid .c-form__radio-icon i:before,
.c-form__field.is-error .c-form__radio-icon i:before {
  background-color: #c00;
}
.c-form__field.is-invalid .c-form__radio-text,
.c-form__field.is-error .c-form__radio-text {
  color: #c00;
}
.c-form__field.is-invalid .c-form__checkbox-icon i,
.c-form__field.is-error .c-form__checkbox-icon i {
  border-color: #c00;
}
.c-form__field.is-invalid .c-form__checkbox-icon i:before,
.c-form__field.is-error .c-form__checkbox-icon i:before {
  border-color: #c00;
}
.c-form__field.is-invalid .c-form__checkbox-text,
.c-form__field.is-error .c-form__checkbox-text {
  color: #c00;
}
.c-form__field.is-invalid .c-form__notify li,
.c-form__field.is-error .c-form__notify li {
  color: #c00;
}
.c-form__field.is-warning .c-form__label {
  color: #f80;
}
.c-form__field.is-warning .c-form__input,
.c-form__field.is-warning .c-form__textarea {
  border-color: #f80;
  color: #f80;
}
.c-form__field.is-warning .c-form__input.placeholder,
.c-form__field.is-warning .c-form__textarea.placeholder {
  color: #f80;
}
.c-form__field.is-warning .c-form__input:-moz-placeholder,
.c-form__field.is-warning .c-form__textarea:-moz-placeholder {
  color: #f80;
}
.c-form__field.is-warning .c-form__input::-moz-placeholder,
.c-form__field.is-warning .c-form__textarea::-moz-placeholder {
  color: #f80;
}
.c-form__field.is-warning .c-form__input:-ms-input-placeholder,
.c-form__field.is-warning .c-form__textarea:-ms-input-placeholder {
  color: #f80;
}
.c-form__field.is-warning .c-form__input::-webkit-input-placeholder,
.c-form__field.is-warning .c-form__textarea::-webkit-input-placeholder {
  color: #f80;
}
.c-form__field.is-warning .c-form__select-wrapper,
.c-form__field.is-warning .c-form__select-wrapper .c-form__select-value,
.c-form__field.is-warning .c-form__select-wrapper .c-form__select-icon i {
  border-color: #f80;
  color: #f80;
}
.c-form__field.is-warning .c-form__radio-icon i {
  border-color: #f80;
}
.c-form__field.is-warning .c-form__radio-icon i:before {
  background-color: #f80;
}
.c-form__field.is-warning .c-form__radio-text {
  color: #f80;
}
.c-form__field.is-warning .c-form__checkbox-icon i {
  border-color: #f80;
}
.c-form__field.is-warning .c-form__checkbox-icon i:before {
  border-color: #f80;
}
.c-form__field.is-warning .c-form__checkbox-text {
  color: #f80;
}
.c-form__field.is-warning .c-form__notify li {
  color: #f80;
}
.c-form__field.is-info .c-form__label {
  color: #33b5e5;
}
.c-form__field.is-info .c-form__input,
.c-form__field.is-info .c-form__textarea {
  border-color: #33b5e5;
  color: #33b5e5;
}
.c-form__field.is-info .c-form__input.placeholder,
.c-form__field.is-info .c-form__textarea.placeholder {
  color: #33b5e5;
}
.c-form__field.is-info .c-form__input:-moz-placeholder,
.c-form__field.is-info .c-form__textarea:-moz-placeholder {
  color: #33b5e5;
}
.c-form__field.is-info .c-form__input::-moz-placeholder,
.c-form__field.is-info .c-form__textarea::-moz-placeholder {
  color: #33b5e5;
}
.c-form__field.is-info .c-form__input:-ms-input-placeholder,
.c-form__field.is-info .c-form__textarea:-ms-input-placeholder {
  color: #33b5e5;
}
.c-form__field.is-info .c-form__input::-webkit-input-placeholder,
.c-form__field.is-info .c-form__textarea::-webkit-input-placeholder {
  color: #33b5e5;
}
.c-form__field.is-info .c-form__select-wrapper,
.c-form__field.is-info .c-form__select-wrapper .c-form__select-value,
.c-form__field.is-info .c-form__select-wrapper .c-form__select-icon i {
  border-color: #33b5e5;
  color: #33b5e5;
}
.c-form__field.is-info .c-form__radio-icon i {
  border-color: #33b5e5;
}
.c-form__field.is-info .c-form__radio-icon i:before {
  background-color: #33b5e5;
}
.c-form__field.is-info .c-form__radio-text {
  color: #33b5e5;
}
.c-form__field.is-info .c-form__checkbox-icon i {
  border-color: #33b5e5;
}
.c-form__field.is-info .c-form__checkbox-icon i:before {
  border-color: #33b5e5;
}
.c-form__field.is-info .c-form__checkbox-text {
  color: #33b5e5;
}
.c-form__field.is-info .c-form__notify li {
  color: #33b5e5;
}
.c-form__field--checkbox .c-form__label,
.c-form__field--radio .c-form__label {
  cursor: default;
}
.c-form__field--checkbox {
  margin-bottom: 10px;
}
.c-form__field--checkbox-legendary
  .c-form__checkbox:checked
  + label
  .c-form__checkbox-icon:after {
  background-color: #ffe000;
  -webkit-transition: background-color 0.3s ease-in-out;
  -o-transition: background-color 0.3s ease-in-out;
  transition: background-color 0.3s ease-in-out;
}
.c-form__field--checkbox-soldier .c-form__checkbox-text {
  text-transform: uppercase;
  font-size: 18px;
  font-family: "Anton", sans-serif;
}
.c-form__field--checkbox-epic
  .c-form__checkbox:checked
  + label
  .c-form__checkbox-icon:after {
  background-color: #ac00e6;
  -webkit-transition: background-color 0.3s ease-in-out;
  -o-transition: background-color 0.3s ease-in-out;
  transition: background-color 0.3s ease-in-out;
}
.c-form__field--checkbox-soldier .c-form__checkbox-text {
  text-transform: uppercase;
  font-size: 18px;
  font-family: "Anton", sans-serif;
}
.c-form__field--checkbox-rare
  .c-form__checkbox:checked
  + label
  .c-form__checkbox-icon:after {
  background-color: #008ec1;
  -webkit-transition: background-color 0.3s ease-in-out;
  -o-transition: background-color 0.3s ease-in-out;
  transition: background-color 0.3s ease-in-out;
}
.c-form__field--checkbox-soldier .c-form__checkbox-text {
  text-transform: uppercase;
  font-size: 18px;
  font-family: "Anton", sans-serif;
}
.c-form__field--checkbox-uncommon
  .c-form__checkbox:checked
  + label
  .c-form__checkbox-icon:after {
  background-color: #00aa4c;
  -webkit-transition: background-color 0.3s ease-in-out;
  -o-transition: background-color 0.3s ease-in-out;
  transition: background-color 0.3s ease-in-out;
}
.c-form__field--checkbox-soldier .c-form__checkbox-text {
  text-transform: uppercase;
  font-size: 18px;
  font-family: "Anton", sans-serif;
}
.c-form__label {
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: auto;
  margin-bottom: 10px;
  font-size: 16px;
  font-weight: 400;
  -webkit-transition: color 0.3s ease-in-out;
  -o-transition: color 0.3s ease-in-out;
  transition: color 0.3s ease-in-out;
}
.c-form__input-wrapper,
.c-form__select-wrapper,
.c-form__textarea-wrapper {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-clip-path: polygon(0 3%, 100% 0, 98% 100%, 0.25% 97%);
  clip-path: polygon(0 3%, 100% 0, 98% 100%, 0.25% 97%);
}
.c-form__input,
.c-form__select,
.c-form__textarea {
  outline: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  color: #000;
}
.c-form__input.placeholder,
.c-form__select.placeholder,
.c-form__textarea.placeholder {
  color: #bfbfbf;
  font-size: 16px;
  font-weight: 400;
}
.c-form__input:-moz-placeholder,
.c-form__select:-moz-placeholder,
.c-form__textarea:-moz-placeholder {
  color: #bfbfbf;
  font-size: 16px;
  font-weight: 400;
}
.c-form__input::-moz-placeholder,
.c-form__select::-moz-placeholder,
.c-form__textarea::-moz-placeholder {
  color: #bfbfbf;
  font-size: 16px;
  font-weight: 400;
}
.c-form__input:-ms-input-placeholder,
.c-form__select:-ms-input-placeholder,
.c-form__textarea:-ms-input-placeholder {
  color: #bfbfbf;
  font-size: 16px;
  font-weight: 400;
}
.c-form__input::-webkit-input-placeholder,
.c-form__select::-webkit-input-placeholder,
.c-form__textarea::-webkit-input-placeholder {
  color: #bfbfbf;
  font-size: 16px;
  font-weight: 400;
}
.c-form__input {
  padding: 0 20px;
  border: 0 solid gray;
  border-radius: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
  font-size: 16px;
  font-weight: 400;
  -webkit-transition: border-color 0.3s ease-in-out, color 0.3s ease-in-out;
  -o-transition: border-color 0.3s ease-in-out, color 0.3s ease-in-out;
  transition: border-color 0.3s ease-in-out, color 0.3s ease-in-out;
}
.c-form__input-wrapper {
  height: 75px;
}
.c-form__select {
  opacity: 0;
  cursor: pointer;
  z-index: 1;
  border: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.c-form__select-wrapper {
  height: 75px;
  border-radius: 5px;
  border: 1px solid gray;
  -webkit-box-shadow: none;
  box-shadow: none;
  -webkit-transition: border-color 0.3s ease-in-out;
  -o-transition: border-color 0.3s ease-in-out;
  transition: border-color 0.3s ease-in-out;
}
.c-form__select-value {
  z-index: 0;
  white-space: nowrap;
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  line-height: 75px;
  width: calc(100% - 50px);
  padding-left: 20px;
  color: #bfbfbf;
  font-size: 16px;
  font-weight: 400;
  -webkit-transition: color 0.3s ease-in-out;
  -o-transition: color 0.3s ease-in-out;
  transition: color 0.3s ease-in-out;
}
.is-choose .c-form__select-value {
  color: #000;
}
.c-form__select-icon {
  z-index: 0;
  position: absolute;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  top: 0;
  right: 0;
  width: 50px;
  height: 100%;
}
.c-form__select-icon i {
  padding: 3px;
  border: solid #000;
  border-width: 0 2px 2px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  -webkit-transition: border-color 0.3s ease-in-out,
    -webkit-transform 0.3s ease-in-out;
  transition: border-color 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
  -o-transition: transform 0.3s ease-in-out, border-color 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out, border-color 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out, border-color 0.3s ease-in-out,
    -webkit-transform 0.3s ease-in-out;
}
.is-focus .c-form__select-icon i {
  -webkit-transform: rotate(225deg);
  -ms-transform: rotate(225deg);
  transform: rotate(225deg);
  -webkit-transition: -webkit-transform 0.3s ease-in-out;
  transition: -webkit-transform 0.3s ease-in-out;
  -o-transition: transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
}
.c-form__selectric {
  opacity: 0;
}
.c-form__selectric-wrapper {
  position: relative;
}
.c-form__textarea {
  resize: none;
  padding: 20px;
  border: 0 solid gray;
  border-radius: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
  font-size: 16px;
  font-weight: 400;
  -webkit-transition: border-color 0.3s ease-in-out, color 0.3s ease-in-out;
  -o-transition: border-color 0.3s ease-in-out, color 0.3s ease-in-out;
  transition: border-color 0.3s ease-in-out, color 0.3s ease-in-out;
}
.c-form__textarea-wrapper {
  height: 173px;
}
.c-form__radio,
.c-form__checkbox {
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  height: 0;
}
.c-form__radio-wrapper,
.c-form__checkbox-wrapper {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.c-form__radio-content,
.c-form__checkbox-content {
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
}
.c-form__radio-icon i,
.c-form__checkbox-icon i {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.c-form__radio:checked + label .c-form__radio-icon i {
  border-color: #000;
  -webkit-transition: border-color 0.3s ease-in-out;
  -o-transition: border-color 0.3s ease-in-out;
  transition: border-color 0.3s ease-in-out;
}
.c-form__radio:checked + label .c-form__radio-icon i:before {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  background-color: #000;
  -webkit-transition: background-color 0.3s ease-in-out,
    -webkit-transform 0.3s ease-in-out;
  transition: background-color 0.3s ease-in-out,
    -webkit-transform 0.3s ease-in-out;
  -o-transition: transform 0.3s ease-in-out, background-color 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out, background-color 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out, background-color 0.3s ease-in-out,
    -webkit-transform 0.3s ease-in-out;
}
.c-form__radio-wrapper {
  height: 75px;
}
.c-form__radio-icon {
  width: 30px;
}
.c-form__radio-icon i {
  width: 20px;
  height: 20px;
  border-radius: 100%;
  border: 1px solid rgba(0, 0, 0, 0.5);
  -webkit-transition: border-color 0.3s ease-in-out;
  -o-transition: border-color 0.3s ease-in-out;
  transition: border-color 0.3s ease-in-out;
}
.c-form__radio-icon i:before {
  content: "";
  width: 10px;
  height: 10px;
  border-radius: 100%;
  background-color: transparent;
  -webkit-transform: scale(0);
  -ms-transform: scale(0);
  transform: scale(0);
  -webkit-transition: background-color 0.3s ease-in-out,
    -webkit-transform 0.3s ease-in-out;
  transition: background-color 0.3s ease-in-out,
    -webkit-transform 0.3s ease-in-out;
  -o-transition: transform 0.3s ease-in-out, background-color 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out, background-color 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out, background-color 0.3s ease-in-out,
    -webkit-transform 0.3s ease-in-out;
}
.c-form__radio-text {
  max-width: calc(100% - 30px);
  font-size: 16px;
  font-weight: 400;
}
.c-form__checkbox:checked + label img {
  opacity: 1;
}
.c-form__checkbox:checked + label .c-form__checkbox-icon:after {
  -webkit-transition: background-color 0.3s ease-in-out;
  -o-transition: background-color 0.3s ease-in-out;
  transition: background-color 0.3s ease-in-out;
}
.c-form__checkbox:checked + label .c-form__checkbox-icon i {
  opacity: 1;
  -webkit-transition: opacity 0.3s ease-in-out;
  -o-transition: opacity 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out;
}
.c-form__checkbox-wrapper {
  height: auto;
}
.c-form__checkbox-wrapper label img {
  opacity: 0.5;
}
.c-form__checkbox-icon {
  position: relative;
  width: 30px;
  height: 26px;
}
.c-form__checkbox-icon:after {
  content: "";
  z-index: -1;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 21px;
  height: 19px;
  background-color: rgba(255, 255, 255, 0.65);
  -webkit-clip-path: polygon(0 0, 100% 10%, 90% 90%, 5% 100%);
  clip-path: polygon(0 0, 100% 10%, 90% 90%, 5% 100%);
  -webkit-transition: background-color 0.3s ease-in-out;
  -o-transition: background-color 0.3s ease-in-out;
  transition: background-color 0.3s ease-in-out;
}
.c-form__checkbox-icon i {
  opacity: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  top: -5px;
  font-size: 26px;
  color: #fff;
  -webkit-transition: opacity 0.3s ease-in-out;
  -o-transition: opacity 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out;
}
.c-form__checkbox-icon i:before {
  content: "";
}
.c-form__checkbox-text {
  max-width: calc(100% - 30px);
  color: #fff;
  font-size: 16px;
  font-weight: 400;
}
.c-form__notify {
  display: none;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  height: 23px;
  padding-top: 5px;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-duration: 0.5s;
  animation-duration: 0.5s;
  -webkit-animation-name: c-fadeIn;
  animation-name: c-fadeIn;
}
.c-form__notify ul li {
  color: #000;
  font-size: 12px;
  font-weight: 700;
  -webkit-transition: color 0.3s ease-in-out;
  -o-transition: color 0.3s ease-in-out;
  transition: color 0.3s ease-in-out;
}
.c-form #radio-error,
.c-form #checkbox-error,
.c-form #select-error {
  display: none !important;
}
@-webkit-keyframes c-fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes c-fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.header {
  background-color: #2a2a2a;
}
.header__wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  min-height: 90px;
}
@media screen and (max-width: 767px) {
  .header__wrapper {
    min-height: 67px;
  }
}
.header__col-0 {
  width: 100%;
  /*max-width: 270px;*/
}
@media screen and (max-width: 1199px) {
  .header__col-0 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    max-width: 100%;
  }
}
.header__col-mobile {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
  max-width: calc(100% - 270px);
}
@media screen and (max-width: 1199px) {
  .header__col-mobile {
    opacity: 0;
    z-index: 1000;
    overflow-y: auto;
    position: fixed;
    display: block;
    top: 0;
    right: 0;
    max-width: 60%;
    height: 100%;
    background-color: #2a2a2a;
    -webkit-transform: translateX(100%);
    -ms-transform: translateX(100%);
    transform: translateX(100%);
    -webkit-transition: -webkit-transform 0.35s ease-in-out;
    transition: -webkit-transform 0.35s ease-in-out;
    -o-transition: transform 0.35s ease-in-out;
    transition: transform 0.35s ease-in-out;
    transition: transform 0.35s ease-in-out, -webkit-transform 0.35s ease-in-out;
  }
  .header__col-mobile.is-open {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
    -webkit-transition: -webkit-transform 0.35s ease-in-out;
    transition: -webkit-transform 0.35s ease-in-out;
    -o-transition: transform 0.35s ease-in-out;
    transition: transform 0.35s ease-in-out;
    transition: transform 0.35s ease-in-out, -webkit-transform 0.35s ease-in-out;
  }
}
.header__col-1 {
  width: 100%;
  max-width: calc(100% - 70px);
}
@media screen and (max-width: 1199px) {
  .header__col-1 {
    max-width: 100%;
    padding-top: 15px;
  }
}
.header__col-2 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  width: 100%;
  max-width: 70px;
}
@media screen and (max-width: 1199px) {
  .header__col-2 {
    max-width: 100%;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding-bottom: 15px;
  }
}
.header__nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  min-height: 90px;
}
@media screen and (max-width: 1199px) {
  .header__nav {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}
.header__nav-left {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: relative;
  width: 100%;
  /*max-width: 281px;*/
  padding-right: 15px;
}
@media screen and (max-width: 1199px) {
  .header__nav-left {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    max-width: 100%;
    margin-bottom: 15px;
    border-bottom: 1px solid #4f4e4e;
    padding-left: 40px;
    padding-right: 40px;
  }
}
@media screen and (max-width: 575px) {
  .header__nav-left {
    padding-left: 15px;
    padding-right: 15px;
  }
}
.header__nav-left:after, .header__nav-left:before {
  content: "";
  z-index: 0;
  position: absolute;
  top: 50%;
  right: 0;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 1px;
  height: 38px;
  background-color: #4f4e4e;
}
.header__nav-left:before {
  left: -40px;
}
@media screen and (max-width: 1199px) {
  .header__nav-left:after, .header__nav-left:before {
    display: none;
  }
}
.header__nav-right {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  /*width: 100%;*/
  max-width: calc(100% - 281px);
  padding-left: 26px;
}
@media screen and (max-width: 1199px) {
  .header__nav-right {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    max-width: 100%;
    padding-left: 0;
    padding-bottom: 15px;
  }
}
.header__nav-btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: calc(100% / 4);
  min-height: 90px;
  padding-top: 15px;
}
@media screen and (max-width: 1199px) {
  .header__nav-btn {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    width: 100%;
    padding-top: 0;
    min-height: 60px;
  }
}
.header__nav-btn:hover i {
  color: #d4d4d4;
  -webkit-transition: color 0.3s ease-in-out;
  -o-transition: color 0.3s ease-in-out;
  transition: color 0.3s ease-in-out;
}
.header__nav-btn span {
  height: 28px;
}
@media screen and (max-width: 1199px) {
  .header__nav-btn span {
    width: 40px;
    height: auto;
  }
}
.header__nav-btn i {
  color: #fff;
  -webkit-transition: color 0.3s ease-in-out;
  -o-transition: color 0.3s ease-in-out;
  transition: color 0.3s ease-in-out;
}
.header__nav-btn i.icon-all {
  font-size: 18px;
}
.header__nav-btn i.icon-sets {
  font-size: 20px;
}
.header__nav-btn i.icon-preview {
  font-size: 13px;
}
.header__nav-btn i.icon-shop {
  font-size: 14px;
}
.header__nav-btn p {
  color: #d4d4d4;
  line-height: 1;
  font-size: 16px;
  font-family: "Rajdhani", sans-serif;
}
@media screen and (max-width: 1199px) {
  .header__nav-btn p {
    width: 100%;
    max-width: calc(100% - 40px);
    font-size: 18px;
  }
}
.header__nav-link {
  overflow: hidden;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  min-height: 90px;
  padding-left: 18px;
  padding-right: 18px;
  background-color: transparent;
  color: #fff;
  line-height: 1.6;
  text-transform: uppercase;
  font-size: 16px;
  font-weight: 700;
  font-family: "Rajdhani", sans-serif;
  -webkit-transition: background-color 0.3s ease-in-out;
  -o-transition: background-color 0.3s ease-in-out;
  transition: background-color 0.3s ease-in-out;
}
@media screen and (max-width: 1199px) {
  .header__nav-link {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    width: 100%;
    min-height: 60px;
    padding-left: 40px;
  }
}
@media screen and (max-width: 575px) {
  .header__nav-link {
    padding-left: 15px;
  }
}
.header__nav-link--wrapper {
  position: relative;
}
@media screen and (max-width: 1199px) {
  .header__nav-link--wrapper {
    width: 100%;
  }
}
@media screen and (min-width: 1200px) {
  .header__nav-link--wrapper:hover > a {
    color: #fff;
    background-color: #313131;
    -webkit-transition: background-color 0.3s ease-in-out;
    -o-transition: background-color 0.3s ease-in-out;
    transition: background-color 0.3s ease-in-out;
  }
  .header__nav-link--wrapper:hover > a:after {
    background-color: #ff0;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
    -webkit-transition: background-color 0.3s ease-in-out,
      -webkit-transform 0.3s ease-in-out;
    transition: background-color 0.3s ease-in-out,
      -webkit-transform 0.3s ease-in-out;
    -o-transition: background-color 0.3s ease-in-out, transform 0.3s ease-in-out;
    transition: background-color 0.3s ease-in-out, transform 0.3s ease-in-out;
    transition: background-color 0.3s ease-in-out, transform 0.3s ease-in-out,
      -webkit-transform 0.3s ease-in-out;
  }
  .header__nav-link--wrapper:hover > div {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}
.header__nav-link--wrapper > div {
  display: none;
  white-space: nowrap;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  padding: 0.5rem 0;
  margin: 0.125rem 0 0;
  font-size: 1rem;
  color: #212529;
  text-align: left;
  list-style: none;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 0.25rem;
}
@media screen and (min-width: 1200px) {
  .header__nav-link--wrapper > div {
    z-index: 1000;
    position: absolute;
    top: 100%;
    right: 0;
  }
}
@media screen and (max-width: 1199px) {
  .header__nav-link--wrapper > div {
    width: 100%;
    border-radius: 0;
    background-color: rgba(0, 0, 0, 0.15);
  }
  .header__nav-link--wrapper > div a {
    color: #fff !important;
  }
}
.header__nav-link:after {
  content: "";
  z-index: 0;
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 4px;
  background-color: transparent;
  -webkit-transform: translateY(100%);
  -ms-transform: translateY(100%);
  transform: translateY(100%);
  -webkit-transition: background-color 0.3s ease-in-out,
    -webkit-transform 0.3s ease-in-out;
  transition: background-color 0.3s ease-in-out,
    -webkit-transform 0.3s ease-in-out;
  -o-transition: background-color 0.3s ease-in-out, transform 0.3s ease-in-out;
  transition: background-color 0.3s ease-in-out, transform 0.3s ease-in-out;
  transition: background-color 0.3s ease-in-out, transform 0.3s ease-in-out,
    -webkit-transform 0.3s ease-in-out;
}
@media screen and (max-width: 1199px) {
  .header__nav-link:after {
    top: 0;
    bottom: auto;
    width: 4px;
    height: 100%;
  }
}
.header__nav-link:hover,
.header__nav-link.is-active {
  color: #fff;
  background-color: #313131;
  -webkit-transition: background-color 0.3s ease-in-out;
  -o-transition: background-color 0.3s ease-in-out;
  transition: background-color 0.3s ease-in-out;
}
.header__nav-link:hover:after,
.header__nav-link.is-active:after {
  background-color: #ff0;
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0);
  -webkit-transition: background-color 0.3s ease-in-out,
    -webkit-transform 0.3s ease-in-out;
  transition: background-color 0.3s ease-in-out,
    -webkit-transform 0.3s ease-in-out;
  -o-transition: background-color 0.3s ease-in-out, transform 0.3s ease-in-out;
  transition: background-color 0.3s ease-in-out, transform 0.3s ease-in-out;
  transition: background-color 0.3s ease-in-out, transform 0.3s ease-in-out,
    -webkit-transform 0.3s ease-in-out;
}
.header__nav-link i {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  right: 5px;
  border-width: 3px;
  border-style: solid;
  border-color: #fff transparent transparent transparent;
}
@media screen and (max-width: 1199px) {
  .header__nav-link + .dropdown-menu.show {
    position: static !important;
    -webkit-transform: translate3d(0, 0, 0) !important;
    transform: translate3d(0, 0, 0) !important;
    width: 100%;
    border-radius: 0;
    background-color: rgba(0, 0, 0, 0.15);
  }
  .header__nav-link + .dropdown-menu.show a {
    color: #fff;
    padding-left: 30px;
  }
}
.header__nav-link + .dropdown-menu a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  min-height: 40px;
  padding: 0 15px;
  color: #2a2a2a;
  font-family: "Ubuntu", sans-serif;
}
.header__search {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media screen and (max-width: 1199px) {
  .header .header__search {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 100%;
    min-height: 44px;
  }
}
.header__search.is-active input {
  width: 300px;
  padding: 0 15px;
  -webkit-transition: width 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
  transition: width 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
  -o-transition: width 0.3s ease-in-out, transform 0.3s ease-in-out;
  transition: width 0.3s ease-in-out, transform 0.3s ease-in-out;
  transition: width 0.3s ease-in-out, transform 0.3s ease-in-out,
    -webkit-transform 0.3s ease-in-out;
}
.header__search input {
  outline: none;
  position: absolute;
  top: 1px;
  right: 44px;
  width: 0;
  height: 42px;
  padding: 0;
  border: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  border-radius: 0;
  background-color: #fff;
  font-size: 14px;
  -webkit-transition: width 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
  transition: width 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
  -o-transition: width 0.3s ease-in-out, transform 0.3s ease-in-out;
  transition: width 0.3s ease-in-out, transform 0.3s ease-in-out;
  transition: width 0.3s ease-in-out, transform 0.3s ease-in-out,
    -webkit-transform 0.3s ease-in-out;
}
@media screen and (max-width: 1199px) {
  .header__search input {
    position: relative;
    right: 0;
    width: 100%;
    max-width: calc(100% - 44px);
    padding: 0 15px 0 40px;
    border-top: 1px solid #4f4e4e;
    border-bottom: 1px solid #4f4e4e;
    background-color: transparent;
    color: #fff;
  }
}
@media screen and (max-width: 575px) {
  .header__search input {
    padding-left: 15px;
  }
}
.header__search-btn {
  outline: none;
  cursor: pointer;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 46px;
  height: 44px;
  border: none;
  background-color: #ffd500;
  -webkit-clip-path: polygon(0 0, 100% 7%, 98% 95%, 3% 100%);
  clip-path: polygon(0 0, 100% 7%, 98% 95%, 3% 100%);
}
@media screen and (max-width: 1199px) {
  .header__search-btn {
    background-color: #ffd400;
  }
}
.header__search-btn .icon-font {
  color: #2a2a2a;
  font-size: 27px;
}
.footer {
  position: relative;
}
.footer .nfound__traiangle {
  z-index: 1;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.footer .nfound__traiangle-img {
  position: absolute;
  top: -50px;
}
@media screen and (max-width: 767px) {
  .footer .nfound__traiangle-img {
    -webkit-transform: scale(0.55);
    -ms-transform: scale(0.55);
    transform: scale(0.55);
  }
}
.footer .nfound__traiangle-img-0 {
  left: 60px;
}
@media screen and (max-width: 575px) {
  .footer .nfound__traiangle-img-0 {
    left: 10px;
  }
}
.footer .nfound__traiangle-img-1 {
  left: 33%;
  top: -33px;
}
@media screen and (max-width: 575px) {
  .footer .nfound__traiangle-img-1 {
    display: none !important;
  }
}
.footer .nfound__traiangle-img-2 {
  right: 30%;
  top: -70px;
}
@media screen and (max-width: 575px) {
  .footer .nfound__traiangle-img-2 {
    display: none !important;
  }
}
.footer .nfound__traiangle-img-3 {
  right: 40px;
}
@media screen and (max-width: 575px) {
  .footer .nfound__traiangle-img-3 {
    right: 0;
  }
}
.footer__bar {
  z-index: 0;
  position: absolute;
  top: -29px;
  left: 0;
  width: 100%;
  height: 30px;
  background-color: #070c17;
  -webkit-clip-path: polygon(100% 0, 0 100%, 100% 100%);
  clip-path: polygon(100% 0, 0 100%, 100% 100%);
}
.footer__wrapper {
  position: relative;
  /*min-height: 448px;*/
}
.footer__wrapper-top {
  padding-top: 68px;
  padding-bottom: 60px;
  background-color: #070c17;
}
.footer__wrapper-top .c-grid {
  position: relative;
}
.footer__wrapper-bottom {
  background-color: #090e1a;
  padding-bottom: 35px;
}
.footer__bg {
  z-index: 0;
  position: absolute;
  top: -30px;
  right: 15px;
  -o-object-fit: contain;
  object-fit: contain;
  -o-object-position: center;
  object-position: center;
}
@media screen and (max-width: 1199px) {
  .footer__bg {
    display: none;
  }
}
.footer__row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media screen and (max-width: 1199px) {
  .footer__row-0 {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
}
.footer__row-0 .footer__col {
  width: 100%;
}
.footer__row-0 .footer__col-0,
.footer__row-0 .footer__col-1 {
  max-width: 270px;
}
@media screen and (max-width: 1199px) {
  .footer__row-0 .footer__col-0,
  .footer__row-0 .footer__col-1 {
    max-width: calc(100% / 3);
  }
}
@media screen and (max-width: 767px) {
  .footer__row-0 .footer__col-0,
  .footer__row-0 .footer__col-1 {
    max-width: 50%;
  }
}
@media screen and (max-width: 575px) {
  .footer__row-0 .footer__col-0,
  .footer__row-0 .footer__col-1 {
    max-width: 100%;
    padding-bottom: 24px;
  }
}
@media screen and (max-width: 1199px) {
  .footer__row-0 .footer__col-0 {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
  }
}
@media screen and (max-width: 1199px) {
  .footer__row-0 .footer__col-1 {
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3;
  }
}
.footer__row-0 .footer__col-2 {
  max-width: calc(100% - ((270px * 2) + 400px));
}
@media screen and (max-width: 1199px) {
  .footer__row-0 .footer__col-2 {
    -webkit-box-ordinal-group: 5;
    -ms-flex-order: 4;
    order: 4;
    max-width: calc(100% / 3);
  }
}
@media screen and (max-width: 767px) {
  .footer__row-0 .footer__col-2 {
    max-width: 100%;
  }
}
.footer__row-0 .footer__col-3 {
  max-width: 400px;
}
@media screen and (max-width: 1199px) {
  .footer__row-0 .footer__col-3 {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
    max-width: 100%;
  }
}
.footer__row-1 {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding-top: 54px;
}
@media screen and (max-width: 767px) {
  .footer__row-1 {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
}
.footer__row-1 .footer__col {
  width: 50%;
}
@media screen and (max-width: 767px) {
  .footer__row-1 .footer__col {
    width: 100%;
  }
}
.footer__row-1 .footer__col-1 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}
@media screen and (max-width: 767px) {
  .footer__row-1 .footer__col-1 {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
}
.footer__col {
  z-index: 1;
  position: relative;
}
.footer__title {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  padding-bottom: 30px;
  color: #ffd600;
  text-transform: uppercase;
  font-size: 21px;
}
@media screen and (min-width: 320px) {
  .footer__title {
    font-size: calc(21px + 3 * (100vw - 320px) / 448);
  }
}
@media screen and (min-width: 768px) {
  .footer__title {
    font-size: 24px;
  }
}
.footer__title h3 {
  padding-bottom: 21px;
}
.footer__title i {
  width: 42px;
  height: 5px;
  background-color: #ffd600;
}
.footer__nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}
.footer__nav-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.footer__nav-wrapper > div {
  width: 50%;
}
.footer__nav-link,
.footer__nav li {
  overflow: hidden;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding-bottom: 20px;
}
.footer__nav li {
  position: relative;
  padding-left: 20px;
}
.footer__nav li::before {
  position: absolute;
  content: "";
  border: 6px solid transparent;
  border-left: 8px solid #ffd600;
  left: 0;
}
.footer__nav-link:hover i,
.footer__nav li:hover::before {
  border: 6px solid transparent;
  border-left: 8px solid #fff;
  -webkit-transition: color 0.3s ease-in-out;
  -o-transition: color 0.3s ease-in-out;
  transition: color 0.3s ease-in-out;
}
.footer__nav-link p:hover,
.footer__nav li a:hover {
  color: #fff;
  -webkit-transition: color 0.3s ease-in-out;
  -o-transition: color 0.3s ease-in-out;
  transition: color 0.3s ease-in-out;
}
.footer__nav-link:last-child {
  padding-bottom: 0;
}
.footer__nav-link span {
  width: 20px;
}
.footer__nav-link i {
  color: #ffd600;
  font-size: 9px;
  -webkit-transition: color 0.3s ease-in-out;
  -o-transition: color 0.3s ease-in-out;
  transition: color 0.3s ease-in-out;
}
.footer__nav-link p,
.footer__nav li a {
  display: block;
  width: 100%;
  max-width: calc(100% - 20px);
  color: #657782;
  font-size: 14px;
  font-weight: 300;
  font-family: "Ubuntu", sans-serif;
  -webkit-transition: color 0.3s ease-in-out;
  -o-transition: color 0.3s ease-in-out;
  transition: color 0.3s ease-in-out;
}
@media screen and (max-width: 767px) {
  .banner {
    padding-top: 15px;
    padding-bottom: 15px;
  }
}
.banner--main {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 100%;
  min-height: 144px;
}
.banner--main .banner__box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.banner--main .banner__box p {
  color: #bfbfbf;
  font-size: 24px;
  font-family: "Ubuntu", sans-serif;
}
.banner--main .banner__box-wrapper {
  width: 100%;
  max-width: 728px;
  height: 90px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 767px) {
  .banner--main .banner__box-wrapper {
    max-width: 300px;
    height: 250px;
  }
}
.banner--section {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 100%;
  min-height: 290px;
}
.banner--section .banner__box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.banner--section .banner__box p {
  color: #bfbfbf;
  font-size: 24px;
  font-family: "Ubuntu", sans-serif;
}
.banner--section .banner__box-wrapper {
  width: 100%;
  max-width: 300px;
  height: 250px;
  margin-left: auto;
  margin-right: auto;
}
.banner__box {
  height: 100%;
  border: 1px solid #d8d8d8;
  background-color: #fff;
  text-align: center;
}
.banner__box-wrapper {
  cursor: pointer;
  position: relative;
}
.spinner-container {
  position: relative;
  height: 41px;
  width: 41px;
  margin-left: auto;
  margin-right: auto;
}
.p-list .spinner-container {
  margin-bottom: 100px;
}
.spinner-whirlpool,
.spinner-whirlpool::before,
.spinner-whirlpool::after {
  position: absolute;
  top: 50%;
  left: 50%;
  border: 1px solid #ccc;
  border-left-color: #000;
  border-radius: 974px;
}
.spinner-whirlpool {
  margin: -17px 0 0 -17px;
  height: 35px;
  width: 35px;
  -webkit-animation: spinner-rotate 1150ms linear infinite;
  animation: spinner-rotate 1150ms linear infinite;
}
.spinner-whirlpool::before {
  content: "";
  margin: -15px 0 0 -15px;
  height: 29px;
  width: 29px;
  -webkit-animation: spinner-rotate 1150ms linear infinite;
  animation: spinner-rotate 1150ms linear infinite;
}
.spinner-whirlpool::after {
  content: "";
  margin: -21px 0 0 -21px;
  height: 41px;
  width: 41px;
  -webkit-animation: spinner-rotate 2300ms linear infinite;
  animation: spinner-rotate 2300ms linear infinite;
}
@-webkit-keyframes spinner-rotate {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes spinner-rotate {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
.info {
  z-index: 2;
  position: relative;
}
.info--pp .info__content {
  top: -60px;
}
@media screen and (max-width: 991px) {
  .info--pp .info__content {
    top: 0;
  }
}
.info--rewards {
  padding-bottom: 120px;
}
@media screen and (max-width: 767px) {
  .info--rewards {
    overflow: hidden;
  }
}
.info__content {
  position: relative;
  top: 0;
  padding: 25px;
  background-color: #edf9fd;
}
@media screen and (max-width: 767px) {
  .info__content {
    padding-left: 15px;
    padding-right: 15px;
  }
}
.info__content-figure {
  z-index: 0;
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 300px;
}
.info__content-figure img {
  position: absolute;
  top: 90%;
}
.info__content-figure img:nth-child(1) {
  left: 0;
}
@media screen and (max-width: 767px) {
  .info__content-figure img:nth-child(1) {
    display: none;
  }
}
.info__content-figure img:nth-child(2) {
  left: 30%;
}
.info__content-figure img:nth-child(3) {
  right: 30%;
}
.info__content-figure img:nth-child(4) {
  right: 0;
}
@media screen and (max-width: 767px) {
  .info__content-figure img:nth-child(4) {
    display: none;
  }
}
.info__section {
  z-index: 1;
  position: relative;
}
.info__section-main p {
  text-align: center;
}
.info__section-0 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media screen and (max-width: 767px) {
  .info__section-0 {
    display: block;
  }
}
.info__section-0 .info__section-left {
  width: 100%;
  max-width: calc(100% - 330px);
  padding-right: 15px;
}
@media screen and (max-width: 767px) {
  .info__section-0 .info__section-left {
    max-width: 100%;
  }
}
.info__section-0 .info__section-right {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 330px;
}
@media screen and (max-width: 767px) {
  .info__section-0 .info__section-right {
    display: none;
  }
}
.info__subtitle {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
  min-height: 71px;
  padding-left: 26px;
  padding-top: 5px;
  padding-bottom: 5px;
  margin-bottom: 31px;
  background-color: #273c43;
  -webkit-clip-path: polygon(0 6%, 100% 0, 99% 96%, 1% 100%);
  clip-path: polygon(0 6%, 100% 0, 99% 96%, 1% 100%);
}
@media screen and (max-width: 767px) {
  .info__subtitle {
    padding-left: 15px;
    padding-right: 10px;
  }
}
.info__subtitle:after,
.info__subtitle:before {
  content: "";
  z-index: 0;
  position: absolute;
  top: 0;
  height: 100%;
}
.info__subtitle:before {
  left: 0;
  width: 406px;
  background-color: #1f2f35;
  -webkit-clip-path: polygon(0 100%, 53% 20%, 53% 67%, 100% 100%);
  clip-path: polygon(0 100%, 53% 20%, 53% 67%, 100% 100%);
}
.info__subtitle:after {
  right: 0;
  width: 195px;
  background-color: #4d6f7b;
  -webkit-clip-path: polygon(
    0 0,
    100% 0,
    100% 100%,
    25% 100%,
    15% 47%,
    12% 64%
  );
  clip-path: polygon(0 0, 100% 0, 100% 100%, 25% 100%, 15% 47%, 12% 64%);
}
.info__subtitle--featured,
.info__subtitle--daily {
  margin-bottom: 13px;
}
.info__subtitle--featured {
  background-color: #f66d33;
}
.info__subtitle--featured:before {
  background-color: #de561c;
}
.info__subtitle--featured:after {
  background-color: #ff814c;
}
.info__subtitle--daily {
  background-color: #f4d180;
}
.info__subtitle--daily:before {
  background-color: #e3c171;
}
.info__subtitle--daily:after {
  background-color: #fcdb90;
}
.info__subtitle p,
.info__subtitle h2,
.info__subtitle h3 {
  z-index: 1;
  position: relative;
  color: #fff;
  font-size: 24px;
}
@media screen and (min-width: 320px) {
  .info__subtitle p,
  .info__subtitle h2,
  .info__subtitle h3 {
    font-size: calc(24px + 12 * (100vw - 320px) / 1120);
  }
}
@media screen and (min-width: 1440px) {
  .info__subtitle p,
  .info__subtitle h2,
  .info__subtitle h3 {
    font-size: 36px;
  }
}
.info__subtitle h2,
.info__subtitle h3 {
  padding-left: 5px;
  text-transform: uppercase;
}
.info__text {
  padding-left: 15px;
  padding-right: 15px;
  color: #273c43;
  font-family: "Ubuntu", sans-serif;
  font-size: 14px;
}
@media screen and (min-width: 320px) {
  .info__text {
    font-size: calc(14px + 2 * (100vw - 320px) / 448);
  }
}
@media screen and (min-width: 768px) {
  .info__text {
    font-size: 16px;
  }
}
@media screen and (max-width: 767px) {
  .info__text {
    padding: 0;
  }
}
.info__text p {
  padding-bottom: 31px;
  line-height: 1.6;
}
.info__text p strong {
  font-weight: 700;
}
.info__text a {
  color: #273c43;
  overflow-wrap: break-word;
  word-wrap: break-word;
  word-break: break-word;
  -webkit-hyphens: auto;
  -ms-hyphens: auto;
  hyphens: auto;
}
.info__text ul {
  padding-left: 20px;
  padding-bottom: 31px;
}
.info__text ul li {
  line-height: 1.6;
}
.breadcrumbs span {
  display: flex;
}
.breadcrumbs {
  padding-left: 15px;
  padding-bottom: 50px;
}
@media screen and (max-width: 575px) {
  .breadcrumbs {
    padding-left: 0;
  }
  .p-rewards .breadcrumbs {
    padding-left: 15px;
  }
}
@media screen and (max-width: 767px) {
  .breadcrumbs .c-grid {
    padding-left: 0;
    padding-right: 0;
  }
}
.breadcrumbs__wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
@media screen and (max-width: 767px) {
  .breadcrumbs__wrapper {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
}
.breadcrumbs__list {
  position: relative;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  min-height: 41px;
  padding-left: 15px;
  padding-right: 15px;
  background-color: #f4f6f6;
  -webkit-clip-path: polygon(0 0, 100% 2%, 98% 98%, 0 100%);
  clip-path: polygon(0 0, 100% 2%, 98% 98%, 0 100%);
}
@media screen and (max-width: 767px) {
  .breadcrumbs__list {
    padding-left: 5px;
    padding-right: 5px;
  }
}
@media screen and (max-width: 575px) {
  .breadcrumbs__list + .breadcrumbs__list {
    margin-top: 10px;
    margin-bottom: 10px;
  }
}
.breadcrumbs__list:before {
  content: "";
  z-index: -1;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #eef0f7;
  -webkit-clip-path: polygon(0 100%, 85% 65%, 100% 0, 100% 100%);
  clip-path: polygon(0 100%, 85% 65%, 100% 0, 100% 100%);
}
.breadcrumbs__item {
  padding-left: 17px;
  padding-right: 17px;
}
@media screen and (max-width: 767px) {
  .breadcrumbs__item {
    padding-left: 0;
    padding-right: 10px;
  }
}
.breadcrumbs__link {
  color: #282e42;
  line-height: 1;
  text-transform: uppercase;
  -webkit-transition: color 0.3s ease-in-out;
  -o-transition: color 0.3s ease-in-out;
  transition: color 0.3s ease-in-out;
  font-size: 12px;
}
@media screen and (min-width: 320px) {
  .breadcrumbs__link {
    font-size: calc(12px + 2 * (100vw - 320px) / 1120);
  }
}
@media screen and (min-width: 1440px) {
  .breadcrumbs__link {
    font-size: 14px;
  }
}
@media screen and (max-width: 575px) {
  .breadcrumbs__link {
    overflow: hidden;
    white-space: nowrap;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    display: block;
    max-width: 120px;
  }
}
.breadcrumbs__link:hover {
  color: #ff7236;
  -webkit-transition: color 0.3s ease-in-out;
  -o-transition: color 0.3s ease-in-out;
  transition: color 0.3s ease-in-out;
}
.breadcrumbs__icon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  color: #ff7236;
  line-height: 1;
  font-size: 17px;
}
@media screen and (max-width: 767px) {
  .breadcrumbs__icon {
    font-size: 14px;
  }
}
.reply {
  position: relative;
  min-height: 467px;
}
.reply__bg {
  z-index: 0;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: -webkit-linear-gradient(49deg, #ffb45d 0%, #ff7236 99%);
  background-image: -o-linear-gradient(49deg, #ffb45d 0%, #ff7236 99%);
  background-image: linear-gradient(41deg, #ffb45d 0%, #ff7236 99%);
  -webkit-clip-path: polygon(0 13%, 100% 5%, 100% 100%, 0 98%);
  clip-path: polygon(0 13%, 100% 5%, 100% 100%, 0 98%);
}
.reply__bg:before,
.reply__bg:after {
  content: "";
  z-index: -1;
  opacity: 0.21;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  mix-blend-mode: overlay;
  background-color: #000;
}
.reply__bg:before {
  -webkit-clip-path: polygon(0 0, 5% 0, 25% 30%, 0 40%);
  clip-path: polygon(0 0, 5% 0, 25% 30%, 0 40%);
}
.reply__bg:after {
  -webkit-clip-path: polygon(0 100%, 65% 55%, 100% 10%, 100% 100%);
  clip-path: polygon(0 100%, 65% 55%, 100% 10%, 100% 100%);
}
.reply__figure {
  z-index: 0;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.reply__figure img {
  position: absolute;
}
@media screen and (max-width: 767px) {
  .reply__figure img {
    -webkit-transform: scale(0.75);
    -ms-transform: scale(0.75);
    transform: scale(0.75);
  }
}
.reply__figure img:nth-of-type(1) {
  top: -75px;
  right: 10%;
}
@media screen and (max-width: 767px) {
  .reply__figure img:nth-of-type(1) {
    display: none;
  }
}
.reply__figure img:nth-of-type(2) {
  bottom: -55px;
  left: 3%;
}
@media screen and (max-width: 767px) {
  .reply__figure img:nth-of-type(2) {
    left: 0;
  }
}
.reply__figure img:nth-of-type(3) {
  left: 15%;
  bottom: -50px;
}
@media screen and (max-width: 767px) {
  .reply__figure img:nth-of-type(3) {
    left: 20%;
  }
}
.reply__figure img:nth-of-type(4) {
  right: 15%;
  bottom: -30px;
}
.reply__figure img:nth-of-type(5) {
  right: 3%;
  bottom: -25px;
}
@media screen and (max-width: 767px) {
  .reply__figure img:nth-of-type(5) {
    right: 0;
  }
}
.reply .c-grid {
  max-width: 1221px;
}
.reply__wrapper {
  z-index: 2;
  position: relative;
}
.reply__wrapper-0 {
  z-index: 2;
  position: relative;
}
.reply__wrapper-1 {
  z-index: 1;
  position: relative;
  top: -10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.reply__wrapper-left {
  width: 100%;
  max-width: calc(100% - 370px);
}
@media screen and (max-width: 767px) {
  .reply__wrapper-left {
    max-width: 100%;
  }
}
.reply__wrapper-right {
  width: 370px;
}
@media screen and (max-width: 767px) {
  .reply__wrapper-right {
    display: none;
  }
}
.reply__title {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
  max-width: 495px;
  padding-left: 30px;
  background-color: #ffe000;
  -webkit-clip-path: polygon(0 0, 100% 3%, 97% 100%, 3% 96%);
  clip-path: polygon(0 0, 100% 3%, 97% 100%, 3% 96%);
  height: 75px;
}
@media screen and (min-width: 320px) {
  .reply__title {
    height: calc(75px + 25 * (100vw - 320px) / 1120);
  }
}
@media screen and (min-width: 1440px) {
  .reply__title {
    height: 100px;
  }
}
.reply__title:before {
  content: "";
  z-index: -1;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #e1be1c;
  -webkit-clip-path: polygon(0 100%, 75% 15%, 100% 0, 100% 100%, 0 100%);
  clip-path: polygon(0 100%, 75% 15%, 100% 0, 100% 100%, 0 100%);
}
.reply__title .icon-font {
  color: #fff;
  font-size: 20px;
}
@media screen and (min-width: 320px) {
  .reply__title .icon-font {
    font-size: calc(20px + 15 * (100vw - 320px) / 1120);
  }
}
@media screen and (min-width: 1440px) {
  .reply__title .icon-font {
    font-size: 35px;
  }
}
.reply__title h3 {
  padding-left: 10px;
  color: #fff;
  line-height: 1;
  text-transform: uppercase;
  text-shadow: 0 10px 9px rgba(0, 0, 0, 0.017);
  font-size: 30px;
}
@media screen and (min-width: 320px) {
  .reply__title h3 {
    font-size: calc(30px + 18 * (100vw - 320px) / 1120);
  }
}
@media screen and (min-width: 1440px) {
  .reply__title h3 {
    font-size: 48px;
  }
}
.reply__row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}
@media screen and (max-width: 424px) {
  .reply__row {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding-bottom: 30px;
  }
  .reply__row button,
  .reply__row a {
    width: 100%;
    max-width: 100%;
  }
}
.reply__row .c-form__field {
  margin-bottom: 0;
  margin-right: 15px;
}
@media screen and (max-width: 424px) {
  .reply__row .c-form__field {
    width: 100%;
    max-width: 100%;
    margin-right: 0;
    margin-bottom: 10px;
  }
}
.comments {
  padding-bottom: 100px;
}
.comments .c-grid {
  max-width: 1295px;
}
.comments__wrapper-2 {
  padding-bottom: 31px;
  padding-top: 55px;
}
@media screen and (min-width: 320px) {
  .comments__wrapper-2 {
    padding-top: calc(55px + -25 * (100vw - 320px) / 1120);
  }
}
@media screen and (min-width: 1440px) {
  .comments__wrapper-2 {
    padding-top: 30px;
  }
}
.comments__header {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  min-height: 118px;
  padding-left: 31px;
}
.comments__header:after {
  content: "";
  z-index: 0;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 3px;
  background-color: #1ac2fe;
  -webkit-clip-path: polygon(0 0, 100% 5%, 99% 100%, 1% 95%);
  clip-path: polygon(0 0, 100% 5%, 99% 100%, 1% 95%);
}
.comments__header .icon-font {
  color: #273c43;
  font-size: 20px;
}
@media screen and (min-width: 320px) {
  .comments__header .icon-font {
    font-size: calc(20px + 15 * (100vw - 320px) / 1120);
  }
}
@media screen and (min-width: 1440px) {
  .comments__header .icon-font {
    font-size: 35px;
  }
}
.comments__header h3 {
  padding-left: 10px;
  color: #273c43;
  text-transform: uppercase;
  font-size: 30px;
}
@media screen and (min-width: 320px) {
  .comments__header h3 {
    font-size: calc(30px + 18 * (100vw - 320px) / 1120);
  }
}
@media screen and (min-width: 1440px) {
  .comments__header h3 {
    font-size: 48px;
  }
}
.comments__body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  padding-top: 46px;
}
.comments__messages {
  overflow: hidden;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  width: 100%;
  min-height: 189px;
  margin-bottom: 31px;
  margin-left: auto;
  padding: 27px 14px;
  background-color: #edf9fd;
  -webkit-clip-path: polygon(0 0, 100% 1%, 99% 97%, 1% 98%);
  clip-path: polygon(0 0, 100% 1%, 99% 97%, 1% 98%);
}
@media screen and (max-width: 575px) {
  .comments__messages {
    padding: 30px 15px;
  }
}
.comments__messages-figure {
  z-index: 0;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.comments__messages-figure img {
  position: absolute;
}
.comments__messages-figure img:nth-of-type(1) {
  top: -10px;
  left: 15%;
}
.comments__messages-figure img:nth-of-type(2) {
  bottom: 0;
  left: 10px;
}
.comments__messages--main {
  max-width: calc(100% - (12px + 43px));
}
@media screen and (max-width: 767px) {
  .comments__messages--main {
    max-width: 100%;
  }
}
.comments__messages--additional {
  max-width: calc(100% - (104px + 43px));
}
@media screen and (max-width: 767px) {
  .comments__messages--additional {
    max-width: calc(100% - (45px));
  }
}
@media screen and (max-width: 575px) {
  .comments__messages--additional {
    max-width: calc(100% - (30px));
  }
}
.comments__messages-left,
.comments__messages-right {
  z-index: 1;
  position: relative;
}
.comments__messages-left {
  width: 116px;
}
@media screen and (max-width: 575px) {
  .comments__messages-left {
    width: 79px;
    padding-top: 34px;
  }
}
.comments__messages-right {
  width: 100%;
  max-width: calc(100% - 116px);
}
@media screen and (max-width: 575px) {
  .comments__messages-right {
    max-width: calc(100% - 79px);
    padding-top: 34px;
  }
}
.comments__messages-bottom {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  width: 100%;
  max-width: 100%;
  padding: 15px;
}
.comments__messages-bottom a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 100%;
  max-width: 75px;
  height: 35px;
  background-color: #daf0f8;
  -webkit-clip-path: polygon(0 0, 100% 2%, 99% 97%, 1% 98%);
  clip-path: polygon(0 0, 100% 2%, 99% 97%, 1% 98%);
  color: #273c43;
  font-size: 18px;
  text-transform: uppercase;
  -webkit-transition: -webkit-clip-path 0.3s ease-in-out;
  transition: -webkit-clip-path 0.3s ease-in-out;
  -o-transition: clip-path 0.3s ease-in-out;
  transition: clip-path 0.3s ease-in-out;
  transition: clip-path 0.3s ease-in-out, -webkit-clip-path 0.3s ease-in-out;
}
.comments__messages-bottom a:nth-of-type(1) {
  margin-right: 5px;
}
.comments__messages-bottom a:hover {
  -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
  clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
  -webkit-transition: -webkit-clip-path 0.3s ease-in-out;
  transition: -webkit-clip-path 0.3s ease-in-out;
  -o-transition: clip-path 0.3s ease-in-out;
  transition: clip-path 0.3s ease-in-out;
  transition: clip-path 0.3s ease-in-out, -webkit-clip-path 0.3s ease-in-out;
}
.comments__messages-badge {
  z-index: 1;
  position: absolute;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  top: 0;
  right: 0;
  width: 100%;
  max-width: 165px;
  height: 49px;
  background-color: #daf0f8;
  -webkit-clip-path: polygon(0 0, 100% 2%, 99% 97%, 1% 98%);
  clip-path: polygon(0 0, 100% 2%, 99% 97%, 1% 98%);
}
@media screen and (min-width: 320px) {
  .comments__messages-badge {
    max-width: calc(165px + 30 * (100vw - 320px) / 1120);
  }
}
@media screen and (min-width: 1440px) {
  .comments__messages-badge {
    max-width: 195px;
  }
}
@media screen and (min-width: 320px) {
  .comments__messages-badge {
    height: calc(49px + 31 * (100vw - 320px) / 1120);
  }
}
@media screen and (min-width: 1440px) {
  .comments__messages-badge {
    height: 80px;
  }
}
.comments__messages-badge > a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 50%;
  height: 100%;
  color: #273c43;
  font-size: 18px;
  font-weight: 700;
  font-family: "Ubuntu", sans-serif;
}
.comments__messages-badge > a .icon-font {
  position: relative;
  font-size: 20px;
}
.comments__messages-badge > a .icon-like {
  top: -4px;
}
.comments__messages-badge > a .icon-dislike {
  bottom: -3px;
}
.comments__messages-badge > a span {
  padding-left: 5px;
}
.comments__messages-photo {
  overflow: hidden;
  position: relative;
  width: 84px;
  height: 84px;
  border: 3px solid #fff;
}
@media screen and (max-width: 575px) {
  .comments__messages-photo {
    width: 64px;
    height: 64px;
  }
}
.comments__messages-photo img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
}
.comments__messages-name {
  padding-bottom: 15px;
  line-height: 1;
  font-size: 20px;
}
@media screen and (min-width: 320px) {
  .comments__messages-name {
    font-size: calc(20px + 4 * (100vw - 320px) / 1120);
  }
}
@media screen and (min-width: 1440px) {
  .comments__messages-name {
    font-size: 24px;
  }
}
.comments__messages-time {
  padding-bottom: 22px;
  color: #bfbfbf;
  line-height: 1;
  font-family: "Ubuntu", sans-serif;
  font-size: 14px;
}
@media screen and (min-width: 320px) {
  .comments__messages-time {
    font-size: calc(14px + 2 * (100vw - 320px) / 1120);
  }
}
@media screen and (min-width: 1440px) {
  .comments__messages-time {
    font-size: 16px;
  }
}
.comments__messages-text {
  color: #657782;
  line-height: 1.66667;
  font-weight: 300;
  font-family: "Ubuntu", sans-serif;
  font-size: 16px;
}
@media screen and (min-width: 320px) {
  .comments__messages-text {
    font-size: calc(16px + 2 * (100vw - 320px) / 1120);
  }
}
@media screen and (min-width: 1440px) {
  .comments__messages-text {
    font-size: 18px;
  }
}
.latest {
  min-height: 820px;
  margin-top: 77px;
  margin-bottom: 12px;
}
@media screen and (max-width: 575px) {
  .latest {
    min-height: 0;
  }
}
.latest:after {
  background-color: #e6f3f8;
  -webkit-clip-path: polygon(0 0, 100% 1%, 98% 98%, 3% 100%);
  clip-path: polygon(0 0, 100% 1%, 98% 98%, 3% 100%);
}
.latest__figure img:nth-of-type(1) {
  top: -5px;
  right: -10px;
}
.latest__figure img:nth-of-type(2) {
  bottom: 0;
  right: 0;
}
.latest__wrapper {
  padding: 33px 0 31px;
}
.latest__btn {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 100%;
  height: 54px;
  -webkit-transform: translateX(-11px) translateY(7px);
  -ms-transform: translateX(-11px) translateY(7px);
  transform: translateX(-11px) translateY(7px);
  -webkit-transition: -webkit-transform 0.3s ease-in-out;
  transition: -webkit-transform 0.3s ease-in-out;
  -o-transition: transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
}
.latest__btn-0 {
  z-index: 1;
  max-width: 147px;
}
.latest__btn-0:after {
  -webkit-clip-path: polygon(0 0, 100% 1%, 98% 98%, 3% 100%);
  clip-path: polygon(0 0, 100% 1%, 98% 98%, 3% 100%);
}
.latest__btn-1 {
  z-index: 0;
  max-width: 180px;
}
.latest__btn-1:after {
  -webkit-clip-path: polygon(7% 3%, 100% 0, 97% 97%, 0 100%);
  clip-path: polygon(7% 3%, 100% 0, 97% 97%, 0 100%);
}
.latest__btn:hover:after {
  -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
  clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
  -webkit-transition: -webkit-clip-path 0.3s ease-in-out;
  transition: -webkit-clip-path 0.3s ease-in-out;
  -o-transition: clip-path 0.3s ease-in-out;
  transition: clip-path 0.3s ease-in-out;
  transition: clip-path 0.3s ease-in-out, -webkit-clip-path 0.3s ease-in-out;
}
.latest__btn:hover .icon-btn-arrow {
  -webkit-transform: translateY(-10px);
  -ms-transform: translateY(-10px);
  transform: translateY(-10px);
  -webkit-transition: -webkit-transform 0.3s ease-in-out;
  transition: -webkit-transform 0.3s ease-in-out;
  -o-transition: transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
}
.latest__btn:after {
  content: "";
  z-index: 0;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #edf9fd;
  -webkit-transition: background-color 0.3s ease-in-out,
    -webkit-clip-path 0.3s ease-in-out;
  transition: background-color 0.3s ease-in-out,
    -webkit-clip-path 0.3s ease-in-out;
  -o-transition: background-color 0.3s ease-in-out, clip-path 0.3s ease-in-out;
  transition: background-color 0.3s ease-in-out, clip-path 0.3s ease-in-out;
  transition: background-color 0.3s ease-in-out, clip-path 0.3s ease-in-out,
    -webkit-clip-path 0.3s ease-in-out;
}
.latest__btn > div {
  z-index: 1;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.latest__btn span {
  padding-top: 3px;
  line-height: 1;
  text-transform: uppercase;
  color: #1ac2fe;
  -webkit-transition: color 0.3s ease-in-out;
  -o-transition: color 0.3s ease-in-out;
  transition: color 0.3s ease-in-out;
  font-size: 19px;
}
@media screen and (min-width: 320px) {
  .latest__btn span {
    font-size: calc(19px + 5 * (100vw - 320px) / 448);
  }
}
@media screen and (min-width: 768px) {
  .latest__btn span {
    font-size: 24px;
  }
}
.latest__btn .icon-btn-arrow {
  z-index: 0;
  position: absolute;
  bottom: -20px;
  left: 0;
  right: 0;
  width: 26px;
  margin-left: auto;
  margin-right: auto;
  color: #edf9fd;
  font-size: 40px;
  -webkit-transform: translateY(-20px);
  -ms-transform: translateY(-20px);
  transform: translateY(-20px);
  -webkit-transition: -webkit-transform 0.3s ease-in-out;
  transition: -webkit-transform 0.3s ease-in-out;
  -o-transition: transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
}
.latest__btn .icon-grid,
.latest__btn .icon-table,
.latest__btn .icon-star,
.latest__btn .icon-bubble {
  margin-right: 11px;
  color: #1ac2fe;
  -webkit-transition: color 0.3s ease-in-out;
  -o-transition: color 0.3s ease-in-out;
  transition: color 0.3s ease-in-out;
}
.latest__btn .icon-grid,
.latest__btn .icon-table {
  font-size: 16px;
}
@media screen and (min-width: 320px) {
  .latest__btn .icon-grid,
  .latest__btn .icon-table {
    font-size: calc(16px + 2 * (100vw - 320px) / 448);
  }
}
@media screen and (min-width: 768px) {
  .latest__btn .icon-grid,
  .latest__btn .icon-table {
    font-size: 18px;
  }
}
.latest__btn .icon-star {
  font-size: 21px;
}
@media screen and (min-width: 320px) {
  .latest__btn .icon-star {
    font-size: calc(21px + 5 * (100vw - 320px) / 448);
  }
}
@media screen and (min-width: 768px) {
  .latest__btn .icon-star {
    font-size: 26px;
  }
}
.latest__btn .icon-bubble {
  font-size: 17px;
}
@media screen and (min-width: 320px) {
  .latest__btn .icon-bubble {
    font-size: calc(17px + 2 * (100vw - 320px) / 448);
  }
}
@media screen and (min-width: 768px) {
  .latest__btn .icon-bubble {
    font-size: 19px;
  }
}
.latest__btn.is-active {
  -webkit-transform: translateX(0) translateY(0);
  -ms-transform: translateX(0) translateY(0);
  transform: translateX(0) translateY(0);
  -webkit-transition: -webkit-transform 0.3s ease-in-out;
  transition: -webkit-transform 0.3s ease-in-out;
  -o-transition: transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
}
.latest__btn.is-active:hover .icon-btn-arrow {
  -webkit-transform: translateY(-10px);
  -ms-transform: translateY(-10px);
  transform: translateY(-10px);
  -webkit-transition: -webkit-transform 0.3s ease-in-out;
  transition: -webkit-transform 0.3s ease-in-out;
  -o-transition: transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
}
.latest__btn.is-active:after {
  background-color: #fe23a9;
  -webkit-transition: background-color 0.3s ease-in-out,
    -webkit-clip-path 0.3s ease-in-out;
  transition: background-color 0.3s ease-in-out,
    -webkit-clip-path 0.3s ease-in-out;
  -o-transition: background-color 0.3s ease-in-out, clip-path 0.3s ease-in-out;
  transition: background-color 0.3s ease-in-out, clip-path 0.3s ease-in-out;
  transition: background-color 0.3s ease-in-out, clip-path 0.3s ease-in-out,
    -webkit-clip-path 0.3s ease-in-out;
}
.latest__btn.is-active .icon-btn-arrow {
  color: #fe23a9;
  -webkit-transform: translateY(5px);
  -ms-transform: translateY(5px);
  transform: translateY(5px);
  -webkit-transition: color 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
  transition: color 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
  -o-transition: transform 0.3s ease-in-out, color 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out, color 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out, color 0.3s ease-in-out,
    -webkit-transform 0.3s ease-in-out;
}
.latest__btn.is-active .icon-grid,
.latest__btn.is-active .icon-table,
.latest__btn.is-active .icon-star,
.latest__btn.is-active .icon-bubble,
.latest__btn.is-active span {
  color: #fff;
  -webkit-transition: color 0.3s ease-in-out;
  -o-transition: color 0.3s ease-in-out;
  transition: color 0.3s ease-in-out;
}
.latest__btn-wrapper {
  position: absolute;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  top: -71px;
  left: 0;
  width: 100%;
  height: 77px;
  padding: 24px 11px 0;
}
.latest__block,
.latest__comment {
  -webkit-animation-name: c-slideInLeft;
  animation-name: c-slideInLeft;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-duration: 0.4s;
  animation-duration: 0.4s;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
}
.latest__block-wrapper,
.latest__comment-wrapper {
  overflow: hidden;
  display: none;
  padding: 0 25px;
}
@media screen and (max-width: 575px) {
  .latest__block-wrapper,
  .latest__comment-wrapper {
    padding: 0 15px;
  }
}
.latest__block-wrapper.is-active,
.latest__comment-wrapper.is-active {
  display: block;
}
.latest__block-wrapper.is-active .latest__block:nth-of-type(1),
.latest__comment-wrapper.is-active .latest__block:nth-of-type(1) {
  -webkit-animation-delay: 0.1s;
  animation-delay: 0.1s;
}
.latest__block-wrapper.is-active .latest__block:nth-of-type(2),
.latest__comment-wrapper.is-active .latest__block:nth-of-type(2) {
  -webkit-animation-delay: 0.2s;
  animation-delay: 0.2s;
}
.latest__block-wrapper.is-active .latest__block:nth-of-type(3),
.latest__comment-wrapper.is-active .latest__block:nth-of-type(3) {
  -webkit-animation-delay: 0.3s;
  animation-delay: 0.3s;
}
.latest__block-wrapper.is-active .latest__block:nth-of-type(4),
.latest__comment-wrapper.is-active .latest__block:nth-of-type(4) {
  -webkit-animation-delay: 0.4s;
  animation-delay: 0.4s;
}
.latest__block-wrapper.is-active .latest__block:nth-of-type(5),
.latest__comment-wrapper.is-active .latest__block:nth-of-type(5) {
  -webkit-animation-delay: 0.5s;
  animation-delay: 0.5s;
}
.latest__block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  min-height: 136px;
  margin-bottom: 19px;
}
@media screen and (max-width: 575px) {
  .latest__block {
    min-height: 0;
  }
}
.latest__block--legendary .latest__block-photo {
  background-color: #e38748;
}
.latest__block--legendary .latest__block-photo > div {
  background-image: -webkit-radial-gradient(#ea8d23, #c04d1f);
  background-image: -o-radial-gradient(#ea8d23, #c04d1f);
  background-image: radial-gradient(#ea8d23, #c04d1f);
}
.latest__block--epic .latest__block-photo {
  background-color: #b04eec;
}
.latest__block--epic .latest__block-photo > div {
  background-image: -webkit-radial-gradient(#c359ff, #701fe5);
  background-image: -o-radial-gradient(#c359ff, #701fe5);
  background-image: radial-gradient(#c359ff, #701fe5);
}
.latest__block--rare .latest__block-photo {
  background-color: #3ad6ff;
}
.latest__block--rare .latest__block-photo > div {
  background-image: -webkit-radial-gradient(#2cc1ff, #215dc2);
  background-image: -o-radial-gradient(#2cc1ff, #215dc2);
  background-image: radial-gradient(#2cc1ff, #215dc2);
}
.latest__block--uncommon .latest__block-photo {
  background-color: #8fee3b;
}
.latest__block--uncommon .latest__block-photo > div {
  background-image: -webkit-radial-gradient(#69bb1e, #227622);
  background-image: -o-radial-gradient(#69bb1e, #227622);
  background-image: radial-gradient(#69bb1e, #227622);
}
.latest__block--default .latest__block-photo {
  background-color: #bebebe;
}
.latest__block--default .latest__block-photo > div {
  background-image: -webkit-radial-gradient(#bebebe, #848282);
  background-image: -o-radial-gradient(#bebebe, #848282);
  background-image: radial-gradient(#bebebe, #848282);
}
.latest__block:last-of-type {
  margin-bottom: 0;
}
.latest__block-left {
  width: 158px;
}
@media screen and (max-width: 575px) {
  .latest__block-left {
    width: 128px;
  }
}
.latest__block-right {
  width: 100%;
  max-width: calc(100% - 158px);
  padding-top: 20px;
}
@media screen and (max-width: 575px) {
  .latest__block-right {
    max-width: calc(100% - 128px);
  }
}
.latest__block-photo {
  cursor: pointer;
  overflow: hidden;
  z-index: 1;
  position: relative;
  top: 0;
  left: 0;
  width: 138px;
  height: 126px;
  background-color: #fff;
  -webkit-clip-path: polygon(0 0, 100% 3%, 97% 95%, 5% 100%);
  clip-path: polygon(0 0, 100% 3%, 97% 95%, 5% 100%);
  -webkit-box-shadow: 0 10px 18px 0 rgba(0, 0, 0, 0.08);
  box-shadow: 0 10px 18px 0 rgba(0, 0, 0, 0.08);
}
@media screen and (max-width: 575px) {
  .latest__block-photo {
    width: 108px;
    height: 106px;
  }
}
.latest__block-photo:hover img {
  -webkit-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
  -webkit-transition: -webkit-transform 0.3s ease-in-out;
  transition: -webkit-transform 0.3s ease-in-out;
  -o-transition: transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
}
.latest__block-photo:hover > div:after {
  opacity: 1;
  -webkit-transition: opacity 0.3s ease-in-out;
  -o-transition: opacity 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out;
}
.latest__block-photo > div {
  position: absolute;
  top: 4px;
  left: 4px;
  width: calc(100% - 8px);
  height: calc(100% - 8px);
  -webkit-clip-path: polygon(0 0, 100% 3%, 97% 95%, 5% 100%);
  clip-path: polygon(0 0, 100% 3%, 97% 95%, 5% 100%);
}
.latest__block-photo > div:after {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.latest__block-photo > div:after {
  opacity: 0;
  background: -webkit-radial-gradient(
    center,
    200px,
    rgba(255, 255, 255, 0.3),
    rgba(255, 255, 255, 0.05)
  );
  background: -o-radial-gradient(
    center,
    200px,
    rgba(255, 255, 255, 0.3),
    rgba(255, 255, 255, 0.05)
  );
  background: radial-gradient(
    200px at center,
    rgba(255, 255, 255, 0.3),
    rgba(255, 255, 255, 0.05)
  );
  -webkit-transition: opacity 0.3s ease-in-out;
  -o-transition: opacity 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out;
}
.latest__block-photo img {
  display: block;
  max-width: 100%;
  max-height: 100%;
  margin-left: auto;
  margin-right: auto;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transform-origin: center;
  -ms-transform-origin: center;
  transform-origin: center;
  -webkit-transition: -webkit-transform 0.3s ease-in-out;
  transition: -webkit-transform 0.3s ease-in-out;
  -o-transition: transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
}
.latest__block-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding-bottom: 12px;
}
@media screen and (max-width: 575px) {
  .latest__block-header {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
}
.latest__block-header span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 43px;
  height: 33px;
  background-color: #1ac2fe;
  -webkit-clip-path: polygon(0 5%, 100% 0, 97% 95%, 5% 100%);
  clip-path: polygon(0 5%, 100% 0, 97% 95%, 5% 100%);
  color: #fff;
  text-transform: uppercase;
  font-size: 14px;
}
.latest__block-title {
  color: #273c43;
  font-size: 24px;
  padding-right: 5px;
  font-size: 19px;
}
@media screen and (min-width: 320px) {
  .latest__block-title {
    font-size: calc(19px + 5 * (100vw - 320px) / 448);
  }
}
@media screen and (min-width: 768px) {
  .latest__block-title {
    font-size: 24px;
  }
}
@media screen and (max-width: 575px) {
  .latest__block-title {
    width: 100%;
    max-width: calc(100% - 43px);
  }
}
.latest__block-desc,
.latest__block-data {
  color: #273c43;
  font-family: "Rajdhani", sans-serif;
}
.latest__block-desc {
  line-height: 1.2;
  font-weight: 600;
  font-size: 14px;
}
@media screen and (min-width: 320px) {
  .latest__block-desc {
    font-size: calc(14px + 2 * (100vw - 320px) / 448);
  }
}
@media screen and (min-width: 768px) {
  .latest__block-desc {
    font-size: 16px;
  }
}
.latest__block-data {
  font-size: 12px;
}
@media screen and (min-width: 320px) {
  .latest__block-data {
    font-size: calc(12px + 2 * (100vw - 320px) / 448);
  }
}
@media screen and (min-width: 768px) {
  .latest__block-data {
    font-size: 14px;
  }
}
@-webkit-keyframes c-slideInLeft {
  from {
    opacity: 0;
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
  }
  to {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}
@keyframes c-slideInLeft {
  from {
    opacity: 0;
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
  }
  to {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}
.top {
  margin-top: 30px;
}
.top + .top {
  margin-top: 60px;
}
.top:after {
  background-image: -webkit-linear-gradient(49deg, #ffb45d 0%, #ff7236 99%);
  background-image: -o-linear-gradient(49deg, #ffb45d 0%, #ff7236 99%);
  background-image: linear-gradient(41deg, #ffb45d 0%, #ff7236 99%);
  -webkit-clip-path: polygon(0 0, 100% 2%, 98% 98%, 3% 100%);
  clip-path: polygon(0 0, 100% 2%, 98% 98%, 3% 100%);
}
.top__figure img:nth-of-type(1) {
  top: -30px;
  right: 10px;
}
.top__figure img:nth-of-type(2) {
  bottom: -50px;
  right: 20px;
}
.top__wrapper {
  padding: 50px 22px 27px;
}
@media screen and (max-width: 424px) {
  .top__wrapper {
    padding-left: 15px;
    padding-right: 15px;
  }
}
.top__title {
  z-index: 3;
  position: absolute;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  top: -30px;
  left: 28px;
  min-width: 203px;
  height: 65px;
  padding-left: 10px;
  padding-right: 30px;
  background-color: #ffd600;
  -webkit-box-shadow: 0 10px 18px 0 rgba(0, 0, 0, 0.08);
  box-shadow: 0 10px 18px 0 rgba(0, 0, 0, 0.08);
  -webkit-clip-path: polygon(0 5%, 98% 0, 100% 100%, 0 90%);
  clip-path: polygon(0 5%, 98% 0, 100% 100%, 0 90%);
  color: #fff;
  line-height: 1;
  text-transform: uppercase;
  font-size: 36px;
  font-size: 27px;
}
@media screen and (min-width: 320px) {
  .top__title {
    font-size: calc(27px + 6 * (100vw - 320px) / 448);
  }
}
@media screen and (min-width: 768px) {
  .top__title {
    font-size: 33px;
  }
}
.top__block {
  position: relative;
  min-height: 103px;
  margin-bottom: 5px;
}
.top__block--legendary .top__block-photo {
  background-color: #e38748;
}
.top__block--legendary .top__block-photo > div {
  background-image: -webkit-radial-gradient(#ea8d23, #c04d1f);
  background-image: -o-radial-gradient(#ea8d23, #c04d1f);
  background-image: radial-gradient(#ea8d23, #c04d1f);
}
.top__block--epic .top__block-photo {
  background-color: #b04eec;
}
.top__block--epic .top__block-photo > div {
  background-image: -webkit-radial-gradient(#c359ff, #701fe5);
  background-image: -o-radial-gradient(#c359ff, #701fe5);
  background-image: radial-gradient(#c359ff, #701fe5);
}
.top__block--rare .top__block-photo {
  background-color: #3ad6ff;
}
.top__block--rare .top__block-photo > div {
  background-image: -webkit-radial-gradient(#2cc1ff, #215dc2);
  background-image: -o-radial-gradient(#2cc1ff, #215dc2);
  background-image: radial-gradient(#2cc1ff, #215dc2);
}
.top__block--uncommon .top__block-photo {
  background-color: #8fee3b;
}
.top__block--uncommon .top__block-photo > div {
  background-image: -webkit-radial-gradient(#69bb1e, #227622);
  background-image: -o-radial-gradient(#69bb1e, #227622);
  background-image: radial-gradient(#69bb1e, #227622);
}
.top__block--default .top__block-photo {
  background-color: #bebebe;
}
.top__block--default .top__block-photo > div {
  background-image: -webkit-radial-gradient(#bebebe, #848282);
  background-image: -o-radial-gradient(#bebebe, #848282);
  background-image: radial-gradient(#bebebe, #848282);
}
.top__block:last-of-type {
  margin-bottom: 0;
}
.top__block-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}
.top__block-photo {
  cursor: pointer;
  overflow: hidden;
  z-index: 1;
  position: absolute;
  top: 0;
  left: 0;
  width: 95px;
  height: 87px;
  background-color: #fff;
  -webkit-clip-path: polygon(0 0, 100% 3%, 97% 95%, 5% 100%);
  clip-path: polygon(0 0, 100% 3%, 97% 95%, 5% 100%);
}
.top__block-photo:hover img {
  -webkit-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transform-origin: center;
  -ms-transform-origin: center;
  transform-origin: center;
  -webkit-transition: -webkit-transform 0.3s ease-in-out;
  transition: -webkit-transform 0.3s ease-in-out;
  -o-transition: transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
}
.top__block-photo:hover > div:after {
  opacity: 1;
  -webkit-transition: opacity 0.3s ease-in-out;
  -o-transition: opacity 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out;
}
.top__block-photo > div {
  position: absolute;
  top: 4px;
  left: 4px;
  width: calc(100% - 8px);
  height: calc(100% - 8px);
  -webkit-clip-path: polygon(0 0, 100% 3%, 97% 95%, 5% 100%);
  clip-path: polygon(0 0, 100% 3%, 97% 95%, 5% 100%);
}
.top__block-photo > div:after {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.top__block-photo > div:after {
  opacity: 0;
  background: -webkit-radial-gradient(
    center,
    200px,
    rgba(255, 255, 255, 0.3),
    rgba(255, 255, 255, 0.05)
  );
  background: -o-radial-gradient(
    center,
    200px,
    rgba(255, 255, 255, 0.3),
    rgba(255, 255, 255, 0.05)
  );
  background: radial-gradient(
    200px at center,
    rgba(255, 255, 255, 0.3),
    rgba(255, 255, 255, 0.05)
  );
  -webkit-transition: opacity 0.3s ease-in-out;
  -o-transition: opacity 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out;
}
.top__block-photo img {
  display: block;
  max-width: 100%;
  max-height: 100%;
  margin-left: auto;
  margin-right: auto;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transform-origin: center;
  -ms-transform-origin: center;
  transform-origin: center;
  -webkit-transition: -webkit-transform 0.3s ease-in-out;
  transition: -webkit-transform 0.3s ease-in-out;
  -o-transition: transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
}
.top__block-content {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  max-width: calc(100% - 45px);
  min-height: 94px;
  margin-left: 45px;
  margin-top: 9px;
}
.top__block-content:before {
  content: "";
  z-index: -1;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #ffb45d;
  -webkit-clip-path: polygon(0 0, 100% 0, 97% 97%, 3% 100%);
  clip-path: polygon(0 0, 100% 0, 97% 97%, 3% 100%);
}
.top__block-content > div:nth-of-type(1) {
  padding-left: 14px;
  width: 101px;
}
.top__block-content > div:nth-of-type(2) {
  width: 100%;
  max-width: calc(100% - 101px);
}
.top__block-num {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  width: 78px;
  height: 65px;
  padding-right: 11px;
  background-color: #fcdb90;
  -webkit-clip-path: polygon(0 0, 100% 0, 96% 97%, 3% 100%);
  clip-path: polygon(0 0, 100% 0, 96% 97%, 3% 100%);
}
.top__block-num span {
  color: #eea341;
  font-size: 30px;
}
@media screen and (min-width: 320px) {
  .top__block-num span {
    font-size: calc(30px + 6 * (100vw - 320px) / 448);
  }
}
@media screen and (min-width: 768px) {
  .top__block-num span {
    font-size: 36px;
  }
}
.top__block-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  padding-bottom: 8px;
}
@media screen and (max-width: 575px) {
  .top__block-header {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
}
.top__block-header > div:nth-of-type(1) {
  width: 100%;
  max-width: calc(100% - 100px);
  padding-right: 5px;
}
@media screen and (max-width: 575px) {
  .top__block-header > div:nth-of-type(1) {
    max-width: 100%;
    padding-right: 0;
  }
}
.top__block-header > div:nth-of-type(2) {
  width: 100px;
}
.top__block-header h4 {
  padding-top: 13px;
  color: #fff;
  line-height: 1;
  text-transform: uppercase;
  font-size: 16px;
}
@media screen and (max-width: 575px) {
  .top__block-header h4 {
    padding-top: 41px;
    font-size: 14px;
  }
}
.top__block-badge {
  z-index: 1;
  position: absolute;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  top: 0;
  right: 0;
  width: 100%;
  max-width: 100px;
  height: 31px;
  background-color: #ffd600;
  -webkit-clip-path: polygon(0 0, 100% 2%, 99% 97%, 1% 98%);
  clip-path: polygon(0 0, 100% 2%, 99% 97%, 1% 98%);
}
.top__block-badge > span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 50%;
  height: 100%;
  color: #fff;
  font-size: 14px;
  font-weight: 700;
  font-family: "Ubuntu", sans-serif;
}
@media screen and (max-width: 575px) {
  .top__block-badge > span {
    font-size: 12px;
  }
}
.top__block-badge > span .icon-font {
  position: relative;
  font-size: 14px;
}
@media screen and (max-width: 575px) {
  .top__block-badge > span .icon-font {
    font-size: 12px;
  }
}
.top__block-badge > span .icon-like {
  top: -3px;
}
.top__block-badge > span .icon-dislike {
  bottom: -2px;
}
.top__block-badge > span span {
  padding-left: 3px;
}
.top__block-desc {
  padding-bottom: 5px;
  color: #fff;
  font-size: 14px;
  font-family: "Ubuntu", sans-serif;
}
@media screen and (max-width: 575px) {
  .top__block-desc {
    padding-right: 10px;
    padding-bottom: 10px;
    font-size: 12px;
  }
}
.top__block-desc .combos__block {
  width: 42px;
  height: 42px;
  margin-right: auto;
}
.top__block-desc .combos__block-badge {
  top: -2px;
  left: -2px;
  width: 15px;
  height: 15px;
}
.top__block-desc .combos__block-badge i {
  -webkit-transform: scale(0.25);
  -ms-transform: scale(0.25);
  transform: scale(0.25);
}
.top__block-desc .combos__block-top {
  border-width: 2px;
}
.top__block-desc .combos__block--empty {
  background-color: #bebebe;
}
.top__block-desc .combos__block--empty p {
  font-size: 22px;
  font-family: "Anton", sans-serif;
}
.top__block-desc .cm-skin__wrapper {
  position: relative;
  left: -5px;
}
.top__block-desc .cm-skin__wrapper > div {
  width: calc(100% / 4);
  padding: 0;
}
.royal {
  margin-bottom: 42px;
  margin-top: 21px;
}
.royal:after {
  background-color: #f4f6f6;
  -webkit-clip-path: polygon(0 0, 100% 2%, 98% 98%, 3% 100%);
  clip-path: polygon(0 0, 100% 2%, 98% 98%, 3% 100%);
}
.royal__figure img:nth-of-type(1) {
  top: -5px;
  right: 10%;
}
.royal__figure img:nth-of-type(2) {
  top: 60%;
  right: -30px;
}
.royal__figure img:nth-of-type(3) {
  left: 3%;
  bottom: -30px;
}
.royal__header {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  min-height: 70px;
  padding-left: 25px;
  padding-right: 5px;
}
.royal__header:after {
  content: "";
  z-index: 0;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  width: calc(100% - 40px);
  height: 7px;
  margin-left: auto;
  margin-right: auto;
  background-color: #1ac2fe;
  -webkit-clip-path: polygon(0 0, 100% 50%, 99% 100%, 1% 50%);
  clip-path: polygon(0 0, 100% 50%, 99% 100%, 1% 50%);
}
.royal__header > div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.royal__header > div:nth-of-type(1) {
  width: 100%;
  max-width: calc(100% - 85px);
}
.royal__header > div:nth-of-type(1) > div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
@media screen and (max-width: 575px) {
  .royal__header > div:nth-of-type(1) > div {
    padding-top: 5px;
    padding-bottom: 5px;
  }
}
.royal__header > div:nth-of-type(1) > div i {
  margin-right: 15px;
}
.royal__header > div:nth-of-type(1) > div h3 {
  color: #273c43;
  text-transform: uppercase;
  font-size: 28px;
  font-size: 22px;
}
@media screen and (min-width: 320px) {
  .royal__header > div:nth-of-type(1) > div h3 {
    font-size: calc(22px + 6 * (100vw - 320px) / 448);
  }
}
@media screen and (min-width: 768px) {
  .royal__header > div:nth-of-type(1) > div h3 {
    font-size: 28px;
  }
}
.royal__header > div:nth-of-type(2) {
  width: 85px;
}
.royal__header span {
  color: #657782;
  font-family: "Ubuntu", sans-serif;
  font-size: 12px;
}
@media screen and (min-width: 320px) {
  .royal__header span {
    font-size: calc(12px + 2 * (100vw - 320px) / 448);
  }
}
@media screen and (min-width: 768px) {
  .royal__header span {
    font-size: 14px;
  }
}
.royal__body {
  padding-top: 10px;
  padding-bottom: 10px;
}
.royal__footer {
  position: relative;
  padding-top: 25px;
}
.royal__footer a {
  position: absolute;
  top: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  margin-left: auto;
  margin-right: auto;
}
.royal__block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 16px;
}
.royal__block:last-of-type {
  margin-bottom: 0;
}
.royal__block-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  padding: 0 22px;
}
.royal__block-left {
  width: 130px;
}
@media screen and (max-width: 575px) {
  .royal__block-left {
    width: 110px;
  }
}
.royal__block-right {
  width: 100%;
  max-width: calc(100% - 130px);
  padding-left: 20px;
}
@media screen and (max-width: 575px) {
  .royal__block-right {
    max-width: calc(100% - 110px);
  }
}
.royal__block-img {
  position: relative;
  width: 100%;
  height: 83px;
  border: 4px solid #e4e6e6;
  -webkit-box-shadow: 0 4px 9px 0 rgba(0, 0, 0, 0.14);
  box-shadow: 0 4px 9px 0 rgba(0, 0, 0, 0.14);
}
.royal__block h4,
.royal__block p {
  font-family: "Ubuntu", sans-serif;
}
.royal__block h4 {
  padding-bottom: 10px;
  color: #273c43;
  font-size: 16px;
  font-weight: 500;
}
@media screen and (max-width: 575px) {
  .royal__block h4 {
    font-size: 14px;
  }
}
.royal__block p {
  color: #657782;
  font-size: 14px;
}
@media screen and (max-width: 575px) {
  .royal__block p {
    font-size: 12px;
  }
}
.search {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  min-height: 154px;
  margin-bottom: 18px;
}
.search:after {
  background-color: #e6f3f8;
  -webkit-clip-path: polygon(0 0, 100% 1%, 98% 100%, 2% 100%);
  clip-path: polygon(0 0, 100% 1%, 98% 100%, 2% 100%);
}
.search__figure img:nth-of-type(1) {
  top: -30px;
  left: 0;
}
.search__figure img:nth-of-type(2) {
  top: -30px;
  right: 0;
}
.search__figure img:nth-of-type(3) {
  bottom: -30px;
  left: 0;
}
.search__wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: calc(100% - 30px);
  height: 60px;
  margin-left: auto;
  margin-right: auto;
  background-color: #fff;
  -webkit-clip-path: polygon(0 2%, 100% 0, 98% 100%, 0 100%);
  clip-path: polygon(0 2%, 100% 0, 98% 100%, 0 100%);
}
.search__wrapper-left {
  position: relative;
  width: 100%;
  max-width: calc(100% - 74px);
  height: 100%;
}
.search__wrapper-left input {
  outline: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding: 0 19px;
  border: none;
  border-radius: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
  background-color: transparent;
  font-size: 16px;
  font-family: "Ubuntu", sans-serif;
}
.search__wrapper-left input.placeholder {
  color: #bfbfbf;
}
.search__wrapper-left input:-moz-placeholder {
  color: #bfbfbf;
}
.search__wrapper-left input::-moz-placeholder {
  color: #bfbfbf;
}
.search__wrapper-left input:-ms-input-placeholder {
  color: #bfbfbf;
}
.search__wrapper-left input::-webkit-input-placeholder {
  color: #bfbfbf;
}
.search__wrapper-right {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 74px;
}
.search__wrapper-right .icon-search {
  color: #fff;
}
.categories {
  margin-top: 50px;
}
.categories:after {
  background-color: #f4f6f6;
  -webkit-clip-path: polygon(0 0, 100% 2%, 98% 98%, 3% 100%);
  clip-path: polygon(0 0, 100% 2%, 98% 98%, 3% 100%);
}
.categories__figure img:nth-of-type(1) {
  top: 0;
  right: 0;
}
.categories__figure img:nth-of-type(2) {
  bottom: -25px;
  left: 0;
}
.categories__figure img:nth-of-type(3) {
  bottom: -15px;
  right: 0;
}
.categories__wrapper {
  padding: 50px 22px 27px;
}
.categories__title {
  z-index: 3;
  position: absolute;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  top: -30px;
  left: 28px;
  width: 203px;
  height: 65px;
  background-color: #2a2a2a;
  -webkit-box-shadow: 0 10px 18px 0 rgba(0, 0, 0, 0.08);
  box-shadow: 0 10px 18px 0 rgba(0, 0, 0, 0.08);
  -webkit-clip-path: polygon(0 5%, 98% 0, 100% 100%, 0 90%);
  clip-path: polygon(0 5%, 98% 0, 100% 100%, 0 90%);
  color: #fff;
  line-height: 1;
  text-transform: uppercase;
  font-size: 36px;
}
.categories__block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background-color: #e2e9e9;
  min-height: 56px;
  margin-bottom: 4px;
  -webkit-clip-path: polygon(0 2%, 100% 0, 98% 98%, 2% 100%);
  clip-path: polygon(0 2%, 100% 0, 98% 98%, 2% 100%);
  -webkit-transition: -webkit-clip-path 0.3s ease-in-out;
  transition: -webkit-clip-path 0.3s ease-in-out;
  -o-transition: clip-path 0.3s ease-in-out;
  transition: clip-path 0.3s ease-in-out;
  transition: clip-path 0.3s ease-in-out, -webkit-clip-path 0.3s ease-in-out;
}
.categories__block:last-of-type {
  margin-bottom: 0;
}
.categories__block:hover {
  -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
  clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
  -webkit-transition: -webkit-clip-path 0.3s ease-in-out;
  transition: -webkit-clip-path 0.3s ease-in-out;
  -o-transition: clip-path 0.3s ease-in-out;
  transition: clip-path 0.3s ease-in-out;
  transition: clip-path 0.3s ease-in-out, -webkit-clip-path 0.3s ease-in-out;
}
.categories__block:hover .categories__block-num {
  -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
  clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
  -webkit-transition: -webkit-clip-path 0.3s ease-in-out;
  transition: -webkit-clip-path 0.3s ease-in-out;
  -o-transition: clip-path 0.3s ease-in-out;
  transition: clip-path 0.3s ease-in-out;
  transition: clip-path 0.3s ease-in-out, -webkit-clip-path 0.3s ease-in-out;
}
.categories__block-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}
.categories__block-left {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
  max-width: calc(100% - 85px);
}
.categories__block-right {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 85px;
}
.categories__block-name {
  padding-left: 21px;
  color: #273c43;
  line-height: 1;
  text-transform: uppercase;
  font-size: 18px;
  -webkit-transition: opacity 0.3s ease-in-out, color 0.3s ease-in-out;
  -o-transition: opacity 0.3s ease-in-out, color 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out, color 0.3s ease-in-out;
}
.categories__block-name:hover {
  opacity: 0.75;
  color: #273c43;
  -webkit-transition: opacity 0.3s ease-in-out, color 0.3s ease-in-out;
  -o-transition: opacity 0.3s ease-in-out, color 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out, color 0.3s ease-in-out;
}
.categories__block-num {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 43px;
  height: 33px;
  background-color: #1ac2fe;
  color: #fff;
  -webkit-clip-path: polygon(0 5%, 100% 0, 95% 93%, 10% 100%);
  clip-path: polygon(0 5%, 100% 0, 95% 93%, 10% 100%);
  -webkit-transition: -webkit-clip-path 0.3s ease-in-out;
  transition: -webkit-clip-path 0.3s ease-in-out;
  -o-transition: clip-path 0.3s ease-in-out;
  transition: clip-path 0.3s ease-in-out;
  transition: clip-path 0.3s ease-in-out, -webkit-clip-path 0.3s ease-in-out;
}
.pagination {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 100%;
  max-width: 680px;
  margin-left: auto;
  padding-top: 6px;
  padding-bottom: 50px;
}
@media screen and (max-width: 991px) {
  .pagination {
    margin-left: auto;
    margin-right: auto;
  }
}
.pagination__wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.pagination__btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  min-width: 27px;
  height: 29px;
  color: #273c43;
  margin-left: 2px;
  margin-right: 2px;
  -webkit-transition: color 0.3s ease-in-out;
  -o-transition: color 0.3s ease-in-out;
  transition: color 0.3s ease-in-out;
}
.pagination__btn:hover {
  opacity: 1;
  color: #1ac2fe;
  -webkit-transition: color 0.3s ease-in-out;
  -o-transition: color 0.3s ease-in-out;
  transition: color 0.3s ease-in-out;
}
.pagination__btn-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.pagination__btn-wrapper .pagination__btn:first-child {
  margin-left: 9px;
}
.pagination__btn-wrapper .pagination__btn:last-child {
  margin-right: 9px;
}
.pagination__btn-first,
.pagination__btn-last,
.pagination__btn-prev,
.pagination__btn-next {
  min-width: 32px;
  margin-left: 8px;
  margin-right: 8px;
  color: #1ac2fe;
  line-height: 1;
  font-size: 19px;
  -webkit-transition: color 0.3s ease-in-out;
  -o-transition: color 0.3s ease-in-out;
  transition: color 0.3s ease-in-out;
}
.pagination__btn-first[disabled],
.pagination__btn-last[disabled],
.pagination__btn-prev[disabled],
.pagination__btn-next[disabled] {
  pointer-events: none;
  color: #c6c6c6;
}
.pagination__btn-first:hover,
.pagination__btn-last:hover,
.pagination__btn-prev:hover,
.pagination__btn-next:hover {
  opacity: 1;
  color: #1ac2fe;
  -webkit-transition: color 0.3s ease-in-out;
  -o-transition: color 0.3s ease-in-out;
  transition: color 0.3s ease-in-out;
}
.pagination__btn-first,
.pagination__btn-prev {
  -webkit-transform: rotate(-180deg);
  -ms-transform: rotate(-180deg);
  transform: rotate(-180deg);
}
.pagination__btn-first {
  margin-left: 0;
}
@media screen and (max-width: 991px) {
  .pagination__btn-first {
    display: none;
  }
}
.pagination__btn-last {
  margin-right: 0;
}
@media screen and (max-width: 991px) {
  .pagination__btn-last {
    display: none;
  }
}
.pagination__btn-empty:hover {
  opacity: 1;
  color: #273c43;
}
.pagination__btn-num.is-active {
  background-color: #1ac2fe;
  color: #fff;
  -webkit-clip-path: polygon(0 0, 100% 4%, 96% 96%, 4% 100%);
  clip-path: polygon(0 0, 100% 4%, 96% 96%, 4% 100%);
}
@media screen and (max-width: 424px) {
  .pagination__btn-num:nth-of-type(4),
  .pagination__btn-num:nth-of-type(5) {
    display: none;
  }
}
.updated {
  position: relative;
}
.p-sets .updated {
  top: 75px;
}
@media screen and (max-width: 767px) {
  .p-sets .updated {
    top: 0;
  }
}
.updated--medium {
  margin-bottom: 100px;
}
.updated--medium .updated__triangle img {
  -webkit-transform: scale(0.5);
  -ms-transform: scale(0.5);
  transform: scale(0.5);
}
.updated--medium .updated__triangle img:nth-of-type(1) {
  top: -15px;
}
.updated--medium .updated__triangle img:nth-of-type(2) {
  top: auto;
  left: auto;
  bottom: -25%;
  right: -5%;
}
@media screen and (max-width: 767px) {
  .updated--medium .updated__triangle img:nth-of-type(2) {
    display: none;
  }
}
.updated--medium .updated__triangle img:nth-of-type(3) {
  top: -5px;
  left: 45%;
}
.updated--medium .updated__triangle img:nth-of-type(4) {
  right: 10%;
  top: -10%;
}
.updated--medium .updated__wrapper {
  min-height: 216px;
}
@media screen and (max-width: 1199px) {
  .updated--medium .updated__wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
  }
}
@media screen and (max-width: 991px) {
  .updated--medium .updated__wrapper {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
  }
}
@media screen and (max-width: 767px) {
  .updated--medium .updated__wrapper {
    min-height: 0;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
    padding-top: 0;
    padding-bottom: 0;
  }
}
.updated--medium .updated__wrapper-left {
  width: 330px;
}
@media screen and (max-width: 1199px) {
  .updated--medium .updated__wrapper-left {
    width: 100%;
    padding-bottom: 30px;
  }
}
@media screen and (max-width: 991px) {
  .updated--medium .updated__wrapper-left {
    width: 330px;
    padding-bottom: 0;
  }
}
@media screen and (max-width: 767px) {
  .updated--medium .updated__wrapper-left {
    width: 100%;
    padding-bottom: 30px;
  }
}
.updated--medium .updated__wrapper-right {
  width: 100%;
  max-width: calc(100% - 330px);
}
@media screen and (max-width: 1199px) {
  .updated--medium .updated__wrapper-right {
    max-width: 100%;
    padding-top: 30px;
  }
}
@media screen and (max-width: 991px) {
  .updated--medium .updated__wrapper-right {
    max-width: calc(100% - 330px);
  }
}
@media screen and (max-width: 767px) {
  .updated--medium .updated__wrapper-right {
    max-width: 100%;
    padding-top: 30px;
  }
}
.updated--medium .updated__title {
  font-size: 25px;
}
@media screen and (min-width: 320px) {
  .updated--medium .updated__title {
    font-size: calc(25px + 30 * (100vw - 320px) / 1045);
  }
}
@media screen and (min-width: 1365px) {
  .updated--medium .updated__title {
    font-size: 55px;
  }
}
.updated--medium .updated__data-0 {
  padding-right: 20px;
  font-size: 100px;
}
@media screen and (min-width: 320px) {
  .updated--medium .updated__data-0 {
    font-size: calc(100px + 40 * (100vw - 320px) / 1045);
  }
}
@media screen and (min-width: 1365px) {
  .updated--medium .updated__data-0 {
    font-size: 140px;
  }
}
.updated--medium .updated__data-1 {
  font-size: 35px;
}
@media screen and (min-width: 320px) {
  .updated--medium .updated__data-1 {
    font-size: calc(35px + 13 * (100vw - 320px) / 1045);
  }
}
@media screen and (min-width: 1365px) {
  .updated--medium .updated__data-1 {
    font-size: 48px;
  }
}
.updated--small .updated__triangle img {
  -webkit-transform: scale(0.5);
  -ms-transform: scale(0.5);
  transform: scale(0.5);
}
.updated--small .updated__triangle img:nth-of-type(1) {
  top: -15px;
}
.updated--small .updated__triangle img:nth-of-type(2) {
  top: auto;
  left: auto;
  bottom: -25%;
  right: -5%;
}
.updated--small .updated__triangle img:nth-of-type(3) {
  top: -5px;
  left: 45%;
}
.updated--small .updated__triangle img:nth-of-type(4) {
  right: 10%;
  top: -10%;
}
.updated--small .updated__wrapper {
  min-height: 180px;
}
@media screen and (max-width: 1199px) {
  .updated--small .updated__wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
    padding-top: 30px;
    padding-bottom: 30px;
  }
}
.updated--small .updated__wrapper-left {
  width: 240px;
}
@media screen and (max-width: 1199px) {
  .updated--small .updated__wrapper-left {
    width: 100%;
  }
}
.updated--small .updated__wrapper-right {
  width: 100%;
  max-width: calc(100% - 240px);
}
@media screen and (max-width: 1199px) {
  .updated--small .updated__wrapper-right {
    max-width: 100%;
  }
}
.updated--small .updated__title {
  font-size: 36px;
}
.updated--small .updated__data-0 {
  padding-right: 20px;
  font-size: 129px;
}
.updated--small .updated__data-1 {
  font-size: 31px;
}
@media screen and (min-width: 320px) {
  .updated--small .updated__data-1 {
    font-size: calc(31px + 9 * (100vw - 320px) / 255);
  }
}
@media screen and (min-width: 575px) {
  .updated--small .updated__data-1 {
    font-size: 40px;
  }
}
.updated--small .updated__data-1 span {
  font-size: 45px;
}
@media screen and (min-width: 320px) {
  .updated--small .updated__data-1 span {
    font-size: calc(45px + 24 * (100vw - 320px) / 255);
  }
}
@media screen and (min-width: 575px) {
  .updated--small .updated__data-1 span {
    font-size: 69px;
  }
}
.updated__bg,
.updated__triangle {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.updated__bg {
  z-index: -1;
  background-color: #fcdb90;
  -webkit-clip-path: polygon(0 10%, 100% 0, 100% 96%, 0 100%);
  clip-path: polygon(0 10%, 100% 0, 100% 96%, 0 100%);
}
.updated__bg span {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #f8d076;
}
.updated__bg span:nth-of-type(1) {
  -webkit-clip-path: polygon(0 0, 100% 0, 35% 15%, 0 90%);
  clip-path: polygon(0 0, 100% 0, 35% 15%, 0 90%);
}
.updated__bg span:nth-of-type(2) {
  -webkit-clip-path: polygon(
    99% 0,
    99% 10%,
    85% 25%,
    93% 35%,
    98% 55%,
    99% 20%,
    100% 55%,
    100% 0
  );
  clip-path: polygon(
    99% 0,
    99% 10%,
    85% 25%,
    93% 35%,
    98% 55%,
    99% 20%,
    100% 55%,
    100% 0
  );
}
.updated__bg span:nth-of-type(3) {
  -webkit-clip-path: polygon(0 95%, 100% 85%, 100% 100%, 0 100%);
  clip-path: polygon(0 95%, 100% 85%, 100% 100%, 0 100%);
}
.updated__triangle {
  z-index: 0;
}
.updated__triangle img {
  position: absolute;
}
.updated__triangle img:nth-of-type(1) {
  top: 0;
  left: 0;
}
.updated__triangle img:nth-of-type(2) {
  top: -7%;
  left: 5%;
}
@media screen and (max-width: 767px) {
  .updated__triangle img:nth-of-type(2) {
    display: none;
  }
}
.updated__triangle img:nth-of-type(3) {
  top: 4%;
  left: 15%;
}
.updated__triangle img:nth-of-type(4) {
  top: -5%;
  right: 20%;
}
.updated__wrapper {
  z-index: 2;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  min-height: 401px;
}
@media screen and (max-width: 767px) {
  .updated__wrapper {
    min-height: 0;
    padding-top: 50px;
    padding-bottom: 50px;
  }
}
@media screen and (max-width: 575px) {
  .updated__wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
  }
}
.updated__wrapper-left {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 440px;
}
@media screen and (max-width: 991px) {
  .updated__wrapper-left {
    width: 45%;
  }
}
@media screen and (max-width: 575px) {
  .updated__wrapper-left {
    width: 100%;
  }
}
.updated__wrapper-right {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
  max-width: calc(100% - 440px);
}
@media screen and (max-width: 991px) {
  .updated__wrapper-right {
    max-width: 55%;
  }
}
@media screen and (max-width: 575px) {
  .updated__wrapper-right {
    max-width: 100%;
  }
}
.updated__title {
  color: #d98f2a;
  line-height: 1;
  text-transform: uppercase;
  font-size: 30px;
}
@media screen and (min-width: 320px) {
  .updated__title {
    font-size: calc(30px + 26 * (100vw - 320px) / 1119);
  }
}
@media screen and (min-width: 1439px) {
  .updated__title {
    font-size: 56px;
  }
}
.updated__follow,
.updated__like {
  margin-top: 9px;
  padding-bottom: 9px;
}
@media screen and (max-width: 575px) {
  .updated__like {
    padding-bottom: 30px;
  }
}
.updated__data-0 {
  padding-right: 30px;
  color: #fff;
  text-shadow: -5px 8.66px 0 #f8d076;
  font-size: 85px;
}
@media screen and (min-width: 320px) {
  .updated__data-0 {
    font-size: calc(85px + 70 * (100vw - 320px) / 1119);
  }
}
@media screen and (min-width: 1439px) {
  .updated__data-0 {
    font-size: 155px;
  }
}
.updated__data-1 {
  color: #0183b1;
  line-height: 1;
  text-transform: uppercase;
  font-size: 33px;
}
@media screen and (min-width: 320px) {
  .updated__data-1 {
    font-size: calc(33px + 50 * (100vw - 320px) / 1119);
  }
}
@media screen and (min-width: 1439px) {
  .updated__data-1 {
    font-size: 83px;
  }
}
.updated__data-1 span {
  color: #ff7236;
}
.popular {
  position: relative;
  width: 100%;
  max-width: 356px;
  margin-left: auto;
  margin-right: auto;
}
.popular__bg {
  z-index: -1;
  position: absolute;
  top: 71px;
  left: 0;
  width: 100%;
  height: calc(100% - (71px + 26px));
  background-color: #1f1f1f;
  -webkit-clip-path: polygon(0 0, 100% 2%, 99.5% 98%, 0.5% 99%);
  clip-path: polygon(0 0, 100% 2%, 99.5% 98%, 0.5% 99%);
}
.popular__bg:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #262626;
  -webkit-clip-path: polygon(0 0, 100% 0, 20% 20%, 0 80%);
  clip-path: polygon(0 0, 100% 0, 20% 20%, 0 80%);
}
.popular__wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}
.popular__head {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 100%;
  max-width: 339px;
  min-height: 93px;
  padding: 5px 15px;
  background-color: #5fd5ff;
  -webkit-clip-path: polygon(0 5%, 97% 0, 100% 100%, 3% 96%);
  clip-path: polygon(0 5%, 97% 0, 100% 100%, 3% 96%);
}
.popular__head:before {
  content: "";
  z-index: 0;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #34b7e6;
  -webkit-clip-path: polygon(0 100%, 70% 80%, 100% 0, 100% 100%);
  clip-path: polygon(0 100%, 70% 80%, 100% 0, 100% 100%);
}
.popular__head h4 {
  z-index: 2;
  position: relative;
  color: #fff;
  line-height: 1;
  text-transform: uppercase;
  font-size: 30px;
}
.popular__body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  padding-left: 15px;
  padding-right: 15px;
}
.popular__body > div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-top: 15px;
  padding-bottom: 15px;
}
.popular__body .b-skin {
  width: 227px;
  height: 184px;
}
.popular__body .b-skin__view {
  top: 2px;
  bottom: auto;
}
.popular__footer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.daily {
  position: relative;
  width: 100%;
  max-width: 359px;
  margin-left: auto;
  margin-right: auto;
}
.daily__bg,
.daily__triangle {
  position: absolute;
  left: 0;
  width: 100%;
}
.daily__bg {
  z-index: -1;
  top: 27px;
  height: calc(100% - (27px + 32px));
  background-color: #e2a83f;
  -webkit-clip-path: polygon(0 0, 100% 2%, 99% 99%, 1% 100%);
  clip-path: polygon(0 0, 100% 2%, 99% 99%, 1% 100%);
}
.daily__triangle {
  z-index: 0;
  top: 0;
  height: 100%;
}
.daily__triangle img {
  position: absolute;
}
.daily__triangle img:nth-of-type(1) {
  top: 6%;
  right: -3%;
}
.daily__triangle img:nth-of-type(2) {
  bottom: -3%;
  left: 2%;
}
.daily__wrapper {
  z-index: 2;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  min-height: 134px;
}
.daily__header {
  padding-bottom: 16px;
}
.daily__body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  padding: 16px 10px 20px 18px;
}
.daily__footer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.daily__title {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 100%;
  max-width: 339px;
  min-height: 61px;
  margin-left: auto;
  margin-right: auto;
  background-color: #ffd600;
  -webkit-clip-path: polygon(0 3%, 100% 0, 98% 100%, 1% 97%);
  clip-path: polygon(0 3%, 100% 0, 98% 100%, 1% 97%);
}
.daily__title h3 {
  color: #fff;
  line-height: 1;
  text-transform: uppercase;
  font-size: 24px;
}
.daily__block {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  margin-bottom: 14px;
  padding: 10px 12px 10px 19px;
  color: #fff;
}
.daily__block-bg {
  z-index: -1;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.daily__block-bg span {
  position: absolute;
  width: 100%;
  height: 100%;
}
.daily__block-bg span:nth-of-type(1) {
  top: 5px;
  left: 3px;
  background-color: #db9932;
  -webkit-clip-path: polygon(0 0, 100% 0, 99% 99%, 1% 100%);
  clip-path: polygon(0 0, 100% 0, 99% 99%, 1% 100%);
}
.daily__block-bg span:nth-of-type(2) {
  top: 0;
  left: 0;
  background-color: #ffb45d;
  -webkit-clip-path: polygon(0 0, 100% 0, 99% 99%, 1% 100%);
  clip-path: polygon(0 0, 100% 0, 99% 99%, 1% 100%);
}
.daily__block-bg span:nth-of-type(2):before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #f59639;
  -webkit-clip-path: polygon(0 100%, 20% 35%, 100% 0, 100% 100%);
  clip-path: polygon(0 100%, 20% 35%, 100% 0, 100% 100%);
}
.daily__block-top {
  padding-bottom: 12px;
}
.daily__block-bottom {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
}
.daily__block-left {
  width: 100%;
  max-width: calc(100% - 108px);
  padding-right: 10px;
}
.daily__block-left p {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding-bottom: 6px;
  line-height: 1;
  font-size: 18px;
  font-family: "Ubuntu", sans-serif;
}
.daily__block-left p:last-of-type {
  padding-bottom: 0;
}
.daily__block-left p span {
  position: relative;
  top: 2px;
  padding-right: 5px;
  text-transform: uppercase;
  font-family: "Anton", sans-serif;
}
.daily__block-right {
  width: 108px;
}
.daily__block-title {
  line-height: 1;
  text-transform: uppercase;
  font-size: 30px;
}
.daily__block-btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 100%;
  max-width: 108px;
  min-height: 47px;
  padding: 5px;
  background-color: #fcdb90;
  -webkit-clip-path: polygon(0 2%, 100% 0, 98% 100%, 2% 94%);
  clip-path: polygon(0 2%, 100% 0, 98% 100%, 2% 94%);
  color: #f59639;
  text-transform: uppercase;
  font-size: 16px;
}
#home {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 100%;
  max-width: 796px;
  margin-left: auto;
}
@media screen and (max-width: 991px) {
  #home {
    max-width: 100%;
  }
}
#home .c-grid {
  padding-left: 0;
  padding-right: 0;
}
.home--leaded {
  position: relative;
}
.home--leaded .section-resize-bg {
  background-color: #000;
  -webkit-clip-path: polygon(0 0, 100% 5%, 100% 95%, 0 100%);
  clip-path: polygon(0 0, 100% 5%, 100% 95%, 0 100%);
}
.home--leaded .section-resize-bg:before {
  content: "";
  z-index: 0;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #262626;
  -webkit-clip-path: polygon(0 100%, 55% 90%, 95% 0, 100% 0, 100% 100%, 0 100%);
  clip-path: polygon(0 100%, 55% 90%, 95% 0, 100% 0, 100% 100%, 0 100%);
}
.home--leaded .section-resize-triangle img:nth-of-type(1) {
  top: -10%;
  right: 10%;
}
.home--leaded .section-resize-triangle img:nth-of-type(2) {
  left: 10%;
  bottom: -2%;
}
.home--leaded .section-resize-triangle img:nth-of-type(3) {
  right: 20%;
  bottom: -8%;
}
.home--leaded .home__wrapper-0 {
  padding-bottom: 20px;
}
.home--leaded .home__wrapper-1 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
@media screen and (max-width: 1199px) {
  .home--leaded .home__wrapper-1 {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
}
@media screen and (max-width: 1365px) {
  .home--leaded .home__wrapper-1 .b-skin__wrapper {
    width: calc(100% / 4);
    padding-left: 5px;
    padding-right: 5px;
  }
  .home--leaded .home__wrapper-1 .b-skin__wrapper .b-skin {
    width: 100%;
  }
}
@media screen and (max-width: 1199px) {
  .home--leaded .home__wrapper-1 .b-skin__wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: calc(100% / 2);
    margin-bottom: 24px;
  }
  .home--leaded .home__wrapper-1 .b-skin__wrapper .b-skin {
    width: 175px;
  }
}
@media screen and (max-width: 991px) {
  .home--leaded .home__wrapper-1 .b-skin__wrapper {
    width: calc(100% / 2);
    padding-left: 15px;
    padding-right: 15px;
  }
  .home--leaded .home__wrapper-1 .b-skin__wrapper .b-skin {
    width: 100%;
  }
}
@media screen and (max-width: 767px) {
  .home--leaded .home__wrapper-1 .b-skin__wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: calc(100% / 2);
    margin-bottom: 15px;
  }
  .home--leaded .home__wrapper-1 .b-skin__wrapper .b-skin {
    width: 175px;
  }
}
@media screen and (max-width: 374px) {
  .home--leaded .home__wrapper-1 .b-skin__wrapper {
    width: 100%;
    padding: 0;
  }
  .home--leaded .home__wrapper-1 .b-skin__wrapper .b-skin {
    width: 175px;
  }
}
.home--leaded .home__wrapper-1 .b-skin__wrapper .b-skin {
  overflow: hidden;
}
.home--leaded .home__wrapper-1 .b-skin__wrapper .b-skin:hover:after {
  opacity: 1;
  -webkit-transition: opacity 0.3s ease-in-out;
  -o-transition: opacity 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out;
}
.home--leaded .home__wrapper-1 .b-skin__wrapper .b-skin:hover img {
  -webkit-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
  -webkit-transition: -webkit-transform 0.3s ease-in-out;
  transition: -webkit-transform 0.3s ease-in-out;
  -o-transition: transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
}
.home--leaded .home__wrapper-2 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  padding-top: 35px;
}
.home--leaded .home__title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
  max-width: 322px;
  height: 82px;
  padding-left: 37px;
  background-color: #181818;
  -webkit-clip-path: polygon(0 0, 100% 5%, 97% 97%, 5% 100%);
  clip-path: polygon(0 0, 100% 5%, 97% 97%, 5% 100%);
}
.home--leaded .home__title .icon-font,
.home--leaded .home__title h2 {
  color: #fff;
}
.home--leaded .home__title .icon-font {
  font-size: 25px;
}
@media screen and (min-width: 320px) {
  .home--leaded .home__title .icon-font {
    font-size: calc(25px + 6 * (100vw - 320px) / 448);
  }
}
@media screen and (min-width: 768px) {
  .home--leaded .home__title .icon-font {
    font-size: 31px;
  }
}
.home--leaded .home__title h2 {
  padding-left: 11px;
  line-height: 1;
  text-transform: uppercase;
  font-size: 40px;
  font-size: 36px;
}
@media screen and (min-width: 320px) {
  .home--leaded .home__title h2 {
    font-size: calc(36px + 4 * (100vw - 320px) / 448);
  }
}
@media screen and (min-width: 768px) {
  .home--leaded .home__title h2 {
    font-size: 40px;
  }
}
.home--browse {
  padding-top: 40px;
}
.home--browse .home__wrapper-1 .e-skin__block-wrapper {
  padding-left: 15px;
  padding-top: 15px;
}
@media screen and (max-width: 575px) {
  .home--browse .home__wrapper-1 .e-skin__block-wrapper {
    padding-left: 0;
  }
}
.home--browse .home__wrapper-2 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  padding-top: 25px;
}
@media screen and (max-width: 767px) {
  .home--browse .home__wrapper-2 {
    padding-top: 0;
    margin-bottom: 30px;
  }
}
.home--browse .home__title {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding-bottom: 37px;
  padding-left: 15px;
  color: #273c43;
}
.home--browse .home__title:after {
  content: "";
  z-index: 0;
  position: absolute;
  top: calc(100% - 18px);
  left: 0;
  width: 100%;
  height: 3px;
  background-color: #1ac2fe;
  -webkit-clip-path: polygon(0 10%, 100% 0, 98% 98%, 2% 100%);
  clip-path: polygon(0 10%, 100% 0, 98% 98%, 2% 100%);
}
.home--browse .home__title .icon-font {
  font-size: 47px;
}
.home--browse .home__title h2 {
  padding-left: 14px;
  line-height: 1;
  text-transform: uppercase;
  font-size: 30px;
}
@media screen and (min-width: 320px) {
  .home--browse .home__title h2 {
    font-size: calc(30px + 10 * (100vw - 320px) / 672);
  }
}
@media screen and (min-width: 992px) {
  .home--browse .home__title h2 {
    font-size: 40px;
  }
}
.item {
  position: relative;
  padding-top: 13px;
  min-height: 497px;
}
.item__bg {
  overflow: hidden;
  z-index: 0;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-image: -webkit-gradient(
    linear,
    left top,
    right top,
    from(#e3ab41),
    color-stop(99%, #dd952f)
  );
  background-image: -webkit-linear-gradient(left, #e3ab41 0%, #dd952f 99%);
  background-image: -o-linear-gradient(left, #e3ab41 0%, #dd952f 99%);
  background-image: linear-gradient(90deg, #e3ab41 0%, #dd952f 99%);
}
.item__bg-bottom {
  position: absolute;
  left: 0;
  bottom: -23px;
  width: 100%;
  height: 50px;
  background-color: #fff;
  -webkit-transform: skewY(1deg);
  -ms-transform: skewY(1deg);
  transform: skewY(1deg);
}
.item__bg-triangle {
  position: absolute;
}
.item__bg-triangle-0 {
  top: 3%;
  left: 0;
}
.item__bg-triangle-1 {
  right: 0;
  bottom: 20%;
}
.item__triangle {
  z-index: 1;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.item__triangle-img {
  position: absolute;
}
.item__triangle-img-0 {
  left: 0;
  bottom: 0;
}
.item__triangle-img-1 {
  left: 30%;
  bottom: 0;
}
.item__triangle-img-2 {
  left: 45%;
  bottom: 0;
}
.item__triangle-img-3 {
  left: 65%;
  bottom: 0;
}
.item__triangle-img-4 {
  right: 0;
  bottom: 0;
}
.item .c-grid {
  max-width: 1240px;
}
.item__wrapper {
  z-index: 2;
  position: relative;
}
.item__row.item__row--2-3 .item__row-left {
  width: 520px;
}
@media screen and (max-width: 1199px) {
  .item__row.item__row--2-3 .item__row-left {
    width: 100%;
  }
}
.item__row.item__row--2-3 .item__row-right {
  max-width: calc(100% - 520px);
}
@media screen and (max-width: 1199px) {
  .item__row.item__row--2-3 .item__row-right {
    max-width: 100%;
  }
}
.item__row.item__row--2-3 .item__slider {
  margin-right: 11px;
}
@media screen and (max-width: 575px) {
  .item__row.item__row--2-3 .item__slider {
    width: 100%;
    max-width: calc((100% - 20px) / 2);
    margin-left: 5px;
    margin-right: 5px;
  }
  .item__row.item__row--2-3 .item__slider .swiper-container,
  .item__row.item__row--2-3 .item__slider .b-skin {
    width: 100%;
    max-width: 175px;
  }
}
@media screen and (max-width: 374px) {
  .item__row.item__row--2-3 .item__slider {
    max-width: 100%;
    margin-left: 0;
    margin-right: 0;
  }
  .item__row.item__row--2-3 .item__slider .swiper-container,
  .item__row.item__row--2-3 .item__slider .b-skin {
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 1199px) {
  .item__row.item__row--2-3 .item__slider-wrapper {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }
}
@media screen and (max-width: 991px) {
  .item__row.item__row--2-3 .item__slider-wrapper {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
}
.item__row-0 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding-bottom: 40px;
}
@media screen and (max-width: 1199px) {
  .item__row-0 {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}
@media screen and (max-width: 767px) {
  .item__row-0 {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
  }
}
@media screen and (max-width: 575px) {
  .item__row-0 {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}
.item__row-0 .item__row-left {
  width: 289px;
}
@media screen and (max-width: 1199px) {
  .item__row-0 .item__row-left {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%;
    padding-bottom: 13px;
  }
}
@media screen and (max-width: 767px) {
  .item__row-0 .item__row-left {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    padding-bottom: 0;
  }
}
@media screen and (max-width: 575px) {
  .item__row-0 .item__row-left {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding-bottom: 13px;
  }
}
.item__row-0 .item__row-right {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  width: 100%;
  max-width: calc(100% - 289px);
}
@media screen and (max-width: 1199px) {
  .item__row-0 .item__row-right {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    max-width: 100%;
  }
}
.item__row-1 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  min-height: 300px;
}
@media screen and (max-width: 1199px) {
  .item__row-1 {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}
.item__row-1 .item__row-left,
.item__row-1 .item__row-right {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
@media screen and (max-width: 767px) {
  .item__row-1 .item__row-left,
  .item__row-1 .item__row-right {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}
.item__row-1 .item__row-left {
  width: 720px;
  padding-left: 23px;
  padding-right: 23px;
}
@media screen and (max-width: 1365px) {
  .item__row-1 .item__row-left {
    padding-left: 0;
  }
}
@media screen and (max-width: 1199px) {
  .item__row-1 .item__row-left {
    width: 100%;
    padding-right: 0;
    margin-bottom: 40px;
  }
}
.item__row-1 .item__row-right {
  width: 100%;
  max-width: calc(100% - 720px);
  padding-right: 23px;
}
@media screen and (max-width: 1365px) {
  .item__row-1 .item__row-right {
    padding-right: 0;
  }
}
@media screen and (max-width: 1199px) {
  .item__row-1 .item__row-right {
    max-width: 100%;
  }
}
.item__row-2 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  padding-right: 25px;
  padding-top: 20px;
}
.item__title {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
  max-width: 286px;
  height: 65px;
  background-color: #ffd600;
  -webkit-clip-path: polygon(0 0, 100% 2%, 97% 100%, 3% 100%);
  clip-path: polygon(0 0, 100% 2%, 97% 100%, 3% 100%);
  padding-left: 22px;
  color: #fff;
}
.item__title .icon-font {
  font-size: 36px;
}
@media screen and (min-width: 320px) {
  .item__title .icon-font {
    font-size: calc(36px + 5 * (100vw - 320px) / 672);
  }
}
@media screen and (min-width: 992px) {
  .item__title .icon-font {
    font-size: 41px;
  }
}
.item__title h2 {
  padding-left: 12px;
  line-height: 1;
  text-transform: uppercase;
  font-size: 35px;
}
@media screen and (min-width: 320px) {
  .item__title h2 {
    font-size: calc(35px + 5 * (100vw - 320px) / 672);
  }
}
@media screen and (min-width: 992px) {
  .item__title h2 {
    font-size: 40px;
  }
}
.item__subtitle {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 92px;
  height: 289px;
  margin-right: 8px;
}
@media screen and (max-width: 767px) {
  .item__subtitle {
    width: 100%;
    max-width: 289px;
    height: 68px;
    margin-right: auto;
    margin-bottom: 30px;
  }
}
.item__subtitle:before {
  content: "";
  z-index: -1;
  position: absolute;
  top: 5px;
  left: 0;
  width: 75px;
  height: 100%;
  -webkit-clip-path: polygon(0 0, 100% 5%, 94% 96%, 6% 100%);
  clip-path: polygon(0 0, 100% 5%, 94% 96%, 6% 100%);
}
@media screen and (max-width: 767px) {
  .item__subtitle:before {
    width: 100%;
  }
}
.item__subtitle-bg {
  z-index: 1;
  position: absolute;
  top: 0;
  left: 0;
  width: 75px;
  height: 100%;
  -webkit-clip-path: polygon(0 0, 100% 5%, 94% 96%, 6% 100%);
  clip-path: polygon(0 0, 100% 5%, 94% 96%, 6% 100%);
}
@media screen and (max-width: 767px) {
  .item__subtitle-bg {
    width: 100%;
  }
}
.item__subtitle-bg:after {
  z-index: -1;
  content: "";
  position: absolute;
  left: 0;
  width: 100%;
  height: 100%;
}
.item__subtitle-0:before {
  background-color: #dd9c25;
}
.item__subtitle-0 .item__subtitle-bg {
  background-color: #f66d33;
}
.item__subtitle-0 .item__subtitle-bg:after {
  background-color: #ff7236;
  -webkit-clip-path: polygon(0 100%, 55% 85%, 100% 0, 100% 100%, 0 100%);
  clip-path: polygon(0 100%, 55% 85%, 100% 0, 100% 100%, 0 100%);
}
.item__subtitle-0 .icon-btn-arrow {
  color: #ff7236;
}
.item__subtitle-0 .icon-btn-arrow:nth-of-type(2) {
  color: #dd9c25;
}
.item__subtitle-1:before {
  background-color: #dd9722;
}
.item__subtitle-1 .item__subtitle-bg {
  background-color: #f4d180;
}
.item__subtitle-1 .item__subtitle-bg:after {
  background-color: #fcdb90;
  -webkit-clip-path: polygon(0 0, 100% 0%, 100% 100%, 55% 25%, 0 0);
  clip-path: polygon(0 0, 100% 0%, 100% 100%, 55% 25%, 0 0);
}
.item__subtitle-1 .icon-btn-arrow {
  color: #fcdb90;
}
.item__subtitle-1 .icon-btn-arrow:nth-of-type(2) {
  color: #dd9722;
}
.item__subtitle .icon-btn-arrow {
  z-index: 0;
  position: absolute;
  top: 50%;
  right: 7px;
  -webkit-transform: translateY(-50%) rotate(-90deg);
  -ms-transform: translateY(-50%) rotate(-90deg);
  transform: translateY(-50%) rotate(-90deg);
  font-size: 40px;
}
@media screen and (max-width: 767px) {
  .item__subtitle .icon-btn-arrow {
    top: 75%;
    right: auto;
    left: 50%;
    -webkit-transform: translateX(-50%) rotate(0deg);
    -ms-transform: translateX(-50%) rotate(0deg);
    transform: translateX(-50%) rotate(0deg);
  }
}
.item__subtitle .icon-btn-arrow:nth-of-type(2) {
  z-index: -1;
  top: calc(50% + 5px);
}
.item__subtitle-name {
  z-index: 2;
  position: relative;
  padding-bottom: 10px;
  color: #fff;
  line-height: 1;
  text-transform: uppercase;
  font-size: 40px;
  -webkit-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  transform: rotate(-90deg);
}
@media screen and (max-width: 767px) {
  .item__subtitle-name {
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    padding-bottom: 0;
  }
}
.item__dropdown {
  display: none;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 100%;
}
@media screen and (max-width: 767px) {
  .item__dropdown {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
  }
}
@media screen and (max-width: 575px) {
  .item__dropdown {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
}
.item__dropdown .dropdown {
  position: relative;
  width: 100%;
  max-width: 261px;
}
.item__dropdown .dropdown__btn {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
  height: 83px;
  padding-right: 35px;
}
.item__dropdown .dropdown__btn:before {
  content: "";
  z-index: -1;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #efac4b;
  -webkit-clip-path: polygon(5% 3%, 100% 0, 95% 98%, 0 100%);
  clip-path: polygon(5% 3%, 100% 0, 95% 98%, 0 100%);
}
.item__dropdown .dropdown__btn > div:nth-of-type(1) {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  width: 54px;
}
.item__dropdown .dropdown__btn > div:nth-of-type(2) {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  width: 100%;
  max-width: calc(100% - (54px));
  padding-left: 9px;
}
.item__dropdown .dropdown__btn > div:nth-of-type(2) p {
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  white-space: nowrap;
  padding-right: 5px;
  width: 100%;
  max-width: 100%;
  color: #fff;
  line-height: 1;
  text-transform: uppercase;
  font-size: 30px;
}
.item__dropdown .dropdown__btn > div:nth-of-type(2) span {
  padding: 3px;
  background-color: #ff3636;
  -webkit-clip-path: polygon(0 0, 100% 10%, 95% 95%, 0 100%);
  clip-path: polygon(0 0, 100% 10%, 95% 95%, 0 100%);
  color: #fff;
  font-size: 24px;
}
.item__dropdown .dropdown__btn > div:nth-of-type(3) {
  position: absolute;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  top: 0;
  right: 0;
  width: 45px;
  height: 100%;
}
@media screen and (max-width: 767px) {
  .item__dropdown .dropdown__btn > div:nth-of-type(3) {
    display: none;
  }
}
.item__dropdown .dropdown__btn > div:nth-of-type(3) i {
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
  color: #fff;
  font-size: 20px;
}
.item__dropdown .dropdown-menu {
  position: relative;
  width: 100%;
  padding: 0;
  border: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  border-radius: 0;
  background-color: #eec76d;
  -webkit-clip-path: polygon(0 1%, 100% 0, 99% 99%, 1% 100%);
  clip-path: polygon(0 1%, 100% 0, 99% 99%, 1% 100%);
}
@media screen and (max-width: 767px) {
  .item__dropdown .dropdown-menu {
    display: none;
    z-index: 1000;
    position: absolute;
    top: 100%;
    right: 0;
  }
}
.item__dropdown .dropdown__link {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
  height: 65px;
  padding-left: 13px;
  padding-right: 10px;
  -webkit-transition: background-color 0.3s ease-in-out;
  -o-transition: background-color 0.3s ease-in-out;
  transition: background-color 0.3s ease-in-out;
}
.item__dropdown .dropdown__link:hover {
  background-color: #efac4b;
  -webkit-transition: background-color 0.3s ease-in-out;
  -o-transition: background-color 0.3s ease-in-out;
  transition: background-color 0.3s ease-in-out;
}
.item__dropdown .dropdown__link:hover > div:nth-of-type(2) span {
  background-color: #ff3636;
  -webkit-transition: background-color 0.3s ease-in-out;
  -o-transition: background-color 0.3s ease-in-out;
  transition: background-color 0.3s ease-in-out;
}
.item__dropdown .dropdown__link > div:nth-of-type(1) {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 50px;
}
.item__dropdown .dropdown__link > div:nth-of-type(2) {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  width: 100%;
  max-width: calc(100% - (50px));
  padding-left: 9px;
}
.item__dropdown .dropdown__link > div:nth-of-type(2) p {
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  white-space: nowrap;
  padding-right: 5px;
  width: 100%;
  max-width: 100%;
  color: #fff;
  line-height: 1;
  text-transform: uppercase;
  font-size: 20px;
}
.item__dropdown .dropdown__link > div:nth-of-type(2) p br {
  display: none;
}
.item__dropdown .dropdown__link > div:nth-of-type(2) span {
  padding: 3px;
  background-color: #ff7336;
  -webkit-clip-path: polygon(0 0, 100% 10%, 95% 95%, 0 100%);
  clip-path: polygon(0 0, 100% 10%, 95% 95%, 0 100%);
  color: #fff;
  font-size: 14px;
  -webkit-transition: background-color 0.3s ease-in-out;
  -o-transition: background-color 0.3s ease-in-out;
  transition: background-color 0.3s ease-in-out;
}
.item__nav {
  position: relative;
  width: 100%;
  max-width: 856px;
}
@media screen and (max-width: 767px) {
  .item__nav {
    display: none;
  }
}
.item__nav-bg {
  z-index: -1;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  left: 0;
  width: 100%;
  height: 85%;
  background-color: #efac4b;
  -webkit-clip-path: polygon(4% 2%, 100% 0, 97% 98%, 3% 100%);
  clip-path: polygon(4% 2%, 100% 0, 97% 98%, 3% 100%);
}
@media screen and (max-width: 991px) {
  .item__nav-bg {
    -webkit-clip-path: polygon(2% 2%, 100% 0, 98% 98%, 1% 100%);
    clip-path: polygon(2% 2%, 100% 0, 98% 98%, 1% 100%);
  }
}
.item__nav-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.item__nav-btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  min-width: 60px;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  height: 89px;
  padding: 5px;
  margin-left: 3px;
  margin-right: 3px;
  -webkit-clip-path: polygon(0 0, 100% 5%, 94% 95%, 6% 100%);
  clip-path: polygon(0 0, 100% 5%, 94% 95%, 6% 100%);
  -webkit-transition: opacity 0.3s ease-in-out,
    background-color 0.3s ease-in-out, -webkit-clip-path 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out, background-color 0.3s ease-in-out,
    -webkit-clip-path 0.3s ease-in-out;
  -o-transition: opacity 0.3s ease-in-out, background-color 0.3s ease-in-out,
    clip-path 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out, background-color 0.3s ease-in-out,
    clip-path 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out, background-color 0.3s ease-in-out,
    clip-path 0.3s ease-in-out, -webkit-clip-path 0.3s ease-in-out;
}
.item__nav-btn:hover {
  background-color: rgba(255, 214, 0, 0.5);
  -webkit-transition: opacity 0.3s ease-in-out,
    background-color 0.3s ease-in-out, -webkit-clip-path 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out, background-color 0.3s ease-in-out,
    -webkit-clip-path 0.3s ease-in-out;
  -o-transition: opacity 0.3s ease-in-out, background-color 0.3s ease-in-out,
    clip-path 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out, background-color 0.3s ease-in-out,
    clip-path 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out, background-color 0.3s ease-in-out,
    clip-path 0.3s ease-in-out, -webkit-clip-path 0.3s ease-in-out;
}
.item__nav-btn.is-active {
  background-color: #ffd600;
  -webkit-transition: background-color 0.3s ease-in-out,
    -webkit-clip-path 0.3s ease-in-out;
  transition: background-color 0.3s ease-in-out,
    -webkit-clip-path 0.3s ease-in-out;
  -o-transition: background-color 0.3s ease-in-out, clip-path 0.3s ease-in-out;
  transition: background-color 0.3s ease-in-out, clip-path 0.3s ease-in-out;
  transition: background-color 0.3s ease-in-out, clip-path 0.3s ease-in-out,
    -webkit-clip-path 0.3s ease-in-out;
}
.item__nav-btn.is-active i {
  opacity: 0.3;
  -webkit-filter: invert(1);
  filter: invert(1);
  -webkit-transition: opacity 0.3s ease-in-out, -webkit-filter 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out, -webkit-filter 0.3s ease-in-out;
  -o-transition: opacity 0.3s ease-in-out, filter 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out, filter 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out, filter 0.3s ease-in-out,
    -webkit-filter 0.3s ease-in-out;
}
.item__nav-btn.is-active span {
  background-color: #ff3636;
  -webkit-transition: background-color 0.3s ease-in-out;
  -o-transition: background-color 0.3s ease-in-out;
  transition: background-color 0.3s ease-in-out;
}
.item__nav-btn.is-active p {
  color: #b5970a;
  -webkit-transition: color 0.3s ease-in-out;
  -o-transition: color 0.3s ease-in-out;
  transition: color 0.3s ease-in-out;
}
.item__nav-btn > div:first-of-type {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 35px;
  margin-bottom: 8px;
}
.item__nav-btn i {
  -webkit-transition: opacity 0.3s ease-in-out, -webkit-filter 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out, -webkit-filter 0.3s ease-in-out;
  -o-transition: opacity 0.3s ease-in-out, filter 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out, filter 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out, filter 0.3s ease-in-out,
    -webkit-filter 0.3s ease-in-out;
}
.item__nav-btn span {
  position: absolute;
  right: -5px;
  bottom: -5px;
  padding: 3px;
  background-color: #ff7336;
  -webkit-clip-path: polygon(0 0, 100% 10%, 95% 95%, 0 100%);
  clip-path: polygon(0 0, 100% 10%, 95% 95%, 0 100%);
  color: #fff;
  font-size: 10px;
  -webkit-transition: background-color 0.3s ease-in-out;
  -o-transition: background-color 0.3s ease-in-out;
  transition: background-color 0.3s ease-in-out;
}
.item__nav-btn p {
  color: #fff;
  line-height: 1;
  text-align: center;
  text-transform: uppercase;
  font-weight: 700;
  font-family: "Rajdhani", sans-serif;
  font-size: 12px;
}
@media screen and (min-width: 768px) {
  .item__nav-btn p {
    font-size: calc(12px + 2 * (100vw - 768px) / 432);
  }
}
@media screen and (min-width: 1200px) {
  .item__nav-btn p {
    font-size: 14px;
  }
}
.item__slider {
  position: relative;
  width: 175px;
}
.item__slider .b-skin {
  overflow: hidden;
}
.item__slider .b-skin:hover:after {
  opacity: 1;
  -webkit-transition: opacity 0.3s ease-in-out;
  -o-transition: opacity 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out;
}
.item__slider .b-skin:hover > img {
  -webkit-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
  -webkit-transition: -webkit-transform 0.3s ease-in-out;
  transition: -webkit-transform 0.3s ease-in-out;
  -o-transition: transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
}
.item__slider .b-skin > img {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transform-origin: center;
  -ms-transform-origin: center;
  transform-origin: center;
  -webkit-transition: -webkit-transform 0.3s ease-in-out;
  transition: -webkit-transform 0.3s ease-in-out;
  -o-transition: transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
}
.item__slider-0,
.item__slider-1,
.item__slider-2 {
  height: 288px;
}
@media screen and (max-width: 575px) {
  .item__slider-0,
  .item__slider-1,
  .item__slider-2 {
    margin-bottom: 15px;
  }
}
.item__slider-3,
.item__slider-4,
.item__slider-5,
.item__slider-6,
.item__slider-7,
.item__slider-8 {
  height: 139px;
  margin-bottom: 11px;
}
.item__slider-5 {
  margin-bottom: 0;
}
@media screen and (max-width: 575px) {
  .item__slider-5 {
    margin-bottom: 11px;
  }
}
.item__slider-6,
.item__slider-7,
.item__slider-8 {
  margin-bottom: 0;
}
@media screen and (max-width: 767px) {
  .item__slider-6,
  .item__slider-7,
  .item__slider-8 {
    margin-bottom: 11px;
  }
}
.item__slider-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  width: 100%;
  max-width: calc(100% - 92px);
}
@media screen and (max-width: 767px) {
  .item__slider-wrapper {
    max-width: 100%;
  }
}
.item__slider-wrapper-0 {
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}
@media screen and (max-width: 575px) {
  .item__slider-wrapper-0 {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .item__slider-wrapper-0 .item__slider {
    width: 100%;
    max-width: calc((100% - 20px) / 2);
    margin-left: 5px !important;
    margin-right: 5px !important;
  }
  .item__slider-wrapper-0 .item__slider .swiper-container,
  .item__slider-wrapper-0 .item__slider .b-skin {
    width: 100%;
    max-width: 175px;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 374px) {
  .item__slider-wrapper-0 {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
  .item__slider-wrapper-0 .item__slider {
    max-width: 100%;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
}
.item__slider-wrapper-1 {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
@media screen and (max-width: 575px) {
  .item__slider-wrapper-1 .item__slider {
    width: 100%;
    max-width: calc((100% - 20px) / 2);
    margin-left: 5px;
    margin-right: 5px;
  }
  .item__slider-wrapper-1 .b-skin {
    width: 100%;
  }
}
@media screen and (max-width: 424px) {
  .item__slider-wrapper-1 {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
}
@media screen and (max-width: 374px) {
  .item__slider-wrapper-1 .item__slider {
    max-width: 100%;
  }
  .item__slider-wrapper-1 .item__slider .swiper-container,
  .item__slider-wrapper-1 .item__slider .b-skin {
    max-width: 175px;
    margin-left: auto;
    margin-right: auto;
  }
}
.guides {
  position: relative;
  background-image: -webkit-linear-gradient(239deg, #d53bf6 0%, #6b0491 99%);
  background-image: -o-linear-gradient(239deg, #d53bf6 0%, #6b0491 99%);
  background-image: linear-gradient(-149deg, #d53bf6 0%, #6b0491 99%);
}
.guides__bg {
  z-index: 0;
  overflow: hidden;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.guides__bg-top {
  content: "";
  position: absolute;
  left: 0;
  width: 100%;
}
.guides__bg-top {
  top: 0;
  min-height: 65px;
}
.guides__bg-top:before {
  content: "";
  position: absolute;
  top: -35px;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #0183b1;
  -webkit-transform: skewY(-1deg);
  -ms-transform: skewY(-1deg);
  transform: skewY(-1deg);
}
.guides__bg-triangle {
  position: absolute;
}
.guides__bg-triangle-0 {
  opacity: 0.26;
  top: 20%;
  left: 0;
}
.guides__bg-triangle-1 {
  opacity: 0.26;
  top: 35%;
  right: 0;
}
.guides__triangle {
  z-index: 1;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
@media screen and (max-width: 575px) {
  .guides__triangle {
    display: none;
  }
}
.guides__triangle-img {
  position: absolute;
}
.guides__triangle-img-0 {
  top: 0;
  left: 0;
}
.guides__triangle-img-1 {
  top: 0;
  right: 0;
}
.guides__triangle-img-2 {
  left: 3%;
  bottom: -10%;
}
.guides__triangle-img-3 {
  right: 30%;
  bottom: -2%;
}
.guides .c-grid {
  max-width: 1230px;
}
.guides__wrapper {
  z-index: 2;
  position: relative;
}
.guides__wrapper-0 {
  padding-top: 65px;
}
.guides__wrapper-2 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  padding-top: 40px;
}
.guides__title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
  max-width: 432px;
  height: 77px;
  padding-left: 30px;
  margin-bottom: 20px;
  background-color: #fe23a9;
  color: #fff;
  -webkit-clip-path: polygon(0 0, 100% 3%, 96% 100%, 4% 100%);
  clip-path: polygon(0 0, 100% 3%, 96% 100%, 4% 100%);
}
.guides__title h2 {
  padding-left: 18px;
  line-height: 1;
  text-transform: uppercase;
  padding-left: 10px;
  font-size: 30px;
}
@media screen and (min-width: 320px) {
  .guides__title h2 {
    padding-left: calc(10px + 8 * (100vw - 320px) / 672);
  }
}
@media screen and (min-width: 992px) {
  .guides__title h2 {
    padding-left: 18px;
  }
}
@media screen and (min-width: 320px) {
  .guides__title h2 {
    font-size: calc(30px + 15 * (100vw - 320px) / 672);
  }
}
@media screen and (min-width: 992px) {
  .guides__title h2 {
    font-size: 45px;
  }
}
.guides__block {
  overflow: hidden;
  position: relative;
  width: 100%;
  min-height: 383px;
  margin-left: 12px;
  margin-right: 12px;
  border: 4px solid #e6f3f8;
}
.guides__block:hover img {
  -webkit-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
  -webkit-transition: -webkit-transform 0.3s ease-in-out;
  transition: -webkit-transform 0.3s ease-in-out;
  -o-transition: transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
}
.guides__block-0 {
  max-width: 50%;
}
@media screen and (max-width: 991px) {
  .guides__block-0 {
    max-width: 100%;
    margin-bottom: 24px;
  }
}
@media screen and (max-width: 575px) {
  .guides__block-0 {
    margin-bottom: 15px;
  }
}
.guides__block-1,
.guides__block-2 {
  max-width: 25%;
}
@media screen and (max-width: 991px) {
  .guides__block-1,
  .guides__block-2 {
    max-width: calc((100% - 48px) / 2);
  }
}
@media screen and (max-width: 575px) {
  .guides__block-1,
  .guides__block-2 {
    max-width: 100%;
    margin-bottom: 15px;
  }
}
.guides__block-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media screen and (max-width: 991px) {
  .guides__block-wrapper {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
}
.guides__block img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
  -webkit-transition: -webkit-transform 0.3s ease-in-out;
  transition: -webkit-transform 0.3s ease-in-out;
  -o-transition: transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
}
.guides__block-info {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 17px 11px;
  background-color: rgba(0, 0, 0, 0.7);
}
.guides__block-info h3 {
  padding-bottom: 10px;
  color: #ffd600;
  text-transform: uppercase;
  font-size: 20px;
}
.guides__block-info p {
  color: #fff;
  font-family: "Ubuntu", sans-serif;
}
.guides__block-badge {
  position: absolute;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  top: 0;
  right: 0;
  min-width: 152px;
  height: 39px;
  padding: 5px 15px;
  background-color: #ff7e00;
  -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 5% 100%);
  clip-path: polygon(0 0, 100% 0, 100% 100%, 5% 100%);
}
.guides__block-badge p {
  color: #fff;
  text-transform: uppercase;
  font-size: 20px;
}
.challenges {
  position: relative;
  padding: 45px 12px 30px;
}
.challenges:before {
  content: "";
  z-index: -1;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #edf9fd;
  -webkit-clip-path: polygon(0 0, 100% 1%, 99% 98%, 1% 98%);
  clip-path: polygon(0 0, 100% 1%, 99% 98%, 1% 98%);
}
.challenges__triangle {
  z-index: -1;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.challenges__triangle img {
  position: absolute;
}
.challenges__triangle img:nth-of-type(1) {
  top: -1%;
  left: 5%;
}
.challenges__triangle img:nth-of-type(2) {
  bottom: -1%;
  left: 5%;
}
.challenges__title {
  z-index: 1;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  min-height: 80px;
  margin-bottom: 5px;
  padding-left: 18px;
  padding-right: 9px;
}
@media screen and (max-width: 575px) {
  .challenges__title {
    padding-left: 9px;
  }
}
.challenges__title-0 span:nth-of-type(2) {
  -webkit-clip-path: polygon(0.25% 0, 85% 0, 83% 98%, 1.25% 99%);
  clip-path: polygon(0.25% 0, 85% 0, 83% 98%, 1.25% 99%);
}
.challenges__title-1 span:nth-of-type(2) {
  -webkit-clip-path: polygon(0.25% 0, 75% 0, 73% 98%, 1.25% 99%);
  clip-path: polygon(0.25% 0, 75% 0, 73% 98%, 1.25% 99%);
}
.challenges__title-bg {
  z-index: -1;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.challenges__title-bg span {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.challenges__title-bg span:nth-of-type(1) {
  background-color: #ffa051;
  -webkit-clip-path: polygon(0 5%, 100% 0, 99% 96%, 1% 100%);
  clip-path: polygon(0 5%, 100% 0, 99% 96%, 1% 100%);
}
.challenges__title-bg span:nth-of-type(2) {
  background-color: #ffd600;
}
.challenges__title-bg span:nth-of-type(2):after {
  content: "";
  z-index: -1;
  position: absolute;
  top: 0;
  right: 0;
  width: 150px;
}
.challenges__title-left {
  width: 57px;
}
@media screen and (max-width: 575px) {
  .challenges__title-left {
    width: 30px;
  }
}
.challenges__title-middle {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 72px;
}
.challenges__title-right {
  width: 100%;
  max-width: calc(100% - (72px + 57px));
}
@media screen and (max-width: 575px) {
  .challenges__title-right {
    max-width: calc(100% - (72px + 30px));
  }
}
.challenges__title-check {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 57px;
  height: 56px;
  background-color: #ffa200;
  -webkit-clip-path: polygon(0 0, 100% 0, 90% 100%, 0 100%);
  clip-path: polygon(0 0, 100% 0, 90% 100%, 0 100%);
}
@media screen and (max-width: 575px) {
  .challenges__title-check {
    width: 30px;
    height: 29px;
  }
}
.challenges__title-check i {
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
  color: #fff;
  font-size: 21px;
}
.challenges__title-name {
  color: #fff;
  line-height: 1;
  text-transform: uppercase;
  font-size: 48px;
  font-size: 30px;
}
@media screen and (min-width: 320px) {
  .challenges__title-name {
    font-size: calc(30px + 18 * (100vw - 320px) / 1120);
  }
}
@media screen and (min-width: 1440px) {
  .challenges__title-name {
    font-size: 48px;
  }
}
.challenges__block {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  min-height: 56px;
  padding: 5px;
  margin-bottom: 5px;
}
.challenges__block:before {
  content: "";
  z-index: -1;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #a83bcb;
  -webkit-clip-path: polygon(0 5%, 100% 0, 99% 96%, 0 100%);
  clip-path: polygon(0 5%, 100% 0, 99% 96%, 0 100%);
  -webkit-transition: -webkit-clip-path 0.3s ease-in-out;
  transition: -webkit-clip-path 0.3s ease-in-out;
  -o-transition: clip-path 0.3s ease-in-out;
  transition: clip-path 0.3s ease-in-out;
  transition: clip-path 0.3s ease-in-out, -webkit-clip-path 0.3s ease-in-out;
}
.challenges__block:hover:before {
  -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
  clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
  -webkit-transition: -webkit-clip-path 0.3s ease-in-out;
  transition: -webkit-clip-path 0.3s ease-in-out;
  -o-transition: clip-path 0.3s ease-in-out;
  transition: clip-path 0.3s ease-in-out;
  transition: clip-path 0.3s ease-in-out, -webkit-clip-path 0.3s ease-in-out;
}
.challenges__block-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  padding-left: 20px;
}
@media screen and (max-width: 575px) {
  .challenges__block-wrapper {
    padding-left: 0;
  }
}
.challenges__block-left {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 187px;
}
@media screen and (max-width: 575px) {
  .challenges__block-left {
    width: 65px;
    text-align: center;
  }
}
.challenges__block-left:after {
  content: "";
  position: absolute;
  right: -3px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 3px;
  height: 34px;
  background-color: #c999d8;
}
.challenges__block-middle {
  width: 100%;
  max-width: calc(100% - (187px + 65px));
  padding-left: 37px;
  padding-right: 10px;
}
@media screen and (max-width: 575px) {
  .challenges__block-middle {
    max-width: calc(100% - (65px + 65px));
    padding-left: 10px;
    padding-right: 5px;
  }
}
.challenges__block-right {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 65px;
}
.challenges__block-title {
  color: #fff;
  line-height: 1;
  text-transform: uppercase;
  font-size: 14px;
}
@media screen and (min-width: 320px) {
  .challenges__block-title {
    font-size: calc(14px + 4 * (100vw - 320px) / 448);
  }
}
@media screen and (min-width: 768px) {
  .challenges__block-title {
    font-size: 18px;
  }
}
.challenges__block-name,
.challenges__block-desc {
  font-size: 16px;
  font-family: "Ubuntu", sans-serif;
  font-size: 14px;
}
@media screen and (min-width: 320px) {
  .challenges__block-name,
  .challenges__block-desc {
    font-size: calc(14px + 2 * (100vw - 320px) / 448);
  }
}
@media screen and (min-width: 768px) {
  .challenges__block-name,
  .challenges__block-desc {
    font-size: 16px;
  }
}
.challenges__block-name {
  color: #fff;
}
.challenges__block-desc {
  color: #ffd600;
}
.challenges__block-item {
  overflow: hidden;
  position: relative;
  width: 29px;
  height: 29px;
  padding: 5px;
  background-color: #000;
}
.challenges__block-item img {
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  display: block;
  max-width: 100%;
  max-height: 100%;
  margin-left: auto;
  margin-right: auto;
}
.challenges__block-xp {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-pack: distribute;
  justify-content: space-around;
}
.challenges__block-xp > div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 21px;
  height: 23px;
  margin-left: auto;
  margin-right: auto;
  background-color: #61d334;
  -webkit-clip-path: polygon(0 5%, 100% 0, 95% 75%, 50% 100%, 0% 75%);
  clip-path: polygon(0 5%, 100% 0, 95% 75%, 50% 100%, 0% 75%);
}
.challenges__block-xp > div span {
  color: #fff;
  text-transform: uppercase;
  font-size: 12px;
}
.challenges__block-xp p {
  padding-top: 6px;
  color: #fff;
  line-height: 1;
  font-size: 12px;
  font-family: "Ubuntu", sans-serif;
}
.combos {
  position: relative;
}
.combos__bg {
  z-index: 0;
  position: absolute;
  top: 30px;
  left: 0;
  width: 100%;
  height: 100%;
}
.combos__bg-bottom,
.combos__bg-top {
  z-index: 0;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.combos__bg-bottom {
  background-color: #1ac2fe;
  -webkit-clip-path: polygon(0 0, 100% 2%, 100% 100%, 0 100%);
  clip-path: polygon(0 0, 100% 2%, 100% 100%, 0 100%);
}
.combos__bg-bottom:before {
  content: "";
  z-index: 0;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #53d2ff;
  -webkit-clip-path: polygon(0 25%, 20% 35%, 0 45%);
  clip-path: polygon(0 25%, 20% 35%, 0 45%);
}
.combos__bg-top {
  background-color: #0183b1;
  -webkit-clip-path: polygon(0 80%, 95% 10%, 100% 15%, 100% 100%, 0 100%);
  clip-path: polygon(0 80%, 95% 10%, 100% 15%, 100% 100%, 0 100%);
}
.combos__triangle {
  z-index: 1;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.combos__triangle img {
  position: absolute;
}
.combos__triangle img:nth-of-type(1) {
  top: 0;
  left: 0;
}
.combos__triangle img:nth-of-type(2) {
  top: 20px;
  right: 8%;
}
.combos__triangle img:nth-of-type(3) {
  top: 0;
  right: 0;
}
.combos .c-grid {
  max-width: 1276px;
}
.combos__wrapper {
  z-index: 2;
  position: relative;
}
.combos__row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media screen and (max-width: 575px) {
  .combos__row {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
}
.combos__row-left,
.combos__row-right {
  width: 50%;
}
@media screen and (max-width: 575px) {
  .combos__row-left,
  .combos__row-right {
    width: 100%;
  }
}
.combos__row-left {
  padding-right: 7px;
}
@media screen and (max-width: 575px) {
  .combos__row-left {
    padding-right: 0;
    margin-bottom: 30px;
  }
}
.combos__row-right {
  padding-left: 7px;
}
@media screen and (max-width: 575px) {
  .combos__row-right {
    padding-left: 0;
  }
}
.combos__header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
  max-width: 432px;
  height: 77px;
  margin-left: 11px;
  padding: 5px 30px;
  background-color: #f4d180;
  -webkit-clip-path: polygon(0 0, 100% 1%, 96% 97%, 2% 98%);
  clip-path: polygon(0 0, 100% 1%, 96% 97%, 2% 98%);
}
.combos__header .icon-i-combos {
  color: #fff;
  font-size: 30px;
}
@media screen and (min-width: 320px) {
  .combos__header .icon-i-combos {
    font-size: calc(30px + 12 * (100vw - 320px) / 672);
  }
}
@media screen and (min-width: 992px) {
  .combos__header .icon-i-combos {
    font-size: 42px;
  }
}
.combos__header h2 {
  padding-left: 15px;
  color: #fff;
  text-transform: uppercase;
  line-height: 1.2;
  font-size: 30px;
}
@media screen and (min-width: 320px) {
  .combos__header h2 {
    font-size: calc(30px + 18 * (100vw - 320px) / 672);
  }
}
@media screen and (min-width: 992px) {
  .combos__header h2 {
    font-size: 48px;
  }
}
.combos__footer {
  position: relative;
  height: 50px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}
.combos__btn {
  z-index: 10;
  position: absolute;
  top: -20px;
  right: -10px;
  max-width: 207px;
  height: 59px;
}
.combos__box {
  position: relative;
  display: block;
}
.combos__box--legendary .combos__box-title--bg {
  background-color: #e38748;
}
.combos__box--legendary .combos__box-title--bg:before {
  background-color: #c04d1f;
}
.combos__box--epic .combos__box-title--bg {
  background-color: #b04eec;
}
.combos__box--epic .combos__box-title--bg:before {
  background-color: #701fe5;
}
.combos__box--rare .combos__box-title--bg {
  background-color: #3ad6ff;
}
.combos__box--rare .combos__box-title--bg:before {
  background-color: #215dc2;
}
.combos__box--uncommon .combos__box-title--bg {
  background-color: #8fee3b;
}
.combos__box--uncommon .combos__box-title--bg:before {
  background-color: #227622;
}
.combos__box--common .combos__box-title--bg {
  background-color: #bebebe;
}
.combos__box--common .combos__box-title--bg:before {
  background-color: #848282;
}
.combos__box-bg {
  z-index: -1;
  position: absolute;
  top: 67px;
  left: 0;
  width: 100%;
  height: calc(100% - (50px + 17px));
  background-color: #1d2841;
  -webkit-clip-path: polygon(1% 1%, 100% 0, 98% 99%, 2% 100%);
  clip-path: polygon(1% 1%, 100% 0, 98% 99%, 2% 100%);
}
.combos__box-bg:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #232f4c;
  -webkit-clip-path: polygon(0 0, 40% 0, 80% 70%, 0 100%);
  clip-path: polygon(0 0, 40% 0, 80% 70%, 0 100%);
}
.combos__box-triangle {
  z-index: 0;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.combos__box-triangle img {
  position: absolute;
}
.combos__box-triangle img:nth-of-type(1) {
  top: 50px;
  left: -15px;
}
.combos__box-triangle img:nth-of-type(2) {
  top: 25%;
  left: -10px;
}
.combos__box-triangle img:nth-of-type(3) {
  top: 50px;
  right: -15px;
}
.combos__box-triangle img:nth-of-type(4) {
  left: -15px;
  bottom: -15px;
}
.combos__box-triangle img:nth-of-type(5) {
  left: 20%;
  bottom: -20px;
}
.combos__box-wrapper {
  z-index: 2;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media screen and (max-width: 1199px) {
  .combos__box-wrapper {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
}
.combos__box-left {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  width: 100%;
  max-width: calc(100% - 245px);
  min-height: 572px;
  padding-left: 15px;
  padding-right: 15px;
}
@media screen and (max-width: 1199px) {
  .combos__box-left {
    max-width: 100%;
  }
}
.combos__box-left > img {
  display: block;
  max-width: 100%;
  height: auto;
  margin-left: auto;
  margin-right: auto;
  -webkit-filter: drop-shadow(15px 5px 0 #171f32);
  filter: drop-shadow(15px 5px 0 #171f32);
}
.combos__box-left .e-skin__block-points {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  position: relative;
  top: -10px;
  padding-bottom: 0;
}
.combos__box-left .e-skin__block-points span {
  color: #fff;
  font-size: 18px;
  font-weight: 600;
}
.combos__box-right {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  width: 245px;
  padding-top: 80px;
}
@media screen and (max-width: 1199px) {
  .combos__box-right {
    width: 100%;
    max-width: 100%;
    padding-top: 30px;
    padding-left: 15px;
    padding-right: 15px;
  }
  .combos__box-right > div {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: calc(100% / 3);
    padding-left: 5px;
    padding-right: 5px;
  }
}
@media screen and (max-width: 767px) {
  .combos__box-right > div {
    width: calc(100% / 2);
  }
}
.combos__box-bottom {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  width: 100%;
  padding-top: 10px;
}
.combos__box-title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  position: relative;
  top: -20px;
  width: 100%;
  max-width: 253px;
  height: 56px;
  margin-left: auto;
  margin-right: auto;
  padding: 5px 10px;
}
.combos__box-title--bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #bebebe;
  -webkit-clip-path: polygon(0 1%, 99% 0, 100% 99%, 3% 98%);
  clip-path: polygon(0 1%, 99% 0, 100% 99%, 3% 98%);
}
.combos__box-title--bg:before {
  content: "";
  z-index: 0;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #848282;
  -webkit-clip-path: polygon(0 0, 100% 0, 35% 45%, 0 100%);
  clip-path: polygon(0 0, 100% 0, 35% 45%, 0 100%);
}
.combos__box-title--triangle {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.combos__box-title--triangle img {
  position: absolute;
}
.combos__box-title--triangle img:nth-of-type(1) {
  top: 0;
  right: 0;
}
.combos__box-title--triangle img:nth-of-type(2) {
  left: 0;
  bottom: 0;
}
.combos__box-title p,
.combos__box-title h2,
.combos__box-title h3 {
  z-index: 2;
  position: relative;
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 30px;
  color: #fff;
  text-transform: uppercase;
  line-height: 1.2;
}
.combos__box-total {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: relative;
  right: -3px;
  width: 100%;
  max-width: 202px;
  height: 53px;
  padding: 5px 10px 5px 13px;
  color: #fff;
}
.combos__box-total:before {
  content: "";
  z-index: -1;
  position: absolute;
  top: 8px;
  left: 5px;
  width: 100%;
  height: 100%;
  background-color: #804c26;
  -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 2% 100%);
  clip-path: polygon(0 0, 100% 0, 100% 100%, 2% 100%);
}
.combos__box-total--bg {
  z-index: -1;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #ca783c;
  -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 2% 100%);
  clip-path: polygon(0 0, 100% 0, 100% 100%, 2% 100%);
}
.combos__box-total--bg:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #ab622d;
  -webkit-clip-path: polygon(0 100%, 80% 70%, 100% 0, 100% 100%);
  clip-path: polygon(0 100%, 80% 70%, 100% 0, 100% 100%);
}
.combos__box-total p {
  font-size: 14px;
  padding-right: 5px;
  color: #fff;
  text-transform: uppercase;
  line-height: 1.2;
}
@media screen and (max-width: 767px) {
  .combos__box-total p {
    font-size: 12px;
  }
}
.combos__box-total .e-skin__block-points {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding-bottom: 0;
}
.combos__box-total .e-skin__block-points span {
  font-size: 24px;
  font-weight: 600;
  color: #fff;
  text-transform: uppercase;
  line-height: 1.2;
}
@media screen and (max-width: 767px) {
  .combos__box-total .e-skin__block-points span {
    font-size: 18px;
  }
}
.combos__box-like {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: relative;
  width: 100%;
  max-width: 162px;
  height: 53px;
}
.combos__box-like:before {
  content: "";
  z-index: -1;
  position: absolute;
  top: 8px;
  left: 5px;
  width: 100%;
  height: 100%;
  background-color: #2ab3e4;
  -webkit-clip-path: polygon(0 0, 100% 0, 97% 100%, 2% 100%);
  clip-path: polygon(0 0, 100% 0, 97% 100%, 2% 100%);
}
.combos__box-like--bg {
  z-index: -1;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #35b8e7;
  -webkit-clip-path: polygon(0 0, 100% 0, 97% 100%, 2% 100%);
  clip-path: polygon(0 0, 100% 0, 97% 100%, 2% 100%);
}
.combos__box-like--bg:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #5fd5ff;
  -webkit-clip-path: polygon(0 100%, 80% 70%, 100% 0, 100% 100%);
  clip-path: polygon(0 100%, 80% 70%, 100% 0, 100% 100%);
}
.combos__box-like > span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 50%;
  height: 100%;
  color: #fff;
  font-size: 18px;
  font-weight: 700;
  font-family: "Ubuntu", sans-serif;
}
@media screen and (max-width: 767px) {
  .combos__box-like > span {
    font-size: 16px;
  }
}
@media screen and (max-width: 575px) {
  .combos__box-like > span {
    font-size: 14px;
  }
}
.combos__box-like > span .icon-font {
  position: relative;
  font-size: 18px;
}
@media screen and (max-width: 767px) {
  .combos__box-like > span .icon-font {
    font-size: 16px;
  }
}
@media screen and (max-width: 575px) {
  .combos__box-like > span .icon-font {
    font-size: 14px;
  }
}
.combos__box-like > span .icon-like {
  top: -3px;
}
.combos__box-like > span .icon-dislike {
  bottom: -2px;
}
.combos__box-like > span span {
  padding-left: 3px;
}
.combos__block {
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 105px;
  margin-right: 15px;
  margin-bottom: 10px;
}
@media screen and (max-width: 1199px) {
  .combos__block {
    margin-right: 0;
  }
}
.combos__block--legendary .combos__block-top:before {
  background-image: -webkit-radial-gradient(#ea8d23, #c04d1f);
  background-image: -o-radial-gradient(#ea8d23, #c04d1f);
  background-image: radial-gradient(#ea8d23, #c04d1f);
}
.combos__block--epic .combos__block-top:before {
  background-image: -webkit-radial-gradient(#c359ff, #701fe5);
  background-image: -o-radial-gradient(#c359ff, #701fe5);
  background-image: radial-gradient(#c359ff, #701fe5);
}
.combos__block--rare .combos__block-top:before {
  background-image: -webkit-radial-gradient(#2cc1ff, #215dc2);
  background-image: -o-radial-gradient(#2cc1ff, #215dc2);
  background-image: radial-gradient(#2cc1ff, #215dc2);
}
.combos__block--uncommon .combos__block-top:before {
  background-image: -webkit-radial-gradient(#69bb1e, #227622);
  background-image: -o-radial-gradient(#69bb1e, #227622);
  background-image: radial-gradient(#69bb1e, #227622);
}
.combos__block--default .combos__block-top:before {
  background-image: -webkit-radial-gradient(#bebebe, #848282);
  background-image: -o-radial-gradient(#bebebe, #848282);
  background-image: radial-gradient(#bebebe, #848282);
}
.combos__block--custom .combos__block-top:before {
  background-image: -webkit-radial-gradient(#727d96, #212c45);
  background-image: -o-radial-gradient(#727d96, #212c45);
  background-image: radial-gradient(#727d96, #212c45);
}
.combos__block:hover .combos__block-top:after {
  opacity: 1;
  -webkit-transition: opacity 0.3s ease-in-out;
  -o-transition: opacity 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out;
}
.combos__block:hover .combos__block-top img {
  -webkit-transform-origin: center;
  -ms-transform-origin: center;
  transform-origin: center;
  -webkit-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
  -webkit-transition: -webkit-transform 0.3s ease-in-out;
  transition: -webkit-transform 0.3s ease-in-out;
  -o-transition: transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
}
.combos__block-top {
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  position: relative;
  width: 100%;
  height: 105px;
  border-style: solid;
  border-width: 4px;
  border-color: #e8f2ff;
  -webkit-box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.17);
  box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.17);
}
.combos__block-top:before,
.combos__block-top:after {
  content: "";
  z-index: -1;
  position: absolute;
  top: 0;
  left: 0;
  width: calc(100% + 2px);
  height: calc(100% + 2px);
}
.combos__block-top:after {
  opacity: 0;
  background: -webkit-radial-gradient(
    center,
    200px,
    rgba(255, 255, 255, 0.3),
    rgba(255, 255, 255, 0.05)
  );
  background: -o-radial-gradient(
    center,
    200px,
    rgba(255, 255, 255, 0.3),
    rgba(255, 255, 255, 0.05)
  );
  background: radial-gradient(
    200px at center,
    rgba(255, 255, 255, 0.3),
    rgba(255, 255, 255, 0.05)
  );
  -webkit-transition: opacity 0.3s ease-in-out;
  -o-transition: opacity 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out;
}
.combos__block-top img {
  z-index: 2;
  position: relative;
  display: block;
  max-width: 100%;
  height: auto;
  margin-left: auto;
  margin-right: auto;
  -webkit-transform-origin: center;
  -ms-transform-origin: center;
  transform-origin: center;
  -webkit-transition: -webkit-transform 0.3s ease-in-out;
  transition: -webkit-transform 0.3s ease-in-out;
  -o-transition: transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
}
.combos__block-bottom {
  min-height: 40px;
}
.combos__block-bottom p,
.combos__block-bottom h3 {
  padding-top: 5px;
  padding-bottom: 5px;
  font-size: 16px;
  color: #fff;
  text-transform: uppercase;
  text-align: center;
  line-height: 1.2;
}
.combos__block-bottom .e-skin__block-points {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding-bottom: 0;
}
.combos__block-bottom .e-skin__block-points span {
  color: #fff;
  font-size: 14px;
  font-weight: 600;
}
.combos__block-badge {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  z-index: 10;
  position: absolute;
  top: -4px;
  left: -4px;
  width: 30px;
  height: 30px;
  background-color: #e8f2ff;
}
.combos__block-badge i {
  opacity: 0.65;
  -webkit-filter: invert(1);
  filter: invert(1);
  -webkit-transform: scale(0.65);
  -ms-transform: scale(0.65);
  transform: scale(0.65);
}
.pp {
  padding-bottom: 127px;
}
@media screen and (max-width: 767px) {
  .pp {
    overflow: hidden;
  }
}
.pp__wrapper-0 {
  position: relative;
  min-height: 279px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.pp__wrapper-0 .pp__bg {
  z-index: 0;
  overflow: hidden;
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
}
.pp__wrapper-0 .pp__bg:before {
  content: "";
  z-index: 0;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: -webkit-linear-gradient(149deg, #1ac2fe 0%, #04a7e1 100%);
  background-image: -o-linear-gradient(149deg, #1ac2fe 0%, #04a7e1 100%);
  background-image: linear-gradient(-59deg, #1ac2fe 0%, #04a7e1 100%);
}
.pp__wrapper-0 .pp__bg-corner {
  position: absolute;
  left: 0;
  bottom: -20px;
  width: 100%;
  height: 60px;
  background-color: #fff;
  -webkit-transform: skewY(-1deg);
  -ms-transform: skewY(-1deg);
  transform: skewY(-1deg);
}
.pp__wrapper-0 .pp__bg-figure {
  position: absolute;
}
.pp__wrapper-0 .pp__bg-figure-0 {
  top: -60px;
  left: 0;
}
.pp__wrapper-0 .pp__bg-figure-1 {
  top: -90px;
  right: 0;
}
.pp__wrapper-0 .pp__figure {
  z-index: 1;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.pp__wrapper-0 .pp__figure-img {
  position: absolute;
  bottom: 0;
}
.pp__wrapper-0 .pp__figure-img-0 {
  left: 0;
}
@media screen and (max-width: 575px) {
  .pp__wrapper-0 .pp__figure-img-0 {
    display: none;
  }
}
.pp__wrapper-0 .pp__figure-img-1 {
  left: 100px;
}
@media screen and (max-width: 575px) {
  .pp__wrapper-0 .pp__figure-img-1 {
    bottom: 15px;
  }
}
.pp__wrapper-0 .pp__figure-img-2 {
  right: 100px;
  bottom: 20px;
}
.pp__wrapper-0 .pp__figure-img-3 {
  right: 0;
}
@media screen and (max-width: 575px) {
  .pp__wrapper-0 .pp__figure-img-3 {
    display: none;
  }
}
.pp .c-grid {
  z-index: 2;
  position: relative;
}
@media screen and (max-width: 767px) {
  .pp__content {
    padding-bottom: 100px;
  }
}
@media screen and (max-width: 767px) {
  .pp__content .banner {
    display: none;
  }
}
.pp__title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 100%;
  max-width: 600px;
  margin-top: -40px;
  margin-left: auto;
  margin-right: auto;
  color: #fff;
  font-size: 50px;
}
@media screen and (min-width: 320px) {
  .pp__title {
    font-size: calc(50px + 50 * (100vw - 320px) / 448);
  }
}
@media screen and (min-width: 768px) {
  .pp__title {
    font-size: 100px;
  }
}
.nfound {
  position: relative;
  background-color: #1ac2fe;
  background-image: url(../images/img-404-bg.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}
.nfound__wrapper {
  z-index: 1;
  position: relative;
  padding-top: 54px;
  padding-bottom: 88px;
}
.nfound p {
  color: #fff;
  text-align: center;
  font-family: "Ubuntu", sans-serif;
  font-size: 20px;
}
@media screen and (min-width: 320px) {
  .nfound p {
    font-size: calc(20px + 4 * (100vw - 320px) / 447);
  }
}
@media screen and (min-width: 767px) {
  .nfound p {
    font-size: 24px;
  }
}
.nfound img {
  display: block;
  max-width: 100%;
  height: auto;
  margin-left: auto;
  margin-right: auto;
}
.rewards {
  position: relative;
  min-height: 272px;
  margin-bottom: 35px;
}
@media screen and (max-width: 767px) {
  .rewards {
    overflow: hidden;
  }
}
.rewards__bg {
  z-index: 0;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #2a2a2a;
  background-image: url(../images/img-rewards-bg.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  -webkit-clip-path: polygon(0 0, 100% 0, 100% 70%, 0 100%);
  clip-path: polygon(0 0, 100% 0, 100% 70%, 0 100%);
}
@media screen and (max-width: 767px) {
  .rewards__bg {
    -webkit-clip-path: polygon(0 0, 100% 0, 100% 85%, 0 100%);
    clip-path: polygon(0 0, 100% 0, 100% 85%, 0 100%);
  }
}
.rewards__triangle {
  z-index: 0;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.rewards__triangle img {
  position: absolute;
}
.rewards__triangle img:nth-of-type(1) {
  left: 3%;
  bottom: -25%;
}
.rewards__triangle img:nth-of-type(2) {
  left: 12%;
  bottom: -15%;
}
.rewards__triangle img:nth-of-type(3) {
  right: 12%;
  bottom: 3%;
}
.rewards__triangle img:nth-of-type(4) {
  right: 3%;
  bottom: 10%;
}
.rewards__wrapper {
  z-index: 2;
  position: relative;
  padding-top: 53px;
}
.rewards__title {
  position: relative;
  width: 100%;
  max-width: 804px;
  margin-left: auto;
  margin-right: auto;
  color: #fff;
  font-size: 38px;
}
@media screen and (min-width: 320px) {
  .rewards__title {
    font-size: calc(38px + 62 * (100vw - 320px) / 1120);
  }
}
@media screen and (min-width: 1440px) {
  .rewards__title {
    font-size: 100px;
  }
}
.rewards__title span {
  color: #ffd600;
}
.rewards__title-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  padding: 10px;
  background-color: #1787a5;
  -webkit-clip-path: polygon(0 0, 100% 7%, 97% 96%, 3% 100%);
  clip-path: polygon(0 0, 100% 7%, 97% 96%, 3% 100%);
}
.rewards__title-wrapper:before {
  content: "";
  z-index: -1;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #0c7793;
  -webkit-clip-path: polygon(0 100%, 85% 65%, 100% 0, 100% 100%);
  clip-path: polygon(0 100%, 85% 65%, 100% 0, 100% 100%);
}
.rewards__title-triangle {
  z-index: 0;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.rewards__title-triangle img {
  position: absolute;
  top: -20px;
}
.rewards__title-triangle img:nth-child(1) {
  left: 10px;
}
.rewards__title-triangle img:nth-child(2) {
  right: 20px;
}
.rewards__subtitle {
  position: relative;
  top: -15px;
  width: 100%;
  max-width: 711px;
  margin-left: auto;
  margin-right: auto;
  height: 85px;
}
@media screen and (min-width: 320px) {
  .rewards__subtitle {
    height: calc(85px + 9 * (100vw - 320px) / 1120);
  }
}
@media screen and (min-width: 1440px) {
  .rewards__subtitle {
    height: 94px;
  }
}
.rewards__subtitle-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  background-color: #ffb45d;
  -webkit-clip-path: polygon(0 0, 100% 0, 98% 98%, 2% 100%);
  clip-path: polygon(0 0, 100% 0, 98% 98%, 2% 100%);
}
.rewards__subtitle-wrapper:before {
  content: "";
  z-index: -1;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #eb9f47;
  -webkit-clip-path: polygon(0 0, 100% 0, 12% 30%, 7% 70%, 0 0);
  clip-path: polygon(0 0, 100% 0, 12% 30%, 7% 70%, 0 0);
}
.rewards__subtitle-triangle {
  z-index: 0;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
@media screen and (max-width: 575px) {
  .rewards__subtitle-triangle {
    display: none;
  }
}
.rewards__subtitle-triangle img {
  position: absolute;
  bottom: -20px;
}
.rewards__subtitle-triangle img:nth-child(1) {
  left: 10px;
}
.rewards__subtitle-triangle img:nth-child(2) {
  left: 75px;
}
.rewards__subtitle-triangle img:nth-child(3) {
  right: 75px;
}
.rewards__subtitle-triangle img:nth-child(4) {
  right: 10px;
}
.rewards__subtitle h2,
.rewards__subtitle p {
  line-height: 1.2;
  text-align: center;
  text-transform: uppercase;
}
.rewards__subtitle h2 {
  padding-top: 5px;
  color: #fff;
  font-size: 28px;
}
@media screen and (min-width: 320px) {
  .rewards__subtitle h2 {
    font-size: calc(28px + 22 * (100vw - 320px) / 1120);
  }
}
@media screen and (min-width: 1440px) {
  .rewards__subtitle h2 {
    font-size: 50px;
  }
}
.rewards__subtitle p {
  padding-bottom: 5px;
  color: #7e4b0f;
  font-size: 14px;
}
@media screen and (min-width: 320px) {
  .rewards__subtitle p {
    font-size: calc(14px + 4 * (100vw - 320px) / 1120);
  }
}
@media screen and (min-width: 1440px) {
  .rewards__subtitle p {
    font-size: 18px;
  }
}
.grants {
  position: relative;
  min-height: 762px;
  margin-bottom: 75px;
}
.grants:before {
  content: "";
  z-index: 0;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: calc(100% - 48px);
  background-color: #283450;
  -webkit-clip-path: polygon(0 0, 100% 1%, 99% 99%, 0 100%);
  clip-path: polygon(0 0, 100% 1%, 99% 99%, 0 100%);
}
.grants__triangle {
  z-index: 0;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.grants__triangle img {
  position: absolute;
}
.grants__triangle img:nth-of-type(1) {
  left: 0;
  top: 20px;
}
.grants__triangle img:nth-of-type(2) {
  left: 15%;
  top: 40px;
}
.grants__triangle img:nth-of-type(3) {
  right: 15%;
  top: 38px;
}
.grants__triangle img:nth-of-type(4) {
  top: 15%;
  right: -15px;
}
.grants__triangle img:nth-of-type(5) {
  left: 2%;
  bottom: -30px;
}
.grants__triangle img:nth-of-type(6) {
  left: 10%;
  bottom: -5%;
}
.grants__triangle img:nth-of-type(7) {
  bottom: -5%;
  right: 15%;
}
.grants__triangle img:nth-of-type(8) {
  right: 15px;
  bottom: -3%;
}
.grants__wrapper {
  z-index: 2;
  position: relative;
}
.grants__header {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 100%;
  max-width: 640px;
  height: 98px;
  margin-left: auto;
  margin-right: auto;
  padding: 0 10px;
  background-color: #5fd5ff;
  -webkit-clip-path: polygon(0 0, 100% 7%, 97% 96%, 3% 100%);
  clip-path: polygon(0 0, 100% 7%, 97% 96%, 3% 100%);
}
@media screen and (max-width: 991px) {
  .grants__header {
    max-width: 540px;
    margin-left: 0;
  }
}
@media screen and (max-width: 767px) {
  .grants__header {
    max-width: calc(100% - 131px);
  }
}
.grants__header:before {
  content: "";
  z-index: -1;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #48c1ec;
  -webkit-clip-path: polygon(0 100%, 85% 65%, 100% 0, 100% 100%);
  clip-path: polygon(0 100%, 85% 65%, 100% 0, 100% 100%);
}
.grants__header h2 {
  color: #fff;
  line-height: 1;
  text-align: center;
  text-transform: uppercase;
  font-size: 26px;
}
@media screen and (min-width: 320px) {
  .grants__header h2 {
    font-size: calc(26px + 22 * (100vw - 320px) / 880);
  }
}
@media screen and (min-width: 1200px) {
  .grants__header h2 {
    font-size: 48px;
  }
}
.grants__badge {
  position: absolute;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  top: 54px;
  right: 0;
  width: 100%;
  max-width: 131px;
  height: 72px;
  margin-left: auto;
}
.grants__badge:before {
  content: "";
  z-index: -1;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #3d4965;
  -webkit-clip-path: polygon(0 0, 100% 0, 98% 100%, 0% 98%);
  clip-path: polygon(0 0, 100% 0, 98% 100%, 0% 98%);
}
.grants__badge-triangle {
  z-index: 0;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.grants__badge-triangle img {
  position: absolute;
  bottom: -30%;
  left: -15%;
}
.grants__badge p,
.grants__badge span {
  z-index: 1;
  position: relative;
  color: #fff;
}
.grants__badge p {
  padding-bottom: 5px;
  font-family: "Ubuntu", sans-serif;
  font-size: 14px;
}
@media screen and (min-width: 320px) {
  .grants__badge p {
    font-size: calc(14px + 2 * (100vw - 320px) / 448);
  }
}
@media screen and (min-width: 768px) {
  .grants__badge p {
    font-size: 16px;
  }
}
.grants__badge span {
  text-transform: uppercase;
  font-size: 20px;
}
@media screen and (min-width: 320px) {
  .grants__badge span {
    font-size: calc(20px + 4 * (100vw - 320px) / 448);
  }
}
@media screen and (min-width: 768px) {
  .grants__badge span {
    font-size: 24px;
  }
}
.grants__content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}
@media screen and (max-width: 991px) {
  .grants__content {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
}
.grants__content-left {
  width: 100%;
  max-width: calc(100% - 360px);
  padding-top: 34px;
}
@media screen and (max-width: 991px) {
  .grants__content-left {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
    max-width: 100%;
    padding-bottom: 30px;
  }
}
.grants__content-right {
  width: 360px;
  padding-top: 70px;
}
@media screen and (max-width: 991px) {
  .grants__content-right {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
    width: 100%;
  }
}
@media screen and (max-width: 575px) {
  .grants__content-right {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
}
.grants__num {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  padding: 13px 13px 13px 36px;
}
.grants__num-btn {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 100%;
  max-width: 73px;
  height: 59px;
  margin-left: 3px;
  margin-right: 3px;
  background-color: #455781;
  color: #fff;
  font-size: 30px;
  -webkit-transition: color 0.3s ease-in-out, -webkit-clip-path 0.3s ease-in-out;
  transition: color 0.3s ease-in-out, -webkit-clip-path 0.3s ease-in-out;
  -o-transition: clip-path 0.3s ease-in-out, color 0.3s ease-in-out;
  transition: clip-path 0.3s ease-in-out, color 0.3s ease-in-out;
  transition: clip-path 0.3s ease-in-out, color 0.3s ease-in-out,
    -webkit-clip-path 0.3s ease-in-out;
}
.grants__num-btn:first-of-type {
  margin-left: 0;
}
@media screen and (max-width: 424px) {
  .grants__num-btn:first-of-type {
    margin-left: auto;
  }
}
@media screen and (max-width: 424px) {
  .grants__num-btn:last-of-type {
    margin-right: auto;
  }
}
.grants__num-btn:before {
  content: "";
  z-index: -1;
  position: absolute;
  top: 3px;
  left: 3px;
  width: calc(100% - 6px);
  height: calc(100% - 6px);
  background-color: #435272;
  -webkit-transition: -webkit-clip-path 0.3s ease-in-out;
  transition: -webkit-clip-path 0.3s ease-in-out;
  -o-transition: clip-path 0.3s ease-in-out;
  transition: clip-path 0.3s ease-in-out;
  transition: clip-path 0.3s ease-in-out, -webkit-clip-path 0.3s ease-in-out;
}
.grants__num-btn:hover {
  -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
  clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
  color: rgba(255, 255, 255, 0.85);
  -webkit-transition: color 0.3s ease-in-out, -webkit-clip-path 0.3s ease-in-out;
  transition: color 0.3s ease-in-out, -webkit-clip-path 0.3s ease-in-out;
  -o-transition: clip-path 0.3s ease-in-out, color 0.3s ease-in-out;
  transition: clip-path 0.3s ease-in-out, color 0.3s ease-in-out;
  transition: clip-path 0.3s ease-in-out, color 0.3s ease-in-out,
    -webkit-clip-path 0.3s ease-in-out;
}
.grants__num-btn:hover:before {
  -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
  clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
  -webkit-transition: -webkit-clip-path 0.3s ease-in-out;
  transition: -webkit-clip-path 0.3s ease-in-out;
  -o-transition: clip-path 0.3s ease-in-out;
  transition: clip-path 0.3s ease-in-out;
  transition: clip-path 0.3s ease-in-out, -webkit-clip-path 0.3s ease-in-out;
}
.grants__num-btn--empty {
  background-color: transparent;
}
.grants__num-btn--empty:before {
  display: none;
}
.grants__num-btn--0 {
  -webkit-clip-path: polygon(0 0, 100% 0, 96% 100%, 4% 100%);
  clip-path: polygon(0 0, 100% 0, 96% 100%, 4% 100%);
}
.grants__num-btn--0:before {
  -webkit-clip-path: polygon(0 0, 100% 0, 96% 100%, 4% 100%);
  clip-path: polygon(0 0, 100% 0, 96% 100%, 4% 100%);
}
.grants__num-btn--1 {
  -webkit-clip-path: polygon(4% 0, 100% 0, 100% 100%, 0 100%);
  clip-path: polygon(4% 0, 100% 0, 100% 100%, 0 100%);
}
.grants__num-btn--1:before {
  -webkit-clip-path: polygon(4% 0, 100% 0, 100% 100%, 0 100%);
  clip-path: polygon(4% 0, 100% 0, 100% 100%, 0 100%);
}
.grants__num-btn--2 {
  -webkit-clip-path: polygon(0 0, 97% 0, 100% 100%, 3% 100%);
  clip-path: polygon(0 0, 97% 0, 100% 100%, 3% 100%);
}
.grants__num-btn--2:before {
  -webkit-clip-path: polygon(0 0, 97% 0, 100% 100%, 3% 100%);
  clip-path: polygon(0 0, 97% 0, 100% 100%, 3% 100%);
}
.grants__num-btn--3 {
  -webkit-clip-path: polygon(0 0, 92% 0, 100% 100%, 3% 100%);
  clip-path: polygon(0 0, 92% 0, 100% 100%, 3% 100%);
}
.grants__num-btn--3:before {
  -webkit-clip-path: polygon(0 0, 92% 0, 100% 100%, 3% 100%);
  clip-path: polygon(0 0, 92% 0, 100% 100%, 3% 100%);
}
.grants__num-btn--3 {
  -webkit-clip-path: polygon(0 0, 92% 0, 100% 100%, 3% 100%);
  clip-path: polygon(0 0, 92% 0, 100% 100%, 3% 100%);
}
.grants__num-btn--3:before {
  -webkit-clip-path: polygon(0 0, 92% 0, 100% 100%, 3% 100%);
  clip-path: polygon(0 0, 92% 0, 100% 100%, 3% 100%);
}
.grants__num-btn--4 {
  -webkit-clip-path: polygon(4% 0, 100% 0, 100% 100%, 0 100%);
  clip-path: polygon(4% 0, 100% 0, 100% 100%, 0 100%);
}
.grants__num-btn--4:before {
  -webkit-clip-path: polygon(4% 0, 100% 0, 100% 100%, 0 100%);
  clip-path: polygon(4% 0, 100% 0, 100% 100%, 0 100%);
}
.grants__num-btn--5 {
  -webkit-clip-path: polygon(0 0, 100% 0, 98% 100%, 4% 100%);
  clip-path: polygon(0 0, 100% 0, 98% 100%, 4% 100%);
}
.grants__num-btn--5:before {
  -webkit-clip-path: polygon(0 0, 100% 0, 98% 100%, 4% 100%);
  clip-path: polygon(0 0, 100% 0, 98% 100%, 4% 100%);
}
.grants__num-btn--6 {
  -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 3% 100%);
  clip-path: polygon(0 0, 100% 0, 100% 100%, 3% 100%);
}
.grants__num-btn--6:before {
  -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 3% 100%);
  clip-path: polygon(0 0, 100% 0, 100% 100%, 3% 100%);
}
.grants__num-btn--7 {
  -webkit-clip-path: polygon(3% 0, 100% 0, 100% 100%, 0 100%);
  clip-path: polygon(3% 0, 100% 0, 100% 100%, 0 100%);
}
.grants__num-btn--7:before {
  -webkit-clip-path: polygon(3% 0, 100% 0, 100% 100%, 0 100%);
  clip-path: polygon(3% 0, 100% 0, 100% 100%, 0 100%);
}
.grants__progress {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  width: 100%;
  max-width: 744px;
  min-height: 182px;
  padding: 13px;
}
.grants__progress:before {
  content: "";
  z-index: -1;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -webkit-clip-path: polygon(0 0, 100% 3%, 99% 100%, 1% 100%);
  clip-path: polygon(0 0, 100% 3%, 99% 100%, 1% 100%);
}
.grants__progress--blue {
  margin-top: 90px;
}
.grants__progress--blue:before {
  background-color: #6a7ea3;
}
.grants__progress--blue .grants__progress-line {
  background-color: #7597cd;
}
.grants__progress--blue .grants__progress-line--0 {
  background-color: #9ab6dd;
}
.grants__progress--orange:before {
  background-color: #795d14;
}
.grants__progress--orange .grants__progress-line {
  background-color: #977338;
}
.grants__progress--orange .grants__progress-line--0 {
  background-color: #ad8543;
}
.grants__progress-wrapper {
  padding-left: 23px;
  padding-top: 5px;
  padding-bottom: 5px;
}
.grants__progress-cover {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
  max-width: calc(100% - (73px + 6px));
}
.grants__progress-box {
  padding-top: 5px;
  padding-bottom: 5px;
}
@media screen and (max-width: 575px) {
  .grants__progress-box {
    overflow-y: auto;
  }
}
.grants__progress-line {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
  max-width: 73px;
  min-height: 100%;
  margin-left: 3px;
  margin-right: 3px;
  padding: 12px 5px;
}
@media screen and (max-width: 424px) {
  .grants__progress-line {
    max-width: calc(100% - 6px);
  }
}
.grants__progress-line--0 {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.grants__progress-btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  width: 54px;
  height: 54px;
  margin-top: 4px;
  margin-bottom: 4px;
  padding: 5px;
}
.grants__progress-btn--green {
  border-width: 2px;
}
.grants__progress-btn--orange {
  border-width: 2px;
}
.grants__progress-btn--pink {
  border-width: 2px;
}
.grants__progress-btn--blue {
  border-width: 2px;
}
.grants__progress-btn--gray {
  border-width: 2px;
}
.grants__progress-btn img {
  display: block;
  max-width: 100%;
  max-height: 100%;
  margin: auto;
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
.grants__square {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding-top: 21px;
  padding-bottom: 21px;
}
@media screen and (max-width: 575px) {
  .grants__square {
    display: none;
  }
}
.grants__square .swiper-pagination-bullet {
  opacity: 1;
  outline: none;
  width: 24px;
  height: 24px;
  margin-left: 3px;
  margin-right: 3px;
  border-radius: 0;
  background-color: #42506e;
  -webkit-transition: background-color 0.3s ease-in-out;
  -o-transition: background-color 0.3s ease-in-out;
  transition: background-color 0.3s ease-in-out;
}
.grants__square .swiper-pagination-bullet:hover {
  background-color: rgba(154, 171, 211, 0.5);
  -webkit-transition: background-color 0.3s ease-in-out;
  -o-transition: background-color 0.3s ease-in-out;
  transition: background-color 0.3s ease-in-out;
}
.grants__square .swiper-pagination-bullet-active {
  background-color: #9aabd3;
}
.grants__avatar {
  position: relative;
  width: 225px;
  height: 225px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 30px;
  border: 2px solid #e95eff;
  background: -webkit-radial-gradient(
    center,
    ellipse,
    #944bc7 0%,
    #4d2585 100%
  );
  background: -o-radial-gradient(center, ellipse, #944bc7 0%, #4d2585 100%);
  background: radial-gradient(ellipse at center, #944bc7 0%, #4d2585 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#944bc7',endColorstr='#4d2585',GradientType=1);
}
@media screen and (max-width: 767px) {
  .grants__avatar {
    width: 180px;
    height: 180px;
    margin-bottom: 0;
  }
}
@media screen and (max-width: 575px) {
  .grants__avatar {
    margin-bottom: 30px;
  }
}
.grants__avatar img {
  display: block;
  max-width: 100%;
  max-height: 100%;
  margin: auto;
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
.grants__outfit {
  position: relative;
  width: 100%;
  max-width: 300px;
  min-height: 163px;
  margin-left: auto;
  margin-right: auto;
  padding-bottom: 16px;
}
.grants__outfit:before {
  content: "";
  z-index: -1;
  position: absolute;
  top: 4px;
  left: 0;
  width: 100%;
  height: calc(100% - 4px);
  background-color: #323e5c;
  -webkit-clip-path: polygon(0 2%, 100% 0, 95% 97%, 2% 100%);
  clip-path: polygon(0 2%, 100% 0, 95% 97%, 2% 100%);
}
.grants__outfit-badge {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  position: relative;
  width: 58px;
  height: 22px;
  margin-left: 11px;
  background-color: #6f81ae;
  -webkit-clip-path: polygon(0 0, 100% 3%, 97% 95%, 3% 100%);
  clip-path: polygon(0 0, 100% 3%, 97% 95%, 3% 100%);
}
.grants__outfit-badge:before {
  content: "";
  z-index: -1;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #566998;
  -webkit-clip-path: polygon(0 100%, 85% 65%, 100% 0, 100% 100%);
  clip-path: polygon(0 100%, 85% 65%, 100% 0, 100% 100%);
}
.grants__outfit-badge p {
  color: #fff;
  line-height: 1;
  text-transform: uppercase;
  font-size: 14px;
}
@media screen and (max-width: 575px) {
  .grants__outfit-badge p {
    font-size: 12px;
  }
}
.grants__outfit-title {
  padding-top: 9px;
  padding-left: 21px;
  padding-bottom: 14px;
  color: #fff;
  text-transform: uppercase;
  font-size: 24px;
}
@media screen and (min-width: 320px) {
  .grants__outfit-title {
    font-size: calc(24px + 6 * (100vw - 320px) / 448);
  }
}
@media screen and (min-width: 768px) {
  .grants__outfit-title {
    font-size: 30px;
  }
}
.grants__outfit-content {
  position: relative;
  width: 100%;
  max-width: 245px;
  height: 77px;
  margin-left: auto;
  margin-right: auto;
  padding: 15px;
}
.grants__outfit-content:before {
  content: "";
  z-index: -1;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #3e4b6d;
  -webkit-clip-path: polygon(0 0, 100% 2%, 98% 100%, 0% 98%);
  clip-path: polygon(0 0, 100% 2%, 98% 100%, 0% 98%);
}
.grants__outfit-content img {
  z-index: 0;
  position: absolute;
  bottom: -5px;
  right: 10px;
}
.grants__outfit-content p {
  color: #fff;
  font-size: 16px;
  font-family: "Ubuntu", sans-serif;
}
@media screen and (max-width: 575px) {
  .grants__outfit-content p {
    font-size: 14px;
  }
}
.sets {
  position: relative;
}
.sets__top,
.sets__bottom {
  position: relative;
}
.sets__top-bg,
.sets__bottom-bg {
  z-index: -1;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}
.sets__top {
  z-index: 1;
}
.sets__top-bg {
  height: 100%;
  background-color: #5a1e74;
  background-image: url(../images/img-sets-bg.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 85%);
  clip-path: polygon(0 0, 100% 0, 100% 100%, 0 85%);
}
.sets__top-title,
.sets__top-text {
  color: #fff;
  text-align: center;
}
.sets__top-title {
  padding-bottom: 20px;
  line-height: 1;
  text-transform: uppercase;
  font-size: 100px;
  font-size: 55px;
}
@media screen and (min-width: 320px) {
  .sets__top-title {
    font-size: calc(55px + 45 * (100vw - 320px) / 1119);
  }
}
@media screen and (min-width: 1439px) {
  .sets__top-title {
    font-size: 100px;
  }
}
.sets__top-title span {
  color: #ff0;
}
.sets__top-text {
  font-family: "Ubuntu", sans-serif;
  font-size: 16px;
}
@media screen and (min-width: 320px) {
  .sets__top-text {
    font-size: calc(16px + 4 * (100vw - 320px) / 1119);
  }
}
@media screen and (min-width: 1439px) {
  .sets__top-text {
    font-size: 20px;
  }
}
.sets__bottom {
  z-index: 0;
  top: -50px;
  min-height: 461px;
}
.sets__bottom-bg {
  height: calc(100% - 60px);
  background-image: -webkit-gradient(
    linear,
    left top,
    left bottom,
    from(#d735ca),
    color-stop(99%, #ff00ea)
  );
  background-image: -webkit-linear-gradient(top, #d735ca 0%, #ff00ea 99%);
  background-image: -o-linear-gradient(top, #d735ca 0%, #ff00ea 99%);
  background-image: linear-gradient(180deg, #d735ca 0%, #ff00ea 99%);
  -webkit-clip-path: polygon(0 0, 100% 0, 100% 85%, 0 100%);
  clip-path: polygon(0 0, 100% 0, 100% 85%, 0 100%);
}
.sets__bottom-bg span {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.sets__bottom-bg span:nth-of-type(1) {
  background-color: #f611e6;
  -webkit-clip-path: polygon(80% 0, 100% 0%, 100% 30%, 65% 55%);
  clip-path: polygon(80% 0, 100% 0%, 100% 30%, 65% 55%);
}
.sets__bottom-triangle {
  z-index: 0;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.sets__bottom-triangle img {
  position: absolute;
}
.sets__bottom-triangle img:nth-of-type(1) {
  left: 0;
  bottom: 40px;
}
.sets__bottom-triangle img:nth-of-type(2) {
  right: 10%;
  bottom: 80px;
}
.sets__bottom-triangle img:nth-of-type(3) {
  right: 0;
  bottom: 40px;
}
.sets__bottom .c-grid {
  max-width: 1260px;
}
.sets__bottom-title {
  position: absolute;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  left: 0;
  top: calc(100% - 61px);
  width: 100%;
  max-width: 590px;
  height: 102px;
  padding-left: 41px;
  background-color: #871cea;
  -webkit-clip-path: polygon(1% 1%, 96% 0, 100% 100%, 0 98%);
  clip-path: polygon(1% 1%, 96% 0, 100% 100%, 0 98%);
}
@media screen and (max-width: 575px) {
  .sets__bottom-title {
    padding-left: 21px;
  }
}
.sets__bottom-title:before {
  content: "";
  z-index: 0;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #740cd5;
  -webkit-clip-path: polygon(0 100%, 55% 65%, 100% 0, 100% 100%);
  clip-path: polygon(0 100%, 55% 65%, 100% 0, 100% 100%);
}
.sets__bottom-title h2 {
  z-index: 1;
  position: relative;
  color: #fff;
  line-height: 1;
  text-transform: uppercase;
  font-size: 36px;
}
@media screen and (min-width: 320px) {
  .sets__bottom-title h2 {
    font-size: calc(36px + 12 * (100vw - 320px) / 1119);
  }
}
@media screen and (min-width: 1439px) {
  .sets__bottom-title h2 {
    font-size: 48px;
  }
}
.sets__wrapper {
  z-index: 2;
  position: relative;
}
.sets__wrapper-0 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  min-height: 319px;
}
.sets__wrapper-1,
.sets__wrapper-2 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media screen and (max-width: 767px) {
  .sets__wrapper-1,
  .sets__wrapper-2 {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
}
.sets__wrapper-1 {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding-top: 70px;
}
@media screen and (max-width: 767px) {
  .sets__wrapper-1 .sets__wrapper-right {
    display: none;
  }
}
.sets__wrapper-2 {
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}
@media screen and (max-width: 767px) {
  .sets__wrapper-2 {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
  }
}
.sets__wrapper-left {
  width: 100%;
  max-width: calc(100% - 370px);
}
@media screen and (max-width: 767px) {
  .sets__wrapper-left {
    max-width: 100%;
  }
}
.sets__wrapper-right {
  width: 370px;
}
@media screen and (max-width: 767px) {
  .sets__wrapper-right {
    width: 100%;
  }
}
.sets__content {
  position: relative;
  width: 100%;
  max-width: 805px;
  min-height: 248px;
  padding: 47px 54px;
}
@media screen and (max-width: 1199px) {
  .sets__content {
    padding: 30px 40px;
  }
}
.sets__content-bg {
  z-index: -1;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.sets__content-bg span {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.sets__content-bg span:nth-of-type(1) {
  top: 10px;
  background-color: #ba1bad;
  -webkit-clip-path: polygon(0 0, 100% 3%, 97% 98%, 2% 100%);
  clip-path: polygon(0 0, 100% 3%, 97% 98%, 2% 100%);
}
.sets__content-bg span:nth-of-type(2) {
  left: 15px;
  background-color: #d545de;
  -webkit-clip-path: polygon(0 0, 100% 3%, 97% 98%, 2% 100%);
  clip-path: polygon(0 0, 100% 3%, 97% 98%, 2% 100%);
}
.sets__content-bg span:nth-of-type(2):before {
  content: "";
  z-index: 0;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #e84cf2;
  -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 35% 65%, 0 0);
  clip-path: polygon(0 0, 100% 0, 100% 100%, 35% 65%, 0 0);
}
.sets__content-text {
  padding-bottom: 20px;
  color: #fff;
  font-family: "Ubuntu", sans-serif;
  font-size: 14px;
}
@media screen and (min-width: 320px) {
  .sets__content-text {
    font-size: calc(14px + 4 * (100vw - 320px) / 1119);
  }
}
@media screen and (min-width: 1439px) {
  .sets__content-text {
    font-size: 18px;
  }
}
.sets__content-text:last-of-type {
  padding-bottom: 0;
}
.sets__note {
  position: relative;
  width: 100%;
  max-width: 805px;
  min-height: 83px;
  margin-top: 20px;
  padding: 24px 39px;
  background-color: #dc602c;
  -webkit-clip-path: polygon(0 3%, 100% 0, 96% 98%, 3% 100%);
  clip-path: polygon(0 3%, 100% 0, 96% 98%, 3% 100%);
}
.sets__note:before {
  content: "";
  z-index: 0;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #ff7236;
  -webkit-clip-path: polygon(0 100%, 75% 65%, 90% 0, 100% 0, 100% 100%);
  clip-path: polygon(0 100%, 75% 65%, 90% 0, 100% 0, 100% 100%);
}
.sets__note p {
  z-index: 1;
  position: relative;
  color: #fff;
  line-height: 1.6;
  font-family: "Ubuntu", sans-serif;
  font-size: 14px;
}
@media screen and (min-width: 320px) {
  .sets__note p {
    font-size: calc(14px + 4 * (100vw - 320px) / 1119);
  }
}
@media screen and (min-width: 1439px) {
  .sets__note p {
    font-size: 18px;
  }
}
.sets__note p span {
  font-weight: 700;
}
.sets__note p a {
  color: #ff0;
}
.sets__search {
  width: 100%;
  min-height: 73px;
  padding: 21px 28px;
  background-color: #f0e;
  -webkit-clip-path: polygon(2% 0, 98% 0, 100% 100%, 0 93%);
  clip-path: polygon(2% 0, 98% 0, 100% 100%, 0 93%);
}
@media screen and (max-width: 767px) {
  .sets__search {
    max-width: 370px;
    margin-left: auto;
    margin-right: auto;
  }
}
.sets__search-content {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  min-height: 63px;
  padding-top: 13px;
  padding-bottom: 7px;
  background-color: #fff;
  -webkit-clip-path: polygon(1% 2%, 98% 0, 100% 100%, 0 97%);
  clip-path: polygon(1% 2%, 98% 0, 100% 100%, 0 97%);
}
.sets__search-content > div:nth-of-type(1) {
  position: relative;
  width: 100%;
  max-width: calc(100% - 74px);
}
.sets__search-content > div:nth-of-type(2) {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 74px;
}
.sets__search-input {
  outline: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding-left: 21px;
  border: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  border-radius: 0;
  font-size: 14px;
  font-family: "Ubuntu", sans-serif;
}
.sets__search-input.placeholder {
  color: #bfbfbf;
}
.sets__search-input:-moz-placeholder {
  color: #bfbfbf;
}
.sets__search-input::-moz-placeholder {
  color: #bfbfbf;
}
.sets__search-input:-ms-input-placeholder {
  color: #bfbfbf;
}
.sets__search-input::-webkit-input-placeholder {
  color: #bfbfbf;
}
.sets__search-btn {
  cursor: pointer;
  outline: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  border: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  border-radius: 0;
  width: 46px;
  height: 44px;
  background-color: #ffd600;
  color: #fff;
  font-size: 27px;
  -webkit-clip-path: polygon(0 0, 100% 5%, 97% 97%, 4% 100%);
  clip-path: polygon(0 0, 100% 5%, 97% 97%, 4% 100%);
}
.set {
  padding-top: 40px;
  padding-bottom: 40px;
}
@media screen and (min-width: 320px) {
  .set {
    padding-top: calc(40px + 27 * (100vw - 320px) / 1119);
  }
}
@media screen and (min-width: 1439px) {
  .set {
    padding-top: 67px;
  }
}
@media screen and (min-width: 320px) {
  .set {
    padding-bottom: calc(40px + 27 * (100vw - 320px) / 1119);
  }
}
@media screen and (min-width: 1439px) {
  .set {
    padding-bottom: 67px;
  }
}
.set .c-grid {
  max-width: 1260px;
}
.set__wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}
.set__block-bg,
.set__block-triangle {
  position: absolute;
  left: 0;
  width: 100%;
}
.set__block-bg {
  z-index: -1;
  top: 71px;
  height: calc(100% - 71px);
  background-color: #edf9fd;
  -webkit-clip-path: polygon(0 0, 100% 1%, 99% 99%, 0.5% 100%);
  clip-path: polygon(0 0, 100% 1%, 99% 99%, 0.5% 100%);
}
.set__block-triangle {
  z-index: 0;
  top: 0;
  height: 100%;
}
.set__block-triangle img {
  position: absolute;
}
.set__block-triangle img:nth-of-type(1) {
  top: 30px;
  left: 1%;
}
.set__block-triangle img:nth-of-type(2) {
  top: 30px;
  left: 15%;
}
.set__block-triangle img:nth-of-type(3) {
  top: 50px;
  right: 20%;
}
.set__block-triangle img:nth-of-type(4) {
  top: 30px;
  right: 1%;
}
.set__block-triangle img:nth-of-type(5) {
  left: 10%;
  bottom: -30px;
}
@media screen and (max-width: 575px) {
  .set__block-triangle img:nth-of-type(5) {
    display: none;
  }
}
.set__block-wrapper {
  position: relative;
  margin-bottom: 58px;
}
.set__block-wrapper:last-of-type {
  margin-bottom: 0;
}
.set__block-header,
.set__block-body {
  z-index: 2;
  position: relative;
}
.set__block-header {
  min-height: 210px;
  padding-bottom: 30px;
}
.set__block-body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding-bottom: 43px;
}
.set__block-body > div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  min-width: 200px;
  width: calc((100% - 16px) / 5);
  margin-bottom: 30px;
  padding-left: 5px;
  padding-right: 5px;
}
@media screen and (max-width: 767px) {
  .set__block-body > div {
    width: 100%;
    min-width: auto;
    max-width: calc((100% - 30px) / 3);
  }
}
@media screen and (max-width: 575px) {
  .set__block-body > div {
    max-width: calc((100% - 20px) / 2);
  }
}
@media screen and (max-width: 374px) {
  .set__block-body > div {
    max-width: 100%;
  }
}
.set__block-body .b-skin {
  width: 211px;
  height: 166px;
}
.set__block-body .b-skin__view {
  bottom: auto;
  top: 4px;
}
.set__block-body .b-skin__view .icon-font,
.set__block-body .b-skin__view span {
  font-size: 14px;
}
.set__block-title {
  z-index: 2;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 100%;
  min-height: 98px;
  max-width: 640px;
  margin-left: auto;
  margin-right: auto;
  padding: 5px 30px;
  background-color: #5fd5ff;
  -webkit-clip-path: polygon(0 0, 100% 4%, 96% 96%, 3% 100%);
  clip-path: polygon(0 0, 100% 4%, 96% 96%, 3% 100%);
}
@media screen and (max-width: 575px) {
  .set__block-title {
    padding-left: 15px;
    padding-right: 15px;
  }
}
.set__block-title h3 {
  color: #fff;
  line-height: 1;
  text-align: center;
  text-transform: uppercase;
  font-size: 33px;
}
@media screen and (min-width: 320px) {
  .set__block-title h3 {
    font-size: calc(33px + 15 * (100vw - 320px) / 1119);
  }
}
@media screen and (min-width: 1439px) {
  .set__block-title h3 {
    font-size: 48px;
  }
}
.set__block-subtitle {
  z-index: 1;
  position: relative;
  top: -15px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 100%;
  max-width: 668px;
  min-height: 116px;
  margin-left: auto;
  margin-right: auto;
  padding: 35px 30px 15px;
  color: #fff;
}
@media screen and (max-width: 575px) {
  .set__block-subtitle {
    padding-left: 15px;
    padding-right: 15px;
  }
}
.set__block-subtitle-bg {
  z-index: -1;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.set__block-subtitle-bg i {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.set__block-subtitle-bg i:nth-of-type(1) {
  left: 10px;
  top: 10px;
  background-color: #5fd5ff;
  -webkit-clip-path: polygon(0 0, 100% 4%, 96% 96%, 3% 100%);
  clip-path: polygon(0 0, 100% 4%, 96% 96%, 3% 100%);
}
.set__block-subtitle-bg i:nth-of-type(2) {
  background-color: #35b8e7;
  -webkit-clip-path: polygon(0 0, 100% 4%, 96% 96%, 3% 100%);
  clip-path: polygon(0 0, 100% 4%, 96% 96%, 3% 100%);
}
.set__block-subtitle > div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
@media screen and (max-width: 374px) {
  .set__block-subtitle > div {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}
.set__block-subtitle > div > p {
  padding-bottom: 10px;
  line-height: 1;
  text-align: center;
  text-transform: uppercase;
  font-size: 24px;
}
@media screen and (min-width: 320px) {
  .set__block-subtitle > div > p {
    font-size: calc(24px + 6 * (100vw - 320px) / 1119);
  }
}
@media screen and (min-width: 1439px) {
  .set__block-subtitle > div > p {
    font-size: 30px;
  }
}
.set__block-subtitle > div > span {
  position: relative;
  padding-left: 14px;
  padding-right: 14px;
  text-align: center;
  font-weight: 700;
  font-family: "Ubuntu", sans-serif;
  font-size: 16px;
}
@media screen and (min-width: 320px) {
  .set__block-subtitle > div > span {
    font-size: calc(16px + 2 * (100vw - 320px) / 1119);
  }
}
@media screen and (min-width: 1439px) {
  .set__block-subtitle > div > span {
    font-size: 18px;
  }
}
@media screen and (max-width: 575px) {
  .set__block-subtitle > div > span {
    padding-left: 7px;
    padding-right: 7px;
  }
}
.set__block-subtitle > div > span span {
  font-weight: 400;
}
.set__block-subtitle > div > span:nth-of-type(2):before,
.set__block-subtitle > div > span:nth-of-type(2):after {
  content: "";
  opacity: 0.24;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 4px;
  height: 13px;
  background-color: #fefdff;
}
@media screen and (max-width: 575px) {
  .set__block-subtitle > div > span:nth-of-type(2):before,
  .set__block-subtitle > div > span:nth-of-type(2):after {
    display: none;
  }
}
.set__block-subtitle > div > span:nth-of-type(2):before {
  left: -3px;
}
.set__block-subtitle > div > span:nth-of-type(2):after {
  right: -3px;
}
.rarity {
  position: relative;
  top: -62px;
  width: 100%;
  max-width: 707px;
  min-height: 258px;
  margin-left: auto;
}
@media screen and (max-width: 767px) {
  .rarity {
    top: -52px;
    margin-right: auto;
  }
}
@media screen and (max-width: 374px) {
  .rarity {
    top: -42px;
  }
}
.rarity:before {
  content: "";
  z-index: 0;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #222738;
  -webkit-clip-path: polygon(0 0, 100% 5%, 98% 100%, 4% 98%);
  clip-path: polygon(0 0, 100% 5%, 98% 100%, 4% 98%);
}
.rarity__figure,
.rarity__triangle {
  z-index: 0;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.rarity__figure img,
.rarity__triangle img {
  position: absolute;
}
.rarity__figure {
  overflow: hidden;
  -webkit-clip-path: polygon(0 0, 100% 5%, 98% 100%, 4% 98%);
  clip-path: polygon(0 0, 100% 5%, 98% 100%, 4% 98%);
}
.rarity__figure img:nth-of-type(1) {
  bottom: 0;
  left: 0;
}
.rarity__figure img:nth-of-type(2) {
  top: 0;
  right: 0;
}
.rarity__triangle img:nth-of-type(1) {
  top: -10%;
  left: 0;
}
@media screen and (max-width: 991px) {
  .rarity__triangle img:nth-of-type(1) {
    display: none;
  }
}
.rarity__triangle img:nth-of-type(2) {
  left: 15%;
  top: -10px;
}
.rarity__triangle img:nth-of-type(3) {
  top: 0;
  right: 20%;
}
@media screen and (max-width: 991px) {
  .rarity__triangle img:nth-of-type(3) {
    display: none;
  }
}
.rarity__triangle img:nth-of-type(4) {
  right: 0;
  top: -10%;
}
@media screen and (max-width: 991px) {
  .rarity__triangle img:nth-of-type(4) {
    display: none;
  }
}
.rarity__triangle img:nth-of-type(5) {
  bottom: -10%;
  left: 0;
}
@media screen and (max-width: 767px) {
  .rarity__triangle img:nth-of-type(5) {
    display: none;
  }
}
.rarity__triangle img:nth-of-type(6) {
  left: 20%;
  bottom: -5%;
}
.rarity__triangle img:nth-of-type(7) {
  right: 0;
  bottom: -10%;
}
@media screen and (max-width: 374px) {
  .rarity__triangle img:nth-of-type(7) {
    display: none;
  }
}
.rarity__wrapper {
  z-index: 2;
  position: relative;
  padding: 27px;
}
.rarity__row-0 {
  padding-bottom: 24px;
}
.rarity__title {
  padding-bottom: 21px;
  color: #fff;
  line-height: 1;
  text-transform: uppercase;
  font-size: 19px;
}
@media screen and (min-width: 320px) {
  .rarity__title {
    font-size: calc(19px + 5 * (100vw - 320px) / 448);
  }
}
@media screen and (min-width: 768px) {
  .rarity__title {
    font-size: 24px;
  }
}
.rarity__btn {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 100%;
  height: 44px;
  margin-right: 21px;
  padding-left: 10px;
  padding-right: 10px;
  color: #fff;
  line-height: 1.2;
  text-align: center;
  font-size: 16px;
  text-transform: uppercase;
  -webkit-clip-path: polygon(0 0, 100% 5%, 97% 96%, 2% 100%);
  clip-path: polygon(0 0, 100% 5%, 97% 96%, 2% 100%);
  -webkit-transition: -webkit-clip-path 0.3s ease-in-out;
  transition: -webkit-clip-path 0.3s ease-in-out;
  -o-transition: clip-path 0.3s ease-in-out;
  transition: clip-path 0.3s ease-in-out;
  transition: clip-path 0.3s ease-in-out, -webkit-clip-path 0.3s ease-in-out;
}
@media screen and (max-width: 1199px) {
  .rarity__btn {
    font-size: 15px;
  }
}
.rarity__btn:before {
  content: "";
  z-index: -1;
  overflow: hidden;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -webkit-clip-path: polygon(0 100%, 65% 55%, 100% 0, 100% 100%);
  clip-path: polygon(0 100%, 65% 55%, 100% 0, 100% 100%);
  -webkit-transition: -webkit-clip-path 0.3s ease-in-out;
  transition: -webkit-clip-path 0.3s ease-in-out;
  -o-transition: clip-path 0.3s ease-in-out;
  transition: clip-path 0.3s ease-in-out;
  transition: clip-path 0.3s ease-in-out, -webkit-clip-path 0.3s ease-in-out;
}
.rarity__btn:last-of-type {
  margin-right: 0;
}
.rarity__btn:hover {
  color: #fff;
  -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
  clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
  -webkit-transition: -webkit-clip-path 0.3s ease-in-out;
  transition: -webkit-clip-path 0.3s ease-in-out;
  -o-transition: clip-path 0.3s ease-in-out;
  transition: clip-path 0.3s ease-in-out;
  transition: clip-path 0.3s ease-in-out, -webkit-clip-path 0.3s ease-in-out;
}
.rarity__btn:hover:before {
  -webkit-transform: scale(1.2);
  -ms-transform: scale(1.2);
  transform: scale(1.2);
  -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
  clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
  -webkit-transition: -webkit-clip-path 0.3s ease-in-out;
  transition: -webkit-clip-path 0.3s ease-in-out;
  -o-transition: clip-path 0.3s ease-in-out;
  transition: clip-path 0.3s ease-in-out;
  transition: clip-path 0.3s ease-in-out, -webkit-clip-path 0.3s ease-in-out;
}
.rarity__btn--legendary {
  background-color: #e38748;
}
.rarity__btn--legendary:before {
  background-color: #c1601e;
}
.rarity__btn--epic {
  background-color: #b04eec;
}
.rarity__btn--epic:before {
  background-color: #8e17d6;
}
.rarity__btn--rare {
  background-color: #3ad6ff;
}
.rarity__btn--rare:before {
  background-color: #00bbed;
}
.rarity__btn--uncommon {
  background-color: #8fee3b;
}
.rarity__btn--uncommon:before {
  background-color: #69cb12;
}
.rarity__btn--default {
  background-color: #bebebe;
}
.rarity__btn--default:before {
  background-color: #989898;
}
.rarity__btn--gray {
  background-color: #fff;
  color: #000;
}
.rarity__btn--gray:before {
  background-color: #eef0f7;
}
.rarity__btn--gray:hover {
  color: #000;
}
.rarity__btn-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
@media screen and (max-width: 991px) {
  .rarity__btn-wrapper-0 {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
}
.rarity__btn-wrapper-0 > div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 5px;
  width: 100%;
  max-width: calc(100% / 3);
}
@media screen and (max-width: 424px) {
  .rarity__btn-wrapper-0 > div {
    max-width: calc(100% / 2);
  }
}
.rarity__btn-wrapper-0 .rarity__btn {
  max-width: 133px;
}
@media screen and (max-width: 991px) {
  .rarity__btn-wrapper-0 .rarity__btn {
    margin-right: 0;
    margin-bottom: 15px;
  }
}
@media screen and (max-width: 767px) {
  .rarity__btn-wrapper-0 .rarity__btn {
    max-width: 133px;
  }
}
@media screen and (max-width: 575px) {
  .rarity__btn-wrapper-0 .rarity__btn {
    margin-right: 0;
    margin-bottom: 15px;
  }
}
@media screen and (max-width: 364px) {
  .rarity__btn-wrapper-0 .rarity__btn {
    max-width: 100%;
  }
}
@media screen and (max-width: 364px) {
  .rarity__btn-wrapper-1 {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
}
.rarity__btn-wrapper-1 .rarity__btn {
  max-width: 201px;
}
@media screen and (max-width: 364px) {
  .rarity__btn-wrapper-1 .rarity__btn {
    max-width: 100%;
    margin-right: 0;
    margin-bottom: 15px;
  }
}
.emotes {
  position: relative;
}
.emotes:before {
  content: "";
  z-index: 0;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: -webkit-linear-gradient(49deg, #0094cb 0%, #00a2dd 99%);
  background-image: -o-linear-gradient(49deg, #0094cb 0%, #00a2dd 99%);
  background-image: linear-gradient(41deg, #0094cb 0%, #00a2dd 99%);
  -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 90%);
  clip-path: polygon(0 0, 100% 0, 100% 100%, 0 90%);
}
.emotes__figure,
.emotes__triangle {
  z-index: 0;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.emotes__figure img,
.emotes__triangle img {
  position: absolute;
}
.emotes__figure {
  overflow: hidden;
}
.emotes__figure img:nth-of-type(1) {
  top: 0;
  left: 0;
}
.emotes__figure img:nth-of-type(2) {
  top: -50%;
  right: 10%;
}
.emotes__figure img:nth-of-type(3) {
  bottom: 10%;
  right: -3%;
}
@media screen and (max-width: 374px) {
  .emotes__triangle {
    display: none;
  }
}
@media screen and (max-width: 767px) {
  .emotes__triangle img {
    -webkit-transform: scale(0.75);
    -ms-transform: scale(0.75);
    transform: scale(0.75);
  }
}
.emotes__triangle img:nth-of-type(1) {
  bottom: 0;
  left: 0;
}
@media screen and (max-width: 767px) {
  .emotes__triangle img:nth-of-type(1) {
    bottom: -5%;
  }
}
.emotes__triangle img:nth-of-type(2) {
  bottom: -25px;
  right: 10%;
}
.emotes__triangle img:nth-of-type(3) {
  bottom: -10%;
  right: 0;
}
.emotes__wrapper {
  z-index: 2;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  min-height: 411px;
  padding-bottom: 30px;
  padding-top: 30px;
}
.emotes__title,
.emotes__text {
  color: #fff;
  text-align: center;
}
.emotes__title {
  padding-bottom: 20px;
  line-height: 1;
  text-shadow: 0 6px 0 rgba(0, 0, 0, 0.16);
  text-transform: uppercase;
  font-size: 50px;
}
@media screen and (min-width: 320px) {
  .emotes__title {
    font-size: calc(50px + 50 * (100vw - 320px) / 448);
  }
}
@media screen and (min-width: 768px) {
  .emotes__title {
    font-size: 100px;
  }
}
.emotes__title span {
  color: #ffd600;
}
.emotes__text {
  width: 100%;
  max-width: 962px;
  margin-left: auto;
  margin-right: auto;
  line-height: 1.6;
  font-family: "Ubuntu", sans-serif;
  font-size: 16px;
}
@media screen and (min-width: 320px) {
  .emotes__text {
    font-size: calc(16px + 4 * (100vw - 320px) / 448);
  }
}
@media screen and (min-width: 768px) {
  .emotes__text {
    font-size: 20px;
  }
}
.e-skin {
  position: relative;
  top: -31px;
}
.e-skin__wrapper {
  width: 100%;
  max-width: 680px;
  margin-left: auto;
  padding-top: 43px;
}
@media screen and (max-width: 767px) {
  .e-skin__wrapper {
    margin-right: auto;
  }
}
.e-skin__block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  max-width: calc((100% - 20px) / 2);
  min-height: 220px;
  margin-bottom: 30px;
}
@media screen and (max-width: 1199px) {
  .e-skin__block {
    max-width: 100%;
  }
}
.e-skin__block--epic .e-skin__block-image {
  border-color: #b04eec;
}
.e-skin__block--epic .e-skin__block-badge:before {
  background-color: #b04eec;
}
.e-skin__block--uncommon .e-skin__block-image {
  border-color: #8fee3b;
}
.e-skin__block--uncommon .e-skin__block-badge:before {
  background-color: #8fee3b;
}
.e-skin__block--rare .e-skin__block-image {
  border-color: #3ad6ff;
}
.e-skin__block--rare .e-skin__block-badge:before {
  background-color: #3ad6ff;
}
.e-skin__block--legendary .e-skin__block-image {
  border-color: #e38748;
}
.e-skin__block--legendary .e-skin__block-badge:before {
  background-color: #e38748;
}
.e-skin__block-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.e-skin__block-left {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 162px;
}
.e-skin__block-right {
  position: relative;
  width: 100%;
  max-width: calc(100% - 162px);
}
@media screen and (max-width: 1199px) {
  .e-skin__block-right {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
}
.e-skin__block-right:before {
  content: "";
  z-index: 0;
  position: absolute;
  top: 0;
  right: 0;
  width: calc(100% + 35px);
  height: 100%;
  background-color: #edf9fd;
  -webkit-clip-path: polygon(3% 3%, 100% 0, 97% 100%, 0 97%);
  clip-path: polygon(3% 3%, 100% 0, 97% 100%, 0 97%);
}
.e-skin__block-image {
  overflow: hidden;
  z-index: 2;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 152px;
  height: 199px;
  border: 4px solid transparent;
}
.e-skin__block-image:before,
.e-skin__block-image:after {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  width: calc(100% + 2px);
  height: calc(100% + 2px);
}
.e-skin__block-image:after {
  opacity: 0;
  background: -webkit-radial-gradient(
    center,
    200px,
    rgba(255, 255, 255, 0.3),
    rgba(255, 255, 255, 0.05)
  );
  background: -o-radial-gradient(
    center,
    200px,
    rgba(255, 255, 255, 0.3),
    rgba(255, 255, 255, 0.05)
  );
  background: radial-gradient(
    200px at center,
    rgba(255, 255, 255, 0.3),
    rgba(255, 255, 255, 0.05)
  );
  -webkit-transition: opacity 0.3s ease-in-out;
  -o-transition: opacity 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out;
}
.e-skin__block-image:hover:after {
  opacity: 1;
  -webkit-transition: opacity 0.3s ease-in-out;
  -o-transition: opacity 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out;
}
.e-skin__block-image:hover img {
  -webkit-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
  -webkit-transition: -webkit-transform 0.3s ease-in-out;
  transition: -webkit-transform 0.3s ease-in-out;
  -o-transition: transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
}
.e-skin__block-image img {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transform-origin: center;
  -ms-transform-origin: center;
  transform-origin: center;
  display: block;
  max-width: 100%;
  max-height: 100%;
  -webkit-transition: -webkit-transform 0.3s ease-in-out;
  transition: -webkit-transform 0.3s ease-in-out;
  -o-transition: transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
}
.e-skin__block-badge {
  position: absolute;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  top: 0;
  left: 0;
  height: 16px;
  padding-left: 5px;
  padding-right: 5px;
  color: #fff;
}
.e-skin__block-badge:before {
  content: "";
  z-index: 0;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -webkit-clip-path: polygon(0 0, 100% 0, 97% 99%, 0 100%);
  clip-path: polygon(0 0, 100% 0, 97% 99%, 0 100%);
}
.e-skin__block-badge i,
.e-skin__block-badge span {
  z-index: 1;
  position: relative;
}
.e-skin__block-badge .icon-font {
  font-size: 10px;
}
.e-skin__block-badge span {
  padding-left: 5px;
  text-transform: uppercase;
  font-size: 11px;
}
.e-skin__block-view {
  position: absolute;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  bottom: 0;
  right: 0;
  height: 16px;
  padding-left: 2px;
  padding-right: 2px;
  color: #fff;
}
.e-skin__block-view .icon-font {
  font-size: 11px;
}
.e-skin__block-view span {
  padding-left: 2px;
  text-transform: uppercase;
  font-size: 11px;
}
.e-skin__block-figure {
  z-index: 0;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.e-skin__block-figure img {
  position: absolute;
}
.e-skin__block-figure img:nth-of-type(1) {
  top: -10px;
  left: 0;
}
.e-skin__block-figure img:nth-of-type(2) {
  top: -10px;
  right: 0;
}
.e-skin__block-figure img:nth-of-type(3) {
  bottom: -20px;
  right: 0;
}
.e-skin__block-content {
  z-index: 1;
  position: relative;
}
@media screen and (max-width: 575px) {
  .e-skin__block-content {
    padding-top: 15px;
    padding-bottom: 15px;
  }
}
.e-skin__block-name {
  padding-top: 20px;
  padding-bottom: 10px;
  color: #273c43;
  line-height: 1;
  text-transform: uppercase;
  font-size: 19px;
}
@media screen and (min-width: 320px) {
  .e-skin__block-name {
    font-size: calc(19px + 5 * (100vw - 320px) / 447);
  }
}
@media screen and (min-width: 767px) {
  .e-skin__block-name {
    font-size: 24px;
  }
}
@media screen and (max-width: 575px) {
  .e-skin__block-name {
    padding-top: 10px;
  }
}
.e-skin__block-points {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  padding-bottom: 7px;
}
.e-skin__block-points img {
  padding-right: 5px;
}
.e-skin__block-points span {
  color: #273c43;
  font-family: "Rajdhani", sans-serif;
}
.e-skin__block-desc {
  width: 100%;
  max-width: 153px;
  border-bottom: 1px solid #e3e3e3;
  color: #657782;
  line-height: 1.6;
  font-size: 12px;
  font-family: "Ubuntu", sans-serif;
  padding-bottom: 7px;
  margin-bottom: 7px;
}
@media screen and (max-width: 1199px) {
  .e-skin__block-desc {
    max-width: calc(100% - 15px);
  }
}
.e-skin__block-date {
  color: #9eadb7;
  font-size: 11px;
  font-family: "Ubuntu", sans-serif;
  padding-bottom: 7px;
}
.e-skin__block-date a {
  color: #9eadb7;
}
.e-skin__block-comments {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  color: #beced8;
  font-size: 11px;
  font-family: "Ubuntu", sans-serif;
  -webkit-transition: color 0.3s ease-in-out;
  -o-transition: color 0.3s ease-in-out;
  transition: color 0.3s ease-in-out;
}
.e-skin__block-comments:hover {
  color: #b1b1b1;
  -webkit-transition: color 0.3s ease-in-out;
  -o-transition: color 0.3s ease-in-out;
  transition: color 0.3s ease-in-out;
}
.e-skin__block-comments .icon-font {
  padding-right: 5px;
  color: #b1b1b1;
  font-size: 10px;
}
#beginners {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 100%;
  max-width: 679px;
  margin-left: auto;
}
@media screen and (max-width: 991px) {
  #beginners {
    max-width: 100%;
  }
}
@media screen and (max-width: 767px) {
  #beginners {
    overflow: hidden;
  }
}
#beginners .breadcrumbs {
  padding-left: 0;
  padding-bottom: 0;
  margin-top: 15px;
  margin-bottom: 15px;
}
.beginners {
  margin-top: 30px;
  margin-bottom: 30px;
}
.beginners--notes,
.beginners--description,
.beginners--ratings,
.beginners--comments {
  position: relative;
}
.beginners--notes .beginners__bg,
.beginners--notes .beginners__triangle,
.beginners--description .beginners__bg,
.beginners--description .beginners__triangle,
.beginners--ratings .beginners__bg,
.beginners--ratings .beginners__triangle,
.beginners--comments .beginners__bg,
.beginners--comments .beginners__triangle {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.beginners--notes .beginners__bg,
.beginners--description .beginners__bg,
.beginners--ratings .beginners__bg,
.beginners--comments .beginners__bg {
  z-index: -1;
}
.beginners--notes .beginners__bg:before,
.beginners--description .beginners__bg:before,
.beginners--ratings .beginners__bg:before,
.beginners--comments .beginners__bg:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.beginners--notes .beginners__triangle,
.beginners--description .beginners__triangle,
.beginners--ratings .beginners__triangle,
.beginners--comments .beginners__triangle {
  z-index: 0;
}
.beginners--notes .beginners__triangle img,
.beginners--description .beginners__triangle img,
.beginners--ratings .beginners__triangle img,
.beginners--comments .beginners__triangle img {
  position: absolute;
}
.beginners--main {
  position: relative;
  margin-top: 0;
  padding-bottom: 90px;
}
.beginners--main .section-resize-bg {
  background-color: #aecc2c;
}
.beginners--main .section-resize-bg:before,
.beginners--main .section-resize-bg:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #bfd52d;
}
.beginners--main .section-resize-bg:before {
  -webkit-clip-path: polygon(0 0, 30% 0, 50% 30%, 0 45%);
  clip-path: polygon(0 0, 30% 0, 50% 30%, 0 45%);
}
.beginners--main .section-resize-bg:after {
  -webkit-clip-path: polygon(20% 65%, 95% 15%, 100% 0, 100% 100%, 20% 65%);
  clip-path: polygon(20% 65%, 95% 15%, 100% 0, 100% 100%, 20% 65%);
}
.beginners--main .section-resize-triangle img:nth-child(1) {
  top: 10%;
  right: -10px;
}
.beginners--main .section-resize-triangle img:nth-child(2) {
  left: 5%;
  bottom: -8%;
}
@media screen and (max-width: 767px) {
  .beginners--main .section-resize-triangle img:nth-child(2) {
    display: none;
  }
}
.beginners--main .section-resize-triangle img:nth-child(3) {
  left: 25%;
  bottom: -5%;
}
.beginners--main .section-resize-triangle img:nth-child(4) {
  right: 20%;
  bottom: 10px;
}
.beginners--main .section-resize-triangle img:nth-child(5) {
  right: 2%;
  bottom: 0;
}
.beginners__main-header {
  z-index: 1;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
  max-width: 461px;
  min-height: 96px;
  background-color: #3f6c7c;
  -webkit-clip-path: polygon(0 0, 100% 7%, 97% 96%, 2% 100%);
  clip-path: polygon(0 0, 100% 7%, 97% 96%, 2% 100%);
}
.beginners__main-header:before {
  content: "";
  z-index: -1;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #34606f;
  -webkit-clip-path: polygon(0 100%, 85% 75%, 100% 0, 100% 100%);
  clip-path: polygon(0 100%, 85% 75%, 100% 0, 100% 100%);
}
.beginners__main-header h1 {
  padding-left: 35px;
  color: #fff;
  line-height: 1;
  text-transform: uppercase;
  font-size: 35px;
}
@media screen and (min-width: 320px) {
  .beginners__main-header h1 {
    font-size: calc(35px + 13 * (100vw - 320px) / 447);
  }
}
@media screen and (min-width: 767px) {
  .beginners__main-header h1 {
    font-size: 48px;
  }
}
@media screen and (max-width: 575px) {
  .beginners__main-header h1 {
    padding-left: 15px;
  }
}
.beginners__main-subheader {
  z-index: 0;
  position: relative;
  top: -30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
  max-width: 514px;
  min-height: 89px;
  padding-left: 35px;
  background-color: #ff0;
  color: #273c43;
  font-family: "Ubuntu", sans-serif;
  -webkit-clip-path: polygon(0 0, 100% 7%, 97% 96%, 2% 100%);
  clip-path: polygon(0 0, 100% 7%, 97% 96%, 2% 100%);
}
@media screen and (max-width: 575px) {
  .beginners__main-subheader {
    padding-left: 15px;
    font-size: 12px;
  }
}
.beginners__main-subheader:before {
  content: "";
  z-index: -1;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #ffd400;
  -webkit-clip-path: polygon(0 100%, 85% 75%, 100% 0, 100% 100%);
  clip-path: polygon(0 100%, 85% 75%, 100% 0, 100% 100%);
}
.beginners__main-subheader a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding-left: 5px;
  color: #273c43;
}
.beginners__main-subheader a .icon-font {
  padding-right: 5px;
}
.beginners__main-img {
  text-align: center;
}
.beginners__main-img > div {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  border: 7px solid #fff;
  background-color: #e8f7fc;
  -webkit-box-shadow: 2px 5px 0 0 #a3be2a;
  box-shadow: 2px 5px 0 0 #a3be2a;
}
.beginners__main-img img {
  display: block;
  max-width: 100%;
  height: auto;
}
.beginners--notes {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  min-height: 257px;
}
.beginners--notes .beginners__bg {
  background-color: #edf9fd;
  -webkit-clip-path: polygon(0 5%, 100% 0, 98% 100%, 2% 100%);
  clip-path: polygon(0 5%, 100% 0, 98% 100%, 2% 100%);
}
.beginners--notes .beginners__bg:before {
  display: none;
}
.beginners--notes .beginners__triangle img:nth-child(1) {
  top: -10%;
  left: 0;
}
@media screen and (max-width: 575px) {
  .beginners--notes .beginners__triangle img:nth-child(1) {
    display: none;
  }
}
.beginners--notes .beginners__triangle img:nth-child(2) {
  top: -20%;
  right: 0;
}
@media screen and (max-width: 575px) {
  .beginners--notes .beginners__triangle img:nth-child(2) {
    display: none;
  }
}
.beginners--notes .beginners__triangle img:nth-child(3) {
  top: 15%;
  right: -2%;
}
.beginners--notes .beginners__triangle img:nth-child(4) {
  left: -5%;
  bottom: -10%;
}
@media screen and (max-width: 575px) {
  .beginners--notes .beginners__triangle img:nth-child(4) {
    display: none;
  }
}
.beginners--notes .beginners__wrapper {
  padding: 15px 25px;
}
.beginners__notes {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  min-height: 133px;
  padding: 30px;
}
.beginners__notes:before {
  z-index: -1;
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #e1f1f7;
  -webkit-clip-path: polygon(0 0, 100% 2%, 99% 100%, 2% 98%);
  clip-path: polygon(0 0, 100% 2%, 99% 100%, 2% 98%);
}
.beginners__notes-triangle {
  z-index: 0;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.beginners__notes-triangle img {
  position: absolute;
}
.beginners__notes-triangle img:nth-child(1) {
  left: 5%;
  top: -7%;
}
.beginners__notes-triangle img:nth-child(2) {
  top: -25%;
  right: 15%;
}
.beginners__notes-triangle img:nth-child(3) {
  right: 15%;
  bottom: -5%;
}
.beginners__notes-triangle img:nth-child(4) {
  bottom: -10%;
  right: 3%;
}
.beginners__notes p {
  line-height: 1.6;
  font-size: 16px;
  font-family: "Ubuntu", sans-serif;
}
@media screen and (max-width: 575px) {
  .beginners__notes p {
    font-size: 14px;
  }
}
.beginners__notes p span {
  font-weight: 700;
}
.beginners--description .info__subtitle p {
  font-size: 20px;
}
@media screen and (min-width: 320px) {
  .beginners--description .info__subtitle p {
    font-size: calc(20px + 4 * (100vw - 320px) / 447);
  }
}
@media screen and (min-width: 767) {
  .beginners--description .info__subtitle p {
    font-size: 24px;
  }
}
.beginners--description .beginners__notes {
  margin-bottom: 40px;
}
@media screen and (max-width: 575px) {
  .beginners--description .beginners__notes-triangle {
    display: none;
  }
}
.beginners--description .beginners__notes-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}
.beginners--description .beginners__notes-left {
  width: 30px;
}
.beginners--description .beginners__notes-right {
  width: 100%;
  max-width: calc(100% - 30px);
}
.beginners--description .beginners__bg:before {
  top: 42px;
  height: calc(100% - 42px);
  background-color: #edf9fd;
  -webkit-clip-path: polygon(0 4%, 100% 0, 97% 97%, 2% 100%);
  clip-path: polygon(0 4%, 100% 0, 97% 97%, 2% 100%);
}
.beginners--description .beginners__triangle img:nth-child(1) {
  bottom: -8%;
  left: 4%;
}
@media screen and (max-width: 767px) {
  .beginners--description .beginners__triangle img:nth-child(1) {
    display: none;
  }
}
.beginners--description .beginners__triangle img:nth-child(2) {
  bottom: -1%;
  left: 20%;
}
.beginners--description .beginners__triangle img:nth-child(3) {
  bottom: -1%;
  right: 20%;
}
.beginners--description .beginners__triangle img:nth-child(4) {
  bottom: -5%;
  right: 3%;
}
@media screen and (max-width: 767px) {
  .beginners--description .beginners__triangle img:nth-child(4) {
    display: none;
  }
}
.beginners--description .beginners__wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}
.beginners__description {
  position: relative;
  padding-bottom: 60px;
  margin-bottom: 60px;
}
.beginners__description-0 .beginners__description-header {
  background-color: #36caff;
}
.beginners__description-0 .beginners__description-header:before {
  background-color: #1ac2fe;
}
.beginners__description-1 .beginners__description-header {
  background-color: #ff7236;
}
.beginners__description-1 .beginners__description-header:before {
  background-color: #dc602c;
}
.beginners__description-2 .beginners__description-header {
  background-color: #518da4;
}
.beginners__description-2 .beginners__description-header:before {
  background-color: #45839a;
}
.beginners__description-3 .beginners__description-header {
  background-color: #9fa451;
}
.beginners__description-3 .beginners__description-header:before {
  background-color: #8b9a45;
}
.beginners__description-4 .beginners__description-header {
  background-color: #febc6f;
}
.beginners__description-4 .beginners__description-header:before {
  background-color: #ffb45d;
}
.beginners__description-5 .beginners__description-header {
  background-color: #3d9e03;
}
.beginners__description-5 .beginners__description-header:before {
  background-color: #007804;
}
.beginners__description-6 .beginners__description-header {
  background-color: #36caff;
}
.beginners__description-6 .beginners__description-header:before {
  background-color: #1ac2fe;
}
.beginners__description:last-child {
  margin-bottom: 0;
}
.beginners__description-header,
.beginners__description-body {
  z-index: 2;
  position: relative;
}
.beginners__description-header {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 90%;
  min-height: 97px;
  padding-left: 20px;
  -webkit-clip-path: polygon(0 0, 100% 7%, 97% 96%, 2% 100%);
  clip-path: polygon(0 0, 100% 7%, 97% 96%, 2% 100%);
}
.beginners__description-header:before {
  content: "";
  z-index: -1;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -webkit-clip-path: polygon(0 100%, 80% 75%, 100% 0, 100% 100%);
  clip-path: polygon(0 100%, 80% 75%, 100% 0, 100% 100%);
}
.beginners__description-header h2 {
  color: #fff;
  line-height: 1;
  text-transform: uppercase;
  font-size: 25px;
}
@media screen and (min-width: 320px) {
  .beginners__description-header h2 {
    font-size: calc(25px + 5 * (100vw - 320px) / 447);
  }
}
@media screen and (min-width: 767px) {
  .beginners__description-header h2 {
    font-size: 30px;
  }
}
.beginners__description-body {
  padding: 25px 35px 0;
}
@media screen and (max-width: 575px) {
  .beginners__description-body {
    padding-left: 15px;
    padding-right: 15px;
  }
}
.beginners__description-body > p,
.beginners__description-body > span {
  padding-bottom: 25px;
  line-height: 1.6;
  font-family: "Ubuntu", sans-serif;
}
.beginners__description-body > p {
  font-size: 16px;
}
@media screen and (max-width: 575px) {
  .beginners__description-body > p {
    font-size: 14px;
  }
}
.beginners__description-body > p > span {
  font-weight: 700;
}
.beginners__description-body > span {
  display: block;
  font-size: 18px;
  font-weight: 700;
}
@media screen and (max-width: 575px) {
  .beginners__description-body > span {
    font-size: 16px;
  }
}
.beginners__description-body > a {
  display: block;
  margin-bottom: 15px;
  color: #808e92;
  font-size: 12px;
  font-family: "Ubuntu", sans-serif;
}
.beginners__description-img {
  text-align: center;
  margin-bottom: 25px;
}
.beginners__description-img > div {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  border: 5px solid #fff;
  background-color: #e8f7fc;
  -webkit-box-shadow: 4px 14px 0 0 #e8f7fc;
  box-shadow: 4px 14px 0 0 #e8f7fc;
}
.beginners__description-img--wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
@media screen and (max-width: 575px) {
  .beginners__description-img--wrapper {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
}
.beginners__description-img--wrapper .beginners__description-img {
  width: calc((100% - 10px) / 2);
}
@media screen and (max-width: 575px) {
  .beginners__description-img--wrapper .beginners__description-img {
    width: 100%;
  }
}
.beginners__description-img img {
  display: block;
  max-width: 100%;
  height: auto;
}
.beginners--ratings {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  min-height: 156px;
}
.beginners--ratings .ratings {
  margin-top: 10px;
}
.beginners--ratings .beginners__bg {
  background-color: #273f48;
  -webkit-clip-path: polygon(0 5%, 100% 0, 98% 100%, 2% 98%);
  clip-path: polygon(0 5%, 100% 0, 98% 100%, 2% 98%);
}
.beginners--ratings .beginners__bg:before {
  background-color: #4d6f7b;
  -webkit-clip-path: polygon(
    0 100%,
    25% 30%,
    100% 0,
    80% 20%,
    90% 35%,
    100% 100%,
    0 100%
  );
  clip-path: polygon(
    0 100%,
    25% 30%,
    100% 0,
    80% 20%,
    90% 35%,
    100% 100%,
    0 100%
  );
}
.beginners--ratings .beginners__triangle img:nth-child(1) {
  top: -30%;
  left: 15%;
}
.beginners--ratings .beginners__triangle img:nth-child(2) {
  top: -30%;
  right: 5%;
}
@media screen and (max-width: 767px) {
  .beginners--ratings .beginners__triangle img:nth-child(2) {
    display: none;
  }
}
.beginners--ratings .beginners__triangle img:nth-child(3) {
  bottom: -20%;
  left: 0;
}
@media screen and (max-width: 424px) {
  .beginners--ratings .beginners__triangle img:nth-child(3) {
    display: none;
  }
}
.beginners--ratings .beginners__triangle img:nth-child(4) {
  bottom: -15%;
  left: 15%;
}
.beginners--ratings .beginners__triangle img:nth-child(5) {
  bottom: -15%;
  right: 15%;
}
.beginners--ratings .beginners__triangle img:nth-child(6) {
  bottom: -30%;
  right: 0;
}
@media screen and (max-width: 767px) {
  .beginners--ratings .beginners__triangle img:nth-child(6) {
    display: none;
  }
}
.beginners--ratings .beginners__wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
}
@media screen and (max-width: 575px) {
  .beginners--ratings .beginners__wrapper {
    padding-left: 15px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
}
.beginners--ratings .beginners__wrapper-left,
.beginners--ratings .beginners__wrapper-right {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 50%;
}
@media screen and (max-width: 575px) {
  .beginners--ratings .beginners__wrapper-left,
  .beginners--ratings .beginners__wrapper-right {
    width: 100%;
  }
}
.beginners--ratings .beginners__wrapper-left {
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  padding-right: 16px;
}
@media screen and (max-width: 575px) {
  .beginners--ratings .beginners__wrapper-left {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
}
.beginners--ratings .beginners__wrapper-right {
  padding-left: 16px;
}
@media screen and (max-width: 575px) {
  .beginners--ratings .beginners__wrapper-right {
    padding-left: 0;
  }
}
.beginners--ratings .beginners__statistic {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 100%;
  max-width: 97px;
  height: 44px;
  font-size: 16px;
  background-color: #fff;
  -webkit-clip-path: polygon(0 0, 100% 7%, 97% 96%, 3% 100%);
  clip-path: polygon(0 0, 100% 7%, 97% 96%, 3% 100%);
}
.beginners--ratings .beginners__statistic:before {
  content: "";
  z-index: -1;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #edf9fd;
  -webkit-clip-path: polygon(0 100%, 65% 65%, 100% 0, 100% 100%);
  clip-path: polygon(0 100%, 65% 65%, 100% 0, 100% 100%);
}
.beginners--ratings .beginners__statistic-0 {
  margin-right: 5px;
}
.beginners--ratings .beginners__statistic-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
}
@media screen and (max-width: 575px) {
  .beginners--ratings .beginners__statistic-wrapper {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
}
.beginners--comments {
  position: relative;
  min-height: 229px;
}
.beginners--comments .beginners__bg {
  background-color: #edf9fd;
  -webkit-clip-path: polygon(0 0, 98% 2%, 100% 94%, 2% 100%);
  clip-path: polygon(0 0, 98% 2%, 100% 94%, 2% 100%);
}
.beginners--comments .beginners__bg:before,
.beginners--comments .beginners__bg:after {
  background-color: #d5ecf4;
}
.beginners--comments .beginners__bg:before {
  -webkit-clip-path: polygon(0 0, 20% 50%, 55% 50%, 0 100%);
  clip-path: polygon(0 0, 20% 50%, 55% 50%, 0 100%);
}
.beginners--comments .beginners__bg:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -webkit-clip-path: polygon(55% 95%, 70% 30%, 98% 0, 100% 100%, 55% 95%);
  clip-path: polygon(55% 95%, 70% 30%, 98% 0, 100% 100%, 55% 95%);
}
.beginners--comments .beginners__triangle img:nth-child(1) {
  right: 15%;
  bottom: -15%;
}
.beginners--comments .beginners__triangle img:nth-child(2) {
  right: 2%;
  bottom: -15%;
}
@media screen and (max-width: 767px) {
  .beginners--comments .beginners__triangle img:nth-child(2) {
    display: none;
  }
}
.beginners--comments .beginners__wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
@media screen and (max-width: 575px) {
  .beginners--comments .beginners__wrapper {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
}
.beginners--comments .beginners__wrapper-left {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  width: 182px;
  padding-right: 25px;
}
@media screen and (max-width: 575px) {
  .beginners--comments .beginners__wrapper-left {
    padding-top: 30px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%;
  }
}
.beginners--comments .beginners__wrapper-right {
  z-index: 2;
  position: relative;
  width: 100%;
  max-width: calc(100% - 182px);
  padding-top: 28px;
  padding-right: 15px;
}
@media screen and (max-width: 575px) {
  .beginners--comments .beginners__wrapper-right {
    max-width: 100%;
    padding-left: 30px;
    padding-right: 30px;
    padding-bottom: 30px;
  }
}
.beginners--comments .beginners__user {
  position: relative;
  width: 120px;
  height: 120px;
  border: 6px solid #fff;
  background-color: #d5ecf4;
  -webkit-box-shadow: 6px 6px 0 0 rgba(98, 142, 157, 0.35);
  box-shadow: 6px 6px 0 0 rgba(98, 142, 157, 0.35);
}
.beginners--comments .beginners__user img {
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  display: block;
  max-height: 100%;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
}
.beginners--comments h2 {
  padding-bottom: 15px;
  color: #273c43;
  font-size: 36px;
}
.beginners--comments p {
  line-height: 1.6;
  font-size: 16px;
  font-family: "Ubuntu", sans-serif;
}
.results {
  width: 100%;
  max-width: 705px;
  margin-left: auto;
}
.results__wrapper {
  padding-bottom: 15px;
}
.results__title {
  position: relative;
}
.results__title-bg {
  z-index: -1;
  position: absolute;
  top: 77px;
  left: 0;
  width: 100%;
  height: calc(100% - 77px);
  background-color: #edf9fd;
  -webkit-clip-path: polygon(0 0, 100% 6%, 98% 95%, 1% 100%);
  clip-path: polygon(0 0, 100% 6%, 98% 95%, 1% 100%);
}
.results__title-triangle {
  z-index: 0;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.results__title-triangle img {
  position: absolute;
}
.results__title-triangle img:nth-child(1) {
  top: 55px;
  right: 15%;
}
.results__title-triangle img:nth-child(2) {
  left: -3%;
  bottom: -17%;
}
@media screen and (max-width: 767px) {
  .results__title-triangle img:nth-child(2) {
    display: none;
  }
}
.results__title-triangle img:nth-child(3) {
  right: 0;
  bottom: -5%;
}
.results__title-content {
  z-index: 2;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
  max-width: 411px;
  height: 100px;
  padding-left: 25px;
  color: #fff;
  background-color: #ffe000;
  -webkit-clip-path: polygon(0 0, 100% 4%, 97% 100%, 3% 96%);
  clip-path: polygon(0 0, 100% 4%, 97% 100%, 3% 96%);
}
.results__title-content:before {
  content: "";
  z-index: -1;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #e1be1c;
  -webkit-clip-path: polygon(0 100%, 85% 70%, 100% 0, 100% 100%);
  clip-path: polygon(0 100%, 85% 70%, 100% 0, 100% 100%);
}
.results__title-content .icon-font {
  font-size: 35px;
}
@media screen and (min-width: 320px) {
  .results__title-content .icon-font {
    font-size: calc(35px + 20 * (100vw - 320px) / 672);
  }
}
@media screen and (min-width: 992px) {
  .results__title-content .icon-font {
    font-size: 55px;
  }
}
.results__title-content h1 {
  padding-left: 5px;
  line-height: 1;
  text-transform: uppercase;
  font-size: 35px;
}
@media screen and (min-width: 320px) {
  .results__title-content h1 {
    font-size: calc(35px + 13 * (100vw - 320px) / 672);
  }
}
@media screen and (min-width: 992px) {
  .results__title-content h1 {
    font-size: 48px;
  }
}
.results__title-name {
  padding-top: 30px;
  padding-bottom: 35px;
  padding-left: 25px;
  color: #273c43;
  font-size: 18px;
  font-family: "Ubuntu", sans-serif;
}
.results__title-name span {
  font-weight: 700;
}
.results__google {
  padding-top: 50px;
  padding-bottom: 50px;
}
.results__content {
  position: relative;
  margin-bottom: 50px;
}
.results__content-bg,
.results__content-triangle {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.results__content-bg {
  z-index: -1;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.results__content-bg:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #edf9fd;
  -webkit-clip-path: polygon(0 0, 100% 0.5%, 99.5% 99.5%, 0.5% 100%);
  clip-path: polygon(0 0, 100% 0.5%, 99.5% 99.5%, 0.5% 100%);
}
.results__content-triangle img {
  position: absolute;
}
.results__content-triangle img:nth-child(1) {
  bottom: -20px;
  left: 0;
}
@media screen and (max-width: 767px) {
  .results__content-triangle img:nth-child(1) {
    display: none;
  }
}
.results__content-triangle img:nth-child(2) {
  right: 0;
  bottom: 0;
}
.results__content-triangle img:nth-child(3) {
  top: -10px;
  right: 0;
}
@media screen and (max-width: 767px) {
  .results__content-triangle img:nth-child(3) {
    display: none;
  }
}
.results__block {
  z-index: 2;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 30px;
  min-height: 173px;
}
@media screen and (max-width: 991px) {
  .results__block {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
}
@media screen and (max-width: 767px) {
  .results__block {
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
  }
}
@media screen and (max-width: 575px) {
  .results__block {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
}
.results__block--orange .results__block-img:before {
  display: none;
}
.results__block--pink .results__block-img:before {
  display: none;
}
.results__block--blue .results__block-img:before {
  display: none;
}
.results__block--green .results__block-img:before {
  display: none;
}
.results__block-wrapper {
  padding: 50px 10px 50px 17px;
}
.results__block-left {
  width: 190px;
}
@media screen and (max-width: 991px) {
  .results__block-left {
    width: 100%;
  }
}
@media screen and (max-width: 767px) {
  .results__block-left {
    width: 190px;
  }
}
@media screen and (max-width: 575px) {
  .results__block-left {
    width: 100%;
  }
}
.results__block-right {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 100%;
  max-width: calc(100% - 190px);
}
@media screen and (max-width: 991px) {
  .results__block-right {
    max-width: 100%;
    text-align: center;
  }
}
@media screen and (max-width: 767px) {
  .results__block-right {
    max-width: calc(100% - 190px);
    text-align: left;
  }
}
@media screen and (max-width: 575px) {
  .results__block-right {
    max-width: 100%;
    text-align: center;
  }
}
.results__block-right > p {
  text-transform: uppercase;
  font-size: 22px;
}
@media screen and (min-width: 320px) {
  .results__block-right > p {
    font-size: calc(22px + 2 * (100vw - 320px) / 671);
  }
}
@media screen and (min-width: 991px) {
  .results__block-right > p {
    font-size: 24px;
  }
}
.results__block-right > p span {
  color: #ff7638;
}
.results__block-right > a {
  padding-bottom: 18px;
  color: #1ac2fe;
  font-weight: 600;
  font-family: "Rajdhani", sans-serif;
  font-size: 16px;
}
@media screen and (min-width: 320px) {
  .results__block-right > a {
    font-size: calc(16px + 2 * (100vw - 320px) / 671);
  }
}
@media screen and (min-width: 991px) {
  .results__block-right > a {
    font-size: 18px;
  }
}
.results__block-right > span {
  color: #657782;
  line-height: 1.6;
  font-family: "Ubuntu", sans-serif;
}
.results__block-img {
  position: relative;
  width: 173px;
  height: 137px;
  padding: 10px;
  border: 5px solid #e8f2ff;
  background-color: #000;
  -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
  clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
}
@media screen and (max-width: 991px) {
  .results__block-img {
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .results__block-img {
    margin-right: auto;
    margin-left: 0;
  }
}
@media screen and (max-width: 575px) {
  .results__block-img {
    margin-left: auto;
    margin-right: auto;
  }
}
.results__block-img:before {
  content: "";
  z-index: -1;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #363636;
  -webkit-clip-path: polygon(0 100%, 85% 70%, 100% 0, 100% 100%);
  clip-path: polygon(0 100%, 85% 70%, 100% 0, 100% 100%);
}
.results__block-img .e-skin__block-view {
  top: 0;
  bottom: auto;
}
.results__block-img img {
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  display: block;
  max-width: 100%;
  max-height: 100%;
  margin: auto;
}
.list {
  z-index: 1;
  position: relative;
  -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 90%);
  clip-path: polygon(0 0, 100% 0, 100% 100%, 0 90%);
}
.list__bg {
  z-index: -1;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #362f2c;
  background-image: url(../images/img-list-bg.png);
  background-repeat: no-repeat;
  background-position: top center;
  background-size: cover;
}
.list__wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  min-height: 428px;
  padding-top: 30px;
  padding-bottom: 30px;
}
.list__content {
  text-align: center;
}
@media screen and (max-width: 767px) {
  .list__content svg {
    width: 100%;
    height: auto;
  }
}
.list__content svg text {
  text-transform: uppercase;
  font-size: 40px;
}
@media screen and (min-width: 320px) {
  .list__content svg text {
    font-size: calc(40px + 60 * (100vw - 320px) / 1120);
  }
}
@media screen and (min-width: 1440px) {
  .list__content svg text {
    font-size: 100px;
  }
}
.list__content p {
  padding-top: 20px;
  color: #fff;
  font-family: "Ubuntu", sans-serif;
  font-size: 18px;
}
@media screen and (min-width: 320px) {
  .list__content p {
    font-size: calc(18px + 2 * (100vw - 320px) / 672);
  }
}
@media screen and (min-width: 992px) {
  .list__content p {
    font-size: 20px;
  }
}
.filter {
  z-index: 0;
  position: relative;
  top: -100px;
  min-height: 730px;
}
@media screen and (max-width: 767px) {
  .filter {
    overflow: hidden;
  }
}
.filter__bg,
.filter__trinagle {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.filter__bg {
  z-index: -1;
  background-image: -webkit-linear-gradient(49deg, #ffb45d 0%, #ff7236 99%);
  background-image: -o-linear-gradient(49deg, #ffb45d 0%, #ff7236 99%);
  background-image: linear-gradient(41deg, #ffb45d 0%, #ff7236 99%);
  -webkit-clip-path: polygon(0 0, 100% 0, 100% 90%, 0 100%);
  clip-path: polygon(0 0, 100% 0, 100% 90%, 0 100%);
}
@media screen and (max-width: 575px) {
  .filter__bg {
    -webkit-clip-path: polygon(0 0, 100% 0, 100% 95%, 0 100%);
    clip-path: polygon(0 0, 100% 0, 100% 95%, 0 100%);
  }
}
.filter__bg:before,
.filter__bg:after {
  content: "";
  z-index: 0;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.filter__bg:before {
  background-color: #ff7637;
  -webkit-clip-path: polygon(0 0, 5% 0, 35% 30%, 0 40%);
  clip-path: polygon(0 0, 5% 0, 35% 30%, 0 40%);
}
.filter__bg:after {
  background-color: #ff5f2e;
  -webkit-clip-path: polygon(0 100%, 65% 45%, 100% 0, 100% 100%, 0 100%);
  clip-path: polygon(0 100%, 65% 45%, 100% 0, 100% 100%, 0 100%);
}
.filter__trinagle {
  z-index: 0;
}
.filter__trinagle img {
  position: absolute;
}
.filter__trinagle img:nth-child(1) {
  right: 31%;
  bottom: 20px;
}
@media screen and (max-width: 575px) {
  .filter__trinagle img:nth-child(1) {
    bottom: 0;
  }
}
.filter__trinagle img:nth-child(2) {
  right: 0;
  bottom: 45px;
}
@media screen and (max-width: 575px) {
  .filter__trinagle img:nth-child(2) {
    bottom: 10px;
  }
}
.filter__wrapper {
  z-index: 2;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  max-width: 100%;
  padding-top: 100px;
}
@media screen and (max-width: 991px) {
  .filter__wrapper {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
}
.filter__wrapper-left {
  width: 100%;
  max-width: calc(100% - 370px);
}
@media screen and (max-width: 991px) {
  .filter__wrapper-left {
    max-width: 100%;
  }
}
.filter__wrapper-right {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 370px;
  padding-top: 45px;
}
@media screen and (max-width: 991px) {
  .filter__wrapper-right {
    width: 100%;
  }
  .filter__wrapper-right .banner {
    display: none;
  }
}
.filter__follow {
  z-index: 2;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
  max-width: 719px;
  min-height: 78px;
  padding: 10px 5px;
  margin-top: 15px;
  padding-left: 34px;
}
@media screen and (max-width: 767px) {
  .filter__follow {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
  }
}
.filter__follow-bg {
  z-index: -1;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #fe48b7;
  -webkit-clip-path: polygon(0 2%, 100% 0, 95% 96%, 2% 93%);
  clip-path: polygon(0 2%, 100% 0, 95% 96%, 2% 93%);
}
.filter__follow-bg:before {
  content: "";
  z-index: 0;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #fe23a9;
  -webkit-clip-path: polygon(0 100%, 75% 45%, 85% 0, 100% 0, 100% 100%, 0 100%);
  clip-path: polygon(0 100%, 75% 45%, 85% 0, 100% 0, 100% 100%, 0 100%);
}
.filter__follow-share {
  padding-right: 23px;
}
@media screen and (max-width: 767px) {
  .filter__follow-share {
    padding-right: 0;
    margin-bottom: 15px;
  }
}
.filter__follow-share:last-of-type {
  padding-right: 0;
}
.filter__follow p {
  padding-right: 37px;
  color: #fff;
  line-height: 1;
  text-transform: uppercase;
  font-size: 36px;
}
@media screen and (max-width: 767px) {
  .filter__follow p {
    padding-bottom: 15px;
  }
}
.filter__category {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 100%;
  padding-left: 5px;
  padding-right: 5px;
}
.filter__category-0 {
  width: 35%;
}
@media screen and (max-width: 575px) {
  .filter__category-0 {
    width: 100%;
  }
}
.filter__category-0 .filter__category-checkbox {
  padding-top: 10px;
}
.filter__category-1 {
  width: 35%;
}
@media screen and (max-width: 575px) {
  .filter__category-1 {
    width: 100%;
  }
}
.filter__category-1 .c-form__checkbox-wrapper {
  width: 100%;
}
.filter__category-1 .filter__category-checkbox--0 {
  padding-left: 10px;
}
.filter__category-1 .filter__category-checkbox--1 {
  padding-top: 20px;
  padding-left: 0;
}
.filter__category-1 .filter__category-checkbox--2 {
  padding-left: 10px;
}
.filter__category-2 {
  width: 30%;
}
@media screen and (max-width: 575px) {
  .filter__category-2 {
    width: 100%;
  }
}
.filter__category-2 .filter__category-checkbox {
  padding-left: 30px;
}
.filter__category-2 .filter__category-checkbox--0,
.filter__category-2 .filter__category-checkbox--1 {
  padding-top: 10px;
}
.filter__category .c-form {
  padding-left: 10px;
}
.filter__category-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}
@media screen and (max-width: 575px) {
  .filter__category-wrapper {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
}
.filter__category-title {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  min-height: 34px;
  margin-bottom: 26px;
  padding-left: 20px;
  padding-right: 35px;
  color: #fff;
  font-family: "Anton", sans-serif;
}
.filter__category-title:hover button {
  outline: none;
  background-color: transparent;
  border-color: transparent;
}
.filter__category-title .show button {
  outline: none;
  background-color: transparent !important;
  border-color: transparent !important;
}
.filter__category-title select {
  opacity: 0;
}
.filter__category-title button {
  outline: none;
  background-color: transparent;
  border-color: transparent;
}
.filter__category-title button:focus {
  outline: none !important;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.filter__category-title button:after {
  content: "";
  width: auto;
  height: auto;
  margin: 0;
  vertical-align: middle;
  color: #fff;
  font-size: 8px;
  font-family: "iconFont", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: 400;
  text-decoration: none;
  text-transform: none;
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
  border: none;
}
.filter__category-title .filter-option-inner-inner {
  color: #fff;
  text-transform: uppercase;
  font-size: 18px;
}
.filter__category-title:before {
  content: "";
  z-index: 0;
  position: absolute;
  top: 100%;
  left: 0;
  width: 95%;
  height: 4px;
  background-color: #fff;
  -webkit-clip-path: polygon(0 15%, 100% 0, 99% 100%, 1% 100%);
  clip-path: polygon(0 15%, 100% 0, 99% 100%, 1% 100%);
}
@media screen and (max-width: 575px) {
  .filter__category-content {
    margin-bottom: 15px;
  }
}
@media screen and (min-width: 768px) {
  .filter__category-content {
    display: block !important;
  }
}
.filter__category-subtitle {
  padding-left: 20px;
  padding-bottom: 10px;
  color: #fff;
  text-transform: uppercase;
  font-size: 18px;
  font-family: "Anton", sans-serif;
}
.filter__category-soldier {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.filter__category-soldier .c-form__field--checkbox-img label {
  position: relative;
  width: 39px;
  height: 39px;
  border: 2px solid #ff8842;
  margin: 5px;
}
.filter__category-soldier .c-form__field--checkbox-img label:after {
  content: "";
  z-index: -1;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #ff8842;
  -webkit-transition: background-color 0.3s ease-in-out;
  -o-transition: background-color 0.3s ease-in-out;
  transition: background-color 0.3s ease-in-out;
}
.filter__category-soldier .c-form__field--checkbox-img label img {
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  max-width: 100%;
  max-height: 100%;
  margin-left: auto;
  margin-right: auto;
}
.filter__category-main {
  position: relative;
  width: 100%;
  max-width: 100%;
  height: 43px;
}
.filter__category-main--0 > span {
  -webkit-clip-path: polygon(0 3%, 97% 0, 100% 100%, 3% 100%);
  clip-path: polygon(0 3%, 97% 0, 100% 100%, 3% 100%);
}
.filter__category-main--0 > span:nth-child(1) {
  background-color: #e8a14c;
}
.filter__category-main--0 > span:nth-child(1):after {
  background-color: #f3ad59;
  -webkit-clip-path: polygon(0 100%, 85% 65%, 100% 0, 100% 100%, 0 100%);
  clip-path: polygon(0 100%, 85% 65%, 100% 0, 100% 100%, 0 100%);
}
.filter__category-main--0 > span:nth-child(2) {
  background-color: #ff622b;
}
.filter__category-main--1 > span {
  -webkit-clip-path: polygon(0 10%, 100% 0, 95% 100%, 5% 100%);
  clip-path: polygon(0 10%, 100% 0, 95% 100%, 5% 100%);
}
.filter__category-main--1 > span:nth-child(1) {
  background-color: #68aede;
}
.filter__category-main--1 > span:nth-child(1):after {
  background-color: #84c2ec;
  -webkit-clip-path: polygon(0 100%, 90% 35%, 100% 0, 100% 100%, 0 100%);
  clip-path: polygon(0 100%, 90% 35%, 100% 0, 100% 100%, 0 100%);
}
.filter__category-main--1 > span:nth-child(2) {
  background-color: #ff652c;
}
@media screen and (max-width: 575px) {
  .filter__category-main--2 {
    margin-bottom: 15px;
  }
}
.filter__category-main > span {
  position: absolute;
  width: 100%;
  height: 100%;
}
.filter__category-main > span:nth-child(1) {
  z-index: 0;
  top: 0;
  left: 5px;
}
.filter__category-main > span:nth-child(1):after {
  content: "";
  z-index: 0;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.filter__category-main > span:nth-child(2) {
  z-index: -1;
  top: 8px;
  left: 3px;
}
.filter__category-main > div {
  z-index: 2;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.filter__category-main > div.c-form__field--checkbox-soldier {
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}
.filter__category-main
  > div.c-form__field--checkbox-soldier
  .c-form__checkbox-wrapper {
  width: 100%;
}
.filter__category-main > div .c-form__field {
  margin-bottom: 0;
  width: 100%;
}
.filter__category-main > div .c-form__field span {
  font-family: "Ubuntu", sans-serif;
}
.filter__category-main img {
  position: relative;
  left: -10px;
}
.filter__btn {
  max-width: 202px;
  margin-left: auto;
  margin-top: 130px;
}
@media screen and (max-width: 991px) {
  .filter__btn {
    margin-top: 0;
  }
}
.filter .selectric {
  border-color: transparent;
  background: transparent;
}
.filter .selectric .label {
  color: #fff;
  text-transform: uppercase;
  font-size: 18px;
}
.filter .selectric .button {
  background: transparent;
}
.filter .selectric .button:after {
  content: "";
  height: auto;
  margin: 0;
  vertical-align: middle;
  color: #fff;
  font-size: 8px;
  font-family: "iconFont", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: 400;
  text-decoration: none;
  text-transform: none;
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
  border: none;
}
.browse {
  position: relative;
  width: 100%;
  max-width: 1280px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 50px;
}
@media screen and (max-width: 767px) {
  .browse {
    overflow: hidden;
  }
}
.browse__bg,
.browse__triangle {
  position: absolute;
  left: 0;
  width: 100%;
}
.browse__bg {
  z-index: -1;
  top: 78px;
  height: calc(100% - 78px);
  background-color: #edf9fd;
  -webkit-clip-path: polygon(0 0, 100% 20px, 99% 100%, 1% 99.99%);
  clip-path: polygon(0 0, 100% 20px, 99% 100%, 1% 99.99%);
}
.browse__triangle {
  z-index: 0;
  top: 0;
  height: 100%;
}
.browse__triangle img {
  position: absolute;
}
.browse__triangle img:nth-child(1) {
  top: 10px;
  right: -2%;
}
@media screen and (max-width: 767px) {
  .browse__triangle img:nth-child(1) {
    display: none;
  }
}
.browse__triangle img:nth-child(2) {
  right: 100px;
  bottom: -10px;
}
.browse__triangle img:nth-child(3) {
  right: -15px;
  bottom: -15px;
}
.browse .c-grid {
  max-width: 100%;
}
.browse__wrapper {
  padding-left: 30px;
}
@media screen and (max-width: 575px) {
  .browse__wrapper {
    padding-left: 0;
  }
}
.browse__header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding-bottom: 50px;
}
@media screen and (max-width: 1199px) {
  .browse__header {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
}
.browse__header-left {
  width: 100%;
  max-width: 444px;
}
@media screen and (max-width: 1199px) {
  .browse__header-left {
    max-width: 100%;
  }
}
.browse__header-middle {
  width: 100%;
  max-width: 377px;
}
@media screen and (max-width: 1199px) {
  .browse__header-middle {
    max-width: 50%;
  }
}
@media screen and (max-width: 575px) {
  .browse__header-middle {
    max-width: 100%;
  }
}
.browse__header-middle .search {
  min-height: 0;
  margin-bottom: 0;
  padding: 15px 10px 0;
  background-color: #edf9fd;
  -webkit-clip-path: polygon(0 5%, 100% 0, 98% 100%, 1% 99%);
  clip-path: polygon(0 5%, 100% 0, 98% 100%, 1% 99%);
}
.browse__header-right {
  position: relative;
  width: 100%;
  max-width: calc(100% - (444px + 377px + 30px));
}
@media screen and (max-width: 1199px) {
  .browse__header-right {
    max-width: 50%;
  }
}
@media screen and (max-width: 575px) {
  .browse__header-right {
    max-width: 100%;
  }
}
@media screen and (max-width: 575px) {
  .browse__header-right .latest__btn-wrapper {
    position: static;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
}
.browse__footer {
  padding-top: 100px;
  padding-bottom: 100px;
}
.browse__title {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding-left: 33px;
  width: 100%;
  height: 100px;
  background-color: #ffe000;
  -webkit-clip-path: polygon(0 0, 100% 2%, 97% 100%, 3% 95%);
  clip-path: polygon(0 0, 100% 2%, 97% 100%, 3% 95%);
}
@media screen and (max-width: 1199px) {
  .browse__title {
    max-width: 444px;
  }
}
.browse__title:before {
  content: "";
  z-index: -1;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #e1be1c;
  -webkit-clip-path: polygon(0 100%, 75% 15%, 100% 0, 100% 100%, 0 100%);
  clip-path: polygon(0 100%, 75% 15%, 100% 0, 100% 100%, 0 100%);
}
.browse__title .icon-browse,
.browse__title h2 {
  color: #fff;
  font-size: 30px;
}
@media screen and (min-width: 320px) {
  .browse__title .icon-browse,
  .browse__title h2 {
    font-size: calc(30px + 18 * (100vw - 320px) / 672);
  }
}
@media screen and (min-width: 992px) {
  .browse__title .icon-browse,
  .browse__title h2 {
    font-size: 48px;
  }
}
.browse__title h2 {
  padding-left: 15px;
  text-transform: uppercase;
}
.browse__block--grid .browse__box {
  width: 211px;
  height: 166px;
  margin: 16px;
}
@media screen and (max-width: 1365px) {
  .browse__block--grid .browse__box {
    margin: 18px 9px;
  }
}
@media screen and (max-width: 575px) {
  .browse__block--grid .browse__box {
    width: 100%;
    max-width: calc((100% - 12px) / 2);
    margin: 3px;
  }
}
@media screen and (max-width: 424px) {
  .browse__block--grid .browse__box {
    width: 100%;
    max-width: calc((100% - 12px) / 2);
    height: 156px;
    margin: 3px;
  }
}
@media screen and (max-width: 374px) {
  .browse__block--grid .browse__box {
    height: 136px;
  }
}
.browse__block--grid .browse__box-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-left: -8px;
}
@media screen and (max-width: 767px) {
  .browse__block--grid .browse__box-wrapper {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-left: 0;
    padding-right: 30px;
  }
}
@media screen and (max-width: 767px) {
  .browse__block--grid .browse__box-wrapper {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
}
@media screen and (max-width: 575px) {
  .browse__block--grid .browse__box-wrapper {
    padding-right: 0;
  }
}
.browse__filter {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.browse__filter-wrapper {
  min-height: 40px;
}
.browse__filter p {
  padding-right: 12px;
  color: #273c43;
  line-height: 1;
  text-transform: uppercase;
  font-size: 16px;
}
@media screen and (min-width: 320px) {
  .browse__filter p {
    font-size: calc(16px + 2 * (100vw - 320px) / 880);
  }
}
@media screen and (min-width: 1200px) {
  .browse__filter p {
    font-size: 18px;
  }
}
.browse__filter-btn,
.browse__filter-link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  min-width: 78px;
  height: 30px;
  padding-left: 12px;
  padding-right: 12px;
}
.browse__filter-btn span,
.browse__filter-link span {
  font-size: 16px;
  font-family: "Ubuntu", sans-serif;
  font-size: 14px;
}
@media screen and (min-width: 320px) {
  .browse__filter-btn span,
  .browse__filter-link span {
    font-size: calc(14px + 2 * (100vw - 320px) / 880);
  }
}
@media screen and (min-width: 1200px) {
  .browse__filter-btn span,
  .browse__filter-link span {
    font-size: 16px;
  }
}
.browse__filter-btn {
  margin-right: 10px;
  background-color: #273c43;
  -webkit-clip-path: polygon(0 0, 100% 5%, 97% 98%, 4% 100%);
  clip-path: polygon(0 0, 100% 5%, 97% 98%, 4% 100%);
  color: #fff;
}
.browse__filter-btn:hover {
  color: #fff;
}
.browse__filter-btn i {
  font-size: 8px;
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
}
.browse__filter-link {
  color: #273c43;
}
.browse__table {
  font-family: "Ubuntu", sans-serif;
}
@media screen and (max-width: 767px) {
  .browse__table-head {
    display: none;
  }
}
.browse__table-head .browse__table-tr {
  margin-bottom: 41px;
}
.browse__table-head .browse__table-th-0 {
  padding-left: 144px;
}
.browse__table-head .browse__filter-btn {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}
.browse__table-body .browse__table-tr {
  min-height: 137px;
  margin-bottom: 27px;
}
.browse__table-body .browse__table-tr:before {
  content: "";
  z-index: -1;
  position: absolute;
  top: 50%;
  right: 15px;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 95%;
  height: 70%;
  background-color: #dcf1f8;
  -webkit-clip-path: polygon(0 0, 100% 2%, 99% 99%, 2% 98%);
  clip-path: polygon(0 0, 100% 2%, 99% 99%, 2% 98%);
}
@media screen and (max-width: 767px) {
  .browse__table-body .browse__table-tr:before {
    height: 100%;
  }
}
.browse__table-tr {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: relative;
  padding-right: 30px;
}
@media screen and (max-width: 767px) {
  .browse__table-tr {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
}
.browse__table-tr--legendary .browse__table-td-1 {
  color: #ea8d23;
}
.browse__table-tr--epic .browse__table-td-1 {
  color: #c359ff;
}
.browse__table-tr--rare .browse__table-td-1 {
  color: #2cc1ff;
}
.browse__table-tr--uncommon .browse__table-td-1,
.browse__table-tr #69bb1e .browse__table-td-1 {
  color: default, #bebebe;
}
.browse__table-th,
.browse__table-td {
  width: 100%;
}
.browse__table-th-0,
.browse__table-td-0 {
  max-width: 52%;
}
@media screen and (max-width: 767px) {
  .browse__table-th-0,
  .browse__table-td-0 {
    max-width: 100%;
  }
}
.browse__table-th-1,
.browse__table-th-2,
.browse__table-th-3,
.browse__table-td-1,
.browse__table-td-2,
.browse__table-td-3 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  max-width: calc(48% / 3);
  padding: 5px 10px;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .browse__table-th-1,
  .browse__table-th-2,
  .browse__table-th-3,
  .browse__table-td-1,
  .browse__table-td-2,
  .browse__table-td-3 {
    max-width: calc(100% / 3);
  }
}
.browse__table-th {
  color: #273c43;
  font-size: 12px;
}
@media screen and (min-width: 320px) {
  .browse__table-th {
    font-size: calc(12px + 4 * (100vw - 320px) / 880);
  }
}
@media screen and (min-width: 1200px) {
  .browse__table-th {
    font-size: 16px;
  }
}
.browse__table-td {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  color: #728388;
  font-size: 14px;
}
@media screen and (min-width: 320px) {
  .browse__table-td {
    font-size: calc(14px + 4 * (100vw - 320px) / 880);
  }
}
@media screen and (min-width: 1200px) {
  .browse__table-td {
    font-size: 18px;
  }
}
.browse__table-td .e-skin__block-points {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding-bottom: 0;
}
.browse__table-td .e-skin__block-points span {
  color: #728388;
  font-family: "Ubuntu", sans-serif;
  font-size: 14px;
}
@media screen and (min-width: 320px) {
  .browse__table-td .e-skin__block-points span {
    font-size: calc(14px + 4 * (100vw - 320px) / 880);
  }
}
@media screen and (min-width: 1200px) {
  .browse__table-td .e-skin__block-points span {
    font-size: 18px;
  }
}
.browse__table h3 {
  padding-left: 18px;
  color: #273c43;
  line-height: 1;
  text-transform: uppercase;
  font-family: "Anton", sans-serif;
  font-size: 24px;
}
@media screen and (min-width: 320px) {
  .browse__table h3 {
    font-size: calc(24px + 6 * (100vw - 320px) / 880);
  }
}
@media screen and (min-width: 1200px) {
  .browse__table h3 {
    font-size: 30px;
  }
}
.browse__box {
  overflow: hidden;
  position: relative;
  width: 173px;
  height: 137px;
  border: 5px solid #e8f2ff;
}
.browse__box--legendary {
  border-color: #e38748;
}
.browse__box--epic {
  border-color: #b04eec;
}
.browse__box--rare {
  border-color: #3ad6ff;
}
.browse__box--uncommon {
  border-color: #8fee3b;
}
.browse__box--default {
  border-color: #bebebe;
}
.browse__box:hover:after {
  opacity: 1;
  -webkit-transition: opacity 0.3s ease-in-out;
  -o-transition: opacity 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out;
}
.browse__box:hover > img {
  -webkit-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
  -webkit-transition: -webkit-transform 0.3s ease-in-out;
  transition: -webkit-transform 0.3s ease-in-out;
  -o-transition: transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
}
.browse__box:before,
.browse__box:after {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  width: calc(100% + 2px);
  height: calc(100% + 2px);
}
.browse__box:after {
  opacity: 0;
  background: -webkit-radial-gradient(
    center,
    200px,
    rgba(255, 255, 255, 0.3),
    rgba(255, 255, 255, 0.05)
  );
  background: -o-radial-gradient(
    center,
    200px,
    rgba(255, 255, 255, 0.3),
    rgba(255, 255, 255, 0.05)
  );
  background: radial-gradient(
    200px at center,
    rgba(255, 255, 255, 0.3),
    rgba(255, 255, 255, 0.05)
  );
  -webkit-transition: opacity 0.3s ease-in-out;
  -o-transition: opacity 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out;
}
.browse__box-name {
  z-index: 1;
  position: absolute;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 44px;
  background-color: rgba(39, 60, 67, 0.57);
}
.browse__box-name h3 {
  color: #fff;
  line-height: 1;
  text-transform: uppercase;
  font-family: "Anton", sans-serif;
  font-size: 18px;
}
@media screen and (min-width: 320px) {
  .browse__box-name h3 {
    font-size: calc(18px + 6 * (100vw - 320px) / 880);
  }
}
@media screen and (min-width: 1200px) {
  .browse__box-name h3 {
    font-size: 24px;
  }
}
.browse__box .e-skin__block-points {
  position: absolute;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  top: 2px;
  left: 5px;
  padding-bottom: 0;
}
.browse__box .e-skin__block-points span {
  padding-top: 3px;
  color: #fff;
  line-height: 1;
  font-weight: 500;
  font-size: 14px;
}
@media screen and (min-width: 320px) {
  .browse__box .e-skin__block-points span {
    font-size: calc(14px + 4 * (100vw - 320px) / 880);
  }
}
@media screen and (min-width: 1200px) {
  .browse__box .e-skin__block-points span {
    font-size: 18px;
  }
}
.browse__box .e-skin__block-view {
  top: 4px;
  bottom: auto;
  font-family: "Anton", sans-serif;
}
.browse__box .e-skin__block-view i {
  font-size: 16px;
}
.browse__box .e-skin__block-view span {
  font-size: 14px;
}
.browse__box > img {
  display: block;
  max-width: 100%;
  height: auto;
  margin-left: auto;
  margin-right: auto;
  -webkit-transform-origin: center;
  -ms-transform-origin: center;
  transform-origin: center;
  -webkit-transition: -webkit-transform 0.3s ease-in-out;
  transition: -webkit-transform 0.3s ease-in-out;
  -o-transition: transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
}
#history {
  width: 100%;
  max-width: 711px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  margin-left: auto;
}
@media screen and (max-width: 991px) {
  #history {
    max-width: 100%;
  }
}
@media screen and (max-width: 767px) {
  #history {
    overflow: hidden;
  }
}
.p-history #history {
  max-width: 100%;
}
.history {
  position: relative;
}
.history__top {
  z-index: 1;
  position: relative;
  min-height: 325px;
}
.history__top-bg {
  z-index: -1;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #5a1e74;
  background-image: url(../images/img-history-main.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  -webkit-clip-path: polygon(0 0, 100% 0, 100% 85%, 0 100%);
  clip-path: polygon(0 0, 100% 0, 100% 85%, 0 100%);
}
.history__top-title {
  position: absolute;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  bottom: -102px;
  left: 0;
  width: 100%;
  max-width: 654px;
  min-height: 102px;
  padding-left: 16px;
  background-color: #fe23a9;
  -webkit-clip-path: polygon(0 3%, 96% 0, 100% 98%, 0 100%);
  clip-path: polygon(0 3%, 96% 0, 100% 98%, 0 100%);
  color: #fff;
  line-height: 1;
  text-transform: uppercase;
  font-size: 26px;
}
@media screen and (min-width: 320px) {
  .history__top-title {
    font-size: calc(26px + 10 * (100vw - 320px) / 1119);
  }
}
@media screen and (min-width: 1439px) {
  .history__top-title {
    font-size: 36px;
  }
}
.history__top-title:before {
  content: "";
  z-index: -1;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #dd128e;
  -webkit-clip-path: polygon(0 100%, 65% 70%, 100% 0, 100% 100%, 0 100%);
  clip-path: polygon(0 100%, 65% 70%, 100% 0, 100% 100%, 0 100%);
}
.history__bottom {
  z-index: 0;
  position: relative;
  top: -50px;
  min-height: 364px;
}
.history__bottom-bg,
.history__bottom-triangle {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.history__bottom-bg {
  z-index: -1;
  background-image: -webkit-linear-gradient(49deg, #ff6a4c 0%, #da543a 100%);
  background-image: -o-linear-gradient(49deg, #ff6a4c 0%, #da543a 100%);
  background-image: linear-gradient(41deg, #ff6a4c 0%, #da543a 100%);
  -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 85%);
  clip-path: polygon(0 0, 100% 0, 100% 100%, 0 85%);
}
.history__bottom-bg span {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #fe7653;
}
.history__bottom-bg span:nth-of-type(1) {
  -webkit-clip-path: polygon(0 0, 10% 0, 35% 35%, 0 20%);
  clip-path: polygon(0 0, 10% 0, 35% 35%, 0 20%);
}
.history__bottom-bg span:nth-of-type(2) {
  -webkit-clip-path: polygon(
    45% 0,
    75% 0,
    76% 5%,
    70% 55%,
    60% 30%,
    38% 25%,
    45% 0
  );
  clip-path: polygon(45% 0, 75% 0, 76% 5%, 70% 55%, 60% 30%, 38% 25%, 45% 0);
}
.history__bottom-bg span:nth-of-type(3) {
  -webkit-clip-path: polygon(70% 60%, 100% 15%, 100% 90%, 95% 95%, 70% 60%);
  clip-path: polygon(70% 60%, 100% 15%, 100% 90%, 95% 95%, 70% 60%);
}
.history__bottom-triangle {
  z-index: 0;
}
.history__bottom-triangle img {
  position: absolute;
}
.history__bottom-triangle img:nth-of-type(1) {
  left: 0;
  bottom: 40px;
}
.history__bottom-triangle img:nth-of-type(2) {
  left: 42%;
  bottom: 0;
}
.history__bottom-triangle img:nth-of-type(3) {
  right: 15%;
  bottom: -5%;
}
.history__bottom-triangle img:nth-of-type(4) {
  right: 0;
  bottom: -7%;
}
.history__bottom .c-grid {
  max-width: 1260px;
}
.history__wrapper {
  z-index: 2;
  position: relative;
}
.history__wrapper-0 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding-bottom: 30px;
  padding-top: 30px;
}
@media screen and (min-width: 320px) {
  .history__wrapper-0 {
    padding-top: calc(30px + 30 * (100vw - 320px) / 1119);
  }
}
@media screen and (min-width: 1439px) {
  .history__wrapper-0 {
    padding-top: 60px;
  }
}
.history__wrapper-1 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding-top: 75px;
}
@media screen and (max-width: 767px) {
  .history__wrapper-1 {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
}
.history__wrapper-1 .history__wrapper-left {
  width: 100%;
  max-width: calc(100% - 370px);
  padding-right: 15px;
}
@media screen and (max-width: 767px) {
  .history__wrapper-1 .history__wrapper-left {
    max-width: 100%;
  }
}
.history__wrapper-1 .history__wrapper-right {
  width: 370px;
  padding-bottom: 75px;
}
@media screen and (max-width: 767px) {
  .history__wrapper-1 .history__wrapper-right {
    display: none;
  }
}
.history__title,
.history__text {
  color: #fff;
  text-align: center;
}
.history__title {
  padding-bottom: 20px;
  line-height: 1;
  text-transform: uppercase;
  font-size: 100px;
  font-size: 55px;
}
@media screen and (min-width: 320px) {
  .history__title {
    font-size: calc(55px + 45 * (100vw - 320px) / 1119);
  }
}
@media screen and (min-width: 1439px) {
  .history__title {
    font-size: 100px;
  }
}
.history__text {
  width: 100%;
  max-width: 970px;
  margin-left: auto;
  margin-right: auto;
  line-height: 1.6;
  font-weight: 500;
  font-family: "Ubuntu", sans-serif;
  font-size: 16px;
}
@media screen and (min-width: 320px) {
  .history__text {
    font-size: calc(16px + 4 * (100vw - 320px) / 1119);
  }
}
@media screen and (min-width: 1439px) {
  .history__text {
    font-size: 20px;
  }
}
.history__content {
  position: relative;
  max-width: 805px;
  min-height: 248px;
  padding: 47px 54px;
}
@media screen and (max-width: 991px) {
  .history__content {
    padding: 37px 44px;
  }
}
@media screen and (max-width: 575px) {
  .history__content {
    padding-top: 77px;
  }
}
.history__content-bg {
  z-index: -1;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.history__content-bg span {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.history__content-bg span:nth-of-type(1) {
  top: 10px;
  background-color: #e65a3e;
  -webkit-clip-path: polygon(0 0, 100% 3%, 97% 98%, 2% 100%);
  clip-path: polygon(0 0, 100% 3%, 97% 98%, 2% 100%);
}
.history__content-bg span:nth-of-type(2) {
  left: 15px;
  background-color: #fc8646;
  -webkit-clip-path: polygon(0 0, 100% 3%, 97% 98%, 2% 100%);
  clip-path: polygon(0 0, 100% 3%, 97% 98%, 2% 100%);
}
.history__content-bg span:nth-of-type(2):before {
  content: "";
  z-index: 0;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #e87a3e;
  -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 35% 65%, 0 0);
  clip-path: polygon(0 0, 100% 0, 100% 100%, 35% 65%, 0 0);
}
.history__content-triangle {
  z-index: 0;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.history__content-triangle img {
  position: absolute;
}
.history__content-text {
  color: #fff;
  font-size: 18px;
  font-family: "Ubuntu", sans-serif;
  font-size: 14px;
}
@media screen and (min-width: 320px) {
  .history__content-text {
    font-size: calc(14px + 4 * (100vw - 320px) / 447);
  }
}
@media screen and (min-width: 767px) {
  .history__content-text {
    font-size: 18px;
  }
}
.history__content-text-0 {
  padding-bottom: 30px;
  font-weight: 500;
}
.history__content-text span {
  color: #ff0;
}
.history__subtitle {
  position: relative;
  top: -15px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
  max-width: 453px;
  height: 83px;
  margin-left: 50px;
  padding-left: 29px;
  background-color: #2a2a2a;
  -webkit-clip-path: polygon(0 3%, 100% 0, 96% 97%, 3% 100%);
  clip-path: polygon(0 3%, 100% 0, 96% 97%, 3% 100%);
}
@media screen and (max-width: 575px) {
  .history__subtitle {
    margin-left: auto;
  }
}
.history__subtitle:before {
  content: "";
  z-index: 0;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #313131;
  -webkit-clip-path: polygon(0 100%, 75% 70%, 100% 0, 100% 100%, 0 100%);
  clip-path: polygon(0 100%, 75% 70%, 100% 0, 100% 100%, 0 100%);
}
.history__subtitle p {
  z-index: 2;
  position: relative;
  color: #fff;
  font-size: 18px;
  font-weight: 500;
  font-family: "Ubuntu", sans-serif;
}
.history__subtitle p a {
  color: #ff0;
}
.h-shop__wrapper {
  margin-bottom: 30px;
}
.h-shop__wrapper:last-of-type {
  margin-bottom: 50px;
}
.h-shop__block {
  position: relative;
  min-height: 800px;
  padding-bottom: 45px;
}
.h-shop__block-bg,
.h-shop__block-triangle {
  position: absolute;
  left: 0;
  width: 100%;
}
.h-shop__block-bg {
  z-index: -1;
  top: 58px;
  height: calc(100% - 58px);
  background-color: #edf9fd;
  -webkit-clip-path: polygon(0 3%, 99% 0, 100% 99%, 1% 100%);
  clip-path: polygon(0 3%, 99% 0, 100% 99%, 1% 100%);
}
.h-shop__block-triangle {
  z-index: 0;
  top: 0;
  height: 100%;
}
.h-shop__block-triangle img {
  position: absolute;
}
.h-shop__block-triangle img:nth-of-type(1) {
  top: 20px;
  right: 0;
}
.h-shop__block-triangle img:nth-of-type(2) {
  left: 3%;
  bottom: -5%;
}
.h-shop__block-triangle img:nth-of-type(3) {
  right: 0;
  bottom: -7%;
}
.h-shop__block-cover {
  z-index: 2;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}
.h-shop__block-header {
  margin-bottom: 10px;
}
.h-shop__block-body {
  padding-left: 27px;
  padding-right: 27px;
}
@media screen and (max-width: 575px) {
  .h-shop__block-body {
    overflow: hidden;
    padding-left: 15px;
    padding-right: 15px;
  }
}
.h-shop__block-footer {
  padding-left: 27px;
  padding-right: 27px;
}
.h-shop__block-title {
  z-index: 1;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
  max-width: 625px;
  height: 97px;
}
.h-shop__block-title--bg {
  z-index: -1;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #ffb45d;
  -webkit-clip-path: polygon(0 0, 100% 4%, 97% 96%, 1% 100%);
  clip-path: polygon(0 0, 100% 4%, 97% 96%, 1% 100%);
}
.h-shop__block-title--bg:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #eea341;
  -webkit-clip-path: polygon(0 100%, 80% 70%, 100% 0, 100% 100%);
  clip-path: polygon(0 100%, 80% 70%, 100% 0, 100% 100%);
}
.h-shop__block-title--icon {
  position: absolute;
  top: 4px;
  left: 7px;
}
.h-shop__block-title--icon .icon-font {
  position: absolute;
  font-size: 61px;
}
.h-shop__block-title--icon .icon-font:nth-of-type(1) {
  top: 11px;
  left: 6px;
  color: #035e7e;
}
.h-shop__block-title--icon .icon-font:nth-of-type(2) {
  top: 0;
  left: 0;
  color: #fff;
}
.h-shop__block-title--label {
  z-index: -1;
  position: absolute;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  top: 23px;
  left: 40px;
  width: 112px;
  height: 102px;
  padding-left: 15px;
}
.h-shop__block-title--label > div {
  position: absolute;
  width: 100%;
  height: 100%;
  -webkit-clip-path: polygon(0 3%, 100% 0, 97% 97%, 3% 95%);
  clip-path: polygon(0 3%, 100% 0, 97% 97%, 3% 95%);
}
.h-shop__block-title--label > div:nth-of-type(1) {
  top: 12px;
  left: 8px;
  background-color: #035e7e;
}
.h-shop__block-title--label > div:nth-of-type(2) {
  top: 0;
  left: 0;
  background-color: #fcdb90;
}
.h-shop__block-title--label span {
  z-index: 2;
  position: relative;
  display: block;
  line-height: 1;
  text-transform: uppercase;
  font-size: 26px;
}
@media screen and (min-width: 320px) {
  .h-shop__block-title--label span {
    font-size: calc(26px + 10 * (100vw - 320px) / 1119);
  }
}
@media screen and (min-width: 1439px) {
  .h-shop__block-title--label span {
    font-size: 36px;
  }
}
.h-shop__block-title--label span:nth-of-type(1) {
  color: #e65a3e;
}
.h-shop__block-title--label span:nth-of-type(2) {
  color: #2a2a2a;
}
.h-shop__block-title h2 {
  padding-left: 175px;
  color: #fff;
  line-height: 1;
  text-transform: uppercase;
  font-size: 36px;
}
@media screen and (min-width: 320px) {
  .h-shop__block-title h2 {
    font-size: calc(36px + 12 * (100vw - 320px) / 1119);
  }
}
@media screen and (min-width: 1439px) {
  .h-shop__block-title h2 {
    font-size: 48px;
  }
}
@media screen and (max-width: 575px) {
  .h-shop__block-title h2 {
    padding-right: 5px;
  }
}
.h-shop__block-subtitle {
  z-index: 0;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  top: -12px;
  width: 100%;
  max-width: 656px;
  height: 67px;
  background-color: #0183b1;
  -webkit-clip-path: polygon(0 15%, 100% 0, 95% 98%, 5% 100%);
  clip-path: polygon(0 15%, 100% 0, 95% 98%, 5% 100%);
}
@media screen and (max-width: 1199px) {
  .h-shop__block-subtitle {
    padding-left: 30%;
  }
}
@media screen and (max-width: 575px) {
  .h-shop__block-subtitle {
    padding-left: 0;
    height: 97px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    padding-top: 30px;
  }
}
.h-shop__block-subtitle > a {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 50%;
  color: #fff;
  line-height: 1;
  text-transform: uppercase;
  font-size: 16px;
}
@media screen and (min-width: 320px) {
  .h-shop__block-subtitle > a {
    font-size: calc(16px + 2 * (100vw - 320px) / 1119);
  }
}
@media screen and (min-width: 1439px) {
  .h-shop__block-subtitle > a {
    font-size: 18px;
  }
}
.h-shop__block-subtitle > a:nth-of-type(1) {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  padding-right: 27px;
}
@media screen and (max-width: 424px) {
  .h-shop__block-subtitle > a:nth-of-type(1) {
    padding-right: 20px;
  }
}
.h-shop__block-subtitle > a:nth-of-type(1):after {
  content: "";
  position: absolute;
  right: -1.5px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 3px;
  height: 17px;
  background-color: #fff;
}
.h-shop__block-subtitle > a:nth-of-type(2) {
  padding-left: 27px;
}
@media screen and (max-width: 575px) {
  .h-shop__block-subtitle > a:nth-of-type(2) {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    padding-left: 0;
    padding-right: 27px;
    padding-top: 10px;
  }
}
@media screen and (max-width: 424px) {
  .h-shop__block-subtitle > a:nth-of-type(2) {
    padding-right: 20px;
  }
}
.h-shop__block-subtitle .icon-sales,
.h-shop__block-subtitle .icon-bubble {
  margin-right: 9px;
  font-size: 20px;
}
@media screen and (min-width: 320px) {
  .h-shop__block-subtitle .icon-sales,
  .h-shop__block-subtitle .icon-bubble {
    font-size: calc(20px + 3 * (100vw - 320px) / 1119);
  }
}
@media screen and (min-width: 1439px) {
  .h-shop__block-subtitle .icon-sales,
  .h-shop__block-subtitle .icon-bubble {
    font-size: 23px;
  }
}
.h-shop__block-skin {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding-left: 10px;
  padding-right: 10px;
}
@media screen and (max-width: 575px) {
  .h-shop__block-skin {
    padding-left: 0;
    padding-right: 0;
  }
}
.h-shop__block-skin .b-skin {
  width: calc((100% - 24px) / 4);
  margin-left: 3px;
  margin-right: 3px;
  margin-bottom: 13px;
  -webkit-box-shadow: none;
  box-shadow: none;
}
@media screen and (max-width: 1199px) {
  .h-shop__block-skin .b-skin {
    width: calc((100% - 18px) / 3);
  }
}
@media screen and (max-width: 991px) {
  .h-shop__block-skin .b-skin {
    width: calc((100% - 24px) / 4);
  }
}
@media screen and (max-width: 767px) {
  .h-shop__block-skin .b-skin {
    width: calc((100% - 18px) / 3);
  }
}
@media screen and (max-width: 575px) {
  .h-shop__block-skin .b-skin {
    width: calc((100% - 12px) / 2);
  }
}
@media screen and (max-width: 374px) {
  .h-shop__block-skin .b-skin {
    width: 100%;
  }
}
.h-shop__block-skin .b-skin__points span {
  font-size: 14px;
}
.h-shop__block-skin .b-skin__view {
  top: 0;
  bottom: auto;
}
.h-shop__block-skin .b-skin__info {
  height: 35px;
}
.h-shop__block-skin .b-skin__info p {
  padding: 0;
  font-size: 18px;
  font-size: 14px;
}
@media screen and (min-width: 320px) {
  .h-shop__block-skin .b-skin__info p {
    font-size: calc(14px + 4 * (100vw - 320px) / 1119);
  }
}
@media screen and (min-width: 1439px) {
  .h-shop__block-skin .b-skin__info p {
    font-size: 18px;
  }
}
.h-shop__block-sum {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  min-height: 97px;
  padding: 5px 21px;
}
@media screen and (max-width: 575px) {
  .h-shop__block-sum {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}
.h-shop__block-sum:before {
  content: "";
  z-index: -1;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #d2e8ef;
  -webkit-clip-path: polygon(0 1.5%, 100% 0, 98.5% 100%, 2% 100%);
  clip-path: polygon(0 1.5%, 100% 0, 98.5% 100%, 2% 100%);
}
.h-shop__block-sum--total,
.h-shop__block-sum--features,
.h-shop__block-sum--deily {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 189px;
  min-height: 69px;
  padding: 5px 10px;
  -webkit-clip-path: polygon(0 10%, 100% 0, 99% 100%, 0 90%);
  clip-path: polygon(0 10%, 100% 0, 99% 100%, 0 90%);
}
@media screen and (max-width: 575px) {
  .h-shop__block-sum--total,
  .h-shop__block-sum--features,
  .h-shop__block-sum--deily {
    margin-bottom: 5px;
  }
  .h-shop__block-sum--total:last-of-type,
  .h-shop__block-sum--features:last-of-type,
  .h-shop__block-sum--deily:last-of-type {
    margin-bottom: 0;
  }
}
.h-shop__block-sum--total:before,
.h-shop__block-sum--features:before,
.h-shop__block-sum--deily:before {
  content: "";
  z-index: 0;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -webkit-clip-path: polygon(0 10%, 100% 0, 100% 100%, 75% 30%, 0 10%);
  clip-path: polygon(0 10%, 100% 0, 100% 100%, 75% 30%, 0 10%);
}
.h-shop__block-sum--total p,
.h-shop__block-sum--features p,
.h-shop__block-sum--deily p {
  z-index: 2;
  position: relative;
  color: #fff;
  line-height: 1;
  text-transform: uppercase;
  font-size: 18px;
}
.h-shop__block-sum--total {
  background-color: #0183b1;
}
.h-shop__block-sum--total:before {
  background-color: #0b7398;
}
.h-shop__block-sum--total p {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.h-shop__block-sum--total p img {
  margin-left: 10px;
  margin-right: 5px;
  height: calc(41px / 2);
}
.h-shop__block-sum--features {
  background-color: #f66d33;
}
.h-shop__block-sum--features:before {
  background-color: #de561c;
}
.h-shop__block-sum--deily {
  background-color: #e3c171;
}
.h-shop__block-sum--deily:before {
  background-color: #f4d180;
}
.h-rotation {
  position: relative;
  margin-bottom: 75px;
}
.h-rotation .shop__update {
  position: absolute;
  top: 0;
  left: 0;
  max-width: 390px;
  padding-top: 5px;
  padding-bottom: 5px;
}
.h-rotation .shop__update p {
  font-size: 36px;
}
@media screen and (min-width: 320px) {
  .h-rotation .shop__update p {
    font-size: calc(36px + 4 * (100vw - 320px) / 671);
  }
}
@media screen and (min-width: 991) {
  .h-rotation .shop__update p {
    font-size: 40px;
  }
}
.h-rotation .shop__update-bg span:nth-of-type(1) {
  top: 9px;
  left: 6px;
}
.h-rotation .shop__update-right > div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding-bottom: 5px;
}
.h-rotation .shop__update-right > div span {
  padding-left: 5px;
}
.h-rotation__bg,
.h-rotation__triangle {
  position: absolute;
  left: 0;
  width: 100%;
}
.h-rotation__bg {
  z-index: -1;
  top: 133px;
  height: calc(100% - 133px);
  background-color: #edf9fd;
  -webkit-clip-path: polygon(0 0, 100% 0, 99.5% 99.5%, 1% 100%);
  clip-path: polygon(0 0, 100% 0, 99.5% 99.5%, 1% 100%);
}
.h-rotation__triangle {
  z-index: 0;
  top: 0;
  height: 100%;
}
.h-rotation__triangle img {
  position: absolute;
}
.h-rotation__triangle img:nth-of-type(1) {
  bottom: -30px;
  left: 10%;
}
.h-rotation__triangle img:nth-of-type(2) {
  bottom: -30px;
  right: 10%;
}
.h-rotation__wrapper {
  z-index: 2;
  position: relative;
}
.h-rotation__head {
  position: relative;
  min-height: 206px;
  padding-top: 66px;
  padding-left: 8px;
  padding-right: 9px;
}
.h-rotation__body {
  padding: 17px 28px 52px;
}
.h-rotation__title {
  position: relative;
  min-height: 140px;
  padding: 67px 33px 15px 30px;
  background-color: #0183b1;
  -webkit-clip-path: polygon(0 10%, 100% 0, 95% 98%, 2% 100%);
  clip-path: polygon(0 10%, 100% 0, 95% 98%, 2% 100%);
}
.h-rotation__title:before {
  content: "";
  z-index: -1;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #06739a;
  -webkit-clip-path: polygon(5% 100%, 85% 55%, 100% 0, 100% 100%);
  clip-path: polygon(5% 100%, 85% 55%, 100% 0, 100% 100%);
}
.h-rotation__title p {
  color: #fff;
  line-height: 1.6;
  font-family: "Ubuntu", sans-serif;
}
.h-rotation__subtitle {
  text-transform: uppercase;
}
.h-rotation__subtitle-0 {
  background-color: #f66d33;
}
.h-rotation__subtitle-0:after {
  background-color: #ff814c;
}
.h-rotation__subtitle-0:before {
  background-color: #de561c;
}
.h-rotation__subtitle-1 {
  background-color: #f4d180;
}
.h-rotation__subtitle-1:after {
  background-color: #fcdb90;
}
.h-rotation__subtitle-1:before {
  background-color: #e3c171;
}
.h-latest {
  position: relative;
  margin-top: 75px;
  margin-bottom: 75px;
}
.h-latest__bg,
.h-latest__triangle {
  position: absolute;
  top: 55px;
  left: 0;
  width: 100%;
  height: calc(100% - (55px + 65px));
}
.h-latest__bg {
  z-index: -1;
  background-color: #e2a83f;
  -webkit-clip-path: polygon(0 0, 100% 0, 99.5% 99.5%, 1% 100%);
  clip-path: polygon(0 0, 100% 0, 99.5% 99.5%, 1% 100%);
}
.h-latest__triangle {
  z-index: 0;
}
.h-latest__triangle img {
  position: absolute;
}
.h-latest__triangle img:nth-of-type(1) {
  top: 10%;
  left: -20px;
}
.h-latest__triangle img:nth-of-type(2) {
  top: -30px;
  right: 8%;
}
.h-latest__triangle img:nth-of-type(3) {
  top: -30px;
  right: 0;
}
.h-latest__triangle img:nth-of-type(4) {
  bottom: -40px;
  right: 0;
}
.h-latest__wrapper {
  z-index: 2;
  position: relative;
}
.h-latest__head {
  padding-left: 3px;
}
.h-latest__body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding: 30px 8px 16px 18px;
}
@media screen and (max-width: 767px) {
  .h-latest__body {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
}
.h-latest__footer {
  padding-left: 11px;
}
.h-latest__title {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
  max-width: 90%;
  min-height: 100px;
  padding-left: 25px;
  padding-right: 15px;
  background-color: #f0ca06;
  -webkit-clip-path: polygon(0 0, 100% 2%, 96% 100%, 2% 98%);
  clip-path: polygon(0 0, 100% 2%, 96% 100%, 2% 98%);
  color: #fff;
}
@media screen and (max-width: 575px) {
  .h-latest__title {
    max-width: 95%;
  }
}
.h-latest__title:before {
  content: "";
  z-index: -1;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #ffd600;
  -webkit-clip-path: polygon(0 100%, 85% 65%, 100% 0, 100% 100%);
  clip-path: polygon(0 100%, 85% 65%, 100% 0, 100% 100%);
}
.h-latest__title .icon-strike-month {
  font-size: 36px;
}
@media screen and (min-width: 320px) {
  .h-latest__title .icon-strike-month {
    font-size: calc(36px + 6 * (100vw - 320px) / 447);
  }
}
@media screen and (min-width: 767px) {
  .h-latest__title .icon-strike-month {
    font-size: 42px;
  }
}
.h-latest__title h2 {
  padding-left: 23px;
  line-height: 1;
  text-transform: uppercase;
  font-size: 28px;
}
@media screen and (min-width: 320px) {
  .h-latest__title h2 {
    font-size: calc(28px + 20 * (100vw - 320px) / 447);
  }
}
@media screen and (min-width: 767px) {
  .h-latest__title h2 {
    font-size: 48px;
  }
}
.h-latest__block {
  width: calc(100% / 2);
  padding-bottom: 21px;
}
@media screen and (max-width: 767px) {
  .h-latest__block {
    width: 100%;
  }
}
.h-latest__block:nth-child(odd) {
  padding-right: 10px;
}
@media screen and (max-width: 767px) {
  .h-latest__block:nth-child(odd) {
    padding-right: 0;
  }
}
.h-latest__block:nth-child(even) {
  padding-left: 10px;
}
@media screen and (max-width: 767px) {
  .h-latest__block:nth-child(even) {
    padding-left: 0;
  }
}
.h-latest__block .daily__block {
  margin-bottom: 0;
}
.h-latest__block .daily__block-btn:hover {
  color: #f59639;
}
.h-latest__follow {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
  max-width: 90%;
  min-height: 78px;
  padding: 5px 15px 5px 15px;
  background-color: #fe48b7;
  -webkit-clip-path: polygon(0 2%, 100% 0, 96% 97%, 2% 100%);
  clip-path: polygon(0 2%, 100% 0, 96% 97%, 2% 100%);
}
@media screen and (max-width: 767px) {
  .h-latest__follow {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
}
@media screen and (max-width: 575px) {
  .h-latest__follow {
    padding-top: 10px;
  }
}
.h-latest__follow:before {
  content: "";
  z-index: -1;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #fe23a9;
  -webkit-clip-path: polygon(0 100%, 75% 55%, 100% 0, 100% 100%);
  clip-path: polygon(0 100%, 75% 55%, 100% 0, 100% 100%);
}
.h-latest__follow p {
  padding-right: 36px;
  color: #fff;
  line-height: 1;
  text-transform: uppercase;
  font-size: 36px;
}
.h-latest__follow > div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  width: 100%;
  max-width: 100%;
}
@media screen and (max-width: 575px) {
  .h-latest__follow > div {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
  }
}
.h-graph {
  position: relative;
  margin-bottom: 75px;
}
.h-graph__bg,
.h-graph__triangle {
  position: absolute;
  top: 37px;
  left: 0;
  width: 100%;
  height: calc(100% - (37px + 48px));
}
.h-graph__bg {
  z-index: -1;
  background-color: #edf9fd;
  -webkit-clip-path: polygon(0 0, 100% 0, 99.5% 99.5%, 0.5% 100%);
  clip-path: polygon(0 0, 100% 0, 99.5% 99.5%, 0.5% 100%);
}
.h-graph__triangle {
  z-index: 0;
}
.h-graph__triangle img {
  position: absolute;
}
.h-graph__triangle img:nth-of-type(1) {
  top: -30px;
  right: 10%;
}
.h-graph__triangle img:nth-of-type(2) {
  bottom: -30px;
  left: -5%;
}
.h-graph__wrapper {
  z-index: 2;
  position: relative;
}
.h-graph__head {
  padding-left: 18px;
}
.h-graph__body {
  padding: 30px 13px 30px 32px;
}
@media screen and (max-width: 767px) {
  .h-graph__body {
    padding-left: 10px;
    padding-right: 10px;
  }
}
.h-graph__footer {
  padding-left: 35px;
  padding-right: 20px;
}
@media screen and (max-width: 575px) {
  .h-graph__footer {
    padding-left: 10px;
    padding-right: 10px;
  }
}
.h-graph__title {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
  max-width: 411px;
  min-height: 100px;
  padding-left: 20px;
  padding-right: 15px;
  background-color: #d735ca;
  -webkit-clip-path: polygon(0 0, 100% 2%, 96% 100%, 2% 98%);
  clip-path: polygon(0 0, 100% 2%, 96% 100%, 2% 98%);
  color: #fff;
}
.h-graph__title:before {
  content: "";
  z-index: -1;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #ff00ea;
  -webkit-clip-path: polygon(0 100%, 85% 65%, 100% 0, 100% 100%);
  clip-path: polygon(0 100%, 85% 65%, 100% 0, 100% 100%);
}
.h-graph__title .icon-chart {
  font-size: 44px;
}
.h-graph__title h2 {
  padding-left: 23px;
  line-height: 1;
  text-transform: uppercase;
  font-size: 36px;
}
@media screen and (min-width: 320px) {
  .h-graph__title h2 {
    font-size: calc(36px + 12 * (100vw - 320px) / 671);
  }
}
@media screen and (min-width: 991px) {
  .h-graph__title h2 {
    font-size: 48px;
  }
}
.h-graph__block {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 37px 16px 47px;
  margin-bottom: 30px;
}
@media screen and (max-width: 767px) {
  .h-graph__block {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding-left: 5px;
    padding-right: 5px;
  }
}
.h-graph__block:before {
  content: "";
  z-index: -1;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #d5edf5;
}
.h-graph__block:last-of-type {
  margin-bottom: 0;
}
.h-graph__block-0:before {
  -webkit-clip-path: polygon(0 2%, 100% 0%, 100% 100%, 1% 98%);
  clip-path: polygon(0 2%, 100% 0%, 100% 100%, 1% 98%);
}
.h-graph__block-0 .h-graph__block-triangle img:nth-of-type(1) {
  top: -5%;
  right: 10%;
}
.h-graph__block-0 .h-graph__block-triangle img:nth-of-type(2) {
  bottom: -8%;
  right: 10%;
}
.h-graph__block-1:before {
  -webkit-clip-path: polygon(0 0%, 98% 2%, 100% 100%, 1% 92%);
  clip-path: polygon(0 0%, 98% 2%, 100% 100%, 1% 92%);
}
.h-graph__block-1 .h-graph__block-triangle img:nth-of-type(1) {
  top: -8%;
  left: 5%;
}
.h-graph__block-1 .h-graph__block-triangle img:nth-of-type(2) {
  top: 3%;
  right: -1%;
}
.h-graph__block-1 .h-graph__block-triangle img:nth-of-type(3) {
  bottom: -10px;
  right: 10%;
}
.h-graph__block-2:before {
  -webkit-clip-path: polygon(0 0, 100% 2%, 99% 98%, 1% 100%);
  clip-path: polygon(0 0, 100% 2%, 99% 98%, 1% 100%);
}
.h-graph__block-2 .h-graph__block-triangle img:nth-of-type(1) {
  top: -10px;
  right: 15%;
}
.h-graph__block-2 .h-graph__block-triangle img:nth-of-type(2) {
  bottom: -10px;
  right: 20%;
}
.h-graph__block-triangle {
  z-index: 0;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.h-graph__block-triangle img {
  position: absolute;
}
.h-graph__block-left,
.h-graph__block-right {
  z-index: 2;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 50%;
  padding: 15px;
}
@media screen and (max-width: 767px) {
  .h-graph__block-left,
  .h-graph__block-right {
    overflow: hidden;
    width: 100%;
    padding: 0;
  }
}
.h-graph__block-graph {
  position: relative;
  width: 326px;
  height: 324px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 767px) {
  .h-graph__block-graph {
    width: 100%;
    max-width: 326px;
  }
}
.h-graph__block-graph canvas {
  position: absolute;
  top: 0;
  left: 0;
}
.h-graph__block-info {
  position: relative;
  width: 100%;
  max-width: 268px;
  padding: 12px;
}
.h-graph__block-info-bg {
  z-index: -1;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.h-graph__block-info-bg span {
  position: absolute;
  width: 100%;
  height: 100%;
  -webkit-clip-path: polygon(0 0, 100% 0.5%, 98% 99%, 2% 100%);
  clip-path: polygon(0 0, 100% 0.5%, 98% 99%, 2% 100%);
}
.h-graph__block-info-bg span:nth-of-type(1) {
  top: 10px;
  left: 5px;
  background-color: #c9e9f4;
}
.h-graph__block-info-bg span:nth-of-type(2) {
  top: 0;
  left: 0;
  background-color: #b6e1ef;
}
.h-graph__block-info-bg span:nth-of-type(2):before {
  content: "";
  z-index: -1;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #9dcad9;
  -webkit-clip-path: polygon(0 100%, 75% 70%, 100% 0, 100% 100%);
  clip-path: polygon(0 100%, 75% 70%, 100% 0, 100% 100%);
}
.h-graph__block-info-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  min-height: 158px;
}
.h-graph__block-info-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 50%;
  height: 50%;
}
.h-graph__block-info-box div {
  position: relative;
  width: 43px;
  height: 37px;
  -webkit-clip-path: polygon(0 10%, 100% 0, 95% 100%, 5% 95%);
  clip-path: polygon(0 10%, 100% 0, 95% 100%, 5% 95%);
}
.h-graph__block-info-box div:before {
  content: "";
  z-index: -1;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -webkit-clip-path: polygon(0 100%, 75% 70%, 100% 0, 100% 100%);
  clip-path: polygon(0 100%, 75% 70%, 100% 0, 100% 100%);
}
.h-graph__block-info-box div.flamenco {
  background-color: #e98849;
}
.h-graph__block-info-box div.flamenco:before {
  background-color: #d17031;
}
.h-graph__block-info-box div.heliotrope {
  background-color: #c361f3;
}
.h-graph__block-info-box div.heliotrope:before {
  background-color: #ae4adf;
}
.h-graph__block-info-box div.summer-sky {
  background-color: #3b9be4;
}
.h-graph__block-info-box div.summer-sky:before {
  background-color: #2f8fd7;
}
.h-graph__block-info-box div.yellow-green {
  background-color: #85e430;
}
.h-graph__block-info-box div.yellow-green:before {
  background-color: #70c622;
}
.h-graph__block-info-box div.opal {
  background-color: #a8c7bb;
}
.h-graph__block-info-box div.opal:before {
  background-color: #8cb2a3;
}
.h-graph__block-info-box div.rose-bud {
  background-color: #ffa69e;
}
.h-graph__block-info-box div.rose-bud:before {
  background-color: #f09188;
}
.h-graph__block-info-box div.burgundy {
  background-color: #800020;
}
.h-graph__block-info-box div.burgundy:before {
  background-color: #6b041e;
}
.h-graph__block-info-box div.twilight {
  background-color: #d8beca;
}
.h-graph__block-info-box div.twilight:before {
  background-color: #bc96a8;
}
.h-graph__block-info-box div.dark-orange {
  background-color: #ff8d00;
}
.h-graph__block-info-box div.dark-orange:before {
  background-color: #db7c06;
}
.h-graph__block-info-box div.magic-mint {
  background-color: #b2edc9;
}
.h-graph__block-info-box div.magic-mint:before {
  background-color: #8ed8ab;
}
.h-graph__block-info-box p {
  padding-left: 8px;
  color: #000;
  text-transform: uppercase;
}
.h-graph__info {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  min-height: 67px;
  background-color: #0183b1;
  -webkit-clip-path: polygon(0 5%, 100% 0, 97% 98%, 2% 100%);
  clip-path: polygon(0 5%, 100% 0, 97% 98%, 2% 100%);
  color: #fff;
}
@media screen and (max-width: 374px) {
  .h-graph__info {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
}
.h-graph__info:before {
  content: "";
  z-index: -1;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #06739a;
  -webkit-clip-path: polygon(0 100%, 75% 55%, 100% 0, 100% 100%);
  clip-path: polygon(0 100%, 75% 55%, 100% 0, 100% 100%);
}
.h-graph__info > div,
.h-graph__info a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
@media screen and (max-width: 767px) {
  .h-graph__info > div,
  .h-graph__info a {
    width: 100%;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: 5px;
    margin-bottom: 5px;
  }
}
.h-graph__info .icon-calendar-wr {
  font-size: 20px;
}
@media screen and (min-width: 320px) {
  .h-graph__info .icon-calendar-wr {
    font-size: calc(20px + 7 * (100vw - 320px) / 447);
  }
}
@media screen and (min-width: 767px) {
  .h-graph__info .icon-calendar-wr {
    font-size: 27px;
  }
}
.h-graph__info .icon-ribbon {
  color: #fff;
  font-size: 18px;
}
@media screen and (min-width: 320px) {
  .h-graph__info .icon-ribbon {
    font-size: calc(18px + 5 * (100vw - 320px) / 447);
  }
}
@media screen and (min-width: 767px) {
  .h-graph__info .icon-ribbon {
    font-size: 23px;
  }
}
.h-graph__info .icon-bubble {
  color: #fff;
  font-size: 18px;
}
@media screen and (min-width: 320px) {
  .h-graph__info .icon-bubble {
    font-size: calc(18px + 5 * (100vw - 320px) / 447);
  }
}
@media screen and (min-width: 767px) {
  .h-graph__info .icon-bubble {
    font-size: 23px;
  }
}
.h-graph__info span {
  margin-left: 30px;
  margin-right: 30px;
  font-size: 18px;
}
@media screen and (max-width: 767px) {
  .h-graph__info span {
    display: none;
  }
}
.h-graph__info p {
  color: #fff;
  padding-left: 13px;
  line-height: 1;
  text-transform: uppercase;
  font-size: 12px;
}
@media screen and (min-width: 320px) {
  .h-graph__info p {
    font-size: calc(12px + 6 * (100vw - 320px) / 447);
  }
}
@media screen and (min-width: 767px) {
  .h-graph__info p {
    font-size: 18px;
  }
}
@media screen and (max-width: 575px) {
  .h-graph__info p {
    padding-left: 7px;
  }
}
.leaked__top,
.leaked__middle,
.leaked__bottom {
  position: relative;
}
.leaked__top-bg,
.leaked__top-triangle,
.leaked__middle-bg,
.leaked__middle-triangle,
.leaked__bottom-bg,
.leaked__bottom-triangle {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.leaked__top-bg,
.leaked__middle-bg,
.leaked__bottom-bg {
  z-index: -1;
}
.leaked__top-bg span,
.leaked__middle-bg span,
.leaked__bottom-bg span {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.leaked__top-triangle,
.leaked__middle-triangle,
.leaked__bottom-triangle {
  z-index: 0;
}
.leaked__top-triangle img,
.leaked__middle-triangle img,
.leaked__bottom-triangle img {
  position: absolute;
}
.leaked__top {
  z-index: 2;
  position: relative;
}
.leaked__top-bg {
  z-index: 0;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #41315f;
  background-image: url(../images/img-leaked-main.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  -webkit-clip-path: polygon(0 0, 100% 0, 100% 85%, 0 100%);
  clip-path: polygon(0 0, 100% 0, 100% 85%, 0 100%);
}
.leaked__top-row-0 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.leaked__top-title {
  padding-bottom: 20px;
  color: #fff;
  line-height: 1;
  text-transform: uppercase;
  text-align: center;
  font-size: 50px;
}
@media screen and (min-width: 768px) {
  .leaked__top-title {
    font-size: calc(50px + 23 * (100vw - 768px) / 671);
  }
}
@media screen and (min-width: 1439px) {
  .leaked__top-title {
    font-size: 73px;
  }
}
@media screen and (max-width: 767px) {
  .leaked__top-title {
    font-size: 36px;
  }
}
@media screen and (max-width: 767px) and (min-width: 320px) {
  .leaked__top-title {
    font-size: calc(36px + 14 * (100vw - 320px) / 447);
  }
}
@media screen and (max-width: 767px) and (min-width: 767px) {
  .leaked__top-title {
    font-size: 50px;
  }
}
.leaked__top-title span {
  color: #ff0;
}
@media screen and (max-width: 767px) {
  .leaked__top-title span {
    display: block;
    font-size: 50px;
  }
}
@media screen and (max-width: 767px) and (min-width: 320px) {
  .leaked__top-title span {
    font-size: calc(50px + 23 * (100vw - 320px) / 447);
  }
}
@media screen and (max-width: 767px) and (min-width: 767px) {
  .leaked__top-title span {
    font-size: 73px;
  }
}
.leaked__top-text {
  color: #fff;
  line-height: 1.6;
  font-size: 20px;
  font-family: "Ubuntu", sans-serif;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .leaked__top-text {
    font-size: 16px;
  }
}
@media screen and (max-width: 767px) and (min-width: 320px) {
  .leaked__top-text {
    font-size: calc(16px + 4 * (100vw - 320px) / 447);
  }
}
@media screen and (max-width: 767px) and (min-width: 767px) {
  .leaked__top-text {
    font-size: 20px;
  }
}
.leaked__middle {
  z-index: 1;
  position: relative;
  top: -60px;
  min-height: 404px;
}
.leaked__middle-bg {
  background-color: #222738;
  -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 85%);
  clip-path: polygon(0 0, 100% 0, 100% 100%, 0 85%);
}
@media screen and (max-width: 575px) {
  .leaked__middle-bg {
    -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 95%);
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 95%);
  }
}
.leaked__middle-bg span:nth-of-type(1) {
  background-color: #282e42;
  -webkit-clip-path: polygon(0 10%, 15% 50%, 0 40%);
  clip-path: polygon(0 10%, 15% 50%, 0 40%);
}
.leaked__middle-bg span:nth-of-type(2) {
  background-color: #38405c;
  -webkit-clip-path: polygon(75% 0, 100% 0, 100% 10%, 65% 75%);
  clip-path: polygon(75% 0, 100% 0, 100% 10%, 65% 75%);
}
.leaked__middle-triangle img:nth-of-type(1) {
  left: 3%;
  bottom: 5%;
}
.leaked__middle-triangle img:nth-of-type(2) {
  left: 25%;
  bottom: 7%;
}
.leaked__middle-triangle img:nth-of-type(3) {
  right: 15%;
  bottom: 0;
}
.leaked__middle-triangle img:nth-of-type(4) {
  right: 0;
  bottom: -7%;
}
.leaked__middle .c-grid {
  max-width: 1260px;
}
.leaked__middle-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.leaked__middle-title {
  position: absolute;
  top: calc(100% - (98px - 45px));
  left: -15px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
  max-width: 524px;
  min-height: 102px;
  padding-left: 41px;
  background-color: #871cea;
  -webkit-clip-path: polygon(0.5% 0.5%, 95% 0, 100% 100%, 0 98%);
  clip-path: polygon(0.5% 0.5%, 95% 0, 100% 100%, 0 98%);
}
.leaked__middle-title:before {
  content: "";
  z-index: 0;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #740cd5;
  -webkit-clip-path: polygon(0 100%, 65% 55%, 100% 0, 100% 100%);
  clip-path: polygon(0 100%, 65% 55%, 100% 0, 100% 100%);
}
.leaked__middle-title h2 {
  z-index: 2;
  position: relative;
  color: #fff;
  line-height: 1;
  text-transform: uppercase;
  font-size: 30px;
}
@media screen and (min-width: 320px) {
  .leaked__middle-title h2 {
    font-size: calc(30px + 18 * (100vw - 320px) / 1119);
  }
}
@media screen and (min-width: 1439px) {
  .leaked__middle-title h2 {
    font-size: 48px;
  }
}
.leaked__middle-box {
  position: relative;
  left: -15px;
  min-height: 182px;
  padding: 46px 39px 46px 74px;
}
@media screen and (max-width: 991px) {
  .leaked__middle-box {
    padding: 36px 29px 36px 54px;
  }
}
@media screen and (max-width: 767px) {
  .leaked__middle-box {
    min-height: 0;
    padding: 30px 20px 15px 30px;
  }
}
.leaked__middle-box-bg {
  z-index: -1;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.leaked__middle-box-bg span {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.leaked__middle-box-bg span:nth-of-type(1) {
  top: 15px;
  background-color: #0f6a8b;
  -webkit-clip-path: polygon(0 0, 100% 3%, 98% 100%, 2% 98%);
  clip-path: polygon(0 0, 100% 3%, 98% 100%, 2% 98%);
}
.leaked__middle-box-bg span:nth-of-type(2) {
  left: 15px;
  background-color: #2399c3;
  -webkit-clip-path: polygon(0 0, 100% 3%, 98% 100%, 2% 98%);
  clip-path: polygon(0 0, 100% 3%, 98% 100%, 2% 98%);
}
.leaked__middle-box-bg span:nth-of-type(2):before {
  content: "";
  z-index: 0;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #1887af;
  -webkit-clip-path: polygon(0 0, 25% 65%, 100% 100%, 0 100%);
  clip-path: polygon(0 0, 25% 65%, 100% 100%, 0 100%);
}
.leaked__middle-box p {
  color: #fff;
  line-height: 1.6;
  font-size: 18px;
  font-family: "Ubuntu", sans-serif;
  font-size: 14px;
}
@media screen and (min-width: 320px) {
  .leaked__middle-box p {
    font-size: calc(14px + 4 * (100vw - 320px) / 1119);
  }
}
@media screen and (min-width: 1439px) {
  .leaked__middle-box p {
    font-size: 18px;
  }
}
.leaked__middle-box p span {
  color: #ff0;
}
.leaked__bottom {
  z-index: 0;
  position: relative;
  top: -150px;
  min-height: 1458px;
}
@media screen and (max-width: 575px) {
  .leaked__bottom {
    overflow: hidden;
    top: -90px;
  }
}
.leaked__bottom-bg {
  height: calc(100% - 34px);
  background-image: -webkit-linear-gradient(80deg, #e3ab41 0%, #dd952f 99%);
  background-image: -o-linear-gradient(80deg, #e3ab41 0%, #dd952f 99%);
  background-image: linear-gradient(10deg, #e3ab41 0%, #dd952f 99%);
  -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 95%);
  clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 95%);
}
@media screen and (max-width: 575px) {
  .leaked__bottom-bg {
    -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 99%);
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 99%);
  }
}
.leaked__bottom-bg span:nth-of-type(1) {
  background-color: #e5ac3c;
  -webkit-clip-path: polygon(0 5%, 10% 20%, 0 15%);
  clip-path: polygon(0 5%, 10% 20%, 0 15%);
}
.leaked__bottom-bg span:nth-of-type(2) {
  background-color: #e5ad3d;
  -webkit-clip-path: polygon(90% 30%, 100% 20%, 100% 30%);
  clip-path: polygon(90% 30%, 100% 20%, 100% 30%);
}
.leaked__bottom-bg span:nth-of-type(3) {
  background-color: #e7b649;
  -webkit-clip-path: polygon(60% 80%, 100% 79%, 100% 100%, 75% 100%);
  clip-path: polygon(60% 80%, 100% 79%, 100% 100%, 75% 100%);
}
.leaked__bottom-triangle img:nth-of-type(1) {
  bottom: 5%;
  left: 4%;
}
.leaked__bottom-triangle img:nth-of-type(2) {
  right: 20%;
  bottom: 20px;
}
.leaked__bottom-triangle img:nth-of-type(3) {
  right: 3%;
  bottom: 0;
}
.leaked__bottom-row-0 {
  padding-top: 41px;
}
.leaked__bottom-row-1 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.leaked__bottom-title {
  z-index: 5;
  position: absolute;
  width: auto;
  min-height: 97px;
  margin-left: auto;
  margin-right: auto;
  padding: 10px 36px 10px 42px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  color: #fff;
}
@media screen and (max-width: 575px) {
  .leaked__bottom-title {
    position: relative;
    padding-left: 20px;
    padding-right: 10px;
  }
}
.leaked__bottom-title--0 {
  top: calc(100% - (98px - 36px));
}
.leaked__bottom-title--0 .leaked__bottom-title-bg span:nth-of-type(1) {
  background-color: #ad5029;
}
.leaked__bottom-title--0 .leaked__bottom-title-bg span:nth-of-type(2) {
  background-color: #ff7236;
}
.leaked__bottom-title--1 {
  top: calc(100% - (110px));
}
.leaked__bottom-title--1 .leaked__bottom-title-bg span:nth-of-type(1) {
  background-color: #2399c3;
}
.leaked__bottom-title--1 .leaked__bottom-title-bg span:nth-of-type(2) {
  background-color: #35b8e7;
}
.leaked__bottom-title-bg {
  z-index: -1;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.leaked__bottom-title-bg span {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.leaked__bottom-title-bg span:nth-of-type(1) {
  top: 10px;
  -webkit-clip-path: polygon(0 0, 100% 5%, 95% 97%, 3% 100%);
  clip-path: polygon(0 0, 100% 5%, 95% 97%, 3% 100%);
}
.leaked__bottom-title-bg span:nth-of-type(2) {
  left: 10px;
  -webkit-clip-path: polygon(0 0, 100% 5%, 95% 97%, 3% 100%);
  clip-path: polygon(0 0, 100% 5%, 95% 97%, 3% 100%);
}
.leaked__bottom-title .icon-menology {
  font-size: 38px;
}
@media screen and (min-width: 320px) {
  .leaked__bottom-title .icon-menology {
    font-size: calc(38px + 12 * (100vw - 320px) / 1119);
  }
}
@media screen and (min-width: 1439px) {
  .leaked__bottom-title .icon-menology {
    font-size: 50px;
  }
}
.leaked__bottom-title .icon-preview {
  font-size: 24px;
}
@media screen and (min-width: 320px) {
  .leaked__bottom-title .icon-preview {
    font-size: calc(24px + 6 * (100vw - 320px) / 1119);
  }
}
@media screen and (min-width: 1439px) {
  .leaked__bottom-title .icon-preview {
    font-size: 30px;
  }
}
.leaked__bottom-title h3 {
  padding-left: 17px;
  line-height: 1;
  text-transform: uppercase;
  font-size: 28px;
}
@media screen and (min-width: 320px) {
  .leaked__bottom-title h3 {
    font-size: calc(28px + 20 * (100vw - 320px) / 1119);
  }
}
@media screen and (min-width: 1439px) {
  .leaked__bottom-title h3 {
    font-size: 48px;
  }
}
@media screen and (max-width: 575px) {
  .leaked__bottom-title h3 {
    padding-left: 10px;
  }
}
.leaked__bottom-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.leaked__bottom-box > div {
  min-width: 315px;
  width: calc((100% - 20px) / 3);
  min-height: 166px;
  margin-bottom: 13px;
}
@media screen and (max-width: 1439px) {
  .leaked__bottom-box > div {
    padding-left: 5px;
    padding-right: 5px;
  }
}
@media screen and (max-width: 991px) {
  .leaked__bottom-box > div {
    width: calc((100% - 20px) / 2);
  }
}
@media screen and (max-width: 767px) {
  .leaked__bottom-box > div {
    width: 100%;
    max-width: 400px;
    margin-left: auto;
    margin-right: auto;
  }
}
.leaked__bottom-box .b-skin {
  width: 190px;
  height: 156px;
}
@media screen and (max-width: 1199px) {
  .leaked__bottom-box .b-skin {
    width: 100%;
  }
}
.leaked__bottom-box .b-skin__view {
  top: 2px;
  bottom: auto;
}
.leaked__bottom-block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}
.leaked__bottom-block > div:nth-of-type(1) {
  position: relative;
  z-index: 1;
  width: 190px;
  padding-top: 10px;
}
@media screen and (max-width: 1199px) {
  .leaked__bottom-block > div:nth-of-type(1) {
    width: 150px;
  }
}
@media screen and (max-width: 767px) {
  .leaked__bottom-block > div:nth-of-type(1) {
    width: 190px;
  }
}
@media screen and (max-width: 575px) {
  .leaked__bottom-block > div:nth-of-type(1) {
    width: 190px;
  }
}
.leaked__bottom-block > div:nth-of-type(2) {
  position: relative;
  width: 100%;
  max-width: calc(100% - 190px);
  padding-top: 15px;
  padding-left: 25px;
}
@media screen and (max-width: 1199px) {
  .leaked__bottom-block > div:nth-of-type(2) {
    max-width: calc(100% - 150px);
  }
}
@media screen and (max-width: 767px) {
  .leaked__bottom-block > div:nth-of-type(2) {
    max-width: calc(100% - 190px);
  }
}
@media screen and (max-width: 575px) {
  .leaked__bottom-block > div:nth-of-type(2) {
    max-width: calc(100% - 150px);
  }
}
.leaked__bottom-block > div:nth-of-type(2):before {
  content: "";
  z-index: -1;
  position: absolute;
  top: 0;
  right: 0;
  width: calc(100% + 35px);
  height: calc(100% - 14px);
  background-color: #d98f2a;
  -webkit-clip-path: polygon(0 3%, 100% 0, 98% 100%, 0 98%);
  clip-path: polygon(0 3%, 100% 0, 98% 100%, 0 98%);
}
.leaked__bottom-block-name,
.leaked__bottom-block-src,
.leaked__bottom-block-desc {
  padding-bottom: 15px;
  color: #fff;
  line-height: 1;
}
.leaked__bottom-block-name {
  text-transform: uppercase;
  font-size: 24px;
}
.leaked__bottom-block-src {
  text-transform: uppercase;
}
.leaked__bottom-block-src span {
  text-transform: capitalize;
  font-family: "Ubuntu", sans-serif;
}
.leaked__bottom-block-desc {
  font-style: italic;
  font-family: "Ubuntu", sans-serif;
}
.leaked__bottom-block-btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 100%;
  max-width: 90px;
  min-height: 39px;
  background-color: #fcdb90;
  -webkit-clip-path: polygon(0 3%, 100% 0, 98% 100%, 0 98%);
  clip-path: polygon(0 3%, 100% 0, 98% 100%, 0 98%);
  color: #f59639;
  line-height: 1;
  text-transform: uppercase;
  -webkit-transition: color 0.3s ease-in-out, -webkit-clip-path 0.3s ease-in-out;
  transition: color 0.3s ease-in-out, -webkit-clip-path 0.3s ease-in-out;
  -o-transition: color 0.3s ease-in-out, clip-path 0.3s ease-in-out;
  transition: color 0.3s ease-in-out, clip-path 0.3s ease-in-out;
  transition: color 0.3s ease-in-out, clip-path 0.3s ease-in-out,
    -webkit-clip-path 0.3s ease-in-out;
}
.leaked__bottom-block-btn:hover {
  color: #f59639;
  -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
  clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
  -webkit-transition: -webkit-clip-path 0.3s ease-in-out;
  transition: -webkit-clip-path 0.3s ease-in-out;
  -o-transition: clip-path 0.3s ease-in-out;
  transition: clip-path 0.3s ease-in-out;
  transition: clip-path 0.3s ease-in-out, -webkit-clip-path 0.3s ease-in-out;
}
.leaked__wrapper {
  z-index: 2;
  position: relative;
}
.leaked__wrapper-0 {
  min-height: 327px;
  padding-top: 98px;
  padding-bottom: 98px;
}
@media screen and (max-width: 767px) {
  .leaked__wrapper-0 {
    padding-top: 35px;
    padding-bottom: 65px;
  }
}
@media screen and (max-width: 767px) and (min-width: 320px) {
  .leaked__wrapper-0 {
    padding-top: calc(35px + 63 * (100vw - 320px) / 447);
  }
}
@media screen and (max-width: 767px) and (min-width: 767px) {
  .leaked__wrapper-0 {
    padding-top: 98px;
  }
}
@media screen and (max-width: 767px) and (min-width: 320px) {
  .leaked__wrapper-0 {
    padding-bottom: calc(65px + 33 * (100vw - 320px) / 447);
  }
}
@media screen and (max-width: 767px) and (min-width: 767px) {
  .leaked__wrapper-0 {
    padding-bottom: 98px;
  }
}
.leaked__wrapper-1 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding-top: 61px;
  padding-bottom: 81px;
}
@media screen and (max-width: 767px) {
  .leaked__wrapper-1 {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}
.leaked__wrapper-1 .leaked__wrapper-left {
  width: 100%;
  max-width: calc(100% - 370px);
  padding-top: 35px;
}
@media screen and (max-width: 767px) {
  .leaked__wrapper-1 .leaked__wrapper-left {
    max-width: 100%;
  }
}
.leaked__wrapper-1 .leaked__wrapper-right {
  width: 370px;
}
@media screen and (max-width: 767px) {
  .leaked__wrapper-1 .leaked__wrapper-right {
    width: 100%;
  }
}
@media screen and (max-width: 575px) {
  .leaked__wrapper-1 .leaked__wrapper-right {
    display: none;
  }
}
.leaked__wrapper-2 {
  padding-top: 126px;
  padding-bottom: 110px;
}
@media screen and (max-width: 575px) {
  .leaked__wrapper-2 {
    padding-top: 46px;
  }
}
.leak {
  position: relative;
  padding-bottom: 50px;
}
.leak__wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
@media screen and (max-width: 767px) {
  .leak__wrapper {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
}
.leak__wrapper-left,
.leak__wrapper-right {
  width: 100%;
  max-width: calc((100% - 12px) / 2);
}
@media screen and (max-width: 767px) {
  .leak__wrapper-left,
  .leak__wrapper-right {
    max-width: 100%;
  }
}
.leak__block {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  min-height: 294px;
  margin-bottom: 46px;
}
@media screen and (max-width: 767px) {
  .leak__block {
    min-height: 0;
    padding-bottom: 55px;
  }
}
@media screen and (max-width: 767px) and (min-width: 320px) {
  .leak__block {
    padding-bottom: calc(55px + 33 * (100vw - 320px) / 447);
  }
}
@media screen and (max-width: 767px) and (min-width: 767px) {
  .leak__block {
    padding-bottom: 88px;
  }
}
.leak__block-bg,
.leak__block-triangle {
  position: absolute;
  left: 0;
  width: 100%;
}
.leak__block-bg {
  z-index: -1;
  top: 21px;
  height: calc(100% - 21px);
  background-color: #edf9fd;
  -webkit-clip-path: polygon(2% 0, 100% 0, 98% 100%, 0 99%);
  clip-path: polygon(2% 0, 100% 0, 98% 100%, 0 99%);
}
.leak__block-triangle {
  z-index: 0;
  top: 0;
  height: 100%;
}
.leak__block-triangle img {
  position: absolute;
}
.leak__block-triangle img:nth-of-type(1) {
  right: 0;
  top: 0;
}
.leak__block-triangle img:nth-of-type(2) {
  left: 10px;
  bottom: -30px;
}
.leak__block-triangle img:nth-of-type(3) {
  right: 5%;
  bottom: -10px;
}
.leak__block-title,
.leak__block-body {
  z-index: 2;
  position: relative;
}
.leak__block-title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
  max-width: 392px;
  min-height: 76px;
  padding-left: 24px;
  background-color: #ff7236;
  -webkit-clip-path: polygon(0 2%, 100% 0, 97% 96%, 3% 100%);
  clip-path: polygon(0 2%, 100% 0, 97% 96%, 3% 100%);
  color: #fff;
}
.leak__block-title .icon-menology {
  font-size: 39px;
}
.leak__block-title p {
  padding-left: 15px;
  line-height: 1;
  text-transform: uppercase;
  font-size: 24px;
}
@media screen and (min-width: 320px) {
  .leak__block-title p {
    font-size: calc(24px + 6 * (100vw - 320px) / 447);
  }
}
@media screen and (min-width: 767px) {
  .leak__block-title p {
    font-size: 30px;
  }
}
.leak__block-body {
  padding-top: 22px;
  padding-left: 23px;
  padding-right: 23px;
}
.leak__block-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding-bottom: 18px;
}
.leak__block-header > div:nth-of-type(1) {
  width: 55px;
}
.leak__block-header > div:nth-of-type(2) {
  width: 100%;
  max-width: calc(100% - 55px);
}
.leak__block-icon {
  position: relative;
  width: 46px;
  height: 46px;
  border: 2px solid #fff;
}
.leak__block-icon img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
}
.leak__block-desc {
  color: #273c43;
  line-height: 1;
  text-transform: uppercase;
  font-size: 24px;
}
@media screen and (min-width: 320px) {
  .leak__block-desc {
    font-size: calc(24px + 6 * (100vw - 320px) / 447);
  }
}
@media screen and (min-width: 767px) {
  .leak__block-desc {
    font-size: 30px;
  }
}
.leak__block-twitter {
  color: #bfbfbf;
  font-family: "Ubuntu", sans-serif;
  -webkit-transition: color 0.3s ease-in-out;
  -o-transition: color 0.3s ease-in-out;
  transition: color 0.3s ease-in-out;
  font-size: 14px;
}
@media screen and (min-width: 320px) {
  .leak__block-twitter {
    font-size: calc(14px + 2 * (100vw - 320px) / 447);
  }
}
@media screen and (min-width: 767px) {
  .leak__block-twitter {
    font-size: 16px;
  }
}
.leak__block-twitter:hover {
  color: #273c43;
  -webkit-transition: color 0.3s ease-in-out;
  -o-transition: color 0.3s ease-in-out;
  transition: color 0.3s ease-in-out;
}
.leak__block-text,
.leak__block-link {
  line-height: 1.6;
  font-family: "Ubuntu", sans-serif;
}
.leak__block-text {
  color: #363636;
}
.leak__block-link {
  color: #2399c3;
}
.leak__block-image {
  margin-top: 22px;
}
.leak__block-image img {
  display: block;
  max-width: 100%;
  height: auto;
  margin-left: auto;
  margin-right: auto;
}
#s-leak {
  width: 100%;
  max-width: 786px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  margin-left: auto;
}
@media screen and (max-width: 991px) {
  #s-leak {
    max-width: 100%;
  }
}
.s-leak__note,
.s-leak__image,
.s-leak__preview,
.s-leak__audio {
  position: relative;
  margin-bottom: 44px;
}
.s-leak__note-bg,
.s-leak__note-triangle,
.s-leak__image-bg,
.s-leak__image-triangle,
.s-leak__preview-bg,
.s-leak__preview-triangle,
.s-leak__audio-bg,
.s-leak__audio-triangle {
  position: absolute;
  left: 0;
  width: 100%;
}
.s-leak__note-bg,
.s-leak__image-bg,
.s-leak__preview-bg,
.s-leak__audio-bg {
  z-index: -1;
}
.s-leak__note-triangle,
.s-leak__image-triangle,
.s-leak__preview-triangle,
.s-leak__audio-triangle {
  z-index: 0;
  height: 100%;
}
.s-leak__note-triangle img,
.s-leak__image-triangle img,
.s-leak__preview-triangle img,
.s-leak__audio-triangle img {
  position: absolute;
}
.s-leak__note-wrapper,
.s-leak__image-wrapper,
.s-leak__preview-wrapper,
.s-leak__audio-wrapper {
  z-index: 2;
  position: relative;
}
.s-leak__image-triangle img:nth-of-type(1),
.s-leak__preview-triangle img:nth-of-type(1),
.s-leak__audio-triangle img:nth-of-type(1) {
  top: 55px;
  right: 0;
}
.s-leak__image-triangle img:nth-of-type(2),
.s-leak__preview-triangle img:nth-of-type(2),
.s-leak__audio-triangle img:nth-of-type(2) {
  bottom: -10px;
  left: 15px;
}
.s-leak__image-triangle img:nth-of-type(3),
.s-leak__preview-triangle img:nth-of-type(3),
.s-leak__audio-triangle img:nth-of-type(3) {
  bottom: -10px;
  right: 2%;
}
.s-leak__note {
  min-height: 303px;
}
.s-leak__note-bg {
  top: 59px;
  height: calc(100% - (59px + 28px));
  background-color: #33b6e6;
  -webkit-clip-path: polygon(0 5%, 100% 0, 99% 98%, 1% 100%);
  clip-path: polygon(0 5%, 100% 0, 99% 98%, 1% 100%);
}
.s-leak__note-bg span {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #169dcf;
}
.s-leak__note-bg span:nth-of-type(1) {
  -webkit-clip-path: polygon(0 0, 100% 0, 25% 25%, 0 100%);
  clip-path: polygon(0 0, 100% 0, 25% 25%, 0 100%);
}
.s-leak__note-bg span:nth-of-type(2) {
  -webkit-clip-path: polygon(100% 0, 70% 70%, 95% 55%, 100% 100%);
  clip-path: polygon(100% 0, 70% 70%, 95% 55%, 100% 100%);
}
.s-leak__note-triangle img:nth-of-type(1) {
  top: 39px;
  left: 40%;
}
.s-leak__note-triangle img:nth-of-type(2) {
  top: 29px;
  right: 0;
}
.s-leak__note-triangle img:nth-of-type(3) {
  bottom: 0;
  left: 5%;
}
.s-leak__note-triangle img:nth-of-type(4) {
  bottom: 5px;
  right: 40%;
}
.s-leak__note-head {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
  max-width: 290px;
  height: 97px;
  padding-left: 28px;
  background-color: #5fd5ff;
  -webkit-clip-path: polygon(0 0, 100% 2%, 98% 96%, 2% 100%);
  clip-path: polygon(0 0, 100% 2%, 98% 96%, 2% 100%);
}
.s-leak__note-head:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #33b6e6;
  -webkit-clip-path: polygon(0 100%, 75% 80%, 100% 0, 100% 100%);
  clip-path: polygon(0 100%, 75% 80%, 100% 0, 100% 100%);
}
.s-leak__note-head .icon-font,
.s-leak__note-head h2 {
  z-index: 2;
  position: relative;
  color: #fff;
}
.s-leak__note-head .icon-font {
  font-size: 34px;
}
.s-leak__note-head h2 {
  padding-left: 14px;
  line-height: 1;
  text-transform: uppercase;
  font-size: 28px;
}
@media screen and (min-width: 320px) {
  .s-leak__note-head h2 {
    font-size: calc(28px + 12 * (100vw - 320px) / 1045);
  }
}
@media screen and (min-width: 1365px) {
  .s-leak__note-head h2 {
    font-size: 40px;
  }
}
.s-leak__note-body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  min-height: 143px;
  padding: 50px 38px 50px 50px;
}
@media screen and (max-width: 1199px) {
  .s-leak__note-body {
    padding: 40px 28px 40px 40px;
  }
}
.s-leak__note-body p {
  color: #fff;
  line-height: 1.6;
  font-size: 18px;
  font-family: "Ubuntu", sans-serif;
  font-size: 14px;
}
@media screen and (min-width: 320px) {
  .s-leak__note-body p {
    font-size: calc(14px + 4 * (100vw - 320px) / 1045);
  }
}
@media screen and (min-width: 1365px) {
  .s-leak__note-body p {
    font-size: 18px;
  }
}
.s-leak__note-footer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}
.s-leak__image {
  min-height: 408px;
}
.s-leak__image .s-leak__title {
  background-color: #ff7236;
}
.s-leak__image .s-leak__title:before {
  background-color: #dc602c;
}
.s-leak__image .s-leak__title .icon-font {
  font-size: 50px;
}
.s-leak__image-bg {
  top: 59px;
  height: calc(100% - 59px);
  background-color: #edf9fd;
  -webkit-clip-path: polygon(0 7%, 100% 0, 99% 97%, 3% 100%);
  clip-path: polygon(0 7%, 100% 0, 99% 97%, 3% 100%);
}
.s-leak__image-body {
  padding: 51px 35px 68px;
}
@media screen and (max-width: 575px) {
  .s-leak__image-body {
    padding: 31px 15px 38px;
  }
}
.s-leak__image-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.s-leak__image-row > div {
  width: 100%;
  max-width: calc(100% / 3);
  padding: 5px 10px;
  margin-bottom: 15px;
}
@media screen and (max-width: 424px) {
  .s-leak__image-row > div {
    max-width: calc(100% / 2);
  }
}
.s-leak__image-row > div > a {
  margin-left: auto;
  margin-right: auto;
}
.s-leak__image-block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  width: calc((100% - 11px) / 4);
  margin-left: 11px;
  margin-right: 11px;
}
@media screen and (max-width: 1199px) {
  .s-leak__image-block {
    width: calc((100% - 44px) / 2);
    margin-bottom: 38px;
  }
}
@media screen and (max-width: 991px) {
  .s-leak__image-block {
    width: calc((100% - 88px) / 4);
    margin-bottom: 0;
  }
}
@media screen and (max-width: 767px) {
  .s-leak__image-block {
    width: calc((100% - 44px) / 2);
    margin-bottom: 38px;
  }
}
@media screen and (max-width: 374px) {
  .s-leak__image-block {
    width: calc((100% - 22px) / 1);
  }
}
.s-leak__image-block > div {
  position: relative;
  width: 152px;
  height: 154px;
  background-image: url(../images/img-transparent-bg.png);
  background-repeat: repeat;
}
.s-leak__image-block > div img {
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  display: block;
  width: auto;
  height: auto;
  max-width: 100%;
  max-height: 100%;
  margin-left: auto;
  margin-right: auto;
}
.s-leak__image-block > p {
  white-space: nowrap;
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  padding-top: 19px;
  color: #273c43;
  line-height: 1;
  text-transform: uppercase;
  font-size: 20px;
}
@media screen and (min-width: 320px) {
  .s-leak__image-block > p {
    font-size: calc(20px + 4 * (100vw - 320px) / 1045);
  }
}
@media screen and (min-width: 1365px) {
  .s-leak__image-block > p {
    font-size: 24px;
  }
}
.s-leak__preview {
  min-height: 558px;
}
@media screen and (max-width: 575px) {
  .s-leak__preview {
    min-height: 0;
  }
}
.s-leak__preview--empty {
  min-height: 395px;
}
.s-leak__preview--empty .s-leak__preview-body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  min-height: calc(395px - 97px);
}
.s-leak__preview .s-leak__title {
  background-color: #ffd600;
}
.s-leak__preview .s-leak__title:before {
  background-color: #b5970a;
}
.s-leak__preview .s-leak__title .icon-font {
  font-size: 44px;
}
.s-leak__preview-bg {
  top: 55px;
  height: calc(100% - 55px);
  background-color: #edf9fd;
  -webkit-clip-path: polygon(0 7%, 100% 0, 99% 97%, 3% 100%);
  clip-path: polygon(0 7%, 100% 0, 99% 97%, 3% 100%);
}
.s-leak__preview-body {
  padding: 19px 30px 46px;
}
.s-leak__preview-video {
  overflow: hidden;
  position: relative;
  width: 100%;
  max-width: 100%;
  height: 396px;
  border: 5px solid #fff;
}
@media screen and (max-width: 575px) {
  .s-leak__preview-video {
    height: 296px;
  }
}
.s-leak__preview-video iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.s-leak__preview-play {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 110px;
  height: 110px;
  border-radius: 100%;
  background-color: rgba(0, 0, 0, 0.5);
}
.s-leak__preview-play i {
  position: relative;
  left: 6px;
  color: #fff;
  font-size: 50px;
}
.s-leak__preview-share {
  position: absolute;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  top: 15px;
  right: 15px;
}
.s-leak__preview-share .icon-font {
  color: #fff;
  font-size: 15px;
}
.s-leak__preview-model {
  position: absolute;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  bottom: 15px;
  left: 15px;
  width: 40px;
  height: 40px;
  border-radius: 100%;
  background-color: #1caad9;
}
.s-leak__preview-model .icon-font {
  color: #fff;
  font-size: 20px;
}
.s-leak__preview-name {
  position: absolute;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  top: 15px;
  left: 15px;
}
.s-leak__preview-name > div:nth-of-type(1) {
  width: 33px;
}
.s-leak__preview-name > div:nth-of-type(2) {
  padding-left: 8px;
}
.s-leak__preview-name > div img {
  display: block;
  max-width: 100%;
  height: auto;
}
.s-leak__preview-name > div p,
.s-leak__preview-name > div span {
  color: #fff;
  line-height: 1;
  font-family: "Ubuntu", sans-serif;
}
.s-leak__preview-name > div p {
  font-size: 17px;
}
.s-leak__preview-name > div span {
  font-size: 13px;
}
.s-leak__audio {
  min-height: 340px;
}
.s-leak__audio--empty {
  min-height: 395px;
}
.s-leak__audio--empty .s-leak__preview-body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  min-height: calc(395px - 97px);
}
.s-leak__audio .s-leak__title {
  background-color: #d735ca;
}
.s-leak__audio .s-leak__title:before {
  background-color: #ff00ea;
}
.s-leak__audio .s-leak__title .icon-font {
  font-size: 30px;
}
.s-leak__audio-bg {
  top: 58px;
  height: calc(100% - 58px);
  background-color: #edf9fd;
  -webkit-clip-path: polygon(0 7%, 100% 0, 99% 97%, 3% 100%);
  clip-path: polygon(0 7%, 100% 0, 99% 97%, 3% 100%);
}
.s-leak__audio-body {
  padding: 30px;
}
.s-leak__audio-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  min-height: 127px;
}
@media screen and (max-width: 1199px) {
  .s-leak__audio-content {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
}
.s-leak__audio-content > div:nth-of-type(1) {
  width: 157px;
}
@media screen and (max-width: 1199px) {
  .s-leak__audio-content > div:nth-of-type(1) {
    width: 100%;
    padding-bottom: 15px;
  }
}
.s-leak__audio-content > div:nth-of-type(1) .b-skin {
  width: 100%;
  height: 127px;
}
.s-leak__audio-content > div:nth-of-type(2) {
  width: 100%;
  max-width: calc(100% - 157px);
  padding-left: 10px;
}
@media screen and (max-width: 1199px) {
  .s-leak__audio-content > div:nth-of-type(2) {
    max-width: 100%;
  }
}
.s-leak__audio-wave {
  position: relative;
  width: 100%;
  max-width: 100%;
  height: 90px;
  margin-bottom: 15px;
}
.s-leak__audio-control {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
@media screen and (max-width: 575px) {
  .s-leak__audio-control {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
}
.s-leak__audio-control > div:nth-of-type(1) {
  width: 60px;
}
@media screen and (max-width: 575px) {
  .s-leak__audio-control > div:nth-of-type(1) {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
    width: 50%;
  }
}
.s-leak__audio-control > div:nth-of-type(2) {
  width: 100%;
  max-width: calc(100% - (60px + 75px));
}
@media screen and (max-width: 575px) {
  .s-leak__audio-control > div:nth-of-type(2) {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
    max-width: 100%;
    padding-bottom: 15px;
  }
}
.s-leak__audio-control > div:nth-of-type(3) {
  width: 75px;
}
@media screen and (max-width: 575px) {
  .s-leak__audio-control > div:nth-of-type(3) {
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3;
    width: 50%;
  }
}
.s-leak__audio-control > div p,
.s-leak__audio-control > div span {
  font-family: "Ubuntu", sans-serif;
}
.s-leak__audio-control > div p {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  line-height: 1;
  font-size: 14px;
}
.s-leak__audio-control > div p span {
  color: #de4439;
  padding-right: 10px;
}
.s-leak__audio-control > div p a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding-left: 10px;
  color: #8cb2bf;
}
.s-leak__audio-control > div p a img {
  margin-right: 5px;
}
.s-leak__audio-control > div > span {
  font-size: 16px;
}
.s-leak__audio-play {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 50px;
  height: 50px;
  border-radius: 100%;
  background-color: #ea8c52;
}
.s-leak__audio-play i {
  position: relative;
  left: 2px;
  color: #fff;
  font-size: 20px;
}
.s-leak__audio-volume {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.s-leak__audio-volume i {
  color: #2a2a2a;
  font-size: 16px;
}
.s-leak__audio-volume span {
  width: 100%;
  max-width: calc(100% - 25px);
  margin-left: auto;
  height: 2px;
  background-color: #de4439;
}
.s-leak__audio-share {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  padding-top: 22px;
}
@media screen and (max-width: 575px) {
  .s-leak__audio-share {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
}
.s-leak__audio-share > div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.s-leak__audio-share > div:nth-of-type(1) {
  width: 100%;
  max-width: calc(100% - 100px);
}
@media screen and (max-width: 575px) {
  .s-leak__audio-share > div:nth-of-type(1) {
    max-width: 100%;
    padding-bottom: 15px;
  }
}
.s-leak__audio-share > div:nth-of-type(2) {
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  width: 100px;
}
@media screen and (max-width: 575px) {
  .s-leak__audio-share > div:nth-of-type(2) {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    width: 100%;
  }
}
.s-leak__audio-btn {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 100%;
  max-width: 93px;
  height: 32px;
  margin-left: 5px;
  margin-right: 5px;
  -webkit-clip-path: polygon(0 0, 100% 2%, 98% 98%, 2% 100%);
  clip-path: polygon(0 0, 100% 2%, 98% 98%, 2% 100%);
}
.s-leak__audio-btn:before {
  content: "";
  z-index: 0;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -webkit-clip-path: polygon(0 0, 20% 75%, 100% 100%, 0 100%);
  clip-path: polygon(0 0, 20% 75%, 100% 100%, 0 100%);
  -webkit-transition: -webkit-clip-path 0.3s ease-in-out;
  transition: -webkit-clip-path 0.3s ease-in-out;
  -o-transition: clip-path 0.3s ease-in-out;
  transition: clip-path 0.3s ease-in-out;
  transition: clip-path 0.3s ease-in-out, -webkit-clip-path 0.3s ease-in-out;
}
.s-leak__audio-btn:hover:before {
  -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
  clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
  -webkit-transition: -webkit-clip-path 0.3s ease-in-out;
  transition: -webkit-clip-path 0.3s ease-in-out;
  -o-transition: clip-path 0.3s ease-in-out;
  transition: clip-path 0.3s ease-in-out;
  transition: clip-path 0.3s ease-in-out, -webkit-clip-path 0.3s ease-in-out;
}
.s-leak__audio-btn--like {
  background-color: #ca3f39;
}
.s-leak__audio-btn--like:before {
  background-color: #d6524c;
}
.s-leak__audio-btn--like i {
  font-size: 15px;
}
.s-leak__audio-btn--embed {
  background-color: #1ac2fe;
}
.s-leak__audio-btn--embed:before {
  background-color: #15abe0;
}
.s-leak__audio-btn--embed i {
  font-size: 23px;
}
.s-leak__audio-btn i,
.s-leak__audio-btn span {
  z-index: 1;
  position: relative;
  color: #fff;
}
.s-leak__audio-btn span {
  padding-left: 5px;
  line-height: 1;
  text-transform: uppercase;
  font-size: 14px;
}
.s-leak__audio-like,
.s-leak__audio-play-count {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  color: #2a2a2a;
  margin-left: 10px;
  margin-right: 10px;
  font-family: "Ubuntu", sans-serif;
  -webkit-transition: opacity 0.3s ease-in-out;
  -o-transition: opacity 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out;
}
.s-leak__audio-like:hover,
.s-leak__audio-play-count:hover {
  opacity: 0.5;
  color: #2a2a2a;
  -webkit-transition: opacity 0.3s ease-in-out;
  -o-transition: opacity 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out;
}
.s-leak__audio-like i,
.s-leak__audio-play-count i {
  font-size: 12px;
}
.s-leak__audio-like span,
.s-leak__audio-play-count span {
  padding-left: 5px;
  font-size: 13px;
  font-weight: 500;
}
.s-leak__title {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
  max-width: 625px;
  min-height: 97px;
  padding-left: 26px;
  -webkit-clip-path: polygon(0 0, 100% 4%, 96% 96%, 2% 100%);
  clip-path: polygon(0 0, 100% 4%, 96% 96%, 2% 100%);
}
.s-leak__title:before {
  content: "";
  z-index: 0;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -webkit-clip-path: polygon(0 100%, 75% 80%, 100% 0, 100% 100%);
  clip-path: polygon(0 100%, 75% 80%, 100% 0, 100% 100%);
}
.s-leak__title .icon-font,
.s-leak__title h2 {
  z-index: 2;
  position: relative;
  color: #fff;
}
.s-leak__title h2 {
  padding-left: 14px;
  line-height: 1;
  text-transform: uppercase;
  font-size: 36px;
}
@media screen and (min-width: 320px) {
  .s-leak__title h2 {
    font-size: calc(36px + 12 * (100vw - 320px) / 1119);
  }
}
@media screen and (min-width: 1439px) {
  .s-leak__title h2 {
    font-size: 48px;
  }
}
.s-leak__empty {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 100%;
}
.s-leak__empty-bg,
.s-leak__empty-triangle {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.s-leak__empty-bg {
  z-index: -1;
  background-color: #35b8e7;
  -webkit-clip-path: polygon(0 0, 100% 4%, 97% 96%, 3% 100%);
  clip-path: polygon(0 0, 100% 4%, 97% 96%, 3% 100%);
}
.s-leak__empty-triangle {
  z-index: 0;
}
.s-leak__empty-triangle img {
  position: absolute;
}
.s-leak__empty-triangle img:nth-of-type(1) {
  top: -30px;
  left: 15%;
}
.s-leak__empty-triangle img:nth-of-type(2) {
  top: -20px;
  right: 0;
}
.s-leak__empty-triangle img:nth-of-type(3) {
  bottom: -15px;
  left: 15px;
}
.s-leak__empty-wrapper {
  z-index: 2;
  position: relative;
}
.s-leak__empty-head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 69px;
  height: 69px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 29px;
  border-radius: 100%;
  background-color: #35b8e7;
}
.s-leak__empty-head .icon-alert {
  color: #fff;
  font-size: 39px;
}
.s-leak__empty-body {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 100%;
  max-width: 452px;
  height: 70px;
  margin-left: auto;
  margin-right: auto;
  padding: 5px 15px;
}
.s-leak__empty-body p {
  color: #fff;
  font-family: "Ubuntu", sans-serif;
  font-size: 16px;
}
@media screen and (min-width: 320px) {
  .s-leak__empty-body p {
    font-size: calc(16px + 2 * (100vw - 320px) / 447);
  }
}
@media screen and (min-width: 767px) {
  .s-leak__empty-body p {
    font-size: 18px;
  }
}
.specification {
  position: relative;
  min-height: 460px;
  margin-bottom: 50px;
}
.specification__bg,
.specification__triangle {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.specification__bg span,
.specification__bg img,
.specification__triangle span,
.specification__triangle img {
  position: absolute;
}
.specification__bg {
  z-index: -1;
  background-image: -webkit-gradient(
    linear,
    left top,
    right top,
    from(#e3ab41),
    color-stop(99%, #dd952f)
  );
  background-image: -webkit-linear-gradient(left, #e3ab41 0%, #dd952f 99%);
  background-image: -o-linear-gradient(left, #e3ab41 0%, #dd952f 99%);
  background-image: linear-gradient(90deg, #e3ab41 0%, #dd952f 99%);
  -webkit-clip-path: polygon(0 0, 100% 0, 100% 90%, 0 100%);
  clip-path: polygon(0 0, 100% 0, 100% 90%, 0 100%);
}
.specification__bg span {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #e6b041;
}
.specification__bg span:nth-of-type(1) {
  -webkit-clip-path: polygon(0 0, 10% 0, 30% 80%, 0 35%);
  clip-path: polygon(0 0, 10% 0, 30% 80%, 0 35%);
}
.specification__bg span:nth-of-type(2) {
  -webkit-clip-path: polygon(55% 0, 65% 0, 52% 20%);
  clip-path: polygon(55% 0, 65% 0, 52% 20%);
}
.specification__bg span:nth-of-type(3) {
  -webkit-clip-path: polygon(80% 45%, 100% 10%, 100% 55%);
  clip-path: polygon(80% 45%, 100% 10%, 100% 55%);
}
.specification__triangle {
  z-index: 0;
}
.specification__triangle img:nth-of-type(1) {
  left: 0;
  bottom: -25px;
}
.specification__triangle img:nth-of-type(2) {
  left: 35%;
  bottom: -10px;
}
.specification__triangle img:nth-of-type(3) {
  right: 35%;
  bottom: 0;
}
.specification__triangle img:nth-of-type(4) {
  right: 12%;
  bottom: 10px;
}
.specification__triangle img:nth-of-type(5) {
  bottom: 15px;
  right: 0;
}
.specification__wrapper {
  z-index: 2;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding-top: 36px;
}
@media screen and (max-width: 991px) {
  .specification__wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}
.specification__wrapper-left,
.specification__wrapper-right {
  width: 50%;
}
@media screen and (max-width: 991px) {
  .specification__wrapper-left,
  .specification__wrapper-right {
    width: 100%;
  }
}
.specification__wrapper-left {
  padding-right: 15px;
}
@media screen and (max-width: 991px) {
  .specification__wrapper-left {
    padding-right: 0;
    padding-bottom: 30px;
  }
}
.specification__wrapper-right {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  padding-left: 15px;
}
@media screen and (max-width: 991px) {
  .specification__wrapper-right {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding-left: 0;
  }
}
.specification__video {
  width: 100%;
  max-width: 497px;
}
.specification__video-title {
  z-index: 1;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 100%;
  max-width: 202px;
  height: 64px;
  margin-left: 10px;
}
.specification__video-title:before,
.specification__video-title:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: calc(100% - 12px);
}
.specification__video-title:before {
  background-color: #f4d180;
  -webkit-clip-path: polygon(0 5%, 100% 0, 98% 100%, 2% 97%);
  clip-path: polygon(0 5%, 100% 0, 98% 100%, 2% 97%);
}
.specification__video-title:after {
  background-color: #fcdb90;
  -webkit-clip-path: polygon(2% 97%, 60% 65%, 100% 0, 98% 100%);
  clip-path: polygon(2% 97%, 60% 65%, 100% 0, 98% 100%);
}
.specification__video-title p {
  z-index: 2;
  position: relative;
  padding-bottom: 12px;
  color: #eea341;
  line-height: 1;
  text-transform: uppercase;
  font-size: 24px;
}
.specification__video-title .icon-font {
  position: absolute;
  top: calc(100% - 23px);
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  color: #fcdb90;
  font-size: 30px;
}
.specification__video-content {
  z-index: 0;
  position: relative;
  top: -20px;
  width: 100%;
  max-width: 497px;
  min-height: 269px;
}
.specification__video-content:before {
  content: "";
  z-index: -1;
  position: absolute;
  top: 20px;
  left: 5px;
  width: 100%;
  height: 100%;
  background-color: #da8c05;
}
.specification__video-content video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
  border: 5px solid #fff;
}
.specification__video-btn {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  color: #fff;
  font-size: 97px;
}
.specification__video-btn:hover {
  color: #fff;
}
.specification__video-btn:hover .icon-font {
  opacity: 1;
  -webkit-transition: opacity 0.3s ease-in-out;
  -o-transition: opacity 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out;
}
.specification__video-btn .icon-font {
  opacity: 0.82;
  -webkit-transition: opacity 0.3s ease-in-out;
  -o-transition: opacity 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out;
}
.specification__bot-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}
@media screen and (max-width: 374px) {
  .specification__bot-wrapper {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
}
.specification__bot-left {
  width: 100%;
  max-width: 330px;
  padding-right: 22px;
}
@media screen and (max-width: 575px) {
  .specification__bot-left {
    padding-bottom: 15px;
  }
}
@media screen and (max-width: 374px) {
  .specification__bot-left {
    max-width: 100%;
    padding-bottom: 15px;
    padding-right: 0;
  }
}
.specification__bot-left .b-skin {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
  max-width: 329px;
  height: 279px;
}
.specification__bot-right {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 253px;
  color: #fff;
}
@media screen and (max-width: 575px) {
  .specification__bot-right {
    width: 100%;
  }
}
.specification__bot-right ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}
.specification__bot-right ul li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding-top: 5px;
  padding-bottom: 5px;
}
.specification__bot-right ul li p {
  line-height: 1;
  font-size: 18px;
  text-transform: uppercase;
}
.specification__bot-right ul li span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding-left: 15px;
  font-family: "Ubuntu", sans-serif;
  font-size: 20px;
}
.specification__bot-right ul li .icon-star {
  color: #eab862;
  font-size: 23px;
}
.specification__bot-name {
  padding-bottom: 10px;
  line-height: 1;
  text-transform: uppercase;
  font-size: 40px;
}
@media screen and (min-width: 320px) {
  .specification__bot-name {
    font-size: calc(40px + 32 * (100vw - 320px) / 1119);
  }
}
@media screen and (min-width: 1439px) {
  .specification__bot-name {
    font-size: 72px;
  }
}
@media screen and (max-width: 575px) {
  .specification__bot-name {
    text-align: center;
  }
}
.specification__bot-btn {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 100%;
  max-width: 157px;
  height: 42px;
  padding: 5px 15px;
}
@media screen and (max-width: 575px) {
  .specification__bot-btn {
    margin-left: auto;
    margin-right: auto;
  }
}
.specification__bot-btn:hover .specification__bot-btn-bg span:nth-of-type(1) {
  top: 0;
  -webkit-transition: top 0.3s ease-in-out;
  -o-transition: top 0.3s ease-in-out;
  transition: top 0.3s ease-in-out;
}
.specification__bot-btn:hover .specification__bot-btn-bg span:nth-of-type(2) {
  left: 0;
  -webkit-transition: left 0.3s ease-in-out;
  -o-transition: left 0.3s ease-in-out;
  transition: left 0.3s ease-in-out;
}
.specification__bot-btn:hover
  .specification__bot-btn-bg
  span:nth-of-type(2):before {
  -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
  clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
  -webkit-transition: -webkit-clip-path 0.3s ease-in-out;
  transition: -webkit-clip-path 0.3s ease-in-out;
  -o-transition: clip-path 0.3s ease-in-out;
  transition: clip-path 0.3s ease-in-out;
  transition: clip-path 0.3s ease-in-out, -webkit-clip-path 0.3s ease-in-out;
}
.specification__bot-btn-bg {
  z-index: -1;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.specification__bot-btn-bg span {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -webkit-clip-path: polygon(0 0, 100% 5%, 98% 97%, 2% 100%);
  clip-path: polygon(0 0, 100% 5%, 98% 97%, 2% 100%);
  -webkit-transition: top 0.3s ease-in-out, left 0.3s ease-in-out;
  -o-transition: top 0.3s ease-in-out, left 0.3s ease-in-out;
  transition: top 0.3s ease-in-out, left 0.3s ease-in-out;
}
.specification__bot-btn-bg span:nth-of-type(1) {
  top: 5px;
  background-color: #b9852f;
}
.specification__bot-btn-bg span:nth-of-type(2) {
  left: 2px;
  background-color: #ffa039;
}
.specification__bot-btn-bg span:nth-of-type(2):before {
  content: "";
  z-index: 0;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #ff8539;
  -webkit-clip-path: polygon(0 100%, 80% 65%, 100% 0, 100% 100%);
  clip-path: polygon(0 100%, 80% 65%, 100% 0, 100% 100%);
  -webkit-transition: -webkit-clip-path 0.3s ease-in-out;
  transition: -webkit-clip-path 0.3s ease-in-out;
  -o-transition: clip-path 0.3s ease-in-out;
  transition: clip-path 0.3s ease-in-out;
  transition: clip-path 0.3s ease-in-out, -webkit-clip-path 0.3s ease-in-out;
}
.specification__bot-btn span {
  color: #fff;
  line-height: 1;
  text-transform: uppercase;
  font-size: 14px;
}
@media screen and (min-width: 320px) {
  .specification__bot-btn span {
    font-size: calc(14px + 4 * (100vw - 320px) / 1119);
  }
}
@media screen and (min-width: 1439px) {
  .specification__bot-btn span {
    font-size: 18px;
  }
}
.specification__bot-subtitle {
  padding-top: 15px;
  padding-bottom: 15px;
  font-family: "Ubuntu", sans-serif;
  font-size: 16px;
}
@media screen and (min-width: 320px) {
  .specification__bot-subtitle {
    font-size: calc(16px + 4 * (100vw - 320px) / 1119);
  }
}
@media screen and (min-width: 1439px) {
  .specification__bot-subtitle {
    font-size: 20px;
  }
}
.shop {
  z-index: 3;
  position: relative;
}
.shop--item {
  z-index: 2;
  position: relative;
  top: -50px;
}
.shop--item .item {
  padding-top: 100px;
}
.shop__bg {
  z-index: -1;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.shop__bg-top,
.shop__bg-bottom {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.shop__bg-top {
  z-index: 1;
  height: 508px;
  background-color: #41315f;
  background-image: url(../images/img-shop-main.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  -webkit-clip-path: polygon(0 0, 100% 0, 100% 90%, 0 100%);
  clip-path: polygon(0 0, 100% 0, 100% 90%, 0 100%);
}
.shop__bg-bottom {
  z-index: 0;
  top: 408px;
  height: calc(100% - 408px);
  background-color: #1f1f1f;
  -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 90%);
  clip-path: polygon(0 0, 100% 0, 100% 100%, 0 90%);
}
.shop__bg-bottom:before {
  content: "";
  z-index: 0;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #262626;
  -webkit-clip-path: polygon(0 100%, 80% 55%, 100% 0, 100% 100%);
  clip-path: polygon(0 100%, 80% 55%, 100% 0, 100% 100%);
}
.shop__wrapper {
  z-index: 2;
  position: relative;
  min-height: 648px;
}
.shop__row-0 {
  padding-top: 122px;
}
.shop__row-1 {
  padding-top: 76px;
}
.shop__row-1 .item__dropdown {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.shop__row-1 .item__nav {
  top: -10px;
  max-width: 1026px;
  margin-left: auto;
  margin-right: auto;
}
.shop__row-1 .item__nav-bg {
  -webkit-clip-path: polygon(2% 2%, 100% 0, 98% 98%, 0% 100%);
  clip-path: polygon(2% 2%, 100% 0, 98% 98%, 0% 100%);
}
.shop__row-1 .item__nav-wrapper {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding-left: 42px;
  padding-right: 42px;
}
@media screen and (max-width: 991px) {
  .shop__row-1 .item__nav-wrapper {
    padding-left: 0;
    padding-right: 0;
  }
}
.shop__row-1 .item__nav-btn {
  height: 98px;
}
.shop__row-2 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding-top: 7px;
}
@media screen and (max-width: 575px) {
  .shop__row-2 {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: 30px;
  }
}
.shop__row-2 .rotation__cost {
  margin-right: 10px;
}
@media screen and (max-width: 767px) {
  .shop__row-2 .rotation__cost {
    margin-right: 5px;
  }
}
@media screen and (max-width: 575px) {
  .shop__row-2 .rotation__cost {
    margin-right: 0;
  }
}
.shop__title {
  padding-bottom: 20px;
  color: #fff;
  line-height: 1;
  text-align: center;
  text-transform: uppercase;
  font-size: 55px;
}
@media screen and (min-width: 320px) {
  .shop__title {
    font-size: calc(55px + 45 * (100vw - 320px) / 1119);
  }
}
@media screen and (min-width: 1439px) {
  .shop__title {
    font-size: 100px;
  }
}
.shop__title span {
  color: #ff0;
}
.shop__desc {
  color: #fff;
  line-height: 1.6;
  text-align: center;
  font-family: "Ubuntu", sans-serif;
  font-size: 16px;
}
@media screen and (min-width: 320px) {
  .shop__desc {
    font-size: calc(16px + 4 * (100vw - 320px) / 1119);
  }
}
@media screen and (min-width: 1439px) {
  .shop__desc {
    font-size: 20px;
  }
}
@media screen and (max-width: 991px) {
  .shop__desc {
    padding-left: 15px;
    padding-right: 15px;
  }
}
.shop__desc span {
  display: block;
  color: #f4b657;
}
.shop__category {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 100%;
  max-width: 404px;
  min-height: 53px;
  margin-left: auto;
  margin-right: auto;
  background-color: #f4d180;
  -webkit-clip-path: polygon(3% 0, 100% 1%, 98% 98%, 0 100%);
  clip-path: polygon(3% 0, 100% 1%, 98% 98%, 0 100%);
}
.shop__category:before {
  content: "";
  z-index: 0;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #fcdb90;
  -webkit-clip-path: polygon(0 100%, 65% 75%, 100% 0, 100% 100%);
  clip-path: polygon(0 100%, 65% 75%, 100% 0, 100% 100%);
}
.shop__category span {
  z-index: 2;
  position: relative;
  color: #eea341;
  line-height: 1;
  text-transform: uppercase;
  font-size: 30px;
}
@media screen and (min-width: 320px) {
  .shop__category span {
    font-size: calc(30px + 6 * (100vw - 320px) / 1119);
  }
}
@media screen and (min-width: 1439px) {
  .shop__category span {
    font-size: 36px;
  }
}
.shop__update {
  z-index: 1;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  top: -5px;
  width: 100%;
  max-width: 325px;
  min-height: 112px;
  margin-left: 10px;
}
@media screen and (max-width: 767px) {
  .shop__update {
    margin-left: 5px;
  }
}
@media screen and (max-width: 575px) {
  .shop__update {
    margin-left: 0;
  }
}
.shop__update-bg {
  z-index: -1;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.shop__update-bg span {
  position: absolute;
  width: 100%;
  height: 100%;
}
.shop__update-bg span:nth-of-type(1) {
  top: 5px;
  left: 3px;
  background-color: #2ab3e4;
  -webkit-clip-path: polygon(0 0, 100% 0, 98% 99%, 3% 100%);
  clip-path: polygon(0 0, 100% 0, 98% 99%, 3% 100%);
}
.shop__update-bg span:nth-of-type(2) {
  top: 0;
  left: 0;
  background-color: #35b8e7;
  -webkit-clip-path: polygon(0 0, 100% 0, 98% 99%, 3% 100%);
  clip-path: polygon(0 0, 100% 0, 98% 99%, 3% 100%);
}
.shop__update-bg span:nth-of-type(2):before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #5fd5ff;
  -webkit-clip-path: polygon(5% 100%, 85% 65%, 100% 0, 100% 100%);
  clip-path: polygon(5% 100%, 85% 65%, 100% 0, 100% 100%);
}
.shop__update-left {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  width: 105px;
}
.shop__update-right {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 100%;
  max-width: calc(100% - 105px);
  padding-left: 13px;
}
.shop__update-right span,
.shop__update-right p,
.shop__update-right h1 {
  line-height: 1;
}
.shop__update-right span {
  padding-bottom: 5px;
  color: #fff;
  font-size: 18px;
}
.shop__update-right p,
.shop__update-right h1 {
  color: #0183b1;
  text-transform: uppercase;
  font-size: 30px;
}
@media screen and (min-width: 320px) {
  .shop__update-right p,
  .shop__update-right h1 {
    font-size: calc(30px + 18 * (100vw - 320px) / 671);
  }
}
@media screen and (min-width: 991px) {
  .shop__update-right p,
  .shop__update-right h1 {
    font-size: 48px;
  }
}
.stats {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}
.stats__wrapper-0 {
  padding-bottom: 32px;
}
.stats__wrapper-1 {
  padding-top: 32px;
  padding-bottom: 31px;
}
.stats__wrapper-2 {
  padding-top: 31px;
  padding-bottom: 61px;
}
.stats__block {
  position: relative;
}
.stats__block-bg,
.stats__block-triangle {
  position: absolute;
  left: 0;
  width: 100%;
}
.stats__block-bg {
  z-index: -1;
  top: 57px;
  height: calc(100% - 57px);
  background-color: #edf9fd;
  -webkit-clip-path: polygon(0 0, 100% 0, 99.5% 99.5%, 1% 100%);
  clip-path: polygon(0 0, 100% 0, 99.5% 99.5%, 1% 100%);
}
.stats__block-triangle {
  z-index: 0;
  top: 0;
  height: 100%;
}
.stats__block-header,
.stats__block-body {
  z-index: 2;
  position: relative;
}
.stats__block-header {
  position: relative;
  min-height: 118px;
  padding: 15px 20px 15px 30px;
}
.stats__block-header-bg {
  z-index: -1;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #d735ca;
  -webkit-clip-path: polygon(1.25% 2%, 94% 0, 97% 100%, 0.75% 97%);
  clip-path: polygon(1.25% 2%, 94% 0, 97% 100%, 0.75% 97%);
}
.stats__block-header-bg:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #ff00ea;
  -webkit-clip-path: polygon(0 100%, 55% 70%, 100% 0, 100% 100%);
  clip-path: polygon(0 100%, 55% 70%, 100% 0, 100% 100%);
}
.stats__block-body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 20px 23px 35px;
}
@media screen and (max-width: 767px) {
  .stats__block-body {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
}
.stats__block-title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding-bottom: 13px;
  color: #fff;
}
.stats__block-title .icon-font {
  font-size: 34px;
}
.stats__block-title h2 {
  padding-left: 14px;
  line-height: 1;
  text-transform: uppercase;
  font-size: 36px;
}
@media screen and (min-width: 320px) {
  .stats__block-title h2 {
    font-size: calc(36px + 4 * (100vw - 320px) / 671);
  }
}
@media screen and (min-width: 991px) {
  .stats__block-title h2 {
    font-size: 40px;
  }
}
.stats__block-text {
  width: 100%;
  max-width: 516px;
  color: #fff;
  font-size: 14px;
  font-family: "Ubuntu", sans-serif;
}
.stats__block-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  width: calc((100% - 20px) / 3);
}
@media screen and (max-width: 767px) {
  .stats__block-row {
    width: 100%;
    margin-bottom: 30px;
  }
}
.stats__block-category {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 65px;
  padding-left: 32px;
  margin-bottom: 26px;
  color: #fff;
}
@media screen and (max-width: 767px) {
  .stats__block-category {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding-left: 15px;
    padding-right: 15px;
  }
}
.stats__block-category-bg {
  z-index: -1;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.stats__block-category-0 .stats__block-category-bg {
  background-color: #ff7236;
}
.stats__block-category-1 .stats__block-category-bg {
  background-color: #ffd600;
}
.stats__block-category-2 .stats__block-category-bg {
  background-color: #1ac2fe;
}
.stats__block-category .icon-diamond {
  font-size: 15px;
}
.stats__block-category .icon-table {
  font-size: 13px;
}
.stats__block-category .icon-cup {
  font-size: 16px;
}
.stats__block-category h3 {
  padding-left: 5px;
  line-height: 1;
  text-transform: uppercase;
  font-size: 18px;
}
.stats__block-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  min-height: 95px;
  margin-bottom: 26px;
}
@media screen and (max-width: 767px) {
  .stats__block-box {
    width: 100%;
    max-width: 270px;
    margin-left: auto;
    margin-right: auto;
  }
}
.stats__block-box:last-of-type {
  margin-bottom: 0;
}
.stats__block-box > div:nth-of-type(1) {
  width: 121px;
}
.stats__block-box > div:nth-of-type(2) {
  width: 100%;
  max-width: calc(100% - 121px);
  padding-top: 13px;
  padding-left: 10px;
}
.stats__block-box > div .b-skin {
  width: 100%;
  height: 95px;
  border-width: 2px;
}
.stats__block-box > div .b-skin__view {
  top: 2px;
  bottom: auto;
}
.stats__block-name {
  padding-bottom: 8px;
  color: #273c43;
  line-height: 1;
  text-transform: uppercase;
  font-size: 20px;
}
@media screen and (min-width: 320px) {
  .stats__block-name {
    font-size: calc(20px + 4 * (100vw - 320px) / 671);
  }
}
@media screen and (min-width: 991px) {
  .stats__block-name {
    font-size: 24px;
  }
}
.stats__block-items {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 100%;
  max-width: 109px;
  min-height: 21px;
  padding: 0 5px;
  color: #fff;
  line-height: 1;
  font-size: 12px;
  font-weight: 700;
  font-family: "Ubuntu", sans-serif;
}
.stats__block-items i {
  z-index: -1;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #d735ca;
  -webkit-clip-path: polygon(1.25% 2%, 94% 0, 97% 100%, 0.75% 97%);
  clip-path: polygon(1.25% 2%, 94% 0, 97% 100%, 0.75% 97%);
}
.stats__block-items i:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #ff00ea;
  -webkit-clip-path: polygon(0 100%, 55% 70%, 100% 0, 100% 100%);
  clip-path: polygon(0 100%, 55% 70%, 100% 0, 100% 100%);
}
.stats__block-like {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 100%;
  max-width: 90px;
  min-height: 25px;
  background-color: #ffd600;
  -webkit-clip-path: polygon(0 0, 100% 1%, 98% 100%, 1% 100%);
  clip-path: polygon(0 0, 100% 1%, 98% 100%, 1% 100%);
  color: #fff;
}
.stats__block-like > span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 50%;
  height: 100%;
  color: #fff;
  font-size: 12px;
  font-weight: 700;
  font-family: "Ubuntu", sans-serif;
}
@media screen and (max-width: 575px) {
  .stats__block-like > span {
    font-size: 12px;
  }
}
.stats__block-like > span .icon-font {
  position: relative;
  font-size: 12px;
}
@media screen and (max-width: 575px) {
  .stats__block-like > span .icon-font {
    font-size: 12px;
  }
}
.stats__block-like > span .icon-like {
  top: -3px;
}
.stats__block-like > span .icon-dislike {
  bottom: -2px;
}
.stats__block-like > span span {
  padding-left: 3px;
}
.stats__rarity {
  position: relative;
  min-height: 211px;
}
.stats__rarity-bg,
.stats__rarity-bg:before {
  position: absolute;
  left: 0;
  width: 100%;
}
.stats__rarity-bg {
  z-index: -1;
  top: 40px;
  height: calc(100% - 40px);
  background-color: #1f1f1f;
  -webkit-clip-path: polygon(0 0, 100% 4%, 98% 97%, 1% 100%);
  clip-path: polygon(0 0, 100% 4%, 98% 97%, 1% 100%);
}
.stats__rarity-bg:before {
  content: "";
  top: 0;
  height: 100%;
  background-color: #262626;
  -webkit-clip-path: polygon(0 100%, 50% 90%, 90% 0, 100% 0, 100% 100%);
  clip-path: polygon(0 100%, 50% 90%, 90% 0, 100% 0, 100% 100%);
}
.stats__rarity-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
  max-width: 625px;
  min-height: 97px;
  margin-left: 10px;
  padding-left: 26px;
  background-color: #181818;
  -webkit-clip-path: polygon(0 0, 100% 5%, 98% 95%, 2% 100%);
  clip-path: polygon(0 0, 100% 5%, 98% 95%, 2% 100%);
  color: #fff;
}
.stats__rarity-header .icon-font {
  font-size: 42px;
  font-size: 35px;
}
@media screen and (min-width: 320px) {
  .stats__rarity-header .icon-font {
    font-size: calc(35px + 7 * (100vw - 320px) / 1119);
  }
}
@media screen and (min-width: 1439px) {
  .stats__rarity-header .icon-font {
    font-size: 42px;
  }
}
.stats__rarity-header h2 {
  padding-left: 12px;
  line-height: 1;
  text-transform: uppercase;
  font-size: 33px;
}
@media screen and (min-width: 320px) {
  .stats__rarity-header h2 {
    font-size: calc(33px + 7 * (100vw - 320px) / 1119);
  }
}
@media screen and (min-width: 1439px) {
  .stats__rarity-header h2 {
    font-size: 40px;
  }
}
.stats__rarity-body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 22px 40px 40px;
}
@media screen and (max-width: 767px) {
  .stats__rarity-body {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding-left: 20px;
    padding-right: 20px;
  }
}
.stats__rarity-btn {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 100%;
  max-width: 152px;
  min-height: 57px;
  -webkit-clip-path: polygon(0 0, 100% 5%, 98% 95%, 2% 100%);
  clip-path: polygon(0 0, 100% 5%, 98% 95%, 2% 100%);
}
@media screen and (max-width: 767px) {
  .stats__rarity-btn {
    margin-bottom: 15px;
  }
}
@media screen and (max-width: 374px) {
  .stats__rarity-btn {
    margin-left: auto;
    margin-right: auto;
  }
}
.stats__rarity-btn--0 {
  background-color: #09b958;
}
.stats__rarity-btn--0:before {
  background-color: #00aa4c;
}
.stats__rarity-btn--1 {
  background-color: #0aa4db;
}
.stats__rarity-btn--1:before {
  background-color: #008ec1;
}
.stats__rarity-btn--2 {
  background-color: #bb2eea;
}
.stats__rarity-btn--2:before {
  background-color: #ac00e6;
}
.stats__rarity-btn--3 {
  background-color: #e9af35;
}
.stats__rarity-btn--3:before {
  background-color: #db9e1c;
}
.stats__rarity-btn:before {
  content: "";
  z-index: 0;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -webkit-clip-path: polygon(0 100%, 50% 80%, 100% 0, 100% 100%);
  clip-path: polygon(0 100%, 50% 80%, 100% 0, 100% 100%);
  -webkit-transition: -webkit-clip-path 0.3s ease-in-out;
  transition: -webkit-clip-path 0.3s ease-in-out;
  -o-transition: clip-path 0.3s ease-in-out;
  transition: clip-path 0.3s ease-in-out;
  transition: clip-path 0.3s ease-in-out, -webkit-clip-path 0.3s ease-in-out;
}
.stats__rarity-btn:hover:before {
  -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
  clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
  -webkit-transition: -webkit-clip-path 0.3s ease-in-out;
  transition: -webkit-clip-path 0.3s ease-in-out;
  -o-transition: clip-path 0.3s ease-in-out;
  transition: clip-path 0.3s ease-in-out;
  transition: clip-path 0.3s ease-in-out, -webkit-clip-path 0.3s ease-in-out;
}
.stats__rarity-btn span {
  z-index: 1;
  position: relative;
  color: #fff;
  line-height: 1;
  text-transform: uppercase;
  font-size: 30px;
}
.stats__follow {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  min-height: 111px;
  padding: 40px 45px;
}
@media screen and (max-width: 767px) {
  .stats__follow {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
}
@media screen and (max-width: 575px) {
  .stats__follow {
    padding: 20px 25px;
  }
}
.stats__follow-bg,
.stats__follow-triangle {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.stats__follow-bg {
  z-index: -1;
  background-color: #edf9fd;
  -webkit-clip-path: polygon(0 0, 98% 3%, 100% 96%, 1% 100%);
  clip-path: polygon(0 0, 98% 3%, 100% 96%, 1% 100%);
}
.stats__follow-bg span {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #d5ecf4;
}
.stats__follow-bg span:nth-of-type(1) {
  -webkit-clip-path: polygon(0 0, 15% 55%, 50% 55%, 0 100%);
  clip-path: polygon(0 0, 15% 55%, 50% 55%, 0 100%);
}
.stats__follow-bg span:nth-of-type(2) {
  -webkit-clip-path: polygon(65% 93%, 75% 25%, 100% 0, 100% 100%);
  clip-path: polygon(65% 93%, 75% 25%, 100% 0, 100% 100%);
}
.stats__follow-triangle {
  z-index: 0;
}
.stats__follow-triangle img {
  position: absolute;
}
.stats__follow-triangle img:nth-of-type(1) {
  top: -30px;
  left: 10%;
}
@media screen and (max-width: 767px) {
  .stats__follow-triangle img:nth-of-type(1) {
    display: none;
  }
}
.stats__follow-triangle img:nth-of-type(2) {
  top: 5%;
  right: -3%;
}
.stats__follow-triangle img:nth-of-type(3) {
  bottom: -30px;
  left: 15%;
}
.stats__follow-triangle img:nth-of-type(4) {
  bottom: -5%;
  right: 15%;
}
.stats__follow-triangle img:nth-of-type(5) {
  bottom: -40px;
  right: 0;
}
@media screen and (max-width: 767px) {
  .stats__follow-triangle img:nth-of-type(5) {
    display: none;
  }
}
.stats__follow-left {
  z-index: 2;
  position: relative;
  width: 150px;
}
@media screen and (max-width: 767px) {
  .stats__follow-left {
    width: 100%;
    padding-bottom: 30px;
  }
}
.stats__follow-left p {
  color: #273c43;
  line-height: 1;
  text-transform: uppercase;
  font-size: 36px;
}
.stats__follow-right {
  z-index: 3;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  width: 100%;
  max-width: calc(100% - 150px);
}
@media screen and (max-width: 767px) {
  .stats__follow-right {
    max-width: 100%;
  }
}
@media screen and (max-width: 575px) {
  .stats__follow-right {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
  }
  .stats__follow-right > div {
    margin-bottom: 30px;
  }
}
.rotation {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  min-height: 100vh;
  padding-top: 85px;
  padding-bottom: 85px;
  background-image: url(../images/img-grid.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}
@media screen and (max-width: 767px) {
  .rotation {
    overflow: hidden;
  }
}
.rotation:before {
  content: "";
  z-index: -1;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: -webkit-linear-gradient(149deg, #1ac2fe 0%, #04a7e1 100%);
  background-image: -o-linear-gradient(149deg, #1ac2fe 0%, #04a7e1 100%);
  background-image: linear-gradient(-59deg, #1ac2fe 0%, #04a7e1 100%);
}
.rotation .c-grid {
  max-width: 1220px;
}
.rotation__wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}
.rotation__head,
.rotation__body {
  position: relative;
  width: 100%;
}
.rotation__head {
  min-height: 238px;
}
.rotation__body {
  top: -35px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 80px 30px 75px;
}
@media screen and (max-width: 991px) {
  .rotation__body {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
}
@media screen and (max-width: 575px) {
  .rotation__body {
    padding-left: 15px;
    padding-right: 15px;
  }
}
.rotation__body-bg,
.rotation__body-triangle {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.rotation__body-bg {
  z-index: -1;
  background-image: -webkit-gradient(
    linear,
    left top,
    left bottom,
    from(#dd952f),
    to(#e3ab41)
  );
  background-image: -webkit-linear-gradient(top, #dd952f 0%, #e3ab41 100%);
  background-image: -o-linear-gradient(top, #dd952f 0%, #e3ab41 100%);
  background-image: linear-gradient(180deg, #dd952f 0%, #e3ab41 100%);
  -webkit-clip-path: polygon(0 0, 100% 0, 98% 100%, 2% 95%);
  clip-path: polygon(0 0, 100% 0, 98% 100%, 2% 95%);
}
.rotation__body-triangle {
  z-index: 0;
}
.rotation__body-triangle img {
  position: absolute;
}
.rotation__body-triangle img:nth-of-type(1) {
  top: -5%;
  left: -5%;
}
@media screen and (max-width: 767px) {
  .rotation__body-triangle img:nth-of-type(1) {
    display: none;
  }
}
.rotation__body-triangle img:nth-of-type(2) {
  top: -5%;
  left: 5%;
}
.rotation__body-triangle img:nth-of-type(3) {
  top: -2%;
  right: 5%;
}
.rotation__body-triangle img:nth-of-type(4) {
  top: -5%;
  right: -5%;
}
@media screen and (max-width: 767px) {
  .rotation__body-triangle img:nth-of-type(4) {
    display: none;
  }
}
.rotation__body-triangle img:nth-of-type(5) {
  bottom: 0;
  left: 0;
}
@media screen and (max-width: 374px) {
  .rotation__body-triangle img:nth-of-type(5) {
    display: none;
  }
}
.rotation__body-triangle img:nth-of-type(6) {
  bottom: 0;
  right: -5%;
}
@media screen and (max-width: 767px) {
  .rotation__body-triangle img:nth-of-type(6) {
    display: none;
  }
}
.rotation__body-left,
.rotation__body-right {
  z-index: 2;
  position: relative;
  width: 100%;
  max-width: calc((100% - 30px) / 2);
}
@media screen and (max-width: 991px) {
  .rotation__body-left,
  .rotation__body-right {
    max-width: 100%;
  }
}
.rotation__body-left .info__subtitle,
.rotation__body-right .info__subtitle {
  min-height: 93px;
  padding-left: 44px;
  margin-bottom: 35px;
}
.rotation__body-left .info__subtitle h2,
.rotation__body-right .info__subtitle h2 {
  line-height: 1;
  text-transform: uppercase;
  font-size: 30px;
}
@media screen and (min-width: 320px) {
  .rotation__body-left .info__subtitle h2,
  .rotation__body-right .info__subtitle h2 {
    font-size: calc(30px + 17 * (100vw - 320px) / 671);
  }
}
@media screen and (min-width: 991px) {
  .rotation__body-left .info__subtitle h2,
  .rotation__body-right .info__subtitle h2 {
    font-size: 47px;
  }
}
.rotation__body-left .info__subtitle {
  background-color: #f66d33;
}
.rotation__body-left .info__subtitle:before {
  background-color: #de561c;
}
.rotation__body-left .info__subtitle:after {
  background-color: #ff814c;
}
.rotation__body-right .info__subtitle {
  background-color: #f4d180;
}
.rotation__body-right .info__subtitle:before {
  background-color: #e3c171;
}
.rotation__body-right .info__subtitle:after {
  background-color: #fcdb90;
}
.rotation__box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
@media screen and (max-width: 991px) {
  .rotation__box {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }
}
.rotation__box > div {
  width: calc((100% - (12px * 2)) / 3);
  margin-bottom: 35px;
}
@media screen and (max-width: 991px) {
  .rotation__box > div {
    width: calc((100% - 40px) / 4);
    margin-left: 5px;
    margin-right: 5px;
  }
}
@media screen and (max-width: 767px) {
  .rotation__box > div {
    width: calc((100% - (12px * 3)) / 3);
  }
}
@media screen and (max-width: 575px) {
  .rotation__box > div {
    width: calc((100% - (12px * 3)) / 2);
  }
}
@media screen and (max-width: 374px) {
  .rotation__box > div {
    width: 100%;
  }
}
.rotation__box .b-skin {
  width: 100%;
  -webkit-box-shadow: none;
  box-shadow: none;
  border-width: 3px;
}
.rotation__box .b-skin__points span {
  font-size: 14px;
}
.rotation__box .b-skin__view {
  top: 3px;
  bottom: auto;
}
.rotation__box .b-skin__info {
  height: 35px;
}
.rotation__box .b-skin__info h3 {
  padding: 0;
  color: #fff;
  text-transform: uppercase;
  font-size: 18px;
}
.rotation__title {
  z-index: 0;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 100%;
  max-width: 1038px;
  min-height: 139px;
  margin-left: auto;
  margin-right: auto;
  padding: 10px 30px;
}
.rotation__title-bg {
  z-index: -1;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #1787a5;
  -webkit-clip-path: polygon(0 0, 100% 3%, 98% 97%, 1% 100%);
  clip-path: polygon(0 0, 100% 3%, 98% 97%, 1% 100%);
}
.rotation__title h1 {
  color: #fff;
  text-shadow: 0 6px 0 rgba(0, 0, 0, 0.16);
  line-height: 1;
  text-transform: uppercase;
  font-size: 38px;
}
@media screen and (min-width: 320px) {
  .rotation__title h1 {
    font-size: calc(38px + 62 * (100vw - 320px) / 1119);
  }
}
@media screen and (min-width: 1439px) {
  .rotation__title h1 {
    font-size: 100px;
  }
}
.rotation__title h1 span {
  color: #ffd600;
}
.rotation__info {
  z-index: 0;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
  top: -5px;
  left: -25px;
  max-width: calc(100% - 325px);
  min-height: 94px;
  padding-left: 40px;
  padding-right: 10px;
  padding-top: 5px;
  padding-bottom: 5px;
}
@media screen and (max-width: 991px) {
  .rotation__info {
    max-width: 100%;
    left: 0;
  }
}
.rotation__info-bg,
.rotation__info-triangle {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.rotation__info-bg {
  z-index: -1;
  background-color: #ffb45d;
  -webkit-clip-path: polygon(0 0, 100% 0, 99% 98%, 0 100%);
  clip-path: polygon(0 0, 100% 0, 99% 98%, 0 100%);
}
.rotation__info-bg:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #eb9f47;
  -webkit-clip-path: polygon(0 0, 100% 0, 15% 15%, 7% 80%);
  clip-path: polygon(0 0, 100% 0, 15% 15%, 7% 80%);
}
.rotation__info-triangle {
  z-index: 0;
}
.rotation__info-triangle img {
  position: absolute;
}
.rotation__info-triangle img:nth-of-type(1) {
  bottom: -10px;
  right: 8%;
}
.rotation__info-triangle img:nth-of-type(2) {
  bottom: -15px;
  right: -3%;
}
.rotation__info-wrapper {
  z-index: 1;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  width: 100%;
  max-width: 1031px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 991px) {
  .rotation__info-wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
    max-width: 100%;
  }
}
.rotation__info .icon-calendar {
  color: #fff;
  font-size: 40px;
}
@media screen and (min-width: 320px) {
  .rotation__info .icon-calendar {
    font-size: calc(40px + 21 * (100vw - 320px) / 1119);
  }
}
@media screen and (min-width: 1439px) {
  .rotation__info .icon-calendar {
    font-size: 61px;
  }
}
.rotation__info p {
  z-index: 2;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding-left: 9px;
  color: #fff;
  line-height: 1;
  text-transform: uppercase;
  font-size: 26px;
}
@media screen and (min-width: 320px) {
  .rotation__info p {
    font-size: calc(26px + 17 * (100vw - 320px) / 1119);
  }
}
@media screen and (min-width: 1439px) {
  .rotation__info p {
    font-size: 43px;
  }
}
@media screen and (max-width: 575px) {
  .rotation__info p {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
}
.rotation__info p span {
  padding-left: 10px;
  padding-right: 10px;
  font-size: 20px;
}
@media screen and (min-width: 320px) {
  .rotation__info p span {
    font-size: calc(20px + 10 * (100vw - 320px) / 1119);
  }
}
@media screen and (min-width: 1439px) {
  .rotation__info p span {
    font-size: 30px;
  }
}
@media screen and (max-width: 575px) {
  .rotation__info p span {
    display: none;
  }
}
.rotation__info p a {
  color: #fff;
  font-size: 30px;
  font-size: 25px;
}
@media screen and (min-width: 320px) {
  .rotation__info p a {
    font-size: calc(25px + 5 * (100vw - 320px) / 1119);
  }
}
@media screen and (min-width: 1439px) {
  .rotation__info p a {
    font-size: 30px;
  }
}
.rotation__cost {
  z-index: 1;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  top: -5px;
  width: 100%;
  max-width: 325px;
  min-height: 112px;
}
@media screen and (max-width: 991px) {
  .rotation__cost {
    margin-left: auto;
    margin-right: auto;
  }
}
.rotation__cost-bg {
  z-index: -1;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.rotation__cost-bg span {
  position: absolute;
  width: 100%;
  height: 100%;
}
.rotation__cost-bg span:nth-of-type(1) {
  top: 5px;
  left: 3px;
  background-color: #a91b9e;
  -webkit-clip-path: polygon(0 0, 100% 0, 98% 99%, 3% 100%);
  clip-path: polygon(0 0, 100% 0, 98% 99%, 3% 100%);
}
.rotation__cost-bg span:nth-of-type(2) {
  top: 0;
  left: 0;
  background-color: #d735ca;
  -webkit-clip-path: polygon(0 0, 100% 0, 98% 99%, 3% 100%);
  clip-path: polygon(0 0, 100% 0, 98% 99%, 3% 100%);
}
.rotation__cost-bg span:nth-of-type(2):before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #ff00ea;
  -webkit-clip-path: polygon(5% 100%, 70% 20%, 100% 0, 100% 100%);
  clip-path: polygon(5% 100%, 70% 20%, 100% 0, 100% 100%);
}
.rotation__cost-left {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  width: 105px;
}
.rotation__cost-right {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 100%;
  max-width: calc(100% - 105px);
  padding-left: 13px;
}
.rotation__cost-right span,
.rotation__cost-right p {
  line-height: 1;
}
.rotation__cost-right span {
  padding-bottom: 5px;
  color: #fff;
  font-size: 18px;
}
.rotation__cost-right p {
  color: #ffc3fa;
  text-transform: uppercase;
  font-size: 40px;
}
@media screen and (min-width: 320px) {
  .rotation__cost-right p {
    font-size: calc(40px + 8 * (100vw - 320px) / 671);
  }
}
@media screen and (min-width: 991px) {
  .rotation__cost-right p {
    font-size: 48px;
  }
}
#skin {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 100%;
  max-width: 696px;
  margin-left: auto;
}
@media screen and (max-width: 1199px) {
  #skin {
    max-width: 100%;
  }
}
@media screen and (max-width: 767px) {
  #skin {
    overflow: hidden;
  }
}
.skin--description,
.skin--gameplay,
.skin--gallery,
.skin--styles,
.skin--images,
.skin--history {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  margin-top: 50px;
  margin-bottom: 50px;
}
.skin--description .skin__bg,
.skin--description .skin__triangle,
.skin--gameplay .skin__bg,
.skin--gameplay .skin__triangle,
.skin--gallery .skin__bg,
.skin--gallery .skin__triangle,
.skin--styles .skin__bg,
.skin--styles .skin__triangle,
.skin--images .skin__bg,
.skin--images .skin__triangle,
.skin--history .skin__bg,
.skin--history .skin__triangle {
  position: absolute;
  left: 0;
  width: 100%;
}
.skin--description .skin__bg,
.skin--gameplay .skin__bg,
.skin--gallery .skin__bg,
.skin--styles .skin__bg,
.skin--images .skin__bg,
.skin--history .skin__bg {
  z-index: -1;
  top: 42px;
  height: calc(100% - 42px);
  background-color: #edf9fd;
  -webkit-clip-path: polygon(0 2%, 100% 0, 99% 99.75%, 1% 100%);
  clip-path: polygon(0 2%, 100% 0, 99% 99.75%, 1% 100%);
}
.skin--description .skin__triangle,
.skin--gameplay .skin__triangle,
.skin--gallery .skin__triangle,
.skin--styles .skin__triangle,
.skin--images .skin__triangle,
.skin--history .skin__triangle {
  z-index: auto;
  top: 0;
  height: 100%;
}
.skin--description .skin__triangle img,
.skin--gameplay .skin__triangle img,
.skin--gallery .skin__triangle img,
.skin--styles .skin__triangle img,
.skin--images .skin__triangle img,
.skin--history .skin__triangle img {
  position: absolute;
}
.skin--description .skin__triangle img:nth-child(1),
.skin--gameplay .skin__triangle img:nth-child(1),
.skin--gallery .skin__triangle img:nth-child(1),
.skin--styles .skin__triangle img:nth-child(1),
.skin--images .skin__triangle img:nth-child(1),
.skin--history .skin__triangle img:nth-child(1) {
  bottom: -35px;
  left: 4%;
}
@media screen and (max-width: 575px) {
  .skin--description .skin__triangle img:nth-child(1),
  .skin--gameplay .skin__triangle img:nth-child(1),
  .skin--gallery .skin__triangle img:nth-child(1),
  .skin--styles .skin__triangle img:nth-child(1),
  .skin--images .skin__triangle img:nth-child(1),
  .skin--history .skin__triangle img:nth-child(1) {
    display: none;
  }
}
.skin--description .skin__triangle img:nth-child(2),
.skin--gameplay .skin__triangle img:nth-child(2),
.skin--gallery .skin__triangle img:nth-child(2),
.skin--styles .skin__triangle img:nth-child(2),
.skin--images .skin__triangle img:nth-child(2),
.skin--history .skin__triangle img:nth-child(2) {
  bottom: -10px;
  left: 20%;
}
.skin--description .skin__triangle img:nth-child(3),
.skin--gameplay .skin__triangle img:nth-child(3),
.skin--gallery .skin__triangle img:nth-child(3),
.skin--styles .skin__triangle img:nth-child(3),
.skin--images .skin__triangle img:nth-child(3),
.skin--history .skin__triangle img:nth-child(3) {
  bottom: -15px;
  right: 20%;
}
.skin--description .skin__triangle img:nth-child(4),
.skin--gameplay .skin__triangle img:nth-child(4),
.skin--gallery .skin__triangle img:nth-child(4),
.skin--styles .skin__triangle img:nth-child(4),
.skin--images .skin__triangle img:nth-child(4),
.skin--history .skin__triangle img:nth-child(4) {
  bottom: -30px;
  right: 3%;
}
@media screen and (max-width: 575px) {
  .skin--description .skin__triangle img:nth-child(4),
  .skin--gameplay .skin__triangle img:nth-child(4),
  .skin--gallery .skin__triangle img:nth-child(4),
  .skin--styles .skin__triangle img:nth-child(4),
  .skin--images .skin__triangle img:nth-child(4),
  .skin--history .skin__triangle img:nth-child(4) {
    display: none;
  }
}
.skin--description .skin__wrapper,
.skin--gameplay .skin__wrapper,
.skin--gallery .skin__wrapper,
.skin--styles .skin__wrapper,
.skin--images .skin__wrapper,
.skin--history .skin__wrapper {
  z-index: 2;
  position: relative;
  width: 100%;
  min-height: 300px;
}
.skin--description .skin__header,
.skin--gameplay .skin__header,
.skin--gallery .skin__header,
.skin--styles .skin__header,
.skin--images .skin__header,
.skin--history .skin__header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: relative;
  width: 100%;
  max-width: 90%;
  min-height: 97px;
  padding-left: 20px;
  -webkit-clip-path: polygon(0 0, 100% 7%, 97% 96%, 2% 100%);
  clip-path: polygon(0 0, 100% 7%, 97% 96%, 2% 100%);
}
.skin--description .skin__header:before,
.skin--gameplay .skin__header:before,
.skin--gallery .skin__header:before,
.skin--styles .skin__header:before,
.skin--images .skin__header:before,
.skin--history .skin__header:before {
  content: "";
  z-index: 0;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -webkit-clip-path: polygon(0 100%, 80% 75%, 100% 0, 100% 100%);
  clip-path: polygon(0 100%, 80% 75%, 100% 0, 100% 100%);
}
.skin--description .skin__header i,
.skin--description .skin__header h2,
.skin--gameplay .skin__header i,
.skin--gameplay .skin__header h2,
.skin--gallery .skin__header i,
.skin--gallery .skin__header h2,
.skin--styles .skin__header i,
.skin--styles .skin__header h2,
.skin--images .skin__header i,
.skin--images .skin__header h2,
.skin--history .skin__header i,
.skin--history .skin__header h2 {
  color: #fff;
}
.skin--description .skin__header .icon-info,
.skin--gameplay .skin__header .icon-info,
.skin--gallery .skin__header .icon-info,
.skin--styles .skin__header .icon-info,
.skin--images .skin__header .icon-info,
.skin--history .skin__header .icon-info {
  font-size: 36px;
}
.skin--description .skin__header .icon-gameplay,
.skin--gameplay .skin__header .icon-gameplay,
.skin--gallery .skin__header .icon-gameplay,
.skin--styles .skin__header .icon-gameplay,
.skin--images .skin__header .icon-gameplay,
.skin--history .skin__header .icon-gameplay {
  font-size: 45px;
}
.skin--description .skin__header .icon-polaroid,
.skin--gameplay .skin__header .icon-polaroid,
.skin--gallery .skin__header .icon-polaroid,
.skin--styles .skin__header .icon-polaroid,
.skin--images .skin__header .icon-polaroid,
.skin--history .skin__header .icon-polaroid {
  font-size: 50px;
}
.skin--description .skin__header h2,
.skin--gameplay .skin__header h2,
.skin--gallery .skin__header h2,
.skin--styles .skin__header h2,
.skin--images .skin__header h2,
.skin--history .skin__header h2 {
  padding-left: 15px;
  line-height: 1;
  text-transform: uppercase;
  font-size: 25px;
}
@media screen and (min-width: 320px) {
  .skin--description .skin__header h2,
  .skin--gameplay .skin__header h2,
  .skin--gallery .skin__header h2,
  .skin--styles .skin__header h2,
  .skin--images .skin__header h2,
  .skin--history .skin__header h2 {
    font-size: calc(25px + 23 * (100vw - 320px) / 447);
  }
}
@media screen and (min-width: 767px) {
  .skin--description .skin__header h2,
  .skin--gameplay .skin__header h2,
  .skin--gallery .skin__header h2,
  .skin--styles .skin__header h2,
  .skin--images .skin__header h2,
  .skin--history .skin__header h2 {
    font-size: 48px;
  }
}
.skin--main {
  position: relative;
  padding-top: 30px;
  padding-bottom: 75px;
}
.skin--main .section-resize--0 {
  z-index: 1;
  height: 209px;
}
.skin--main .section-resize--0 .section-resize-bg {
  background-color: #2a2a2a;
  -webkit-clip-path: polygon(0 0, 95% 10%, 97% 90%, 0 100%);
  clip-path: polygon(0 0, 95% 10%, 97% 90%, 0 100%);
}
.skin--main .section-resize--0 .section-resize-bg:before {
  content: "";
  z-index: -1;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #313131;
  -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 0);
  clip-path: polygon(0 0, 100% 0, 100% 100%, 0 0);
}
.skin--main .section-resize--0 .section-resize-triangle img {
  top: 2%;
  right: 3%;
}
.skin--main .section-resize--1 {
  z-index: 0;
  top: 100px;
  height: calc(100% - 100px);
}
.skin--main .section-resize--1 .section-resize-bg {
  background-color: #dd952f;
  -webkit-clip-path: polygon(0 0, 100% 5%, 100% 95%, 0 100%);
  clip-path: polygon(0 0, 100% 5%, 100% 95%, 0 100%);
}
.skin--main .section-resize--1 .section-resize-bg:before,
.skin--main .section-resize--1 .section-resize-bg:after {
  content: "";
  z-index: -1;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #e3a837;
}
.skin--main .section-resize--1 .section-resize-bg:before {
  -webkit-clip-path: polygon(0 0, 40% 0, 70% 45%, 0 20%);
  clip-path: polygon(0 0, 40% 0, 70% 45%, 0 20%);
}
.skin--main .section-resize--1 .section-resize-bg:after {
  -webkit-clip-path: polygon(100% 0, 100% 35%, 40% 65%, 100% 0);
  clip-path: polygon(100% 0, 100% 35%, 40% 65%, 100% 0);
}
.skin--main .section-resize--1 .section-resize-bg span {
  z-index: -1;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #e4ac3c;
  -webkit-clip-path: polygon(100% 50%, 100% 95%, 65% 70%, 95% 65%, 100% 50%);
  clip-path: polygon(100% 50%, 100% 95%, 65% 70%, 95% 65%, 100% 50%);
}
.skin--main .section-resize--1 .section-resize-triangle img:nth-of-type(1) {
  top: 5%;
  right: -20px;
}
.skin--main .section-resize--1 .section-resize-triangle img:nth-of-type(2) {
  left: 20%;
  bottom: -15px;
}
.skin--main .section-resize--1 .section-resize-triangle img:nth-of-type(3) {
  right: 10%;
  bottom: 0;
}
.skin--main .skin__wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  margin-top: 10px;
  margin-bottom: 10px;
}
.skin--main .skin__wrapper-0 {
  margin-bottom: 25px;
}
.skin--main .skin__body {
  padding-right: 20px;
}
.skin__main-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media screen and (max-width: 575px) {
  .skin__main-header {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
}
.skin__main-header-left {
  z-index: 2;
  position: relative;
  width: 198px;
}
@media screen and (max-width: 575px) {
  .skin__main-header-left {
    margin-left: auto;
    margin-right: auto;
  }
}
.skin__main-header-left .b-skin {
  width: 100%;
  height: 200px;
}
.skin__main-header-right {
  z-index: 1;
  position: relative;
  width: 100%;
  max-width: calc(100% - 198px);
}
@media screen and (max-width: 575px) {
  .skin__main-header-right {
    max-width: 100%;
  }
}
.skin__main-header-title {
  z-index: 2;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  top: 20px;
  left: -15px;
  width: calc(100% + 15px);
  min-height: 96px;
  padding-left: 32px;
}
@media screen and (max-width: 575px) {
  .skin__main-header-title {
    min-height: 76px;
  }
}
.skin__main-header-title > span {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #3f6c7c;
  -webkit-clip-path: polygon(0 0, 100% 1%, 96% 100%, 0 100%);
  clip-path: polygon(0 0, 100% 1%, 96% 100%, 0 100%);
}
.skin__main-header-title > span:before {
  content: "";
  z-index: -1;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #34606f;
  -webkit-clip-path: polygon(0 100%, 70% 55%, 100% 0, 100% 100%);
  clip-path: polygon(0 100%, 70% 55%, 100% 0, 100% 100%);
}
.skin__main-header-title h1 {
  z-index: 2;
  position: relative;
  color: #fff;
  line-height: 1;
  text-transform: uppercase;
  font-size: 30px;
}
@media screen and (min-width: 320px) {
  .skin__main-header-title h1 {
    font-size: calc(30px + 18 * (100vw - 320px) / 671);
  }
}
@media screen and (min-width: 991px) {
  .skin__main-header-title h1 {
    font-size: 48px;
  }
}
.skin__main-header-like {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  top: -5px;
  width: 162px;
  min-height: 93px;
}
@media screen and (max-width: 575px) {
  .skin__main-header-like {
    min-height: 73px;
  }
}
.skin__main-header-like-bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.skin__main-header-like-bg span {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.skin__main-header-like-bg span:nth-of-type(1) {
  top: 10px;
  left: 5px;
  background-color: #2ab3e4;
  -webkit-clip-path: polygon(0 0, 100% 1%, 96% 100%, 0 100%);
  clip-path: polygon(0 0, 100% 1%, 96% 100%, 0 100%);
}
.skin__main-header-like-bg span:nth-of-type(2) {
  background-color: #35b8e7;
  -webkit-clip-path: polygon(0 0, 100% 1%, 96% 100%, 0 100%);
  clip-path: polygon(0 0, 100% 1%, 96% 100%, 0 100%);
}
.skin__main-header-like-bg span:nth-of-type(2):before {
  content: "";
  z-index: -1;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #5fd5ff;
  -webkit-clip-path: polygon(0 100%, 80% 65%, 100% 0, 100% 100%);
  clip-path: polygon(0 100%, 80% 65%, 100% 0, 100% 100%);
}
.skin__main-header-like > a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 50%;
  height: 100%;
  color: #fff;
  font-size: 18px;
  font-weight: 700;
  font-family: "Ubuntu", sans-serif;
}
@media screen and (max-width: 575px) {
  .skin__main-header-like > a {
    font-size: 14px;
  }
}
.skin__main-header-like > a .icon-font {
  position: relative;
  font-size: 16px;
}
@media screen and (max-width: 575px) {
  .skin__main-header-like > a .icon-font {
    font-size: 14px;
  }
}
.skin__main-header-like > a .icon-like {
  top: -3px;
}
.skin__main-header-like > a .icon-dislike {
  bottom: -2px;
}
.skin__main-header-like > a span {
  z-index: 2;
  position: relative;
  color: #fff;
  padding-left: 3px;
}
.skin__main-header-info {
  z-index: 1;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  width: calc(100% + 20px);
  min-height: 89px;
  padding: 25px 15px 5px 5px;
  background-color: #fcdb90;
  -webkit-clip-path: polygon(0 0, 100% 1%, 96% 100%, 0 100%);
  clip-path: polygon(0 0, 100% 1%, 96% 100%, 0 100%);
}
@media screen and (max-width: 575px) {
  .skin__main-header-info {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding-top: 35px;
    padding-bottom: 10px;
  }
}
.skin__main-header-info:before {
  content: "";
  z-index: -1;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #f4d180;
  -webkit-clip-path: polygon(0 100%, 80% 75%, 100% 0, 100% 100%);
  clip-path: polygon(0 100%, 80% 75%, 100% 0, 100% 100%);
}
.skin__main-header-info p {
  color: #273c43;
  font-family: "Ubuntu", sans-serif;
}
.skin__main-header-info p span,
.skin__main-header-info p a {
  color: #273c43;
}
.skin__main-header-info > a:nth-of-type(1) {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  color: #273c43;
  font-family: "Ubuntu", sans-serif;
}
.skin__main-header-info > a:nth-of-type(1) .icon-font {
  margin-right: 5px;
}
.skin__main-header-info > a:nth-of-type(2) {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 99px;
  height: 33px;
  color: #fff;
  line-height: 1;
  text-transform: uppercase;
  background-color: #e9af35;
  -webkit-clip-path: polygon(0 0, 100% 1%, 97% 100%, 0 100%);
  clip-path: polygon(0 0, 100% 1%, 97% 100%, 0 100%);
  font-size: 14px;
}
@media screen and (min-width: 320px) {
  .skin__main-header-info > a:nth-of-type(2) {
    font-size: calc(14px + 4 * (100vw - 320px) / 671);
  }
}
@media screen and (min-width: 991px) {
  .skin__main-header-info > a:nth-of-type(2) {
    font-size: 18px;
  }
}
@media screen and (max-width: 575px) {
  .skin__main-header-info > a:nth-of-type(2) {
    margin-top: 10px;
  }
}
.skin__main-header-info > a:nth-of-type(2):before {
  content: "";
  z-index: -1;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #db9e1c;
  -webkit-clip-path: polygon(0 100%, 80% 75%, 100% 0, 100% 100%);
  clip-path: polygon(0 100%, 80% 75%, 100% 0, 100% 100%);
}
.skin__main-image {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 100%;
  max-width: calc(100% - 20px);
  min-height: 612px;
  border: 5px solid #fff;
  -webkit-box-shadow: 0 2px 10px 2px rgba(0, 0, 0, 0.15);
  box-shadow: 0 2px 10px 2px rgba(0, 0, 0, 0.15);
}
@media screen and (max-width: 767px) {
  .skin__main-image {
    min-height: 0;
  }
}
@media screen and (max-width: 575px) {
  .skin__main-image {
    max-width: 100%;
  }
}
.skin__main-image:before {
  content: "";
  z-index: -1;
  position: absolute;
  top: 15px;
  left: 8px;
  width: 100%;
  height: 100%;
  background-color: #d68000;
}
.skin__main-image img {
  position: relative;
  max-width: 100%;
  max-height: 100%;
  margin-left: auto;
  margin-right: auto;
}
.skin__main-image-fullscreen {
  z-index: 1;
  position: absolute;
  right: 15px;
  bottom: 15px;
}
.skin__main-image-fullscreen:hover .icon-font {
  opacity: 1;
  -webkit-transition: opacity 0.3s ease-in-out;
  -o-transition: opacity 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out;
}
.skin__main-image-fullscreen .icon-font {
  opacity: 0.72;
  color: #fff;
  font-size: 31px;
  -webkit-transition: opacity 0.3s ease-in-out;
  -o-transition: opacity 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out;
}
.skin__main-image-area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  top: 35px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  width: 109px;
  height: 100px;
}
.skin__main-image-area > span {
  z-index: 2;
  cursor: pointer;
  position: absolute;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  top: -10px;
  right: -5px;
  width: 32px;
  height: 34px;
  background-color: #2a2a2a;
  -webkit-clip-path: polygon(0 0, 100% 10%, 96% 95%, 0 100%);
  clip-path: polygon(0 0, 100% 10%, 96% 95%, 0 100%);
}
.skin__main-image-area > span .icon-font {
  color: #fff;
  font-size: 22px;
}
.skin__main-image-area .c-form {
  z-index: -1;
  position: absolute;
  top: calc(100% - 10px);
  left: calc(100% - 10px);
  width: 282px;
  min-height: 229px;
  padding: 16px 25px 15px 14px;
  background-color: rgba(49, 49, 49, 0.9);
  -webkit-clip-path: polygon(0 3%, 100% 0, 97% 100%, 1% 96%);
  clip-path: polygon(0 3%, 100% 0, 97% 100%, 1% 96%);
}
@media screen and (max-width: 767px) {
  .skin__main-image-area .c-form {
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 575px) {
  .skin__main-image-area .c-form {
    left: -85px;
  }
}
.skin__main-image-area .c-form > div:nth-of-type(1) {
  padding-bottom: 13px;
}
.skin__main-image-area .c-form > div:nth-of-type(3) {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  padding-top: 13px;
}
.skin__main-image-area .c-form__field {
  margin-bottom: 0;
}
.skin__main-image-area .c-form__input-wrapper {
  height: 47px;
}
.skin__main-image-area .c-form__textarea-wrapper {
  height: 87px;
}
.skin--description .skin__header {
  background-color: #ffd600;
}
.skin--description .skin__header:before {
  background-color: #f0ca07;
}
.skin--description .skin__body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  padding: 25px 20px 65px;
}
.skin__description-subtitle-0 .info__subtitle {
  background-color: #fe23a9;
}
.skin__description-subtitle-0 .info__subtitle:before,
.skin__description-subtitle-0 .info__subtitle:after {
  background-color: #e81797;
}
.skin__description-subtitle-0 .info__subtitle p {
  padding-left: 14px;
  text-transform: uppercase;
}
.skin__description-subtitle-1 .info__subtitle {
  background-color: #057298;
}
.skin__description-subtitle-1 .info__subtitle:before,
.skin__description-subtitle-1 .info__subtitle:after {
  background-color: #0183b1;
}
.skin__description-subtitle-1 .info__subtitle p {
  padding-left: 14px;
  text-transform: uppercase;
}
.skin__description-subtitle-2 .info__subtitle {
  background-color: #ef6013;
}
.skin__description-subtitle-2 .info__subtitle:before,
.skin__description-subtitle-2 .info__subtitle:after {
  background-color: #dd570f;
}
.skin__description-subtitle-2 .info__subtitle p {
  padding-left: 14px;
  text-transform: uppercase;
}
.skin__description-subtitle-3 .info__subtitle {
  background-color: #ffb45d;
}
.skin__description-subtitle-3 .info__subtitle:before,
.skin__description-subtitle-3 .info__subtitle:after {
  background-color: #eea341;
}
.skin__description-subtitle-3 .info__subtitle p {
  padding-left: 14px;
  text-transform: uppercase;
}
.skin__description-subtitle-4 .info__subtitle {
  background-color: #36caff;
}
.skin__description-subtitle-4 .info__subtitle:before,
.skin__description-subtitle-4 .info__subtitle:after {
  background-color: #1ac2fe;
}
.skin__description-subtitle-4 .info__subtitle p {
  padding-left: 14px;
  text-transform: uppercase;
}
.skin__description-subtitle-5 .info__subtitle {
  background-color: #0183b1;
}
.skin__description-subtitle-5 .info__subtitle:before,
.skin__description-subtitle-5 .info__subtitle:after {
  background-color: #047ca7;
}
.skin__description-subtitle-5 .info__subtitle p {
  padding-left: 14px;
  text-transform: uppercase;
}
.skin__description-subtitle .icon-font {
  z-index: 2;
  position: relative;
  color: #fff;
}
.skin__description-subtitle .icon-atom {
  font-size: 38px;
}
.skin__description-subtitle .icon-reach {
  font-size: 31px;
}
.skin__description-subtitle .icon-tools {
  font-size: 31px;
}
.skin__description-subtitle .icon-sets {
  font-size: 42px;
}
.skin__description-content-2 .skin__description-desc,
.skin__description-content-4 .skin__description-desc {
  padding-left: 20px;
}
.skin__description-block {
  position: relative;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 20px;
  border: 4px solid #fff;
  -webkit-box-shadow: 0 10px 18px 0 rgba(0, 0, 0, 0.08);
  box-shadow: 0 10px 18px 0 rgba(0, 0, 0, 0.08);
  background: -webkit-radial-gradient(center, ellipse, #000333 0%, black 100%);
  background: -o-radial-gradient(center, ellipse, #000333 0%, black 100%);
  background: radial-gradient(ellipse at center, #000333 0%, black 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#000000',endColorstr='#000333',GradientType=1);
}
@media screen and (max-width: 767px) {
  .skin__description-block {
    width: 100%;
    max-width: 621px;
  }
}
.skin__description-block img {
  display: block;
  max-width: 100%;
  height: auto;
  margin-left: auto;
  margin-right: auto;
  left: 0;
  right: 0;
}
.skin__description-block > div {
  margin-left: auto;
  margin-right: auto;
}
.skin__description-block .twentytwenty-handle {
  cursor: ew-resize;
  top: 0;
  width: 9px;
  height: 100%;
  background-color: #b70e0e;
  margin: 0;
  border: none;
  border-radius: 0;
}
.skin__description-block .twentytwenty-handle:before,
.skin__description-block .twentytwenty-handle:after {
  display: none;
}
.skin__description-block .twentytwenty-handle span {
  position: absolute;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  top: 50%;
  left: 0;
  -webkit-transform: translateX(-13px) translateY(-50%);
  -ms-transform: translateX(-13px) translateY(-50%);
  transform: translateX(-13px) translateY(-50%);
  width: 25px;
  height: 76px;
  margin-left: 0;
  background-color: #fff;
  -webkit-clip-path: polygon(0 0, 100% 15%, 94% 90%, 8% 100%);
  clip-path: polygon(0 0, 100% 15%, 94% 90%, 8% 100%);
}
.skin__description-block .twentytwenty-handle span:before,
.skin__description-block .twentytwenty-handle span:after {
  content: "";
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-49%);
  -ms-transform: translateX(-49%);
  transform: translateX(-49%);
  width: 13px;
  height: 6px;
  background-color: #83b4c4;
}
.skin__description-block .twentytwenty-handle span:before {
  top: 38%;
}
.skin__description-block .twentytwenty-handle span:after {
  bottom: 38%;
}
.skin__description-block .twentytwenty-handle span:nth-of-type(2) {
  display: none;
}
.skin__description-block-btn {
  position: absolute;
  z-index: 50;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  bottom: 39px;
  width: 100%;
  max-width: 58px;
  height: 36px;
  color: #fff;
  line-height: 1;
  text-transform: uppercase;
  font-size: 18px;
  -webkit-clip-path: polygon(0 5%, 97% 0, 100% 100%, 0 95%);
  clip-path: polygon(0 5%, 97% 0, 100% 100%, 0 95%);
  -webkit-transition: color 0.3s ease-in-out;
  -o-transition: color 0.3s ease-in-out;
  transition: color 0.3s ease-in-out;
}
.skin__description-block-btn:hover {
  color: #fff;
  -webkit-transition: color 0.3s ease-in-out;
  -o-transition: color 0.3s ease-in-out;
  transition: color 0.3s ease-in-out;
}
.skin__description-block-btn:hover:before {
  -webkit-clip-path: polygon(0 5%, 97% 0, 100% 100%, 0 95%);
  clip-path: polygon(0 5%, 97% 0, 100% 100%, 0 95%);
  -webkit-transition: -webkit-clip-path 0.3s ease-in-out;
  transition: -webkit-clip-path 0.3s ease-in-out;
  -o-transition: clip-path 0.3s ease-in-out;
  transition: clip-path 0.3s ease-in-out;
  transition: clip-path 0.3s ease-in-out, -webkit-clip-path 0.3s ease-in-out;
}
.skin__description-block-btn:before {
  content: "";
  z-index: -1;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -webkit-clip-path: polygon(0 100%, 20% 35%, 100% 0, 100% 100%);
  clip-path: polygon(0 100%, 20% 35%, 100% 0, 100% 100%);
  -webkit-transition: -webkit-clip-path 0.3s ease-in-out;
  transition: -webkit-clip-path 0.3s ease-in-out;
  -o-transition: clip-path 0.3s ease-in-out;
  transition: clip-path 0.3s ease-in-out;
  transition: clip-path 0.3s ease-in-out, -webkit-clip-path 0.3s ease-in-out;
}
.skin__description-block-btn--on {
  left: 5px;
  background-color: #ffd600;
}
.skin__description-block-btn--on:before {
  background-color: #f0ca07;
}
.skin__description-block-btn--off {
  right: 5px;
  background-color: #057298;
}
.skin__description-block-btn--off:before {
  background-color: #046181;
}
.skin__description-info {
  min-height: 213px;
  margin-bottom: 20px;
  padding: 17px 13px 13px 7px;
  background-color: #acdaea;
  -webkit-clip-path: polygon(0 0, 100% 1%, 98% 100%, 2% 97%);
  clip-path: polygon(0 0, 100% 1%, 98% 100%, 2% 97%);
}
.skin__description-info-title {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  min-height: 52px;
  margin-bottom: 9px;
  background-color: #e1f7ff;
  -webkit-clip-path: polygon(0 5%, 100% 0, 99% 100%, 0.5% 95%);
  clip-path: polygon(0 5%, 100% 0, 99% 100%, 0.5% 95%);
}
.skin__description-info-title > span {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.skin__description-info-title > span:before,
.skin__description-info-title > span:after {
  content: "";
  z-index: 0;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #c4e7f3;
}
.skin__description-info-title > span:before {
  -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 50% 30%);
  clip-path: polygon(0 0, 100% 0, 100% 100%, 50% 30%);
}
.skin__description-info-title > span:after {
  -webkit-clip-path: polygon(0 100%, 5% 50%, 9% 85%, 100% 100%);
  clip-path: polygon(0 100%, 5% 50%, 9% 85%, 100% 100%);
}
.skin__description-info-title h3 {
  z-index: 2;
  position: relative;
  padding-left: 10px;
  color: #273c43;
  font-size: 24px;
  text-transform: uppercase;
}
.skin__description-info-desc {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  min-height: 43px;
  padding: 5px 15px 5px 30px;
  margin-bottom: 2px;
  background-color: #5c9ab0;
}
@media screen and (max-width: 575px) {
  .skin__description-info-desc {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
}
.skin__description-info-desc:nth-of-type(1) {
  -webkit-clip-path: polygon(0 0, 99% 2%, 100% 100%, 0.5% 97%);
  clip-path: polygon(0 0, 99% 2%, 100% 100%, 0.5% 97%);
}
.skin__description-info-desc:nth-of-type(2) {
  -webkit-clip-path: polygon(1% 0, 100% 0, 99% 100%, 1.5% 97%);
  clip-path: polygon(1% 0, 100% 0, 99% 100%, 1.5% 97%);
}
.skin__description-info-desc:nth-of-type(3) {
  -webkit-clip-path: polygon(2% 0, 98% 2%, 99% 100%, 1.5% 97%);
  clip-path: polygon(2% 0, 98% 2%, 99% 100%, 1.5% 97%);
}
.skin__description-info-desc span {
  padding-right: 5px;
  color: #90cee4;
  line-height: 1;
  font-size: 18px;
  text-transform: uppercase;
}
.skin__description-info-desc p {
  color: #fff;
  font-size: 16px;
  font-family: "Ubuntu", sans-serif;
}
@media screen and (max-width: 575px) {
  .skin__description-info-desc p {
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
}
.skin__description-skin {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.skin__description-skin-col {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  width: 50%;
  max-width: calc((100% - 14px) / 2);
  padding-bottom: 14px;
}
@media screen and (max-width: 767px) {
  .skin__description-skin-col {
    width: 100%;
    max-width: 100%;
  }
}
@media screen and (max-width: 374px) {
  .skin__description-skin-col {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
}
.skin__description-skin-left {
  width: 153px;
}
@media screen and (max-width: 575px) {
  .skin__description-skin-left {
    width: 143px;
  }
}
@media screen and (max-width: 375px) {
  .skin__description-skin-left {
    margin-left: auto;
    margin-right: auto;
  }
}
.skin__description-skin-left .b-skin {
  width: 100%;
  height: 120px;
}
.skin__description-skin-right {
  width: 100%;
  max-width: calc(100% - 153px);
  padding-left: 14px;
}
@media screen and (max-width: 575px) {
  .skin__description-skin-right {
    max-width: calc(100% - 143px);
  }
}
@media screen and (max-width: 374px) {
  .skin__description-skin-right {
    max-width: 100%;
    text-align: center;
    padding-left: 0;
    padding-top: 5px;
  }
}
.skin__description-skin-right h4 {
  color: #273c43;
  font-size: 18px;
  text-transform: uppercase;
}
.skin__description-skin-right p,
.skin__description-skin-right span {
  font-family: "Ubuntu", sans-serif;
}
.skin__description-skin-right span {
  display: block;
  padding-bottom: 10px;
  color: #9eadb7;
}
.skin__description-skin-right p {
  color: #657782;
  font-size: 12px;
}
.skin__description-btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding-bottom: 20px;
}
.skin__description-desc,
.skin__description-note {
  color: #273c43;
  font-family: "Ubuntu", sans-serif;
}
.skin__description-desc {
  padding-bottom: 22px;
  font-size: 18px;
  font-weight: 500;
}
.skin__description-desc--color {
  color: #ff7738;
}
.skin__description-note {
  padding-left: 20px;
  padding-bottom: 20px;
  line-height: 1.6;
  font-size: 16px;
}
.skin__description-note span {
  font-weight: 700;
}
.skin--gameplay .skin__header {
  background-color: #36caff;
}
.skin--gameplay .skin__header:before {
  background-color: #1ac2fe;
}
.skin--gallery .skin__header {
  background-color: #ff7236;
}
.skin--gallery .skin__header:before {
  background-color: #dc602c;
}
.skin--gallery .skin__body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  padding: 25px 20px 65px;
}
.skin__gallery .info__subtitle {
  text-transform: uppercase;
}
.skin__gallery-images {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  min-height: 342px;
  margin-bottom: 20px;
}
@media screen and (max-width: 575px) {
  .skin__gallery-images {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
}
.skin__gallery-images-left,
.skin__gallery-images-right {
  width: 100%;
  max-width: calc((100% - 20px) / 2);
}
@media screen and (max-width: 575px) {
  .skin__gallery-images-left,
  .skin__gallery-images-right {
    max-width: 100%;
  }
}
.skin__gallery-images-left > div {
  position: relative;
  width: 100%;
  height: 100%;
  border: 4px solid #fff;
  background-color: #fff;
}
.skin__gallery-images-left > div img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
}
@media screen and (max-width: 575px) {
  .skin__gallery-images-left > div img {
    position: relative;
  }
}
.skin__gallery-images-right {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.skin__gallery-images-right .skin__gallery-images-top,
.skin__gallery-images-right .skin__gallery-images-bottom {
  height: calc((342px - 10px) / 2);
}
.skin__gallery-images-right .skin__gallery-images-left,
.skin__gallery-images-right .skin__gallery-images-right {
  max-width: calc((100% - 10px) / 2);
}
.skin__gallery-images-right .skin__gallery-images-left > div,
.skin__gallery-images-right .skin__gallery-images-right > div {
  position: relative;
  width: 100%;
  height: 100%;
  border: 4px solid #fff;
  background-color: #fff;
}
.skin__gallery-images-right .skin__gallery-images-left > div img,
.skin__gallery-images-right .skin__gallery-images-right > div img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
}
.skin__gallery-images-top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.skin__gallery-images-bottom {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.skin__gallery-wallpaper {
  position: relative;
  min-height: 357px;
  margin-bottom: 20px;
  border: 4px solid #fff;
  background-color: #fff;
}
.skin__gallery-wallpaper img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
}
.skin__gallery-note {
  color: #273c43;
  line-height: 1.6;
  font-size: 16px;
  font-family: "Ubuntu", sans-serif;
}
.skin__gallery-note a {
  color: #ff7236;
}
.skin--styles .skin__header {
  background-color: #518da4;
}
.skin--styles .skin__header:before {
  background-color: #45839a;
}
.skin--styles .skin__body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  padding: 25px 20px 65px;
}
.skin__styles .info__subtitle {
  margin-bottom: 20px;
  text-transform: uppercase;
}
.skin__styles-text {
  padding-bottom: 20px;
  color: #273c43;
  font-size: 16px;
  font-family: "Ubuntu", sans-serif;
}
.skin__styles-desc {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  padding-bottom: 24px;
}
@media screen and (max-width: 575px) {
  .skin__styles-desc {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
}
.skin__styles-desc-left {
  z-index: 1;
  position: relative;
  width: 209px;
}
@media screen and (max-width: 575px) {
  .skin__styles-desc-left {
    width: 100%;
  }
}
.skin__styles-desc-left .b-skin {
  width: 100%;
  height: 212px;
}
@media screen and (max-width: 575px) {
  .skin__styles-desc-left .b-skin {
    width: 200px;
    margin-left: auto;
    margin-right: auto;
  }
}
.skin__styles-desc-right {
  z-index: 0;
  position: relative;
  width: 100%;
  max-width: calc(100% - 209px);
}
@media screen and (max-width: 575px) {
  .skin__styles-desc-right {
    max-width: 100%;
  }
}
.skin__styles-desc-title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  min-height: 118px;
  -webkit-transform: translateX(-20px);
  -ms-transform: translateX(-20px);
  transform: translateX(-20px);
  padding: 5px 27px 25px 36px;
  background-color: #273f48;
  -webkit-clip-path: polygon(0 5%, 98% 0, 100% 100%, 0 100%);
  clip-path: polygon(0 5%, 98% 0, 100% 100%, 0 100%);
}
.skin__styles-desc-title p {
  color: #fff;
  line-height: 1;
  text-transform: uppercase;
  font-size: 30px;
}
@media screen and (min-width: 320px) {
  .skin__styles-desc-title p {
    font-size: calc(30px + 6 * (100vw - 320px) / 671);
  }
}
@media screen and (min-width: 991px) {
  .skin__styles-desc-title p {
    font-size: 36px;
  }
}
.skin__styles-desc-btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
@media screen and (max-width: 767px) {
  .skin__styles-desc-btn {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}
.skin__styles-desc-btn--orange {
  color: #ff9839;
}
.skin__styles-desc-btn--orange:hover {
  color: #ff9839;
}
.skin__styles-desc-btn--black {
  color: #282e42;
}
.skin__styles-desc-btn--black:hover {
  color: #282e42;
}
.skin__styles-desc-btn a {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 99px;
  height: 41px;
  background-color: #fff;
  -webkit-clip-path: polygon(0 0, 100% 2%, 98% 98%, 1% 100%);
  clip-path: polygon(0 0, 100% 2%, 98% 98%, 1% 100%);
  text-transform: uppercase;
}
.skin__styles-desc-btn a:last-of-type {
  margin-left: 9px;
}
@media screen and (max-width: 767px) {
  .skin__styles-desc-btn a:last-of-type {
    margin-top: 5px;
  }
}
.skin__styles-desc-btn a:before {
  content: "";
  z-index: -1;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #eef0f7;
  -webkit-clip-path: polygon(0 100%, 70% 55%, 100% 0, 100% 100%);
  clip-path: polygon(0 100%, 70% 55%, 100% 0, 100% 100%);
}
.skin__styles-desc-info {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding-left: 36px;
  min-height: 126px;
  width: calc(100% + 20px);
  -webkit-transform: translate(-20px, -25px);
  -ms-transform: translate(-20px, -25px);
  transform: translate(-20px, -25px);
  background-color: #1f2f35;
  -webkit-clip-path: polygon(0 2%, 100% 0, 95% 99%, 0 100%);
  clip-path: polygon(0 2%, 100% 0, 95% 99%, 0 100%);
}
.skin__styles-desc-info:before {
  content: "";
  z-index: -1;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #152024;
  -webkit-clip-path: polygon(0 100%, 70% 55%, 100% 0, 100% 100%);
  clip-path: polygon(0 100%, 70% 55%, 100% 0, 100% 100%);
}
.skin__styles-desc-info p,
.skin__styles-desc-info i {
  padding-bottom: 14px;
  color: #fff;
  font-size: 16px;
  font-family: "Ubuntu", sans-serif;
}
@media screen and (max-width: 767px) {
  .skin__styles-desc-info p,
  .skin__styles-desc-info i {
    font-size: 14px;
  }
}
.skin__styles-desc-info i {
  font-style: italic;
}
.skin__styles-image {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
@media screen and (max-width: 767px) {
  .skin__styles-image {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
}
.skin__styles-image-0 {
  margin-bottom: 20px;
}
.skin__styles-image .b-skin {
  width: 94px;
  height: 94px;
  margin: 0 1px;
  -webkit-box-shadow: none;
  box-shadow: none;
  border-width: 4px;
  border-color: #e9f2ff;
}
.skin--images .skin__header {
  background-color: #36caff;
}
.skin--images .skin__header:before {
  background-color: #1ac2fe;
}
.skin--images .skin__body {
  padding: 35px 20px;
}
.skin--images .s-leak__image-row {
  margin-bottom: 35px;
}
@media screen and (max-width: 1199px) {
  .skin__images .s-leak__image-block {
    width: calc((100% - 66px) / 3);
  }
}
@media screen and (max-width: 575px) {
  .skin__images .s-leak__image-block {
    width: 100%;
  }
  .skin__images .s-leak__image-block > div {
    width: 100%;
    max-width: 100%;
  }
}
@media screen and (max-width: 374px) {
  .skin__images .s-leak__image-block {
    width: 100%;
  }
}
.skin__images-text {
  padding-bottom: 35px;
  color: #273c43;
  line-height: 1.6;
  font-size: 16px;
  font-family: "Ubuntu", sans-serif;
}
.skin__images-text a {
  color: #000;
  font-weight: 700;
}
.skin--history .skin__header {
  background-color: #ffb45d;
}
.skin--history .skin__header:before {
  background-color: #eea341;
}
.skin--history .skin__body {
  padding: 24px 20px 38px;
}
.skin__history-row-1 {
  padding-bottom: 34px;
}
.skin__history-row-2 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}
@media screen and (max-width: 575px) {
  .skin__history-row-2 {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
}
.skin__history-row-3 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  margin-top: 34px;
}
.skin__history-text {
  padding-bottom: 24px;
  color: #273c43;
  line-height: 1.6;
  font-weight: 500;
  font-family: "Ubuntu", sans-serif;
}
.skin__history-note {
  position: relative;
  min-height: 66px;
  padding: 19px 24px 13px 14px;
  background-color: #d0e9f1;
  -webkit-clip-path: polygon(0 5%, 100% 0, 97% 98%, 1% 100%);
  clip-path: polygon(0 5%, 100% 0, 97% 98%, 1% 100%);
}
.skin__history-note p {
  color: #273c43;
  line-height: 1.6;
  font-weight: 500;
  font-family: "Ubuntu", sans-serif;
}
.skin__history-note p span {
  font-weight: 700;
}
.skin__history-col {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.skin__history-col > div {
  width: 100%;
  max-width: calc(100% / 3);
  padding: 7px;
}
@media screen and (max-width: 575px) {
  .skin__history-col:nth-of-type(1) > div {
    max-width: 100%;
  }
}
@media screen and (max-width: 575px) {
  .skin__history-col:nth-of-type(2) > div {
    max-width: 50%;
  }
}
.skin__history-col p {
  padding-bottom: 7px;
  color: #273c43;
  line-height: 1;
  text-align: center;
  text-transform: uppercase;
}
.skin__history-block {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 100%;
  max-width: 100%;
  min-height: 45px;
  padding: 5px;
  -webkit-clip-path: polygon(0 0, 100% 5%, 97% 98%, 1% 100%);
  clip-path: polygon(0 0, 100% 5%, 97% 98%, 1% 100%);
}
.skin__history-block:before {
  content: "";
  z-index: 0;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -webkit-clip-path: polygon(0 100%, 55% 70%, 100% 0, 100% 100%);
  clip-path: polygon(0 100%, 55% 70%, 100% 0, 100% 100%);
}
.skin__history-block:hover span {
  color: initial;
  -webkit-transition: color 0.3s ease-in-out;
  -o-transition: color 0.3s ease-in-out;
  transition: color 0.3s ease-in-out;
}
.skin__history-block-0 {
  background-color: #fcdb90;
  color: #dc602c;
}
.skin__history-block-0:before {
  background-color: #efcd7f;
}
.skin__history-block-1 {
  margin-bottom: 7px;
  background-color: #ff7236;
  color: #fff;
}
.skin__history-block-1:before {
  background-color: #dc602c;
}
.skin__history-block-1:last-of-type {
  margin-bottom: 0;
}
.skin__history-block span {
  z-index: 2;
  position: relative;
  line-height: 1;
  text-align: center;
  text-transform: uppercase;
  font-size: 16px;
  -webkit-transition: color 0.3s ease-in-out;
  -o-transition: color 0.3s ease-in-out;
  transition: color 0.3s ease-in-out;
}
@media screen and (max-width: 575px) {
  .skin__history-block span {
    font-size: 14px;
  }
}
.skin__history-ind {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.skin__history-ind-0 span {
  background-color: #ff7236;
}
.skin__history-ind-0 span:before {
  background-color: #dc602c;
}
.skin__history-ind-1 {
  margin-left: 23px;
}
.skin__history-ind-1 span {
  background-color: #1ac2fe;
}
.skin__history-ind-1 span:before {
  background-color: #119ccd;
}
.skin__history-ind span {
  position: relative;
  width: 19px;
  height: 17px;
  -webkit-clip-path: polygon(0 5%, 100% 0, 97% 98%, 1% 90%);
  clip-path: polygon(0 5%, 100% 0, 97% 98%, 1% 90%);
}
.skin__history-ind span:before {
  content: "";
  z-index: 0;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -webkit-clip-path: polygon(0 100%, 55% 70%, 100% 0, 100% 100%);
  clip-path: polygon(0 100%, 55% 70%, 100% 0, 100% 100%);
}
.skin__history-ind p {
  margin-left: 10px;
  line-height: 1;
  text-transform: uppercase;
  font-size: 18px;
}
.skin--like {
  position: relative;
  margin-top: 50px;
  margin-bottom: 75px;
}
@media screen and (max-width: 767px) {
  .skin--like .section-resize {
    width: calc(100% + 30px) !important;
  }
}
.skin--like .section-resize-bg {
  background-color: #262626;
}
.skin--like .section-resize-bg:before {
  content: "";
  z-index: 0;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: #1f1f1f;
  -webkit-clip-path: polygon(0 0, 55% 20%, 75% 70%, 0 90%);
  clip-path: polygon(0 0, 55% 20%, 75% 70%, 0 90%);
}
.skin--like .section-resize-triangle img:nth-of-type(1) {
  top: 0;
  right: 0;
}
@media screen and (max-width: 767px) {
  .skin--like .section-resize-triangle img:nth-of-type(1) {
    display: none;
  }
}
.skin--like .section-resize-triangle img:nth-of-type(2) {
  bottom: 0;
  left: 20%;
}
.skin--like .section-resize-triangle img:nth-of-type(3) {
  bottom: -30px;
  left: 30%;
}
@media screen and (max-width: 767px) {
  .skin--like .section-resize-triangle img:nth-of-type(3) {
    display: none;
  }
}
.skin--like .section-resize-triangle img:nth-of-type(4) {
  bottom: -35px;
  right: 10%;
}
.skin--like .section-resize-triangle img:nth-of-type(5) {
  bottom: -15px;
  right: 0;
}
@media screen and (max-width: 767px) {
  .skin--like .section-resize-triangle img:nth-of-type(5) {
    display: none;
  }
}
.skin__like-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
  max-width: 90%;
  min-height: 97px;
  padding-left: 20px;
  background-color: #181818;
  -webkit-clip-path: polygon(0 0, 100% 7%, 97% 96%, 2% 100%);
  clip-path: polygon(0 0, 100% 7%, 97% 96%, 2% 100%);
}
.skin__like-header h2 {
  padding-left: 15px;
  color: #fff;
  line-height: 1;
  text-transform: uppercase;
  font-size: 25px;
}
@media screen and (min-width: 320px) {
  .skin__like-header h2 {
    font-size: calc(25px + 23 * (100vw - 320px) / 447);
  }
}
@media screen and (min-width: 767px) {
  .skin__like-header h2 {
    font-size: 48px;
  }
}
.skin__like-body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 37px 15px 170px;
}
@media screen and (max-width: 767px) {
  .skin__like-body {
    padding-right: 15px;
    padding-bottom: 35px;
  }
}
.skin__like-block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: calc((100% - 15px) / 2);
  margin-bottom: 30px;
}
@media screen and (max-width: 767px) {
  .skin__like-block {
    width: 100%;
  }
}
.skin__like-block > div:nth-of-type(1) {
  width: 169px;
}
@media screen and (max-width: 575px) {
  .skin__like-block > div:nth-of-type(1) {
    width: 130px;
  }
}
.skin__like-block > div:nth-of-type(2) {
  width: 100%;
  max-width: calc(100% - 169px);
  padding-left: 15px;
}
@media screen and (max-width: 575px) {
  .skin__like-block > div:nth-of-type(2) {
    max-width: calc(100% - 130px);
  }
}
.skin__like-block > div .b-skin {
  width: 100%;
  height: 138px;
}
.skin__like-block > div h3,
.skin__like-block > div p {
  color: #fff;
}
.skin__like-block > div h3 {
  padding-bottom: 10px;
  line-height: 1;
  text-transform: uppercase;
  font-size: 18px;
}
.skin__like-block > div p {
  font-size: 12px;
  font-family: "Ubuntu", sans-serif;
}
.skin__like .e-skin__block-wrapper {
  padding-top: 50px;
  padding-bottom: 50px;
}
.skin__like .e-skin__block-wrapper > div {
  max-width: 100%;
  padding-right: 50px;
}
.skin__like .e-skin__block-wrapper .e-skin__block-figure {
  display: none;
}
.skin__like .e-skin__block-wrapper .e-skin__block-desc {
  max-width: 90%;
}
#combo {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 100%;
  max-width: 696px;
  margin-left: auto;
}
@media screen and (max-width: 1199px) {
  #combo {
    max-width: 100%;
  }
}
@media screen and (max-width: 767px) {
  #combo {
    overflow: hidden;
  }
}
.combo__title,
.combo__text {
  color: #fff;
  text-align: center;
}
.combo__title {
  padding-bottom: 20px;
  line-height: 1;
  text-shadow: 0 6px 0 rgba(0, 0, 0, 0.16);
  text-transform: uppercase;
  font-size: 50px;
}
@media screen and (min-width: 320px) {
  .combo__title {
    font-size: calc(50px + 50 * (100vw - 320px) / 448);
  }
}
@media screen and (min-width: 768px) {
  .combo__title {
    font-size: 100px;
  }
}
.combo__title span {
  color: #ffd600;
}
.combo__text {
  width: 100%;
  max-width: 962px;
  margin-left: auto;
  margin-right: auto;
  line-height: 1.6;
  font-family: "Ubuntu", sans-serif;
  font-size: 16px;
}
@media screen and (min-width: 320px) {
  .combo__text {
    font-size: calc(16px + 4 * (100vw - 320px) / 448);
  }
}
@media screen and (min-width: 768px) {
  .combo__text {
    font-size: 20px;
  }
}
.combo__text span {
  font-weight: 700;
}
.combo__item {
  position: relative;
  min-height: 350px;
  padding-bottom: 50px;
}
.combo__item .section-resize-bg {
  background-color: #1ac2fe;
  -webkit-clip-path: polygon(0 0, 99% 5%, 100% 98%, 0 100%);
  clip-path: polygon(0 0, 99% 5%, 100% 98%, 0 100%);
}
.combo__item .section-resize-bg:before,
.combo__item .section-resize-bg:after {
  content: "";
  z-index: 0;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #23d6fe;
}
.combo__item .section-resize-bg:before {
  -webkit-clip-path: polygon(0 0, 20% 0, 35% 20%, 0 55%);
  clip-path: polygon(0 0, 20% 0, 35% 20%, 0 55%);
}
.combo__item .section-resize-bg:after {
  -webkit-clip-path: polygon(45% 100%, 10% 60%, 95% 15%, 100% 0, 100% 100%);
  clip-path: polygon(45% 100%, 10% 60%, 95% 15%, 100% 0, 100% 100%);
}
.combo__item .section-resize-triangle img:nth-of-type(1) {
  top: 10%;
  right: 0;
}
.combo__item-wrapper-0 {
  padding-top: 72px;
}
.combo__item-wrapper-1 {
  padding-right: 15px;
  padding-bottom: 100px;
}
.combo__item-logo {
  z-index: 2;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 100%;
  max-width: 342px;
  height: 88px;
  margin-left: auto;
  margin-right: auto;
  background-color: #2a2a2a;
  padding: 5px 10px;
  -webkit-clip-path: polygon(0 0, 100% 2%, 96% 98%, 2% 100%);
  clip-path: polygon(0 0, 100% 2%, 96% 98%, 2% 100%);
}
.combo__item-logo:before {
  content: "";
  z-index: -1;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #313131;
  -webkit-clip-path: polygon(0 100%, 80% 75%, 100% 0%, 100% 100%);
  clip-path: polygon(0 100%, 80% 75%, 100% 0%, 100% 100%);
}
.combo__item-title {
  z-index: 1;
  position: relative;
  top: -15px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 100%;
  max-width: 568px;
  height: 158px;
  margin-left: auto;
  margin-right: auto;
}
.combo__item-title-bg,
.combo__item-title-triangle {
  z-index: 0;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.combo__item-title-bg {
  background-color: #3f6c7c;
  -webkit-clip-path: polygon(0 0, 100% 2%, 97% 98%, 2% 100%);
  clip-path: polygon(0 0, 100% 2%, 97% 98%, 2% 100%);
}
.combo__item-title-bg:before {
  content: "";
  z-index: -1;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #34606f;
  -webkit-clip-path: polygon(0 100%, 85% 70%, 100% 0%, 100% 100%);
  clip-path: polygon(0 100%, 85% 70%, 100% 0%, 100% 100%);
}
.combo__item-title-triangle img {
  position: absolute;
}
.combo__item-title-triangle img:nth-of-type(1) {
  left: -30px;
  top: -15px;
}
.combo__item-title-triangle img:nth-of-type(2) {
  right: -30px;
  top: -15px;
}
.combo__item-title-triangle img:nth-of-type(3) {
  top: 50%;
  left: -20px;
}
.combo__item-title-triangle img:nth-of-type(4) {
  left: -20px;
  bottom: -10px;
}
.combo__item-title-triangle img:nth-of-type(5) {
  right: -25px;
  bottom: -10px;
}
.combo__item-title h1 {
  z-index: 2;
  position: relative;
  font-size: 64px;
  text-transform: uppercase;
  color: #fff;
  line-height: 1.2;
}
@media screen and (max-width: 991px) {
  .combo__item-title h1 {
    font-size: 50px;
  }
}
@media screen and (max-width: 575px) {
  .combo__item-title h1 {
    font-size: 40px;
  }
}
@media screen and (max-width: 991px) {
  .combo__item .combos__box-left {
    max-width: calc(100% - 245px);
  }
}
@media screen and (max-width: 767px) {
  .combo__item .combos__box-left {
    max-width: 100%;
  }
}
@media screen and (max-width: 991px) {
  .combo__item .combos__box-right {
    width: 245px;
    padding: 0;
    padding-top: 80px;
    padding-right: 15px;
  }
  .combo__item .combos__box-right > div {
    width: calc(100% / 2);
  }
}
@media screen and (max-width: 767px) {
  .combo__item .combos__box-right {
    width: 100%;
    padding-top: 30px;
    padding-left: 15px;
  }
}
@media screen and (max-width: 767px) {
  .combo__item .combos__box-right > div {
    width: calc(100% / 3);
  }
}
@media screen and (max-width: 374px) {
  .combo__item .combos__box-right > div {
    width: calc(100% / 2);
  }
}
.combo__drop {
  z-index: 1000;
  display: none;
  position: absolute;
  left: 0;
  right: 0;
  width: 100%;
  max-width: 1295px;
  height: 100%;
  padding-top: 30px;
  padding-bottom: 50px;
  padding-right: 10px;
  margin-left: auto;
  margin-right: auto;
  max-height: 573px;
}
.combo__drop ::-webkit-scrollbar {
  width: 4px;
}
.combo__drop ::-webkit-scrollbar-track {
  background: #fff;
  border-radius: 5px;
}
.combo__drop ::-webkit-scrollbar-thumb {
  background: #333;
  border-radius: 5px;
}
.combo__drop ::-webkit-scrollbar-thumb:hover {
  background: #000;
}
.combo__drop-corner {
  opacity: 0;
  z-index: 1000;
  position: fixed;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 15px;
  background-color: #e0a038;
  -webkit-clip-path: polygon(0 0, 100% 10%, 94% 100%, 8% 100%);
  clip-path: polygon(0 0, 100% 10%, 94% 100%, 8% 100%);
}
.combo__drop-corner.is-big {
  opacity: 1;
  width: 91px;
  height: 91px;
  -webkit-transition: opacity 0.3s ease-in-out;
  -o-transition: opacity 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out;
}
.combo__drop-corner.is-big .icon-font {
  font-size: 61px;
}
.combo__drop-corner.is-small {
  opacity: 1;
  width: 73px;
  height: 73px;
  -webkit-transition: opacity 0.3s ease-in-out;
  -o-transition: opacity 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out;
}
.combo__drop-corner.is-small .icon-font {
  font-size: 43px;
}
.combo__drop-corner .icon-font {
  color: #fff;
}
.combo__drop-bg {
  z-index: -1;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 98%;
  background-color: #e0a038;
  -webkit-clip-path: polygon(0 0, 100% 2%, 100% 99%, 1% 100%);
  clip-path: polygon(0 0, 100% 2%, 100% 99%, 1% 100%);
}
.combo__drop-bg:before {
  content: "";
  z-index: 0;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #e4ac52;
  -webkit-clip-path: polygon(0 100%, 75% 80%, 100% 0, 100% 100%);
  clip-path: polygon(0 100%, 75% 80%, 100% 0, 100% 100%);
}
.combo__drop-btn {
  z-index: 2;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
}
.combo__drop-btn a {
  margin-left: 10px;
  margin-right: 10px;
}
.combo__drop-content {
  overflow-y: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: baseline;
  -ms-flex-align: baseline;
  align-items: baseline;
  height: calc(100% - 10px);
  padding-left: 15px;
  padding-right: 15px;
}
.combo__drop-content > div {
  width: 100%;
  max-width: calc(100% / 6);
  padding: 0 15px;
  margin-top: 5px;
}
@media screen and (max-width: 1199px) {
  .combo__drop-content > div {
    max-width: calc(100% / 5);
  }
}
@media screen and (max-width: 991px) {
  .combo__drop-content > div {
    max-width: calc(100% / 4);
  }
}
@media screen and (max-width: 767px) {
  .combo__drop-content > div {
    max-width: calc(100% / 3);
  }
}
@media screen and (max-width: 575px) {
  .combo__drop-content > div {
    max-width: calc(100% / 2);
    padding-left: 5px;
    padding-right: 5px;
  }
}
.combo__drop-content .combos__box {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.combo__drop-content .combos__box.is-active .combos__box-svg {
  opacity: 1;
  -webkit-transition: opacity 0.3s ease-in-out;
  -o-transition: opacity 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out;
}
.combo__drop-content .combos__box-svg {
  opacity: 0;
  z-index: 5;
  position: absolute;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -webkit-transition: opacity 0.3s ease-in-out;
  -o-transition: opacity 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out;
}
.combo__drop-content .combos__box-svg svg {
  width: 100%;
  max-width: 114px;
}
.combo__drop-content .combos__box-left {
  display: block;
  max-width: 100%;
  min-height: 0;
}
@media screen and (max-width: 575px) {
  .combo__drop-content .combos__box-left {
    padding: 0;
  }
}
.combo__drop-content .combos__box-left img {
  max-height: 100%;
}
.combo__drop-content .combos__box-title {
  height: 34px;
}
.combo__drop-content .combos__box-title--triangle {
  display: none;
}
.combo__drop-content .combos__box-title--triangle img {
  -webkit-transform-origin: center;
  -ms-transform-origin: center;
  transform-origin: center;
  -webkit-transform: scale(0.5);
  -ms-transform: scale(0.5);
  transform: scale(0.5);
}
.combo__drop-content .combos__box-title--triangle img:nth-of-type(2) {
  top: -5px;
  right: -5px;
}
.combo__drop-content .combos__box-title--triangle img:nth-of-type(3) {
  bottom: -5px;
  left: -5px;
}
.combo__drop-content .combos__box-title p {
  font-size: 16px;
}
.combo__custom {
  position: relative;
  margin-bottom: 50px;
}
.p-combos .combo__custom {
  margin-bottom: 0;
}
.combo__custom .section-resize {
  top: -30px;
}
.combo__custom .section-resize-bg {
  background-color: #313131;
  -webkit-clip-path: polygon(0 0, 100% 1%, 98% 98%, 0 100%);
  clip-path: polygon(0 0, 100% 1%, 98% 98%, 0 100%);
}
.combo__custom .section-resize-bg:before {
  content: "";
  z-index: 0;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #2a2a2a;
}
.combo__custom .section-resize-bg:before {
  -webkit-clip-path: polygon(0 100%, 80% 50%, 30% 0, 100% 0, 100% 100%);
  clip-path: polygon(0 100%, 80% 50%, 30% 0, 100% 0, 100% 100%);
}
.combo__custom .section-resize-triangle img:nth-of-type(1) {
  top: -20px;
  left: 10px;
}
.combo__custom .section-resize-triangle img:nth-of-type(2) {
  top: -50px;
  left: 15%;
}
.combo__custom .section-resize-triangle img:nth-of-type(3) {
  top: -20px;
  right: 30px;
}
.combo__custom .section-resize-triangle img:nth-of-type(4) {
  left: 30px;
  bottom: -30px;
}
.combo__custom .section-resize-triangle img:nth-of-type(5) {
  left: 30%;
  bottom: -25px;
}
.combo__custom .section-resize-triangle img:nth-of-type(6) {
  right: -15px;
  bottom: -15px;
}
.combo__custom-wrapper {
  padding-top: 30px;
  padding-bottom: 100px;
}
.combo__custom-title {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 95%;
  height: 97px;
  padding: 5px 10px 5px 30px;
  background-color: #ffd600;
  -webkit-clip-path: polygon(0 0, 100% 2%, 97% 98%, 2% 100%);
  clip-path: polygon(0 0, 100% 2%, 97% 98%, 2% 100%);
}
.combo__custom-title i {
  color: #fff;
  font-size: 47px;
}
.combo__custom-title h2 {
  padding-left: 10px;
  font-size: 48px;
  color: #fff;
  text-transform: uppercase;
  line-height: 1.2;
}
@media screen and (max-width: 1199px) {
  .combo__custom-title h2 {
    font-size: 40px;
  }
}
@media screen and (max-width: 767px) {
  .combo__custom-title h2 {
    font-size: 35px;
  }
}
@media screen and (max-width: 575px) {
  .combo__custom-title h2 {
    font-size: 28px;
  }
}
@media screen and (max-width: 991px) {
  .combo__custom .combos__box-left {
    max-width: calc(100% - 245px);
  }
}
@media screen and (max-width: 767px) {
  .combo__custom .combos__box-left {
    max-width: 100%;
  }
}
.combo__custom .combos__box-left .combos__block {
  width: 100%;
  max-width: 295px;
  height: 408px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 30px;
}
.combo__custom .combos__box-left .combos__block-top {
  height: 100%;
}
.combo__custom .combos__box-left .combos__block-top .icon-font {
  font-size: 61px;
}
@media screen and (max-width: 991px) {
  .combo__custom .combos__box-right {
    width: 245px;
    padding-top: 80px;
    padding-right: 15px;
  }
  .combo__custom .combos__box-right > div {
    width: calc(100% / 2);
  }
}
@media screen and (max-width: 767px) {
  .combo__custom .combos__box-right {
    width: 100%;
    padding-left: 15px;
    padding-top: 30px;
  }
}
@media screen and (max-width: 767px) {
  .combo__custom .combos__box-right > div {
    width: calc(100% / 3);
  }
}
@media screen and (max-width: 374px) {
  .combo__custom .combos__box-right > div {
    width: calc(100% / 2);
  }
}
.combo__custom .combos__box-bottom {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding-top: 30px;
}
@media screen and (max-width: 424px) {
  .combo__custom .combos__box-bottom {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}
.combo__custom .combos__box-bottom a {
  margin-left: 10px;
  margin-right: 10px;
}
@media screen and (max-width: 424px) {
  .combo__custom .combos__box-bottom a {
    margin-bottom: 10px;
  }
}
.combo__custom .combos__box-bottom a .icon-saves {
  font-size: 26px;
  margin-right: 5px;
}
.combo__custom .combos__box-title {
  top: 0;
}
.combo__custom .combos__block-top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.combo__custom .combos__block-top span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 15px;
  background-color: transparent;
  -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
  clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
  -webkit-transition: background-color 0.3s ease-in-out,
    -webkit-clip-path 0.3s ease-in-out;
  transition: background-color 0.3s ease-in-out,
    -webkit-clip-path 0.3s ease-in-out;
  -o-transition: background-color 0.3s ease-in-out, clip-path 0.3s ease-in-out;
  transition: background-color 0.3s ease-in-out, clip-path 0.3s ease-in-out;
  transition: background-color 0.3s ease-in-out, clip-path 0.3s ease-in-out,
    -webkit-clip-path 0.3s ease-in-out;
}
.combo__custom .combos__block-top span.is-open {
  background-color: #e0a038;
  -webkit-clip-path: polygon(0 0, 100% 10%, 94% 100%, 8% 100%);
  clip-path: polygon(0 0, 100% 10%, 94% 100%, 8% 100%);
  -webkit-transition: background-color 0.3s ease-in-out,
    -webkit-clip-path 0.3s ease-in-out;
  transition: background-color 0.3s ease-in-out,
    -webkit-clip-path 0.3s ease-in-out;
  -o-transition: background-color 0.3s ease-in-out, clip-path 0.3s ease-in-out;
  transition: background-color 0.3s ease-in-out, clip-path 0.3s ease-in-out;
  transition: background-color 0.3s ease-in-out, clip-path 0.3s ease-in-out,
    -webkit-clip-path 0.3s ease-in-out;
}
.combo__custom .combos__block-top span.is-open .icon-font {
  opacity: 1;
  -webkit-transform: scale(0.85);
  -ms-transform: scale(0.85);
  transform: scale(0.85);
  -webkit-transition: opacity 0.3s ease-in-out,
    -webkit-transform 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
  -o-transition: opacity 0.3s ease-in-out, transform 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out, transform 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out, transform 0.3s ease-in-out,
    -webkit-transform 0.3s ease-in-out;
}
.combo__custom .combos__block-top .icon-font {
  opacity: 0.1;
  color: #fff;
  font-size: 43px;
  -webkit-transform-origin: center;
  -ms-transform-origin: center;
  transform-origin: center;
  -webkit-transition: opacity 0.3s ease-in-out,
    -webkit-transform 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
  -o-transition: opacity 0.3s ease-in-out, transform 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out, transform 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out, transform 0.3s ease-in-out,
    -webkit-transform 0.3s ease-in-out;
}
.combo__skins {
  padding-top: 50px;
  padding-bottom: 100px;
}
.combo__skins-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.combo__skins-wrapper > div {
  width: 100%;
  max-width: calc((100% - 30px) / 2);
  margin-bottom: 50px;
}
@media screen and (max-width: 575px) {
  .combo__skins-wrapper > div {
    max-width: 100%;
    margin-bottom: 30px;
  }
}
.combo__skins-description {
  z-index: 2;
  position: relative;
  min-height: 170px;
}
.combo__skins-description:before {
  content: "";
  z-index: -1;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #edf9fd;
  -webkit-clip-path: polygon(0 0, 100% 0, 98% 99%, 0 100%);
  clip-path: polygon(0 0, 100% 0, 98% 99%, 0 100%);
}
.combo__skins-description--triangle {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.combo__skins-description--triangle img {
  position: absolute;
}
.combo__skins-description--triangle img:nth-of-type(1) {
  left: 0;
  bottom: -20px;
}
.combo__skins-description--triangle img:nth-of-type(2) {
  bottom: -20px;
  left: 50px;
}
.combo__skins-description--triangle img:nth-of-type(3) {
  bottom: -10px;
  right: 50px;
}
.combo__skins-description--triangle img:nth-of-type(4) {
  bottom: -20px;
  right: 0;
}
.combo__skins-description p {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
  min-height: 65px;
  padding: 5px 15px 5px 11px;
  background-color: #ffd600;
  -webkit-clip-path: polygon(0 0, 100% 0, 95% 93%, 2% 100%);
  clip-path: polygon(0 0, 100% 0, 95% 93%, 2% 100%);
}
.combo__skins-description p .icon-font {
  color: #fff;
  font-size: 26px;
  margin-right: 9px;
}
.combo__skins-description p > span {
  font-size: 30px;
  color: #fff;
  text-transform: uppercase;
  line-height: 1.2;
}
.combo__skins-description > div {
  padding: 10px 20px 20px;
}
.combo__skins-description > div span {
  font-size: 16px;
  font-family: "Ubuntu", sans-serif;
  font-weight: 500;
  color: #273c43;
  line-height: 1.69;
}
.combo__skins .combos__box-triangle img:nth-of-type(1) {
  top: 40px;
  left: -10px;
}
.combo__skins .combos__box-triangle img:nth-of-type(2) {
  top: 50px;
  right: -10px;
  left: auto;
}
.combo__skins .combos__box-triangle img:nth-of-type(3) {
  top: 150px;
  left: -10px;
}
.combo__skins .combos__box-triangle img:nth-of-type(4) {
  left: -20px;
  top: 30%;
}
.combo__skins .combos__box-triangle img:nth-of-type(5) {
  right: -10px;
  top: 35%;
  left: auto;
}
.combo__skins .combos__box-wrapper-0 {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}
.combo__skins .combos__box-left {
  max-width: 100%;
  min-height: 0;
  padding-left: 30px;
  padding-right: 30px;
}
.combo__skins .combos__box-right {
  width: 100%;
  padding-top: 30px;
}
.combo__skins .combos__box-right > div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 100%;
  max-width: calc(100% / 3);
}
.combo__skins .combos__box-total {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}
.combo__skins .combos__block {
  width: 81px;
  margin-right: 0;
}
.combo__skins .combos__block-top {
  height: 81px;
}
.combo__like {
  position: relative;
}
.combo__like-bg {
  z-index: -1;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #edf9fd;
  -webkit-clip-path: polygon(
    0 0,
    100% 10px,
    calc(100% - 10px) calc(100% - 20px),
    10px 100%
  );
  clip-path: polygon(
    0 0,
    100% 10px,
    calc(100% - 10px) calc(100% - 20px),
    10px 100%
  );
}
.combo__like-triangle {
  z-index: 0;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.combo__like-triangle img {
  position: absolute;
}
.combo__like-triangle img:nth-of-type(1) {
  bottom: 5%;
  left: -15px;
}
.combo__like-triangle img:nth-of-type(2) {
  bottom: -10px;
  left: 5%;
}
.combo__like-triangle img:nth-of-type(3) {
  bottom: -15px;
  right: 10%;
}
.combo__like-triangle img:nth-of-type(4) {
  top: 10px;
  right: -30px;
}
.combo__like .skin__like-header {
  position: relative;
  background-color: #ffd600;
}
.combo__like .skin__like-header:before {
  content: "";
  z-index: 0;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -webkit-clip-path: polygon(0 100%, 80% 75%, 100% 0, 100% 100%);
  clip-path: polygon(0 100%, 80% 75%, 100% 0, 100% 100%);
  background-color: #f0ca07;
}
.combo__like .skin__like-header .icon-info {
  color: #fff;
  font-size: 36px;
}
.combo__like .skin__like-header h2 {
  z-index: 2;
  position: relative;
  padding-left: 15px;
  line-height: 1;
  text-transform: uppercase;
  font-size: 25px;
}
@media screen and (min-width: 320px) {
  .combo__like .skin__like-header h2 {
    font-size: calc(25px + 23 * (100vw - 320px) / 447);
  }
}
@media screen and (min-width: 767px) {
  .combo__like .skin__like-header h2 {
    font-size: 48px;
  }
}
.combo__like .skin__like-body {
  padding-bottom: 0;
}
.combo__like-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  width: 100%;
}
.combo__like-wrapper > div {
  width: 100%;
  max-width: 100%;
  margin-bottom: 30px;
}
@media screen and (max-width: 424px) {
  .combo__like-wrapper > div {
    max-width: 100%;
  }
}
.combo__like-footer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 0 0 30px 0;
}
.combo__like .combos__box--legendary .combos__box-img {
  background-image: -webkit-radial-gradient(#ea8d23, #c04d1f);
  background-image: -o-radial-gradient(#ea8d23, #c04d1f);
  background-image: radial-gradient(#ea8d23, #c04d1f);
}
.combo__like .combos__box--legendary .combos__box-title--bg {
  background-color: #e38748;
}
.combo__like .combos__box--legendary .combos__box-title--bg:before {
  background-color: #c04d1f;
}
.combo__like .combos__box--epic .combos__box-img {
  background-image: -webkit-radial-gradient(#c359ff, #701fe5);
  background-image: -o-radial-gradient(#c359ff, #701fe5);
  background-image: radial-gradient(#c359ff, #701fe5);
}
.combo__like .combos__box--epic .combos__box-title--bg {
  background-color: #b04eec;
}
.combo__like .combos__box--epic .combos__box-title--bg:before {
  background-color: #701fe5;
}
.combo__like .combos__box--rare .combos__box-img {
  background-image: -webkit-radial-gradient(#2cc1ff, #215dc2);
  background-image: -o-radial-gradient(#2cc1ff, #215dc2);
  background-image: radial-gradient(#2cc1ff, #215dc2);
}
.combo__like .combos__box--rare .combos__box-title--bg {
  background-color: #3ad6ff;
}
.combo__like .combos__box--rare .combos__box-title--bg:before {
  background-color: #215dc2;
}
.combo__like .combos__box--uncommon .combos__box-img {
  background-image: -webkit-radial-gradient(#69bb1e, #227622);
  background-image: -o-radial-gradient(#69bb1e, #227622);
  background-image: radial-gradient(#69bb1e, #227622);
}
.combo__like .combos__box--uncommon .combos__box-title--bg {
  background-color: #8fee3b;
}
.combo__like .combos__box--uncommon .combos__box-title--bg:before {
  background-color: #227622;
}
.combo__like .combos__box--common .combos__box-img {
  background-image: -webkit-radial-gradient(#bebebe, #848282);
  background-image: -o-radial-gradient(#bebebe, #848282);
  background-image: radial-gradient(#bebebe, #848282);
}
.combo__like .combos__box--common .combos__box-title--bg {
  background-color: #bebebe;
}
.combo__like .combos__box--common .combos__box-title--bg:before {
  background-color: #848282;
}
.combo__like .combos__box-triangle img:nth-of-type(1) {
  display: none;
  top: 5px;
}
.combo__like .combos__box-triangle img:nth-of-type(2) {
  top: 30%;
  right: -10px;
  left: auto;
}
.combo__like .combos__box-triangle img:nth-of-type(3) {
  top: 50%;
  right: auto;
  left: -10px;
}
.combo__like .combos__box-triangle img:nth-of-type(4) {
  display: none;
  left: 40%;
}
.combo__like .combos__box-triangle img:nth-of-type(5) {
  display: none;
}
.combo__like .combos__box-bg {
  z-index: 0;
  top: 40px;
  height: calc(100% - 40px);
}
.combo__like .combos__box-heading {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  position: relative;
  background-color: #518da4;
  width: 95%;
  min-height: 80px;
  margin-left: auto;
  margin-right: auto;
  padding: 5px 15px;
  -webkit-clip-path: polygon(0 0, 100% 7%, 97% 96%, 2% 100%);
  clip-path: polygon(0 0, 100% 7%, 97% 96%, 2% 100%);
}
@media screen and (max-width: 575px) {
  .combo__like .combos__box-heading {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
}
.combo__like .combos__box-heading > div {
  z-index: 2;
  position: relative;
}
.combo__like .combos__box-heading > div:nth-of-type(1) {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
@media screen and (max-width: 575px) {
  .combo__like .combos__box-heading > div:nth-of-type(1) {
    padding-top: 5px;
  }
}
.combo__like .combos__box-heading > div:nth-of-type(2) {
  width: 100%;
  max-width: 162px;
  padding-right: 10px;
}
@media screen and (max-width: 575px) {
  .combo__like .combos__box-heading > div:nth-of-type(2) {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    max-width: 100%;
    padding-top: 10px;
    padding-bottom: 5px;
  }
}
.combo__like .combos__box-heading > div:nth-of-type(2) .combos__box-like {
  position: relative;
  top: -4px;
  height: 40px;
}
.combo__like .combos__box-heading > div:nth-of-type(2) .combos__box-like > a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 50%;
  height: 100%;
  color: #fff;
  font-size: 16px;
  font-weight: 700;
  font-family: "Ubuntu", sans-serif;
}
@media screen and (max-width: 575px) {
  .combo__like .combos__box-heading > div:nth-of-type(2) .combos__box-like > a {
    font-size: 14px;
  }
}
.combo__like
  .combos__box-heading
  > div:nth-of-type(2)
  .combos__box-like
  > a
  .icon-font {
  position: relative;
  font-size: 16px;
}
@media screen and (max-width: 575px) {
  .combo__like
    .combos__box-heading
    > div:nth-of-type(2)
    .combos__box-like
    > a
    .icon-font {
    font-size: 14px;
  }
}
.combo__like
  .combos__box-heading
  > div:nth-of-type(2)
  .combos__box-like
  > a
  .icon-like {
  top: -3px;
}
.combo__like
  .combos__box-heading
  > div:nth-of-type(2)
  .combos__box-like
  > a
  .icon-dislike {
  bottom: -2px;
}
.combo__like
  .combos__box-heading
  > div:nth-of-type(2)
  .combos__box-like
  > a
  span {
  padding-left: 3px;
}
.combo__like .combos__box-heading:before {
  content: "";
  z-index: 0;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -webkit-clip-path: polygon(0 100%, 80% 75%, 100% 0, 100% 100%);
  clip-path: polygon(0 100%, 80% 75%, 100% 0, 100% 100%);
  background-color: #45839a;
}
.combo__like .combos__box-heading .icon-font {
  color: #fff;
  font-size: 33px;
}
.combo__like .combos__box-heading p,
.combo__like .combos__box-heading h1 {
  padding-left: 15px;
  color: #fff;
  line-height: 1;
  text-transform: uppercase;
  font-size: 25px;
}
@media screen and (min-width: 320px) {
  .combo__like .combos__box-heading p,
  .combo__like .combos__box-heading h1 {
    font-size: calc(25px + 17 * (100vw - 320px) / 447);
  }
}
@media screen and (min-width: 767px) {
  .combo__like .combos__box-heading p,
  .combo__like .combos__box-heading h1 {
    font-size: 42px;
  }
}
.combo__like .combos__box-left {
  max-width: calc(100% - 265px);
  padding-left: 30px;
  padding-right: 30px;
}
@media screen and (max-width: 1199px) {
  .combo__like .combos__box-left {
    max-width: 100%;
  }
}
@media screen and (max-width: 991px) {
  .combo__like .combos__box-left {
    max-width: calc(100% - 265px);
  }
}
@media screen and (max-width: 767px) {
  .combo__like .combos__box-left {
    max-width: 100%;
    min-height: 0;
    padding-top: 30px;
  }
}
.combo__like .combos__box-right {
  width: 265px;
  padding-top: 50px;
}
@media screen and (max-width: 1199px) {
  .combo__like .combos__box-right {
    width: 100%;
    padding-left: 0;
    padding-right: 0;
  }
}
@media screen and (max-width: 991px) {
  .combo__like .combos__box-right {
    width: 265px;
    padding-left: 15px;
    padding-right: 15px;
  }
}
@media screen and (max-width: 767px) {
  .combo__like .combos__box-right {
    width: 100%;
    padding-left: 0;
    padding-right: 0;
    padding-top: 30px;
  }
}
@media screen and (max-width: 991px) {
  .combo__like .combos__box-right > div {
    width: calc(100% / 2);
  }
}
@media screen and (max-width: 767px) {
  .combo__like .combos__box-right > div {
    width: calc(100% / 3);
  }
}
@media screen and (max-width: 424px) {
  .combo__like .combos__box-right > div {
    width: calc(100% / 2);
  }
}
.combo__like .combos__box-bottom {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  max-width: 265px;
  margin-left: auto;
  padding-right: 15px;
  padding-bottom: 30px;
}
.combo__like .combos__box-img {
  border-style: solid;
  border-width: 4px;
  border-color: #e8f2ff;
  -webkit-box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.17);
  box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.17);
  background-image: -webkit-radial-gradient(#bebebe, #848282);
  background-image: -o-radial-gradient(#bebebe, #848282);
  background-image: radial-gradient(#bebebe, #848282);
}
.combo__like .combos__box-img img {
  display: block;
  max-width: 100%;
  height: auto;
  margin-left: auto;
  margin-right: auto;
  -webkit-filter: drop-shadow(10px 5px 0 #171f32);
  filter: drop-shadow(10px 5px 0 #171f32);
}
.combo__create {
  position: relative;
  padding: 50px 0 0;
}
.combo__create-bg {
  z-index: -1;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #222838;
  -webkit-clip-path: polygon(0 0, 100% 2%, 97% 98%, 2% 100%);
  clip-path: polygon(0 0, 100% 2%, 97% 98%, 2% 100%);
}
.combo__create-bg:before,
.combo__create-bg:after {
  content: "";
  z-index: 0;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #282f42;
}
.combo__create-bg:before {
  -webkit-clip-path: polygon(0 0, 25% 70%, 100% 100%, 0 100%);
  clip-path: polygon(0 0, 25% 70%, 100% 100%, 0 100%);
}
.combo__create-bg:after {
  -webkit-clip-path: polygon(80% 25%, 95% 5%, 100% 0, 100% 40%);
  clip-path: polygon(80% 25%, 95% 5%, 100% 0, 100% 40%);
}
.combo__create-triangle {
  z-index: 0;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.combo__create-triangle img {
  position: absolute;
}
.combo__create-triangle img:nth-of-type(1) {
  left: -15px;
  top: 60%;
}
.combo__create-triangle img:nth-of-type(2) {
  top: 10%;
  left: -20px;
}
.combo__create-triangle img:nth-of-type(3) {
  bottom: -15px;
  right: -15px;
}
.combo__create-title {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 95%;
  height: 97px;
  margin-left: auto;
  margin-right: auto;
  padding: 5px 10px 5px 30px;
  background-color: #ffd600;
  -webkit-clip-path: polygon(0 0, 100% 2%, 97% 98%, 2% 100%);
  clip-path: polygon(0 0, 100% 2%, 97% 98%, 2% 100%);
}
.combo__create-title i {
  color: #fff;
  font-size: 43px;
}
.combo__create-title p {
  padding-left: 10px;
  font-size: 43px;
  color: #fff;
  text-transform: uppercase;
  line-height: 1.2;
}
@media screen and (max-width: 1199px) {
  .combo__create-title p {
    font-size: 38px;
  }
}
@media screen and (max-width: 767px) {
  .combo__create-title p {
    font-size: 33px;
  }
}
@media screen and (max-width: 575px) {
  .combo__create-title p {
    font-size: 25px;
  }
}
.combo__create-body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 50px 30px 15px;
}
.combo__preview {
  margin-bottom: 50px;
}
.combo__preview .section-resize-bg {
  background-color: #232f4c;
}
.combo__preview .section-resize-bg:before {
  background-color: #1d2841;
}
.combo__preview .section-resize-triangle img:nth-of-type(1),
.combo__preview .section-resize-triangle img:nth-of-type(3),
.combo__preview .section-resize-triangle img:nth-of-type(4),
.combo__preview .section-resize-triangle img:nth-of-type(5) {
  display: none;
}
.combo__preview .section-resize-triangle img:nth-of-type(2) {
  bottom: -10px;
}
.combo__preview-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
@media screen and (max-width: 575px) {
  .combo__preview-header {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .combo__preview-header > div {
    width: 100%;
    margin-bottom: 10px;
  }
}
.combo__preview-header .skin__like-header {
  width: auto;
  max-width: initial;
  padding-right: 30px;
}
@media screen and (max-width: 575px) {
  .combo__preview-header .skin__like-header {
    width: 100%;
    max-width: 100%;
  }
}
.combo__preview-header .icon-i-combos {
  color: #fff;
  font-size: 30px;
}
@media screen and (min-width: 320px) {
  .combo__preview-header .icon-i-combos {
    font-size: calc(30px + 12 * (100vw - 320px) / 672);
  }
}
@media screen and (min-width: 992px) {
  .combo__preview-header .icon-i-combos {
    font-size: 42px;
  }
}
.combo__preview-body {
  padding-bottom: 50px;
}
.combo__preview-footer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
@media screen and (max-width: 575px) {
  .combo__preview-footer {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .combo__preview-footer > div {
    width: 100%;
    margin-bottom: 10px;
  }
  .combo__preview-footer a {
    margin-left: auto;
    margin-right: auto;
  }
}
.combo__preview .combos__box--legendary .combos__box-img {
  background-image: -webkit-radial-gradient(#ea8d23, #c04d1f);
  background-image: -o-radial-gradient(#ea8d23, #c04d1f);
  background-image: radial-gradient(#ea8d23, #c04d1f);
}
.combo__preview .combos__box--legendary .combos__box-title--bg {
  background-color: #e38748;
}
.combo__preview .combos__box--legendary .combos__box-title--bg:before {
  background-color: #c04d1f;
}
.combo__preview .combos__box--epic .combos__box-img {
  background-image: -webkit-radial-gradient(#c359ff, #701fe5);
  background-image: -o-radial-gradient(#c359ff, #701fe5);
  background-image: radial-gradient(#c359ff, #701fe5);
}
.combo__preview .combos__box--epic .combos__box-title--bg {
  background-color: #b04eec;
}
.combo__preview .combos__box--epic .combos__box-title--bg:before {
  background-color: #701fe5;
}
.combo__preview .combos__box--rare .combos__box-img {
  background-image: -webkit-radial-gradient(#2cc1ff, #215dc2);
  background-image: -o-radial-gradient(#2cc1ff, #215dc2);
  background-image: radial-gradient(#2cc1ff, #215dc2);
}
.combo__preview .combos__box--rare .combos__box-title--bg {
  background-color: #3ad6ff;
}
.combo__preview .combos__box--rare .combos__box-title--bg:before {
  background-color: #215dc2;
}
.combo__preview .combos__box--uncommon .combos__box-img {
  background-image: -webkit-radial-gradient(#69bb1e, #227622);
  background-image: -o-radial-gradient(#69bb1e, #227622);
  background-image: radial-gradient(#69bb1e, #227622);
}
.combo__preview .combos__box--uncommon .combos__box-title--bg {
  background-color: #8fee3b;
}
.combo__preview .combos__box--uncommon .combos__box-title--bg:before {
  background-color: #227622;
}
.combo__preview .combos__box--common .combos__box-img {
  background-image: -webkit-radial-gradient(#bebebe, #848282);
  background-image: -o-radial-gradient(#bebebe, #848282);
  background-image: radial-gradient(#bebebe, #848282);
}
.combo__preview .combos__box--common .combos__box-title--bg {
  background-color: #bebebe;
}
.combo__preview .combos__box--common .combos__box-title--bg:before {
  background-color: #848282;
}
.combo__preview .combos__box-bg,
.combo__preview .combos__box-triangle {
  display: none;
}
.combo__preview .combos__box-heading {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  position: relative;
  width: 95%;
  min-height: 80px;
  margin-left: auto;
  margin-right: auto;
  padding: 5px 15px;
  background-color: #4d5f88;
  -webkit-clip-path: polygon(0 0, 100% 7%, 97% 96%, 2% 100%);
  clip-path: polygon(0 0, 100% 7%, 97% 96%, 2% 100%);
}
@media screen and (max-width: 575px) {
  .combo__preview .combos__box-heading {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
}
.combo__preview .combos__box-heading > div {
  z-index: 2;
  position: relative;
}
.combo__preview .combos__box-heading > div:nth-of-type(1) {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
@media screen and (max-width: 575px) {
  .combo__preview .combos__box-heading > div:nth-of-type(1) {
    padding-top: 5px;
  }
}
.combo__preview .combos__box-heading > div:nth-of-type(2) {
  width: 100%;
  max-width: 162px;
  padding-right: 10px;
}
@media screen and (max-width: 575px) {
  .combo__preview .combos__box-heading > div:nth-of-type(2) {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    max-width: 100%;
    padding-top: 10px;
    padding-bottom: 5px;
  }
}
.combo__preview .combos__box-heading > div:nth-of-type(2) .combos__box-like {
  position: relative;
  top: -4px;
  height: 40px;
}
.combo__preview
  .combos__box-heading
  > div:nth-of-type(2)
  .combos__box-like
  > a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 50%;
  height: 100%;
  color: #fff;
  font-size: 16px;
  font-weight: 700;
  font-family: "Ubuntu", sans-serif;
}
@media screen and (max-width: 575px) {
  .combo__preview
    .combos__box-heading
    > div:nth-of-type(2)
    .combos__box-like
    > a {
    font-size: 14px;
  }
}
.combo__preview
  .combos__box-heading
  > div:nth-of-type(2)
  .combos__box-like
  > a
  .icon-font {
  position: relative;
  font-size: 16px;
}
@media screen and (max-width: 575px) {
  .combo__preview
    .combos__box-heading
    > div:nth-of-type(2)
    .combos__box-like
    > a
    .icon-font {
    font-size: 14px;
  }
}
.combo__preview
  .combos__box-heading
  > div:nth-of-type(2)
  .combos__box-like
  > a
  .icon-like {
  top: -3px;
}
.combo__preview
  .combos__box-heading
  > div:nth-of-type(2)
  .combos__box-like
  > a
  .icon-dislike {
  bottom: -2px;
}
.combo__preview
  .combos__box-heading
  > div:nth-of-type(2)
  .combos__box-like
  > a
  span {
  padding-left: 3px;
}
.combo__preview .combos__box-heading:before {
  content: "";
  z-index: 0;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #4d5f88;
  -webkit-clip-path: polygon(0 100%, 80% 75%, 100% 0, 100% 100%);
  clip-path: polygon(0 100%, 80% 75%, 100% 0, 100% 100%);
}
.combo__preview .combos__box-heading .icon-font {
  color: #fff;
  font-size: 33px;
}
.combo__preview .combos__box-heading p,
.combo__preview .combos__box-heading h1 {
  padding-left: 15px;
  color: #fff;
  line-height: 1;
  text-transform: uppercase;
  font-size: 25px;
}
@media screen and (min-width: 320px) {
  .combo__preview .combos__box-heading p,
  .combo__preview .combos__box-heading h1 {
    font-size: calc(25px + 17 * (100vw - 320px) / 447);
  }
}
@media screen and (min-width: 767px) {
  .combo__preview .combos__box-heading p,
  .combo__preview .combos__box-heading h1 {
    font-size: 42px;
  }
}
.combo__preview .combos__box-left {
  max-width: calc(100% - 265px);
  padding-left: 30px;
  padding-right: 30px;
}
@media screen and (max-width: 1199px) {
  .combo__preview .combos__box-left {
    max-width: 100%;
  }
}
@media screen and (max-width: 991px) {
  .combo__preview .combos__box-left {
    max-width: calc(100% - 265px);
  }
}
@media screen and (max-width: 767px) {
  .combo__preview .combos__box-left {
    max-width: 100%;
    min-height: 0;
    padding-top: 30px;
  }
}
.combo__preview .combos__box-right {
  width: 265px;
  padding-top: 50px;
}
@media screen and (max-width: 1199px) {
  .combo__preview .combos__box-right {
    width: 100%;
    padding-left: 0;
    padding-right: 0;
  }
}
@media screen and (max-width: 991px) {
  .combo__preview .combos__box-right {
    width: 265px;
    padding-left: 15px;
    padding-right: 15px;
  }
}
@media screen and (max-width: 767px) {
  .combo__preview .combos__box-right {
    width: 100%;
    padding-left: 0;
    padding-right: 0;
    padding-top: 30px;
  }
}
@media screen and (max-width: 991px) {
  .combo__preview .combos__box-right > div {
    width: calc(100% / 2);
  }
}
@media screen and (max-width: 767px) {
  .combo__preview .combos__box-right > div {
    width: calc(100% / 3);
  }
}
@media screen and (max-width: 424px) {
  .combo__preview .combos__box-right > div {
    width: calc(100% / 2);
  }
}
.combo__preview .combos__box-bottom {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  width: 100%;
  padding-right: 30px;
}
@media screen and (max-width: 575px) {
  .combo__preview .combos__box-bottom {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
    padding-right: 0;
  }
  .combo__preview .combos__box-bottom a {
    margin-top: 30px;
    margin-left: auto;
    margin-right: auto;
  }
  .combo__preview .combos__box-bottom .combos__box-total {
    margin-left: auto;
  }
}
.combo__preview .combos__box-bottom .item__btn.c-btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background-color: #4d5f88;
  color: #fff;
}
.combo__preview .combos__box-bottom .item__btn.c-btn .icon-paint {
  padding-left: 0;
  color: #fff;
  margin-right: 10px;
  font-size: 24px;
}
.combo__preview .combos__box-img {
  border-style: solid;
  border-width: 4px;
  border-color: #e8f2ff;
  -webkit-box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.17);
  box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.17);
  background-image: -webkit-radial-gradient(#bebebe, #848282);
  background-image: -o-radial-gradient(#bebebe, #848282);
  background-image: radial-gradient(#bebebe, #848282);
}
.combo__preview .combos__box-img img {
  display: block;
  max-width: 100%;
  height: auto;
  margin-left: auto;
  margin-right: auto;
  -webkit-filter: drop-shadow(10px 5px 0 #171f32);
  filter: drop-shadow(10px 5px 0 #171f32);
}

.b-skin__info {
  height: 60px;
  padding: 4px;
}
.b-skin img {
  position: absolute;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform-origin 0.3s ease-in-out, transform 0.3s ease-in-out,
    -webkit-transform-origin 0.3s ease-in-out,
    -ms-transform-origin 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out,
    opacity 1s;
}
.combos__row {
  gap: 40px;
  display: flex;
  justify-content: space-around;
  max-width: 1100px;
  margin: 30px auto;
}
.combo__skins-wrapper {
  gap: 50px 20px;
}
.combo__skins-wrapper .combo-card {
  width: calc(50% - 10px);
  max-width: 100%;
  margin-bottom: 0;
  height: 100%;
}
img[data-src] {
  font-size: 0;
}
img[data-src] + .preloader {
  position: absolute;
  top: calc(50% - 25px);
  left: calc(50% - 25px);
  width: 50px;
  height: 50px;
  border-radius: 50%;
  border: 10px solid #273c43;
  border-left-color: transparent;
  animation: spin 2s ease-in-out infinite forwards;
}
@keyframes spin {
  0% {
    transform: rotate(0);
  }
  100% {
    transform: rotate(360deg);
  }
}
.category-icon {
  position: relative;
  width: 34px;
  height: 34px;
  text-align: center;
}
.category-icon--mr {
  margin-right: 10px;
}
.category-icon__img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: contain;
}
button {
  background-color: transparent;
  border: none;
}
.itemshop {
  z-index: 999;
}
.shop-content {
  display: flex;
  flex-direction: column;
  gap: 40px;
}
.shop-content__inner {
  display: flex;
  gap: 20px;
  width: 100%;
}
.shop-content__inner--column {
  flex-direction: column;
}
.shop-content__title {
  flex-shrink: 0;
  text-shadow: 1px 1px 1px #8c7a7a;
}
.shop-content__horizontal-title {
  clip-path: polygon(0 0, 100% 5%, 98% 96%, 1% 100%);
  background: linear-gradient(
    5deg,
    rgba(244, 209, 128, 1) 0%,
    rgba(244, 209, 128, 1) 25%,
    rgba(252, 219, 144, 1) 30%,
    rgba(252, 219, 144, 1) 100%
  );
  font-size: 40px;
  color: #fff;
  width: max-content;
  padding: 6px 18px;
  text-shadow: 1px 1px 1px #8c7a7a;
}
.shop-content__horizontal-title-v2 {
  background: linear-gradient(
    2deg,
    rgba(255, 114, 54, 1) 0%,
    rgba(255, 114, 54, 1) 30%,
    rgba(246, 109, 51, 1) 30%,
    rgba(246, 109, 51, 1) 100%
  );
}
.shop-content__cards {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
}
.shop-content__card {
  height: 310px;
  width: calc((100% - 100px) / 6);
}
.shop-content__card-img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: top;
}
.shop-content__slider {
  width: 100%;
  overflow: hidden;
}
.shop-content__slider .swiper-container {
  max-width: 100%;
}
.shop-content__slider .swiper-wrapper {
  display: flex;
}
.shop-countdown {
  display: flex;
  align-items: center;
}
.shop-countdown .shop-countdown__time {
  font-size: 48px;
  padding: 0 4px;
}
#guide {
  width: 100%;
}
.guide-content h1 {
  font-size: 48px;
  text-align: center;
  margin-bottom: 1em;
}
.guide-content h2 {
  font-size: 24px;
  margin: 2rem 0 1.5rem;
}
.guide-content p {
  font-size: 18px;
}
.guide-content ul {
  list-style-type: square;
}
.guide-content ol {
  list-style-type: decimal;
}
#guide-content ul,
#guide-content ol {
  list-style-position: inside;
  padding: 0.5rem 1.5rem 2rem;
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  letter-spacing: 0.015rem;
  font-size: 1.05rem;
}
#guide-content img {
  max-width: 100%;
  height: auto;
  object-fit: contain;
}
#guide-content a {
  text-decoration: underline;
}
.guide-toc {
  margin-bottom: 20px;
}
.guide-toc__title {
  font-size: 18px;
  margin: 0 0 20px 0;
}
.guide-toc__list {
  width: max-content;
  padding: 5px 45px 5px;
  background: #f6f6f6;
  display: flex;
  flex-direction: column;
  gap: 6px;
  color: #000;
  font-family: monospace;
  font-size: 14px;
  font-weight: 400;
  list-style: decimal;
}
.guide-toc__link {
  color: inherit;
  transition: opacity 0.2s;
  text-decoration: none;
}
.guide-toc__link:hover {
  opacity: 0.6;
}
.guide-related {
  padding: 40px 0;
  margin: 40px 0 80px;
}
.guide-related__title {
  margin-bottom: 2rem;
  font-size: 48px;
  color: #fff;
  text-transform: uppercase;
  padding: 1rem 2rem;
  background-color: #92daf4;
  -webkit-clip-path: polygon(0 0, 98% 2%, 100% 94%, 2% 100%);
  clip-path: polygon(0 0, 98% 2%, 100% 94%, 2% 100%);
  text-shadow: 1px 1px 1px #44424288;
}
.guide-related__list {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 30px;
  position: relative;
}
.guide-related__list::before {
  content: "";
  position: absolute;
  top: -100px;
  left: -100px;
  width: calc(100% + 200px);
  height: calc(100% + 200px);
  z-index: -1;
  background-color: #b7dce9;
  -webkit-clip-path: polygon(0 0, 98% 2%, 100% 94%, 2% 100%);
  clip-path: polygon(0 0, 98% 2%, 100% 94%, 2% 100%);
}
.guide-related__item {
  width: calc((100% - 60px) / 3);
}
.guide-related__item-link {
  display: block;
  min-height: 300px;
  position: relative;
  transition: opacity 0.3s;
  border: 5px solid #fff;
}
.guide-related__item-link:hover {
  opacity: 0.5;
}
.guide-related__item-img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: top;
}
.guide-related__item-title {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 20px 10px;
  background: linear-gradient(
    0deg,
    rgba(0, 0, 0, 1) 0%,
    rgba(157, 177, 176, 0.05) 100%
  );
  color: #fff;
  font-size: 18px;
}
.combo-card {
  min-height: 490px;
  background: url(../images/combo-bg.png)
    no-repeat left 40px / cover;
  display: flex;
  flex-direction: column;
  position: relative;
  flex-grow: 1;
}
.combo-card::before {
  content: "";
  display: block;
  width: 100%;
  padding-bottom: 140%;
}
.combo-card__link {
  position: absolute;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
}
.combo-card a {
  transition: transform 0.3s;
}
.combo-card a:hover {
  transform: scale(1.05);
}
.combo-card__main-img {
  display: block;
  position: relative;
  aspect-ratio: 1/0.95;
  width: 75%;
  margin: 0 auto;
  flex-shrink: 0;
}
.combo-card__main-img img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: bottom;
  border: none;
}
.combo-card__assets {
  display: flex;
  gap: 20px;
  position: relative;
  z-index: 1;
  width: calc(100% - 24px);
  padding: 0 5%;
  aspect-ratio: 3.65/1;
  margin: -15px auto 12px;
  background: url(../images/combo-assets-bg.png)
    no-repeat center/contain;
}
.combo-card__asset {
  width: 30%;
  aspect-ratio: 1/1;
  position: relative;
  flex-shrink: 0;
}
.combo-card__asset img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: contain;
  filter: drop-shadow(3px 3px 2px rgba(0, 0, 0, 0.5));
  border: none;
}
.combo-card__info {
  display: flex;
  flex-direction: column;
  padding: 0 20px 30px;
  color: #fff;
  text-align: center;
  font-weight: 400;
  height: 100%;
}
.combo-card__title {
  font-size: 24px;
  text-transform: uppercase;
  margin-bottom: 12px;
}
.combo-card__title span {
  color: #f1d72d;
}
.combo-card__descr {
  font-size: 12px;
  font-family: "Ubuntu", sans-serif;
  margin-bottom: 20px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  line-height: 1.4;
  max-height: 2.8em;
}
.combo-card__info-bottom {
  margin-top: auto;
  display: flex;
  gap: 20px;
  justify-content: space-between;
  align-items: center;
}
.combo-card__author {
  font-size: 12px;
  color: #f1d72d;
}
.combo-card__price {
  min-width: 90px;
  aspect-ratio: 2/1;
  padding: 6px 8px 8px;
  background: url(../images/combo-price-bg.svg)
    no-repeat center/contain;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 4px;
  font-size: 12px;
  font-family: "Rajdhani", sans-serif;
}
.single-combo {
  flex-grow: 0;
}
.single-combo::before {
  padding-bottom: 5%;
}
.single-combo {
  width: 60%;
  margin: 0 auto;
}
.combo__like-wrapper {
  display: flex;
  flex-wrap: nowrap;
  gap: 10px;
}
.single-combo .combo-card__price {
  font-size: 24px;
  padding: 10px 34px 14px;
}
.single-combo .combo-card__author {
  font-size: 16px;
}
.combo__like-footer {
  margin-top: 35px;
}
@media screen and (max-width: 1024px) {
  .shop-content__card {
    width: calc((100% - 80px) / 5);
  }
  .combos__row .combo-card {
    width: calc(50% - 20px);
  }
  .combos__row .combo-card:nth-child(n + 3) {
    display: none;
  }
  .combo__skins-wrapper {
    gap: 30px;
  }
  .combo__skins-wrapper .combo-card {
    width: 60%;
    margin: 0 auto;
  }
}
@media screen and (max-width: 810px) {
  .shop-content__card {
    width: calc((100% - 60px) / 4);
  }
  .shop-content__horizontal-title {
    width: 100%;
  }
  .combo__skins-wrapper .combo-card {
    width: 100%;
  }
}
@media screen and (max-width: 480px) {
  .shop-content__inner {
    flex-direction: column;
  }
  .shop-content__slider {
    height: 268px;
  }
  .shop-content__cards {
    gap: 10px;
  }
  .shop-content__card {
    height: 220px;
    width: calc((100% - 10px) / 2);
  }
  .guide-related__title {
    font-size: calc(30px + 18 * (100vw - 320px) / 1120);
  }
  .guide-related__item {
    width: 100%;
  }
  .combos__row .combo-card:nth-child(n + 2) {
    display: none;
  }
  .combos__row .combo-card {
    width: 100%;
  }
  .single-combo,
  .combo__like-wrapper > div {
    width: 85%;
  }
}

.battle-p {
  background: #1e1e1e;
  position: relative;
}

.battle-p.loading::before {
  content: "";
  position: absolute;

  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
  background: rgba(0, 0, 0, 0.9);
  pointer-events: none;
}

.battle-p.loading::after {
  content: "";
  position: fixed;

  top: calc(50% - 20px);
  left: calc(50% - 20px);

  width: 40px;
  height: 40px;
  border-radius: 50%;
  border: 12px solid #ffd600;
  border-top-color: transparent;
  z-index: 3;

  animation: spin-l 2s ease-in-out infinite;
}

@keyframes spin-l {
  0% {
    transform: rotate(0);
  }

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

.battle-p-top {
  padding: 100px 20px 200px;
  display: flex;
  align-items: center;
  justify-content: center;
  clip-path: polygon(0 0, 100% 0, 100% 85%, 0% 100%);
}

.battle-p-top.load {
  background: url("../img/battlepass/hero-bg.jpg") no-repeat top left/cover;
}

.battle-p-title {
  font-size: 100px;
  line-height: 1.1;
  text-transform: uppercase;
  color: #fff;
}

.battle-p-title span {
  color: #ffd600;
}

.battle-p-season {
  padding: 90px 20px;
  display: flex;
  flex-direction: column;
}

.battle-p-season__text {
  margin: 50px auto 0;
  font-size: 50px;
  line-height: 1.1;
  text-transform: uppercase;
  color: #fff;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 16px;
}

.battle-p-season__text-time-start,
.battle-p-season__text-time-end {
  padding: 8px 16px;
  font-size: 18px;
  background-color: #ffd600;
  clip-path: polygon(0 0, 100% 4%, 97% 90%, 4% 100%);
  color: #1e1e1e;
}

.battle-p-season__text-time-start {
  margin-right: auto;
}

.battle-p-season__text-time-end {
  margin-left: auto;
}

.battle-p-select {
  margin: -225px auto 0;
  max-width: 720px;
  width: 100%;
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
}

.battle-p-select__title {
  width: max-content;
  margin: 0 auto -12px;
  text-transform: uppercase;
  font-size: 24px;
  padding: 16px 22px;
  color: #273550;
  clip-path: polygon(3% 0, 98% 3%, 100% 100%, 0px 96%);
  background-color: #ffd600;
  position: relative;
  z-index: -1;
}

.battle-p-select__list {
  padding: 24px 56px;
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 16px;
  font-size: 16px;
  position: relative;
  text-transform: uppercase;
  font-family: "Ubuntu";
}

.battle-p-select__list::before {
  content: "";
  width: calc(100% + 8px);
  height: calc(100% + 8px);
  position: absolute;
  top: -4px;
  left: -4px;
  background-color: #ff6f3f;
  z-index: -1;
  clip-path: polygon(
    0.15% 0.85%,
    100% 0,
    99.72% 37.15%,
    94.6% 32%,
    99.59% 49%,
    99.24% 100%,
    80% 99%,
    72.06% 93.15%,
    75.65% 100.74%,
    26% 100%,
    28.9% 90.82%,
    22% 100%,
    2.04% 100%,
    1.05% 38.53%,
    3.17% 22.59%,
    0.65% 27.74%
  );
}

.battle-p-select__chapter {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 12px;
}

.battle-p-select__chapter-seasons {
  display: flex;
  flex-direction: column;
  gap: 12px;
  max-height: 0;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s, max-height 0.3s, visibility 0.3s;
}

.battle-p-select__chapter-seasons.open {
  max-height: 500px;
  opacity: 1;
  visibility: visible;
}

.battle-p-select__btn {
  text-align: center;
  font-weight: 700;
  padding: 12px 24px;
  background-color: #2c3b42;
  color: #fff;
  clip-path: polygon(0px 0px, 100% 3.5%, 94% 100%, 3.5% 100%);
  cursor: pointer;
  transition: clip-path 0.3s;
  text-transform: uppercase;
}

.battle-p-select__btn--chapter {
  padding: 16px 36px;
  clip-path: polygon(3% 0px, 96% 3.5%, 99% 100%, 0.5% 100%);
}

.battle-p-select__btn:not(.current):hover {
  clip-path: polygon(0px 0px, 100% 0, 100% 100%, 0% 100%);
}

.battle-p-select__btn.current {
  pointer-events: none;
  opacity: 0.8;
  cursor: default;
}

.battle-p-select__show-more {
  width: max-content;
  padding: 12px 24px;
  font-family: "Ubuntu";
  font-size: 18px;
  font-weight: 700;
  color: #fff;
  background-color: #5ac0f8;
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translate(-50%, 50%);
  display: flex;
  gap: 8px;
  align-items: center;
  cursor: pointer;
  clip-path: polygon(0px 0px, 100% 3.5%, 94% 100%, 3.5% 100%);
}

.battle-p-select__show-more.hide {
  display: none;
}

.battle-p-content {
  padding: 90px 0 100px;
  background-color: #472a84;
  clip-path: polygon(0px 0px, 100% 0.5%, 100% 100%, 0px 100%);
}

.battle-p-list {
  display: flex;
  flex-direction: column;
  gap: 40px;
}

.battle-p-list__item-title {
  width: max-content;
  margin-bottom: 40px;
  font-size: 40px;
  text-transform: uppercase;
  padding: 12px 20px;
  color: #fff;
  background-color: #a458e4;
  clip-path: polygon(0 0, 100% 4%, 98% 98%, 2% 100%);
}

.battle-p-list__item-rewards {
  display: flex;
  flex-wrap: wrap;
  gap: 40px;
}

.reward {
  width: calc((100% - 80px) / 3);
  display: flex;
}

.reward .e-skin__block {
  max-width: 100%;
}

.reward .e-skin__block-right {
  align-items: flex-start;
}

.reward .e-skin__block-right::before {
  top: -8px;
  right: 8px;
  width: calc(100% + 16px);
  height: calc(100% + 16px);
  clip-path: none;
}

.reward .e-skin__block-name {
  overflow: hidden;
  text-overflow: ellipsis;
  padding-right: 14px;
  white-space: nowrap;
}

@media screen and (max-width: 1024px) {
  .battle-p-content {
    clip-path: polygon(0px 0px, 100% 0.15%, 100% 100%, 0px 100%);
  }

  .reward {
    width: calc((100% - 40px) / 2);
  }
}

@media screen and (max-width: 480px) {
  .battle-p-title {
    font-size: 42px;
  }

  .battle-p-season {
    padding: 60px 20px;
  }

  .battle-p-season__text {
    font-size: 34px;
  }

  .battle-p-content {
    clip-path: polygon(0px 0px, 100% 0.05%, 100% 100%, 0px 100%);
  }

  .battle-p-select__title {
    font-size: 22px;
    padding: 12px 22px 20px;
  }

  .battle-p-select__list {
    padding: 24px;
  }

  .battle-p-list__item-title {
    font-size: 28px;
  }

  .battle-p-select__btn {
    font-size: 12px;
    padding: 12px;
  }

  .battle-p-select__btn--chapter {
    padding: 12px 24px;
    font-size: 14px;
  }

  .reward {
    width: 100%;
  }
}

@media screen and (max-width: 360px) {
  .battle-p-title {
    font-size: 34px;
  }
}

body {
  --wp--preset--color--black: #000000;
  --wp--preset--color--cyan-bluish-gray: #abb8c3;
  --wp--preset--color--white: #ffffff;
  --wp--preset--color--pale-pink: #f78da7;
  --wp--preset--color--vivid-red: #cf2e2e;
  --wp--preset--color--luminous-vivid-orange: #ff6900;
  --wp--preset--color--luminous-vivid-amber: #fcb900;
  --wp--preset--color--light-green-cyan: #7bdcb5;
  --wp--preset--color--vivid-green-cyan: #00d084;
  --wp--preset--color--pale-cyan-blue: #8ed1fc;
  --wp--preset--color--vivid-cyan-blue: #0693e3;
  --wp--preset--color--vivid-purple: #9b51e0;
  --wp--preset--gradient--vivid-cyan-blue-to-vivid-purple: linear-gradient(
    135deg,
    rgba(6, 147, 227, 1) 0%,
    rgb(155, 81, 224) 100%
  );
  --wp--preset--gradient--light-green-cyan-to-vivid-green-cyan: linear-gradient(
    135deg,
    rgb(122, 220, 180) 0%,
    rgb(0, 208, 130) 100%
  );
  --wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange: linear-gradient(
    135deg,
    rgba(252, 185, 0, 1) 0%,
    rgba(255, 105, 0, 1) 100%
  );
  --wp--preset--gradient--luminous-vivid-orange-to-vivid-red: linear-gradient(
    135deg,
    rgba(255, 105, 0, 1) 0%,
    rgb(207, 46, 46) 100%
  );
  --wp--preset--gradient--very-light-gray-to-cyan-bluish-gray: linear-gradient(
    135deg,
    rgb(238, 238, 238) 0%,
    rgb(169, 184, 195) 100%
  );
  --wp--preset--gradient--cool-to-warm-spectrum: linear-gradient(
    135deg,
    rgb(74, 234, 220) 0%,
    rgb(151, 120, 209) 20%,
    rgb(207, 42, 186) 40%,
    rgb(238, 44, 130) 60%,
    rgb(251, 105, 98) 80%,
    rgb(254, 248, 76) 100%
  );
  --wp--preset--gradient--blush-light-purple: linear-gradient(
    135deg,
    rgb(255, 206, 236) 0%,
    rgb(152, 150, 240) 100%
  );
  --wp--preset--gradient--blush-bordeaux: linear-gradient(
    135deg,
    rgb(254, 205, 165) 0%,
    rgb(254, 45, 45) 50%,
    rgb(107, 0, 62) 100%
  );
  --wp--preset--gradient--luminous-dusk: linear-gradient(
    135deg,
    rgb(255, 203, 112) 0%,
    rgb(199, 81, 192) 50%,
    rgb(65, 88, 208) 100%
  );
  --wp--preset--gradient--pale-ocean: linear-gradient(
    135deg,
    rgb(255, 245, 203) 0%,
    rgb(182, 227, 212) 50%,
    rgb(51, 167, 181) 100%
  );
  --wp--preset--gradient--electric-grass: linear-gradient(
    135deg,
    rgb(202, 248, 128) 0%,
    rgb(113, 206, 126) 100%
  );
  --wp--preset--gradient--midnight: linear-gradient(
    135deg,
    rgb(2, 3, 129) 0%,
    rgb(40, 116, 252) 100%
  );
  --wp--preset--duotone--dark-grayscale: url("#wp-duotone-dark-grayscale");
  --wp--preset--duotone--grayscale: url("#wp-duotone-grayscale");
  --wp--preset--duotone--purple-yellow: url("#wp-duotone-purple-yellow");
  --wp--preset--duotone--blue-red: url("#wp-duotone-blue-red");
  --wp--preset--duotone--midnight: url("#wp-duotone-midnight");
  --wp--preset--duotone--magenta-yellow: url("#wp-duotone-magenta-yellow");
  --wp--preset--duotone--purple-green: url("#wp-duotone-purple-green");
  --wp--preset--duotone--blue-orange: url("#wp-duotone-blue-orange");
  --wp--preset--font-size--small: 13px;
  --wp--preset--font-size--medium: 20px;
  --wp--preset--font-size--large: 36px;
  --wp--preset--font-size--x-large: 42px;
  --wp--preset--spacing--20: 0.44rem;
  --wp--preset--spacing--30: 0.67rem;
  --wp--preset--spacing--40: 1rem;
  --wp--preset--spacing--50: 1.5rem;
  --wp--preset--spacing--60: 2.25rem;
  --wp--preset--spacing--70: 3.38rem;
  --wp--preset--spacing--80: 5.06rem;
}

:where(.is-layout-flex) {
  gap: 0.5em;
}

body .is-layout-flow > .alignleft {
  float: left;
  margin-inline-start: 0;
  margin-inline-end: 2em;
}

body .is-layout-flow > .alignright {
  float: right;
  margin-inline-start: 2em;
  margin-inline-end: 0;
}

body .is-layout-flow > .aligncenter {
  margin-left: auto !important;
  margin-right: auto !important;
}

body .is-layout-constrained > .alignleft {
  float: left;
  margin-inline-start: 0;
  margin-inline-end: 2em;
}

body .is-layout-constrained > .alignright {
  float: right;
  margin-inline-start: 2em;
  margin-inline-end: 0;
}

body .is-layout-constrained > .aligncenter {
  margin-left: auto !important;
  margin-right: auto !important;
}

body
  .is-layout-constrained
  > :where(:not(.alignleft):not(.alignright):not(.alignfull)) {
  max-width: var(--wp--style--global--content-size);
  margin-left: auto !important;
  margin-right: auto !important;
}

body .is-layout-constrained > .alignwide {
  max-width: var(--wp--style--global--wide-size);
}

body .is-layout-flex {
  display: flex;
}

body .is-layout-flex {
  flex-wrap: wrap;
  align-items: center;
}

body .is-layout-flex > * {
  margin: 0;
}

:where(.wp-block-columns.is-layout-flex) {
  gap: 2em;
}

.has-black-color {
  color: var(--wp--preset--color--black) !important;
}

.has-cyan-bluish-gray-color {
  color: var(--wp--preset--color--cyan-bluish-gray) !important;
}

.has-white-color {
  color: var(--wp--preset--color--white) !important;
}

.has-pale-pink-color {
  color: var(--wp--preset--color--pale-pink) !important;
}

.has-vivid-red-color {
  color: var(--wp--preset--color--vivid-red) !important;
}

.has-luminous-vivid-orange-color {
  color: var(--wp--preset--color--luminous-vivid-orange) !important;
}

.has-luminous-vivid-amber-color {
  color: var(--wp--preset--color--luminous-vivid-amber) !important;
}

.has-light-green-cyan-color {
  color: var(--wp--preset--color--light-green-cyan) !important;
}

.has-vivid-green-cyan-color {
  color: var(--wp--preset--color--vivid-green-cyan) !important;
}

.has-pale-cyan-blue-color {
  color: var(--wp--preset--color--pale-cyan-blue) !important;
}

.has-vivid-cyan-blue-color {
  color: var(--wp--preset--color--vivid-cyan-blue) !important;
}

.has-vivid-purple-color {
  color: var(--wp--preset--color--vivid-purple) !important;
}

.has-black-background-color {
  background-color: var(--wp--preset--color--black) !important;
}

.has-cyan-bluish-gray-background-color {
  background-color: var(--wp--preset--color--cyan-bluish-gray) !important;
}

.has-white-background-color {
  background-color: var(--wp--preset--color--white) !important;
}

.has-pale-pink-background-color {
  background-color: var(--wp--preset--color--pale-pink) !important;
}

.has-vivid-red-background-color {
  background-color: var(--wp--preset--color--vivid-red) !important;
}

.has-luminous-vivid-orange-background-color {
  background-color: var(--wp--preset--color--luminous-vivid-orange) !important;
}

.has-luminous-vivid-amber-background-color {
  background-color: var(--wp--preset--color--luminous-vivid-amber) !important;
}

.has-light-green-cyan-background-color {
  background-color: var(--wp--preset--color--light-green-cyan) !important;
}

.has-vivid-green-cyan-background-color {
  background-color: var(--wp--preset--color--vivid-green-cyan) !important;
}

.has-pale-cyan-blue-background-color {
  background-color: var(--wp--preset--color--pale-cyan-blue) !important;
}

.has-vivid-cyan-blue-background-color {
  background-color: var(--wp--preset--color--vivid-cyan-blue) !important;
}

.has-vivid-purple-background-color {
  background-color: var(--wp--preset--color--vivid-purple) !important;
}

.has-black-border-color {
  border-color: var(--wp--preset--color--black) !important;
}

.has-cyan-bluish-gray-border-color {
  border-color: var(--wp--preset--color--cyan-bluish-gray) !important;
}

.has-white-border-color {
  border-color: var(--wp--preset--color--white) !important;
}

.has-pale-pink-border-color {
  border-color: var(--wp--preset--color--pale-pink) !important;
}

.has-vivid-red-border-color {
  border-color: var(--wp--preset--color--vivid-red) !important;
}

.has-luminous-vivid-orange-border-color {
  border-color: var(--wp--preset--color--luminous-vivid-orange) !important;
}

.has-luminous-vivid-amber-border-color {
  border-color: var(--wp--preset--color--luminous-vivid-amber) !important;
}

.has-light-green-cyan-border-color {
  border-color: var(--wp--preset--color--light-green-cyan) !important;
}

.has-vivid-green-cyan-border-color {
  border-color: var(--wp--preset--color--vivid-green-cyan) !important;
}

.has-pale-cyan-blue-border-color {
  border-color: var(--wp--preset--color--pale-cyan-blue) !important;
}

.has-vivid-cyan-blue-border-color {
  border-color: var(--wp--preset--color--vivid-cyan-blue) !important;
}

.has-vivid-purple-border-color {
  border-color: var(--wp--preset--color--vivid-purple) !important;
}

.has-vivid-cyan-blue-to-vivid-purple-gradient-background {
  background: var(
    --wp--preset--gradient--vivid-cyan-blue-to-vivid-purple
  ) !important;
}

.has-light-green-cyan-to-vivid-green-cyan-gradient-background {
  background: var(
    --wp--preset--gradient--light-green-cyan-to-vivid-green-cyan
  ) !important;
}

.has-luminous-vivid-amber-to-luminous-vivid-orange-gradient-background {
  background: var(
    --wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange
  ) !important;
}

.has-luminous-vivid-orange-to-vivid-red-gradient-background {
  background: var(
    --wp--preset--gradient--luminous-vivid-orange-to-vivid-red
  ) !important;
}

.has-very-light-gray-to-cyan-bluish-gray-gradient-background {
  background: var(
    --wp--preset--gradient--very-light-gray-to-cyan-bluish-gray
  ) !important;
}

.has-cool-to-warm-spectrum-gradient-background {
  background: var(--wp--preset--gradient--cool-to-warm-spectrum) !important;
}

.has-blush-light-purple-gradient-background {
  background: var(--wp--preset--gradient--blush-light-purple) !important;
}

.has-blush-bordeaux-gradient-background {
  background: var(--wp--preset--gradient--blush-bordeaux) !important;
}

.has-luminous-dusk-gradient-background {
  background: var(--wp--preset--gradient--luminous-dusk) !important;
}

.has-pale-ocean-gradient-background {
  background: var(--wp--preset--gradient--pale-ocean) !important;
}

.has-electric-grass-gradient-background {
  background: var(--wp--preset--gradient--electric-grass) !important;
}

.has-midnight-gradient-background {
  background: var(--wp--preset--gradient--midnight) !important;
}

.has-small-font-size {
  font-size: var(--wp--preset--font-size--small) !important;
}

.has-medium-font-size {
  font-size: var(--wp--preset--font-size--medium) !important;
}

.has-large-font-size {
  font-size: var(--wp--preset--font-size--large) !important;
}

.has-x-large-font-size {
  font-size: var(--wp--preset--font-size--x-large) !important;
}

.wp-block-navigation a:where(:not(.wp-element-button)) {
  color: inherit;
}

:where(.wp-block-columns.is-layout-flex) {
  gap: 2em;
}

.wp-block-pullquote {
  font-size: 1.5em;
  line-height: 1.6;
}

.header__nav-link {
  color: #fff !important;
}

.header {
  overflow: initial;
}

.header__nav-link {
  cursor: pointer;
}

@media screen and (max-width: 767px) {
  #nn_mobile1 {
  }

  #nn_lb1 {
    display: none;
  }
}

@media screen and (min-width: 767px) {
  #nn_mobile1,
  #nn_mobile2 {
    display: none;
  }

  #nn_lb1 {
  }
}

.rating_form_wrap,
.rating_form {
  height: 30px !important;
  color: #fff;
  font-size: 18px;
  font-weight: bold;
  font-family: "Ubuntu", sans-serif;
}

.rating_form_1 .rating_form .up_rated_txt,
.rating_form_1 .rating_form .down_rated_txt {
  background-color: unset !important;
  color: #fff !important;
  padding-left: 3px;
  font-size: 18px !important;
  font-family: "Ubuntu", sans-serif;
  font-weight: bold;
  margin-top: -3px;
  margin-left: 1px;
}

.rating_form_1 .rating_form .up_rated,
.rating_form_1 .rating_form .down_rated {
  color: #fff !important;
}

.rating_form_1 .rating_form .up_rated:hover {
  color: #a0d468 !important;
}

.rating_form_1 .rating_form .down_rated:hover {
  color: #da4453 !important;
}

.cyto-thumbs-down:before {
  content: "" !important;
  font-family: "iconFont", sans-serif !important;
  -webkit-font-smoothing: antialiased !important;
  -moz-osx-font-smoothing: grayscale !important;
  font-style: normal !important;
  font-variant: normal !important;
  font-weight: normal !important;
  text-decoration: none !important;
  text-transform: none !important;
}

.cyto-thumbs-up:before {
  content: "" !important;
  font-family: "iconFont", sans-serif !important;
  -webkit-font-smoothing: antialiased !important;
  -moz-osx-font-smoothing: grayscale !important;
  font-style: normal !important;
  font-variant: normal !important;
  font-weight: normal !important;
  text-decoration: none !important;
  text-transform: none !important;
}

.rating_form .user_rating {
  height: 30px !important;
}

.rating_form_1 .rating_form .item {
  font-size: 17px !important;
  padding-top: 3px !important;
  min-height: unset !important;
  padding-right: 0px !important;
}

.rating_form_1 .rating_form .down_rated {
  padding-top: 8px !important;
  padding-left: 6px !important;
  padding-right: 0px !important;
}

.rf_rating_rs .rated {
  position: absolute !important;
  width: 140px !important;
  margin-left: -42px !important;
  text-align: center !important;
}

.rating_form_1 .def {
  font-size: 14px !important;
}

.down_rated .tooltip {
  left: -16px !important;
}

@media only screen and (max-width: 600px) {
  .rating_form_1 .rating_form .item,
  .rating_form_1 .rating_form .up_rated_txt,
  .rating_form_1 .rating_form .down_rated_txt {
    font-size: 14px !important;
  }

  .rating_form_1 .rating_form .up_rated_txt,
  .rating_form_1 .rating_form .down_rated_txt {
    margin-top: 2px;
  }

  .rating_form_1 .rating_form .item {
    padding-top: 7px !important;
  }

  .rating_form_1 .def {
    font-size: 11px !important;
  }

  .rf_rating_rs .rated {
    width: 110px !important;
  }
}

/* change top background for each rarity*/
/*rarity box meta */
.skin__main-header-info > a:nth-of-type(2) {
  background-color: unset;
}

.skin__main-header-info > a:nth-of-type(2):before {
  background-color: unset;
}

.skin__main-header-info a,
.skin__main-header-info span {
  color: #fff !important;
}

.skin__main-image {
  background-image: -webkit-radial-gradient(#868686, #3e3e3e);
  background-image: -o-radial-gradient(#868686, #3e3e3e);
  background-image: radial-gradient(#868686, #3e3e3e);
}

.skin__main-image:before {
  background-color: unset;
}

.skin__main-header-info {
  background-color: #0aa4db;
}

.skin__main-header-info:before {
  background-color: #008ec1;
}

.skin--main .section-resize--1 .section-resize-bg {
  background-color: #1362a3;
}

.skin--main .section-resize--1 .section-resize-bg span,
.skin--main .section-resize--1 .section-resize-bg:after,
.skin--main .section-resize--1 .section-resize-bg:before {
  background-color: #1a5586;
}

.rate-wrapper {
  position: relative;
  display: flex;
  position: absolute;
  width: 100%;
  justify-content: space-around;
}

.skin__main-rate {
  display: flex;
  align-items: center;
  position: relative;
}

.skin__main-rate-like,
.skin__main-rate-dislike {
  color: #fff;
  font-size: 17px;
  cursor: pointer;
}

.skin__main-rate-like:hover {
  color: #a0d468 !important;
}

.skin__main-rate-dislike:hover {
  color: #da4453 !important;
}

.skin__main-rate-like::before {
  content: "" !important;
  font-family: "iconFont", sans-serif !important;
  -webkit-font-smoothing: antialiased !important;
  -moz-osx-font-smoothing: grayscale !important;
  font-style: normal !important;
  font-variant: normal !important;
  font-weight: normal !important;
  text-decoration: none !important;
  text-transform: none !important;
}

.skin__main-rate-dislike::before {
  content: "" !important;
  font-family: "iconFont", sans-serif !important;
  -webkit-font-smoothing: antialiased !important;
  -moz-osx-font-smoothing: grayscale !important;
  font-style: normal !important;
  font-variant: normal !important;
  font-weight: normal !important;
  text-decoration: none !important;
  text-transform: none !important;
}

.skin__main-span {
  background-color: unset !important;
  color: #fff !important;
  padding-left: 3px;
  font-size: 18px !important;
  font-family: "Ubuntu", sans-serif;
  font-weight: bold;
  margin-top: -3px;
  padding: 7px 5px;
  margin: 0 5px 0 0;
  margin-left: 1px;
}

.skin__tooltip-like,
.skin__tooltip-dislike {
  position: absolute;
  font-size: 15px;
  color: #fff !important;
  background: #000;
  border-radius: 5px;
  padding: 5px;
  top: -32px;
  display: none;
}

.skin__tooltip-like {
  left: -8px;
}

.skin__tooltip-dislike {
  left: -16px;
}

.skin__tooltip-like::after,
.skin__tooltip-dislike::after {
  content: "";
  border: 10px solid transparent;
  border-top: 7px solid black;
  position: absolute;
  top: 30px;
  left: 50%;
  transform: translateX(-50%);
}

.dislike:hover .skin__tooltip-dislike {
  display: block;
}

.like:hover .skin__tooltip-like {
  display: block;
}

.rate__modal {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  background-color: #faf190;
  color: #716d1a;
  font-size: 14px;
  text-align: center;
  padding: 3px 5px;
  border-radius: 5px;
  display: none;
}

.home--browse .home__wrapper-2 {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding-bottom: 25px;
  padding-top: 0;
}

.combos__header {
  background-color: #617fc5;
}

.combos__bg-bottom {
  background-color: #435788;
}

.combos__bg-bottom:before {
  background-color: #546faf;
}

.combos__bg-top {
  background-color: #546faf;
}

.guides__bg-top:before {
  background-color: #546faf;
}

.combos__box-left {
  padding-left: 25px;
  padding-right: 25px;
}

.combos__box-title {
  top: 0;
  max-width: 100%;
  height: 60px;
}

.combos__box-left .e-skin__block-points {
  top: 10px;
}

@media screen and (max-width: 500px) {
  .combos__triangle img:nth-of-type(1),
  .combos__triangle img:nth-of-type(3) {
    display: none;
  }

  .combos__triangle img:nth-of-type(2) {
    top: 60px;
    right: 0%;
  }
}

.challenges {
  margin-bottom: 30px;
}

.challenges__wrapper .unlock {
  opacity: 0.7;
}

.challenges__block-wrapper .disable .challenges__block-name {
  color: #ffa2a2;
}

.shistory-btn {
  position: relative;
  padding-top: 25px;
  margin-top: 25px;
}

.challenges__block-left:after {
  width: 2px;
  background-color: #ffffff2e;
}

.challenges__title-bg span:nth-of-type(1) {
  background-color: #404a59;
}

.challenges__title-bg span:nth-of-type(2) {
  background-color: #697985;
}

.challenges__title-check {
  background-color: #22273894;
}

.challenges__title-right {
  margin-left: 10px;
}

.challenges__title-middle {
  margin-right: 12px;
}

.challenges__block-item {
  background-color: #00000040;
  border-radius: 5px;
}

.challenges__block-xp p {
  padding-top: 4px;
  font-weight: bold;
  text-align: center;
}

.challenges__block-battlestar > div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  margin-left: auto;
  margin-right: auto;
  background: #00000040;
  border-radius: 50%;
}

.challenges__block-battlestar p {
  padding-top: 3px;
  color: #fff;
  line-height: 1;
  font-size: 12px;
  font-family: ubuntu, sans-serif;
  text-align: center;
  font-weight: bold;
}

@media screen and (min-width: 1440px) {
  .challenges__title-name {
    font-size: 36px;
  }
}

@media screen and (min-width: 1440px) {
  .info__subtitle h2 {
    font-size: 60px;
  }

  .info__subtitle {
    min-height: 100px;
  }
}

@media screen and (max-width: 970px) {
  .seasons-list > div {
    min-width: 100% !important;
  }
}

@media screen and (max-width: 500px) {
  .challenges__title {
    min-height: 70px;
    padding-right: 0;
  }

  .challenges__title-name {
    font-size: calc(18px + 18 * (100vw - 320px) / 1120);
  }

  .challenges__title-middle img {
    -webkit-transform: scale(0.65);
    -ms-transform: scale(0.65);
    transform: scale(0.65);
  }

  .challenges__title-middle {
    margin-right: 7px !important;
  }

  .challenges__title-0 span:nth-of-type(2) {
    -webkit-clip-path: polygon(0.25% 0, 79% 0, 77% 98%, 1.25% 99%);
    clip-path: polygon(0.25% 0, 79% 0, 77% 98%, 1.25% 99%);
  }

  .challenges__block-left {
    width: 65px;
  }

  .challenges__block-middle {
    max-width: calc(100% - (60px + 65px));
  }

  .challenges__block-desc {
    display: none;
  }
}


.rating_form_wrap, .rating_form { height: 30px !important; color: #fff; font-size: 18px; font-weight: bold; font-family: 'Ubuntu', sans-serif; }
.rating_form_1 .rating_form .up_rated_txt, .rating_form_1 .rating_form .down_rated_txt { background-color: unset !important; color: #fff !important; padding-left: 3px; font-size: 18px !important; font-family: 'Ubuntu', sans-serif; font-weight: bold; margin-top: -3px; margin-left: 1px; }
.rating_form_1 .rating_form .up_rated, .rating_form_1 .rating_form .down_rated { color: #fff !important; }
.rating_form_1 .rating_form .up_rated:hover { color: #a0d468 !important; }
.rating_form_1 .rating_form .down_rated:hover { color: #da4453 !important; }
.cyto-thumbs-down:before { content: "" !important; font-family: "iconFont", sans-serif !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; font-style: normal !important; font-variant: normal !important; font-weight: normal !important; text-decoration: none !important; text-transform: none !important; }
.cyto-thumbs-up:before { content: "" !important; font-family: "iconFont", sans-serif !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; font-style: normal !important; font-variant: normal !important; font-weight: normal !important; text-decoration: none !important; text-transform: none !important; }
.rating_form .user_rating { height: 30px !important; }
.rating_form_1 .rating_form .item { font-size: 17px !important; padding-top: 3px !important; min-height: unset !important; padding-right: 0px !important; }
.rating_form_1 .rating_form .down_rated { padding-top: 8px !important; padding-left: 6px !important; padding-right: 0px !important; }
.rf_rating_rs .rated { position: absolute !important; width: 140px !important; margin-left: -42px !important; text-align: center !important; }
.rating_form_1 .def { font-size: 14px !important; }
.down_rated .tooltip { left: -16px !important; }
@media only screen and (max-width: 600px) {
 .rating_form_1 .rating_form .item, .rating_form_1 .rating_form .up_rated_txt, .rating_form_1 .rating_form .down_rated_txt { font-size: 14px !important; }
 .rating_form_1 .rating_form .up_rated_txt, .rating_form_1 .rating_form .down_rated_txt { margin-top: 2px; }
 .rating_form_1 .rating_form .item { padding-top: 7px !important; }
 .rating_form_1 .def { font-size: 11px !important; }
 .rf_rating_rs .rated { width: 110px !important; }
}

/* change top background for each rarity*/ /*rarity box meta */
.skin__main-header-info>a:nth-of-type(2) { background-color: unset; }

.skin__main-header-info a, .skin__main-header-info span { color: #fff !important; }
.skin__main-image { background-image: -webkit-radial-gradient(#868686, #3e3e3e); background-image: -o-radial-gradient(#868686, #3e3e3e); background-image: radial-gradient(#868686, #3e3e3e); }
.skin__main-image:before { background-color: unset; }
.skin__main-header-info{background-color:#09b958}
.skin__main-header-info:before{background-color:#00aa4c}
.skin--main .section-resize--1 .section-resize-bg{background-color:#08af53}
.skin--main .section-resize--1 .section-resize-bg span,.skin--main .section-resize--1 .section-resize-bg:after,.skin--main .section-resize--1 .section-resize-bg:before{background-color:#23bc68}
.rate-wrapper { position: relative; display: flex; position: absolute; width: 100%; justify-content: space-around; }
.skin__main-rate { display: flex; align-items: center; position: relative; }
.skin__main-rate-like:hover { color: #a0d468 !important; }
.skin__main-rate-dislike:hover { color: #da4453 !important; }
.skin__main-rate-like::before { content: "" !important; font-family: "iconFont", sans-serif !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; font-style: normal !important; font-variant: normal !important; font-weight: normal !important; text-decoration: none !important; text-transform: none !important; }
.skin__main-rate-dislike::before { content: "" !important; font-family: "iconFont", sans-serif !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; font-style: normal !important; font-variant: normal !important; font-weight: normal !important; text-decoration: none !important; text-transform: none !important; }
.skin__main-span { background-color: unset !important; color: #fff !important; padding-left: 3px; font-size: 18px !important; font-family: 'Ubuntu', sans-serif; font-weight: bold; margin-top: -3px; padding: 7px 5px; margin: 0 5px 0 0; margin-left: 1px; }
.skin__tooltip-like, .skin__tooltip-dislike { position: absolute; font-size: 15px; color: #fff !important; background: #000; border-radius: 5px; padding: 5px; top: -32px; display: none; }
.skin__tooltip-like { left: -8px; }
.skin__tooltip-dislike { left: -16px; }
.skin__tooltip-like::after, .skin__tooltip-dislike::after { content: ""; border: 10px solid transparent; border-top: 7px solid black; position: absolute; top: 30px; left: 50%; transform: translateX(-50%); }
.dislike:hover .skin__tooltip-dislike { display: block; }
.like:hover .skin__tooltip-like { display: block; }
.rate__modal { position: absolute; top: 50%; transform: translateY(-50%); background-color: #faf190; color: #716d1a; font-size: 14px; text-align: center; padding: 3px 5px; border-radius: 5px; display: none; }

.character a { color:#fff; } .character a:hover { color:#e1f7ff; }

.gallery-icon img{ width: 150px; height: 150px; object-fit: cover; border: 2px solid #cfcfcf !important; }
#gallery-1{margin:auto;} #gallery-1 .gallery-item{float:left;margin-top:10px;text-align:center;width:33%;} #gallery-1 img{border:2px solid #cfcfcf;} #gallery-1 .gallery-caption{margin-left:0;}

.skin__main-header-info>a:nth-of-type(2):before { background-color: unset; }
.skin__main-rate-like, .skin__main-rate-dislike { color: #fff; font-size: 17px; cursor: pointer; }
.skin__main-header-info{background-color:#bb2eea}
.skin__main-header-info:before{background-color:#ac00e6}
.skin--main .section-resize--1 .section-resize-bg{background-color:#7224b6}
.skin--main .section-resize--1 .section-resize-bg span,.skin--main .section-resize--1 .section-resize-bg:after,.skin--main .section-resize--1 .section-resize-bg:before{background-color:#681ca9}  



/* tokens */
.total-score.vote-down{ color: #da4453!important; }
.total-score.vote-up { color: #a0d468!important; }
@media only screen and (max-width: 900px) { .commentlist .children{ max-width: calc(100% - (30px)) !important; } }
.commentlist .children{ max-width: calc(100% - (90px)); margin-left: auto; }
#respond{ margin-top: 10px; }
.comments__messages-bottom .c-btn--bg { background-color: #daf0f8 !important; }
.comments__messages-bottom .c-btn { font-size: 14px !important; color: #375f74 !important; height: 30px !important; padding-left: 15px !important; padding-right: 15px !important; margin-left: 5px; }
.comments__messages-bottom .c-btn:hover { color:#607D8B !important; }
.already-voted { bottom: 9px; color: #99999952; font-size: 11px; position: absolute; width: 85px; text-align: center; }
.blu-comment-vote:hover { transition: 0.70s; -webkit-transition: 0.70s; -moz-transition: 0.70s; -ms-transition: 0.70s; -o-transition: 0.70s; -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -o-transform: rotate(360deg); -ms-transform: rotate(360deg); transform: rotate(360deg); }
.blu-comment-vote-up:hover { color:#a0d468; }
.blu-comment-vote-down:hover { color:#da4453; }
.commentlist-btn{ width: 130px; height:40px; background-color:#000; cursor: pointer; margin: 0 auto; color:#fff; display: flex; justify-content: center; align-items: center; }
@media screen and (max-width: 424px) { .user_reply { margin-bottom: 30px; } .user_reply .reply__row .c-form__btn { margin-right:0 !important; margin-bottom:10px; } .user_reply .reply__figure img:nth-of-type(5) { display: none; } .user_reply .reply__figure img:nth-of-type(2) { display: none; } }



/* history */
@media screen and (min-width: 991px) { .shop__update-right p, .shop__update-right h1 { font-size: 41px; } }
.stats__block-items { font-size: 11px; }


/* all */
.chsort.desc:after { width: 0; height: 0; border-left: 4px solid transparent; border-right: 4px solid transparent; border-bottom: 4px solid white; content: ""; position: relative; right: -4px; }
.chsort.asc:after { width: 0; height: 0; border-left: 4px solid transparent; border-right: 4px solid transparent; border-top: 4px solid white; content: ""; position: relative; top: 2px; right: -4px; }
.browse__block--grid, .browse__block--table { overflow: hidden; display: none; }
.browse__block--grid.is-active, .browse__block--table.is-active { display: block; }
.browse__box>img { height: 102% !important; }
.selectric-items{ display: none; position: absolute; top: 100%; left: 0px; background: rgb(248, 248, 248); border: 1px solid rgb(196, 196, 196); z-index: -1; box-shadow: 0px 0px 10px -6px; width: 165.828px; height: 302px; }
.selectric-input{ position: absolute!important; top: 0!important; left: 0!important; overflow: hidden!important; clip: rect(0,0,0,0)!important; margin: 0!important; padding: 0!important; width: 1px!important; height: 1px!important; outline: none!important; border: none!important; font: 0/0 a!important; background: none!important; }


/* combos */
.rating_form_4{ margin-left: 19%; }
 .rating_form_4 .rating_form .up_rated_txt, .rating_form_4 .rating_form .down_rated_txt { background-color: unset !important; color: #fff !important; padding-left: 3px; font-size: 18px !important; font-family: 'Ubuntu', sans-serif; font-weight: bold; margin-top: -3px; margin-left: 1px; }
 .rating_form_4 .rating_form .up_rated,.rating_form_4 .rating_form .down_rated{ color: #fff !important; }
 .rating_form_4 .rating_form .up_rated:hover { color:#a0d468 !important; }
 .rating_form_4 .rating_form .down_rated:hover { color:#da4453 !important; }
 .cyto-thumbs-down-2:before{ content: ""!important; font-family: "iconFont", sans-serif !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; font-style: normal !important; font-variant: normal !important; font-weight: normal !important; text-decoration: none !important; text-transform: none !important; }
 .cyto-thumbs-up-2:before{ content: "" !important; font-family: "iconFont", sans-serif !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; font-style: normal !important; font-variant: normal !important; font-weight: normal !important; text-decoration: none !important; text-transform: none !important; }
 .rating_form .user_rating{ height: 30px !important; }
 .rating_form_4 .rating_form .item { font-size: 17px !important; padding-top: 3px !important; min-height: unset !important; padding-right: 0px !important; }
 .rating_form_4 .rating_form .down_rated { padding-top: 8px !important; padding-left: 6px !important; padding-right: 0px !important; }
 .rf_rating_rs .rated{ position: absolute !important; width: 140px !important; margin-left: -23px !important; text-align: center !important; }
 .rating_form_4 .def{ font-size: 14px !important; }
 @media only screen and (max-width: 600px) { .rating_form_4 .rating_form .item, .rating_form_4 .rating_form .up_rated_txt, .rating_form_4 .rating_form .down_rated_txt { font-size: 14px !important; }
 .rating_form_4 .rating_form .up_rated_txt, .rating_form_4 .rating_form .down_rated_txt { margin-top: 2px; }
 .rating_form_4 .rating_form .item { padding-top: 7px !important; }
 .rating_form_4 .def { font-size: 11px !important; } }
.combos__box-title { top: 10px; }
.combos__box-left .e-skin__block-points { top: 15px; }
.combos__box-bottom { padding-top: 25px; }
.combos-featured .combos__box-img img { max-width: 132.5%; margin-left: -62px; }

/* similar combos */
.combo__like .combos__box-img, .combo__preview .combos__box-img { overflow: hidden; }
.featured_ico { padding-top: 50px; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: start; }
.combo__like .combos__box-left, .normal_ico { padding-top: 25px; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center;
}
.combo__like .combos__box-triangle img:nth-of-type(2) { top: 3%; }
.combo__like .combos__box-triangle img:nth-of-type(3) { top: 10%; }
.combo__like .combos__box-triangle img:nth-of-type(1) { display: unset !important; left: unset; right: -13px; top: 24px; }
.combo__like .combos__box-triangle img:nth-of-type(2) { top: 13%; right: unset; }
.combo__like .combos__box-triangle img:nth-of-type(3) { bottom: -20px; top: unset; }
.combo__like .combos__box-heading .combos__box-like i { font-size: 18px; margin-top: 5px; margin-right: 2px; }
.combo__like-triangle img:nth-of-type(1) { bottom: -10px; left: 5%; }
.combo__like-triangle img:nth-of-type(2) { bottom: -15px; right: 10%; left: unset; }
.combo__like-triangle img:nth-of-type(3) { top: 10px; right: -30px; bottom: unset; }
.rate-wrapper{ position: relative; display: flex; position: absolute; width: 100%; justify-content: space-around; }
.skin__main-rate{ display: flex; align-items: center; position: relative; }
.skin__main-rate-like, .skin__main-rate-dislike{ color: #fff; font-size: 17px; cursor: pointer; }
.skin__main-rate-like:hover{ color: #a0d468 !important; }
.skin__main-rate-dislike:hover{ color: #da4453 !important; }
.skin__main-rate-like::before{ content: "" !important; font-family: "iconFont", sans-serif !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; font-style: normal !important; font-variant: normal !important; font-weight: normal !important; text-decoration: none !important; text-transform: none !important;
}
.skin__main-rate-dislike::before{ content: ""!important; font-family: "iconFont", sans-serif !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; font-style: normal !important; font-variant: normal !important; font-weight: normal !important; text-decoration: none !important; text-transform: none !important;
}
.skin__main-span{ background-color: unset !important; color: #fff !important; padding-left: 3px; font-size: 18px !important; font-family: 'Ubuntu', sans-serif; font-weight: bold; margin-top: -3px; padding: 7px 5px; margin: 0 5px 0 0; margin-left: 1px;
}
.skin__tooltip-like, .skin__tooltip-dislike{ position: absolute; font-size: 15px; color: #fff !important; background: #000; border-radius: 5px; padding: 5px; top: -32px; display: none;
}
.skin__tooltip-like{ left: -8px; }
.skin__tooltip-dislike{ left: -16px; }
.skin__tooltip-like::after, .skin__tooltip-dislike::after{ content: ""; border: 10px solid transparent; border-top: 7px solid black; position: absolute; top: 30px; left: 50%; transform: translateX(-50%);
}
.dislike:hover .skin__tooltip-dislike{ display: block; }
.like:hover .skin__tooltip-like{ display: block; }
.rate__modal{ position: absolute; top: 50%; transform: translateY(-50%); background-color: #faf190; color: #716d1a; font-size: 14px; text-align: center; padding: 3px 5px; border-radius: 5px; display: none;
}




/* more */
.emotes__title span { color: rgb(254, 220, 0); }

/*common */
.emotes:before { background-image: -webkit-linear-gradient(49deg, #8f979e 0%, #8f979e 99%); background-image: -o-linear-gradient(49deg, #8f979e 0%, #8f979e 99%); background-image: linear-gradient(41deg, #8f979e 0%, #8f979e 99%);
}
/*epic */
.emotes:before { background-image: -webkit-linear-gradient(49deg, #b419e8 0%, #b419e8 99%); background-image: -o-linear-gradient(49deg, #b419e8 0%, #b419e8 99%); background-image: linear-gradient(41deg, #b419e8 0%, #b419e8 99%);
}
/*legendary */
.emotes:before { background-image: -webkit-linear-gradient(49deg, #dca01f 0%, #dca01f 99%); background-image: -o-linear-gradient(49deg, #dca01f 0%, #dca01f 99%); background-image: linear-gradient(41deg, #dca01f 0%, #dca01f 99%);
}
/*rare */
/*uncommon */
.emotes:before { background-image: -webkit-linear-gradient(49deg, #00aa4c 0%, #09b958 99%); background-image: -o-linear-gradient(49deg, #00aa4c 0%, #09b958 99%); background-image: linear-gradient(41deg, #00aa4c 0%, #09b958 99%);
}




/* maps */
.map-history-buttons { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between;
}
.map-history-buttons > div { width: 100%; max-width: calc(100% / 16); padding: 7px;
}
.map-history-buttons .btn { margin-bottom:20px; cursor:pointer; position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 100%; max-width: 100%; min-height: 45px; padding: 5px; -webkit-clip-path: polygon(0 0, 100% 5%, 97% 98%, 1% 100%); clip-path: polygon(0 0, 100% 5%, 97% 98%, 1% 100%); background-color: #273c43; color: #ffffff; border:none;
}
.map-history-buttons .btn:focus, .map-history-buttons .subbtn:focus { outline: none; background-color:#618491; color:#edefef;
}
.map-history-buttons .btn:focus:before, .map-history-buttons .subbtn:focus:before{ color:#edefef; background-color:#4d6f7b;
}
.map-history-buttons .btn:hover, .map-history-buttons .subbtn:hover { background-color:#1f4059;
}
.map-history-buttons .btn:hover, .map-history-buttons .subbtn:hover { background-color:#618491;
}
.map-history-buttons .btn:hover:before, .map-history-buttons .subbtn:hover:before { color:#edefef; background-color:#4d6f7b;
}
.map-history-buttons .btn:before, .map-history-buttons .subbtn:before { content: ''; z-index: 0; position: absolute; top: 0; left: 0; width: 100%; height: 100%; -webkit-clip-path: polygon(0 100%, 55% 70%, 100% 0, 100% 100%); clip-path: polygon(0 100%, 55% 70%, 100% 0, 100% 100%); background-color: #1f2f35;
}
.map-history-buttons span { z-index: 2; position: relative; line-height: 1; text-align: center; text-transform: uppercase; font-size: 16px; -webkit-transition: color 0.3s ease-in-out; -o-transition: color 0.3s ease-in-out; transition: color 0.3s ease-in-out;
}
.map-history-buttons span e { font-size:8px; display:block; font-weight:100; opacity:0.7;
}

/* sub buttons */
.map-history-buttons .subbtn { margin-bottom: 2px; cursor: pointer; position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 100%; max-width: 100%; min-height: 20px; padding: 5px; -webkit-clip-path: polygon(0 0, 100% 5%, 97% 98%, 1% 100%); clip-path: polygon(0 0, 100% 5%, 97% 98%, 1% 100%); background-color: #273c43; color: #ffffff; border: none;
}
.map-history-buttons .subbtn span { font-size: 13px;
}
.leaflet-container {	background: #263241 !important;
}
@media (min-width: 1px) and (max-width: 768px) { .map-history-buttons > div { max-width: calc(100% / 4); }
}
@media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) { .map-history-buttons > div { max-width: calc(100% / 8); }
}
.btnactive { outline: none; background-color:#618491 !important; color:#edefef !important;
}
.btnactive:before{ color:#edefef !important; background-color:#4d6f7b !important;
}


.skin-combos__title {
  position: relative;
  font-family: "Anton";
  padding: 16px 24px;
  font-size: 36px;
  clip-path: polygon(0 1%, 100% 0, 98% 100%, 0.85% 100%);
  display: flex;
  align-items: center;
  gap: 8px;
  background-color: #617fc5;
  color: #fff;
  margin-bottom: 40px;
}
.skin-combos__title::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 30%;
  height: 100%;
  z-index: -1;
  background-color: #4d71c5;
  clip-path: polygon(0 0, 100% 0, 100% 100%, 32% 100%, 21% 40%, 16% 61%);
}
.skin-combos__list-wrapper {
  display: flex;
  flex-direction: column;
  gap: 40px;
}
.skins-combos__show-more-btn {
  position: relative;
}
.skins-combos__show-more-btn.loading::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.6);
  pointer-events: none;
}
.skin-combos__list {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
}
.skin-combos__list-item {
  width: calc((100% - 20px) / 2);
}
.skins-combos__btn {
  margin: 0 auto;
  display: none;
}
.skins-combos__btn.visible {
  display: flex;
}
@media screen and (max-width: 480px) {
  .skin-combos__list-item {
    width: 100%;
  }
}


@import url(https://fonts.googleapis.com/css2?family=Montserrat:wght@100;200;300;400;500;600;700;800&display=swap);
.challenges__title-0 span:nth-of-type(2),
.challenges__title-1 span:nth-of-type(2) {
  -webkit-clip-path: polygon(0.25% 0, 85% 0, 83% 98%, 1.25% 99%) !important;
  clip-path: polygon(0.25% 0, 85% 0, 83% 98%, 1.25% 99%) !important;
}
.b-skin--default {
  border-color: #bebebe !important;
}
.b-skin--default:before {
  background-image: -webkit-radial-gradient(#bebebe, #848282);
  background-image: -o-radial-gradient(#bebebe, #848282);
  background-image: radial-gradient(#bebebe, #848282);
}
.item__slider-wrapper-0 .b-skin--default img {
  margin-bottom: 24%;
}
.b-skin__info p,
.b-skin__info h3,
.b-skin__info h4 {
  padding-bottom: 0px !important;
}
@media screen and (min-width: 1199px) {
  .item__slider-6,
  .item__slider-7,
  .item__slider-8 {
    margin-bottom: 11px !important;
  }
}
@media only screen and (max-width: 413px) and (min-width: 375px) {
  .rarity__btn-wrapper-0 .rarity__btn {
    margin-right: 12px !important;
    max-width: 133px !important;
  }
}
@media only screen and (max-width: 500px) and (min-width: 414px) {
  .rarity__btn-wrapper-0 .rarity__btn {
    max-width: 150px !important;
    margin-right: 15px !important;
  }
}
@media only screen and (max-width: 990px) and (min-width: 501px) {
  .rarity__btn-wrapper-0 .rarity__btn {
    margin-right: 10px !important;
  }
  .emotes__triangle img:nth-of-type(1),
  .emotes__triangle img:nth-of-type(3) {
    display: none;
  }
}
@media only screen and (max-width: 990px) {
  .rarity__btn-wrapper-1 {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .rarity__btn-wrapper-1 .rarity__btn {
    max-width: 100% !important;
    margin-right: 0 !important;
    margin-top: 7px !important;
    margin-left: 0 !important;
  }
}
@media screen and (max-width: 575px) {
  .skin__body {
    padding-left: 20px;
    padding-bottom: 15px;
  }
  .skin--main .skin__wrapper-0 {
    margin-bottom: 0px !important;
  }
}
@media screen and (max-width: 767px) {
  .item__triangle-img-1,
  .item__triangle-img-2,
  .item__triangle-img-3 {
    display: none;
  }
  .item__row-2 {
    -webkit-box-pack: center !important;
    -ms-flex-pack: center !important;
    justify-content: center !important;
    padding-right: 0px !important;
  }
}
@media screen and (min-width: 767px) {
  .h-rotation .shop__update {
    max-width: 420px !important;
  }
}
.skin__main-image img {
  width: 100%;
}
.skin__main-image {
  max-width: 100% !important;
}
@media only screen and (max-width: 1198px) and (min-width: 575px) {
  .skin--main .skin__body {
    padding-right: 15px !important;
  }
}
.header__search input {
  top: 0px !important;
  height: 43.98px !important;
  background-color: #fefefe !important;
  font-size: 20px !important;
  border-radius: 20px 0 0 20px !important;
  color: #2a2a2a !important;
}
.header__search input::-webkit-input-placeholder {
  color: #2a2a2a38;
  text-transform: uppercase;
  font-family: Anton;
  font-size: 20px;
}
.header__search input::-moz-placeholder {
  color: #2a2a2a38;
  text-transform: uppercase;
  font-family: Anton;
  font-size: 20px;
}
.header__search input:-ms-input-placeholder {
  color: #2a2a2a38;
  text-transform: uppercase;
  font-family: Anton;
  font-size: 20px;
}
.header__search input:-moz-placeholder {
  color: #2a2a2a38;
  text-transform: uppercase;
  font-family: Anton;
  font-size: 20px;
}
@media screen and (max-width: 1199px) {
  .header .header__search {
    padding-right: 15px;
    padding-left: 15px;
  }
  .header__search-btn {
    -webkit-clip-path: unset !important;
    clip-path: unset !important;
  }
  .header__search input {
    border-radius: 5px 0 0 5px !important;
  }
}
.emotes__wrapper {
  min-height: 450px !important;
}
.rarity {
  min-height: 285px !important;
}
.rarity__row-0 p {
  margin-left: 0px !important;
}
.rarity__btn-wrapper-1 {
  padding-left: 11px;
}
.rarity__title {
  margin-left: 10px !important;
}
.emotes__text b,
.emotes__text strong {
  font-weight: 700;
}
.rarity_btn_disable {
  cursor: not-allowed;
  opacity: 0.5;
}
@media only screen and (max-width: 1200px) {
  .emotes__figure img:nth-of-type(2),
  .emotes__figure img:nth-of-type(3) {
    display: none;
  }
}
.emotes__text span {
  text-shadow: -1px 3px 0 rgba(0, 0, 0, 0.16);
  text-transform: uppercase;
  font-weight: 700;
}
.emotes__text .legendary {
  color: #f5c96c;
}
.emotes__text .epic {
  color: #e9a7ff;
}
.emotes__text .rare {
  color: #7cd0ef;
}
.emotes__text .uncommon {
  color: #7ceaad;
}
.emotes__text .common {
  color: #bfbfbf;
}
.e-skin__block-points span {
  font-size: 16px;
}
.e-skin__block-points img {
  padding-right: 4px !important;
  margin-top: 1px !important;
}
.e-skin__block-points i {
  margin-right: 5px !important;
}
.latest__block:hover,
.latest__comment:hover {
  background: #edf9fd94;
  transition: all 0.4s ease;
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  -ms-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
}
.latest__block,
.latest__comment {
  padding-right: 3px;
  padding-left: 3px;
}
.top__block:hover > .top__block-content:before {
  background-color: #fcdb90;
  transition: all 0.4s ease;
  -webkit-transition: all 0.4s ease;
}
.latest__block:hover .latest__block-header span,
.top__block:hover .top__block-num span {
  transition: 0.7s;
  -webkit-transition: 0.7s;
  -moz-transition: 0.7s;
  -ms-transition: 0.7s;
  -o-transition: 0.7s;
  -webkit-transform: rotate(360deg);
  -moz-transform: rotate(360deg);
  -o-transform: rotate(360deg);
  -ms-transform: rotate(360deg);
  transform: rotate(360deg);
}
.e-skin__block-image img {
  object-fit: cover;
  object-position: center;
  width: 100%;
  height: 100%;
}
.e-skin__block-image {
  border: 4px solid #e6f3f8 !important;
}
.home--browse .e-skin__block-badge:before {
  background-color: #00000021 !important;
}
.b-skin img {
  max-width: 150% !important;
}
#item .e-skin__block-badge span {
  padding-left: 0px !important;
}
.b-skin__out {
  top: -70px;
  bottom: unset !important;
  left: 8px !important;
}
.set__block-body {
  padding-bottom: 0px !important;
}
.set__block-footer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  padding-right: 10%;
  padding-bottom: 43px;
}
.set__block-footer a {
  position: absolute;
  bottom: -16px;
  right: 6%;
}
.iconmargin {
  margin-right: 3px;
}
.set-promotion-ico {
  display: inline-block !important;
  margin-right: 5px !important;
  font-size: 14px !important;
}
.set-outfit-icon {
  width: 21px;
  border-radius: 50%;
}
.categories__block-name {
  display: flex;
  align-items: center;
  justify-content: center;
}
.categories__block-name i {
  margin-left: 15px;
  margin-right: 5px;
  padding-bottom: 2px;
  filter: brightness(0.25);
  -webkit-filter: brightness(0.25);
  min-width: 33px;
}
.skin__gallery-images {
  min-height: unset !important;
}
.skin__description ul {
  padding-left: 45px;
  line-height: 1.5;
  font-size: 16px;
  color: #273c43;
  font-family: "Ubuntu", sans-serif;
  margin-bottom: 20px;
}
.skin__description li {
  list-style-type: square;
}
.skin__description strong {
  font-weight: 700;
}
.skin__description-note a {
  white-space: nowrap;
  position: relative;
  font-weight: 700;
  color: #437698;
}
.skin__description-note a:focus,
.skin__description-note a:hover {
  background: -webkit-gradient(
    linear,
    left top,
    right top,
    from(#5c9ab0),
    to(#acdaea)
  );
  background: linear-gradient(to right, #5c9ab0, #acdaea);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  -webkit-box-decoration-break: clone;
  box-decoration-break: clone;
  text-shadow: none;
}
.skin__description-note a:after {
  content: "";
  height: 2px;
  background: -webkit-gradient(
    linear,
    left top,
    right top,
    from(#5c9ab0),
    to(#acdaea)
  );
  background: linear-gradient(to right, #5c9ab0, #acdaea);
  width: 100%;
  position: absolute;
  bottom: -2px;
  left: 0;
  border-radius: 2px;
}
.browse__box {
  padding: 3px !important;
}
.skin__history-block-daily {
  background-color: #1ac2fe !important;
}
.skin__history-block-daily:before {
  background-color: #119ccd !important;
}
.tlite {
  background: #111;
  color: #fff;
  font-family: sans-serif;
  font-size: 0.8rem;
  font-weight: 400;
  text-decoration: none;
  text-align: left;
  padding: 0.6em 0.75rem;
  border-radius: 4px;
  position: absolute;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.4s;
  white-space: nowrap;
  box-shadow: 0 0.5rem 1rem -0.5rem #000;
  z-index: 1000;
  -webkit-backface-visibility: hidden;
}
.tlite-table td,
.tlite-table th {
  position: relative;
}
.tlite-visible {
  visibility: visible;
  opacity: 0.9;
}
.tlite::before {
  content: " ";
  display: block;
  background: inherit;
  width: 10px;
  height: 10px;
  position: absolute;
  transform: rotate(45deg);
}
.tlite-n::before {
  top: -3px;
  left: 50%;
  margin-left: -5px;
}
.tlite-nw::before {
  top: -3px;
  left: 10px;
}
.tlite-ne::before {
  top: -3px;
  right: 10px;
}
.tlite-s::before {
  bottom: -3px;
  left: 50%;
  margin-left: -5px;
}
.tlite-se::before {
  bottom: -3px;
  right: 10px;
}
.tlite-sw::before {
  bottom: -3px;
  left: 10px;
}
.tlite-w::before {
  left: -3px;
  top: 50%;
  margin-top: -5px;
}
.tlite-e::before {
  right: -3px;
  top: 50%;
  margin-top: -5px;
}
.no-result {
  color: red;
  display: none;
  text-align: center;
}
@media only screen and (min-width: 1198px) {
  .header__nav-link--wrapper .header__nav-link:after {
    height: 0px !important;
  }
  .header__nav-link--wrapper > div {
    background-color: #313131 !important;
    border-radius: 0px !important;
    margin-top: 0px !important;
    border: unset !important;
    padding: 0px !important;
  }
  .header__nav-link--wrapper > div:before {
    content: "";
    border-top: 4px solid #ffd500 !important;
    -webkit-transition: height 0.2s ease-in-out;
    -o-transition: height 0.2s ease-in-out;
    transition: height 0.2s ease-in-out;
  }
  .header__nav-link--wrapper .dropdown-menu a {
    color: whitesmoke !important;
    margin-bottom: 0px !important;
  }
  .header__nav-link--wrapper .dropdown-menu .titlenolink,
  .header__nav-link--wrapper .dropdown-menu .titlenolink:hover {
    color: whitesmoke !important;
    margin-bottom: 0px !important;
    border-left: 5px solid #ffd500;
    cursor: default;
    background-color: #272727 !important;
  }
  .header__nav-link--wrapper .dropdown-menu a:hover {
    background-color: #383838 !important;
  }
}
@media only screen and (max-width: 1198px) {
  .header__nav-link--wrapper .dropdown-menu .titlenolink,
  .header__nav-link--wrapper .dropdown-menu .titlenolink:hover {
    color: whitesmoke !important;
    margin-bottom: 0px !important;
    border-left: 4px solid #fdff00;
    cursor: default;
    background-color: #272727 !important;
  }
  .header__nav-link--wrapper .header__nav-link:after {
    height: 100% !important;
  }
}
.reply_bg_no_comments {
  -webkit-clip-path: polygon(0 13%, 100% 5%, 100% 100%, 0 100%) !important;
  clip-path: polygon(0 13%, 100% 5%, 100% 100%, 0 100%) !important;
}
.reply_figure_no_comments img:nth-of-type(2),
.reply_figure_no_comments img:nth-of-type(3),
.reply_figure_no_comments img:nth-of-type(4),
.reply_figure_no_comments img:nth-of-type(5) {
  display: none !important;
}
.face-list {
  padding-left: 11px;
}
.face-list img {
  width: 40px;
  height: 40px;
  border: 2px solid #454852;
  background-color: #7b7e88;
  margin: 5px;
}
.face-list img:hover {
  border: 2px solid #454852;
  background-color: #a0a3ad;
  -webkit-transition: background-color 0.3s ease-in-out;
  -o-transition: background-color 0.3s ease-in-out;
  transition: background-color 0.3s ease-in-out;
}
.face-disable {
  opacity: 0.5;
  -webkit-transition: opacity 0.3s ease-in-out;
  -o-transition: opacity 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out;
}
.face-disable:hover {
  background-color: #7b7e88 !important;
  cursor: not-allowed;
}
.rarity__triangle img:nth-of-type(1) {
  top: -6% !important;
  left: -5% !important;
}
.rarity__triangle img:nth-of-type(2) {
  left: 15% !important;
  top: -10px !important;
}
.rarity__triangle img:nth-of-type(3) {
  top: 3% !important;
  right: 20% !important;
}
.rarity__triangle img:nth-of-type(4) {
  right: -6% !important;
  top: 0% !important;
}
.rarity__triangle img:nth-of-type(5) {
  bottom: -8% !important;
  left: -5% !important;
}
.rarity__triangle img:nth-of-type(6) {
  left: 20% !important;
  bottom: -5% !important;
}
.rarity__triangle img:nth-of-type(7) {
  right: 0 !important;
  bottom: -4% !important;
}
.season-8 .challenges__title-bg span:nth-of-type(2) {
  background-color: #ef6615 !important;
}
.season-8 .challenges__title-bg span:nth-of-type(1) {
  background-color: #c4510e !important;
}
.season-8 .challenges__block:before {
  background-color: #c4510e !important;
}
.season-7 .challenges__title-bg span:nth-of-type(2) {
  background-color: #3b709f !important;
}
.season-7 .challenges__title-bg span:nth-of-type(1) {
  background-color: #2f5f8a !important;
}
.season-7 .challenges__block:before {
  background-color: #2f5f8a !important;
}
.season-6 .challenges__title-bg span:nth-of-type(2) {
  background-color: #4b1b8a !important;
}
.season-6 .challenges__title-bg span:nth-of-type(1) {
  background-color: #392455 !important;
}
.season-6 .challenges__block:before {
  background-color: #392455 !important;
}
.season-5 .challenges__title-bg span:nth-of-type(2) {
  background-color: #c22040 !important;
}
.season-5 .challenges__title-bg span:nth-of-type(1) {
  background-color: #652632 !important;
}
.season-5 .challenges__block:before {
  background-color: #652632 !important;
}
.season-4 .challenges__title-bg span:nth-of-type(2) {
  background-color: #56a0c6;
}
.season-4 .challenges__title-bg span:nth-of-type(1) {
  background-color: #2b627e !important;
}
.season-4 .challenges__block:before {
  background-color: #2b627e !important;
}
.season-3 .challenges__title-bg span:nth-of-type(2) {
  background-color: #6e8ba3 !important;
}
.season-3 .challenges__title-bg span:nth-of-type(1) {
  background-color: #6b7e8d !important;
}
.season-3 .challenges__block:before {
  background-color: #6b7e8d !important;
}
.season-2 .challenges__title-bg span:nth-of-type(2) {
  background-color: #c8961b !important;
}
.season-2 .challenges__title-bg span:nth-of-type(1) {
  background-color: #957525 !important;
}
.season-2 .challenges__block:before {
  background-color: #957525 !important;
}


html {
  scroll-behavior: smooth;
}

body {
  overflow-y: scroll;
  position: relative;
}

.make-combo {
  padding: 40px 0 130px;
}

.tooltip {
  position: fixed;
  padding: 6px 24px;
  max-width: 240px;
  min-width: 60px;
  top: 40px;
  right: 60px;
  border-radius: 4px;
  background-color: #4b517b;
  z-index: 999;
  color: #fff;
  font-family: 'Ubuntu', sans-serif;
  visibility: hidden;
}

.tooltip[data-show="true"] {
  visibility: visible;
  animation: appear-right 1s linear forwards;
}

.tooltip::before {
  content: attr(data-message);
}

@keyframes appear-right {
  0% {
    transform: translateX(100vw);
  }

  100% {
    transform: translateX(0);
  }
}

.make-combo.onload .make-combo__preloader {
  content: '';
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background-color: rgba(0, 0, 0, .7);
  z-index: 999;
}

.make-combo.onload .make-combo__preloader::after {
  content: '';
  position: fixed;
  top: calc(50% - 25px);
  left: calc(50% - 25px);
  width: 50px;
  height: 50px;
  border-radius: 50%;
  border: 10px solid #f1d72d;
  border-left-color: transparent;
  animation: spin 2s ease-in-out infinite forwards;
  z-index: 1000;
}

.make-combo__result {
  display: none;
}

.make-combo.result .make-combo__inner {
  display: none;
}

.make-combo.result .make-combo__result {
  display: flex;
  margin: 30px 0 75px;
  padding: 40px 0;
  min-height: 660px;
  background: url('../img/combo-page/result-bg.svg') no-repeat top center/cover;
  display: flex;
  flex-flow: column;
  align-items: center;
  position: relative;
}

.make-combo__inner {
  display: flex;
  gap: 20px;
}

.make-combo__result-title {
  width: max-content;
  margin-top: -60px;
  padding: 26px 70px;
  font-size: 42px;
  background-color: #1ac2fe;
  color: #fff;
  clip-path: polygon(0 0, 100% 2%, 98% 100%, 4% 100%);
}

.make-combo__result-img {
  display: block;
  max-width: 340px;
  width: 100%;
  margin-bottom: 32px;
  aspect-ratio: 1 / 1.3;
}

.make-combo__result-text {
  width: max-content;
  font-family: 'Ubuntu', sans-serif;
  font-size: 16px;
}

.make-combo__result-back {
  position: absolute;
  top: 100%;
  left: 50%;
  padding: 16px 55px;
  color: #fff;
  text-transform: uppercase;
  text-align: center;
  font-size: 24px;
  background-color: #4b517b;
  clip-path: polygon(0 0, 100% 2%, 98% 100%, 4% 100%);
  transform: translate(-50%, -50%);
  transition: opacity .2s;
  cursor: pointer;
}

.make-combo__result-back:hover {
  opacity: .8;
}

.result-actions {
  margin-top: 48px;
}

.result-actions__list {
  display: flex;
  gap: 5px;
}

.result-action {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 44px;
  height: 44px;
  background-color: #f1d72d;
  clip-path: polygon(5% 0, 100% 0, 95% 100%, 0% 100%);
}

.result-action__icon {
  width: 26px;
  height: 26px;
  object-fit: contain;
}

/* ! PREVIEW WITH FORM */

.preview {
  position: sticky;
  top: 20px;
  height: max-content;
  max-width: 520px;
  width: 100%;
  padding-right: 50px;
  clip-path: polygon(100% 0, 100% 100%, 13% 100%, 17% 95%, 8% 100%, 0 100%, 0 0);
  flex-shrink: 0;
}

.preview__title {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 140px;
  display: flex;
  align-items: center;
  padding: 36px;
  color: #fff;
  font-size: 42px;
}

.preview__title::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: calc(100% + 50px);
  background: #617FC5;
  clip-path: polygon(0 0, 100% 5%, 96% 100%, 2% 100%);
  z-index: 0;
}

.preview__title span {
  position: relative;
  z-index: 1;
}

.preview__title-icon {
  width: 33px;
  height: 36px;
  margin-right: 12px;
  position: relative;
  z-index: 1;
}

.preview__inner {
  padding: 140px 36px 60px;
  background-color: #edf9fd;
}

.combo-preview {
  padding: 40px 40px 68px;
  background: #242742;
  position: relative;
}

.combo-preview__decor {
  position: absolute;
  top: calc(100% - 20px);
  left: -20px;
}

.combo-info {
  display: flex;
  flex-flow: column;
  gap: 20px;
  margin-top: 70px;
  font-family: "Ubuntu", sans-serif;
}

.preview__total-price {
  min-width: 180px;
  position: absolute;
  top: 100%;
  left: 50%;
  padding: 14px 20px;
  display: flex;
  align-items: center;
  text-transform: uppercase;
  color: #fff;
  box-shadow: 8px 8px 0 #804c26;
  transform: translate(-50%, -50%);
}

.preview__total-price::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  clip-path: polygon(0 0, 100% 0, 100% 100%, 2.5% 100%);
  background-color: #ca783c;
  z-index: -1;
}

.preview__total-price::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #ab622d;
  clip-path: polygon(78% 60%, 100% 0, 100% 100%, 5% 100%);
  z-index: -1;
}

.preview__total-price .price {
  font-family: 'Rajdhani', sans-serif;
  font-size: 24px;
  font-weight: 600;
}

.combo-form {
  display: flex;
  flex-flow: column;
}

.combo-form__skin {
  max-width: 250px;
  width: 100%;
  margin: 0 auto;
}

.combo-form__skin-name {
  margin-top: 10px;
  padding: 10px 20px;
  background: linear-gradient(166deg, rgba(112, 31, 229, 1) 0%, rgba(118, 35, 230, 1) 50%, rgba(168, 72, 235, 1) 50%, rgba(176, 78, 236, 1) 100%);
  clip-path: polygon(3% 85%, 0 0, 99% 1%, 92% 18%, 99% 13%, 100% 100%, 5% 100%, 10% 78%);
  font-size: 30px;
  color: #fff;
  overflow: hidden;
  white-space: nowrap;
  text-transform: uppercase;
  text-overflow: ellipsis;
  text-align: center;
}

.combo-form__assets {
  display: flex;
  gap: 15px;
  margin-top: 20px;
}

.combo-form__asset {
  width: calc((100% - 30px) / 3);
}

.combo-form__asset-name {
  padding: 5px;
  font-size: 16px;
  overflow: hidden;
  color: #fff;
  white-space: nowrap;
  text-transform: uppercase;
  text-overflow: ellipsis;
  text-align: center;
}

.combo-form__skin,
.combo-form__asset {
  display: flex;
  flex-flow: column;
}

.combo-form__skin-challenge,
.combo-form__asset-challenge {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  padding: 4px;
}

.combo-form__skin-challenge::after,
.combo-form__asset-challenge::after {
  content: attr(data-challenge);
  font-size: 18px;
  font-family: 'Rajdhani', sans-serif;
  color: #fff;
}

.pick {
  position: relative;
  display: block;
  background: #131524;
  border: 4px solid #e8efff;
  cursor: pointer;
  transition: opacity .2s;
}

.pick:hover {
  opacity: .5;
}

.pick::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 26px;
  height: 26px;
  background-color: #eaf2fe;
  background-repeat: no-repeat;
  background-size: 18px;
  background-position: 2px 2px;
}

.pick--skin::before {
  background-image: url('../img/combo-page/skins.svg');
}

.pick--pickaxe::before {
  background-image: url('../img/combo-page/pickaxes.svg');
}

.pick--gliders::before {
  background-image: url('../img/combo-page/gliders.svg');
  background-position: 2px 3px;
}

.pick--backpacks::before {
  background-image: url('../img/combo-page/backpacks.svg');
  background-position: 2px 0;
}

.pick::after {
  content: '';
  position: absolute;
  top: calc(50% - 12px);
  left: calc(50% - 12px);
  width: 24px;
  height: 24px;
  background: #f1d72d;
  clip-path: polygon(35% 0%, 65% 0%, 65% 35%, 100% 35%, 100% 60%, 65% 60%, 65% 100%, 35% 100%, 35% 60%, 0% 60%, 0% 35%, 35% 35%);
}

.pick--skin {
  max-width: 165px;
  width: 100%;
  aspect-ratio: 1 / 1.3;
  margin: 0 auto;
}

.pick--asset {
  aspect-ratio: 1 / 1;
}

.pick--filled .pick__img {
  opacity: 1;
}

.pick--filled::after {
  display: none;
}

.pick__img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  background: radial-gradient(circle, rgba(112, 31, 229, 1) 0%, rgba(161, 65, 242, 1) 100%);
  opacity: 0;
}

.text-inp {
  width: 100%;
  padding: 20px;
  border: 1px solid transparent;
  background-color: #fff;
  font-size: 16px;
  font-family: 'Ubuntu', sans-serif;
}

.text-inp--descr {
  resize: none;
  height: 100px;
  line-height: 1.5;
}

.send-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 15px;
  padding: 16px 20px;

  color: #fff;
  font-family: 'Anton', sans-serif;
  font-size: 24px;
  text-transform: uppercase;
  cursor: pointer;
  background-color: #ffd500;
  clip-path: polygon(0 0, 99% 0, 95% 100%, 3% 100%);
  transition: transform .2s;
}

.send-btn:not([disabled]):hover {
  transform: scale(1.05);
}

.send-btn[disabled] {
  background-color: #bdc7d6;
}

.arrow-icon {
  width: 11px;
  height: 14px;
  margin-left: 12px;
}

.moderation {
  max-width: 230px;
  width: 100%;
  text-align: center;
  margin: 0 auto;
}

/* !TABS */

.picker {
  position: relative;
  padding: 15px 22px 0;
  margin: 20px 0 60px;
  font-size: 16px;
  flex-grow: 1;
  height: 100%;
  display: flex;
  flex-flow: column;
  align-items: flex-start;
}

.picker::before {
  content: '';
  position: absolute;
  inset: 0;
  background-color: #edf9fd;
  clip-path: polygon(0 0, 100% 0, 100% 100%, 80% 100%, 75% 98%, 78% 100%, 27% 100%, 30% 98%, 25% 100%, 0 100%);
}

.picker__showmore {
  display: flex;
  align-items: center;
  padding: 18px 22px 14px;
  font-size: 24px;
  background-color: #1ac2fe;
  color: #fff;
  clip-path: polygon(0 0, 100% 0, 96% 100%, 2% 100%);
  margin: 34px auto 0;
  transform: translateY(50%);
  cursor: pointer;
  transition: opacity .2s;
}

.picker__showmore:hover {
  opacity: .5;
}

.picker__showmore.onload {
  opacity: .5;
  pointer-events: none;
  cursor: not-allowed;
}

.picker__showmore.onload::after {
  content: '';
  position: absolute;
  top: calc(50% - 12px);
  left: calc(50% - 12px);
  width: 24px;
  height: 24px;
  border-radius: 50%;
  border: 6px solid #617FC5;
  border-left-color: transparent;
  animation: spin 2s ease-in-out infinite forwards;
}

.tabs-btns {
  width: 100%;
  padding: 10px 32px;
  position: relative;
  z-index: 1;
  display: flex;
  gap: 50px;
}

.tabs-btns::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #efac4b;
  clip-path: polygon(1.5% 0, 98.5% 0, 100% 100%, 0% 100%);
  z-index: -1;
}

.tab-btn {
  display: flex;
  flex-flow: column;
  text-align: center;
  align-items: center;
  cursor: pointer;
  position: relative;
  z-index: 1;
  color: #624e31;
  transition: color .2s;
}

.tab-btn.active,
.tab-btn:hover {
  color: #252525;
}

.tab-btn.active::after,
.tab-btn:hover::after {
  opacity: 1;
}

.tab-btn::after {
  content: '';
  position: absolute;
  width: calc(100% + 24px);
  height: calc(100% + 32px);
  top: -16px;
  left: -12px;
  background-color: #ffd500;
  z-index: -1;
  clip-path: polygon(2% 0, 100% 5%, 100% 95%, 0% 100%);
  opacity: 0;
  transition: opacity .2s;
}

.tab-btn::before {
  content: '';
  margin-bottom: 6px;
  width: 30px;
  height: 30px;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}

.tab-btn--skins::before {
  background-image: url('../img/combo-page/skins.svg');
}

.tab-btn--pickaxes::before {
  background-image: url('../img/combo-page/pickaxes.svg');
}

.tab-btn--gliders::before {
  background-image: url('../img/combo-page/gliders.svg');
}

.tab-btn--backpacks::before {
  background-image: url('../img/combo-page/backpacks.svg');
}

.combo-search {
  position: relative;
  width: 100%;
  margin-top: 22px;
  z-index: 3;
}

.combo-search::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #fff;
  clip-path: polygon(0 0, 100% 0, 98% 100%, 0 100%);
  z-index: -1;
}

.combo-search.onload .combo-search__btn-search::before {
  display: none;
}

.combo-search.onload .combo-search__btn-search::after {
  content: '';
  position: absolute;
  top: calc(50% - 10px);
  left: calc(50% - 10px);
  width: 20px;
  height: 20px;
  border-radius: 50%;
  border: 5px solid #4b517b;
  border-left-color: transparent;
  animation: spin 2s ease-in-out infinite forwards;
}

.combo-search__label {
  display: flex;
  align-items: center;
  gap: 10px;
  padding-right: 15px;
}

.combo-search__btn-search {
  position: relative;
  width: 46px;
  height: 44px;
  padding: 8px;
  background-color: #ffd500;
  clip-path: polygon(0 0, 100% 4%, 100% 97%, 1% 100%);
  display: flex;
  cursor: pointer;
}

.combo-search__btn-clear {
  width: 46px;
  height: 44px;
  padding: 8px;
  background-color: #ffd500;
  clip-path: polygon(100% 4%, 0 0, 1% 100%, 100% 97%);
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-weight: 600;
  font-size: 24px;
  cursor: pointer;
  visibility: hidden;
  opacity: 0;
}

.combo-search__btn-clear.visible {
  visibility: visible;
  opacity: 1;
}

.combo-search__inp {
  width: 100%;
}

.combo-search__inp:focus-visible {
  outline: none;
}

.combo-search__btn-search::before {
  content: '';
  width: 100%;
  height: 100%;
  background: url('../img/combo-page/search-icon.svg') no-repeat center/contain;
}

.combo-search__list {
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  padding: 12px;
  background-color: rgb(255, 220, 167);
  z-index: 1;
  /* max-height: 1200px;
  overflow-y: scroll; */
  display: flex;
  align-items: flex-start;
  flex-flow: wrap;
  gap: 15px;
  box-shadow: 5px 5px 42px 12px rgba(0, 0, 0, 0.6);

  -ms-overflow-style: none;
  scrollbar-width: none;
  visibility: hidden;
  opacity: 0;
  transition: visibility .2s, opacity .2s;
}

.combo-search__list:not(:empty) {
  opacity: 1;
  visibility: visible;
}

.combo-search__list::-webkit-scrollbar {
  display: none;
}

.combo-search__list .preview-card {
  width: calc((100% - 60px) / 5);
  font-size: 14px;
}

.picker__tabs {
  width: 100%;
  padding: 25px 10px;
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: 1fr;
}

.tab {
  display: flex;
  gap: 30px;
  flex-wrap: wrap;
  align-items: flex-start;
  grid-column: 1 / -1;
  grid-row: 1 / -1;
  display: none;
}

.tab.active {
  display: flex;
}

.preview-card {
  width: calc((100% - 60px) / 3);
  cursor: pointer;
  position: relative;
  flex-shrink: 0;
}

.preview-card__top::after,
.preview-card__top::before {
  content: '';
  position: absolute;
  top: calc(50% - 24px);
  left: calc(50% - 24px);
  width: 48px;
  height: 48px;
  background: #f1d72d;
  opacity: 0;
  transition: opacity .2s;
}

/* checkmark */
.preview-card__top::before {
  clip-path: polygon(31% 46%, 41% 57%, 79% 11%, 98% 28%, 41% 93%, 15% 64%);
  z-index: 1;
}

/* cross */
.preview-card__top::after {
  clip-path: polygon(35% 0%, 65% 0%, 65% 35%, 100% 35%, 100% 60%, 65% 60%, 65% 100%, 35% 100%, 35% 60%, 0% 60%, 0% 35%, 35% 35%);
}

.preview-card:not(.active):hover .preview-card__top::after {
  opacity: 1;
}

.preview-card:hover .preview-card__img {
  opacity: .5;
}

.preview-card.active .preview-card__top::before {
  opacity: 1;
}

.preview-card__top {
  position: relative;
  border: 5px solid #a458e4;
  background: radial-gradient(circle, rgba(112, 31, 229, 1) 0%, rgba(161, 65, 242, 1) 100%);
  ;
}

.preview-card__price {
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  align-items: center;
  color: #fff;
  font-family: 'Rajdhani', sans-serif;
  font-weight: 600;
  z-index: 1;
}

.preview-card__img {
  width: 100%;
  aspect-ratio: 1 / 1;
  transition: opacity .2s;
}

.preview-card__name {
  padding: 0 12px;
  text-align: center;
  text-transform: uppercase;
  margin-top: 20px;
}

@keyframes spin {
  0% {
    transform: rotate(0);
  }

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

@media screen and (max-width: 1024px) {
  .make-combo__inner {
    flex-flow: column;
  }

  .make-combo__result-title {
    width: 100%;
    font-size: 24px;
    padding: 16px;
  }

  .make-combo__result-img {
    margin-top: -10px;
  }

  .make-combo__result-text {
    width: 100%;
    text-align: center;
    padding: 12px;
  }

  .make-combo__result-back {
    font-size: 22px;
    padding: 16px 32px;
    transform: translate(-50%, -100%);
  }

  .preview {
    padding-right: 0;
    position: relative;
    top: 0;
  }

  .preview__title {
    padding: 22px;
    height: 74px;
    font-size: 24px;
  }

  .preview__inner {
    padding: 74px 16px 60px;
  }

  .combo-preview {
    padding: 20px 20px 50px;
  }

  .picker {
    padding: 20px 0 60px;
  }

  .tabs-btns {
    padding: 5px 15px;
    gap: 20px;
    font-size: 14px;
  }

  .tab-btn::before {
    width: 24px;
    height: 24px;
  }

  .tab {
    gap: 15px;
  }

  .combo-search::after {
    width: calc(100% - 16px);
    left: 12px;
  }

  .combo-search__inp {
    padding: 15px;
    margin-left: 12px;
  }

  .combo-search__list .preview-card {
    width: calc((100% - 15px) / 2);
  }

  .preview-card {
    width: calc((100% - 15px) / 2);
  }
}