/* Scss Document */
:root {
    --px: 10px;
}

.f12 {
    font-size: 12px;
}

.f13 {
    font-size: 13px;
}

.f14 {
    font-size: 14px;
}

.f16 {
    font-size: 16px;
}

a {
    color: #1183D3;
}

figure {
    margin: 0;
    padding: 0;
}

.drop {
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0 10px;
}

.drop:nth-child(1n+2) {
    border-left: 1px solid #043C77;
}

.drop:after {
    content: "";
    background-image: url(../images/arrow-down.svg);
    background-repeat: no-repeat;
    background-position: 0 0;
    width: 8px;
    height: 5px;
    display: block;
    margin-left: 7px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
}

.drop svg {
    margin-right: 5px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
}

a.drop {
    text-decoration: none;
    color: #fff;
}

.btn {
    text-decoration: none;
    border-width: 0;
    cursor: pointer;
    text-transform: uppercase;
    display: -moz-inline-flex;
    display: -ms-inline-flex;
    display: -o-inline-flex;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0 10px;
}

.btn svg {
    margin-right: 5px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    display: block;
}

.btn-icon {
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.btn-icon svg {
    display: block;
}

.radius16 {
    border-radius: 16px;
}

.radius20 {
    border-radius: 20px;
}

.h30 {
    height: 30px;
}

.h40 {
    height: 40px;
}

.h60 {
    height: 60px;
}

.fon-blu {
    background-color: #094E96;
    color: #fff;
}

.fon-blu .btn-icon:hover path {
    fill: #fff;
}

.btn.fon-blu {
    background-color: #08417e;
}

.fon-blu2 {
    background: -webkit-gradient(linear, left top, left bottom, from(#0991AF), to(#408CDA));
    background: linear-gradient(180deg, #0991AF 0%, #408CDA 100%);
    color: #fff;
}

.fon-blu2:hover {
    background: -webkit-gradient(linear, left top, left bottom, from(#0991AF), to(#0991AF));
    background: linear-gradient(180deg, #0991AF 0%, #0991AF 100%);
}

.fon-orang {
    background-color: #FA5600;
    color: #fff;
}

.fon-orang:hover {
    background-color: #e14d00;
}

.fon-green {
    background-color: #87C00E;
    color: #fff;
}

.fon-green:hover {
    background-color: #76a80c;
}

.shadow-dark {
    -webkit-box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
}

.shadow-white {
    -webkit-box-shadow: 0 4px 4px rgba(255, 255, 255, 0.1);
    box-shadow: 0 4px 4px rgba(255, 255, 255, 0.1);
}

.db {
    display: block;
}

.dib {
    display: inline-block;
}

.flx {
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.dif {
    display: -moz-inline-flex;
    display: -ms-inline-flex;
    display: -o-inline-flex;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
}

.fxs {
    -ms-flex-negative: 0;
    flex-shrink: 0;
}

.fxg {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
}

.fxww {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.aic {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.ais {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
}

.aie {
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
}

.jcsb {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.jcfs {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}

.jcfe {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}

.jcc {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.center {
    text-align: center;
}

.grid2 {
    margin-right: calc(var(--px) * -1);
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.grid2 .col {
    width: calc(100% / 2 - var(--px));
    margin-right: var(--px);
    margin-bottom: var(--px);
}

.grid3 {
    margin-right: calc(var(--px) * -1);
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.grid3 .col {
    width: calc(100% / 3 - var(--px));
    margin-right: var(--px);
    margin-bottom: var(--px);
}

.grid4 {
    margin-right: calc(var(--px) * -1);
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.grid4 .col {
    width: calc(100% / 4 - var(--px));
    margin-right: var(--px);
    margin-bottom: var(--px);
}

.grid5 {
    margin-right: calc(var(--px) * -1);
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.grid5 .col {
    width: calc(100% / 5 - var(--px));
    margin-right: var(--px);
    margin-bottom: var(--px);
}

/* Scss Document */
html, body {
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%;
}

#page {
    position: relative;
}

a, img {
    outline: none;
}

* {
    padding: 0;
    margin: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

/* Scss Document */
img {
    border-top-width: 0;
    border-right-width: 0;
    border-bottom-width: 0;
    border-left-width: 0;
    border-top-style: none;
    border-right-style: none;
    border-bottom-style: none;
    border-left-style: none;
}

a {
    text-decoration: underline;
}

a:hover {
    text-decoration: none;
}

h1 {
    font-size: 36px;
    margin-bottom: 30px;
    text-transform: uppercase;
    font-weight: bold;
    line-height: 1.2;
}

h2 {
    font-size: 24px;
    font-weight: 900;
    margin-bottom: 20px;
    /*margin-top: 50px;*/
    text-transform: uppercase;
}

h3 {
    font-size: 20px;
    color: #211E1E;
    margin-bottom: 40px;
    font-weight: bold;
    line-height: 1.1;
    text-transform: uppercase;
}

h4 {
    font-size: 17px;
}

h5 {
    font-size: 16px;
}

h6 {
    font-size: 15px;
}

.clr:before,
.clr:after {
    content: " ";
    display: table;
    clear: both;
}

input::-webkit-input-placeholder {
    text-indent: 0;
    -webkit-transition: text-indent 0.3s ease;
    transition: text-indent 0.3s ease;
}

input::-moz-placeholder {
    text-indent: 0;
    -moz-transition: text-indent 0.3s ease;
    transition: text-indent 0.3s ease;
}

input:-moz-placeholder {
    text-indent: 0;
    -moz-transition: text-indent 0.3s ease;
    transition: text-indent 0.3s ease;
}

input:-ms-input-placeholder {
    text-indent: 0;
    -ms-transition: text-indent 0.3s ease;
    transition: text-indent 0.3s ease;
}

input:focus::-webkit-input-placeholder {
    text-indent: -500px;
    -webkit-transition: text-indent 0.3s ease;
    transition: text-indent 0.3s ease;
}

input:focus::-moz-placeholder {
    text-indent: -500px;
    -moz-transition: text-indent 0.3s ease;
    transition: text-indent 0.3s ease;
}

input:focus:-moz-placeholder {
    text-indent: -500px;
    -moz-transition: text-indent 0.3s ease;
    transition: text-indent 0.3s ease;
}

input:focus:-ms-input-placeholder {
    text-indent: -500px;
    -ms-transition: text-indent 0.3s ease;
    transition: text-indent 0.3s ease;
}

input[placeholder] {
    text-overflow: ellipsis;
}

input::-moz-placeholder {
    text-overflow: ellipsis;
}

input:-moz-placeholder {
    text-overflow: ellipsis;
}

input:-ms-input-placeholder {
    text-overflow: ellipsis;
}

input[type=submit],
input[type=button],
button {
    cursor: pointer;
    outline: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

/* Scss Document */
.text {
    color: #211E1E;
}

.text img {
    max-width: 100% !important;
    height: auto !important;
    margin-bottom: 35px;
}

.text .image-style-align-center {
    display: table;
    margin-left: auto;
    margin-right: auto;
}

.text ul {
    margin-bottom: 35px;
    list-style-type: square;
    list-style-position: inside;
}

.text ul ul {
    margin-top: 35px;
    margin-left: 15px;
}

.text ol {
    margin-bottom: 35px;
    margin-left: 0;
    list-style-position: inside;
}

.text ul ul li {
    background-image: none;
    padding-left: 0;
    list-style-type: square;
}

.text li + li {
    margin-top: 5px;
    text-align: left !important;
}

.text p {
    margin-bottom: 35px;
    text-align: left !important;
}

.text p:last-child {
    margin-bottom: 0;
}

.text table {
    margin-bottom: 35px;
    background-color: #fff;
    border-collapse: collapse;
    width: 100%;
}

.text table tr:nth-child(2n+2) {
    background-color: rgba(238, 238, 238, 0.42);
}

.text table tr:hover {
    background-color: rgba(238, 238, 238, 0.8);
}

.counters {
    display: none;
}

.text table th {
    background-color: #30A2D9;
    padding: 15px 10px;
    color: #fff;
    border: 1px solid #fff;
}

.text table th p {
    margin-bottom: 0;
}

.text table td {
    padding: 10px;
    border: 1px solid #fff;
}

.text table td p {
    margin-bottom: 0;
}

.text blockquote, .text .info-box {
    margin-bottom: 40px;
    color: #211E1E;
    padding: 35px 47px;
    margin-left: -47px;
    margin-right: -47px;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.text blockquote svg, .text .info-box svg {
    margin-right: 20px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
}

.text blockquote.success, .text .info-box.info-box-success {
    background-color: #d4edda;
}

.text blockquote.info, .text .info-box.info-box-info {
    background-color: #d1ecf1;
}

.text blockquote.warning, .text .info-box.info-box-warning {
    background-color: #fff3cd;
}

.text blockquote.danger, .text .info-box.info-box-danger {
    background-color: #f8d7da;
}

.text blockquote.success:before, .text .info-box.info-box-success:before {
    content: "";
    display: block;
    background-image: url("data:image/svg+xml,%0A%3Csvg viewBox='0 0 50 50' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0)'%3E%3Cpath d='M25.2703 0.383606C11.7615 0.383606 0.770264 11.3748 0.770264 24.8836C0.770264 38.3924 11.7615 49.3836 25.2703 49.3836C38.779 49.3836 49.7703 38.3924 49.7703 24.8836C49.7703 11.3748 38.779 0.383606 25.2703 0.383606ZM38.9632 18.4362L23.3054 33.9713C22.3843 34.8924 20.9106 34.9538 19.9282 34.0327L11.6387 26.4801C10.6562 25.559 10.5948 24.024 11.4545 23.0415C12.3755 22.059 13.9106 21.9976 14.8931 22.9187L21.4632 28.9362L35.4632 14.9362C36.4457 13.9538 37.9808 13.9538 38.9632 14.9362C39.9457 15.9187 39.9457 17.4538 38.9632 18.4362Z' fill='%2387C00E' /%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0'%3E%3Crect width='49' height='49' fill='white' transform='translate(0.770264 0.383606)' /%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: 0 0;
    width: 50px;
    height: 50px;
    margin-right: 20px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
}

.text blockquote.info:before, .text .info-box.info-box-info:before {
    content: "";
    display: block;
    background-image: url("data:image/svg+xml,%3Csvg aria-hidden='true' focusable='false' data-prefix='fas' data-icon='info-circle' role='img' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512' class='svg-inline--fa fa-info-circle fa-w-16 fa-3x'%3E%3Cpath fill='%2362B1F6' d='M256 8C119.043 8 8 119.083 8 256c0 136.997 111.043 248 248 248s248-111.003 248-248C504 119.083 392.957 8 256 8zm0 110c23.196 0 42 18.804 42 42s-18.804 42-42 42-42-18.804-42-42 18.804-42 42-42zm56 254c0 6.627-5.373 12-12 12h-88c-6.627 0-12-5.373-12-12v-24c0-6.627 5.373-12 12-12h12v-64h-12c-6.627 0-12-5.373-12-12v-24c0-6.627 5.373-12 12-12h64c6.627 0 12 5.373 12 12v100h12c6.627 0 12 5.373 12 12v24z' class=''%3E%3C/path%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: 0 0;
    width: 50px;
    height: 50px;
    margin-right: 20px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
}

.text blockquote.warning:before, .text .info-box.info-box-warning:before {
    content: "";
    display: block;
    background-image: url("data:image/svg+xml,%3Csvg aria-hidden='true' focusable='false' data-prefix='fas' data-icon='exclamation-circle' role='img' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512' class='svg-inline--fa fa-exclamation-circle fa-w-16 fa-3x'%3E%3Cpath fill='%23f58128' d='M504 256c0 136.997-111.043 248-248 248S8 392.997 8 256C8 119.083 119.043 8 256 8s248 111.083 248 248zm-248 50c-25.405 0-46 20.595-46 46s20.595 46 46 46 46-20.595 46-46-20.595-46-46-46zm-43.673-165.346l7.418 136c.347 6.364 5.609 11.346 11.982 11.346h48.546c6.373 0 11.635-4.982 11.982-11.346l7.418-136c.375-6.874-5.098-12.654-11.982-12.654h-63.383c-6.884 0-12.356 5.78-11.981 12.654z' class=''%3E%3C/path%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: 0 0;
    width: 50px;
    height: 50px;
    margin-right: 20px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
}

.text blockquote.danger:before, .text .info-box.info-box-danger:before {
    content: "";
    display: block;
    background-image: url("data:image/svg+xml,%3Csvg aria-hidden='true' focusable='false' data-prefix='fas' data-icon='exclamation-circle' role='img' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512' class='svg-inline--fa fa-exclamation-circle fa-w-16 fa-3x'%3E%3Cpath fill='%23F44336' d='M504 256c0 136.997-111.043 248-248 248S8 392.997 8 256C8 119.083 119.043 8 256 8s248 111.083 248 248zm-248 50c-25.405 0-46 20.595-46 46s20.595 46 46 46 46-20.595 46-46-20.595-46-46-46zm-43.673-165.346l7.418 136c.347 6.364 5.609 11.346 11.982 11.346h48.546c6.373 0 11.635-4.982 11.982-11.346l7.418-136c.375-6.874-5.098-12.654-11.982-12.654h-63.383c-6.884 0-12.356 5.78-11.981 12.654z' class=''%3E%3C/path%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: 0 0;
    width: 50px;
    height: 50px;
    margin-right: 20px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
}

.text blockquote ul, .text blockquote ol, .text .info-box ul, .text .info-box ol {
    margin: 10px 0 !important;
}

.text blockquote p, .text .info-box p {
    margin: 5px 0 !important;
}

.b0 {
    margin-bottom: 0;
}

.b2 {
    margin-bottom: 2px;
}

.b3 {
    margin-bottom: 3px;
}

.b4 {
    margin-bottom: 4px;
}

.b5 {
    margin-bottom: 5px;
}

.b6 {
    margin-bottom: 6px;
}

.b7 {
    margin-bottom: 7px;
}

.b8 {
    margin-bottom: 8px;
}

.b9 {
    margin-bottom: 9px;
}

.b10 {
    margin-bottom: 10px;
}

.b11 {
    margin-bottom: 11px;
}

.b12 {
    margin-bottom: 12px;
}

.b13 {
    margin-bottom: 13px;
}

.b14 {
    margin-bottom: 14px;
}

.b15 {
    margin-bottom: 15px;
}

.b20 {
    margin-bottom: 20px;
}

.b25 {
    margin-bottom: 25px;
}

.b30 {
    margin-bottom: 30px;
}

.b35 {
    margin-bottom: 35px;
}

.b40 {
    margin-bottom: 40px;
}

.b45 {
    margin-bottom: 45px;
}

.b50 {
    margin-bottom: 50px;
}

.b60 {
    margin-bottom: 60px;
}

.b65 {
    margin-bottom: 65px;
}

.b70 {
    margin-bottom: 70px;
}

.b75 {
    margin-bottom: 75px;
}

.b80 {
    margin-bottom: 80px;
}

.b85 {
    margin-bottom: 85px;
}

.b90 {
    margin-bottom: 90px;
}

.b95 {
    margin-bottom: 95px;
}

.b100 {
    margin-bottom: 100px;
}

.t0 {
    margin-top: 0;
}

.t5 {
    margin-top: 5px;
}

.t6 {
    margin-top: 6px;
}

.t7 {
    margin-top: 7px;
}

.t8 {
    margin-top: 8px;
}

.t9 {
    margin-top: 9px;
}

.t10 {
    margin-top: 10px;
}

.t15 {
    margin-top: 15px;
}

.t20 {
    margin-top: 20px;
}

.t25 {
    margin-top: 25px;
}

.t30 {
    margin-top: 30px;
}

.t35 {
    margin-top: 35px;
}

.t40 {
    margin-top: 40px;
}

.t45 {
    margin-top: 45px;
}

.t50 {
    margin-top: 50px;
}

.t60 {
    margin-top: 60px;
}

.t65 {
    margin-top: 65px;
}

.t70 {
    margin-top: 70px;
}

.t75 {
    margin-top: 75px;
}

.t80 {
    margin-top: 80px;
}

.t85 {
    margin-top: 85px;
}

.t90 {
    margin-top: 90px;
}

.t95 {
    margin-top: 95px;
}

.t100 {
    margin-top: 100px;
}

.l0 {
    margin-left: 0;
}

.l5 {
    margin-left: 5px;
}

.l6 {
    margin-left: 6px;
}

.l7 {
    margin-left: 7px;
}

.l8 {
    margin-left: 8px;
}

.l9 {
    margin-left: 9px;
}

.l10 {
    margin-left: 10px;
}

.l15 {
    margin-left: 15px;
}

.l20 {
    margin-left: 20px;
}

.l25 {
    margin-left: 25px;
}

.l30 {
    margin-left: 30px;
}

.l35 {
    margin-left: 35px;
}

.l40 {
    margin-left: 40px;
}

.l45 {
    margin-left: 45px;
}

.l50 {
    margin-left: 50px;
}

.l60 {
    margin-left: 60px;
}

.l65 {
    margin-left: 65px;
}

.l70 {
    margin-left: 70px;
}

.l75 {
    margin-left: 75px;
}

.l80 {
    margin-left: 80px;
}

.l85 {
    margin-left: 85px;
}

.l90 {
    margin-left: 90px;
}

.l95 {
    margin-left: 95px;
}

.l100 {
    margin-left: 100px;
}

.r0 {
    margin-right: 0;
}

.r5 {
    margin-right: 5px;
}

.r6 {
    margin-right: 6px;
}

.r7 {
    margin-right: 7px;
}

.r8 {
    margin-right: 8px;
}

.r9 {
    margin-right: 9px;
}

.r10 {
    margin-right: 10px;
}

.r15 {
    margin-right: 15px;
}

.r20 {
    margin-right: 20px;
}

.r25 {
    margin-right: 25px;
}

.r30 {
    margin-right: 30px;
}

.r35 {
    margin-right: 35px;
}

.r40 {
    margin-right: 40px;
}

.r45 {
    margin-right: 45px;
}

.r50 {
    margin-right: 50px;
}

.r60 {
    margin-right: 60px;
}

.r65 {
    margin-right: 65px;
}

.r70 {
    margin-right: 70px;
}

.r75 {
    margin-right: 75px;
}

.r80 {
    margin-right: 80px;
}

.r85 {
    margin-right: 85px;
}

.r90 {
    margin-right: 90px;
}

.r95 {
    margin-right: 95px;
}

.r100 {
    margin-right: 100px;
}

body {
    color: #211E1E;
    font-family: "Roboto", sans-serif;
    font-size: 16px;
    /*background-color: #A5A5A5;*/
    background-color: #0A519E;
}

.hide {
    display: none;
}

#page {
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    position: relative;
    min-height: 100vh;
}

.page_inner {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
}

.wrap {
    max-width: 100%;
    min-width: 300px;
    /*margin-right: auto;
    margin-left: auto;*/
    position: relative;
    margin: 0 10px;
}

header {
    background: -webkit-gradient(linear, left top, left bottom, from(#003266), color-stop(65.1%, #0A519E), to(#0A519E));
    background: linear-gradient(180deg, #003266 0%, #0A519E 65.1%, #0A519E 100%);
    padding: 8px 0 10px 0;
}

.logo img {
    display: block;
}

.logo svg {
    display: block;
    width: 187px;
    height: 31px;
}

.head-top {
    margin-bottom: 21px;
    font-weight: 500;
}

.head-bottom .logo {
    margin-right: 12px;
}

.download {
    padding: 0 10px;
    text-transform: uppercase;
}

.download a {
    margin-left: 6px;
}

.reg {
    padding: 0 14px;
}

.enter {
    width: 105px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.main-menu {
    background-color: #043C77;
}

.main-menu ul {
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 100%;
}

.main-menu li {
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-right: 40px;
    padding-top: 3px;
}

.main-menu li:last-child {
    margin-right: 0;
}

.main-menu a {
    line-height: 1;
    font-size: 14px;
    font-weight: 500;
    color: #fff;
    text-decoration: none;
    text-transform: uppercase;
}

.main-menu a:hover {
    color: #ffba00;
}

.main-menu svg {
    display: block;
    width: 56px;
    height: auto;
}

.content-row {
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

aside {
    -ms-flex-negative: 0;
    flex-shrink: 0;
}

.col-left {
    width: 242px;
}

.col-right {
    width: 300px;
}

.col-right img {
    max-width: 100%;
    height: auto;
}

.content {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    margin: 0 10px;
}

.menu-category {
    background-color: #003266;
    border-radius: 20px;
}

.menu-category li {
    display: block;
}

.menu-category li:nth-child(1n+2) {
    border-top: 1px solid #043E7D;
}

.menu-category a {
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 9px 11px;
    color: #1183D3;
    line-height: 1;
    font-weight: 500;
    text-transform: uppercase;
    text-decoration: none;
}

.menu-category a:hover {
    color: #fff;
}

.menu-category a svg {
    display: block;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-right: 8px;
    position: relative;
    top: -2px;
}

.menu-category li ul {
    background-color: #fff;
    border-radius: 20px;
}

.menu-category li li:nth-child(1n+2) {
    border-top-color: #E8ECF1;
}

.menu-category li li a {
    color: #101010;
}

.menu-category li li a:hover {
    color: #FA5600;
}

.menu-category li li svg {
    top: 0;
}

.box {
    background-color: #fff;
    border-radius: 20px;
    padding: 47px;
}

.btn.h60 {
    padding: 0 40px;
    font-size: 20px;
    font-weight: 500;
}

footer {
    background-color: #003266;
    border-radius: 20px;
    padding: 20px 10px;
    color: #fff;
    margin-bottom: 10px;
}

footer .text {
    color: #fff;
    line-height: 1.2;
    padding-top: 54px;
    background-image: url(../images/aprove.png);
    background-repeat: no-repeat;
    background-position: right 0;
    margin-left: 38px;
}

footer .text p {
    margin-bottom: 15px;
}

footer .text p:last-child {
    margin-bottom: 0;
}

.year {
    font-size: 14px;
    font-weight: 500;
    color: #4B95E5;
    border: 1px solid #4B95E5;
    border-radius: 100%;
    height: 40px;
    width: 40px;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    line-height: 1;
}

.phone {
    padding: 0 20px;
    font-weight: 500;
    color: #4B95E5;
    text-transform: uppercase;
}

.phone svg {
    display: block;
}

.phone span {
    margin: 0 10px;
}

.phone a {
    color: #fff;
    text-decoration: none;
}

.menu-footer ul {
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.menu-footer li {
    display: block;
    margin-right: 30px;
}

.menu-footer li:last-child {
    margin-right: 0;
}

.menu-footer a {
    color: #1183D3;
    font-size: 14px;
    font-weight: 500;
    text-transform: uppercase;
    text-decoration: none;
}

.menu-footer a:hover {
    color: #fff;
}

.payment {
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 57px;
    background-color: #04386E;
    border-radius: 20px;
    padding: 0 45px;
}

.payment p {
    margin-right: 53px;
}

.payment p:last-child {
    margin-right: 0;
}

.payment img {
    display: block;
}

.copy img {
    display: block;
}

.search-form {
    position: relative;
}

.search-form input {
    background-color: transparent;
    border: 1px solid #4B95E5;
    border-radius: 20px;
    width: 160px;
    height: 30px;
    line-height: 1;
    padding-left: 34px;
    padding-right: 10px;
    font-family: "Roboto", sans-serif;
    font-size: 14px;
    font-weight: normal;
    color: #fff;
    outline: none;
}

.search-form input::-webkit-input-placeholder {
    color: #fff;
}

.search-form input::-moz-placeholder {
    color: #fff;
}

.search-form input:-moz-placeholder {
    color: #fff;
}

.search-form input:-ms-input-placeholder {
    color: #fff;
}

.search-form button {
    display: block;
    position: absolute;
    top: calc(50% - 1px);
    left: 11px;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
    background-color: transparent;
    border-width: 0;
    cursor: pointer;
}

.search-form svg {
    display: block;
}

.promo {
    height: 230px;
    background-repeat: no-repeat;
    background-position: center 0;
    background-size: 100% auto;
    padding-top: 35px;
    padding-bottom: 20px;
    text-align: center;
    border-radius: 16px;
}

.promo dt {
    font-size: 44px;
    line-height: 1;
    font-weight: bold;
    font-style: italic;
    color: #FFD200;
    text-align: center;
}

.promo dt span {
    color: #fff;
}

.promo dd {
    font-size: 18px;
    color: #49ABFD;
}

.promo p {
    margin-bottom: 11px;
}

.promo p:last-child {
    margin-bottom: 0;
}

.promo .btn {
    padding: 0 16px;
}

.cupon {
    background-color: #fff;
    border-radius: 16px;
    margin-top: -50px;
}

.cupon .name {
    padding: 15px 20px;
    color: #FA5600;
    font-size: 16px;
    font-weight: 500;
    text-transform: uppercase;
}

.cupon .name svg {
    margin-right: 10px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    display: block;
}

.cupon .inner {
    margin: 0 2px;
    background-color: #E8ECF1;
    padding: 27px 10px;
    font-size: 14px;
    color: #9EA7B2;
    text-align: center;
}

.cupon .inner p {
    margin-bottom: 20px;
}

.cupon .inner p:last-child {
    margin-bottom: 0;
}

.cupon .bottom {
    padding: 15px 20px;
}

.cupon .btn {
    width: 100%;
    text-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.casino-list {
    /*background-color: #0A4C99;*/
    background-color: #003266;
    border-radius: 16px;
}

.casino-list .name {
    font-weight: 500;
    color: #fff;
    padding: 15px 20px;
    text-transform: uppercase;
    line-height: 1;
    border-bottom: 1px solid #0A519E;
}

.casino-list .name span {
    color: #49ABFD;
}

.casino-list .all {
    color: #49ABFD;
    text-decoration: none;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.casino-list .all svg {
    display: block;
    margin-left: 5px;
    position: relative;
    top: -2px;
}

.casino-list .all:hover {
    color: #fff;
}

.casino-list .all:hover path {
    fill: #fff;
}

.casino-list .list {
    background-color: #003266;
    margin: 0 2px;
    padding: 10px;
    border-radius: 0 0 16px 16px;
}

.casino-list .list a {
    display: block;
}

.casino-list img {
    display: block;
    max-width: 100%;
    height: auto;
}

/* Scss Document */
@media (max-width: 1270px) {
    .main-menu li {
        margin-right: 15px;
    }

    .payment {
        padding: 20px;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        height: auto;
    }

    .payment p {
        margin-right: 10px;
    }

    .col-right {
        width: 250px;
    }

    .foot-top {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }

    .foot-top .logo {
        margin-bottom: 20px;
    }

    .foot-bottom {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .foot-bottom .text {
        margin-left: 0;
        background-image: none;
        padding-top: 25px;
    }

    .menu-footer ul {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    .copy img {
        display: none;
    }
}

@media (max-width: 992px) {
    header .wrap {
        display: -moz-flex;
        display: -ms-flex;
        display: -o-flex;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse;
    }

    header .head-top {
        margin-bottom: 0;
    }

    .content {
        margin: 0;
    }

    aside {
        display: none;
    }

    .show_992 {
        display: block;
    }

    .hide_992 {
        display: none;
    }

    body {
        font-size: 18px;
    }

    h1 {
        font-size: 22px;
        margin-bottom: 20px;
    }

    h2 {
        font-size: 20px;
        margin-top: 0;
    }

    h3 {
        font-size: 20px;
    }

    .btn.h60 {
        padding: 0 25px;
        height: 40px;
        font-size: 16px;
    }

    .text p {
        margin-bottom: 20px;
    }

    .text .b40 {
        margin-bottom: 20px;
    }
}

@media (max-width: 767px) {
    body {
        font-size: 12px;
        background-color: #fff;
    }

    body {
        font-size: 18px;
    }

    h1 {
        font-size: 22px;
        margin-bottom: 20px;
    }

    h2 {
        font-size: 20px;
        margin-top: 0;
    }

    h3 {
        font-size: 20px;
    }

    .f12 {
        font-size: 10px;
    }

    .logo svg {
        width: 150px;
        height: auto;
    }

    .reg {
        padding: 0 10px;
    }

    .enter {
        padding: 0 20px;
        width: auto;
    }

    .btn.h60 {
        /*padding: 0 15px;
        height: 40px;
        font-size: 14px;*/
        padding: 20px 50px;
        height: auto;
        font-size: 18px;
    }

    .box {
        padding: 20px;
        background-color: #fff;
    }

    .text blockquote, .text .info-box {
        padding-right: 20px;
        padding-left: 20px;
        margin-left: -20px;
        margin-right: -20px;
    }

    .text blockquote:before, .text .info-box:before {
        content: "";
        width: 30px !important;
        height: 30px !important;
        margin-right: 20px;
    }

    .content-row {
        margin: 0;
    }

    footer {
        border-radius: 0;
        display: -moz-flex;
        display: -ms-flex;
        display: -o-flex;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }

    footer .b20 {
        margin-bottom: 0;
    }

    .foot-top {
        margin-bottom: 0;
    }

    .foot-top .logo {
        margin-bottom: 0;
    }

    .show_767 {
        display: block;
    }

    .hide_767 {
        display: none;
    }
}

@media (max-width: 550px) {
    .show_550 {
        display: block;
    }

    .hide_550 {
        display: none;
    }
}

.promocode {
    position: fixed;
    bottom: 15px;
    left: 50%;
    transform: translateX(-50%);
    background: linear-gradient(276.25deg, #142E54 12.14%, #0C519E 98.65%);
    border-radius: 16px;
    color: #ffffff;
    font-size: 28px;
    font-weight: 400;
    text-transform: uppercase;
    padding: 15px 37px 15px 110px;
    display: flex;
    align-items: center;
    border: 1px solid #fff;
}

.promocode span {
    color: #FA5600;
}

.promocode .promocode-close {
    position: absolute;
    top: 10px;
    right: 10px;
    cursor: pointer;
}

.promocode .promocode-close svg {
    display: block;
    width: 20px;
    height: 20px;
}

.promocode .promocode-button {
    margin-left: 16px;
    font-size: 20px;
    background: linear-gradient(352.06deg, #F14E1B 11.11%, #FF7A1E 89.84%);
    box-shadow: 0 2px 26px rgba(255, 125, 69, 0.6);
    border-radius: 26px;
    padding: 10px 20px;
}

.promocode .promocode-button span {
    color: #ffffff;
    font-weight: 600;
}

.promocode a {
    color: #ffffff;
    text-decoration: none;
}

.promocode .gift {
    position: absolute;
    top: -35px;
    left: 10px;
    background-image: url(../images/gift.svg);
    background-repeat: no-repeat;
    background-position: 0 0;
    width: 99px;
    height: 104px;
    display: block;
}

@media (max-width: 767px) {
    .promocode {
        width: auto;
        left: 0;
        right: 0;
        bottom: 0;
        font-size: 18px;
        transform: none;
        background: linear-gradient(276.25deg, #142E54 12.14%, #0C519E 98.65%);
        border-radius: 16px;
        text-align: center;
        padding: 15px 20px 15px 20px;
        margin: 15px;
        display: flex;
        flex-direction: column;
        align-items: flex-end;
    }

    .promocode .gift {
        top: 0;
        left: 0;
    }

    .promocode .promocode-button {
        margin-left: 0;
        margin-top: 10px;
    }

    .promocode .promocode-close {
        top: -40px;
        right: 0;
        background: #142E54;
        border-radius: 50%;
    }

    .promocode .promocode-close svg {
        width: 30px;
        height: 30px;
    }
}

.pr-pop {
    display: none;
    position: fixed;
    background: rgba(0, 0, 0, .8);
    width: 100%;
    height: 100%;
    z-index: 999999999;
}

.pr-close {
    position: absolute;
    right: 15px;
    top: 15px;
    width: 50px;
    height: 50px;
    cursor: pointer;
}

.pr-close:before, .pr-close:after {
    position: absolute;
    left: 24px;
    content: ' ';
    height: 50px;
    width: 4px;
    background-color: #ffffff;
}

.pr-close:before {
    transform: rotate(45deg);
}

.pr-close:after {
    transform: rotate(-45deg);
}

.pr-show {
    display: block;
}

.pr-content {
    width: 40%;
    position: relative;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: #ffffff;
    background: -webkit-gradient(linear, left top, left bottom, from(#003266), color-stop(65.1%, #0A519E), to(#0A519E));
    background: linear-gradient(180deg, #003266 0%, #0A519E 65.1%, #0A519E 100%);
    border-radius: 15px;
    padding: 30px 100px;
    text-align: center;
}

.pr-find-text {
    font-size: 35px;
    font-weight: 400;
    margin-bottom: 30px;
}

.pr-timer {
    font-size: 55px;
    font-weight: 600;
    margin-bottom: 30px;
}

.pr-code {
    display: none;
    font-size: 55px;
    font-weight: 600;
    margin-bottom: 30px;
    cursor: pointer;
}

.pr-content-button {
    margin-left: 16px;
    font-size: 20px;
    background: linear-gradient(352.06deg, #796f6f 11.11%, #aba9a1 89.84%);
    box-shadow: 0 2px 26px rgba(168, 157, 156, 0.6);
    border-radius: 26px;
    padding: 10px 20px;
    display: inline-block;
    text-decoration: none;
    color: #ffffff;
}

.pr-content-button-orange {
    background: linear-gradient(352.06deg, #F14E1B 11.11%, #FF7A1E 89.84%);
    box-shadow: 0 2px 26px rgba(255, 125, 69, 0.6);
}

.popup-copy {
    position: fixed;
    z-index: 99999999999;
    bottom: 0;
    right: 0;
    color: #fff;
    font-size: 1em;
    background: #0066d4;
    padding: 1.2em 1em;
    border-radius: .4rem 0 0 0;
    -webkit-transition: -webkit-transform .3s;
    -o-transition: transform .3s;
    transition: transform .3s;
    transition: transform .3s, -webkit-transform .3s;
    -webkit-transform: translateX(100%);
    -ms-transform: translateX(100%);
    transform: translateX(100%)
}
.popup-copy.active {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0)
}

@media (max-width: 767px) {
    .pr-content {
        width: 90%;
        padding: 30px 52px;
    }
}

#comments {
    margin-top: 40px;
}

.comment-list {
    list-style: none;
    margin: 0 -10px !important;
    padding: 0;
}

.comment-list .comment-box {
    padding: 10px;
}

.comment-list .comment-header {
    position: relative;
    padding-left: 65px;
}

.comment-list .comment-avatar {
    position: absolute;
    top: 0;
    left: 0;
}

.comment-list .comment-meta {
    margin-bottom: 10px;
}

.comment-list .comment-author {
    font-style: normal;
    font-weight: 700;
    color: #333;
}

.comment-list .comment-time {
    color: #999;
    margin-left: 20px;
    font-size: .8em;
}

.comment-list .comment-body {
    padding-left: 65px;
}

.comment-list .comment-text {
    word-wrap: break-word;
    font-size: .95em;
    line-height: 1.35;
}

.comment-respond {
    max-width: 500px;
}

.comment-respond .comment-reply-title {
    font-size: 20px;
    color: #211E1E;
    font-weight: bold;
    line-height: 1.1;
    text-transform: uppercase;
    margin-top: 35px;
    margin-bottom: 40px;
}

.comment-respond .comment-form-author label, .comment-respond .comment-form-comment label {
    display: block;
    line-height: 1.5;
}

.comment-respond .comment-form-author {
    width: 40%;
    float: left;
    margin-bottom: 20px;
}

.comment-respond .comment-form-comment:before {
    content: '';
    display: block;
    clear: both;
}

.comment-respond .comment-form-author input, .comment-respond .comment-form-author textarea, .comment-respond .comment-form-comment input, .comment-respond .comment-form-comment textarea {
    display: block;
    width: 100%;
    border: 1px solid #ccc;
    padding: 6px 12px;
    line-height: 1.42857143;
    outline: 0;
}

.comment-respond .form-submit input {
    display: inline-block;
    padding: 6px 12px;
    margin-bottom: 0;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    cursor: pointer;
    background-image: none;
    border: 1px solid transparent;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    background-color: #5a80b1;
    color: #fff;
    text-decoration: none;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}

@media (max-width: 767px) {
    .comment-respond .comment-form-author {
        width: 100%;
    }
    .comment-respond {
        width: 100%;
    }
}