@charset "UTF-8";#fTop {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    z-index: 10101;
    width: auto;
    color: #fefefe
}

#loc_info {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    box-sizing: border-box;
    width: 100%;
    min-width: 1000px;
    height: 38px;
    border-bottom: 1px solid #fff;
    box-shadow: 0 1px 2px rgba(0,0,0,.33);
    background-color: #fff
}

.loc_info_leftFL,.loc_info_leftFL a {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto
}

.loc_info_leftFL a {
    position: relative;
    box-sizing: border-box;
    -webkit-align-content: center;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    padding: 0 12px;
    height: 37px;
    background-color: #174b73;
    vertical-align: bottom;
    text-align: left;
    font-size: 10px;
    line-height: 11px;
    color: #fefefe;
    box-shadow: inset 0 50px 25px -25px #216ca6;
    transition: background-color .3s ease,border .3s ease,box-shadow .3s ease
}

.loc_info_leftFL a:not(:first-child) {
    border-left: 1px solid #ccc
}

.loc_info_leftFL a:before {
    display: inline-block;
    position: relative;
    height: 22px;
    margin-right: 9px;
    vertical-align: top;
    font-family: FontAwesome;
    line-height: 22px
}

.loc_info_leftFL a:hover {
    border-bottom: none;
    box-shadow: none;
    background-color: #1a5685
}

.loc_info_leftFL a .name {
    display: inline-block;
    position: relative;
    text-transform: uppercase
}

.loc_info_leftFL a .name b,.loc_info_leftFL a .name span {
    display: block;
    font-weight: 400
}

.asian_but {
    display: inline-block;
    position: relative;
    box-sizing: border-box;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1;
    padding: 7px 12px 8px 60px;
    height: 37px;
    border-left: 1px solid #ccc;
    box-shadow: inset 0 50px 25px -25px #216ca6;
    background-color: #174b73;
    vertical-align: bottom;
    text-align: left;
    font-size: 11px;
    line-height: 24px;
    color: #fefefe;
    transition: background-color .3s ease,border .3s ease,box-shadow .3s ease
}

.asian_but:hover {
    border-bottom: none;
    box-shadow: none;
    background-color: #1a5685
}

.asian_but .name {
    display: inline-block;
    position: relative;
    text-transform: uppercase
}

.asian_but:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 60px;
    height: 100%;
    background-image: url(/web/20190624090810im_/https://v2l.ccdnss.com/default/img/asian_but3.png);
    background-repeat: no-repeat
}

.loc_info_leftFL a .hideDop {
    display: none;
    position: absolute;
    top: 47px;
    left: 10px;
    z-index: 1;
    padding: 13px;
    min-width: 200px;
    border: 1px solid hsla(0,0%,100%,.5);
    border-radius: 2px;
    background-color: #1a5685;
    font-size: 12px;
    line-height: 15px;
    color: #fff
}

.loc_info_leftFL .link_new_site .hideDop,.loc_info_leftFL .lite_version .hideDop {
    min-width: 150px
}

.loc_info_leftFL a .hideDop:before {
    content: "\25E3";
    position: absolute;
    top: -12px;
    left: 10px;
    text-shadow: 0 -1px 1px #fff;
    font-size: 14px;
    color: #1a5685
}

.loc_info_leftFL a .hideDop .bigName {
    display: block;
    text-transform: uppercase;
    font-size: 12px;
    font-weight: 500;
    line-height: 14px
}

.loc_info_leftFL a .hideDop .text {
    display: inline-block;
    margin-top: 8px;
    font-size: 11px
}

.paymentsTL,.paymentsTLBut {
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto
}

.paymentsTLBut {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    box-sizing: border-box;
    -webkit-align-content: center;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    padding: 0 15px;
    height: 37px;
    overflow: hidden;
    border-left: 1px solid #ccc;
    text-align: left;
    text-transform: uppercase;
    font-size: 11px;
    line-height: 24px;
    color: #fefefe;
    box-shadow: inset 0 50px 25px -25px #378ecc;
    transition: background-color .3s ease,box-shadow .3s ease!important;
    background-color: #0e5d99
}

.paymentsTLBut:hover {
    border-bottom: none;
    box-shadow: none;
    background-color: #1f72af
}

.top_extra_buttons {
    margin-right: auto
}

.top_extra_buttons,.top_extra_buttons a {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto
}

.top_extra_buttons a {
    position: relative;
    box-sizing: border-box;
    -webkit-align-content: center;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    padding: 0 15px;
    height: 37px;
    border-left: 1px solid #ccc;
    background-color: #174b73;
    vertical-align: bottom;
    text-align: left;
    font-size: 10px;
    line-height: 11px;
    color: #fefefe;
    box-shadow: inset 0 50px 25px -25px #216ca6;
    transition: background-color .3s ease,box-shadow .3s ease
}

.top_extra_buttons a.bn {
    box-shadow: inset 0 50px 25px -25px #93c638
}

.top_extra_buttons a.bn:hover {
    box-shadow: none;
    background-color: #648626
}

.top_extra_buttons a:before {
    display: inline-block;
    position: relative;
    height: 22px;
    vertical-align: top;
    font-family: FontAwesome;
    line-height: 22px
}

.top_extra_buttons a:hover {
    border-bottom: none;
    box-shadow: none;
    background-color: #1a5685
}

.top_extra_buttons a span {
    display: none;
    position: absolute;
    top: 47px;
    left: 0;
    z-index: 1;
    padding: 13px;
    min-width: 200px;
    border: 1px solid hsla(0,0%,100%,.5);
    border-radius: 2px;
    background-color: #1a5685;
    font-size: 12px;
    line-height: 15px;
    color: #fff
}

.top_extra_buttons a span b {
    display: block;
    margin-bottom: 11px;
    text-transform: uppercase;
    font-size: 12px;
    font-weight: 500;
    line-height: 14px
}

.top_extra_buttons a span:before {
    content: "\25E3";
    position: absolute;
    top: -12px;
    left: 20px;
    text-shadow: 0 -1px 1px #fff;
    font-size: 14px;
    color: #1a5685
}

.top_extra_buttons a:hover span {
    display: block
}

.top_extra_buttons a.bn {
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-align-content: center;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 0 7px;
    background-color: #648626;
    text-align: center;
    text-transform: uppercase;
    font-family: Roboto Condensed,Roboto Condensed Local;
    line-height: 10px
}

.top_extra_buttons a.bn.kz {
    line-height: 13px
}

.top_extra_buttons a.bn b {
    display: inline-block;
    vertical-align: top;
    font-size: 16px
}

.top_extra_buttons a.bn.kz b {
    font-size: 14px
}

.top_extra_buttons a.bn b i {
    font-size: 10px;
    font-style: normal
}

.top_extra_buttons a.bn.kz b i {
    font-size: 17px
}

.top_extra_buttons a.bn:hover {
    background-color: #93c638
}

.callbackTLBut:before,.callbackTLBut_10:before {
    content: "\f095";
    font-size: 18px
}

.callbackTLBut {
    transition: all .15s ease
}

.callbackTLBut:hover>span {
    -webkit-animation: showHint 1s 1;
    animation: showHint 1s 1
}

.st:before {
    content: "\f080";
    font-size: 18px
}

.rz:before {
    content: "\f091";
    font-size: 18px
}

.top_extra_buttons .pl {
    display: inline-block;
    position: relative;
    box-sizing: border-box;
    cursor: pointer;
    padding: 7px 15px 8px;
    height: 37px;
    border-left: 1px solid #ccc;
    box-shadow: inset 0 50px 25px -25px #378ecc;
    background-color: #0e5d99;
    vertical-align: bottom;
    text-align: left;
    font-size: 10px;
    line-height: 11px;
    color: #fefefe;
    transition: background-color .3s ease,box-shadow .3s ease
}

.top_extra_buttons .pl:before {
    display: inline-block;
    position: relative;
    height: 22px;
    vertical-align: top;
    font-family: FontAwesome;
    line-height: 22px
}

.top_extra_buttons .pl.active,.top_extra_buttons .pl:hover {
    border-bottom: none;
    box-shadow: none;
    background-color: #1f72af
}

.top_extra_buttons .pl:before {
    content: "\f0c1";
    font-size: 18px
}

.plDrop_div {
    display: none;
    position: absolute;
    top: 37px;
    left: 0;
    z-index: 1;
    cursor: auto;
    padding: 12px 20px 2px 18px;
    min-width: 220px;
    box-shadow: 0 1px 6px rgba(0,0,0,.5);
    background-color: #1f72af;
    text-transform: none
}

.plDrop_div p {
    margin: 0 10px 13px;
    text-align: center;
    font-size: 12px;
    line-height: 18px
}

.plDrop_div p.title {
    text-transform: uppercase
}

.plDrop_div input {
    padding: 0 10px;
    width: calc(100% - 20px);
    height: 29px;
    margin-bottom: 12px;
    outline: none;
    border: 0;
    border-radius: 2px;
    box-shadow: none;
    line-height: 29px
}

.plDrop_div input::-webkit-input-placeholder {
    color: #a4a7b4
}

.plDrop_div input::-moz-placeholder {
    color: #a4a7b4
}

.plDrop_div input:-ms-input-placeholder {
    color: #a4a7b4
}

.plDrop_div input::-ms-input-placeholder {
    color: #a4a7b4
}

.plDrop_div input::placeholder {
    color: #a4a7b4
}

.plDrop_div .enter_button_main {
    display: block;
    padding: 0;
    width: 100%;
    height: 29px;
    margin-top: 5px;
    margin-bottom: 10px;
    border-left: 0;
    border-radius: 2px;
    box-shadow: inset 0 -1px 3px #83b924;
    background-image: linear-gradient(180deg,#82b823,#649113);
    text-align: center;
    text-transform: uppercase;
    font-size: 12px;
    line-height: 29px;
    color: #fff
}

.plDrop_div .socAuthTxt {
    text-align: center;
    font-size: 12px;
    line-height: 16px
}

#loc_info>noindex,.loc_info2>noindex {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

#loc_info>noindex,.curlangDropTop,.langDropTop,.loc_info2>noindex {
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto
}

.curlangDropTop {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    box-sizing: border-box;
    cursor: pointer;
    -webkit-align-content: center;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    padding: 0 15px;
    height: 37px;
    border-left: 1px solid #ccc;
    background-color: #174b73;
    line-height: 22px;
    box-shadow: inset 0 50px 25px -25px #216ca6;
    transition: background-color .3s ease,box-shadow .3s ease
}

.curlangDropTop:before {
    transition: all .15s linear
}

.langDropTop_con.active .curlangDropTop:before {
    -webkit-animation: showSubTop1 .5s linear 1;
    animation: showSubTop1 .5s linear 1
}

@-webkit-keyframes showSubTop1 {
    0%,80% {
        -webkit-transform: scale(1) rotate(0deg);
        transform: scale(1) rotate(0deg)
    }

    to {
        -webkit-transform: scale(1) rotate(180deg);
        transform: scale(1) rotate(180deg)
    }
}

@keyframes showSubTop1 {
    0%,80% {
        -webkit-transform: scale(1) rotate(0deg);
        transform: scale(1) rotate(0deg)
    }

    to {
        -webkit-transform: scale(1) rotate(180deg);
        transform: scale(1) rotate(180deg)
    }
}

.curlangDropTop:after {
    content: "\f107";
    font-family: FontAwesome;
    font-size: 14px;
    line-height: 20px
}

.curlangDropTop:hover,.langDropTop_con.active .curlangDropTop {
    border-bottom: none;
    box-shadow: none;
    background-color: #1a5685
}

.curlangDropTop>.langDT17 {
    display: inline-block;
    width: 17px;
    height: 18px;
    margin-top: 2px
}

.curlangDropTop .name {
    display: inline-block;
    margin: 0 4px;
    vertical-align: top;
    text-transform: uppercase;
    font-size: 12px
}

.langDropTop_ul {
    display: none;
    position: absolute;
    top: 37px;
    right: 0;
    z-index: 1;
    box-sizing: border-box;
    padding: 2px;
    width: 304px;
    margin: 0;
    box-shadow: 0 1px 6px rgba(0,0,0,.5);
    background-color: #1a5685;
    list-style: none;
    font-size: 0
}

.langDropTop_ul li {
    display: inline-block;
    width: 20%;
    font-size: 12px;
    margin-top: 10px
}

.langDropTop_ul li:nth-child(-n+5) {
    margin-top: 0
}

.langDropTop_ul li a {
    display: block;
    box-sizing: border-box;
    padding: 3px 3px 3px 10px;
    line-height: 22px;
    color: #fff;
    transition: .3s ease
}

.langDropTop_ul li a:hover {
    background-color: #1f72af
}

.langDropTop_ul li a span {
    text-transform: uppercase
}

.timeButTopFl {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    box-sizing: border-box;
    cursor: pointer;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    -webkit-align-content: center;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    padding: 0 15px;
    height: 37px;
    border-left: 1px solid #ccc;
    background-color: #174b73;
    line-height: 22px;
    box-shadow: inset 0 50px 25px -25px #216ca6;
    transition: background-color .3s ease,box-shadow .3s ease
}

.timeButTopFl.active .timeButTop:before {
    -webkit-animation: showSubTop2 .5s linear 1;
    animation: showSubTop2 .5s linear 1
}

@-webkit-keyframes showSubTop2 {
    0%,80% {
        -webkit-transform: scale(1) rotate(0deg);
        transform: scale(1) rotate(0deg)
    }

    to {
        -webkit-transform: scale(1) rotate(180deg);
        transform: scale(1) rotate(180deg)
    }
}

@keyframes showSubTop2 {
    0%,80% {
        -webkit-transform: scale(1) rotate(0deg);
        transform: scale(1) rotate(0deg)
    }

    to {
        -webkit-transform: scale(1) rotate(180deg);
        transform: scale(1) rotate(180deg)
    }
}

.timeButTopFl:after {
    content: "\f107";
    font-family: FontAwesome;
    font-size: 14px;
    line-height: 20px
}

.timeButTopFl.active,.timeButTopFl:hover {
    border-bottom: none;
    box-shadow: none;
    background-color: #1a5685
}

.timeButTop {
    display: inline-block;
    width: 34px;
    margin-right: 4px;
    font-size: 13px
}

.timeButTop:before {
    transition: all .15s linear
}

.timeButTop_con {
    display: none;
    position: absolute;
    top: 37px;
    right: 0;
    z-index: 1;
    width: 640px;
    box-shadow: 0 1px 6px rgba(0,0,0,.5);
    background-color: #1a5685
}

.timeButTop_con_scroll {
    height: 200px
}

.timeButTop_con_scroll .ps-scrollbar-y-rail {
    top: 0!important
}

.timeButTop_con ul {
    padding: 0;
    margin: 0;
    list-style: none
}

.timeButTop_con ul li {
    display: block;
    position: relative;
    padding: 3px 15px;
    font-size: 12px;
    line-height: 22px
}

.timeButTop_con ul li:not(:first-child):after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 1px;
    background-color: #1f72af
}

.timeButTop_con ul li:hover {
    background-color: #1f72af
}

.coefDropTop {
    position: relative
}

.coefDropTop_con {
    position: absolute;
    top: 37px;
    right: 0;
    z-index: 1;
    box-shadow: 0 1px 6px rgba(0,0,0,.5);
    background-color: #1a5685
}

.coefDropTop_con.active {
    min-width: 500px
}

:root .coefDropTop_con.active,_:-ms-fullscreen {
    max-width: 650px
}

.curcoefDropTop {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    box-sizing: border-box;
    cursor: pointer;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    -webkit-align-content: center;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    padding: 0 15px;
    height: 37px;
    border-left: 1px solid #ccc;
    background-color: #174b73;
    line-height: 22px;
    box-shadow: inset 0 50px 25px -25px #216ca6;
    transition: background-color .3s ease,box-shadow .3s ease
}

.coefDropTop_con.active .curcoefDropTop:before {
    -webkit-animation: showSubTop3 .5s linear 1;
    animation: showSubTop3 .5s linear 1
}

@-webkit-keyframes showSubTop3 {
    0%,80% {
        -webkit-transform: scale(1) rotate(0deg);
        transform: scale(1) rotate(0deg)
    }

    to {
        -webkit-transform: scale(1) rotate(180deg);
        transform: scale(1) rotate(180deg)
    }
}

@keyframes showSubTop3 {
    0%,80% {
        -webkit-transform: scale(1) rotate(0deg);
        transform: scale(1) rotate(0deg)
    }

    to {
        -webkit-transform: scale(1) rotate(180deg);
        transform: scale(1) rotate(180deg)
    }
}

.curcoefDropTop:before {
    content: "\f013";
    display: inline-block;
    position: relative;
    height: 22px;
    margin-right: 9px;
    vertical-align: top;
    font-family: FontAwesome;
    font-size: 16px;
    line-height: 20px;
    -webkit-animation: none!important;
    animation: none!important
}

.curcoefDropTop:after {
    content: "\f107";
    position: absolute;
    top: 50%;
    right: 12px;
    height: 20px;
    font-family: FontAwesome;
    font-size: 14px;
    line-height: 20px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.curcoefDropTop.active,.curcoefDropTop:hover {
    border-bottom: none;
    box-shadow: none;
    background-color: #1a5685
}

.teo-item,[class*=top-options] {
    padding: 0;
    margin: 0;
    list-style: none
}

.top-extra-options,[class*=top-options] {
    display: none
}

.coefDropTop_con.active .top-extra-options,.coefDropTop_con.active [class*=top-options] {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.coefDropTop_con.active [class*=top-options] {
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

[class*=top-options] {
    position: relative;
    top: auto!important;
    left: auto!important;
    width: 100%
}

@media (min-width: 1367px) {
    .top-name.live_line_view,.top-options#live_line_view {
        display:none!important
    }
}

.top-options_views {
    padding: 1px
}

.top-options_regions:before {
    content: "";
    position: absolute;
    top: -2px;
    left: 50%;
    width: 25px;
    height: 1px;
    background-color: #1f72af;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

[class*=top-options] li {
    position: relative;
    cursor: pointer;
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto
}

.top-name {
    display: none;
    position: relative;
    padding: 0;
    width: 100%;
    height: 25px;
    text-align: center;
    text-transform: uppercase;
    font-size: 11px;
    line-height: 25px
}

.coefDropTop_con.active .top-name {
    display: block
}

.top-name:first-child:before {
    content: "";
    position: absolute;
    top: -5px;
    left: 0;
    width: 100%;
    height: 5px;
    box-shadow: inset 0 -5px 6px -6px rgba(0,0,0,.5)
}

.top-options_regions li {
    -webkit-flex-basis: 16%;
    -ms-flex-preferred-size: 16%;
    flex-basis: 16%;
    min-width: 80px;
    margin: -3px 6px;
    overflow: hidden;
    background-color: transparent
}

.top-options li {
    margin-left: 1px;
    background-color: #4785b5;
    transition: background-color .3s ease
}

.top-options li:last-child {
    margin-right: 1px
}

.top-options li.check,.top-options li:hover {
    background-color: #1f72af
}

.top-options li:before {
    content: "";
    position: absolute;
    top: 9px;
    left: 50%;
    width: 7px;
    height: 7px;
    border: 1px solid #e5e5e5;
    border-radius: 50%;
    background-color: #999;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

.top-options li.check:before {
    background-color: #89bf2a
}

.top-options_regions li:after {
    content: "";
    opacity: .65;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-position: bottom;
    background-repeat: no-repeat;
    background-size: 80px auto;
    transition: opacity .3s ease;
    pointer-events: none
}

.top-options_regions li.check:after,.top-options_regions li:hover:after {
    opacity: 1
}

.top-options_regions .re1:after {
    background-image: url(/web/20190624090810im_/https://v2l.ccdnss.com/default/img/region1.png)
}

.top-options_regions .re2:after {
    background-image: url(/web/20190624090810im_/https://v2l.ccdnss.com/default/img/region2.png)
}

.top-options_regions .re3:after {
    background-image: url(/web/20190624090810im_/https://v2l.ccdnss.com/default/img/region3.png)
}

.top-options_regions .re4:after {
    background-image: url(/web/20190624090810im_/https://v2l.ccdnss.com/default/img/region4.png)
}

.top-options_regions .re5:after {
    background-image: url(/web/20190624090810im_/https://v2l.ccdnss.com/default/img/region5.png)
}

.top-options_regions .re6:after {
    background-image: url(/web/20190624090810im_/https://v2l.ccdnss.com/default/img/region6.png)
}

.top-view {
    cursor: pointer;
    padding: 0 30px;
    height: 125px;
    background-color: #4684b4
}

.top-view,.top-view:after,.top-view:before {
    transition: background-color .3s;
    will-change: background-color
}

.top-view:after,.top-view:before {
    content: "";
    position: absolute;
    top: 26%;
    box-sizing: border-box;
    width: 6px;
    height: 48%;
    border: 1px solid #fff;
    border-radius: 2px;
    background-color: #999
}

.top-view:before {
    left: 20px
}

.top-view:after {
    right: 20px
}

.top-view.active,.top-view:hover {
    background-color: #1f72ad
}

.top-view.active:after,.top-view.active:before {
    background-color: #89c02a
}

.top-view:not(:first-of-type) {
    margin-left: 1px
}

.top-view__name {
    margin: 0;
    text-align: center;
    text-transform: uppercase;
    font-size: 11px;
    line-height: 2.8;
    pointer-events: none
}

.top-view__map {
    width: 150px;
    height: 95px;
    margin: 0 auto;
    background-image: url(/web/20190624090810im_/https://v2l.ccdnss.com/default/img/top-views.png);
    background-repeat: no-repeat;
    background-size: auto 100%;
    pointer-events: none
}

.top-view.europe .top-view__map {
    background-position: 0 0
}

.top-view.asia .top-view__map {
    background-position: 100% 0
}

[class*=top-options] li a {
    display: block;
    text-align: center;
    font-size: 11px;
    line-height: 25px;
    color: #fefefe;
    pointer-events: none
}

.top-options_regions li a {
    padding-bottom: 63px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.top-options li a {
    padding: 20px 13px 0;
    white-space: nowrap
}

.top-options_regions li.check a,.top-options_regions li:hover a {
    color: #66c4ff
}

.top-options__example {
    color: #90bbdb;
    font-size: 9px;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

.top-options.top-options--coefs .setting-site:before {
    display: none
}

.top-options.top-options--coefs .setting-site .setting-site__link {
    padding: 7px 13px 5px;
    line-height: 18px;
    border-bottom: 3px solid transparent
}

.top-options.top-options--coefs .setting-site.check .setting-site__link,.top-options.top-options--coefs .setting-site:hover .setting-site__link {
    border-bottom: 3px solid #89bf2a
}

.top-extra-options {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.teo-item {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    box-sizing: border-box;
    -webkit-flex: 1 1 50%;
    -ms-flex: 1 1 50%;
    flex: 1 1 50%;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-align-content: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 50%;
    border-bottom: 1px solid #4785b5
}

.withLangs .teo-item#live_line_view {
    display: none
}

@media (min-width: 1367px) {
    .teo-item#live_line_view {
        display:none
    }
}

.teo-item:nth-child(2n) {
    box-shadow: inset 1px 0 0 #4785b5
}

[class*=teo-item__name] {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    box-sizing: border-box;
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    -webkit-align-content: center;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 2px 15px;
    width: 100%;
    height: 25px;
    text-transform: uppercase;
    font-size: 11px;
    line-height: 12px;
    color: #fefefe;
    transition: background-color .3s ease
}

.teo-item__name_switch {
    cursor: pointer;
    padding-right: 40px
}

.teo-item__name_switch:hover {
    background-color: hsla(0,0%,100%,.05)
}

.teo-item__name_switch:after,.teo-item__name_switch:before {
    content: "";
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.teo-item__name_switch:before {
    right: 15px;
    width: 24px;
    height: 10px;
    border-radius: 4px;
    background-color: hsla(0,0%,89%,.5);
    transition: background-color .3s ease
}

.teo-item__name_switch.check:before {
    background-color: rgba(132,178,50,.5)
}

.teo-item__name_switch:after {
    right: 24px;
    width: 15px;
    height: 15px;
    border-radius: 50%;
    background-color: #e4e4e4;
    transition: background-color .3s ease,right .3s ease
}

.teo-item__name_switch.check:after {
    right: 15px;
    background-color: #84b232
}

[class*=teo-color] {
    cursor: pointer;
    padding: 0 5px;
    height: 15px;
    text-transform: none;
    line-height: 15px
}

[class*=teo-color].check,[class*=teo-color]:hover {
    box-shadow: 0 2px 0 0 #89bf2a
}

.teo-color__gray {
    margin-left: auto;
    background-color: #d2dee2;
    color: #1a5685
}

.teo-color__blue {
    background-color: #4b90b3;
    color: #fff
}

.teo-mirrors {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-align-content: center;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    max-width: 50%;
    margin-left: auto
}

.teo-mirrors_item {
    display: inline-block;
    width: 32px;
    height: 17px;
    margin: 0 0 1px 1px;
    border: 1px solid #e5e5e5;
    border-radius: 3px;
    background-color: #33739c;
    text-align: center;
    font-size: 11px;
    line-height: 17px;
    color: #fff;
    transition: .3s ease
}

.teo-mirrors_item:hover {
    background-color: #4785b5
}

.teo-mirrors_domain {
    color: #fff
}

.top_short_link {
    display: none
}

#loginout:not(.top__account) {
    margin-left: auto
}

#loginout:not(.top__account),.fLogin2 {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto
}

.fLogin2>a:not(.register_button_main) {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    box-sizing: border-box;
    cursor: pointer;
    -webkit-align-content: center;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    padding: 0 15px;
    height: 37px;
    background-color: #0e5d99;
    text-transform: uppercase;
    font-size: 11px;
    line-height: 22px
}

.loginDropTop {
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto
}

.loginDropTop_con {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    box-sizing: border-box;
    cursor: pointer;
    -webkit-align-content: center;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    padding: 0 15px;
    height: 37px;
    background-color: #0e5d99;
    text-transform: uppercase;
    font-size: 11px;
    line-height: 22px;
    box-shadow: inset 0 50px 25px -25px #378ecc;
    transition: background-color .3s ease,border .3s ease,box-shadow .3s ease!important
}

.loginDropTop_con:hover {
    border-bottom: none;
    box-shadow: none;
    background-color: #1f72af
}

.loginDropTop_con.active {
    border: none;
    box-shadow: none;
    background-color: #1a5685
}

.curloginDropTop:before {
    content: "\f090";
    display: inline-block;
    position: relative;
    height: 22px;
    margin-right: 9px;
    vertical-align: top;
    font-family: FontAwesome;
    font-size: 14px;
    line-height: 22px
}

.curloginDropTop .name {
    display: inline-block;
    height: 20px;
    vertical-align: bottom;
    line-height: 20px
}

.loginDropTop_div {
    display: none;
    position: absolute;
    top: 37px;
    left: 0;
    z-index: 1;
    cursor: auto;
    padding: 19px 20px 5px 18px;
    min-width: 250px;
    box-shadow: 0 1px 6px rgba(0,0,0,.5);
    background-color: #1a5685;
    text-transform: none
}

.loginDropTop_div input {
    box-sizing: border-box;
    padding: 0 10px;
    width: 100%;
    height: 29px;
    margin-bottom: 12px;
    outline: none;
    border: 0;
    border-radius: 2px;
    box-shadow: none;
    line-height: 29px
}

.loginDropTop_div input::-webkit-input-placeholder {
    color: #a4a7b4
}

.loginDropTop_div input::-moz-placeholder {
    color: #a4a7b4
}

.loginDropTop_div input:-ms-input-placeholder {
    color: #a4a7b4
}

.loginDropTop_div input::-ms-input-placeholder {
    color: #a4a7b4
}

.loginDropTop_div input::placeholder {
    color: #a4a7b4
}

.clearSave {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.loginDropTop_div .big_check {
    display: inline-block;
    width: auto;
    height: 13px;
    margin: 0;
    vertical-align: top;
    line-height: 13px
}

.loginDropTop_div .big_check+label {
    display: inline-block;
    margin-right: 15px;
    vertical-align: top;
    font-size: 12px;
    line-height: 15px;
    white-space: nowrap
}

.loginDropTop_div .forgot_pass_main {
    margin-left: auto;
    vertical-align: top;
    text-decoration: underline;
    font-size: 12px;
    line-height: 15px;
    white-space: nowrap;
    color: #fff
}

.loginDropTop_div .forgot_pass_main:hover {
    text-decoration: none
}

.loginDropTop_div .enter_button_main {
    display: block;
    width: 100%;
    height: 29px;
    margin-top: 5px;
    margin-bottom: 10px;
    border-radius: 2px;
    box-shadow: inset 0 -1px 3px #83b924;
    background-image: linear-gradient(180deg,#82b823,#649113);
    text-align: center;
    text-transform: uppercase;
    font-size: 12px;
    line-height: 29px;
    color: #fff
}

.loginDropTop_div .socAuthTxt {
    text-align: center;
    font-size: 12px;
    line-height: 16px
}

.loginDropTop_div .all_soc_enter {
    padding: 0;
    margin: 10px 0 0;
    list-style: none;
    text-align: center;
    line-height: 24px;
    white-space: nowrap
}

.loginDropTop_div .all_soc_enter li {
    display: inline-block
}

.loginDropTop_div .all_soc_enter li:not(:first-child) {
    margin-left: 20px
}

.loginDropTop_div .all_soc_enter li a {
    display: block;
    font-size: 0
}

.loginDropTop_div .all_soc_enter li a:before {
    color: #fff
}

.loginDropTop_div .all_soc_enter a:hover {
    color: #2499f2
}

.loginDropTop_div .all_soc_enter li .fb_en:before {
    content: "\f09a";
    font-family: FontAwesome;
    font-size: 13px
}

.loginDropTop_div .all_soc_enter li .gp_en:before {
    content: "\f0d5";
    font-family: FontAwesome;
    font-size: 13px
}

.loginDropTop_div .all_soc_enter li .tw_en:before {
    content: "\f099";
    font-family: FontAwesome;
    font-size: 13px
}

.loginDropTop_div .all_soc_enter li .vk_en:before {
    content: "\f189";
    font-family: FontAwesome;
    font-size: 13px
}

.loginDropTop_div .all_soc_enter li .tg_en:before {
    content: "\f2c6";
    font-family: FontAwesome;
    font-size: 13px
}

.loginDropTop_div .all_soc_enter li .ok_en:before {
    content: "\f263";
    font-family: FontAwesome;
    font-size: 12px
}

.loginDropTop_div .all_soc_enter li .ya_en:before {
    content: "Я";
    font-family: Tahoma,Arial,Verdana,Sans-Serif;
    font-size: 14px
}

.loginDropTop_div .all_soc_enter li .mr_en:before {
    content: "@";
    font-family: Tahoma,Arial,Verdana,Sans-Serif;
    font-size: 14px
}

.alt-auth {
    -webkit-justify-content: space-around;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    margin-bottom: 5px
}

.alt-auth,[class*=alt-auth__link] {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

[class*=alt-auth__link] {
    cursor: pointer;
    -webkit-flex: 0 1 auto;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    -webkit-align-content: center;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 5px 15px;
    border-radius: 2px;
    background-color: hsla(0,0%,100%,.15);
    text-transform: uppercase;
    font-size: 11px;
    line-height: 1.43;
    color: #fff;
    transition: background-color .3s
}

[class*=alt-auth__link].active,[class*=alt-auth__link]:hover {
    background-color: hsla(0,0%,100%,.3)
}

[class*=alt-auth__link]:before {
    margin-right: 5px;
    font-family: FontAwesome
}

.alt-auth__link_sms:before {
    content: "\f0e0";
    font-size: 13px
}

.alt-auth__link_otp:before {
    content: "\f023";
    font-size: 14px
}

[class*=alt-auth__dialog]:not(.g-login__form) {
    position: absolute;
    top: 0;
    left: 0;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 20px 20px 0;
    width: 100%;
    min-height: 165px;
    background-color: #1a5685
}

.alt-auth__input,[class*=alt-auth__dialog]:not(.g-login__form) {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    box-sizing: border-box
}

.alt-auth__input {
    -webkit-align-content: center;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 0 10px;
    margin: 0!important;
    outline: none;
    border: none;
    border-radius: 2px;
    box-shadow: none;
    background-color: #fff
}

#google_auth .alt-auth {
    margin-top: 20px;
    margin-bottom: 15px
}

.alt-auth__btn {
    box-sizing: border-box;
    cursor: pointer;
    width: 100%;
    height: 29px;
    margin-top: 15px;
    outline: none;
    border: none;
    border-radius: 2px;
    box-shadow: inset 0 -1px 3px #83b924;
    background-image: linear-gradient(180deg,#649113,#82b823);
    text-align: center;
    text-transform: uppercase;
    font-size: 12px;
    color: #fff
}

.alt-auth__text {
    margin: 10px 0 4px;
    text-align: center;
    font-size: 13px;
    line-height: 16px
}

.register_button_main {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    box-sizing: border-box;
    cursor: pointer;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    -webkit-align-content: center;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    padding: 0 12px;
    height: 37px;
    border-left: 1px solid #ccc;
    background-color: #688c29;
    vertical-align: bottom;
    text-transform: uppercase;
    font-size: 11px;
    line-height: 24px;
    color: #fefefe;
    box-shadow: inset 0 50px 25px -25px #84b232;
    transition: background-color .3s ease,border .3s ease,box-shadow .3s ease!important
}

.register_button_main:before {
    content: "\f044";
    display: inline-block!important;
    position: relative;
    height: 22px;
    margin-right: 5px;
    vertical-align: top;
    font-family: FontAwesome;
    font-size: 14px;
    line-height: 22px
}

.register_button_main:hover {
    border-bottom: none;
    box-shadow: none;
    background-color: #84b232
}

.user-money {
    position: relative
}

.show_bonusProgress {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    cursor: default;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    padding-right: 15px;
    padding-left: 25px;
    border-left: 1px solid #ccc;
    background-color: #75a4c8;
    vertical-align: bottom
}

.show_bonusProgress:after {
    content: "\f021";
    position: absolute;
    top: 50%;
    left: 10px;
    cursor: pointer;
    font-family: FontAwesome;
    font-size: 14px;
    color: #fefefe;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    transition: .5s ease
}

.show_bonusProgress:active:after {
    -webkit-transform: translateY(-50%) rotate(180deg);
    transform: translateY(-50%) rotate(180deg)
}

.show_bonusProgress img {
    display: none
}

.show_bonusProgress:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    width: 0;
    height: 3px;
    background-color: #4988b9;
    transition: width .2s ease
}

.show_bonusProgress:active:before {
    width: 100%
}

.user-money {
    height: 100%
}

.user-money,.user-money_balance {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.user-money_balance {
    position: relative
}

.user-money_balance .scroll-wrapper>.scroll-content {
    max-height: 295px!important;
    margin: 0!important;
    overflow: hidden!important
}

.user-money_balance:hover .user-balance-list {
    display: block
}

.user-balance-list {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1;
    min-width: 210px;
    max-height: 295px;
    overflow: auto;
    border-top: 2px solid #fff;
    box-shadow: 3px 3px 15px 0 rgba(0,0,0,.6);
    background: #75a4c8;
    font-size: 12px
}

.user-balance-list__currency {
    margin: 0 2px
}

.user-balance-list__item {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 10px 15px;
    border-bottom: 1px solid #fff;
    white-space: nowrap;
    transition: all .2s ease-in-out
}

.user-balance-list__item-row {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.user-balance-list__item-row:first-child {
    margin-bottom: 5px
}

.user-balance-list__item-row p {
    margin: 0
}

.user-balance-list__item-row p:first-child {
    margin-right: .5em
}

.user-balance-list__item:last-of-type {
    border: 0
}

.base-balance .user-balance-list__item:hover {
    cursor: pointer;
    background: #4a88b9
}

.user-balance-list__name {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 12px 0;
    white-space: nowrap
}

.user-balance-list__value {
    margin: 12px 0
}

.extra-balance-list {
    min-width: 400px;
    background: #1a5685
}

.extra-balance-list__item {
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start
}

.extra-balance-list__item,.extra-balance-list__row {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.extra-balance-list__row {
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 10px 0;
    border-bottom: 1px solid #fff
}

.extra-balance-list__row:last-child {
    border: 0
}

.extra-balance-list .user-balance-list__name,.extra-balance-list .user-balance-list__value {
    margin-top: 5px;
    margin-bottom: 0
}

.extra-balance-list__col_progress {
    min-width: 200px;
    margin-left: 10px
}

.extra-balance-item {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    box-sizing: border-box;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    min-width: 200px
}

.extra-balance-item:first-child {
    border-right: 1px solid #4786b5
}

.extra-balance-item+.extra-balance-item .new_header_compatibility {
    display: block
}

.extra-balance-item__title {
    box-sizing: border-box;
    padding: 5px 0;
    width: 100%;
    border-bottom: 1px solid #4887b5;
    text-align: center;
    text-transform: uppercase;
    font-size: 12px
}

.extra-balance-item__single {
    box-sizing: border-box;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 0 10px;
    width: 100%;
    min-height: 31px;
    margin: 5px 0
}

.extra-balance-item__single,.extra-balance__tab {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.extra-balance__tab {
    position: relative;
    cursor: default;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    padding: 0 15px 0 25px;
    border-left: 1px solid #ccc;
    background-color: #75a4c8;
    vertical-align: bottom
}

.extra-balance__tab:before {
    content: "\f06b";
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    position: absolute;
    top: 0;
    left: 10px;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 100%;
    font-family: FontAwesome;
    font-size: 14px;
    color: #fefefe;
    transition: all .2s ease-in-out
}

.extra-balance:hover .top-b__arrow:after,.show_bonusProgress:hover .top-b__arrow:after {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.show_bonusProgress b {
    display: block;
    font-size: 10px;
    font-weight: 400
}

.top-b__account {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-align-content: flex-start;
    -ms-flex-line-pack: start;
    align-content: flex-start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 5px;
    vertical-align: top;
    text-align: left;
    text-transform: uppercase;
    color: #fefefe
}

.top-b__arrow {
    width: 15px
}

.top-b__arrow,.top-b__arrow:after {
    position: absolute;
    top: 0;
    right: 0;
    height: 100%
}

.top-b__arrow:after {
    content: "\f107";
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%;
    font-family: FontAwesome;
    font-size: 14px;
    color: #fefefe;
    transition: all .2s ease-in-out
}

.top-b__account~.top-b__account:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 1px;
    height: 100%;
    background-image: linear-gradient(180deg,transparent,#fff,transparent)
}

.top-b-acc__title {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 0;
    font-size: 11px;
    font-weight: 500;
    line-height: 13px
}

.top-b-acc__title .currency-account {
    margin: 0 2px
}

.top-b-acc__title span {
    text-transform: none;
    font-size: 10px
}

.top-b-acc__amount {
    margin: 0;
    font-size: 12px;
    line-height: 13px
}

.top-b__show {
    opacity: 1;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    position: absolute;
    top: 0;
    left: 0;
    box-sizing: border-box;
    cursor: pointer;
    -webkit-align-content: center;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 0 5px;
    width: 100%;
    height: 100%;
    background-color: #75a4c8;
    background-image: radial-gradient(hsla(0,0%,100%,.2),transparent 0);
    text-align: center;
    text-transform: uppercase;
    font-size: 14px;
    color: #fff;
    transition: opacity .1s
}

.top-b__show:hover {
    opacity: 0
}

.bonuses_dropdown {
    position: absolute;
    top: 100%;
    left: 1px;
    z-index: 1;
    max-height: 0;
    overflow: hidden;
    box-shadow: none;
    color: #fff;
    transition: max-height .3s,border .3s
}

.wrap_bonusProgress.new_header_compatibility~.bonuses_dropdown {
    left: 226px
}

.bonuses_dropdown:hover,.show_bonusProgress:hover~.bonuses_dropdown {
    max-height: 200px;
    border: 1px solid #75a4c8;
    box-shadow: 0 1px 6px rgba(0,0,0,.5)
}

.bonuses_dropdown_head {
    padding: 0 10px;
    min-height: 5px;
    background-color: #75a4c8;
    color: #fefefe
}

.bonuses_dropdown_head_text {
    margin: 0
}

.bonuses_dropdown_head_coins,.bonuses_dropdown_head_rating {
    display: inline-block;
    padding: 0;
    width: 50%;
    margin: 0;
    text-transform: uppercase;
    font-size: 11px;
    line-height: 27px
}

.bonuses_dropdown_head_coins {
    text-align: right
}

.bonuses_dropdown_list {
    padding: 0;
    min-width: 225px;
    list-style: none
}

.bonuses_dropdown_list>li {
    box-sizing: border-box;
    padding: 3px 0;
    height: 37px;
    border-top: 1px solid #75a4c8;
    background-color: #1a5685
}

li.bonus_account {
    position: relative;
    cursor: pointer;
    padding-left: 30px;
    line-height: 31px
}

li.bonus_account:hover {
    background-color: #1f72af
}

li.bonus_account:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 10px;
    width: 7px;
    height: 7px;
    border: 1px solid #e5e5e5;
    border-radius: 50%;
    background-color: #999;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

li.bonus_account__active:before {
    background-color: #89bf2a
}

.bonus_account_balance,.bonus_account_type {
    margin: 0;
    font-size: 11px;
    line-height: 14px
}

.bonus_account_balance_currency {
    display: inline-block;
    margin-left: 4px;
    text-transform: uppercase
}

#show_bonusProgress {
    display: none!important
}

.progress {
    display: inline-block;
    position: relative;
    width: 200px;
    height: 100%!important
}

.wrap_bonusProgress.new_header_compatibility {
    display: inline-block;
    box-sizing: border-box;
    padding: 3px 0;
    height: 37px;
    background: #1a5685;
    vertical-align: bottom;
    text-align: left;
    font-size: 12px;
    color: #fff
}

.passwProgress {
    display: inline-block;
    width: 100%;
    height: 9px!important;
    margin: 10px 0
}

.bonusProgress {
    display: inline-block;
    height: 10px;
    margin: 0 10px
}

.bonus_start {
    padding-right: 10px
}

.progress-label {
    position: absolute;
    left: 50%;
    font-size: 10px
}

.bonus_end {
    padding-left: 10px
}

.new_header_compatibility .nameBonus {
    margin-bottom: 2px;
    text-transform: uppercase;
    font-size: 10px;
    line-height: 13px
}

.new_header_compatibility .bonusProgress {
    position: relative;
    width: 100%;
    height: auto;
    margin: 0;
    vertical-align: top;
    font-size: 0
}

.new_header_compatibility .bonus_end,.new_header_compatibility .bonus_start {
    position: absolute;
    top: 100%;
    font-size: 9px;
    color: #fff
}

.new_header_compatibility .bonus_start {
    left: 0
}

.new_header_compatibility .bonus_end {
    right: 0
}

.new_header_compatibility .progress {
    box-sizing: border-box;
    width: 100%;
    height: 4px!important;
    overflow: visible;
    border-top: 0;
    border-right: 1px solid #fff;
    border-bottom: 0;
    border-left: 1px solid #fff;
    border-radius: 0;
    background-color: #ccc;
    background-image: none
}

.new_header_compatibility .bonus_progress_markers {
    padding-left: 0;
    list-style: none
}

.new_header_compatibility .bonus_progress_markers>li {
    display: inline-block;
    position: absolute;
    top: 100%;
    font-size: 9px;
    color: #fff;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

.new_header_compatibility .bonus_progress_markers>li:first-child {
    left: 16.67%
}

.new_header_compatibility .bonus_progress_markers>li:nth-child(2) {
    left: 33.33%
}

.new_header_compatibility .bonus_progress_markers>li:nth-child(3) {
    left: 50%
}

.new_header_compatibility .bonus_progress_markers>li:nth-child(4) {
    left: 66.67%
}

.new_header_compatibility .bonus_progress_markers>li:nth-child(5) {
    left: 83.33%
}

.new_header_compatibility .bonus_progress_markers>li:before {
    content: "";
    position: absolute;
    top: -4px;
    left: 50%;
    width: 1px;
    height: 4px;
    background-color: #fff
}

.new_header_compatibility .progress-label {
    top: 100%;
    font-size: 9px;
    color: #fff;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

.new_header_compatibility .ui-progressbar-value {
    max-width: 100%;
    margin: 0!important;
    border-right: 1px solid #fff;
    background-color: #89bf2a!important
}

.new_header_compatibility .bonus_race .ui-progressbar-value {
    border-right: none
}

.up-funds-button-green {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    box-sizing: border-box;
    cursor: pointer;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    -webkit-align-content: center;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    padding: 0 15px;
    height: 37px;
    border-left: 1px solid #ccc;
    background-color: #688c29;
    vertical-align: bottom;
    text-transform: uppercase;
    font-size: 11px;
    line-height: 24px;
    color: #fefefe;
    box-shadow: inset 0 50px 25px -25px #84b232;
    transition: background-color .3s ease,border .3s ease,box-shadow .3s ease!important
}

.up-funds-button-green:hover {
    border-bottom: none;
    box-shadow: none;
    background-color: #84b232
}

.up-funds-button-green:before {
    content: "\f019";
    display: inline-block;
    position: relative;
    height: 22px;
    margin-right: 4px;
    vertical-align: top;
    font-family: FontAwesome;
    font-size: 14px;
    line-height: 24px
}

.header-history,.header-history a {
    display: inline-block;
    vertical-align: bottom
}

.header-history a {
    position: relative;
    box-sizing: border-box;
    cursor: pointer;
    padding: 7px 15px 8px;
    height: 37px;
    border-left: 1px solid #ccc;
    box-shadow: inset 0 50px 25px -25px #216ca6;
    background-color: #174b73;
    text-transform: uppercase;
    text-decoration: none;
    font-size: 0;
    line-height: 24px;
    color: #fff;
    transition: background-color .3s ease,border .3s ease,box-shadow .3s ease!important
}

.header-history a:hover {
    border-bottom: none;
    box-shadow: none;
    background-color: #1a5685
}

.header-history a:before {
    content: "\f017";
    display: inline-block;
    position: relative;
    height: 22px;
    vertical-align: top;
    font-family: FontAwesome;
    font-size: 18px;
    line-height: 22px
}

.header-history img {
    display: none
}

.wrap_lk {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    position: relative
}

.wrap_lk:hover .lk_header_options {
    max-height: 300px;
    transition: max-height .6s
}

.lk_header_options {
    position: absolute;
    top: 37px;
    left: 1px;
    z-index: 2;
    padding: 0;
    max-height: 0;
    margin: 0;
    overflow: hidden;
    box-shadow: 0 1px 6px rgba(0,0,0,.5);
    list-style: none;
    transition: max-height .3s
}

.lk_header_options_item a {
    display: block;
    position: relative;
    box-sizing: border-box;
    padding-right: 15px;
    height: 28px;
    background-color: #1f72af;
    text-transform: uppercase;
    font-size: 11px;
    line-height: 28px;
    white-space: nowrap;
    color: #fefefe;
    padding-left: 35px;
    transition: background-color .3s ease
}

.lk_header_options_item:not(:last-child) a {
    border-bottom: 1px solid #1a5685
}

.lk_header_options_item a:hover {
    background-color: #1a5685
}

.lk_header_options_item a:before {
    position: absolute;
    left: 15px;
    height: 28px;
    font-family: fontAwesome;
    font-size: 12px;
    line-height: 28px
}

.lk_header_options_recharge a:before {
    content: "\f019"
}

.lk_header_options_deduce a:before {
    content: "\f093"
}

.lk_header_options_account a:before {
    content: "\f234"
}

.lk_header_options_bringfriend a:before {
    content: "\f2b5"
}

.lk_header_options_history a:before {
    content: "\f017"
}

.lk_header_options_settings a:before {
    content: "\f085"
}

.lk_header_options_exit a:before {
    content: "\f08b"
}

#uMessage a {
    box-shadow: inset 0 50px 25px -25px #216ca6
}

#uMessage a,.submenu_link {
    transition: background-color .3s ease,border .3s ease,box-shadow .3s ease!important
}

.submenu_link {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    box-sizing: border-box;
    cursor: pointer;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    -webkit-align-content: center;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    padding: 0 15px;
    height: 37px;
    border-left: 1px solid #ccc;
    background-color: #0e5d99;
    vertical-align: bottom;
    text-transform: uppercase;
    text-decoration: none;
    font-size: 11px;
    line-height: 24px;
    color: #fff;
    box-shadow: inset 0 50px 25px -25px #378ecc
}

.submenu_link:before {
    content: "\f007";
    display: inline-block;
    position: relative;
    height: 22px;
    margin-right: 6px;
    vertical-align: top;
    font-family: FontAwesome;
    font-size: 14px;
    line-height: 22px
}

.new_header_compatibility:hover .submenu_link:not(.exitLink),.wrap_lk:not(.new_header_compatibility) .submenu_link:not(.exitLink):hover {
    border-bottom: none;
    box-shadow: none;
    background-color: #1f72af
}

.wrap_lk>.exitLink {
    position: relative;
    box-sizing: border-box;
    cursor: pointer;
    padding: 0 15px;
    height: 37px;
    border-left: 1px solid #ccc;
    box-shadow: inset 0 50px 25px -25px #216ca6;
    background-color: #174b73;
    vertical-align: bottom;
    text-transform: uppercase;
    text-decoration: none;
    font-size: 11px;
    line-height: 24px;
    color: #fff;
    transition: background-color .3s ease,border .3s ease,box-shadow .3s ease!important
}

.wrap_lk>.exitLink:hover {
    background-color: #1a5685
}

.submenu_link.alert:after {
    content: "!";
    position: absolute;
    top: 8px;
    left: 20px;
    width: 13px;
    height: 13px;
    border-radius: 50%;
    background-color: #e41503;
    text-align: center;
    font-size: 9px;
    font-weight: 700;
    line-height: 13px
}

.wrap_lk>.exitLink:before {
    content: "\f08b"
}

.submenu_link span {
    border: none!important
}

.upm-n {
    display: none;
    padding: 7px;
    width: 300px;
    margin-bottom: 5px;
    border-radius: 5px;
    box-shadow: 0 2px 7px rgba(0,0,0,.7);
    background: #071d2d;
    text-align: left;
    line-height: 16px
}

div.upm-close {
    width: 21px;
    height: 21px;
    background: url(/web/20190624090810im_/https://v2l.ccdnss.com/default/img/close_circle.png) no-repeat
}

.paymentsTLBut:before {
    content: "\f155";
    display: inline-block;
    position: relative;
    height: 22px;
    margin-right: 9px;
    vertical-align: top;
    font-family: FontAwesome;
    font-size: 16px;
    line-height: 22px
}

@media screen and (max-width: 1679px) {
    .paymentsTLBut {
        font-size:0
    }

    [lang=ar] .paymentsTLBut span {
        display: none
    }

    .paymentsTLBut:before {
        margin-right: 0
    }
}

@media screen and (max-width: 1865px) {
    .wrap_lk>.exitLink {
        font-size:0
    }

    .wrap_lk>.exitLink:before {
        margin-right: 0
    }
}

@media screen and (max-width: 1850px) {
    .loc_info_leftFL a {
        padding:7px 15px 8px;
        font-size: 0
    }

    [lang=ar] .loc_info_leftFL a .name {
        display: none
    }

    .asian_but {
        padding: 7px 30px 8px;
        font-size: 0
    }

    .loc_info_leftFL a:before {
        margin-right: 0
    }

    .loc_info_leftFL a:hover .hideDop {
        display: block
    }
}

@media screen and (max-width: 1430px) {
    .top_extra_buttons .rz,.top_extra_buttons .st {
        display:none
    }

    .submenu_link,.up-funds-button-green {
        padding: 0 10px
    }
}

@media screen and (max-width: 1420px) {
    .loc_info_leftFL .asian_but {
        display:none
    }
}

@media screen and (max-width: 1280px) {
    .wrap_bonusProgress.new_header_compatibility {
        display:none!important
    }

    .submenu_link {
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        min-width: 43.3px;
        font-size: 0
    }

    [lang=ar] .submenu_link span {
        display: none
    }

    .submenu_link:before {
        margin: 0
    }
}

@media screen and (max-width: 1050px) {
    .china_top .submenu_link:not(.exitLink) {
        font-size:0
    }

    .china_top .submenu_link:not(.exitLink):before {
        margin-right: 0
    }
}

#headF {
    position: relative;
    box-sizing: border-box;
    padding: 0 10px;
    min-width: 1000px;
    height: 76px;
    border-bottom: 2px solid #fff;
    background-color: #1a5685;
    transition: .3s ease
}

#header {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    height: 100%
}

#header[data-country] {
    background-image: url(/web/20190624090810im_/https://v2l.ccdnss.com/default/img/coats-of-arms.png);
    background-position: 200px 74px;
    background-repeat: no-repeat
}

#header[data-country="1"] {
    background-position: 200px 0
}

#header[data-country="190"] {
    background-position: 200px -74px
}

#header[data-country="148"] {
    background-position: 200px -148px
}

#header[data-country="198"] {
    background-position: 200px -222px
}

#header[data-country="31"] {
    background-position: 200px -296px
}

#header[data-country="79"] {
    background-position: 200px -370px
}

#header[data-country="6"] {
    background-position: 200px -444px
}

#header[data-country="15"] {
    background-position: 200px -518px
}

#header[data-country="53"] {
    background-position: 200px -592px
}

#header[data-country="22"] {
    background-position: 200px -666px
}

#header[data-country="82"] {
    background-position: 200px -740px
}

#header[data-country="228"] {
    background-position: 200px -814px
}

#header[data-country="122"] {
    background-position: 200px -888px
}

#header[data-country="178"] {
    background-position: 200px -962px
}

#header[data-country="188"] {
    background-position: 200px -1036px
}

#header[data-country="192"] {
    background-position: 200px -1110px
}

#header[data-country="2"] {
    background-position: 200px -1184px
}

#header[data-country="75"] {
    background-position: 200px -1332px
}

#header[data-country="147"] {
    background-position: 200px -1480px
}

#header[data-country="61"] {
    background-position: 200px -1554px
}

#header[data-country="27"] {
    background-position: 200px -1628px
}

#header[data-country="78"] {
    background-position: 200px -1702px
}

#header[data-country="90"] {
    background-position: 200px -1776px
}

#header[data-country="40"] {
    background-position: 200px -1850px
}

#header[data-country="60"] {
    background-position: 200px -1924px
}

#header[data-country="109"] {
    background-position: 200px -1998px
}

#header[data-country="205"] {
    background-position: 200px -2072px
}

#header[data-country="102"] {
    background-position: 200px -2146px
}

#header[data-country="5"] {
    background-position: 200px -2220px
}

#header[data-country="133"],#header[data-country="222"] {
    background-position: 200px -1258px
}

.fixTopMenuBut {
    display: none!important
}

.fixTopMenuBut.Up:hover {
    -webkit-animation: leftDergTop2 .3s ease 1;
    animation: leftDergTop2 .3s ease 1
}

@-webkit-keyframes leftDergTop2 {
    0%,to {
        -webkit-transform: scale(1) rotate(180deg) translate(0);
        transform: scale(1) rotate(180deg) translate(0)
    }

    20% {
        -webkit-transform: scale(1) rotate(180deg) translateY(-2px);
        transform: scale(1) rotate(180deg) translateY(-2px)
    }

    40% {
        -webkit-transform: scale(1) rotate(180deg) translateY(4px);
        transform: scale(1) rotate(180deg) translateY(4px)
    }

    60% {
        -webkit-transform: scale(1) rotate(180deg) translateY(-4px);
        transform: scale(1) rotate(180deg) translateY(-4px)
    }

    80% {
        -webkit-transform: scale(1) rotate(180deg) translateY(2px);
        transform: scale(1) rotate(180deg) translateY(2px)
    }
}

@keyframes leftDergTop2 {
    0%,to {
        -webkit-transform: scale(1) rotate(180deg) translate(0);
        transform: scale(1) rotate(180deg) translate(0)
    }

    20% {
        -webkit-transform: scale(1) rotate(180deg) translateY(-2px);
        transform: scale(1) rotate(180deg) translateY(-2px)
    }

    40% {
        -webkit-transform: scale(1) rotate(180deg) translateY(4px);
        transform: scale(1) rotate(180deg) translateY(4px)
    }

    60% {
        -webkit-transform: scale(1) rotate(180deg) translateY(-4px);
        transform: scale(1) rotate(180deg) translateY(-4px)
    }

    80% {
        -webkit-transform: scale(1) rotate(180deg) translateY(2px);
        transform: scale(1) rotate(180deg) translateY(2px)
    }
}

.fixTopMenuBut.Down:hover {
    -webkit-animation: leftDergTop1 .3s ease 1;
    animation: leftDergTop1 .3s ease 1
}

@-webkit-keyframes leftDergTop1 {
    0%,to {
        -webkit-transform: scale(1) rotate(0deg) translate(0);
        transform: scale(1) rotate(0deg) translate(0)
    }

    20% {
        -webkit-transform: scale(1) rotate(0deg) translateY(-2px);
        transform: scale(1) rotate(0deg) translateY(-2px)
    }

    40% {
        -webkit-transform: scale(1) rotate(0deg) translateY(4px);
        transform: scale(1) rotate(0deg) translateY(4px)
    }

    60% {
        -webkit-transform: scale(1) rotate(0deg) translateY(-4px);
        transform: scale(1) rotate(0deg) translateY(-4px)
    }

    80% {
        -webkit-transform: scale(1) rotate(0deg) translateY(2px);
        transform: scale(1) rotate(0deg) translateY(2px)
    }
}

@keyframes leftDergTop1 {
    0%,to {
        -webkit-transform: scale(1) rotate(0deg) translate(0);
        transform: scale(1) rotate(0deg) translate(0)
    }

    20% {
        -webkit-transform: scale(1) rotate(0deg) translateY(-2px);
        transform: scale(1) rotate(0deg) translateY(-2px)
    }

    40% {
        -webkit-transform: scale(1) rotate(0deg) translateY(4px);
        transform: scale(1) rotate(0deg) translateY(4px)
    }

    60% {
        -webkit-transform: scale(1) rotate(0deg) translateY(-4px);
        transform: scale(1) rotate(0deg) translateY(-4px)
    }

    80% {
        -webkit-transform: scale(1) rotate(0deg) translateY(2px);
        transform: scale(1) rotate(0deg) translateY(2px)
    }
}

#headerLogo {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    min-width: 170px;
    height: 100%;
    margin-left: 10px;
    overflow: hidden;
    transition: .3s ease
}

#headerLogo.kz-logo {
    margin-left: 50px;
    overflow: visible
}

#headerLogo.kz-logo:after {
    content: "";
    position: absolute;
    top: 0;
    left: -50px;
    width: 40px;
    height: 100%;
    background-image: url(/web/20190624090810im_/https://v2l.ccdnss.com/default/img/kz-logo.jpg)
}

#headerLogo.maxbet-logo img {
    max-width: 100%;
    height: 50px
}

#headerLogo.NewYear {
    margin-left: -10px
}

#headerLogo.kz-logo.NewYear {
    margin-left: 0
}

#headerLogo a {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    -webkit-flex: 1 0 auto;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
    -webkit-align-content: center;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    transition: .3s ease
}

#headerLogo.NewYear a {
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start
}

#headerLogo a:before {
    content: "\f015";
    opacity: 0;
    position: absolute;
    top: 50%;
    font-family: FontAwesome;
    font-size: 22px;
    color: #fff;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    transition: .3s ease
}

#headerLogo.NewYear a:before {
    left: 12px;
    -webkit-animation: logo-shining 8s linear infinite;
    animation: logo-shining 8s linear infinite
}

@-webkit-keyframes logo-shining {
    10%,20%,51% {
        opacity: 0;
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
        top: -12px;
        right: 7px
    }

    15% {
        opacity: 1;
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
        top: -12px;
        right: 7px
    }

    25%,35% {
        opacity: 0;
        -webkit-transform: rotate(270deg);
        transform: rotate(270deg);
        top: 37px;
        right: 88px
    }

    30% {
        opacity: 1;
        -webkit-transform: rotate(270deg);
        transform: rotate(270deg);
        top: 37px;
        right: 88px
    }

    40%,50% {
        opacity: 0;
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
        top: -3px;
        right: 57px
    }

    45% {
        opacity: 1;
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
        top: -3px;
        right: 57px
    }
}

@keyframes logo-shining {
    10%,20%,51% {
        opacity: 0;
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
        top: -12px;
        right: 7px
    }

    15% {
        opacity: 1;
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
        top: -12px;
        right: 7px
    }

    25%,35% {
        opacity: 0;
        -webkit-transform: rotate(270deg);
        transform: rotate(270deg);
        top: 37px;
        right: 88px
    }

    30% {
        opacity: 1;
        -webkit-transform: rotate(270deg);
        transform: rotate(270deg);
        top: 37px;
        right: 88px
    }

    40%,50% {
        opacity: 0;
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
        top: -3px;
        right: 57px
    }

    45% {
        opacity: 1;
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
        top: -3px;
        right: 57px
    }
}

body:not(.fixTop) #headerLogo.NewYear a:after {
    content: "";
    opacity: 0;
    position: absolute;
    top: -12px;
    right: 20px;
    width: 36px;
    height: 46px;
    background-image: url(/web/20190624090810im_/https://v2l.ccdnss.com/default/img/shine.png);
    pointer-events: none
}

#headerLogo a img {
    display: block;
    max-width: 129px;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    transition: opacity .3s ease,-webkit-transform .3s ease;
    transition: transform .3s ease,opacity .3s ease;
    transition: transform .3s ease,opacity .3s ease,-webkit-transform .3s ease
}

#headerLogo a .logo-nauryz {
    max-width: none
}

#headerLogo.NewYear a img {
    height: 64px
}

#headerLogo.kz-logo.NewYear a img {
    height: 74px
}

#headerLogo a span {
    opacity: 1;
    display: block;
    position: absolute;
    top: 31px;
    right: 0;
    text-transform: uppercase;
    font-family: Roboto Condensed,Roboto Condensed Local;
    font-size: 11px;
    font-weight: 700;
    line-height: 13px;
    color: #fff;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    transition: opacity .3s ease,-webkit-transform .3s ease;
    transition: transform .3s ease,opacity .3s ease;
    transition: transform .3s ease,opacity .3s ease,-webkit-transform .3s ease
}

@media screen and (max-width: 1366px) {
    #headerLogo a span {
        display:none
    }
}

#headerLogo.NewYear a span {
    left: 75px
}

.menubar {
    display: inline-block;
    width: calc(100% - 230px);
    height: 100%;
    white-space: nowrap
}

.menubar.centered {
    width: 100%
}

.menubar.xmaxbet_menubar {
    width: calc(100% - 285px)
}

#games_top_menu.load>ul {
    overflow: hidden!important
}

#games_top_menu.load>ul,#games_top_menu>ul {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

#games_top_menu>ul {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 0;
    width: 100%;
    height: 100%;
    margin: 0;
    overflow: hidden
}

@media screen and (min-width: 1800px) {
    .menubar:not(.centered) #games_top_menu>ul {
        width:auto
    }
}

#games_top_menu.only_sport>ul {
    margin-right: 230px
}

#games_top_menu.only_sport>ul,.menubar.centered #games_top_menu>ul {
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

#games_top_menu>ul>li {
    position: relative;
    height: 100%;
    vertical-align: top;
    text-align: left;
    white-space: normal;
    transition: height .3s ease
}

#games_top_menu .main-item,#games_top_menu>ul>li {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row
}

#games_top_menu .main-item {
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0 16px;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 500;
    color: #fff;
    transition: color .3s ease
}

#games_top_menu .main-item.crypt-lotteru {
    color: #ffbf00
}

#games_top_menu .main-item.crypt-lotteru:hover {
    color: #66c4ff
}

#games_top_menu .main-item_21 {
    width: 60px;
    background-image: url(/web/20190624090810im_/https://v2l.ccdnss.com/default/img/link_21.png);
    background-position: 50% 45%
}

#games_top_menu .main-item_21,#games_top_menu .main-item_tvbet {
    opacity: .85;
    box-sizing: border-box;
    background-repeat: no-repeat;
    transition: opacity .3s;
    will-change: opacity
}

#games_top_menu .main-item_tvbet {
    width: 90px;
    background-image: url(/web/20190624090810im_/https://v2l.ccdnss.com/default/img/link-tvbet.png);
    background-position: 50% 40%;
    background-size: contain
}

#games_top_menu .main-item_21:hover {
    opacity: 1
}

#games_top_menu .main-item:hover,#games_top_menu li.active .main-item {
    color: #66c4ff
}

#games_top_menu .menu_button .main-item:after,#games_top_menu .newMenuButton .main-item:after {
    content: "\f107";
    display: block;
    margin-left: 4px;
    font-family: FontAwesome;
    font-size: 16px;
    transition: font-size .3s ease,-webkit-transform .3s ease;
    transition: transform .3s ease,font-size .3s ease;
    transition: transform .3s ease,font-size .3s ease,-webkit-transform .3s ease
}

#games_top_menu .main-item#forecast {
    padding-left: 25px;
    background-image: url(/web/20190624090810im_/https://v2l.ccdnss.com/default/img/cup.png);
    background-position: 0 50%;
    background-repeat: no-repeat
}

#games_top_menu .main-item .star:before {
    content: "\f006";
    margin-right: 4px;
    font-family: FontAwesome;
    font-size: 14px;
    color: #fff
}

#games_top_menu .main-item:hover .star:before {
    color: #66c4ff
}

.newSubMenu,.sub-menu {
    position: absolute;
    top: 100%;
    left: 0;
    padding: 5px 0;
    border-top: 3px solid #66c4ff;
    box-shadow: 0 3px 10px rgba(0,0,0,.5);
    background-color: #fff
}

.newSubMenu {
    width: 415px
}

.newMenuButton:hover .newSubMenu,.sub-menu>li {
    display: block
}

#games_top_menu .menu-group-container .more_sub .main-item,#games_top_menu .menu-group-container .sub-menu .main-item,#games_top_menu .more_container .more_sub .main-item,#games_top_menu .more_container .sub-menu .main-item,.sub-menu>li a {
    display: block;
    position: relative;
    padding: 0 15px;
    text-transform: none;
    font-size: 13px;
    font-weight: 400;
    line-height: 35px;
    white-space: nowrap;
    color: #4d4d4d
}

@media screen and (max-width: 1366px) {
    #games_top_menu .menu-group-container .more_sub .main-item,#games_top_menu .menu-group-container .sub-menu .main-item,#games_top_menu .more_container .more_sub .main-item,#games_top_menu .more_container .sub-menu .main-item,.sub-menu>li a {
        line-height:25px
    }
}

#games_top_menu .menu-group-container .more_sub .main-item:hover,#games_top_menu .menu-group-container .sub-menu .main-item:hover,#games_top_menu .more_container .more_sub .main-item:hover,#games_top_menu .more_container .sub-menu .main-item:hover,.sub-menu>li a:hover {
    color: #64b2e2
}

#games_top_menu .menu-group-container .more_sub .main-item:after,#games_top_menu .menu-group-container .sub-menu .main-item:after,#games_top_menu .more_container .more_sub .main-item:after,#games_top_menu .more_container .sub-menu .main-item:after,.sub-menu>li a:after {
    content: "";
    position: absolute;
    top: auto;
    bottom: 0;
    left: 15px;
    width: 0;
    height: 2px;
    margin-left: 0;
    background-color: #66c4ff;
    transition: .5s ease
}

#games_top_menu .menu-group-container .more_sub .main-item:hover:after,#games_top_menu .menu-group-container .sub-menu .main-item:hover:after,#games_top_menu .more_container .more_sub .main-item:hover:after,#games_top_menu .more_container .sub-menu .main-item:hover:after,.sub-menu>li a:hover:after {
    width: calc(100% - 30px)
}

#games_top_menu .menu-group-container,#games_top_menu .more_container {
    display: block;
    position: absolute;
    top: 100%;
    right: 0;
    left: auto;
    box-sizing: border-box;
    max-width: 95vw;
    max-height: calc(100vh - 112px);
    overflow: hidden;
    border-top: 3px solid #66c4ff;
    box-shadow: 0 3px 10px rgba(0,0,0,.5);
    background-color: #fff;
    white-space: normal
}

#games_top_menu .menu-group-container .more_sub,#games_top_menu .menu-group-container .sub-menu,#games_top_menu .more_container .more_sub,#games_top_menu .more_container .sub-menu {
    display: inline-block;
    position: static;
    border: 0;
    box-shadow: none;
    background-color: transparent;
    vertical-align: top
}

#games_top_menu .menu-group-container .more_sub .groupName,#games_top_menu .menu-group-container .sub-menu .groupName,#games_top_menu .more_container .more_sub .groupName,#games_top_menu .more_container .sub-menu .groupName {
    padding: 0 15px;
    margin-bottom: 10px;
    font-size: 18px;
    font-weight: 500;
    line-height: 35px;
    color: #4d4d4d
}

#games_top_menu .menu-group-container .sub-menu:not(.more_sub),#games_top_menu .more_container .sub-menu:not(.more_sub) {
    min-width: 0
}

#lightBox {
    z-index: 100;
    background-color: rgba(0,0,0,.45)
}

#lightBox,#lightBox2,#lightBox3 {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh
}

#lightBox2,#lightBox3 {
    z-index: 50
}

#lightBox3 {
    background-color: rgba(0,0,0,.45)
}

.fixTop #lightBox,.fixTop #lightBox2,.fixTop #lightBox3 {
    height: calc(100vh + 43px)
}

#submenu {
    display: none
}

#headF {
    transition: -webkit-transform .3s;
    transition: transform .3s;
    transition: transform .3s,-webkit-transform .3s
}

.fixTop #headF {
    border-bottom: 1px solid #fff;
    -webkit-transform: translate3d(0,-43px,0);
    transform: translate3d(0,-43px,0)
}

.fixTop #headerLogo a:before {
    opacity: 1
}

.fixTop #headerLogo a img,.fixTop #headerLogo a span {
    opacity: 0;
    -webkit-transform: translate3d(0,-80px,0);
    transform: translate3d(0,-80px,0)
}

#header {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    transition: -webkit-transform .3s;
    transition: transform .3s;
    transition: transform .3s,-webkit-transform .3s
}

.fixTop #fTop {
    height: 72px
}

.fixTop #header {
    height: 32px;
    -webkit-transform: translate3d(0,43px,0);
    transform: translate3d(0,43px,0)
}

.fixTop #games_top_menu>ul>li>.main-item .star:before {
    font-size: 13px
}

.fixTop #games_top_menu>ul>li>.main-item {
    font-size: 12px;
    font-weight: 400
}

#maincontent {
    padding-top: 112px
}

#sports_left {
    top: 112px!important
}

#sports_right {
    top: 122px
}

body.minRightSide:not(.fixedRight) #cuponFix.underSlider {
    top: 273px
}

body.minRightSide:not(.fixedRight) .underSliderTop {
    top: 122px!important
}

@media screen and (max-width: 1366px) {
    body.minRightSide:not(.fixedRight) .underSliderTop {
        top:90px!important
    }
}

#sports_left,#sports_right {
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

.fixTop #sports_left,.fixTop.fixedRight #sports_right {
    -webkit-transform: translate3d(0,-8px,0);
    transform: translate3d(0,-8px,0)
}

.sub-menu-ul {
    display: none;
    position: absolute;
    left: 100%;
    padding: 5px 0;
    border-top: 3px solid #66c4ff;
    box-shadow: 0 3px 10px rgba(0,0,0,.5);
    background-color: #fff;
    list-style: none
}

.sub-menu-ul:hover,a:hover+.sub-menu-ul {
    display: block
}

.sub-menu-ul-in {
    display: block;
    right: 100%;
    padding: 0;
    margin-left: 20px;
    background-color: #fff;
    list-style: none
}

#actual-domains {
    display: inline-block;
    width: 100%
}

#actual-domains>div {
    width: 50%
}

#actual-domains div:first-child {
    float: right;
    margin-top: -35px
}

#actual-domains div:nth-child(odd) {
    float: right
}

.win_load {
    transition: all .15s ease
}

.win_load:before {
    content: "\f26c";
    font-size: 20px
}

.access_load:before {
    content: "\f13e";
    font-size: 20px
}

.smart_load {
    transition: all .15s ease
}

.smart_load:before {
    content: "\f10b";
    font-size: 28px
}

.sport-zone:before {
    content: "";
    width: 22px;
    background: url(/web/20190624090810im_/https://v2l.ccdnss.com/default/img/sportstream/sport-zone-ico.svg) 50% no-repeat;
    background-size: cover
}

.telegram_icon:before {
    content: "\f2c6";
    font-size: 22px
}

#games_top_menu {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    height: 100%
}

.clearSave {
    position: relative
}

.loginDropTop_div .big_check {
    position: absolute;
    left: -999999px
}

.loginDropTop_div .big_check+label {
    position: relative;
    cursor: pointer
}

.loginDropTop_div .big_check+label:before {
    content: "";
    display: inline-block;
    width: 15px;
    height: 15px;
    margin-right: 5px;
    border-radius: 2px;
    box-shadow: inset 1px 2px 2px rgba(0,0,0,.4);
    background-color: hsla(0,0%,100%,.9);
    vertical-align: top
}

.loginDropTop_div .big_check+label:after {
    content: "\f00c";
    opacity: 0;
    display: inline-block;
    position: absolute;
    top: 1px;
    left: 1px;
    text-align: center;
    text-rendering: auto;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: 13px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #000;
    transition: opacity .3s ease
}

.loginDropTop_div .big_check:checked+label:after {
    opacity: 1
}

.live_casino_drop_down .sub-menu,.slots_drop_down .sub-menu {
    right: -100px;
    left: auto;
    padding: 0;
    background: #fff
}

@media screen and (max-width: 1630px) {
    #games_top_menu .menu_button.slots_drop_down .sub-menu {
        right:-152px
    }
}

.slots_drop_down .sub-menu {
    min-width: 297px;
    min-height: 75px;
    overflow: overlay
}

.live_drop_down_more,.slots_drop_down_more {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    padding: 0;
    min-width: 594px;
    max-width: 693px;
    max-height: 80vh;
    background-color: transparent
}

.slots_drop_down_more.preloader_spin:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #fff
}

.slots_drop_down_more.preloader_spin:after {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    box-sizing: border-box;
    padding: 0;
    width: 60px;
    height: 60px;
    margin-top: -35px;
    margin-left: -35px;
    border-color: currentcolor;
    border-radius: 100%;
    border-color: rgba(6,74,123,.65) rgba(38,118,179,.15);
    border-style: solid;
    border-width: 4px;
    -webkit-animation: preloader4 .8s ease-in-out infinite;
    animation: preloader4 .8s ease-in-out infinite
}

.slots_drop_down_more .scroll-element.scroll-x {
    display: none!important
}

@-webkit-keyframes preloader4 {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

@keyframes preloader4 {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

.live_drop_down_more {
    min-width: auto
}

.live_drop_down_more a,.slots_drop_down_more a {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 0;
    width: 99px;
    height: 75px;
    box-shadow: inset 1px 1px #e1e1e1,1px 1px #e1e1e1;
    background-color: #fff;
    text-align: center
}

.live_casino_drop_down .sub-menu {
    right: 0;
    width: 299px
}

.live_drop_down_more a {
    width: 100px
}

.live_drop_down_more a img,.slots_drop_down_more a img {
    max-width: 90px;
    height: auto;
    max-height: 50px
}

.slots_drop_down_more .icon_text span {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%;
    text-align: center
}

.slots_drop_down_more .dropdown-icons {
    box-sizing: content-box;
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    padding: 5px;
    max-height: 35px
}

.slots_drop_down_more a span {
    font-size: 12px;
    color: #000
}

.shares_drop_down_more {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    position: absolute;
    right: 0;
    left: auto!important;
    z-index: 11;
    cursor: default;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    padding: 0;
    width: 199px;
    min-width: 0;
    max-width: 895px;
    background: #fff;
    background-color: transparent
}

.betting-main .shares_drop_down_more a {
    width: 109px
}

.shares_drop_down_more a {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 0 5px;
    width: 99px;
    height: 75px;
    box-shadow: inset 1px 1px #e1e1e1,1px 1px #e1e1e1;
    background-color: #fff;
    text-align: center
}

.shares_drop_down_more a:hover {
    background-color: #e2ecf4
}

.shares_drop_down_more a img {
    max-width: 90px;
    height: auto;
    max-height: 50px
}

.shares_drop_down_more a:nth-child(-n+5):before {
    content: "";
    position: absolute;
    top: -2px;
    left: 0;
    z-index: 99;
    width: calc(100% + 1px);
    height: 3px
}

.shares_drop_down_more a span {
    padding: 3px;
    max-width: 100%;
    text-transform: none;
    font-size: 12px;
    line-height: 12px;
    color: #000
}

.shares_drop_down_more a span:first-child {
    padding: 0
}

.shares_drop_down {
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    align-self: center;
    padding: 0 16px;
    height: 28px;
    margin-left: 10px;
    border: 1px solid #fff;
    border-radius: 3px;
    font-style: italic
}

.shares_drop_down_more.sub_menu_1 {
    width: 99px;
    min-width: 99px;
    margin-left: 9px
}

.shares_drop_down_more.sub_menu_2 {
    width: 218px;
    min-width: 218px
}

.shares_drop_down_more.sub_menu_3 {
    width: 327px
}

#games_top_menu .menu-group-container,#games_top_menu .menu_button .sub-menu:not(.more_sub),#games_top_menu .more_container,#games_top_menu .shares_drop_down_more {
    visibility: hidden;
    opacity: 0;
    -webkit-transform: translate3d(0,20px,0);
    transform: translate3d(0,20px,0);
    transition: opacity .3s ease-in-out .5s,visibility .3s ease-in-out .5s,left 0s linear .5s,-webkit-transform .3s ease-in-out .5s;
    transition: opacity .3s ease-in-out .5s,transform .3s ease-in-out .5s,visibility .3s ease-in-out .5s,left 0s linear .5s;
    transition: opacity .3s ease-in-out .5s,transform .3s ease-in-out .5s,visibility .3s ease-in-out .5s,left 0s linear .5s,-webkit-transform .3s ease-in-out .5s
}

#games_top_menu .menu_button.hoverActive .menu-group-container,#games_top_menu .menu_button.hoverActive .more_container,#games_top_menu .menu_button.hoverActive .sub-menu:not(.more_sub),#games_top_menu .menu_button:hover .menu-group-container,#games_top_menu .menu_button:hover .more_container,#games_top_menu .menu_button:hover .sub-menu:not(.more_sub),#games_top_menu li.hoverActive .shares_drop_down_more,#games_top_menu li:hover .shares_drop_down_more {
    visibility: visible;
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

#games_top_menu .menu_button.hoverActive .sub-menu_five,#games_top_menu .menu_button.hoverActive .sub_menu_2,#games_top_menu .menu_button:hover .sub-menu_five,#games_top_menu .menu_button:hover .sub_menu_2 {
    right: 0;
    left: auto;
    margin-right: 0
}

#games_top_menu #games_top_menu #games_top_menu .toto_jackpot {
    display: none
}

#games_top_menu #games_top_menu #games_top_menu>ul>li span.toto_jackpot {
    transition: opacity .3s ease,visibility .3s ease
}

#games_top_menu #games_top_menu #games_top_menu>ul>li.menu_button:before {
    transition: all .15s linear
}

#games_top_menu #games_top_menu #games_top_menu>ul>li.menu_button.hoverActive:before {
    -webkit-animation: showSub3 .5s linear 1;
    animation: showSub3 .5s linear 1
}

@-webkit-keyframes showSub3 {
    0%,80% {
        -webkit-transform: scale(1) rotate(0deg);
        transform: scale(1) rotate(0deg)
    }

    to {
        -webkit-transform: scale(1) rotate(180deg);
        transform: scale(1) rotate(180deg)
    }
}

@keyframes showSub3 {
    0%,80% {
        -webkit-transform: scale(1) rotate(0deg);
        transform: scale(1) rotate(0deg)
    }

    to {
        -webkit-transform: scale(1) rotate(180deg);
        transform: scale(1) rotate(180deg)
    }
}

#change_font_size span {
    white-space: nowrap
}

#change_font_size span:first-child {
    -webkit-flex: 1 0 50%;
    -ms-flex: 1 0 50%;
    flex: 1 0 50%
}

#change_font_size span:first-child:lang(bn) {
    -webkit-flex: 1 0 40%;
    -ms-flex: 1 0 40%;
    flex: 1 0 40%
}

#change_font_size span:last-child {
    margin: 0
}

#change_font_size .font-style {
    cursor: pointer;
    width: 20px;
    height: 20px;
    margin-right: 5px;
    background-color: #4b90b3;
    text-align: center;
    line-height: 20px;
    transition: all .2s ease-in-out
}

#change_font_size .font-style:lang(bn) {
    padding: 0 2px;
    width: auto
}

#change_font_size .font-style.f-s_normal:lang(bn) {
    font-size: 8px!important
}

#change_font_size .font-style.f-s_medium:lang(bn) {
    font-size: 10px!important
}

#change_font_size .font-style.f-s_big:lang(bn) {
    font-size: 12px!important
}

#change_font_size .font-style.check,#change_font_size .font-style:hover {
    box-shadow: inset 0 -2px 0 0 #89bf2a;
    background-color: #d2dee2;
    color: #1a5685
}

#change_font_size .font-medium {
    font-size: 14px
}

#change_font_size .font-big {
    font-size: 16px
}

@media screen and (max-width: 1366px) {
    #headF {
        height:44px
    }

    .fixTop #headF {
        -webkit-transform: translate3d(0,-11px,0);
        transform: translate3d(0,-11px,0)
    }

    .fixTop #header {
        -webkit-transform: translate3d(0,11px,0);
        transform: translate3d(0,11px,0)
    }

    #games_top_menu .main-item#forecast {
        background-size: contain
    }

    #maincontent {
        padding-top: 80px
    }

    #sports_right {
        top: 90px
    }

    .fixTop #sports_right {
        margin-top: -3px
    }

    #sports_left {
        top: 80px!important
    }

    .fixTop #sports_left {
        margin-top: 7px
    }
}

.o-games_drop_down {
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    padding-top: 5px;
    padding-bottom: 5px;
    max-width: 100%;
    text-transform: none;
    font-size: 12px;
    line-height: 1;
    color: #000
}

html[lang=ja] .o-games_drop_down {
    font-size: 11px;
    line-height: 1
}

.live_casino_drop_down .sub-menu,.slots_drop_down .sub-menu {
    min-width: 300px;
    background: transparent
}

.live_drop_down_more,.shares_drop_down_more,.slots_drop_down_more {
    overflow: hidden;
    background: #fff
}

.live_drop_down_more {
    position: relative;
    box-shadow: inset 1px 1px #e1e1e1,0 1px #e1e1e1
}

.live_casino_drop_down .sub-menu_four {
    width: 400px;
    margin-left: -80px
}

.live_casino_drop_down .sub-menu_five {
    width: 500px;
    margin-left: -170px
}

.live_casino_drop_down .sub-menu_six {
    width: 600px
}

.live_casino_drop_down .sub-menu_two {
    width: 200px;
    margin-left: 0
}

.live_casino_drop_down .sub-menu.sub-menu_two {
    min-width: 199px
}

.ribbon_best,.ribbon_cashback,.ribbon_free,.ribbon_live,.ribbon_new,.ribbon_promo {
    position: relative;
    overflow: hidden
}

.ribbon_best:before,.ribbon_cashback:before,.ribbon_free:before,.ribbon_live:before,.ribbon_new:before,.ribbon_promo:before {
    content: "NEW";
    position: absolute;
    top: 6px;
    left: 36px;
    width: 99px;
    box-shadow: 0 1px 1px rgba(0,0,0,.35);
    background-color: red;
    text-transform: uppercase;
    font-size: 12px;
    line-height: 15px;
    color: #fff;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

.ribbon_best:before {
    content: "BEST";
    background-color: #f7ae0b
}

.ribbon_free:before {
    content: "FREE";
    background-color: #5cb1e5
}

.ribbon_live:before {
    content: "LIVE";
    background-color: #7daa2f;
    font-size: 10px
}

.ribbon_cashback:before {
    content: "CASHBACK";
    top: 20px;
    right: -23px;
    left: auto;
    background: linear-gradient(90deg,#9c7636,#f0dd97,#9c7636);
    color: #000
}

.ribbon_promo:before {
    content: "PROMO";
    top: 15px;
    right: -28px;
    left: auto;
    background: linear-gradient(90deg,#6797c9,#c0dfff,#6797c9);
    color: #000
}

.size_partner {
    margin-left: -108px
}

.slots_drop_down_more.preloader_spin {
    max-height: 70px
}

.slots_drop_down_more {
    transition: max-height .3s ease
}

#headerLogo.logo_halloween {
    margin-left: 0
}

#headerLogo.logo_halloween.kz-logo {
    margin-left: 50px
}

#headerLogo.logo_halloween a img {
    max-width: 291px
}

@media screen and (max-width: 1366px) {
    #headerLogo.logo_halloween a img {
        max-width:170px
    }
}

#sports_right {
    top: 100px
}

.fixTop #headF {
    -webkit-transform: none;
    transform: none
}

#maincontent {
    padding-top: 90px
}

#sports_left {
    top: 90px!important
}

#headF {
    height: 55px;
    border-bottom: 1px solid #fff
}

.fixTop #header {
    height: 100%;
    -webkit-transform: none;
    transform: none
}

.fixTop #games_top_menu>ul>li>.main-item {
    font-size: 14px;
    font-weight: 500
}

#headerLogo a img {
    height: 46px
}

.fixTop #headerLogo a img,.fixTop #headerLogo a span {
    opacity: 1;
    -webkit-transform: none;
    transform: none
}

.fixTop #headerLogo a:before {
    opacity: 0
}

.fixTop #sports_left {
    margin-top: 18px
}

.fixTop #sports_right {
    margin-top: 8px
}

.fixedLeft .sports__top {
    margin-left: 260px
}

.sports__top {
    margin-left: 50px
}

#sports_left {
    z-index: 10005
}

@media (max-width: 1366px) {
    .fixedLeft .sports__top,.sports__top {
        margin-left:0
    }
}

:root #headerLogo a img,_:-ms-fullscreen {
    height: auto
}

.menu_dropdown .sub-menu {
    right: auto;
    left: -280px;
    min-height: 45px
}

@media (max-width: 1700px) {
    .main-item_bingo+.sub-menu {
        left:auto;
        right: 0
    }
}

.menu_dropdown .sub-menu,.sub-menu.sub-menu_wrapper {
    padding: 0;
    min-width: 230px;
    overflow: overlay;
    background: #fff
}

.sub-menu.sub-menu_wrapper {
    right: -205px;
    left: auto;
    min-height: 75px
}

.menu_dropdown--other .sub-menu.sub-menu_wrapper {
    right: -200px
}

.menu_dropdown--other .sub-menu.sub-menu_wrapper.sub-menu_pos {
    right: 0
}

.sub-menu_dropdown,.sub-menu_dropdown * {
    box-sizing: border-box
}

.sub-menu_dropdown {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    padding: 0;
    width: 690px;
    max-height: 80vh;
    overflow: hidden;
    background: #fff;
    transition: max-height .3s ease
}

.sub-menu_dropdown.preloader_spin {
    max-height: 70px
}

.sub-menu_dropdown.preloader_spin:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #fff
}

.sub-menu_dropdown.preloader_spin:after {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    box-sizing: border-box;
    padding: 0;
    width: 60px;
    height: 60px;
    margin-top: -35px;
    margin-left: -35px;
    border-color: currentcolor;
    border-radius: 100%;
    border-color: rgba(6,74,123,.65) rgba(38,118,179,.15);
    border-style: solid;
    border-width: 4px;
    -webkit-animation: preloader4 .8s ease-in-out infinite;
    animation: preloader4 .8s ease-in-out infinite
}

.sub-menu_dropdown .scroll-element.scroll-x {
    display: none!important
}

.sub-menu_dropdown a {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex: 0 0 33.33333%;
    -ms-flex: 0 0 33.33333%;
    flex: 0 0 33.33333%;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 0 10px;
    height: 45px;
    box-shadow: inset -1px 0 #c1c1c1;
    background-color: #fff;
    text-align: center
}

.sub-menu_dropdown .ico-slots {
    display: block;
    -webkit-flex: inherit;
    -ms-flex: inherit;
    flex: inherit;
    margin: 0 auto
}

.sub-menu_dropdown a:nth-child(6n+1),.sub-menu_dropdown a:nth-child(6n+2),.sub-menu_dropdown a:nth-child(6n+3) {
    background-color: #f4f4f4
}

.sub-menu_dropdown a:hover {
    background-color: #e2ecf4
}

.sub-menu_dropdown a img {
    max-width: 54px;
    height: auto;
    max-height: 30px
}

.sub-menu_dropdown .icon_text span {
    display: block;
    width: 100%;
    white-space: normal
}

.sub-menu_dropdown a span {
    display: block;
    -webkit-flex: 0 65%;
    -ms-flex: 0 65%;
    flex: 0 65%;
    padding: 2px 4px;
    margin: 0 auto;
    overflow: hidden;
    text-align: center;
    text-transform: uppercase;
    text-overflow: ellipsis;
    font-size: 11px;
    color: #373737
}

.sub-menu_dropdown a span.ico-big-tiles {
    margin-top: 10px
}

[lang=pl] .sub-menu_dropdown a span {
    padding: 3px 13px
}

.sub-menu_dropdown .sub-menu_wrapper_ico {
    -webkit-flex: 0 0 45%;
    -ms-flex: 0 0 45%;
    flex: 0 0 45%
}

.sub-menu_dropdown .ribbon_best:before,.sub-menu_dropdown .ribbon_free:before,.sub-menu_dropdown .ribbon_live:before,.sub-menu_dropdown .ribbon_new:before {
    right: -35px;
    left: auto
}

#games_top_menu #share:after {
    display: none
}

.sub-menu_dropdown .dropdown-icons {
    box-sizing: content-box;
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    padding: 5px;
    max-height: 35px
}

.sub-menu_wrapper {
    padding: 0
}

.sub-menu_wrapper .sub-menu_dropdown {
    padding: 5px;
    width: 850px
}

.sub-menu_wrapper .sub-wrapper_menu_dropdown:first-child {
    padding-bottom: 7px;
    margin-bottom: 2px;
    border-bottom: 1px solid #eee
}

.sub-menu_wrapper .sub-wrapper_menu_dropdown:first-child .ico-live-casino {
    width: 120px;
    height: 70px
}

.sub-wrapper_menu_dropdown {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex: 1 100%;
    -ms-flex: 1 100%;
    flex: 1 100%;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.sub-menu_wrapper .sub-menu_dropdown a {
    -webkit-flex: 1 12.5%;
    -ms-flex: 1 12.5%;
    flex: 1 12.5%;
    padding: 0 5px;
    max-width: 99px;
    height: 65px;
    margin: 5px 3px 0;
    box-shadow: none;
    background: linear-gradient(0deg,hsla(0,0%,85.1%,.5),hsla(0,0%,85.1%,0) 40%,hsla(0,0%,85.1%,.5));
    background-color: #fff;
    transition: box-shadow .3s ease
}

.sub-menu_wrapper .sub-menu_dropdown a:hover {
    box-shadow: 0 0 0 1px #62bef8
}

.sub-menu_wrapper .sub-menu_dropdown .sub-wrapper_menu_dropdown:first-child a {
    position: relative;
    -webkit-flex: 0 calc(16.66667% - 6px);
    -ms-flex: 0 calc(16.66667% - 6px);
    flex: 0 calc(16.66667% - 6px);
    -webkit-flex-basis: calc(16.66667% - 6px);
    -ms-flex-preferred-size: calc(16.66667% - 6px);
    flex-basis: calc(16.66667% - 6px);
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    min-width: 105px;
    max-width: none;
    height: 100px;
    overflow: hidden
}

.sub-menu_wrapper .sub-menu_dropdown .sub-wrapper_menu_dropdown:first-child a:nth-child(-n+6) {
    margin-top: 0
}

.sub-menu_wrapper .sub-menu_dropdown .sub-menu_wrapper_ico {
    -webkit-flex-basis: 100%;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%
}

.sub-menu_wrapper_title {
    -webkit-flex: 1 100%;
    -ms-flex: 1 100%;
    flex: 1 100%;
    margin-bottom: -10px
}

.sub-menu_wrapper_flag,.sub-menu_wrapper_title {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.sub-menu_wrapper_flag {
    padding: 2px 4px
}

.sub-menu_dropdown .sub-menu_title {
    margin: 0;
    text-align: left;
    text-transform: uppercase;
    font-size: 10px;
    color: #686868
}

.sub-menu_dropdown .sub-menu_flag {
    max-width: 15px;
    max-height: 11px;
    margin-left: 6px
}

.sub-menu_dropdown .sub-menu_flag:first-child {
    margin-left: 0
}

.sub-menu_dropdown.ps-container {
    overflow: hidden!important;
    -ms-touch-action: none;
    touch-action: none
}

.sub-menu_dropdown.ps-container.ps-active-x>.ps-scrollbar-x-rail,.sub-menu_dropdown.ps-container.ps-active-y>.ps-scrollbar-y-rail {
    display: block;
    z-index: 1;
    background-color: transparent!important
}

.sub-menu_dropdown.ps-container.ps-in-scrolling {
    pointer-events: none
}

.sub-menu_dropdown.ps-container.ps-in-scrolling.ps-y>.ps-scrollbar-y-rail {
    opacity: .9!important;
    background-color: #eee!important
}

.sub-menu_dropdown.ps-container.ps-in-scrolling.ps-y>.ps-scrollbar-y-rail>.ps-scrollbar-y {
    background-color: #999
}

.sub-menu_dropdown.ps-container>.ps-scrollbar-x-rail,.sub-menu_dropdown.ps-container>.ps-scrollbar-x-rail>.ps-scrollbar-x,.sub-menu_dropdown.ps-container>.ps-scrollbar-y-rail,.sub-menu_dropdown.ps-container>.ps-scrollbar-y-rail>.ps-scrollbar-y {
    position: absolute;
    border-radius: 4px!important
}

.sub-menu_dropdown.ps-container>.ps-scrollbar-x-rail,.sub-menu_dropdown.ps-container>.ps-scrollbar-y-rail {
    opacity: 0!important;
    display: none;
    bottom: 3px;
    width: 6px!important;
    height: 6px!important;
    transition: background-color .2s linear,opacity .2s linear
}

.sub-menu_dropdown.ps-container>.ps-scrollbar-x-rail>.ps-scrollbar-x,.sub-menu_dropdown.ps-container>.ps-scrollbar-y-rail>.ps-scrollbar-y {
    bottom: 0;
    width: 6px!important;
    height: 6px;
    background-color: #aaa!important;
    transition: background-color .2s linear
}

.sub-menu_dropdown.ps-container:hover.ps-in-scrolling {
    pointer-events: none
}

.sub-menu_dropdown.ps-container:hover.ps-in-scrolling.ps-x>.ps-scrollbar-x-rail,.sub-menu_dropdown.ps-container:hover.ps-in-scrolling.ps-y>.ps-scrollbar-y-rail,.sub-menu_dropdown.ps-container:hover>.ps-scrollbar-x-rail:hover {
    opacity: .9!important;
    background-color: #eee
}

.sub-menu_dropdown.ps-container:hover.ps-in-scrolling.ps-x>.ps-scrollbar-x-rail>.ps-scrollbar-x,.sub-menu_dropdown.ps-container:hover.ps-in-scrolling.ps-y>.ps-scrollbar-y-rail>.ps-scrollbar-y,.sub-menu_dropdown.ps-container:hover>.ps-scrollbar-x-rail:hover>.ps-scrollbar-x {
    background-color: #999
}

.sub-menu_dropdown.ps-container:hover>.ps-scrollbar-x-rail,.sub-menu_dropdown.ps-container:hover>.ps-scrollbar-y-rail {
    opacity: .6!important
}

.menu_dropdown .sub_menu_one {
    left: -70px
}

.sub_menu_one .sub-menu_dropdown {
    width: 230px
}

.sub_menu_one .sub-menu_dropdown a {
    -webkit-flex-basis: 100%;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    box-shadow: none
}

.sub_menu_one .sub-menu_dropdown a:not(:hover):nth-child(6n+1),.sub_menu_one .sub-menu_dropdown a:not(:hover):nth-child(6n+2),.sub_menu_one .sub-menu_dropdown a:not(:hover):nth-child(6n+3) {
    background-color: #fff
}

.sub_menu_one .sub-menu_dropdown a:not(:hover):nth-child(odd) {
    background-color: #f4f4f4
}

.sub_menu_two .sub-menu_dropdown {
    width: 460px
}

.sub_menu_two .sub-menu_dropdown a {
    -webkit-flex-basis: 50%;
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%
}

.sub_menu_two .sub-menu_dropdown a:not(:hover):nth-child(6n+1),.sub_menu_two .sub-menu_dropdown a:not(:hover):nth-child(6n+2),.sub_menu_two .sub-menu_dropdown a:not(:hover):nth-child(6n+3) {
    background-color: #fff
}

.sub_menu_two .sub-menu_dropdown a:not(:hover):nth-child(4n+1),.sub_menu_two .sub-menu_dropdown a:not(:hover):nth-child(4n+2) {
    background-color: #f4f4f4
}

@media screen and (max-width: 1475px) {
    .menu_button_tr.menu_dropdown .main-item[href="slots/"]+.sub-menu {
        right:-70px;
        left: auto
    }
}

.main-item[href="bonus/"]+.sub-menu {
    right: 0;
    left: auto
}

:root .sub-menu_dropdown a,_:-ms-fullscreen {
    width: 33.33333%
}

:root .sub-menu_dropdown .sub-menu_wrapper_ico,_:-ms-fullscreen {
    width: 45%
}

:root .sub-menu_wrapper .sub-menu_dropdown a,_:-ms-fullscreen {
    width: 12.5%
}

:root .sub-menu_wrapper .sub-menu_dropdown .sub-wrapper_menu_dropdown:first-child a,_:-ms-fullscreen {
    -ms-flex-preferred-size: calc(14.28571% - 6px);
    flex-basis: calc(14.28571% - 6px);
    -ms-flex-positive: 0;
    flex-grow: 0;
    -ms-flex-negative: 1;
    flex-shrink: 1;
    -ms-flex-pack: start;
    justify-content: flex-start;
    min-width: calc(16.66667% - 6px);
    max-width: none
}

:root .sub_menu_two .sub-menu_dropdown a,_:-ms-fullscreen {
    -ms-flex-preferred-size: calc(50% - 20px);
    flex-basis: calc(50% - 20px);
    width: calc(50% - 20px)
}

.menu_dropdown .sub-menu.sub-menu_four {
    left: -505px
}

.sub-menu_four .sub-menu_dropdown {
    width: 795px
}

@media screen and (max-width: 1350px) {
    .sub-menu_four.sub-menu_onegames .sub-menu_dropdown {
        width:610px
    }

    .sub-menu_four.sub-menu_onegames .sub-menu_dropdown a {
        -webkit-flex-basis: 33.33333%;
        -ms-flex-preferred-size: 33.33333%;
        flex-basis: 33.33333%;
        max-width: 33.33333%
    }

    .sub-menu_onegames.sub-menu_four .sub-menu_dropdown a:nth-child(8n+1),.sub-menu_onegames.sub-menu_four .sub-menu_dropdown a:nth-child(8n+2),.sub-menu_onegames.sub-menu_four .sub-menu_dropdown a:nth-child(8n+3),.sub-menu_onegames.sub-menu_four .sub-menu_dropdown a:nth-child(8n+4) {
        background-color: #fff
    }

    .sub-menu_onegames.sub-menu_four .sub-menu_dropdown a:nth-child(6n+1),.sub-menu_onegames.sub-menu_four .sub-menu_dropdown a:nth-child(6n+2),.sub-menu_onegames.sub-menu_four .sub-menu_dropdown a:nth-child(6n+3) {
        background-color: #f5f5f5
    }
}

@media screen and (max-width: 1115px) {
    .sub-menu_four.sub-menu_slots .sub-menu_dropdown {
        width:610px
    }

    .sub-menu_four.sub-menu_slots .sub-menu_dropdown a {
        -webkit-flex-basis: 33.33333%;
        -ms-flex-preferred-size: 33.33333%;
        flex-basis: 33.33333%;
        max-width: 33.33333%
    }

    .sub-menu_slots.sub-menu_four .sub-menu_dropdown a:nth-child(8n+1),.sub-menu_slots.sub-menu_four .sub-menu_dropdown a:nth-child(8n+2),.sub-menu_slots.sub-menu_four .sub-menu_dropdown a:nth-child(8n+3),.sub-menu_slots.sub-menu_four .sub-menu_dropdown a:nth-child(8n+4) {
        background-color: #fff
    }

    .sub-menu_slots.sub-menu_four .sub-menu_dropdown a:nth-child(6n+1),.sub-menu_slots.sub-menu_four .sub-menu_dropdown a:nth-child(6n+2),.sub-menu_slots.sub-menu_four .sub-menu_dropdown a:nth-child(6n+3) {
        background-color: #f5f5f5
    }
}

.sub-menu_four .sub-menu_dropdown a {
    -webkit-flex-basis: 25%;
    -ms-flex-preferred-size: 25%;
    flex-basis: 25%;
    -webkit-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    max-width: 25%
}

.sub-menu_four .sub-menu_dropdown a:nth-child(6n+1),.sub-menu_four .sub-menu_dropdown a:nth-child(6n+2),.sub-menu_four .sub-menu_dropdown a:nth-child(6n+3) {
    background-color: #fff
}

.sub-menu_four .sub-menu_dropdown a:nth-child(8n+1),.sub-menu_four .sub-menu_dropdown a:nth-child(8n+2),.sub-menu_four .sub-menu_dropdown a:nth-child(8n+3),.sub-menu_four .sub-menu_dropdown a:nth-child(8n+4) {
    background-color: #f4f4f4
}

.sub-menu_four .sub-menu_dropdown a:hover {
    background-color: #e2ecf4
}

.social-list,.social-list * {
    box-sizing: border-box
}

.social-list {
    padding-right: 40px;
    background: linear-gradient(180deg,transparent 15%,rgba(0,0,0,.15) 0,rgba(0,0,0,.15) 85%,transparent 0) 100%/1px 70% no-repeat,transparent!important
}

.social-list,.social-list__item {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

.social-list__item {
    -webkit-flex-basis: auto;
    -ms-flex-preferred-size: auto;
    flex-basis: auto;
    -webkit-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding: 0 7px
}

.social-list__item:before {
    display: block;
    text-align: center;
    font-family: FontAwesome;
    font-size: 18px;
    line-height: 1;
    color: #282828;
    transition: color .3s ease
}

.social-list--telegram:before {
    content: "\f2c6"
}

.social-list--youtube:before {
    content: "\f167"
}

.social-list--instagram:before {
    content: "\f16d"
}

.social-list--twitter:before {
    content: "\f099"
}

.social-list--facebook:before {
    content: "\f082"
}

.social-list--google:before {
    content: "\f2b3"
}

.social-list--vk:before {
    content: "\f189"
}

.social-list--telegram:hover:before {
    color: #4aa2d7
}

.social-list--youtube:hover:before {
    color: #ce2027
}

.social-list--instagram:hover:before {
    color: #221d21
}

.social-list--facebook:hover:before,.social-list--twitter:hover:before {
    color: #4aa2d7
}

.social-list--google:hover:before {
    color: #bd330c
}

.social-list--vk:hover:before {
    color: #597da3
}

@media screen and (max-width: 1249px) {
    .social-list__item {
        padding:0 5px
    }

    .social-list {
        padding-right: 5px
    }
}

.sub-menu--right .sub-menu-ul {
    right: 100%;
    left: auto
}

/*
     FILE ARCHIVED ON 09:08:10 Jun 24, 2019 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 14:22:27 May 18, 2026.
     JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/
/*
playback timings (ms):
  capture_cache.get: 0.493
  load_resource: 94.365
  PetaboxLoader3.resolve: 67.743
  PetaboxLoader3.datanode: 3.186
*/