@import url("https://fonts.googleapis.com/css?family=Montserrat:300,400,500,700&display=swap");
body {
  font-family: 'Montserrat', sans-serif; }

header .logo {
  background: url("../images/logo.png");
  width: 162px;
  height: 38px;
  margin: -5px 0px; }
header nav.navbar {
  background: #ffffff; }
  @media (min-width: 992px) {
    header nav.navbar ul.navbar-nav li.nav-item {
      margin: 0 15px; } }
  header nav.navbar ul.navbar-nav li.nav-item a.nav-link {
    color: #3f373a;
    text-decoration: none;
    font-size: 14px;
    position: relative;
    margin-bottom: -10px; }
    header nav.navbar ul.navbar-nav li.nav-item a.nav-link:after {
      position: relative;
      content: "";
      width: 8px;
      height: 8px;
      display: block;
      margin: 0 auto;
      background: #ffa500;
      border-radius: 50%;
      top: 1px;
      -webkit-transition: 0.7s;
      transition: 0.7s;
      opacity: 0; }
  header nav.navbar ul.navbar-nav li.nav-item.active a.nav-link:after, header nav.navbar ul.navbar-nav li.nav-item:hover a.nav-link:after {
    opacity: 1; }
  header nav.navbar .social-btn {
    border-radius: 50%;
    background: #e9eaef;
    color: #ffa500;
    padding: 5px 8px;
    text-align: center;
    margin: auto 10px;
    -webkit-transition: 0.7s;
    transition: 0.7s; }
    header nav.navbar .social-btn:hover {
      -webkit-box-shadow: 0 0 19px -8px black;
              box-shadow: 0 0 19px -8px black; }
    @media (max-width: 992px) {
      header nav.navbar .social-btn {
        margin: 5px 10px;
        background: 0;
        padding: 0; } }
  header nav.navbar .logout-btn {
    color: #ffa500;
    font-size: 14px;
    text-decoration: none;
    margin: auto 10px; }
    @media (max-width: 992px) {
      header nav.navbar .logout-btn {
        background: transparent;
        display: block;
        margin: 5px 0; } }
  header nav.navbar .login-profile-btn {
    background: url("../images/login-profile-btn-bg.png") no-repeat left center;
    height: 55px;
    max-width: 165px;
    font-size: 14px;
    margin-top: -8px;
    margin-bottom: -8px;
    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;
    text-decoration: none;
    color: #fff;
    padding: 0px 20px;
    -webkit-transition: 0.7s;
    transition: 0.7s; }
    header nav.navbar .login-profile-btn:hover {
      -webkit-box-shadow: 0 0 19px -8px black;
              box-shadow: 0 0 19px -8px black; }
    @media (max-width: 992px) {
      header nav.navbar .login-profile-btn {
        background: transparent;
        display: block;
        color: #ffa500;
        margin: 5px 0;
        padding: 0; } }
header .promo {
  background: url("../images/header-bg.png") no-repeat center top;
  background-size: cover;
  height: 750px; }
  @media (max-width: 992px) {
    header .promo {
      height: auto;
      padding: 50px 0;
      margin-bottom: 30px; } }
  header .promo h1 {
    color: #fff;
    font-size: 36px;
    margin: 0; }
  header .promo p {
    font-size: 14px;
    color: #fff;
    margin: 20px 0; }
  header .promo .btn-how {
    background: #fff;
    color: #ffa500;
    font-size: 16px;
    text-transform: uppercase;
    border-radius: 10px;
    padding: 18px 47px;
    -webkit-transition: 0.7s;
    transition: 0.7s; }
    header .promo .btn-how:hover {
      -webkit-box-shadow: 0 0 19px -8px black;
              box-shadow: 0 0 19px -8px black; }
@-webkit-keyframes shadow-pulse {
  0% {
    -webkit-box-shadow: 0 0 0 0px rgba(247, 28, 82, 0.8);
            box-shadow: 0 0 0 0px rgba(247, 28, 82, 0.8); }
  100% {
    -webkit-box-shadow: 0 0 0 35px rgba(247, 28, 82, 0);
            box-shadow: 0 0 0 35px rgba(247, 28, 82, 0); } }
@keyframes shadow-pulse {
  0% {
    -webkit-box-shadow: 0 0 0 0px rgba(247, 28, 82, 0.8);
            box-shadow: 0 0 0 0px rgba(247, 28, 82, 0.8); }
  100% {
    -webkit-box-shadow: 0 0 0 35px rgba(247, 28, 82, 0);
            box-shadow: 0 0 0 35px rgba(247, 28, 82, 0); } }
  header .promo .pulse-btn {
    background: url("../images/play-button.png") no-repeat center;
    border-radius: 50%;
    width: 129px;
    height: 129px;
    position: absolute;
    bottom: 80px;
    left: 300px;
    display: block;
    -webkit-animation: shadow-pulse 1s infinite;
            animation: shadow-pulse 1s infinite; }

main {
  background: #e9eaef url("../images/bg.png") no-repeat center bottom -190px;
  padding-bottom: 75px; }
  main .home {
    background: url("../images/home-bg.png") no-repeat center top -120px; }
    main .home .monitor {
      padding-top: 45px;
      margin-bottom: 20px; }
      main .home .monitor h3 {
        color: #1e1518;
        font-size: 24px;
        position: relative;
        z-index: 2;
        font-weight: bold; }
        main .home .monitor h3:before {
          content: "";
          display: block;
          width: 122px;
          height: 12px;
          border-radius: 6px;
          background: #ffa500;
          position: absolute;
          z-index: -1;
          top: 15px; }
      main .home .monitor .server {
        border-radius: 10px;
        background: #fff;
        width: 100%;
        height: 96px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        margin: 10px 0;
        -webkit-transition: 0.7s;
        transition: 0.7s; }
        main .home .monitor .server:hover {
          -webkit-box-shadow: 0 0 19px -8px black;
                  box-shadow: 0 0 19px -8px black; }
        main .home .monitor .server .number {
          background: #ffa500;
          color: #fff;
          border-bottom-left-radius: 18px;
          border-bottom-right-radius: 18px;
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-align: end;
              -ms-flex-align: end;
                  align-items: flex-end;
          height: 77px;
          margin-bottom: 19px;
          width: 36px;
          -webkit-box-pack: center;
              -ms-flex-pack: center;
                  justify-content: center;
          margin-left: 15px;
          margin-right: 15px; }
          main .home .monitor .server .number b {
            margin-bottom: 18px; }
        main .home .monitor .server .info {
          padding: 15px 0;
          width: 67%; }
          main .home .monitor .server .info p {
            text-transform: uppercase;
            margin: 0;
            font-weight: bold;
            color: #1e1518;
            font-size: 16px; }
            main .home .monitor .server .info p b {
              color: #ffa500; }
          main .home .monitor .server .info .ip {
            color: #1e1518;
            font-size: 12px; }
            main .home .monitor .server .info .ip .fa-copy {
              color: #ffa500;
              cursor: pointer; }
          main .home .monitor .server .info .online-status {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
                -ms-flex-align: center;
                    align-items: center;
            margin-top: 10px; }
            main .home .monitor .server .info .online-status .progress {
              width: 58%;
              border-radius: 6px;
              height: 12px;
              background: #ffa500; }
              main .home .monitor .server .info .online-status .progress .progress-bar {
                border-radius: 6px;
                background: #ffa500;
                background: -webkit-gradient(linear, left top, right top, from(#ffa500), to(#ff2582));
                background: linear-gradient(to right, #ffa500 0%, #ff2582 100%);
                filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eb0d0c', endColorstr='#ff2582',GradientType=1 ); }
            main .home .monitor .server .info .online-status .online {
              color: #fff;
              font-size: 10px;
              background: #ffa500;
              border-radius: 9px;
              min-width: 60px;
              text-align: center;
              margin-left: auto; }
    main .home .play-instructions {
      margin-bottom: 30px; }
      main .home .play-instructions .title {
        background: url("../images/howtoplay-title.png") no-repeat center;
        width: 254px;
        height: 22px;
        margin: 80px auto; }
      main .home .play-instructions .play-instruction .block {
        background: url("../images/play-instruction-one.png") no-repeat left center;
        background-size: contain;
        width: 100%;
        height: 275px;
        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; }
        @media (max-width: 992px) {
          main .home .play-instructions .play-instruction .block {
            background: #ffa500 !important;
            padding: 15px !important;
            border-radius: 5px !important;
            margin: 10px auto !important; } }
        main .home .play-instructions .play-instruction .block h3 {
          color: #fff;
          font-weight: bold;
          font-size: 18px; }
        main .home .play-instructions .play-instruction .block p {
          font-size: 12px;
          color: #fff;
          word-break: break-word; }
        main .home .play-instructions .play-instruction .block .btn {
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-align: center;
              -ms-flex-align: center;
                  align-items: center;
          background: #ffffff;
          color: #ffa500;
          width: -webkit-max-content;
          width: -moz-max-content;
          width: max-content;
          border-radius: 19px;
          padding: 4px 15px 5px 5px;
          -webkit-transition: 0.7s;
          transition: 0.7s; }
          main .home .play-instructions .play-instruction .block .btn:hover {
            -webkit-box-shadow: 0 0 19px -8px black;
                    box-shadow: 0 0 19px -8px black; }
          main .home .play-instructions .play-instruction .block .btn .icon {
            width: 34px;
            height: 34px;
            border-radius: 50%;
            color: #fff;
            background: #ffa500;
            margin-right: 10px;
            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; }
      main .home .play-instructions .play-instruction:first-child .block {
        padding-left: 190px;
        padding-right: 55px;
        padding-top: 25px; }
      main .home .play-instructions .play-instruction:nth-child(2) .block {
        padding-right: 240px;
        padding-left: 65px;
        padding-top: 32px;
        -webkit-box-align: end;
            -ms-flex-align: end;
                align-items: flex-end;
        background-image: url("../images/play-instruction-two.png");
        text-align: right; }
      @media (min-width: 992px) {
        main .home .play-instructions .play-instruction:nth-child(3) {
          margin-top: 25px; } }
      main .home .play-instructions .play-instruction:nth-child(3) .block {
        padding-left: 320px;
        padding-right: 160px;
        padding-top: 27px;
        position: relative;
        background-image: url("../images/play-instructions-three.png"); }
        main .home .play-instructions .play-instruction:nth-child(3) .block h3 {
          width: 122px; }
        main .home .play-instructions .play-instruction:nth-child(3) .block:after {
          content: "";
          background: url("../images/helicopter.png") no-repeat center;
          width: 244px;
          height: 222px;
          display: block;
          position: absolute;
          top: -120px;
          right: -15px; }
          @media (max-width: 992px) {
            main .home .play-instructions .play-instruction:nth-child(3) .block:after {
              display: none; } }
      main .home .play-instructions .btn-video {
        background: #ff2582;
        background: -webkit-gradient(linear, left top, left bottom, from(#ff2582), to(#eb0d0c));
        background: linear-gradient(to bottom, #ff2582 0%, #eb0d0c 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff2582', endColorstr='#eb0d0c',GradientType=0 );
        color: #fff;
        font-weight: bold;
        border-radius: 30px;
        margin-top: 85px;
        padding: 16px 28px;
        -webkit-transition: 0.7s;
        transition: 0.7s; }
        main .home .play-instructions .btn-video:hover {
          -webkit-box-shadow: 0 0 19px -8px black;
                  box-shadow: 0 0 19px -8px black; }
    main .home .reasons {
      background: url("../images/wave.png") no-repeat center;
      background-size: contain;
      height: 845px;
      padding: 250px 0; }
      @media (max-width: 992px) {
        main .home .reasons {
          height: auto;
          background: #ffa500;
          padding: 25px 15px;
          margin-bottom: 30px; } }
      main .home .reasons h3 {
        text-align: center;
        color: #fff;
        font-weight: bold;
        text-transform: uppercase;
        margin: 0;
        font-size: 24px; }
        main .home .reasons h3:after {
          content: "";
          display: block;
          margin: 0 auto;
          width: 58px;
          height: 13px;
          background: #fff;
          border-radius: 6px;
          margin-top: 25px; }
      main .home .reasons .reason {
        background: url("../images/reason-bg.png") no-repeat center;
        height: 233px;
        width: 195px;
        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-align: center;
            -ms-flex-align: center;
                align-items: center;
        margin: 0 auto; }
        @media (max-width: 992px) {
          main .home .reasons .reason {
            margin: 15px auto; } }
        main .home .reasons .reason .icon {
          width: 63px;
          height: 63px;
          border-radius: 10px;
          background: #fff;
          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;
          color: #ffa500;
          font-size: 30px; }
        main .home .reasons .reason p {
          color: #fff;
          text-align: center;
          font-size: 18px;
          font-weight: bold;
          padding: 7px 20px; }
  main .login, main .donate {
    margin-top: 60px; }
    main .login form, main .donate form {
      background: url("../images/form-bg.png") no-repeat center;
      background-size: contain;
      height: 473px;
      padding: 30px 150px; }
      @media (max-width: 1200px) {
        main .login form, main .donate form {
          padding: 55px 115px; } }
      @media (max-width: 992px) {
        main .login form, main .donate form {
          background: #ffa500 !important;
          border-radius: 5px;
          padding: 25px 15px;
          height: auto;
          margin-bottom: 50px; } }
      main .login form h1, main .donate form h1 {
        text-align: center;
        color: #fff;
        font-weight: bold;
        margin: 0;
        font-size: 24px; }
        main .login form h1:after, main .donate form h1:after {
          content: "";
          display: block;
          margin: 10px auto;
          width: 50px;
          height: 7px;
          background: #fff;
          border-radius: 6px; }
      @media (max-width: 1200px) {
        main .login form .form-group, main .donate form .form-group {
          margin-bottom: 5px; } }
      main .login form .form-group label, main .donate form .form-group label {
        color: #fff;
        font-size: 12px;
        margin: 0; }
      main .login form .form-group .form-control, main .donate form .form-group .form-control {
        border-radius: 10px;
        border: none;
        outline: none;
        color: #ffa500; }
      main .login form .form-group .input-group .input-group-append .input-group-text, main .donate form .form-group .input-group .input-group-append .input-group-text {
        background: transparent;
        border: none;
        font-size: 14px;
        color: #f5eefd;
        font-weight: bold; }
        main .login form .form-group .input-group .input-group-append .input-group-text b, main .donate form .form-group .input-group .input-group-append .input-group-text b {
          margin: 0 10px; }
      main .login form .form-group .forget-link, main .donate form .form-group .forget-link {
        width: 100%;
        text-align: right;
        color: #d3a7b6;
        text-decoration: none;
        font-size: 10px;
        display: block; }
      main .login form .btn, main .donate form .btn {
        background: #fff;
        color: #ffa500;
        border-radius: 21px;
        padding: 8px 50px;
        margin-top: 20px;
        -webkit-transition: 0.7s;
        transition: 0.7s;
        font-weight: bold; }
        @media (max-width: 1200px) {
          main .login form .btn, main .donate form .btn {
            margin-top: 10px; } }
        main .login form .btn:hover, main .donate form .btn:hover {
          -webkit-box-shadow: 0 0 19px -8px black;
                  box-shadow: 0 0 19px -8px black; }
  main .donate.x2:before {
    content: '';
    display: block;
    background: url("../images/2x.png") no-repeat center;
    background-size: contain;
    width: 100px;
    margin: -30px auto -15px;
    height: 100px; }
  main .profile {
    margin-top: 60px; }
    main .profile .skin {
      background: url("../images/skin-bg.png") no-repeat center;
      width: 100%;
      height: 437px;
      padding: 14px 20px;
      margin: 0 auto; }
      @media (max-width: 992px) {
        main .profile .skin {
          margin-bottom: 20px; } }
      main .profile .skin .skin-value {
        background: url("../images/skins/0.png") no-repeat center;
        background-size: 720px;
        width: 100%;
        height: 100%;
        position: relative;
        top: 19px; }
    main .profile h1 {
      color: #28151c;
      font-size: 18px;
      font-weight: normal;
      margin-bottom: 15px; }
      @media (max-width: 992px) {
        main .profile h1 {
          text-align: center; } }
      main .profile h1 b {
        display: block;
        font-weight: normal; }
    main .profile .profile-item {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: justify;
          -ms-flex-pack: justify;
              justify-content: space-between;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      background: #fff;
      border-radius: 5px;
      padding: 5px 10px;
      margin: 8px 0; }
      main .profile .profile-item p {
        margin: 0;
        color: #28151c;
        font-size: 14px;
        font-weight: 500; }
        main .profile .profile-item p:last-child {
          color: #ffa500; }
    main .profile a.btn.btn-bg {
      color: #ffa500;
      background: #fff;
      border-radius: 5px;
      width: 100%;
      padding: 9px;
      -webkit-transition: 0.7s;
      transition: 0.7s; }
      @media (min-width: 992px) {
        main .profile a.btn.btn-bg {
          font-size: 1.5vh; } }
      @media (max-width: 992px) {
        main .profile a.btn.btn-bg {
          margin-top: 20px;
          font-size: 2vh; } }
      main .profile a.btn.btn-bg.active {
        background: #eb0d0c;
        background: -webkit-gradient(linear, left top, right top, from(#eb0d0c), to(#ff2582));
        background: linear-gradient(to right, #eb0d0c 0%, #ff2582 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eb0d0c', endColorstr='#ff2582',GradientType=1 );
        color: #fff; }
      main .profile a.btn.btn-bg:hover {
        -webkit-box-shadow: 0 0 19px -8px black;
                box-shadow: 0 0 19px -8px black; }
    main .profile .info-block {
      background: #eb0d0c;
      background: -webkit-gradient(linear, left top, right top, from(#eb0d0c), to(#ff2582));
      background: linear-gradient(to right, #eb0d0c 0%, #ff2582 100%);
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eb0d0c', endColorstr='#ff2582',GradientType=1 );
      color: #fff;
      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;
      height: 102px;
      border-radius: 10px;
      margin: 14px 0;
      text-align: center; }
      main .profile .info-block span {
        color: #fff;
        font-size: 14px;
        position: relative;
        bottom: -5px; }
      main .profile .info-block p {
        color: #f1f1f1;
        font-size: 22px;
        font-weight: bold;
        margin: 0; }
      main .profile .info-block.donate {
        text-align: left; }
        main .profile .info-block.donate .btn {
          color: #ffa500;
          background: #fff;
          font-weight: bold;
          border-radius: 17px;
          -webkit-transition: 0.7s;
          transition: 0.7s;
          font-size: 14px;
          text-transform: uppercase;
          margin-left: 15px;
          transition: 0.7s; }
          main .profile .info-block.donate .btn:hover {
            -webkit-box-shadow: 0 0 19px -8px black;
                    box-shadow: 0 0 19px -8px black; }
  main .roulette {
    margin-top: 60px; }
    main .roulette h1 {
      font-weight: bold;
      margin: 0;
      font-size: 24px; }
    main .roulette a.btn.btn-bg {
      color: #ffa500;
      background: #fff;
      border-radius: 5px;
      width: 100%;
      padding: 9px;
      -webkit-transition: 0.7s;
      transition: 0.7s;
      position: relative;
      z-index: 3; }
      @media (max-width: 992px) {
        main .roulette a.btn.btn-bg {
          margin-top: 20px;
          display: block; } }
      main .roulette a.btn.btn-bg.active {
        background: #eb0d0c;
        background: -webkit-gradient(linear, left top, right top, from(#eb0d0c), to(#ff2582));
        background: linear-gradient(to right, #eb0d0c 0%, #ff2582 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eb0d0c', endColorstr='#ff2582',GradientType=1 );
        color: #fff; }
      main .roulette a.btn.btn-bg:hover {
        -webkit-box-shadow: 0 0 19px -8px black;
                box-shadow: 0 0 19px -8px black; }
    main .roulette .roulette-slider-container {
      margin: 140px auto 105px; }
      main .roulette .roulette-slider-container:before {
        content: "";
        position: relative;
        background: url("../images/roullete-arrows.png") no-repeat center;
        width: 106px;
        height: 281px;
        margin: -237px auto 20px;
        display: block;
        top: 237px;
        z-index: 3; }
      main .roulette .roulette-slider-container .roulette-block {
        width: 100%;
        height: 159px;
        background: url("../images/roulette-bg.png") no-repeat center;
        background-size: contain;
        padding: 0 40px; }
        @media (max-width: 992px) {
          main .roulette .roulette-slider-container .roulette-block {
            background-color: #eb0d0c;
            border-radius: 5px; } }
        main .roulette .roulette-slider-container .roulette-block .roulette-slider {
          position: relative;
          overflow: hidden;
          width: 100%;
          height: 100%;
          border-radius: 54px;
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-align: center;
              -ms-flex-align: center;
                  align-items: center;
          -webkit-box-pack: start;
              -ms-flex-pack: start;
                  justify-content: start; }
          main .roulette .roulette-slider-container .roulette-block .roulette-slider ul {
            list-style: none;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
                -ms-flex-align: center;
                    align-items: center;
            margin: 0;
            padding: 0;
            position: relative;
            left: 0; }
            @media (max-width: 1200px) {
              main .roulette .roulette-slider-container .roulette-block .roulette-slider ul {
                margin-left: -100px !important; } }
            @media (max-width: 992px) {
              main .roulette .roulette-slider-container .roulette-block .roulette-slider ul {
                margin-left: -210px !important; } }
            @media (max-width: 770px) {
              main .roulette .roulette-slider-container .roulette-block .roulette-slider ul {
                margin-left: -300px !important; } }
            @media (max-width: 420px) {
              main .roulette .roulette-slider-container .roulette-block .roulette-slider ul {
                margin-left: -375px !important; } }
            main .roulette .roulette-slider-container .roulette-block .roulette-slider ul li.item {
              border-radius: 10px;
              height: 100px;
              width: 100px;
              margin: 0 23px;
              -webkit-transition: 0.7s;
              transition: 0.7s;
              background: #fff;
              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; }
              main .roulette .roulette-slider-container .roulette-block .roulette-slider ul li.item img {
                max-width: 100%;
                max-height: 100%;
                min-width: 50%;
                min-height: 50%; }
              main .roulette .roulette-slider-container .roulette-block .roulette-slider ul li.item.win.active {
                -webkit-transform: scale(1.1);
                        transform: scale(1.1); }
    main .roulette .btn-roll {
      background: #eb0d0c;
      background: -webkit-gradient(linear, left top, right top, from(#eb0d0c), to(#ff2582));
      background: linear-gradient(to right, #eb0d0c 0%, #ff2582 100%);
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eb0d0c', endColorstr='#ff2582',GradientType=1 );
      color: #fff;
      font-weight: bold;
      font-size: 16px;
      border-radius: 35px;
      padding: 22px 55px; }
    main .roulette .caselist {
      margin-top: 110px; }
      @media (max-width: 992px) {
        main .roulette .caselist {
          margin-top: 30px; } }
      main .roulette .caselist .man {
        background: url("../images/cases-man.png") no-repeat left top;
        background-size: contain;
        height: 310px;
        widows: 100%; }
      main .roulette .caselist .cases {
        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; }
        main .roulette .caselist .cases .case {
          background: #fff no-repeat center;
          background-size: contain;
          border-radius: 5px;
          height: 225px;
          width: 100%;
          display: block;
          margin: 15px auto;
          -webkit-transition: 0.7s;
          transition: 0.7s;
          position: relative;
          z-index: 10; }
          main .roulette .caselist .cases .case:hover {
            -webkit-box-shadow: 0 0 15px -10px black;
                    box-shadow: 0 0 15px -10px black; }
    main .roulette .roulette-live-container {
      margin: 75px auto 105px;
      margin-top: 140px; }
      @media (max-width: 992px) {
        main .roulette .roulette-live-container {
          margin: 15px auto; } }
      main .roulette .roulette-live-container .roulette-block {
        width: 100%;
        height: 500px;
        background: url("../images/live-bg.png") no-repeat center;
        background-size: contain;
        padding: 0 40px;
        margin-top: -240px; }
        @media (max-width: 992px) {
          main .roulette .roulette-live-container .roulette-block {
            background-color: #eb0d0c;
            border-radius: 5px;
            height: 160px;
            margin-top: 0; } }
        main .roulette .roulette-live-container .roulette-block .roulette-slider {
          position: relative;
          overflow: hidden;
          width: 100%;
          height: 100%;
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-align: center;
              -ms-flex-align: center;
                  align-items: center;
          -webkit-box-pack: start;
              -ms-flex-pack: start;
                  justify-content: start; }
          main .roulette .roulette-live-container .roulette-block .roulette-slider ul {
            list-style: none;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
                -ms-flex-align: center;
                    align-items: center;
            margin: 0;
            padding: 0;
            position: relative;
            left: 0;
            margin-left: 0; }
            main .roulette .roulette-live-container .roulette-block .roulette-slider ul li.item {
              border-radius: 10px;
              height: 100px;
              width: 100px;
              margin: 0 23px;
              -webkit-transition: 0.7s;
              transition: 0.7s;
              background: #fff;
              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;
              position: relative; }
              main .roulette .roulette-live-container .roulette-block .roulette-slider ul li.item .tooltip {
                position: absolute;
                bottom: -170px;
                left: -30px;
                display: block;
                background: #fff no-repeat center;
                background-size: contain;
                border-radius: 5px;
                width: 160px;
                height: 140px;
                -webkit-transition: 0.3s;
                transition: 0.3s; }
                main .roulette .roulette-live-container .roulette-block .roulette-slider ul li.item .tooltip:before {
                  content: '';
                  position: relative;
                  display: block;
                  margin: 0 auto;
                  width: 24px;
                  height: 24px;
                  background: #fff;
                  top: -12px;
                  -webkit-transform: rotate(45deg);
                          transform: rotate(45deg); }
                main .roulette .roulette-live-container .roulette-block .roulette-slider ul li.item .tooltip .case {
                  background: #fff no-repeat center;
                  background-size: contain;
                  border-radius: 5px;
                  display: block;
                  width: 100%;
                  height: 100%; }
              main .roulette .roulette-live-container .roulette-block .roulette-slider ul li.item:hover .tooltip {
                opacity: 1; }
              main .roulette .roulette-live-container .roulette-block .roulette-slider ul li.item img {
                max-width: 100%;
                max-height: 100%;
                min-width: 50%;
                min-height: 50%; }
    main .roulette .wishlist {
      margin-top: 100px; }
      main .roulette .wishlist .man {
        background: url("../images/roulette-man.png") no-repeat left top;
        background-size: contain;
        height: 310px;
        widows: 100%; }
      main .roulette .wishlist .items {
        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; }
        main .roulette .wishlist .items .item {
          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;
          margin: 15px; }
          main .roulette .wishlist .items .item .icon {
            background: #ff247e;
            background: -webkit-gradient(linear, left top, left bottom, from(#ff247e), color-stop(99%, #eb0d10));
            background: linear-gradient(to bottom, #ff247e 0%, #eb0d10 99%);
            filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff247e', endColorstr='#eb0d10',GradientType=0 );
            border-top-left-radius: 57px;
            border-top-right-radius: 57px;
            height: 113px;
            width: 113px;
            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; }
            main .roulette .wishlist .items .item .icon img {
              max-width: 100%;
              max-height: 100%; }
          main .roulette .wishlist .items .item p {
            color: #342025;
            font-size: 14px;
            font-weight: bold;
            margin: 0; }
  main .socials .man-block {
    background: url("../images/social-link-bg.png") no-repeat left center;
    height: 340px;
    width: 100%;
    background-size: contain; }
  main .socials .links {
    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; }
    main .socials .links .link {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: justify;
          -ms-flex-pack: justify;
              justify-content: space-between;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      border-radius: 32px;
      color: #fff;
      padding: 7px;
      margin: 10px 0;
      width: 100%;
      -webkit-transition: 0.7s;
      transition: 0.7s; }
      main .socials .links .link:hover {
        -webkit-box-shadow: 0 0 19px -8px black;
                box-shadow: 0 0 19px -8px black; }
      main .socials .links .link:first-child {
        margin-top: 0; }
      main .socials .links .link:last-child {
        margin-bottom: 0; }
      main .socials .links .link .icon {
        font-size: 24px;
        background: #fff;
        border-radius: 50%;
        height: 50px;
        width: 50px !important;
        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;
        margin-right: 15px; }
        @media (max-width: 992px) {
          main .socials .links .link .icon {
            display: none; } }
      main .socials .links .link h4 {
        color: #fff;
        font-size: 16px;
        margin: 0; }
        @media (max-width: 992px) {
          main .socials .links .link h4 {
            margin-left: 15px; } }
      main .socials .links .link a {
        font-size: 14px;
        text-decoration: none;
        background: #fff;
        border-radius: 16px;
        display: block;
        padding: 5px 15px;
        -webkit-transition: 0.7s;
        transition: 0.7s; }
        main .socials .links .link a:hover {
          -webkit-box-shadow: 0 0 19px -8px black;
                  box-shadow: 0 0 19px -8px black; }
      main .socials .links .link.yt {
        background: #f61a50; }
        main .socials .links .link.yt .icon, main .socials .links .link.yt a {
          color: #f61a50; }
      main .socials .links .link.vk {
        background: #4b7db5; }
        main .socials .links .link.vk .icon, main .socials .links .link.vk a {
          color: #4b7db5; }
      main .socials .links .link.discord {
        background: #899ad0; }
        main .socials .links .link.discord .icon, main .socials .links .link.discord a {
          color: #899ad0; }

footer .footer-content {
  background: url("../images/footer-bg.png") no-repeat center top;
  min-height: 117px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
  z-index: 2; }
  @media (max-width: 992px) {
    footer .footer-content {
      display: none !important; } }
  footer .footer-content .container:before {
    content: "";
    background: url("../images/biker.png") no-repeat center;
    width: 209px;
    height: 215px;
    position: absolute;
    z-index: 3;
    top: -43px; }
  footer .footer-content .logo {
    background: url("../images/logo-white.png") no-repeat center;
    width: 162px;
    height: 38px;
    margin-left: 230px; }
  footer .footer-content nav .navbar-nav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none; }
    footer .footer-content nav .navbar-nav .nav-item a.nav-link {
      color: #fff;
      font-size: 12px;
      padding-right: .5rem;
      padding-left: .5rem; }
      footer .footer-content nav .navbar-nav .nav-item a.nav-link.pink {
        color: #ffa500; }
footer .copyright {
  background: #411222;
  height: 55px;
  width: 100%;
  position: relative;
  z-index: 1; }
  footer .copyright p {
    margin: 0;
    font-size: 12px;
    color: #ba8898; }
    footer .copyright p a {
      text-decoration: none;
      color: #fff; }

/*# sourceMappingURL=style.css.map */