: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
}

@font-face {
    font-family: roboto;
    src: url(subset-Roboto-Medium.woff2.html) format('woff2'), url({{ asset('font/(subset-Roboto-Medium.woff') }}) format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: roboto;
    src: url(subset-Roboto-Regular.woff2.html) format('woff2'), url({{ asset('font/(subset-Roboto-Regular.woff') }}) format('woff');
    font-weight: 400;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: roboto;
    src: url(subset-Roboto-Light.woff2.html) format('woff2'), url({{ asset('font/(subset-Roboto-Light.woff') }}) format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: roboto;
    src: url(subset-Roboto-Black.woff2.html) format('woff2'), url({{ asset('font/(subset-Roboto-Black.woff') }}) format('woff');
    font-weight: 900;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: roboto;
    src: url(subset-Roboto-Italic.woff2.html) format('woff2'), url({{ asset('font/(subset-Roboto-Italic.woff') }}) format('woff');
    font-weight: 400;
    font-style: italic;
    font-display: swap
}

@font-face {
    font-family: roboto;
    src: url(subset-Roboto-Bold.woff2.html) format('woff2'), url({{ asset('font/(subset-Roboto-Bold.woff') }}) format('woff');
    font-weight: 700;
    font-style: normal;
    font-display: swap
}
.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, .25);
    box-shadow: 0 4px 4px rgba(0, 0, 0, .25)
}

.shadow-white {
    -webkit-box-shadow: 0 4px 4px rgba(255, 255, 255, .1);
    box-shadow: 0 4px 4px rgba(255, 255, 255, .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)
}

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
}

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: 700;
    line-height: 1.2
}

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

h3 {
    font-size: 20px;
    color: #211e1e;
    margin-bottom: 40px;
    font-weight: 700;
    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 .3s ease;
    transition: text-indent .3s ease
}

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

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

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

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

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

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

input:focus:-ms-input-placeholder {
    text-indent: -500px;
    -ms-transition: text-indent .3s ease;
    transition: text-indent .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
}

.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, .42)
}

.text table tr:hover {
    background-color: rgba(238, 238, 238, .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;base64,Cjxzdmcgdmlld0JveD0nMCAwIDUwIDUwJyBmaWxsPSdub25lJyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnPjxnIGNsaXAtcGF0aD0ndXJsKCNjbGlwMCknPjxwYXRoIGQ9J00yNS4yNzAzIDAuMzgzNjA2QzExLjc2MTUgMC4zODM2MDYgMC43NzAyNjQgMTEuMzc0OCAwLjc3MDI2NCAyNC44ODM2QzAuNzcwMjY0IDM4LjM5MjQgMTEuNzYxNSA0OS4zODM2IDI1LjI3MDMgNDkuMzgzNkMzOC43NzkgNDkuMzgzNiA0OS43NzAzIDM4LjM5MjQgNDkuNzcwMyAyNC44ODM2QzQ5Ljc3MDMgMTEuMzc0OCAzOC43NzkgMC4zODM2MDYgMjUuMjcwMyAwLjM4MzYwNlpNMzguOTYzMiAxOC40MzYyTDIzLjMwNTQgMzMuOTcxM0MyMi4zODQzIDM0Ljg5MjQgMjAuOTEwNiAzNC45NTM4IDE5LjkyODIgMzQuMDMyN0wxMS42Mzg3IDI2LjQ4MDFDMTAuNjU2MiAyNS41NTkgMTAuNTk0OCAyNC4wMjQgMTEuNDU0NSAyMy4wNDE1QzEyLjM3NTUgMjIuMDU5IDEzLjkxMDYgMjEuOTk3NiAxNC44OTMxIDIyLjkxODdMMjEuNDYzMiAyOC45MzYyTDM1LjQ2MzIgMTQuOTM2MkMzNi40NDU3IDEzLjk1MzggMzcuOTgwOCAxMy45NTM4IDM4Ljk2MzIgMTQuOTM2MkMzOS45NDU3IDE1LjkxODcgMzkuOTQ1NyAxNy40NTM4IDM4Ljk2MzIgMTguNDM2MlonIGZpbGw9JyM4N0MwMEUnIC8+PC9nPjxkZWZzPjxjbGlwUGF0aCBpZD0nY2xpcDAnPjxyZWN0IHdpZHRoPSc0OScgaGVpZ2h0PSc0OScgZmlsbD0nd2hpdGUnIHRyYW5zZm9ybT0ndHJhbnNsYXRlKDAuNzcwMjY0IDAuMzgzNjA2KScgLz48L2NsaXBQYXRoPjwvZGVmcz48L3N2Zz4=);
    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;base64,PHN2ZyBhcmlhLWhpZGRlbj0ndHJ1ZScgZm9jdXNhYmxlPSdmYWxzZScgZGF0YS1wcmVmaXg9J2ZhcycgZGF0YS1pY29uPSdpbmZvLWNpcmNsZScgcm9sZT0naW1nJyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCA1MTIgNTEyJyBjbGFzcz0nc3ZnLWlubGluZS0tZmEgZmEtaW5mby1jaXJjbGUgZmEtdy0xNiBmYS0zeCc+PHBhdGggZmlsbD0nIzYyQjFGNicgZD0nTTI1NiA4QzExOS4wNDMgOCA4IDExOS4wODMgOCAyNTZjMCAxMzYuOTk3IDExMS4wNDMgMjQ4IDI0OCAyNDhzMjQ4LTExMS4wMDMgMjQ4LTI0OEM1MDQgMTE5LjA4MyAzOTIuOTU3IDggMjU2IDh6bTAgMTEwYzIzLjE5NiAwIDQyIDE4LjgwNCA0MiA0MnMtMTguODA0IDQyLTQyIDQyLTQyLTE4LjgwNC00Mi00MiAxOC44MDQtNDIgNDItNDJ6bTU2IDI1NGMwIDYuNjI3LTUuMzczIDEyLTEyIDEyaC04OGMtNi42MjcgMC0xMi01LjM3My0xMi0xMnYtMjRjMC02LjYyNyA1LjM3My0xMiAxMi0xMmgxMnYtNjRoLTEyYy02LjYyNyAwLTEyLTUuMzczLTEyLTEydi0yNGMwLTYuNjI3IDUuMzczLTEyIDEyLTEyaDY0YzYuNjI3IDAgMTIgNS4zNzMgMTIgMTJ2MTAwaDEyYzYuNjI3IDAgMTIgNS4zNzMgMTIgMTJ2MjR6JyBjbGFzcz0nJz48L3BhdGg+PC9zdmc+);
    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;base64,PHN2ZyBhcmlhLWhpZGRlbj0ndHJ1ZScgZm9jdXNhYmxlPSdmYWxzZScgZGF0YS1wcmVmaXg9J2ZhcycgZGF0YS1pY29uPSdleGNsYW1hdGlvbi1jaXJjbGUnIHJvbGU9J2ltZycgeG1sbnM9J2h0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnJyB2aWV3Qm94PScwIDAgNTEyIDUxMicgY2xhc3M9J3N2Zy1pbmxpbmUtLWZhIGZhLWV4Y2xhbWF0aW9uLWNpcmNsZSBmYS13LTE2IGZhLTN4Jz48cGF0aCBmaWxsPScjZjU4MTI4JyBkPSdNNTA0IDI1NmMwIDEzNi45OTctMTExLjA0MyAyNDgtMjQ4IDI0OFM4IDM5Mi45OTcgOCAyNTZDOCAxMTkuMDgzIDExOS4wNDMgOCAyNTYgOHMyNDggMTExLjA4MyAyNDggMjQ4em0tMjQ4IDUwYy0yNS40MDUgMC00NiAyMC41OTUtNDYgNDZzMjAuNTk1IDQ2IDQ2IDQ2IDQ2LTIwLjU5NSA0Ni00Ni0yMC41OTUtNDYtNDYtNDZ6bS00My42NzMtMTY1LjM0Nmw3LjQxOCAxMzZjLjM0NyA2LjM2NCA1LjYwOSAxMS4zNDYgMTEuOTgyIDExLjM0Nmg0OC41NDZjNi4zNzMgMCAxMS42MzUtNC45ODIgMTEuOTgyLTExLjM0Nmw3LjQxOC0xMzZjLjM3NS02Ljg3NC01LjA5OC0xMi42NTQtMTEuOTgyLTEyLjY1NGgtNjMuMzgzYy02Ljg4NCAwLTEyLjM1NiA1Ljc4LTExLjk4MSAxMi42NTR6JyBjbGFzcz0nJz48L3BhdGg+PC9zdmc+);
    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;base64,PHN2ZyBhcmlhLWhpZGRlbj0ndHJ1ZScgZm9jdXNhYmxlPSdmYWxzZScgZGF0YS1wcmVmaXg9J2ZhcycgZGF0YS1pY29uPSdleGNsYW1hdGlvbi1jaXJjbGUnIHJvbGU9J2ltZycgeG1sbnM9J2h0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnJyB2aWV3Qm94PScwIDAgNTEyIDUxMicgY2xhc3M9J3N2Zy1pbmxpbmUtLWZhIGZhLWV4Y2xhbWF0aW9uLWNpcmNsZSBmYS13LTE2IGZhLTN4Jz48cGF0aCBmaWxsPScjRjQ0MzM2JyBkPSdNNTA0IDI1NmMwIDEzNi45OTctMTExLjA0MyAyNDgtMjQ4IDI0OFM4IDM5Mi45OTcgOCAyNTZDOCAxMTkuMDgzIDExOS4wNDMgOCAyNTYgOHMyNDggMTExLjA4MyAyNDggMjQ4em0tMjQ4IDUwYy0yNS40MDUgMC00NiAyMC41OTUtNDYgNDZzMjAuNTk1IDQ2IDQ2IDQ2IDQ2LTIwLjU5NSA0Ni00Ni0yMC41OTUtNDYtNDYtNDZ6bS00My42NzMtMTY1LjM0Nmw3LjQxOCAxMzZjLjM0NyA2LjM2NCA1LjYwOSAxMS4zNDYgMTEuOTgyIDExLjM0Nmg0OC41NDZjNi4zNzMgMCAxMS42MzUtNC45ODIgMTEuOTgyLTExLjM0Nmw3LjQxOC0xMzZjLjM3NS02Ljg3NC01LjA5OC0xMi42NTQtMTEuOTgyLTEyLjY1NGgtNjMuMzgzYy02Ljg4NCAwLTEyLjM1NiA1Ljc4LTExLjk4MSAxMi42NTR6JyBjbGFzcz0nJz48L3BhdGg+PC9zdmc+);
    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: #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;
    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
}

.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.webp);
    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: 400;
    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: 700;
    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: #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
}

.refka {
    text-align: center;
    margin: 20px;
}

.refka a {
    background-color: #fb6e1d;
    color: white;
    font-weight: bold;
    padding: 15px;
    border-radius: 15px;
}

@media(max-width:1270px) {
    .table-responsive table tr {
        display: block;
    }

    .table-responsive table td {
        display: flex;
        justify-content: space-between;
        font-size: 14px;
    }

    .table-responsive table td::before {
        content: attr(data-label);
        font-weight: bold;
        margin-right: 20px;
    }

    .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: 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: #fff;
    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, .6);
    border-radius: 26px;
    padding: 10px 20px
}

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

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

.promocode .gift {
    position: absolute;
    top: -35px;
    left: 10px;
    background-image: url("{{ asset('image/gift-93ac31349a30.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;
        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: #fff
}

.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: #fff;
    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, .6);
    border-radius: 26px;
    padding: 10px 20px;
    display: inline-block;
    text-decoration: none;
    color: #fff
}

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

.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: 700;
    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%
    }
}

.Icon_root__1cMWI {
    display: block;
}

.Icon_icon__2Th0s {
    fill: inherit;
    width: 100%;
    stroke-width: inherit;
    height: 100%;
}

div {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: initial;
}

div {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    vertical-align: initial;
    box-sizing: border-box;
}

button,
input {
    font-weight: inherit;
    font-family: inherit;
    outline: none;
    font-size: inherit;
    line-height: inherit;
    padding: 0;
    margin: 0;
    border: 0;
    background: none;
    text-align: inherit;
}

button,
input[type=text] {
    -webkit-appearance: none;
    appearance: none;
}

button {
    margin: 0;
    -webkit-user-select: none;
    user-select: none;
}

* {
    -webkit-overflow-scrolling: touch;
}

*,
:after,
:before {
    box-sizing: border-box;
}

svg {
    display: block;
}

/*! CSS Used from: https://front.cdn-mb.com/spa-static/1.4.935/static/css/36.47974281.chunk.css */
.MainLayout_content__2aK4j>* {
    flex-shrink: 0;
    flex-basis: auto;
}

/*! CSS Used from: https://front.cdn-mb.com/spa-static/1.4.935/static/css/97.16a881c0.chunk.css */
.Filter_filter__1q5kM {
    display: flex;
    justify-content: flex-end;
    align-items: stretch;
    border-radius: 20px;
    overflow: hidden;
    margin: 10px 9px;
    flex: 0 10 auto;
    background: white;
}

.Filter_filter__item__3Qf_C {
    background: var(--color-main-white);
    flex: 0 10 auto;
    position: relative;
    overflow: hidden;
}

.Filter_filter__item__3Qf_C+.Filter_filter__item__3Qf_C {
    border-left: 2px solid var(--color-second-grey);
}

.Filter_filter__item__3Qf_C button,
.Filter_filter__item__3Qf_C input {
    height: 100%;
    font-weight: 500;
}

.Filter_filter__item__3Qf_C:hover .Filter_filter__button__3NRt4 {
    color: var(--color-accent-info);
}

.Filter_filter__item__3Qf_C:hover .Filter_closeButton__1k2O3,
.Filter_filter__item__3Qf_C:hover .Filter_filter__icon__37f1B {
    fill: var(--color-accent-info);
}

.Filter_filter__button__3NRt4 {
    font-size: 16px;
    padding: 10px 10px 10px 42px;
    transition: all .3s ease;
    color: var(--color-main-black);
    text-transform: uppercase;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 100%;
}

.Filter_filter__search__3k6uL {
    flex-grow: 1;
}

.Filter_filter__search__3k6uL:hover .Filter_closeButton__1k2O3,
.Filter_filter__search__3k6uL:hover .Filter_filter__icon__37f1B {
    fill: var(--color-main-blue);
}

.Filter_filter__search_input__1RmKo {
    font-size: 14px;
    color: var(--color-dark-grey);
    padding: 10px 30px 12px 40px;
    height: 100%;
    overflow: hidden;
    width: 100%;
}

.Filter_filter__search_input__1RmKo::-webkit-input-placeholder {
    color: var(--color-dark-grey);
    text-transform: uppercase;
}

.Filter_filter__search_input__1RmKo::-moz-placeholder {
    color: var(--color-dark-grey);
    text-transform: uppercase;
}

.Filter_filter__search_input__1RmKo:-ms-input-placeholder {
    color: var(--color-dark-grey);
    text-transform: uppercase;
}

.Filter_filter__search_input__1RmKo:-moz-placeholder {
    color: var(--color-dark-grey);
    text-transform: uppercase;
}

.Filter_closeButton__1k2O3,
.Filter_filter__icon__37f1B {
    width: 20px;
    height: 20px;
    position: absolute;
    left: 10px;
    top: 0;
    bottom: 0;
    margin: auto;
    fill: var(--color-dark-grey);
    transition: all .3s ease;
    cursor: pointer;
}

.Filter_closeButton__1k2O3 {
    left: auto;
    right: 10px;
    width: 15px;
    height: 15px;
    opacity: 0;
    z-index: 99;
}

.Filter_filter__icon__close__qregh {
    width: 100%;
    height: 100%;
    display: block;
}

.LineMenu_center_menu__1PGxp {
    margin: 10px -10px;
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.LineMenu_breadcrumbs__1ESc9 {
    margin-top: 5px;
    margin-bottom: 5px;
    flex: 10 0 auto;
    max-width: 70%;
    margin-left: 10px;
    margin-right: 10px;
}


.banner {
	background-image: url("/core-assets/images/bg_ftb_dec_2.webp");
    border-radius: 15px;
}
.slider {
	    background-color: #094a92;
    background-position: 50%;
    border-radius: 15px;
    width: 680px;
    height: 350px;
}

@media(max-width:1270px){
	.slider img{
			width: 	100%;
	}
	.slider {		
    width: 100%;
    height: 100%;
	}
	.banner {
	background-image: none;
}