/* ==========================================================================
   Base

    color: #00e5ff  - blue light
    color: #2fd42f
   ========================================================================== */
ol,
ul {
    list-style: none;
    margin: 0;
    padding: 0;
}
/* ==========================================================================
   Main
   ========================================================================== */

body {
    background: #FFFFFF;
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    -ms-hyphens: auto;
    -o-hyphens: auto;
    hyphens: auto;
    word-wrap: break-word;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
     font-family: 'Open Sans', Arial, sans-serif;
     height: auto !important;  
     height: 100%;  
     min-height: 100%;  
}


/* Link
    =============================== */

a {
    color: #ffffff;
    font-weight: normal;
    text-decoration: none;
    -webkit-transition: .1s;
    -moz-transition: .1s;
    -o-transition: .1s;
    transition: .1s;
    outline: none !important;
}

a:hover,
a:focus,
a:active {
    /*color: #2fd42f;*/
    color: #229422;
}
input[type="text"], input[type="password"], input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="month"], input[type="week"], input[type="email"], input[type="number"], input[type="search"], input[type="tel"], input[type="time"], input[type="url"], textarea {
    font-size: 14px;
    height: 40px;
}
label {
   font-size: 18px;
}
select 
{
    font-size: 14px;
    height: 40px;
}
.button {
    background-color: #229422;
    font-size: 24px !important; 
    font-weight: normal !important;
    border-color: #229422;
    text-transform: lowercase;
}

.button.mainbutton {
margin-left: 0px;
width: 100%;
height: 61px;
font-weight: normal !important;
}
.button.smallmainbutton {
    width: 100%;
    height: 50px;
    font-size: 20px !important;
}
@media screen and (max-width: 1028px) {
    .button.mainbutton {
        max-width: 190px;
        margin-top:  0.9375em;
    }
    .button.smallmainbutton {
   /* max-width:  190px;*/
        float: right;
   }
}

.LoginDialog .button.mainbutton {
    color: #FFFFFF;
    font-size: 20px !important;
    height: 50px;
}
/* ==========================================================================
   Icon
   ========================================================================== */
    /*@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,600,700);*/
/*@font-face {
    font-family: 'pay724';
    src: url('../font/pay724.eot');
}*/

/*@font-face {
    font-family: 'pay724';
    src: url(data:application/font-woff;charset=utf-8;base64,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) format('woff'), url(data:application/x-font-ttf;charset=utf-8;base64,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) format('truetype');
    font-weight: normal;
    font-style: normal;
}*/
h3 {
      color: #4d4d4d;
      font-size: 24px !important;
      font-weight: normal;
}
@media screen and (max-width: 1028px) {
    .download_h3  {
        text-align: center;
    }
}
h4 {
      font-size: 18px !important;
      font-weight: normal;
}
h5 {
      font-size: 12px !important;
      font-weight: normal;
}
p {
      font-size: 14px !important;
      font-weight: normal;
}

.closeIndecCaps{
    right: 0.22222rem; 
    font-size: 1.22222rem; 
    line-height: .9; 
    margin-top: -0.61111rem; 
    opacity:0.3; 
    padding:0 6px 4px; 
    position: absolute; 
    top: 50%;
}
/*==========================================================================
      main 
    ==========================================================================    */
.row.vspace_border {
   font-weight: bold;
color: #4d4d4d;
border-bottom: 5px solid #dddddd;
margin-bottom: 10px;
font-size: 18px;
text-transform: uppercase; 
}
.columns .text-right {
    text-align: right;
}
.captcha_img {
    height: 50px;
}
.captcha_imgBtn{
    cursor: pointer;
    margin-top:15px;
    opacity:0.5;
}

/* ==========================================================================
   SiteHeader
   ========================================================================== */

.SiteHeader {
    min-height: 110px;
    background-color: #37474f;
    position: relative;
    z-index: 0;
}
.SiteHeader  h2 {
    color: #FFFFFF;
    font-size: 24px;
    font-weight: normal;
    line-height: 0.9;
    text-align: center;
}
.SiteHeader .top_slogan_wrapper .top_slogan {
    float: left;
    border-left: 2px solid #cccece;
    margin-top: 17px;
    height: 75px;
    margin-right: 20px;
}
@media screen and (max-width: 1028px) {
    .SiteHeader .top_slogan_wrapper {
        display: none;
    }
    .SiteContent .row .col-top {
        height:0 !important;
    }
    .SiteContent .row .columns{
        padding: 0 !important;
        width:100% !important;
    }
    .SiteContent .container {
        padding: 0 !important;
    }
    .SiteContent .main{
        flex-direction:column;
        padding-bottom:50px;
    }
    .SiteContent .main .games,.mobile{
        max-width:100% !important;
        padding-left:0 !important;
        padding-right:0 !important;
    }
    .carousel-header label {
        font-size: 34px !important;
    }
    .SiteContent .games button {
        border: none !important;
    }
    .SiteContent .mobile button{
        border:none !important;
    }
    .carousel-container{
        padding:0 10px 40px 10px;
    }
    .carousel-header a {
        display: block !important;
        color: #0A0A0A;
        font-size: 14px;
        align-self: center;
        text-decoration: underline;
    }
    .carousel-inner{
        margin:0!important;
    }
    .carousel-control-prev,
    .carousel-control-next {
        display: none;
    }


    /*====================================================================================
    GAMES BLOCK
 =================================================================================*/
    .games-block {
        
    }

    .games-block .games-route {
        padding: 20px 0 20px 10px;
        background-color: #F3F5F7;
        border-bottom: 1px solid #D9DAE4;
        margin-bottom: 15px;
        flex-wrap: wrap
    }

    .games-block .games-header {
        flex-direction:column-reverse;    
        padding:0 10px;
        gap:25px;
        margin-bottom:10px !important;
    } 
    .games-block .games-header h3{
        font-size:32px;
    }
    .games-block .search-block{
        
    }
    .games-block .search-block input{
        width:100% !important;
    }
        .games-block .games-content {
            padding: 0 10px;
            gap: 10px 15px !important;
            justify-content: space-between;
        }
    .games-block .games-content .games-serv{
        width:45% !important;
    }
    .games-block .games-content .games-serv a img{
        width:100% !important;
        height:100% !important;
    }


    /*====================================================================================
    GAMES sEVICE
 =================================================================================*/
    .game-service .games-route {
        padding: 20px 0 20px 10px;
        background-color: #F3F5F7;
        border-bottom: 1px solid #D9DAE4;
        margin-bottom: 15px;
        flex-wrap: wrap
    }

    .game-service .games-service-content{
        flex-direction:column;
    }
    .game-service .games-service-content .service{
        width:100% !important;
    }
    .game-service .games-service-content .service .service-img{
        border:none !important;
        padding:65px !important;
        border-bottom:1px solid #D9DAE4 !important;
        margin-bottom:15px !important;
    }
    .game-service .games-service-content .service .games-info{
        display:none;
    }
    .game-service .games-service-content .description{
        width:100% !important;
        padding:40px 10px 15px 10px !important;
        border:none !important;
    }
    .game-service .games-service-content .description h2{
        font-weight:600 !important;
        margin-bottom:16px;
    }
    .game-service .games-service-content .description h5 {
        padding-bottom: 16px;
        border-bottom: 1px solid #E8ECEF;
    }
    .game-service .games-service-content .description .select-amount{
        padding:0 !important;
    }
    .game-service .games-service-content .description .select-amount button{
        width:100% !important;
    }
    .game-service .games-service-content .description .select-amount h5 {
        border: none;
    }
    .SitePackage .Package{
        width:30% !important;
    }


    /*====================================================================================
    COIN PAYMENT
 =================================================================================*/

    .coin-payment {
        flex-direction:column;
    }
    .coin-payment .custom {
        padding: 0 25px 0 25px;
    }
    .coin-payment .service {
        width: 100% !important;
    }
    .coin-payment .service .service-img {
        border:none !important;
        padding:65px !important;
        border-bottom:1px solid #E8ECEF; 
        margin-bottom:15px !important;
    }

    .coin-payment .service .games-info{
        border:none !important;
        border-bottom:1px solid #E8ECEF; 
        padding:40px 10px 10px 25px !important;
    }
    .OrderSummary {
        border: none !important;
       /* padding-left: 10px !important;*/
    }
    .order-info {
       /* padding-left: 20px !important;*/
    }
    .SiteContent .columns .order-container {
        padding-left: 0.9375em !important;
        padding-right: 0.9375em !important;
    }
    .order-container .crypto-tabs {
        padding-left: 0.9375em !important;
    }


    .SiteContent .order-summary-route {
        padding: 20px 0 20px 10px;
        background-color: #F3F5F7;
        border-bottom: 1px solid #D9DAE4;
        margin-bottom: 15px;
        flex-wrap: wrap;
    }
}
.SiteHeader .row .SiteLogo {
    /*display: block;*/
    margin-top: 20px;
}
.SiteHeaderAdm {
    /*min-height: 110px;*/
    background-color: #37474f;
    position: relative;
    z-index: 4;
}
/* ==========================================================================
   SiteContent
   ========================================================================== */
.SiteContent {
    position: relative;
    z-index: 0;
    min-height:  330px;
    height: 100%
}

.SiteContent  .slogon {
    color: #2fd42f;
    font-size: 72px;
    font-weight: normal;
}
.SiteContent  .slogonb {
    color: #00e5ff;
    font-size: 72px;
    font-weight: bold;
}
.SiteContent  .slogonErorr {
    color: rgb(139, 141, 141);
    font-size: 30px;
    font-weight: bold;
}
.SiteContent  .slogonNotFound {
    color: black;
    font-size: 90px;
}
.SiteContent  .slogonBtn {
    position: relative;
    width: 200px;
    left: 40%;
}
.SiteContent  .slogonContact {
    color: #2fd42f;
    font-size: 32px;
    font-weight: normal;
}
.SiteContent  .slogonContactb {
    color: #00e5ff;
    font-size: 32px;
    font-weight: bold;
}
    .SiteContent .container {
        padding: 0 35px;
    }
    .SiteContent .container label {
        color: #000000;
        font-size:24px;
        font-weight:700;
        margin-top:10px;
    }
    .SiteContent .main {
        display: flex;
        justify-content: center;
    }
    .SiteContent .games {
        background-image: url(./images/Gift_cards.png);
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        padding: 60px 70px 300px 70px;
        max-width: 600px;
    }
    .SiteContent .mobile {
        background-image: url(./images/Mobile_topup.png);
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        padding: 60px 70px 300px 70px;
        max-width: 600px;
    }
    .SiteContent .games .title{
        margin-bottom:30px ;
    }
    .SiteContent .games h1 {
        text-align: center;
        font-size: 40px;
        font-weight:700;
        color: #F5F5F7;
    }
    .SiteContent .games label {
        font-size: 16px;
        color: #F5F5F7;
        text-align: center;
        font-weight: 300;
    }
    .SiteContent .games button {
        display:flex;
        margin:auto;
        background: none;
        color: #F5F5F7;
        border: 3px solid #F5F5F7;
        border-radius: 10px;
        padding:0;
    }
    .SiteContent .games button a {
        display:flex;
        gap:10px;
        padding: 15px 50px 15px 50px;
    }
    .SiteContent .games button a label{
        margin:0;
    }
        .SiteContent .mobile h1 {
            text-align: center;
            font-size: 40px;
            font-weight: 700;
            color: #1D1D1F;
        }

    .SiteContent .mobile label {
        font-size: 16px;
        color: #1D1D1F;
        text-align: center;
      /*  font-weight: 300;*/
    }

    .SiteContent .mobile button {
        display: flex;
        margin: auto;
        background: none;
        
        border: 3px solid #1D1D1F;
        border-radius: 10px;
        padding: 0;
    }

    .SiteContent .mobile button a {
        display:flex;
        gap:10px;
        color: #1D1D1F;
        padding: 15px 50px 15px 50px;
    }
    .SiteContent .mobile button a label{
        margin:0;
    }

    .SiteContent .order-summary-route{
        display:flex;
        gap:10px;
        margin-bottom:55px;
    }
    .SiteContent .order-summary-route a {
        color: #1D1D1F;
        align-self: center;
        font-size: 14px;
    }
    .SiteContent .order-summary-route label {
        color: #1D1D1F;
        font-size: 14px;
        margin: 0;
    }

    .SiteContent .order-summary-route img{
        align-self:center;
    }
    /*=====================================================
    CAROUSEL ================================================*/
.carousel-header {
    display:flex;
    justify-content:space-between
}
.carousel-header a {
    display:none;
}

.carousel {
    position: relative;
    display: flex;
    margin-bottom:10px;
}


.carousel-inner {
    margin: 0 30px;
    display:flex;
    justify-content:space-between;
    position: relative;
    width: 100%;
    overflow: hidden;
    gap:10px;
}

    .carousel-item {
        max-width:210px;
        display: none;
    }
    .carousel-item img {
        box-shadow: 0px 4px 4px 0px #a5a5a5;
        height:135px;
    }
.carousel-item label{
    word-break:break-word;
    font-size:18px !important;
    margin:0;
}

    .carousel-item.active {
        display: block;
    }

.carousel-control-prev,
.carousel-control-next {
    padding: 52px 0;
    position: absolute;
    top: 40%;
    transform: translateY(-50%);
    z-index: 10;
}

.carousel-control-prev img{
    width:30px;
}

.carousel-control-next {
    right: 0;
}
.carousel-control-next img{
    width:30px;
}


    @media screen and (max-width: 928px) {
        .SiteContent .slogon {
        font-size: 40px;
    }
    .SiteContent  .slogonb {
        font-size: 40px;
    }
    .SiteContent  .slogonErorr {
        font-size: 18px;
    }
    .SiteContent .slogonNotFound {
        font-size: 50px;
    }
    .SiteContent .slogonBtn {
        width: 190px;
        left: 40%;
    }
    .SiteContent  .slogonContact {
        color: #2fd42f;
        font-size: 26px;
        font-weight: normal;
    }
    .SiteContent  .slogonContactb {
        color: #00e5ff;
        font-size: 26px;
        font-weight: bold;
    }
}

@media screen and (max-width: 670px) {
    .SiteContent .slogonBtn {
        width: 190px;
        left: 32%;
    }
}

@media screen and (max-width: 440px) {

    .SiteContent  .slogon {
        font-size: 35px;
    }
    .SiteContent  .slogonb {
        font-size: 35px;
    }
    .SiteContent  .slogonErorr {
        font-size: 15px;
    }
    .SiteContent .slogonNotFound {
        font-size: 40px;
    }
    .SiteContent .slogonBtn {
        width: 190px;
        left: 20%;
    }
}
.Container {
    position: relative;
    width: 1280px;
    margin: 0 auto;
}
/* ==========================================================================
   SiteFoot
   ========================================================================== */
.SiteFooterMenu {

    min-height: 120px;
    background-color: #263238;
    position: relative;
    z-index: 5;
}

.SiteFooter {
    min-height: 50px;
    color: #ffffff;
    background-color: #37474f;
    position: relative;
    z-index: 6;
}


.FooterMenu {
    font-size: 18px;
    text-transform: uppercase;
}

.FooterMenu li {
    padding: 10px;
}
.SiteFooter h5 {
    color: #ffffff;
    margin: 20px 0 15px;
}
    .SiteFooter h5.topLine {
        margin: 10px 0 5px;
    }
    .SiteFooter h5.bottomLine {
        margin: 5px 0 10px;
    }
 .social_net {
    display: block;
}
 .social_net_tiny {
    display: none;
}
 .block_show_hide {
      display: block;
 }
 .block_hide_show {
      display: none;
 }

 .FooterMenuActive {
    /*background-color: white;*/
    /*text-align: center;*/
    color: #2fd42f;
    font-weight: bold;
 }
 .FooterMenuActive a {
    color: #2fd42f;
    font-weight: bold;
 }

@media screen and (max-width: 1028px) {
    .FooterMenu li {
        text-align: center;
    }
    .SiteFooter h5 {
        text-align: center;
   }
     .social_net {
    display: none;
   }
     .social_net_tiny {
    display: block;
   }
     .block_show_hide {
      display: none;
   }
      .block_hide_show {
      display: block;
 }
}


/* ==========================================================================
   SiteDownloadApp
   ========================================================================== */

.SiteDownloadApp {
    /*min-height: 185px;*/
    background-color: #eceeee;
    position: relative;
    z-index: 1;
}
.SiteDownloadApp .pay724mini {
    height: 45px !important;
}
.SiteDownloadApp h4 {
    font-weight: inherit;
    color: #014d50;
    margin: 20px 0;
}
.SiteDownloadApp .app h3 {
    color: #8b8d8d;
    font-size: 16px !important;
    font-weight: bold;
}
.SiteDownloadApp .app h4 {
    color: #8b8d8d;
    font-size: 16px !important;
    margin: 7px 0;
}
.SiteDownloadApp .app a {
    color: #8b8d8d;
}
.SiteDownloadApp  .wing_small{
    margin-top: 24px;
    float: left;
    padding-right: 10px;
}
.SiteDownloadApp .icon_apple {
    float: left; margin-top: -2px;
}
.SiteDownloadApp .icon_android {
    margin-left: 10px; margin-top: -3px;
}
.SiteDownloadApp .line {
    border-right: 3px solid #cccece; margin-top: 0px; height: 30px;
}
.SiteDownloadApp .icon_line {
        border-left: 2px solid #cccece;
        margin-top: 7px;
        height: 120px;
    }
.SiteDownloadApp .icon_line_mini {
        height: 30px;
    }

.SiteDownloadApp .download_main_large {
    display: block;
}
.SiteDownloadApp .download_main_tiny {
    display: none;
}
    .SiteDownloadApp .line_main {
        border-left: 2px solid #cccece; margin-top: 7px; height: 120px;
    }
@media screen and (max-width: 1028px) {

    .SiteDownloadApp .icon_line {
         text-align: center;
        padding-bottom: 10px;
         height: 30px;
    }

    .SiteDownloadApp .icon_apple {
    float: none;
}
    .SiteDownloadApp .line {
        border-right: none;
        border-top: 2px solid #cccece; margin-top: 0px; height: 30px;
    }
    .SiteDownloadApp .line_main {
        border-right: none;
        border-top: 2px solid #cccece;
        margin-top: 0px;
        height: 90px;
    }
      .download_txt {
        text-align: center;
    }
      .SiteDownloadApp .download_main_large {
    display: none;
    }
    .SiteDownloadApp .download_main_tiny {
        display: block;
        text-align: center;
    }
    .SiteDownloadApp .icon_line_mini {
        height: 60px;
        text-align: center;
    }
}

/* ==========================================================================
   SiteSteps
   ========================================================================== */
.SiteSteps {
    min-height: 185px;
    background-color: #f5f5f5;
    position: relative;
    z-index: 1;
}
.SiteSteps h3 {
    margin: 10px 0 15px;
}

.SiteSteps i {
    position: absolute;
    top: -30px;
    text-align: center;
    width: 85px;
    height: 85px;
    text-indent: -9999px;
    font-size: 85px;
    line-height: 85px;
}

.SiteSteps  .arrow{
    position: absolute;
    top: 0px;
    text-align: center;
    width: 22px;
    height: 22px;
    text-indent: -9999px;
    background: url('images/arrow.png') no-repeat;
}

.SiteSteps.tiny {
    display: none;
}
@media screen and (max-width: 1028px) {
    .SiteSteps  {
       display: none;
    }

    .SiteSteps i {
        margin-left: -42px;
       top: 0px;
    }
    .SiteSteps.tiny {
    display: block;
}
}
.SiteSteps  .choosing{
background: url('images/choosing.png') no-repeat;
}

.SiteSteps .choosing_active{
background: url('images/choosing_active.png') no-repeat;
}

.SiteSteps  .payment{
background: url('images/payment.png') no-repeat;
}

.SiteSteps .payment_active{
background: url('images/payment_active.png') no-repeat;
}

.SiteSteps  .finish{
background: url('images/finish.png') no-repeat;
}

.SiteSteps .finish_active{
background: url('images/choosing_active.png') no-repeat;
}

/* ==========================================================================
     Infor block
   ========================================================================== 
*/
  
.Intro-form .Intro-form-text {
    position: relative;
    float: left;
    padding: 10px 0;
    color: #000000;
    background-color: #fff;
    border: 1px solid #cccece;
    width: 100%;
}

.Intro-form .Form-icon,
.Intro-form .Form-country,
.Intro-form .Form-phone {
    float: left;
    height: 41px;

}

.Intro-form .Form-icon {
    text-align: center;
    width: 50px;
}

.Intro-form .Form-icon i {
    font-size: 45px;
    height: 35px;
    line-height: 35px;
    color: #8b8d8d;
}

.Intro-form .mainbutton {
   margin-left: 0px;
    width: 100%;
   /*width: 175px;*/
   height: 61px;
   font-weight: normal !important;
}   

.Intro-form a {
        padding: 5px 0px;
        font-size: 20px;
        font-weight: bold !important;
        line-height: 53px;
}
.Form-country {
    width: 80px;
    font-weight: 500;
    line-height: 1.2;
    text-align: center;
    font-size: 14px;
    border-left: 1px solid #cccece;
    border-right: 1px solid #cccece;
}

.Form-country .Form-country-placeholder {
    font-size: 13px;
    line-height: 22px;
    color: #999;
}

.Form-country #CountryCode {
    position: absolute;
    left: 82px;
    top: 8px;
    padding: 0;
    line-height: 42px;
    font-size: 22px;
    width: 50px;
    background: transparent;
    text-align: center;
}

.Form-country-select {
    display: none;
    z-index: 100;
    position: absolute;
    left: -1px;
    top: 60px;
    width: 100.5%;
    background-color: #fff;
    height: 200px;
    overflow: auto;
    border: 1px solid #cccece;
}

.Form-country-select li {

}

.Form-country-select li + li {
    border-top: 1px solid #f4f4f4;
}

.Form-country-select li a {
    display: block;
    height: 44px;
    padding-left: 10px;
    line-height: 44px;
    text-align: left;
    color: #8c8c8c;
    font-size: 15px;
    font-weight: 400;
}

.Form-country-select li a:hover {
    background-color: #f4f4f4;

}

.Intro-form .Form-phone {
    width: 165px;
    margin: -2px 10px;
}

.Intro-form .Form-phone input,
.Intro-form .Form-country input{
    width: 100%;
    height: 42px;
    line-height: 35px;
    font-size: 22px;
    font-weight: normal;
    color: #37474f;
    font-weight: bold;
    border: none;
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    background: none;
}

.Intro-form .Form-phone input:focus{
    outline: 0;
}

.icon-plus:before {
    content: "+";
    cursor: pointer;
}

/* SiteNavigation
    =============================== */

.SiteNavigation {
    float: right;
    margin-top: 30px;  
}
@media screen and (max-width: 1028px) {
    .SiteNavigation {
       float: none;
       text-align: center;
       margin-top: 0px;  
        margin-left: 35%;  
    }
}
@media screen and (max-width: 600px) {
    .SiteNavigation {
       float: none;
       text-align: center;
       margin-top: 0px;  
       margin-left: 25%;  
    }
}
@media screen and (max-width: 400px) {
    .SiteNavigation {
       float: none;
       text-align: center;
       margin-top: 0px;  
       margin-left: 20%;  
    }
}

.SiteNavigation.Active {
     margin-top: 15px;
   margin-bottom: 5px;
}
.SiteNavigation .button {
        margin-top: 2px;
        background-color: #00e5ff ;
        color: #ffffff;
        height: 40px;
    text-transform: none;
 }

.SiteNavigation li {
    float: left;
    position: relative;
}

.SiteNavigation li + li::before {
    content: '';
    position: absolute;
    /*left: -1px;*/
    top: 15px;
    height: 20px;
    width: 1px;
    background-color: #f8f8f8;
}
@media screen and (max-width: 1028px) {
    .SiteNavigation li + li::before {
         width: 0px;
    }
}

.SiteNavigation a {
    display: block;
    height: 46px;
    font-size: 24px;
    color: #FFFFFF;
    line-height: 46px;
    padding: 0 10px;
}

.SiteNavigation span {
        display: block;
        height: 46px;
        font-size: 24px;
        color: #FFFFFF;
        line-height: 46px;
        padding: 0 10px;
}

/*.SiteNavigation li:last-child a {
    border-radius: 0 0 5px 0;
    -webkit-border-radius: 0 0 5px 0;
    -moz-border-radius: 0 0 5px 0;
}*/
.SiteNavigation   a:hover {
color: #2fd42f;
}
/*.SiteNavigation  .language a {
    width: 50px;
}*/
.SiteNavigation  .language a:hover {
background-color: #00e5ff;
}

.SiteNavigation img {
    vertical-align: middle;
}

.SiteNavigation   .button:before {
border-width: 0.475rem;
right: 1.40625rem;
margin-top: -0.15625rem;
}
.SiteNavigation .dropdown.button.secondary:before {
border-color: #FFFFFF transparent transparent transparent;
    margin: 0px;
    padding: 0px;
}
.top-bar-section ul li > a {
    font-size: 14px;
}

/*=================================
    TopUserMenu    
*/
.UsersMenu {
    font-size: 18px;
    line-height: 32px;
    color: #FFFFFF;
    text-transform: uppercase;
    text-align: center;
    /*cursor: pointer;*/
}
.UsersMenu .row {
    margin-right:0;
}
.UserMenu .row.columns:hover {
    color: #2fd42f;
    font-weight: bold;
}

.UsersMenu .Active {
    background-color: white;
    text-align: center;
    color: #2fd42f;
    font-weight: bold;
}
.UsersMenu .Active a{
    color: #2fd42f;
   font-weight: bold;
}
/*===============================
    OrderSummary
  ==================================*/
.OrderSummary {
    border: 2px solid #cccece;
    min-height: 200px;
    margin-bottom: 30px;
}

.OrderSummary .row {
    margin: 10px 0px;
}
.OrderSummary .Header {
    border-bottom: 1.5px solid #cccece; 
    /*padding: 5px; */
    margin: 0;
}
.OrderSummary span {
    font-size: 14px; 
    color: #8b8d8d;
    margin-left: 30px;
}
.OrderSummary label {
    font-size: 14px; 
    color: #8b8d8d;
    margin-left: 30px;
}
.OrderSummary input {
    color: #263238;
    font-weight: bold;
}
.OrderSummary select {
      color: #263238;
    font-weight: bold;
}

@media screen and (max-width: 1028px) {
   .OrderSummary span, label {
    margin-left: 0px;
  }
    .OrderSummary label {
    margin-left: 0px;
  }
}
.OrderSummary .Data {
    margin-top: 5px; 
    font-size: 16px; 
    color: #263238; 
    font-weight: bold;
    margin-left: 0px;
}

/* ==========================================================================
    Package
   ========================================================================== 
*/
.CompanyList select {
    font-weight: bold;
    font-size: 16px;
    color: #37474f;
    z-index: 1;
}
.SitePackage {
    
}
    .SitePackage .Package {
        background-color: #37474f;
        margin: 5px;
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        width: 143px;
        height: 80px;
        float: left;
        -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
        -moz-box-sizing: border-box; /* Firefox, other Gecko */
        box-sizing: border-box !important;
        border: 3px solid #37474f;
    }
        .SitePackage .Package.Active {
            background-color: #2fd42f
        }
.SitePackage .Package:hover{
    /*border-bottom: 2px solid #229422;*/
     /*background-color:  #2fd42f;*/
    cursor: pointer;
}


/*===================================================
    Cryptos
===================================================*/
.crypto-tabs .tabs-content {
    border: none !important;
    min-height: 135px;
}
.alert-block {
    /*    background: #f04f4d59;*/
    color: red;
    padding: 5px;
    text-align: center;
    font-size: 14px;
    
}
.crypto-tabs .tabs {
    border-bottom: none;
    display: flex;
    flex-wrap: wrap;
    width: 100%;
}

    .crypto-tabs .tabs:before {
        content: none;
    }

    .crypto-tabs .tabs dd {
        max-width: 32%;
        margin-left: 1%;
        margin-right: 1%;
    }

.crypto-tabs .tabs dd:first-child {
            margin-left: 0;
}

        .crypto-tabs .tabs dd > a {
            background: none;
            border: 1.5px solid #cccece !important;
            padding: 10px !important;
        }

.crypto-tabs .tabs dd > a img {
                max-height: 50px;
}

        .crypto-tabs .tabs dd.active a {
            border: 1px solid #2fd42f !important;
            position: relative;

        }
            .crypto-tabs .tabs dd.active a::after {
                content: "";
                position: absolute;
                bottom: -10px;
                left: 44%;
                border-style: solid;
                border-width: 10px 10px 0 10px;
                border-color: #2fd42f transparent transparent transparent;
            }


.list-container {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
}
.crypto-item.chosen {
    border: 2px solid #2fd42f;
}

.crypto-item {
    width: 24%;
    margin: 5px 0.5%;
    border: 1.5px solid #cccece;
    color: black;
    min-height: 50px;
    display: flex;
    align-items: center;
    justify-content: space-around;
    padding: 5px;
    font-size: 20px;
    font-weight: 700;
}
    .crypto-item span {
        width: 70%;
    }
    .crypto-item img {
        max-width: 30%;
        max-height: 85%;
        min-height: 15px;
    }
    .crypto-item:focus, .crypto-item:active, .crypto-item:hover {
        color: black;
    }

    /*.crypto-item:nth-child(4n-3) {
        margin-left: 0;
    }*/

    .crypto-item:nth-child(4n) {
        margin-right: 0;
    }
.preloader {
    display: block;
    width: 40px;
    height: 40px;
    margin-top: 50px;
    border: solid 3px;
    border-color: #555555 white;
    -webkit-border-radius: 1000px;
    border-radius: 1000px;
    -webkit-animation-name: rotate;
    -webkit-animation-duration: 1.5s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    -moz-animation-name: rotate;
    -moz-animation-duration: 1.5s;
    -moz-animation-iteration-count: infinite;
    -moz-animation-timing-function: linear;
    -o-animation-name: rotate;
    -o-animation-duration: 1.5s;
    -o-animation-iteration-count: infinite;
    -o-animation-timing-function: linear;
    animation-name: rotate;
    animation-duration: 1.5s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
}
/*.SitePackage .Package div.hover{
    border-bottom: 2px solid #2fd42f;
    cursor: context-menu;
}*/

.SitePackage .Package .Amount {
    height: 43px;
    text-align: center;
}
.SitePackage .Package .Amount .AmountValue {
    font-size: 26px;
    font-weight: bold; 
    color: #37474f;
}
.SitePackage .Package .Amount.btc {
    padding-top: 6px !important;
}
.SitePackage .Package .Amount .AmountValue.btc {
    font-size: 20px !important;
}
.SitePackage .Package .Amount .AmountCurrency {
    font-size: 18px; 
    font-weight: bold;
    color: #868a8c
}
.SitePackage .Package .Amount .AmountValue2 {
    font-size: 24px;
    font-weight: bold;
    color: #2fd42f;
}
.SitePackage .Package .Amount .AmountValue3 {
    text-decoration: line-through;
    position: absolute;
    margin-top: 22px;
    margin-left: -40px;
    font-size: 16px;
    font-weight: bold;
}
.SitePackage .Package .Equally{
    width: 100%;    
    text-align: center;
    color: #FFFFFF;
    font-weight: 500;
}



/*===================================================
    processing
===================================================*/
.message_box {
    z-index: 1002; 
    height: 160px; 
    width: 300px;
    background-color: #37474f;
    margin: 0 auto;
    /*background: url('images/warning_icon.png') no-repeat;*/
    text-align: center;
    font-size: 18px !important;
    color: #ffffff;
    margin-top: 120px !important;
}
.processing_bar {
    z-index: 1002; 
    height: 145px; 
    width: 300px;
    padding-top: 100px;
    background-color: #37474f;
    margin: 0 auto;
    background: url('images/processing.gif') no-repeat;
    text-align: center;
    font-size: 18px !important;
    color: #ffffff;
}

.processing {
    display: block;
    position: fixed;
    height: 100%;
    width: 100%;
    background: black;
    background: rgba(0, 0, 0, 0.25);
    z-index: 98;
    display: none;
    top: 0;
    left: 0;
}

.processing_hide {
    visibility: hidden;
    display: none;
    position: absolute;
    left: 50%;
    z-index: 200;
    height: auto;
    margin-left: -40%;
    width: 80%;
    background-color: white;
    padding: 1.25rem;
    border: solid 1px #666666;
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);
    top: 50px;
}

/*====================================================
    Pay724Dialog
====================================================*/
.reveal-modal.Pay724Dialog {
    padding: 0;
    width: 450px;
    margin-left: -12%; 
}

.reveal-modal.Pay724Dialog .close-reveal-modal {
    top: 1rem;
}
@media screen and (max-width: 900px) {
    .reveal-modal.Pay724Dialog  {
            margin-left: -25%; 
    }
}
@media screen and (max-width: 700px) {
    .reveal-modal.Pay724Dialog  {
         margin-left: -45%; 
         width:90%;
    }
}
/*@media screen and (max-width: 400px) {
    .reveal-modal {
         margin-left: -50%; 
    }
}*/
.LoginDialog a,label{
    color: #858687;
}
.LoginDialog .social {
    color: #b5b5b9;
    font-size: 14px;
    padding-top: 10px;
}
.LoginDialog .Header {
    height: 50px; 
    background-color: #37474f;
    padding:0; 
    margin:0;
    margin-bottom: 30px;
}
.LoginDialog .Header h2 {
    color: white;
    font-size: 24px;
}
.LoginDialog  h2 {
    color: #37474f;
    font-size: 18px;
    text-transform: uppercase;
}
/*==================================================================
    bitcoin space
========================*/
.bitcoin  span {
    margin-left: 2px;   
}
.bitcoin  b {
    color: #2fd42f;
}
/*==============================================================================
    MISC 
    ==============================================================================*/
.Container_Default {
     color: #4d4d4d;
}
.Container_Default .ContentText {
    min-height: 375px;
}
.Container_Default .slogonb{
    font-size: 52px;
}
.Container_Default .slogon{
    font-size: 52px;
}
@media screen and (max-width: 1028px) {
        .Container_Default .slogonb{
        font-size: 37px;
    }
    .Container_Default .slogon{
        font-size: 37px;
    }
}
@media screen and (max-width: 300px) {
        .Container_Default .slogonb{
        font-size: 30px;
    }
    .Container_Default .slogon{
        font-size: 30px;
    }
}

.top-bar {
background: #37474f;
}
.top-bar-section .dropdown li a {
background: #37474f;
}
.top-bar-section li a:not(.button) {
background: #37474f !important;
}
.top-bar-section .dropdown li label {
background: #37474f;
}
/*=================== country page */
.site_countries, .site_help {
    
}
@media screen and (max-width: 840px) {

    .site_countries .small-block-grid-4 > li {
        width: 100%;
    }
    /*===== help page */
    .site_help > ol {
        margin-left: 10px;
    }
}
@media screen and (max-width: 1300px) {
    
    /*===== help page */
    .site_help > ol {
        margin-left: 10px;
    }
}

/* =============================================================================
    PROFILE SETTINGS
===============================================================================*/
.row.profile span{
    font-size: 18px;
    color: #263238;
    text-transform: uppercase;
    padding: 5px 20px ;
    background-color: #eceeee;
}

.profile_active {
    /*border-bottom: 3px solid #2fd42f;
    padding-bottom: 2px !important;*/
    border: 2px solid #2fd42f !important;
    padding: 1px 12.5px !important;
}

@media screen and (max-width: 1200px) {
    .row.profile div {
        width: 100%;
        margin: 10px 0;
        float: left;
        text-align: left !important;
    }
}

/*==============================================================================
    CONTACT US
===============================================================================*/
@media screen and (max-width: 1200px) {
     #imageCaptchaContactUs {
         float: right;
     }
} 
@media screen and (max-width: 500px) {
    #CaptchDivIcon {
        padding: 0;
        margin: 0;
    }
}


/*====================================================================================
    GAMES BLOCK
 =================================================================================*/
.games-block{
    padding-bottom:48px;
}
.games-block .games-route {
    display: flex;
    gap: 10px;
}
.games-block .games-route a {
    color: #1D1D1F;
    font-size: 14px;
    align-self: center;
}
.games-block .games-route img {
    align-self: center;
}
.games-block .games-route label {
    color: #1D1D1F;
    font-size: 14px;
    margin:0;
}
.games-block .games-header {
    display:flex;
    justify-content:space-between;
    margin-bottom:30px;
}
.games-block .games-header h3{
   color:#000000;
   font-size:28px;
   font-weight:600;
}
.games-block .search-block {
    display: flex;
    border-bottom: 1px solid #000000;
}
.games-block .search-block input {
    margin: 0;
    border: none;
    box-shadow: none;
    color: #707070;
    font-size:24px;
    width:208px;
    padding:0;
    font-weight:300;
}
.games-block .search-block input:hover {
    cursor:pointer
}
.games-block .search-block::after {
    content: url("./images/search-icon.png");
    align-self:end;
}
.games-block .search-block input:focus {
    background:none;
   }
.games-block .games-content {
    display:flex;
    flex-wrap:wrap;
    gap:10px 51px;
}
    .games-block .games-content .games-serv{
       width:210px;
    }
.games-block .games-content .games-serv a{
    display: block;
}
    .games-block .games-content .games-serv a img {
        margin-bottom: 10px;
        box-shadow: 0px 4px 4px 0px #a5a5a5;
        width: 210px;
        height: 140px;
    }
.games-block .games-content .games-serv a label{
    margin:0;
    font-size:18px;
    color:#000000;
    font-weight:600;
    word-break:break-word;
}


/*====================================================================================
    GAMES sEVICE
 =================================================================================*/
.game-service{
    padding-bottom:60px;
}
.game-service .games-route {
    display: flex;
    gap: 10px;
    margin-bottom: 25px;
}
.game-service .games-route img{
    align-self:center;
}
.game-service .games-route label {
    color: #1D1D1F;
    margin: 0;
    font-size: 14px;
}
.game-service .games-route a{
    color: #1D1D1F;
    align-self: center;
    font-size:14px;
}
.game-service .games-service-content{
    display:flex;
    gap:15px;
}
.game-service .games-service-content .service{
    width:50%;
    display:flex;
    flex-direction:column;
}
.game-service .games-service-content .service .service-img {
    border: 2px solid #D9DAE4;
    padding: 41px 48px;
    margin-bottom:10px;
}
.game-service .games-service-content .service .service-img img{
    width:100%;
}
.game-service .games-service-content .service .games-info {
    border: 2px solid #D9DAE4;
    padding: 41px 48px;
}
.game-service .games-service-content .service .games-info h5{
    font-size:16px !important;
    color:#000000;
    font-weight:400;
}
.game-service .games-service-content .service .games-info p {
    margin:0;
}
.game-service .games-service-content .description {
    width: 50%;
    border: 2px solid #D9DAE4;
    padding: 15px 35px 68px 42px;
}
.game-service .games-service-content .description h2 {
    font-size: 24px;
    font-weight: 400;
    color: #000000;
}
.game-service .games-service-content .description h5{
   font-size:16px !important;
   font-weight:400;
   margin-bottom:16px;
   color: #000000;
}
.game-service .games-service-content .description .select-amount {
    padding-right:80px;
}
.game-service .games-service-content .description .select-amount h5 {
    font-size: 16px !important;
}
.game-service .games-service-content .description .select-amount span {
    color: #FFFFFF;
    font-weight: 300;
    cursor: pointer;
    font-size:20px;
}
.game-service .games-service-content .description .select-amount button {
    display: block;
    margin-left: auto;
    width: 260px;
    font-size: 18px;
    background-color: #229422;
}
.game-service .games-service-content .description .select-amount .packages {
    display:flex;
    flex-direction:column;
    gap:32px;
}
.game-service .games-service-content .description .terms{
    margin-bottom: 21px;
    width:370px;
}
.game-service .games-service-content .description .terms span {
    color: #000000;
    font-weight: 500;
    cursor: pointer;
    font-size:14px;
}
.game-service .games-service-content .description .select-amount a {
    color: #000000;
    text-decoration: underline;
}
.game-service .games-service-content .description .account label {
    font-size:16px;
    color:#000000;
    margin:16px 0 5px 0;
}
.game-service .games-service-content .description .account input {
    width:310px;
}
.game-service .games-service-content .description .account .error{
    border:1px solid red;
}
/*====================================================================================
    COIN PAYMENT
 =================================================================================*/
.coin-payment {
    display: flex;
    padding-bottom: 60px;
}
   /* .coin-payment .w-50 {
        width: 50%;
    }*/
.coin-payment .service {
    width: 50%;
    display: flex;
    flex-direction: column;
}
.coin-payment .order-container {
    width:50%;
}
.coin-payment .service .service-img {
    border: 2px solid #D9DAE4;
    padding: 41px 48px;
    margin-bottom: 10px;
}
.coin-payment .service .games-info {
    border: 2px solid #D9DAE4;
    padding: 41px 48px;
}

.coin-payment .service .games-info h5 {
    font-size: 16px !important;
    color: #000000;
    font-weight: 400;
}
.coin-payment .service .games-info  p {
    margin:0;
}