a, abbr, acronym, address, applet, big, blockquote, body, caption, cite, code, dd, del, dfn, div, dl, dt, em, fieldset, form, h1, h2, h3, h4, h5, h6, html, iframe, img, ins, kbd, label, legend, li, object, ol, p, pre, q, s, samp, small, span, strike, strong, sub, sup, table, tbody, td, tfoot, th, thead, tr, tt, ul, var {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-weight: inherit;
  font-style: inherit;
  font-family: inherit;
  font-size: 100%;
  vertical-align: baseline
}

body {
  line-height: 1;
  color: #222;
  background: #fff
}

ol, ul {
  list-style: none
}

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

caption, table, td, th {
  vertical-align: middle
}

caption, td, th {
  text-align: left;
  font-weight: 400
}

a img {
  border: none
}

@font-face {
  font-family: Roboto;
  src: url(../fonts/Roboto-Light.eot);
  src: url(../fonts/Roboto-Light.eot?#iefix) format("embedded-opentype"), url(../fonts/Roboto-Light.woff2) format("woff2"), url(../fonts/Roboto-Light.woff) format("woff"), url(../fonts/Roboto-Light.ttf) format("truetype"), url(../fonts/Roboto-Light.svg#Roboto-Light) format("svg");
  font-weight: 300;
  font-style: normal
}

@font-face {
  font-family: TT Squares Condensed;
  src: url(../fonts/TTSquaresCondensed-BlackItalic.eot);
  src: url(../fonts/TTSquaresCondensed-BlackItalic.eot?#iefix) format("embedded-opentype"), url(../fonts/TTSquaresCondensed-BlackItalic.woff2) format("woff2"), url(../fonts/TTSquaresCondensed-BlackItalic.woff) format("woff"), url(../fonts/TTSquaresCondensed-BlackItalic.ttf) format("truetype"), url(../fonts/TTSquaresCondensed-BlackItalic.svg#TTSquaresCondensed-BlackItalic) format("svg");
  font-weight: 900;
  font-style: italic
}

.bx-wrapper {
  position: relative;
  margin: 0 auto;
  padding: 0
}

.bx-wrapper img {
  display: block
}

.bx-wrapper .bx-viewport {
  transform: translatez(0)
}

.bx-wrapper .bx-controls-auto {
  position: absolute;
  bottom: -30px;
  width: 100%
}

.bx-wrapper .bx-loading {
  min-height: 50px;
  background: url(../images/bx_loader.gif) 50% no-repeat #fff;
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2000
}

.bx-wrapper .bx-controls-auto .bx-controls-auto-item {
  display: inline-block;
  display: inline
}

.bx-wrapper .bx-controls-direction a.disabled {
  display: none
}

.bx-wrapper .bx-controls-auto {
  text-align: center
}

.bx-wrapper .bx-controls-auto .bx-start {
  display: block;
  text-indent: -9999px;
  width: 10px;
  height: 11px;
  outline: 0;
  background: url(../images/controls.png) -86px -11px no-repeat;
  margin: 0 3px
}

.bx-wrapper .bx-controls-auto .bx-start.active, .bx-wrapper .bx-controls-auto .bx-start:hover {
  background-position: -86px 0
}

.bx-wrapper .bx-controls-auto .bx-stop {
  display: block;
  text-indent: -9999px;
  width: 9px;
  height: 11px;
  outline: 0;
  background: url(../images/controls.png) -86px -44px no-repeat;
  margin: 0 3px
}

.bx-wrapper .bx-controls-auto .bx-stop.active, .bx-wrapper .bx-controls-auto .bx-stop:hover {
  background-position: -86px -33px
}

.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {
  text-align: left;
  width: 80%
}

.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {
  right: 0;
  width: 35px
}

.bx-wrapper .bx-caption {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%
}

.bx-wrapper .bx-caption span {
  color: #fff;
  font-family: Arial;
  display: block;
  font-size: .85em;
  padding: 10px
}

body, html {
  overflow-x: hidden
}

body {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-family: TT Squares Condensed;
  font-weight: 400;
  font-style: normal;
  color: #fff
}

.wrapper {
  display: block;
  width: 100%;
  min-width: 320px;
  overflow: hidden
}

.wrap, .wrapper {
  margin: 0 auto;
  position: relative
}

.wrap {
  width: 1240px
}

.section_1 {
  background: #322134 url(../images/section_1.jpg) no-repeat top/cover;
  background-color: #322134 !important;
  height: 680px;
  box-sizing: border-box;
  position: relative;
  z-index: 2
}

.section_1 .glass_parr {
  position: absolute;
  top: 0;
  right: -330px
}

.section_1 .glass {
  width: 1162px;
  height: 824px;
  background: url(../images/glass.png) no-repeat top/cover;
  transform: scale(0)
}

.section_1 .glass.show {
  transition: transform 1s;
  transform: scale(1)
}

.section_1 .logo {
  display: inline-block;
  margin: 40px 0 110px
}
.section_1 .logo .logo__pic {
  width: 70%;
}

.section_1 .title {
  font-size: 72px;
  text-transform: uppercase;
  margin-bottom: 42px
}

.section_1 .title .color {
  color: #d71015
}

.section_1 .gls {
  text-shadow: 46px 27px 9px hsla(0, 0%, 100%, .1)
}

.section_1 .gls .color {
  text-shadow: 46px 27px 9px rgba(215, 16, 21, .1)
}

.section_1 .button_wrap {
  padding-left: 13px
}

.section_1 .red_bg {
  position: relative
}

.section_1 .red_bg:after {
  content: "";
  position: absolute;
  top: -5px;
  left: -10px;
  right: -10px;
  bottom: -5px;
  z-index: -1;
  transform: skew(-18deg);
  background: #d71015;
  box-shadow: 20px 27px 10px 0 rgba(215, 16, 21, .1)
}

.section_1 .text {
  font-size: 22px;
  text-transform: uppercase;
  position: relative;
  margin-bottom: 61px;
  z-index: 1;
  display: inline-block
}

.section_1 .reg {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center;
  height: 74px;
  background-color: #fdc000;
  font-size: 26px;
  color: #0c1013;
  text-decoration: none;
  padding: 0 47px;
  transform: skew(-18deg);
  position: relative;
  -webkit-filter: brightness(1.01);
  filter: brightness(1.01)
}

.section_1 .reg:after {
  content: "";
  position: absolute;
  top: 0;
  left: 51%;
  right: 0;
  bottom: 0;
  z-index: -1;
  background: transparent;
  box-shadow: 20px 27px 10px 0 rgba(253, 192, 0, .1)
}

.section_1 .reg:hover {
  -webkit-filter: brightness(1.1);
  filter: brightness(1.1)
}

.section_1 .reg span {
  transform: skew(18deg)
}

.section_2 {
  background: url(../images/section_2_pattern.jpg);
  background-color: #151b1f !important;
  padding-top: 140px;
  padding-bottom: 140px;
  position: relative
}

.section_2 .block_bg {
  width: 1490px;
  margin: 0 auto;
  background-color: #1b2024;
  transform: skew(-8deg);
  margin-bottom: 170px
}

.section_2 .block_bg .block {
  transform: skew(8deg)
}

.section_2 .block_bg .block .title {
  display: inline-block;
  font-size: 64px;
  margin-top: 108px;
  margin-left: 124px;
  text-shadow: 6px 3px 0 #2f333a
}

.section_2 .block_bg .block .title span {
  color: #fdc000
}

.section_2 .block_bg .block .grey_logo {
  display: inline-block;
  width: 654px;
  height: 86px;
  background: url(../images/grey_logo.png) no-repeat top/cover;
  background: relative;
  top: 9px;
  margin-left: 123px
}

.section_2 .block_bg .block .items {
  width: 690px;
  margin-top: 114px;
  margin-left: 124px;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap
}

.section_2 .block_bg .block .items .item {
  min-width: 45%;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 80px
}

.section_2 .block_bg .block .items .item img {
  margin-right: 18px
}

.section_2 .block_bg .block .items .item span {
  text-transform: uppercase;
  font-size: 28px;
  line-height: 30px
}

.section_2 .block_bg .block .bonus_wrap {
  width: 470px;
  box-sizing: border-box;
  display: inline-block;
  transform: skew(-8deg);
  border: 2px solid #fff;
  margin-left: 56px;
  padding: 72px 0 80px 100px;
  position: relative;
  top: 70px
}

.section_2 .block_bg .block .bonus_wrap .bonus {
  transform: skew(8deg);
  position: relative
}

.section_2 .block_bg .block .bonus_wrap .bonus .yellow {
  color: #fdc000;
  font-size: 48px;
  text-transform: uppercase
}

.section_2 .block_bg .block .bonus_wrap .bonus .big {
  font-size: 48px;
  text-transform: uppercase
}

.section_2 .block_bg .block .bonus_wrap .bonus .small {
  display: inline-block;
  font-size: 26px;
  text-transform: uppercase;
  width: 100%;
  margin-top: 5px
}

.section_2 .block_bg .block .bonus_wrap .bonus .plus {
  color: #fdc000;
  font-size: 48px;
  text-transform: uppercase;
  position: absolute;
  top: 18px;
  left: -50px
}

.section_2 .second_title {
  font-size: 64px;
  text-transform: uppercase;
  position: relative
}

.section_2 .second_title h2 {
  color: #fdc000;
  text-shadow: 6px 3px 0 #2f333a;
  margin-bottom: 24px
}

.section_2 .second_title span {
  margin-right: 32px;
  text-shadow: 6px 3px 0 #2f333a;
  vertical-align: top
}

.section_2 .second_title img {
  margin-top: 4px
}

.section_2 .second_title .ball {
  width: 226px;
  height: 217px;
  background: url(../images/ball.png) no-repeat top/cover;
  position: absolute;
  top: -74px;
  right: -147px
}

.section_2 .bg_bxslider_wrap {
  margin: 90px auto 0;
  width: 1030px;
  position: relative
}

.section_2 .bg_bxslider_wrap .slider_bg {
  background-color: #1b2024;
  height: 100%;
  width: 950px;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translate(-50%) skew(-8deg);
  z-index: 1
}

.section_2 .bg_bxslider_wrap .bx-wrapper {
  z-index: 2
}

.section_2 .bg_bxslider_wrap .slide {
  display: -ms-flexbox;
  display: flex;
  box-sizing: border-box;
  padding: 54px 90px 50px 0
}

.section_2 .bg_bxslider_wrap .slide .avatar {
  display: inline-block;
  width: 110px;
  height: 110px;
  border-radius: 50%;
  margin-right: 40px
}

.section_2 .bg_bxslider_wrap .slide .review_wrap .name {
  font-size: 26px;
  margin-bottom: 26px;
  text-transform: uppercase
}

.section_2 .bg_bxslider_wrap .slide .review_wrap .review {
  font-family: Roboto;
  font-weight: 300;
  font-style: normal;
  font-size: 18px;
  line-height: 26px
}

.section_2 .bg_bxslider_wrap .bx-pager {
  display: none
}

.section_2 .bg_bxslider_wrap .bx-controls-direction a {
  position: absolute;
  top: 50%;
  margin-top: -22px;
  outline: 0;
  width: 56px;
  height: 50px;
  text-indent: -9999px;
  z-index: 999;
  -webkit-filter: brightness(.7);
  filter: brightness(.7)
}

.section_2 .bg_bxslider_wrap .bx-controls-direction .bx-prev {
  background: url(../images/next.png) no-repeat top/cover;
  transform: rotate(180deg);
  left: -106px
}

.section_2 .bg_bxslider_wrap .bx-controls-direction .bx-next {
  background: url(../images/next.png) no-repeat top/cover;
  right: -106px
}

.section_2 .bg_bxslider_wrap .bx-controls-direction .bx-next:hover, .section_2 .bg_bxslider_wrap .bx-controls-direction .bx-prev:hover {
  -webkit-filter: brightness(1);
  filter: brightness(1)
}

.section_2 .section_2_bottom_bg {
  width: 100%;
  height: 155px;
  background: url(../images/section_2_bottom_bg.png) no-repeat top/cover;
  position: absolute;
  bottom: 0;
  left: 0
}

.section_3 {
  background: #121518;
  padding-top: 40px;
  padding-bottom: 38px
}

.section_3 .items {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap
}

@media (max-width:1260px) {
  .wrap {
    width: 610px
  }
  .section_1 {
    background: url(../images/section_1_tablet.jpg) no-repeat bottom/cover;
    height: 720px
  }
  .section_1 .wrap {
    text-align: center
  }
  .section_1 .glass_parr {
    top: 42px;
    right: -144px
  }
  .section_1 .glass {
    width: 918px;
    height: 695px;
    background: url(../images/glass_tablet.png) no-repeat top/cover
  }
  .section_1 .logo {
    margin: 20px 0 21px
  }
  .section_1 .logo img {
    width: 220px
  }
  .section_1 .title {
    font-size: 56px;
    margin-bottom: 18px
  }
  .section_1 .text {
    font-size: 20px;
    margin-bottom: 266px
  }
  .section_1 .gls, .section_1 .gls .color {
    text-shadow: none
  }
  .section_1 .red_bg:after {
    box-shadow: none
  }
  .section_1 .reg:after {
    display: none
  }
  .section_1 .button_wrap {
    padding: 0
  }
  .section_2 {
    padding-top: 0;
    padding-bottom: 120px
  }
  .section_2 .block_bg {
    width: 100%;
    transform: skew(0);
    background-color: #12191f;
    margin-bottom: 190px;
    padding-top: 100px
  }
  .section_2 .block_bg .block {
    transform: skew(0);
    width: 610px;
    margin: 0 auto;
    position: relative
  }
  .section_2 .block_bg .block .title {
    display: block;
    text-align: center;
    margin: 0 0 76px;
    font-size: 50px
  }
  .section_2 .block_bg .block .grey_logo {
    width: 517px;
    height: 68px;
    transform: rotate(-90deg);
    position: absolute;
    top: 264px;
    left: -362px;
    margin: 0
  }
  .section_2 .block_bg .block .items {
    width: 100%;
    margin: 0
  }
  .section_2 .block_bg .block .items .item {
    margin-bottom: 40px
  }
  .section_2 .block_bg .block .bonus_wrap {
    width: 570px;
    top: 0;
    margin: 0 auto;
    padding: 64px 0 70px 154px
  }
  .section_2 .block_bg .block .bonus_wrap .bonus .big, .section_2 .block_bg .block .bonus_wrap .bonus .yellow {
    font-size: 56px
  }
  .section_2 .block_bg .block .bonus_wrap .bonus .small {
    font-size: 31px;
    margin-top: 4px
  }
  .section_2 .block_bg .block .bonus_wrap .bonus .plus {
    font-size: 52px;
    top: 20px;
    left: -56px
  }
  .section_2 .second_title {
    font-size: 50px;
    text-align: center
  }
  .section_2 .second_title .ball {
    width: 151px;
    height: 145px;
    top: -277px;
    right: -70px
  }
  .section_2 .second_title h2 {
    margin-bottom: 14px
  }
  .section_2 .second_title span {
    margin-right: 22px
  }
  .section_2 .second_title img {
    width: 360px
  }
  .section_2 .bg_bxslider_wrap {
    width: 100%;
    margin-top: 75px
  }
  .section_2 .bg_bxslider_wrap .slider_bg {
    display: none
  }
  .section_2 .bg_bxslider_wrap .slide {
    padding: 0;
    display: block;
    text-align: center
  }
  .section_2 .bg_bxslider_wrap .slide .avatar {
    margin: 0 0 32px
  }
  .section_2 .bg_bxslider_wrap .slide .review_wrap .review {
    line-height: 22px
  }
  .section_2 .bg_bxslider_wrap .bx-controls-direction a {
    top: 0;
    margin-top: 30px
  }
  .section_2 .bg_bxslider_wrap .bx-controls-direction .bx-prev {
    left: 132px
  }
  .section_2 .bg_bxslider_wrap .bx-controls-direction .bx-next {
    right: 132px
  }
  .section_3 {
    padding-top: 30px;
    padding-bottom: 10px
  }
  .section_3 .items {
    -ms-flex-pack: center;
    justify-content: center
  }
  .section_3 .items img {
    margin: 0 8px 22px
  }
}

@media (max-width:1040px) {
  .section_1 {
    background-position: 50%;
    background-size: 1040px
  }
}

@media (max-width:640px) {
  .wrap {
    width: 300px
  }
  .section_1 {
    background: url(../images/section_1_mob.jpg) no-repeat top/cover;
    height: 506px
  }
  .section_1 .glass_parr {
    top: 42px;
    right: -170px
  }
  .section_1 .glass {
    width: 640px;
    height: 506px;
    background: url(../images/glass_mob.png) no-repeat top/cover
  }
  .section_1 .logo {
    margin-bottom: 15px
  }
  .section_1 .logo img {
    width: 180px
  }
  .section_1 .title {
    font-size: 32px;
    margin-bottom: 10px
  }
  .section_1 .text {
    font-size: 18px;
    margin-bottom: 166px;
    position: relative
  }
  .section_1 .reg {
    height: 62px;
    font-size: 22px;
    padding: 0 40px
  }
  .section_1 .red_bg {
    position: static
  }
  .section_2 {
    padding-bottom: 80px
  }
  .section_2 .block_bg {
    margin-bottom: 156px;
    padding-top: 50px
  }
  .section_2 .block_bg .block {
    width: 100%
  }
  .section_2 .block_bg .block .title {
    font-size: 30px;
    margin-bottom: 55px
  }
  .section_2 .block_bg .block .grey_logo {
    top: 286px;
    left: -180px
  }
  .section_2 .block_bg .block .items .item {
    width: 100%;
    box-sizing: border-box;
    padding-left: 170px;
    margin-bottom: 32px
  }
  .section_2 .block_bg .block .bonus_wrap {
    display: block;
    width: 280px;
    padding: 30px 0 32px 64px;
    margin: 0 auto
  }
  .section_2 .block_bg .block .bonus_wrap .bonus .big, .section_2 .block_bg .block .bonus_wrap .bonus .yellow {
    font-size: 30px
  }
  .section_2 .block_bg .block .bonus_wrap .bonus .small {
    font-size: 18px
  }
  .section_2 .block_bg .block .bonus_wrap .bonus .plus {
    top: 0;
    left: -44px
  }
  .section_2 .second_title {
    font-size: 28px
  }
  .section_2 .second_title h2 {
    margin-bottom: 10px
  }
  .section_2 .second_title span {
    margin-right: 8px
  }
  .section_2 .second_title img {
    width: 170px
  }
  .section_2 .second_title .ball {
    width: 114px;
    height: 109px;
    top: -164px;
    right: -54px
  }
  .section_2 .bg_bxslider_wrap {
    margin-top: 64px
  }
  .section_2 .bg_bxslider_wrap .slide .avatar {
    margin-bottom: 24px
  }
  .section_2 .bg_bxslider_wrap .slide .name {
    font-size: 24px;
    margin-bottom: 20px
  }
  .section_2 .bg_bxslider_wrap .slide .review_wrap .review {
    font-size: 16px;
    line-height: 20px
  }
  .section_2 .bg_bxslider_wrap .bx-controls-direction a {
    width: 44px;
    height: 41px;
    margin-top: 35px
  }
  .section_2 .bg_bxslider_wrap .bx-controls-direction .bx-prev {
    left: 0
  }
  .section_2 .bg_bxslider_wrap .bx-controls-direction .bx-next {
    right: 0
  }
  .section_3 {
    padding-top: 26px;
    padding-bottom: 10px
  }
  .section_3 .items img {
    height: 30px;
    margin: 0 6px 20px
  }
}

@media (max-width:500px) {
  .section_2 .block_bg .block .grey_logo {
    display: none
  }
  .section_2 .block_bg .block .items .item {
    padding-left: 40px
  }
}