@charset "utf-8";
@import "default.css";

html,body {
    width: 100%;
    height: 100%;
    min-width: 320px;
}
body {
	font-family: "Open Sans", Arial, Geneva, Helvetica, Calibri, sans-serif;
	color: #a8c2ff;
    font-size: 14px;
    line-height: 24px;
    background: #000113 center top no-repeat fixed;
}
body.loaded {
    /*background-image:  url('/img/vostok-default-branding.jpg');*/
    background-image:  url('/img/bg_top.jpg');
}
a {
    text-decoration: none;
    color: #fff;
}
    a:hover {
        text-decoration: none;
        color: #fff;
    }
ul {
    margin: 0 0 1em 0;
    padding: 0;
    list-style: none;
}
ul>li {
    display: flex;
}
ul>li:before {
    content: '';
    flex: 0 0 1em;
    background: url(/img/dot.svg) 0 0.75em no-repeat;
    background-size: 0.4em auto;
}
[dir="rtl"] ul>li:before {
    background-position: 100% 0.75em;
}
table {
	width: 100%;
	height: 100%;
}
.wrapper {
	/*width: 100%;*/
    /*    max-width: 950px;*/
	/*height: 100%;*/
	padding: 0 30px;
        box-sizing: border-box;
	margin: auto;
	position: relative;
	/*background: #002261;*/
}
.container{
    min-height: 100%;
    max-width: 960px;
    margin: 0 auto;
    background: #002261;
    position: relative;
    overflow: hidden;
    border: solid #000;
    border-width: 0 1px;
    -webkit-box-shadow: 0 0 15px 0 #000;
    box-shadow: 0 0 15px 0 #000;
}



.langs {
    text-align: center;
    padding: 6px 0 22px;
}
    .langs a, .langs span {
        display: inline-block;
        height: 23px;
        vertical-align: top;
        transition: .3s ease-in-out;
    }
        .langs a img {
            max-height: 100%;
        }
.top_line {
    background: #0e2d7f;
    height: 50px;
    border-top: 1px solid #3053b1;
    border-bottom: 1px solid #3053b1;
    width: calc(100% + 60px);
    margin: 0 -30px;
    padding: 0 30px;
    position: relative;
    z-index: 1;
    box-sizing: border-box;
    box-shadow: 0px 9px 8px 0px rgba(0,0,0,0.15);
    text-align: left;
}
    .top_line .top_menu {
        font-size: 14px;
    }
        .top_line .top_menu a {
            font-size: 14px;
            line-height: 50px;
            color: #fff;
            text-transform: uppercase;
            margin-right: 19px;
            display: inline-block;
            position: relative;
            z-index: 0;
        }
    .top_line .logo {
        display: block;
        position: absolute;
        top: -3px;
        left: 50%;
        margin-left: -66px;
    }
        .top_line .logo img {

        }
.top_line .top_menu .vulcan {
    /*color: #de0101;*/
}
.blue_btn {
    display: block;
    height: 50px;
    line-height: 50px;
    font-size: 14px;
    font-weight: bold;
    text-align: center;
    width: 220px;
    text-transform: uppercase;
    border-radius: 4px;
    background: rgb(0,150,255);
    background: -moz-linear-gradient(top, rgba(0,150,255,1) 0%, rgba(11,86,240,1) 100%);
    background: -webkit-linear-gradient(top, rgba(0,150,255,1) 0%,rgba(11,86,240,1) 100%);
    background: linear-gradient(to bottom, rgba(0,150,255,1) 0%,rgba(11,86,240,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0096ff', endColorstr='#0b56f0',GradientType=0 );
    margin: 0 auto 25px;
    box-shadow: 0px 9px 8px 0px rgba(0,0,0,0.15);
    position: relative;
    color: #fff;
    cursor: pointer;
}
    .blue_btn:before {
        content: '';
        border-radius: 4px;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        display: none;
        background: -moz-linear-gradient(top, rgba(255,255,255,0.5) 0%, rgba(255,255,255,0) 100%);
        background: -webkit-linear-gradient(top, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%);
        background: linear-gradient(to bottom, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#80ffffff', endColorstr='#00ffffff',GradientType=0 );
    }
    .blue_btn:hover:before {
        display: block;
    }
.red_btn {
    display: block;
    height: 50px;
    line-height: 52px;
    font-size: 14px;
    font-weight: bold;
    text-align: center;
    width: 228px;
    text-transform: uppercase;
    background: rgb(255,0,78);
    background: -moz-linear-gradient(top, rgba(255,0,78,1) 0%, rgba(222,1,1,1) 100%);
    background: -webkit-linear-gradient(top, rgba(255,0,78,1) 0%,rgba(222,1,1,1) 100%);
    background: linear-gradient(to bottom, rgba(255,0,78,1) 0%,rgba(222,1,1,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff004e', endColorstr='#de0101',GradientType=0 );
    box-shadow: 0px 9px 8px 0px rgba(0,0,0,0.15);
    position: relative;
    transition: .3s ease-in-out;
    cursor: pointer;
    z-index: 0;
}
.footer .red_btn {
    display: none;
}
.red_btn:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: block;
    box-shadow: 0px 3px 3px -1px rgba(255,255,255,0.53) inset;
    cursor: pointer;
    z-index: -1;
}
    .red_btn:hover:before {
        box-shadow: none;
        background: -moz-linear-gradient(top, rgba(255,255,255,0.5) 0%, rgba(255,255,255,0) 100%);
        background: -webkit-linear-gradient(top, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%);
        background: linear-gradient(to bottom, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#80ffffff', endColorstr='#00ffffff',GradientType=0 );
    }
.red_btn:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: block;
    box-shadow: 0px -5px 5px 3px rgba(255,255,255,0.15) inset;
    z-index: 1;
}
    .top_line .red_btn {
        position: absolute;
        right: 0;
        top: -1px;
    }
	/*.content {*/
    /*        padding-bottom: 142px;*/
	/*}*/
h1, h2, h3, h4, h5, h6 {
    color: #fff;
}
h1 {
    font-size: 30px;
    line-height: 40px;
    display: block;
    margin-top: 0;
    padding-top: 32px;
}
.breadcrumbs + h1 {
    padding-top: 2px;
}
.breadcrumbs {
    font-size: 12px;
    line-height: 24px;
    color: #a8c2ff;
    padding-top: 16px;
}
.breadcrumbs a {
    color: #dae3f9;
    text-decoration: underline;
    display: inline-block;
    transition: .3s ease-in-out;
}
.breadcrumbs a:hover {
    color: #ffffff;
}
.breadcrumbs span {
    display: inline-block;
}
h2 {
    font-size: 24px;
    line-height: 34px;
    display: block;
}
.content .text {
    margin-bottom: 23px;
}
.content .text a {
    color: #dae3f9;
    text-decoration: underline;
    transition: .3s ease-in-out;
}
    .content .text a:hover {
        color: #ffffff;
    }
.banner {
    display: block;
    width: calc(100% + 60px);
    margin: 0 -30px 26px;
    position: relative;
}
    .banner img {
        max-width: 100%;
    }
    .banner .banner_text {
        position: absolute;
        left: 40px;
        top: 50%;
        margin-top: -40px;
        height: 80px;
        font-size: 40px;
        line-height: 40px;
        cursor: default;
    }
.games {
    text-align: center;
    max-width: 720px;
    margin: 0 auto;
    letter-spacing: -20px;
}
    .games a {
        letter-spacing: normal;
        display: inline-block;
        margin: 0 15px 33px;
        width: 210px;
        transition: .3s ease-in-out;
    }
    .games a:hover {
        transform: translateY(-20px);
    }
    .games a .img {
        margin-bottom: 20px;
        height: 138px;
        width: 210px;
    }
    .games a .img img {
        max-height: 100%;
        max-width: 100%;
    }
    .games a .title {

    }
.ico_block {
    display: block;
    padding-top: 7px;
    text-align: center;
    letter-spacing: -20px;
    width: 100%;
}
    .ico_block .ico {
        display: inline-block;
        width: 280px;
        margin-right: 25px;
        text-align: left;
        margin-bottom: 37px;
        letter-spacing: normal;
        vertical-align: top;
    }
        [dir="rtl"] .ico_block .ico {
            text-align: right;
            margin-right: 0;
            margin-left: 25px;
        }
        .ico_block .ico:last-child {
            margin-right: 0px;
        }
        .ico_block .ico:after {
            content: '';
            display: block;
            clear: both;
        }
        .ico_block .ico .img {
            width: 85px;
            float: left;
            text-align: center;
            line-height: 77px
        }
            [dir="rtl"] .ico_block .ico .img {
                float: right;
            }

            .ico_block .ico .img img {
                max-width: 100%;
                vertical-align: bottom;
            }
        .ico_block .ico .info {
            width: calc(100% - 85px);
            float: left;
        }
            .ico_block .ico .info .i_title {
                font-size: 16px;
                color: #fff;
                line-height: 24px;
                font-weight: bold;
                margin-bottom: 3px;
            }
            .ico_block .ico .info .i_text {
                font-size: 14px;
                color: #a8c2ff;
                line-height: 18px;
            }
.footer {
    width: 100%;
    position: relative;
    max-width: 960px;
    margin: 0 auto;
    background: #002261;
}
    .footer .wrapper {
        background: #001742;
    }
.footer .right_block {
    float: right;
    line-height: 94px;
}
.footer .right_block img {
    vertical-align: middle;
    margin-left: 20px;
}
/*.copy {*/
/*    line-height: 94px;*/
/*    float: left;*/
/*}*/
.copy {
    padding: 20px;
    text-align: center;
}
.bottom_menu {
    text-align: center;
    line-height: 48px;
    width: 100%;
    padding: 0 30px;
    margin: 0 -30px;
    position: relative;
    text-transform: uppercase;
    background: #0e2d7f;
}
    .bottom_menu a {
        display: inline-block;
        line-height: 48px;
        padding: 0 10px;
        position: relative;
        z-index: 0;
    }
        .bottom_menu a:before {
            content: '';
            position: absolute;
            width: 100%;
            height: 28px;
            margin-left: -10px;
            border: 1px solid #042963;
            border-top: 1px solid #010b2c;
            border-bottom: 1px solid #056bc0;
            background: #042963;
            padding: 0 0;
            border-radius: 5px;
            display: block;
            top: 10px;
            left: 9px;
            z-index: -1;
            opacity: 0;
            transition: .3s ease-in-out;
        }
        .bottom_menu a:hover:before {
            opacity: 1;
        }
.contacts {
    position: relative;
    padding: 0 0 40px;
    min-height: calc(100vh - 142px - 102px - 40px - 52px);
    box-sizing: border-box;
}
    .contacts .text span {
        color: #fff;
    }
    .contacts .blue_btn {
        margin: 0;
    }
    .contacts .input_wrapper {
        width: 100%;
        margin-bottom: 14px;
    }
        .contacts .input_wrapper:after {
            content: '';
            display: block;
            clear: both;
        }
    .contacts form {
        max-width: 600px;
        display: block;
        margin-bottom: 40px;
    }
    .contacts .input {
        max-width: 290px;
        width: 100%;
        float: left;
    }
    .contacts .input:last-child {
        float: right;
    }
    .contacts label {
        display: block;
        margin-bottom: 5px;
    }
    .contacts .input input {
        width: 100%;
        box-sizing: border-box;
        height: 40px;
        line-height: 40px;
        padding: 0 6px;
        border: 0;
        border-radius: 3px;
        background: #fff;
        color: #333;
    }
    .contacts textarea {
        width: 100%;
        box-sizing: border-box;
        height: 120px;
        line-height: 24px;
        padding: 6px 6px;
        border: 0;
        border-radius: 3px;
        background: #fff;
        color: #333;
        resize: none;
        margin-bottom: 20px;
    }
.lang_list {
    position: relative;
    padding: 16px 0 40px;
    min-height: calc(100vh - 142px - 102px - 40px);
    box-sizing: border-box;
}
    .lang_list:after {
        content: '';
        display: block;
        clear: both;
    }
    .lang_list a {
        display: block;
        width: 33.3333333%;
        float: left;
        line-height: 23px;
        padding: 5px 20px 5px 0;
        color: #a8c2ff;
        box-sizing: border-box;
        transition: .2s;
    }
        .lang_list a:hover {
            color: #fff;
        }
    .lang_list a .img {
        width: 34px;
        display: inline-block;
        vertical-align: top;
    }
        .lang_list a .img img {
            max-width: 100%;
        }
    .lang_list a .title {
        display: inline-block;
        width: calc(100% - 46px);
        margin-left: 12px;
        vertical-align: middle;
        padding-top: 3px;
    }
.page_404 {
    text-align: center;
    padding: 12px 0 50px;
    min-height: calc(100vh - 142px - 102px - 40px);
    box-sizing: border-box;
}
    .page_404 .big {
        text-align: center;
        font-size: 220px;
        line-height: 220px;
        color: #f30034;
        font-weight: bold;
    }
    .page_404 .small {
        color: #fff;
        font-size: 46px;
        line-height: 56px;
    }

.game-demo {
    margin: 1em 0;
    border: 1px solid #3053b1;
}
.game-demo iframe {
    display: block;
    border: 0;
}
.game-demo noindex {
    display: table;
    width: 100%;
}
.mobile-demo {
    display: table-cell;
    width: 100%;
    height: 450px;
    vertical-align: middle;
    font-weight: bold;
    text-align: center;
    text-transform: uppercase;
    font-size: 24px;
    text-shadow: 0 0 5px #000000;
    background: url(/img/game-demo.jpg) 50% 50% no-repeat;
    background-size: cover;
}
.btn_play-for-real {
    display: block;
    width: 400px;
    max-width: 100%;
    margin: 0 auto;
}


/* * 2021-08 fixes * */
.mobile-header {
    display: none;
}
.logo {
    /*flex: 0 0 200px;*/
    /*margin-right: auto;*/
    /*background: url(/img/vostok-logo-lat.svg) 0 49% no-repeat;*/
    /*background-size: 100% auto;*/
    flex: 0 0 150px;
    margin-right: auto;
    background: url(/img/logo.png) 0 49% no-repeat;
}

/*html[lang^="ru"] .logo,*/
/*html[lang^="uk"] .logo,*/
/*html[lang^="be"] .logo,*/
/*html[lang^="bg"] .logo,*/
/*html[lang^="tg"] .logo,*/
/*html[lang^="ky"] .logo {*/
/*    background-image: url(/img/vostok-logo.svg);*/
/*}*/

.btn-reg, .btn-auth {
    box-sizing: border-box;
    text-align: center;
    flex: 0 0 auto;
    width: 147px;
    border-radius: 2px;
    padding: 2px 25px;
    border: 0;
    line-height: 28px;
    font-weight: 700;
    font-size: 12px;
    letter-spacing: .3px;
    color: #fff;
    text-transform: uppercase;
    transition: all .2s;
    text-shadow: 1px 1px 0 rgba(0,0,0,.15);
}

.btn-reg {
    background: linear-gradient(360deg,#b7000c 0%,#ed1f20 100%);
    box-shadow: inset 0 1px 0 #ff5056;
    margin-right: 10px;
}
.btn-reg:hover {
    background: linear-gradient(180deg,#ff292b 0%,#d90011 100%),linear-gradient(360deg,#b7000c 0%,#ed1f20 100%);
}

.btn-auth {
    background: linear-gradient(180deg,#368ffe 0%,#1774e9 48.84%,#0061da 91.25%,#0465dd 113.69%);
}
.btn-auth:hover {
    background: linear-gradient(180deg,#40a5fd 0%,#0176e2 100%);
}


.top-menu ul li:before {
    display: none;
}

.burger {
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;

    width: 50px;
    background: url(/img/burger.svg) 50% 50% no-repeat;
    background-size: 32px 32px;
}
.mobile-header .logo {
    margin: 0 auto;
    background-size: auto 70%;
    flex: 0 0 80px;
}
.top-zone__langs {
    font-size: 0;
}
.top-zone__langs .flag-icon {
    width: 43px;
    height: 32px;
}

.bottom-sticky {
    display: none;
}


@media(min-width: 959.1px) {
    .top-zone {
        box-sizing: border-box;
        flex: 0 1 auto;
        padding: 0 25px;
        display: flex;
        align-items: center;
        background: rgba(0,0,0,.4);
        border-radius: 5px;
        color: #abbddf;
    }
    .top-zone__buttons {
        flex: 0 0 auto;
        display: flex;
        align-items: center;
        justify-content: space-between;
        margin-right: 10px;
    }
    .top-line {
        background: url(/img/bg-header.jpg) 0 0 no-repeat;
        padding: 25px;
        display: flex;
        align-items: stretch;
        min-height: 100px;
    }
    .top-zone__langs {
        position: relative;
        cursor: pointer;
        display: flex;
        align-items: stretch;
        font-size: 0;
    }
    .top-zone__langs:after {
        content: "▼";
        font-size: 10px;
        line-height: 32px;
        padding-left: 4px;
        flex: 0 0 auto;
    }
    .top-zone__langs .active {
        flex: 0 0 auto;
    }
    .top-zone__langs .flag-icon {
        display: block;
    }

    .top-zone__langs .other {
        position: absolute;
        z-index: 99;
        right: 0;
        width: 300px;
        padding: 10px;
        top: 32px;
        background: #002261;
        box-shadow: 1px 1px 2px 0 rgba(0,0,0,.6);
        border-radius: 5px;
        display: none;
    }
    .top-zone__langs.open .other {
        display: block;
    }

    .other .flag-icon {
        margin: 10px 8px;
        display: inline-block;
    }

    .top-menu {
        height: 48px;
        line-height: 47px;
        padding: 1px;
        background: linear-gradient(180deg,#133b86 0%,#042c72 56.27%,#032869 74.47%,#032564 100%);
        box-shadow: 0 1px 1px -1px rgba(0,0,0,.9);
        overflow: hidden;
        position: relative;
    }
    .top-menu.arrows {
        padding: 1px 31px;
    }
    .top-menu .scroller {
        position: absolute;
        height: 50px;
        width: 30px;
        top: 0;
        z-index: 99;
        background: url(/img/chevron-left.svg) 50% 50% no-repeat;
        background-size: 80% auto;
        opacity: .5;
        display: none;
    }
    .top-menu .scroller.left {
        left: 0;
    }
    .top-menu .scroller.right {
        right: 0;
        transform: scaleX(-1);
    }
    .top-menu.arrows .scroller {
        display: block;
    }
    .top-menu ul {
        margin: 0 0 0 -1px;
        padding: 0;
        list-style: none;
        width: 100%;
        display: flex;
        align-items: center;
        overflow-x: auto;
    }
    .top-menu ul li a {
        display: block;
        text-align: center;
        text-transform: uppercase;
        text-decoration: none;
        white-space: nowrap;
        color: #fff;
        padding: 0 30px;
        border-style: solid;
        border-width: 0 1px;
        border-color: transparent;
        background-repeat: no-repeat;
        border-top: 2px solid transparent;
    }
    .top-menu ul li a.active, .top-menu ul li a:hover {
        background: #001847;
        border-top: 2px solid #1f84ff;
    }
}

@media(max-width: 959px) {
    .mobile-header {
        display: flex;
        align-items: stretch;
        height: 48px;
        padding: 4px;
        background: #001b4d;
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        z-index: 999;
    }

    .top-line {
        background: none;
    }
    .header {
        position: fixed;
        top: 56px;
        left: 0;
        width: 300px;
        padding: 10px;
        background: #002261;
        box-shadow: 1px 1px 2px 0 rgba(0,0,0,.6);
        z-index: 999;
        transform: translateX(-101%);
        transition: transform 0.2s ease-out;
    }
    .burger-open .header {
        transform: translateX(0);
    }

    .top-zone__langs .flag-icon {
        margin: 10px 8px;
        display: inline-block;
    }

    .top-zone__langs .active .flag-icon {
        box-shadow: 0 0 3px 2px #a8c2ff;
    }

    .top-menu ul {
        margin: 0;
        padding: 20px 0;
        list-style: none;
    }
    .top-menu ul li {
        display: block;
    }

    .top-menu ul li a {
        display: block;
        text-align: left;
        text-transform: uppercase;
        text-decoration: none;
        white-space: nowrap;
        color: #fff;
        padding: 6px 10px 6px 20px;
        border-left: 2px solid transparent;
    }
    .top-menu ul li a.active, .top-menu ul li a:hover {
        background: #001847;
        border-left: 2px solid #1f84ff;
    }


    .burger-open .content {
        pointer-events: none;
        position: relative;
    }
    .burger-open .content:before {
        position: absolute;
        z-index: 99;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        content: '';
        background: rgba(0,0,0,.6);
    }
    .header .logo, .top-zone__buttons {
        display: none;
    }

    .content .wrapper {
        padding-top: 56px;
    }

    .footer .wrapper {
        padding-bottom: 60px;
    }
    .bottom-sticky {
        width: 100%;
        height: 50px;
        background: #0e2d7f;
        display: flex;
        position: fixed;
        z-index: 99;
        bottom: 0;
        left: 0;
        right: 0;
        justify-content: center;
        align-items: center;
        box-shadow: 0 -1px 2px 0 rgba(0,0,0,.6);
    }

}

.footer-partners {
    padding: 20px;
    display: block;
    text-align: center;
    font-size: 0;
}
.footer-partners__heading {
    font-size: 16px;
    text-transform: uppercase;
}
.footer-partners img {
    display: inline-block;
    margin: 5px 20px;
    vertical-align: middle;
}

.gameProviders {
    padding: 20px;
    display: block;
    text-align: center;
    font-size: 0;
}
.gameProviders img {
    display: inline-block;
    margin: 5px 20px;
    vertical-align: middle;
    max-height: 36px;
}
.security {
    padding: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
}
.security>* {
    margin: 5px;
}



/* * old media * */

@media(max-width: 950px) {
    body {
        background: none;
    }
    .ico_block .ico {
        width: 300px;
    }
    .ico_block .ico:nth-child(2) {
        margin-right: 0;
    }
}
@media(max-width: 768px) {
    .lang_list a {
        width: 50%;
    }
    .ico_block .ico {
        width: 300px;
        display: inline-block;
        margin-right: 0;
    }
    .games a {
        width: 50%;
        margin-left: 0;
        margin-right: 0;
    }
    .games a .img {
        width: 100%;
    }
    .wrapper {
        padding: 0 10px;
    }
    .banner {
        width: calc(100% + 20px);
        margin-left: -10px;
        margin-bottom: 26px;
    }
    .top_line {
        width: calc(100% + 20px);
        margin-left: -10px;
        padding: 0 10px;
    }
    .bottom_menu {
        padding: 0 10px;
        margin-left: -10px;
    }
        .bottom_menu a {
            display: inline-block;
            line-height: 48px;
            padding: 0 10px;
        }
    .footer .red_btn {
        display: block;
        position: fixed;
        bottom: 0;
        left: 0;
        width: 100%;
    }
    /*.footer .copy {*/
    /*    float: none;*/
    /*    line-height: 20px;*/
    /*    padding-bottom: 60px;*/
    /*}*/
    .footer .right_block {
        float: none;
        white-space: nowrap;
    }
    .footer .right_block img {
        margin-left: 0;
        margin-right: 20px;
    }
    .footer .right_block img:last-child {
        margin-right: 0px;
    }
    .content {
        padding-bottom: 0;
    }
    .footer {
        height: auto;
        margin-top: 0;
    }
}
@media(min-width: 701px) {
        .langs a:hover, .langs span:hover {
            transform: scale(1.25);
            position: relative;
            z-index: 9;
        }
        .top_line .top_menu a:before {
            content: '';
            position: absolute;
            width: calc(100% + 20px);
            height: 28px;
            padding: 0 10px;
            margin-left: -10px;
            border: 1px solid #042963;
            border-top: 1px solid #010b2c;
            border-bottom: 1px solid #056bc0;
            background: #042963;
            border-radius: 5px;
            display: block;
            top: 11px;
            left: 0px;
            z-index: -1;
            opacity: 0;
            transition: .3s ease-in-out;
            box-sizing: border-box;
        }
        .top_line .top_menu a:hover:before {
            opacity: 1;
        }
}
@media(max-width: 700px) {
    .contacts form {
        max-width: 100%;
    }
    .contacts .input {
        width: 100%;
        max-width: 100%;
        float: none;
        margin-bottom: 14px;
    }
    .contacts .input:last-child {
        float: none;
    }
    .banner .banner_text {
        left: 20px;
        margin-top: -30px;
        height: 60px;
        font-size: 30px;
        line-height: 30px;
    }
    h1 {
        font-size: 24px;
        line-height: 34px;
        margin: 0;
        padding-top: 13px;
        padding-bottom: 6px;
    }
    h2 {
        font-size: 18px;
        line-height: 28px;
        margin: 0;
        padding-top: 0px;
        padding-bottom: 7px;
    }
    .content .text {
        margin-bottom: 20px;
    }
    .games a {
        margin-bottom: 23px;
    }
    .games {
        margin-bottom: -4px;
    }
    .header {
            height: auto;
    }
    .header .red_btn {
        display: none;
    }
    .header .langs {
        position: absolute;
        left: 3px;
        top: 3px;
        z-index: 2;
        padding: 0;
        width: 50px;
        height: 49px;
        line-height: 46px;
        background: #002261;
        border-radius: 8px;
    }
        .langs a, .langs span {
            display: none;
            width: 50px;
            height: 49px;
            text-align: center;
        }
        .langs a.active, .langs span.active {
            display: block;
        }
        .langs.open {
            width: 100%;
            left: 0;
            top: 0;
            border-radius: 0 0 8px 8px;
            height: auto;
        }
            .langs.open a, .langs.open span {
                display: inline-block;
            }
    .top_line .logo {
        top: 9px;
    }
    .top_line .top_menu a {
        width: 100%;
        margin-left: -10px;
        padding: 0 10px;
        line-height: 48px;
        margin-right: 0;
        display: block;
        border-top: 1px solid #3053b1;
        border-bottom: 1px solid #3053b1;
        text-align: center;
    }
        .top_line .top_menu a:first-child {
            border-bottom: none;
        }
    .top_line {
        padding-top: 100px;
        background: #0e2d7f;
        height: auto;
        border-top: none;
        border-bottom: none;
        box-shadow: 0px 9px 8px 0px rgba(0,0,0,0.15);
    }
    .ico_block .ico {
        width: 300px;
        display: inline-block;
        margin-right: 0;
    }
    .ico_block .ico .img {
        width: 75px;
        text-align: left;
    }
    .ico_block .ico .info {
        width: calc(100% - 75px);
    }
}
@media(max-width: 500px) {
    .lang_list a {
        width: 100%;
        padding-right: 0;
    }
    .games a {
        width: 100%;
    }
    .page_404 .big {
        font-size: 160px;
        line-height: 160px;
    }
    .page_404 .small {
        font-size: 36px;
        line-height: 46px;
    }
    .banner .banner_text {
        margin-top: -20px;
        height: 40px;
        font-size: 20px;
        line-height: 20px;
    }
}
@media(max-width: 400px) {
    .banner .banner_text {
        margin-top: -16px;
        height: 28px;
        font-size: 16px;
        line-height: 16px;
    }
}


/******************** flags *******************/
.flag-icon-background {
    background-size: contain;
    background-position: 50%;
    background-repeat: no-repeat;
}
.flag-icon {
    background-size: contain;
    background-position: 50%;
    background-repeat: no-repeat;
    position: relative;
    display: inline-block;
    width: 1.33333333em;
    line-height: 1em;
}
.flag-icon:before {
    content: "\00a0";
}

.langs .flag-icon, .lang_list .flag-icon {
    /*font-size: 24px;*/
    width: 34px;
    height: 23px;
    vertical-align: middle;
}
.lang_list .flag-icon {
    margin-right: 12px;
}
[dir="rtl"] .lang_list .flag-icon {
    margin-right: 0;
    margin-left: 12px;
}

.flag-icon-ad {
    background-image: url(/img/flags/ad.svg);
}
.flag-icon-ae {
    background-image: url(/img/flags/ae.svg);
}
.flag-icon-af {
    background-image: url(/img/flags/af.svg);
}
.flag-icon-ag {
    background-image: url(/img/flags/ag.svg);
}
.flag-icon-ai {
    background-image: url(/img/flags/ai.svg);
}
.flag-icon-al {
    background-image: url(/img/flags/al.svg);
}
.flag-icon-am {
    background-image: url(/img/flags/am.svg);
}
.flag-icon-ao {
    background-image: url(/img/flags/ao.svg);
}
.flag-icon-aq {
    background-image: url(/img/flags/aq.svg);
}
.flag-icon-ar {
    background-image: url(/img/flags/ar.svg);
}
.flag-icon-as {
    background-image: url(/img/flags/as.svg);
}
.flag-icon-at {
    background-image: url(/img/flags/at.svg);
}
.flag-icon-au {
    background-image: url(/img/flags/au.svg);
}
.flag-icon-aw {
    background-image: url(/img/flags/aw.svg);
}
.flag-icon-ax {
    background-image: url(/img/flags/ax.svg);
}
.flag-icon-az {
    background-image: url(/img/flags/az.svg);
}
.flag-icon-ba {
    background-image: url(/img/flags/ba.svg);
}
.flag-icon-bb {
    background-image: url(/img/flags/bb.svg);
}
.flag-icon-bd {
    background-image: url(/img/flags/bd.svg);
}
.flag-icon-be {
    background-image: url(/img/flags/be.svg);
}
.flag-icon-bf {
    background-image: url(/img/flags/bf.svg);
}
.flag-icon-bg {
    background-image: url(/img/flags/bg.svg);
}
.flag-icon-bh {
    background-image: url(/img/flags/bh.svg);
}
.flag-icon-bi {
    background-image: url(/img/flags/bi.svg);
}
.flag-icon-bj {
    background-image: url(/img/flags/bj.svg);
}
.flag-icon-bl {
    background-image: url(/img/flags/bl.svg);
}
.flag-icon-bm {
    background-image: url(/img/flags/bm.svg);
}
.flag-icon-bn {
    background-image: url(/img/flags/bn.svg);
}
.flag-icon-bo {
    background-image: url(/img/flags/bo.svg);
}
.flag-icon-bq {
    background-image: url(/img/flags/bq.svg);
}
.flag-icon-br {
    background-image: url(/img/flags/br.svg);
}
.flag-icon-bs {
    background-image: url(/img/flags/bs.svg);
}
.flag-icon-bt {
    background-image: url(/img/flags/bt.svg);
}
.flag-icon-bv {
    background-image: url(/img/flags/bv.svg);
}
.flag-icon-bw {
    background-image: url(/img/flags/bw.svg);
}
.flag-icon-by {
    background-image: url(/img/flags/by.svg);
}
.flag-icon-bz {
    background-image: url(/img/flags/bz.svg);
}
.flag-icon-ca {
    background-image: url(/img/flags/ca.svg);
}
.flag-icon-cc {
    background-image: url(/img/flags/cc.svg);
}
.flag-icon-cd {
    background-image: url(/img/flags/cd.svg);
}
.flag-icon-cf {
    background-image: url(/img/flags/cf.svg);
}
.flag-icon-cg {
    background-image: url(/img/flags/cg.svg);
}
.flag-icon-ch {
    background-image: url(/img/flags/ch.svg);
}
.flag-icon-ci {
    background-image: url(/img/flags/ci.svg);
}
.flag-icon-ck {
    background-image: url(/img/flags/ck.svg);
}
.flag-icon-cl {
    background-image: url(/img/flags/cl.svg);
}
.flag-icon-cm {
    background-image: url(/img/flags/cm.svg);
}
.flag-icon-cn {
    background-image: url(/img/flags/cn.svg);
}
.flag-icon-co {
    background-image: url(/img/flags/co.svg);
}
.flag-icon-cr {
    background-image: url(/img/flags/cr.svg);
}
.flag-icon-cu {
    background-image: url(/img/flags/cu.svg);
}
.flag-icon-cv {
    background-image: url(/img/flags/cv.svg);
}
.flag-icon-cw {
    background-image: url(/img/flags/cw.svg);
}
.flag-icon-cx {
    background-image: url(/img/flags/cx.svg);
}
.flag-icon-cy {
    background-image: url(/img/flags/cy.svg);
}
.flag-icon-cz {
    background-image: url(/img/flags/cz.svg);
}
.flag-icon-de {
    background-image: url(/img/flags/de.svg);
}
.flag-icon-dj {
    background-image: url(/img/flags/dj.svg);
}
.flag-icon-dk {
    background-image: url(/img/flags/dk.svg);
}
.flag-icon-dm {
    background-image: url(/img/flags/dm.svg);
}
.flag-icon-do {
    background-image: url(/img/flags/do.svg);
}
.flag-icon-dz {
    background-image: url(/img/flags/dz.svg);
}
.flag-icon-ec {
    background-image: url(/img/flags/ec.svg);
}
.flag-icon-ee {
    background-image: url(/img/flags/ee.svg);
}
.flag-icon-eg {
    background-image: url(/img/flags/eg.svg);
}
.flag-icon-eh {
    background-image: url(/img/flags/eh.svg);
}
.flag-icon-er {
    background-image: url(/img/flags/er.svg);
}
.flag-icon-es {
    background-image: url(/img/flags/es.svg);
}
.flag-icon-et {
    background-image: url(/img/flags/et.svg);
}
.flag-icon-fi {
    background-image: url(/img/flags/fi.svg);
}
.flag-icon-fj {
    background-image: url(/img/flags/fj.svg);
}
.flag-icon-fk {
    background-image: url(/img/flags/fk.svg);
}
.flag-icon-fm {
    background-image: url(/img/flags/fm.svg);
}
.flag-icon-fo {
    background-image: url(/img/flags/fo.svg);
}
.flag-icon-fr {
    background-image: url(/img/flags/fr.svg);
}
.flag-icon-ga {
    background-image: url(/img/flags/ga.svg);
}
.flag-icon-gb {
    background-image: url(/img/flags/gb.svg);
}
.flag-icon-gd {
    background-image: url(/img/flags/gd.svg);
}
.flag-icon-ge {
    background-image: url(/img/flags/ge.svg);
}
.flag-icon-gf {
    background-image: url(/img/flags/gf.svg);
}
.flag-icon-gg {
    background-image: url(/img/flags/gg.svg);
}
.flag-icon-gh {
    background-image: url(/img/flags/gh.svg);
}
.flag-icon-gi {
    background-image: url(/img/flags/gi.svg);
}
.flag-icon-gl {
    background-image: url(/img/flags/gl.svg);
}
.flag-icon-gm {
    background-image: url(/img/flags/gm.svg);
}
.flag-icon-gn {
    background-image: url(/img/flags/gn.svg);
}
.flag-icon-gp {
    background-image: url(/img/flags/gp.svg);
}
.flag-icon-gq {
    background-image: url(/img/flags/gq.svg);
}
.flag-icon-gr {
    background-image: url(/img/flags/gr.svg);
}
.flag-icon-gs {
    background-image: url(/img/flags/gs.svg);
}
.flag-icon-gt {
    background-image: url(/img/flags/gt.svg);
}
.flag-icon-gu {
    background-image: url(/img/flags/gu.svg);
}
.flag-icon-gw {
    background-image: url(/img/flags/gw.svg);
}
.flag-icon-gy {
    background-image: url(/img/flags/gy.svg);
}
.flag-icon-hk {
    background-image: url(/img/flags/hk.svg);
}
.flag-icon-hm {
    background-image: url(/img/flags/hm.svg);
}
.flag-icon-hn {
    background-image: url(/img/flags/hn.svg);
}
.flag-icon-hr {
    background-image: url(/img/flags/hr.svg);
}
.flag-icon-ht {
    background-image: url(/img/flags/ht.svg);
}
.flag-icon-hu {
    background-image: url(/img/flags/hu.svg);
}
.flag-icon-id {
    background-image: url(/img/flags/id.svg);
}
.flag-icon-ie {
    background-image: url(/img/flags/ie.svg);
}
.flag-icon-il {
    background-image: url(/img/flags/il.svg);
}
.flag-icon-im {
    background-image: url(/img/flags/im.svg);
}
.flag-icon-in {
    background-image: url(/img/flags/in.svg);
}
.flag-icon-io {
    background-image: url(/img/flags/io.svg);
}
.flag-icon-iq {
    background-image: url(/img/flags/iq.svg);
}
.flag-icon-ir {
    background-image: url(/img/flags/ir.svg);
}
.flag-icon-is {
    background-image: url(/img/flags/is.svg);
}
.flag-icon-it {
    background-image: url(/img/flags/it.svg);
}
.flag-icon-je {
    background-image: url(/img/flags/je.svg);
}
.flag-icon-jm {
    background-image: url(/img/flags/jm.svg);
}
.flag-icon-jo {
    background-image: url(/img/flags/jo.svg);
}
.flag-icon-jp {
    background-image: url(/img/flags/jp.svg);
}
.flag-icon-ke {
    background-image: url(/img/flags/ke.svg);
}
.flag-icon-kg {
    background-image: url(/img/flags/kg.svg);
}
.flag-icon-kh {
    background-image: url(/img/flags/kh.svg);
}
.flag-icon-ki {
    background-image: url(/img/flags/ki.svg);
}
.flag-icon-km {
    background-image: url(/img/flags/km.svg);
}
.flag-icon-kn {
    background-image: url(/img/flags/kn.svg);
}
.flag-icon-kp {
    background-image: url(/img/flags/kp.svg);
}
.flag-icon-kr {
    background-image: url(/img/flags/kr.svg);
}
.flag-icon-kw {
    background-image: url(/img/flags/kw.svg);
}
.flag-icon-ky {
    background-image: url(/img/flags/ky.svg);
}
.flag-icon-kz {
    background-image: url(/img/flags/kz.svg);
}
.flag-icon-la {
    background-image: url(/img/flags/la.svg);
}
.flag-icon-lb {
    background-image: url(/img/flags/lb.svg);
}
.flag-icon-lc {
    background-image: url(/img/flags/lc.svg);
}
.flag-icon-li {
    background-image: url(/img/flags/li.svg);
}
.flag-icon-lk {
    background-image: url(/img/flags/lk.svg);
}
.flag-icon-lr {
    background-image: url(/img/flags/lr.svg);
}
.flag-icon-ls {
    background-image: url(/img/flags/ls.svg);
}
.flag-icon-lt {
    background-image: url(/img/flags/lt.svg);
}
.flag-icon-lu {
    background-image: url(/img/flags/lu.svg);
}
.flag-icon-lv {
    background-image: url(/img/flags/lv.svg);
}
.flag-icon-ly {
    background-image: url(/img/flags/ly.svg);
}
.flag-icon-ma {
    background-image: url(/img/flags/ma.svg);
}
.flag-icon-mc {
    background-image: url(/img/flags/mc.svg);
}
.flag-icon-md {
    background-image: url(/img/flags/md.svg);
}
.flag-icon-me {
    background-image: url(/img/flags/me.svg);
}
.flag-icon-mf {
    background-image: url(/img/flags/mf.svg);
}
.flag-icon-mg {
    background-image: url(/img/flags/mg.svg);
}
.flag-icon-mh {
    background-image: url(/img/flags/mh.svg);
}
.flag-icon-mk {
    background-image: url(/img/flags/mk.svg);
}
.flag-icon-ml {
    background-image: url(/img/flags/ml.svg);
}
.flag-icon-mm {
    background-image: url(/img/flags/mm.svg);
}
.flag-icon-mn {
    background-image: url(/img/flags/mn.svg);
}
.flag-icon-mo {
    background-image: url(/img/flags/mo.svg);
}
.flag-icon-mp {
    background-image: url(/img/flags/mp.svg);
}
.flag-icon-mq {
    background-image: url(/img/flags/mq.svg);
}
.flag-icon-mr {
    background-image: url(/img/flags/mr.svg);
}
.flag-icon-ms {
    background-image: url(/img/flags/ms.svg);
}
.flag-icon-mt {
    background-image: url(/img/flags/mt.svg);
}
.flag-icon-mu {
    background-image: url(/img/flags/mu.svg);
}
.flag-icon-mv {
    background-image: url(/img/flags/mv.svg);
}
.flag-icon-mw {
    background-image: url(/img/flags/mw.svg);
}
.flag-icon-mx {
    background-image: url(/img/flags/mx.svg);
}
.flag-icon-my {
    background-image: url(/img/flags/my.svg);
}
.flag-icon-mz {
    background-image: url(/img/flags/mz.svg);
}
.flag-icon-na {
    background-image: url(/img/flags/na.svg);
}
.flag-icon-nc {
    background-image: url(/img/flags/nc.svg);
}
.flag-icon-ne {
    background-image: url(/img/flags/ne.svg);
}
.flag-icon-nf {
    background-image: url(/img/flags/nf.svg);
}
.flag-icon-ng {
    background-image: url(/img/flags/ng.svg);
}
.flag-icon-ni {
    background-image: url(/img/flags/ni.svg);
}
.flag-icon-nl {
    background-image: url(/img/flags/nl.svg);
}
.flag-icon-no {
    background-image: url(/img/flags/no.svg);
}
.flag-icon-np {
    background-image: url(/img/flags/np.svg);
}
.flag-icon-nr {
    background-image: url(/img/flags/nr.svg);
}
.flag-icon-nu {
    background-image: url(/img/flags/nu.svg);
}
.flag-icon-nz {
    background-image: url(/img/flags/nz.svg);
}
.flag-icon-om {
    background-image: url(/img/flags/om.svg);
}
.flag-icon-pa {
    background-image: url(/img/flags/pa.svg);
}
.flag-icon-pe {
    background-image: url(/img/flags/pe.svg);
}
.flag-icon-pf {
    background-image: url(/img/flags/pf.svg);
}
.flag-icon-pg {
    background-image: url(/img/flags/pg.svg);
}
.flag-icon-ph {
    background-image: url(/img/flags/ph.svg);
}
.flag-icon-pk {
    background-image: url(/img/flags/pk.svg);
}
.flag-icon-pl {
    background-image: url(/img/flags/pl.svg);
}
.flag-icon-pm {
    background-image: url(/img/flags/pm.svg);
}
.flag-icon-pn {
    background-image: url(/img/flags/pn.svg);
}
.flag-icon-pr {
    background-image: url(/img/flags/pr.svg);
}
.flag-icon-ps {
    background-image: url(/img/flags/ps.svg);
}
.flag-icon-pt {
    background-image: url(/img/flags/pt.svg);
}
.flag-icon-pw {
    background-image: url(/img/flags/pw.svg);
}
.flag-icon-py {
    background-image: url(/img/flags/py.svg);
}
.flag-icon-qa {
    background-image: url(/img/flags/qa.svg);
}
.flag-icon-re {
    background-image: url(/img/flags/re.svg);
}
.flag-icon-ro {
    background-image: url(/img/flags/ro.svg);
}
.flag-icon-rs {
    background-image: url(/img/flags/rs.svg);
}
.flag-icon-ru {
    background-image: url(/img/flags/ru.svg);
}
.flag-icon-rw {
    background-image: url(/img/flags/rw.svg);
}
.flag-icon-sa {
    background-image: url(/img/flags/sa.svg);
}
.flag-icon-sb {
    background-image: url(/img/flags/sb.svg);
}
.flag-icon-sc {
    background-image: url(/img/flags/sc.svg);
}
.flag-icon-sd {
    background-image: url(/img/flags/sd.svg);
}
.flag-icon-se {
    background-image: url(/img/flags/se.svg);
}
.flag-icon-sg {
    background-image: url(/img/flags/sg.svg);
}
.flag-icon-sh {
    background-image: url(/img/flags/sh.svg);
}
.flag-icon-si {
    background-image: url(/img/flags/si.svg);
}
.flag-icon-sj {
    background-image: url(/img/flags/sj.svg);
}
.flag-icon-sk {
    background-image: url(/img/flags/sk.svg);
}
.flag-icon-sl {
    background-image: url(/img/flags/sl.svg);
}
.flag-icon-sm {
    background-image: url(/img/flags/sm.svg);
}
.flag-icon-sn {
    background-image: url(/img/flags/sn.svg);
}
.flag-icon-so {
    background-image: url(/img/flags/so.svg);
}
.flag-icon-sr {
    background-image: url(/img/flags/sr.svg);
}
.flag-icon-ss {
    background-image: url(/img/flags/ss.svg);
}
.flag-icon-st {
    background-image: url(/img/flags/st.svg);
}
.flag-icon-sv {
    background-image: url(/img/flags/sv.svg);
}
.flag-icon-sx {
    background-image: url(/img/flags/sx.svg);
}
.flag-icon-sy {
    background-image: url(/img/flags/sy.svg);
}
.flag-icon-sz {
    background-image: url(/img/flags/sz.svg);
}
.flag-icon-tc {
    background-image: url(/img/flags/tc.svg);
}
.flag-icon-td {
    background-image: url(/img/flags/td.svg);
}
.flag-icon-tf {
    background-image: url(/img/flags/tf.svg);
}
.flag-icon-tg {
    background-image: url(/img/flags/tg.svg);
}
.flag-icon-th {
    background-image: url(/img/flags/th.svg);
}
.flag-icon-tj {
    background-image: url(/img/flags/tj.svg);
}
.flag-icon-tk {
    background-image: url(/img/flags/tk.svg);
}
.flag-icon-tl {
    background-image: url(/img/flags/tl.svg);
}
.flag-icon-tm {
    background-image: url(/img/flags/tm.svg);
}
.flag-icon-tn {
    background-image: url(/img/flags/tn.svg);
}
.flag-icon-to {
    background-image: url(/img/flags/to.svg);
}
.flag-icon-tr {
    background-image: url(/img/flags/tr.svg);
}
.flag-icon-tt {
    background-image: url(/img/flags/tt.svg);
}
.flag-icon-tv {
    background-image: url(/img/flags/tv.svg);
}
.flag-icon-tw {
    background-image: url(/img/flags/tw.svg);
}
.flag-icon-tz {
    background-image: url(/img/flags/tz.svg);
}
.flag-icon-ua {
    background-image: url(/img/flags/ua.svg);
}
.flag-icon-ug {
    background-image: url(/img/flags/ug.svg);
}
.flag-icon-um {
    background-image: url(/img/flags/um.svg);
}
.flag-icon-us {
    background-image: url(/img/flags/us.svg);
}
.flag-icon-uy {
    background-image: url(/img/flags/uy.svg);
}
.flag-icon-uz {
    background-image: url(/img/flags/uz.svg);
}
.flag-icon-va {
    background-image: url(/img/flags/va.svg);
}
.flag-icon-vc {
    background-image: url(/img/flags/vc.svg);
}
.flag-icon-ve {
    background-image: url(/img/flags/ve.svg);
}
.flag-icon-vg {
    background-image: url(/img/flags/vg.svg);
}
.flag-icon-vi {
    background-image: url(/img/flags/vi.svg);
}
.flag-icon-vn {
    background-image: url(/img/flags/vn.svg);
}
.flag-icon-vu {
    background-image: url(/img/flags/vu.svg);
}
.flag-icon-wf {
    background-image: url(/img/flags/wf.svg);
}
.flag-icon-ws {
    background-image: url(/img/flags/ws.svg);
}
.flag-icon-ye {
    background-image: url(/img/flags/ye.svg);
}
.flag-icon-yt {
    background-image: url(/img/flags/yt.svg);
}
.flag-icon-za {
    background-image: url(/img/flags/za.svg);
}
.flag-icon-zm {
    background-image: url(/img/flags/zm.svg);
}
.flag-icon-zw {
    background-image: url(/img/flags/zw.svg);
}
.flag-icon-es-ct {
    background-image: url(/img/flags/es-ct.svg);
}
.flag-icon-eu {
    background-image: url(/img/flags/eu.svg);
}
.flag-icon-gb-eng {
    background-image: url(/img/flags/gb-eng.svg);
}
.flag-icon-gb-nir {
    background-image: url(/img/flags/gb-nir.svg);
}
.flag-icon-gb-sct {
    background-image: url(/img/flags/gb-sct.svg);
}
.flag-icon-gb-wls {
    background-image: url(/img/flags/gb-wls.svg);
}
.flag-icon-un {
    background-image: url(/img/flags/un.svg);
}
.flag-icon-xk {
    background-image: url(/img/flags/xk.svg);
}