/*! normalize.css v2.1.3 | MIT License | git.io/normalize */
article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary {
    display: block
}

audio, canvas, video {
    display: inline-block
}

audio:not([controls]) {
    display: none;
    height: 0
}

[hidden], template {
    display: none
}

html {
    font-family: sans-serif;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%
}

body {
    margin: 0
}

a {
    background: transparent
}

a:focus {
    outline: thin dotted
}

a:active, a:hover {
    outline: 0
}

h1 {
    font-size: 2em;
    margin: .67em 0
}

abbr[title] {
    border-bottom: 1px dotted
}

b, strong {
    font-weight: bold
}

dfn {
    font-style: italic
}

hr {
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    height: 0
}

mark {
    background: #ff0;
    color: #000
}

code, kbd, pre, samp {
    font-family: monospace, serif;
    font-size: 1em
}

pre {
    white-space: pre-wrap
}

q {
    quotes: "\201C" "\201D" "\2018" "\2019"
}

small {
    font-size: 80%
}

sub, sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}

sup {
    top: -.5em
}

sub {
    bottom: -.25em
}

img {
    border: 0
}

svg:not(:root) {
    overflow: hidden
}

fieldset {
    border: .0625rem solid silver;
    margin: 0 .125rem;
    padding: .35em .625em .75em
}

legend {
    border: 0;
    padding: 0
}

button, input, select, textarea {
    font-size: 100%;
    margin: 0
}

button, input {
    line-height: normal
}

button, select {
    text-transform: none
}

button, html input[type=button], input[type=reset], input[type=submit] {
    -webkit-appearance: button;
    cursor: pointer
}

button[disabled], html input[disabled] {
    cursor: default
}

input[type=checkbox], input[type=radio] {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0
}

input[type=search] {
    -webkit-appearance: textfield;
    -webkit-box-sizing: content-box;
    box-sizing: content-box
}

input[type=search]::-webkit-search-cancel-button, input[type=search]::-webkit-search-decoration {
    -webkit-appearance: none
}

button::-moz-focus-inner, input::-moz-focus-inner {
    border: 0;
    padding: 0
}

textarea {
    overflow: auto;
    vertical-align: top
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

@font-face {
    font-family: "swiper-icons";
    src: url("data:application/font-woff;charset=utf-8;base64, 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") format("woff");
    font-weight: 400;
    font-style: normal
}

:root {
    --swiper-theme-color: #007aff
}

.swiper-container {
    margin-left: auto;
    margin-right: auto;
    position: relative;
    overflow: hidden;
    list-style: none;
    padding: 0;
    z-index: 1
}

.swiper-container-vertical > .swiper-wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.swiper-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
    -webkit-box-sizing: content-box;
    box-sizing: content-box
}

.swiper-container-android .swiper-slide, .swiper-wrapper {
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

.swiper-container-multirow > .swiper-wrapper {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.swiper-container-multirow-column > .swiper-wrapper {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.swiper-container-free-mode > .swiper-wrapper {
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    margin: 0 auto
}

.swiper-slide {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    position: relative;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform
}

.swiper-slide-invisible-blank {
    visibility: hidden
}

.swiper-container-autoheight, .swiper-container-autoheight .swiper-slide {
    height: auto
}

.swiper-container-autoheight .swiper-wrapper {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-transition-property: height, -webkit-transform;
    transition-property: height, -webkit-transform;
    transition-property: transform, height;
    transition-property: transform, height, -webkit-transform
}

.swiper-container-3d {
    -webkit-perspective: 1200px;
    perspective: 1200px
}

.swiper-container-3d .swiper-cube-shadow, .swiper-container-3d .swiper-slide, .swiper-container-3d .swiper-slide-shadow-bottom, .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top, .swiper-container-3d .swiper-wrapper {
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d
}

.swiper-container-3d .swiper-slide-shadow-bottom, .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 10
}

.swiper-container-3d .swiper-slide-shadow-left {
    background-image: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, .5)), to(transparent));
    background-image: linear-gradient(270deg, rgba(0, 0, 0, .5), transparent)
}

.swiper-container-3d .swiper-slide-shadow-right {
    background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, .5)), to(transparent));
    background-image: linear-gradient(90deg, rgba(0, 0, 0, .5), transparent)
}

.swiper-container-3d .swiper-slide-shadow-top {
    background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, .5)), to(transparent));
    background-image: linear-gradient(0deg, rgba(0, 0, 0, .5), transparent)
}

.swiper-container-3d .swiper-slide-shadow-bottom {
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, .5)), to(transparent));
    background-image: linear-gradient(180deg, rgba(0, 0, 0, .5), transparent)
}

.swiper-container-css-mode > .swiper-wrapper {
    overflow: auto;
    scrollbar-width: none;
    -ms-overflow-style: none
}

.swiper-container-css-mode > .swiper-wrapper::-webkit-scrollbar {
    display: none
}

.swiper-container-css-mode > .swiper-wrapper > .swiper-slide {
    scroll-snap-align: start start
}

.swiper-container-horizontal.swiper-container-css-mode > .swiper-wrapper {
    -ms-scroll-snap-type: x mandatory;
    scroll-snap-type: x mandatory
}

.swiper-container-vertical.swiper-container-css-mode > .swiper-wrapper {
    -ms-scroll-snap-type: y mandatory;
    scroll-snap-type: y mandatory
}

:root {
    --swiper-navigation-size: 44px
}

.swiper-button-next, .swiper-button-prev {
    position: absolute;
    top: 50%;
    width: calc(var(--swiper-navigation-size) / 44 * 27);
    height: var(--swiper-navigation-size);
    margin-top: calc(-1 * var(--swiper-navigation-size) / 2);
    z-index: 10;
    cursor: pointer;
    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;
    color: var(--swiper-navigation-color, var(--swiper-theme-color))
}

.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled {
    opacity: .35;
    cursor: auto;
    pointer-events: none
}

.swiper-button-next:after, .swiper-button-prev:after {
    font-family: swiper-icons;
    font-size: var(--swiper-navigation-size);
    text-transform: none !important;
    letter-spacing: 0;
    text-transform: none;
    font-variant: normal;
    line-height: 1
}

.swiper-button-prev, .swiper-container-rtl .swiper-button-next {
    left: .625rem;
    right: auto
}

.swiper-button-prev:after, .swiper-container-rtl .swiper-button-next:after {
    content: "prev"
}

.swiper-button-next, .swiper-container-rtl .swiper-button-prev {
    right: .625rem;
    left: auto
}

.swiper-button-next:after, .swiper-container-rtl .swiper-button-prev:after {
    content: "next"
}

.swiper-button-next.swiper-button-white, .swiper-button-prev.swiper-button-white {
    --swiper-navigation-color: #fff
}

.swiper-button-next.swiper-button-black, .swiper-button-prev.swiper-button-black {
    --swiper-navigation-color: #000
}

.swiper-button-lock {
    display: none
}

.swiper-pagination {
    position: absolute;
    text-align: center;
    -webkit-transition: opacity .3s;
    transition: opacity .3s;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    z-index: 10
}

.swiper-pagination.swiper-pagination-hidden {
    opacity: 0
}

.swiper-container-horizontal > .swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {
    bottom: .625rem;
    left: 0;
    width: 100%
}

.swiper-pagination-bullets-dynamic {
    overflow: hidden;
    font-size: 0
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    -webkit-transform: scale(.33);
    transform: scale(.33);
    position: relative
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active, .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
    -webkit-transform: scale(1);
    transform: scale(1)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
    -webkit-transform: scale(.66);
    transform: scale(.66)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
    -webkit-transform: scale(.33);
    transform: scale(.33)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
    -webkit-transform: scale(.66);
    transform: scale(.66)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
    -webkit-transform: scale(.33);
    transform: scale(.33)
}

.swiper-pagination-bullet {
    width: .5rem;
    height: .5rem;
    display: inline-block;
    border-radius: 100%;
    background: #000;
    opacity: .2
}

button.swiper-pagination-bullet {
    border: none;
    margin: 0;
    padding: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

.swiper-pagination-clickable .swiper-pagination-bullet {
    cursor: pointer
}

.swiper-pagination-bullet-active {
    opacity: 1;
    background: var(--swiper-pagination-color, var(--swiper-theme-color))
}

.swiper-container-vertical > .swiper-pagination-bullets {
    right: .625rem;
    top: 50%;
    -webkit-transform: translate3d(0, -50%, 0);
    transform: translate3d(0, -50%, 0)
}

.swiper-container-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {
    margin: .375rem 0;
    display: block
}

.swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: .5rem
}

.swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    display: inline-block;
    -webkit-transition: top .2s, -webkit-transform .2s;
    transition: top .2s, -webkit-transform .2s;
    transition: transform .2s, top .2s;
    transition: transform .2s, top .2s, -webkit-transform .2s
}

.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 .25rem
}

.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    white-space: nowrap
}

.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    -webkit-transition: left .2s, -webkit-transform .2s;
    transition: left .2s, -webkit-transform .2s;
    transition: transform .2s, left .2s;
    transition: transform .2s, left .2s, -webkit-transform .2s
}

.swiper-container-horizontal.swiper-container-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    -webkit-transition: right .2s, -webkit-transform .2s;
    transition: right .2s, -webkit-transform .2s;
    transition: transform .2s, right .2s;
    transition: transform .2s, right .2s, -webkit-transform .2s
}

.swiper-pagination-progressbar {
    background: rgba(0, 0, 0, .25);
    position: absolute
}

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    background: var(--swiper-pagination-color, var(--swiper-theme-color));
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    -webkit-transform: scale(0);
    transform: scale(0);
    -webkit-transform-origin: left top;
    transform-origin: left top
}

.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    -webkit-transform-origin: right top;
    transform-origin: right top
}

.swiper-container-horizontal > .swiper-pagination-progressbar, .swiper-container-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
    width: 100%;
    height: .25rem;
    left: 0;
    top: 0
}

.swiper-container-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite, .swiper-container-vertical > .swiper-pagination-progressbar {
    width: .25rem;
    height: 100%;
    left: 0;
    top: 0
}

.swiper-pagination-white {
    --swiper-pagination-color: #fff
}

.swiper-pagination-black {
    --swiper-pagination-color: #000
}

.swiper-pagination-lock {
    display: none
}

.swiper-scrollbar {
    border-radius: .625rem;
    position: relative;
    -ms-touch-action: none;
    background: rgba(0, 0, 0, .1)
}

.swiper-container-horizontal > .swiper-scrollbar {
    position: absolute;
    left: 1%;
    bottom: .1875rem;
    z-index: 50;
    height: .3125rem;
    width: 98%
}

.swiper-container-vertical > .swiper-scrollbar {
    position: absolute;
    right: .1875rem;
    top: 1%;
    z-index: 50;
    width: .3125rem;
    height: 98%
}

.swiper-scrollbar-drag {
    height: 100%;
    width: 100%;
    position: relative;
    background: rgba(0, 0, 0, .5);
    border-radius: .625rem;
    left: 0;
    top: 0
}

.swiper-scrollbar-cursor-drag {
    cursor: move
}

.swiper-scrollbar-lock {
    display: none
}

.swiper-zoom-container {
    width: 100%;
    height: 100%;
    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;
    text-align: center
}

.swiper-zoom-container > canvas, .swiper-zoom-container > img, .swiper-zoom-container > svg {
    max-width: 100%;
    max-height: 100%;
    -o-object-fit: contain;
    object-fit: contain
}

.swiper-slide-zoomed {
    cursor: move
}

.swiper-lazy-preloader {
    width: 2.625rem;
    height: 2.625rem;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -1.3125rem;
    margin-top: -1.3125rem;
    z-index: 10;
    -webkit-transform-origin: 50%;
    transform-origin: 50%;
    -webkit-animation: a 1s infinite linear;
    animation: a 1s infinite linear;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border: .25rem solid var(--swiper-preloader-color, var(--swiper-theme-color));
    border-radius: 50%;
    border-top-color: transparent
}

.swiper-lazy-preloader-white {
    --swiper-preloader-color: #fff
}

.swiper-lazy-preloader-black {
    --swiper-preloader-color: #000
}

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

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

.swiper-container .swiper-notification {
    position: absolute;
    left: 0;
    top: 0;
    pointer-events: none;
    opacity: 0;
    z-index: -1000
}

.swiper-container-fade.swiper-container-free-mode .swiper-slide {
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out
}

.swiper-container-fade .swiper-slide {
    pointer-events: none;
    -webkit-transition-property: opacity;
    transition-property: opacity
}

.swiper-container-fade .swiper-slide .swiper-slide {
    pointer-events: none
}

.swiper-container-fade .swiper-slide-active, .swiper-container-fade .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}

.swiper-container-cube {
    overflow: visible
}

.swiper-container-cube .swiper-slide {
    pointer-events: none;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 1;
    visibility: hidden;
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    width: 100%;
    height: 100%
}

.swiper-container-cube .swiper-slide .swiper-slide {
    pointer-events: none
}

.swiper-container-cube.swiper-container-rtl .swiper-slide {
    -webkit-transform-origin: 100% 0;
    transform-origin: 100% 0
}

.swiper-container-cube .swiper-slide-active, .swiper-container-cube .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}

.swiper-container-cube .swiper-slide-active, .swiper-container-cube .swiper-slide-next, .swiper-container-cube .swiper-slide-next + .swiper-slide, .swiper-container-cube .swiper-slide-prev {
    pointer-events: auto;
    visibility: visible
}

.swiper-container-cube .swiper-slide-shadow-bottom, .swiper-container-cube .swiper-slide-shadow-left, .swiper-container-cube .swiper-slide-shadow-right, .swiper-container-cube .swiper-slide-shadow-top {
    z-index: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.swiper-container-cube .swiper-cube-shadow {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: .6;
    -webkit-filter: blur(50px);
    filter: blur(50px);
    z-index: 0
}

.swiper-container-flip {
    overflow: visible
}

.swiper-container-flip .swiper-slide {
    pointer-events: none;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 1
}

.swiper-container-flip .swiper-slide .swiper-slide {
    pointer-events: none
}

.swiper-container-flip .swiper-slide-active, .swiper-container-flip .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}

.swiper-container-flip .swiper-slide-shadow-bottom, .swiper-container-flip .swiper-slide-shadow-left, .swiper-container-flip .swiper-slide-shadow-right, .swiper-container-flip .swiper-slide-shadow-top {
    z-index: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

@-webkit-keyframes b {
    0% {
        opacity: .9
    }
    to {
        opacity: 0
    }
}

@keyframes b {
    0% {
        opacity: .9
    }
    to {
        opacity: 0
    }
}

.bootstrap-select > select.bs-select-hidden, select.bs-select-hidden, select.selectpicker {
    display: none !important
}

.bootstrap-select {
    width: 13.75rem \0;
    vertical-align: middle
}

.bootstrap-select > .dropdown-toggle {
    width: 100%;
    text-align: right;
    white-space: nowrap;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.bootstrap-select > .dropdown-toggle:after {
    margin-top: -.0625rem
}

.bootstrap-select > .dropdown-toggle.bs-placeholder, .bootstrap-select > .dropdown-toggle.bs-placeholder:active, .bootstrap-select > .dropdown-toggle.bs-placeholder:focus, .bootstrap-select > .dropdown-toggle.bs-placeholder:hover {
    color: #999
}

.bootstrap-select > .dropdown-toggle.bs-placeholder.btn-danger, .bootstrap-select > .dropdown-toggle.bs-placeholder.btn-danger:active, .bootstrap-select > .dropdown-toggle.bs-placeholder.btn-danger:focus, .bootstrap-select > .dropdown-toggle.bs-placeholder.btn-danger:hover, .bootstrap-select > .dropdown-toggle.bs-placeholder.btn-dark, .bootstrap-select > .dropdown-toggle.bs-placeholder.btn-dark:active, .bootstrap-select > .dropdown-toggle.bs-placeholder.btn-dark:focus, .bootstrap-select > .dropdown-toggle.bs-placeholder.btn-dark:hover, .bootstrap-select > .dropdown-toggle.bs-placeholder.btn-info, .bootstrap-select > .dropdown-toggle.bs-placeholder.btn-info:active, .bootstrap-select > .dropdown-toggle.bs-placeholder.btn-info:focus, .bootstrap-select > .dropdown-toggle.bs-placeholder.btn-info:hover, .bootstrap-select > .dropdown-toggle.bs-placeholder.btn-primary, .bootstrap-select > .dropdown-toggle.bs-placeholder.btn-primary:active, .bootstrap-select > .dropdown-toggle.bs-placeholder.btn-primary:focus, .bootstrap-select > .dropdown-toggle.bs-placeholder.btn-primary:hover, .bootstrap-select > .dropdown-toggle.bs-placeholder.btn-secondary, .bootstrap-select > .dropdown-toggle.bs-placeholder.btn-secondary:active, .bootstrap-select > .dropdown-toggle.bs-placeholder.btn-secondary:focus, .bootstrap-select > .dropdown-toggle.bs-placeholder.btn-secondary:hover, .bootstrap-select > .dropdown-toggle.bs-placeholder.btn-success, .bootstrap-select > .dropdown-toggle.bs-placeholder.btn-success:active, .bootstrap-select > .dropdown-toggle.bs-placeholder.btn-success:focus, .bootstrap-select > .dropdown-toggle.bs-placeholder.btn-success:hover {
    color: hsla(0, 0%, 100%, .5)
}

.bootstrap-select > select {
    position: absolute !important;
    bottom: 0;
    left: 50%;
    display: block !important;
    width: .03125rem !important;
    height: 100% !important;
    padding: 0 !important;
    opacity: 0 !important;
    border: none;
    z-index: 0 !important
}

.bootstrap-select > select.mobile-device {
    top: 0;
    left: 0;
    display: block !important;
    width: 100% !important;
    z-index: 2 !important
}

.bootstrap-select.is-invalid .dropdown-toggle, .error .bootstrap-select .dropdown-toggle, .has-error .bootstrap-select .dropdown-toggle, .was-validated .bootstrap-select select:invalid + .dropdown-toggle {
    border-color: #b94a48
}

.bootstrap-select.is-valid .dropdown-toggle, .was-validated .bootstrap-select select:valid + .dropdown-toggle {
    border-color: #28a745
}

.bootstrap-select.fit-width {
    width: auto !important
}

.bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) {
    width: 13.75rem
}

.bootstrap-select .dropdown-toggle:focus, .bootstrap-select > select.mobile-device:focus + .dropdown-toggle {
    outline: thin dotted #333 !important;
    outline: 5px auto -webkit-focus-ring-color !important;
    outline-offset: -2px
}

.bootstrap-select.form-control {
    margin-bottom: 0;
    padding: 0;
    border: none;
    height: auto
}

:not(.input-group) > .bootstrap-select.form-control:not([class*=col-]) {
    width: 100%
}

.bootstrap-select.form-control.input-group-btn {
    float: none;
    z-index: auto
}

.form-inline .bootstrap-select, .form-inline .bootstrap-select.form-control:not([class*=col-]) {
    width: auto
}

.bootstrap-select:not(.input-group-btn), .bootstrap-select[class*=col-] {
    float: none;
    display: inline-block;
    margin-left: 0
}

.bootstrap-select.dropdown-menu-right, .bootstrap-select[class*=col-].dropdown-menu-right, .row .bootstrap-select[class*=col-].dropdown-menu-right {
    float: right
}

.form-group .bootstrap-select, .form-horizontal .bootstrap-select, .form-inline .bootstrap-select {
    margin-bottom: 0
}

.form-group-lg .bootstrap-select.form-control, .form-group-sm .bootstrap-select.form-control {
    padding: 0
}

.form-group-lg .bootstrap-select.form-control .dropdown-toggle, .form-group-sm .bootstrap-select.form-control .dropdown-toggle {
    height: 100%;
    font-size: inherit;
    line-height: inherit;
    border-radius: inherit
}

.bootstrap-select.form-control-lg .dropdown-toggle, .bootstrap-select.form-control-sm .dropdown-toggle {
    font-size: inherit;
    line-height: inherit;
    border-radius: inherit
}

.bootstrap-select.form-control-sm .dropdown-toggle {
    padding: .25rem .5rem
}

.bootstrap-select.form-control-lg .dropdown-toggle {
    padding: .5rem 1rem
}

.form-inline .bootstrap-select .form-control {
    width: 100%
}

.bootstrap-select.disabled, .bootstrap-select > .disabled {
    cursor: not-allowed
}

.bootstrap-select.disabled:focus, .bootstrap-select > .disabled:focus {
    outline: none !important
}

.bootstrap-select.bs-container {
    position: absolute;
    top: 0;
    left: 0;
    height: 0 !important;
    padding: 0 !important
}

.bootstrap-select.bs-container .dropdown-menu {
    z-index: 1060
}

.bootstrap-select .dropdown-toggle .filter-option {
    position: static;
    top: 0;
    left: 0;
    float: left;
    height: 100%;
    width: 100%;
    text-align: left;
    overflow: hidden;
    -webkit-box-flex: 0;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto
}

.bs3.bootstrap-select .dropdown-toggle .filter-option {
    padding-right: inherit
}

.input-group .bs3-has-addon.bootstrap-select .dropdown-toggle .filter-option {
    position: absolute;
    padding-top: inherit;
    padding-bottom: inherit;
    padding-left: inherit;
    float: none
}

.input-group .bs3-has-addon.bootstrap-select .dropdown-toggle .filter-option .filter-option-inner {
    padding-right: inherit
}

.bootstrap-select .dropdown-toggle .filter-option-inner-inner {
    overflow: hidden
}

.bootstrap-select .dropdown-toggle .filter-expand {
    width: 0 !important;
    float: left;
    opacity: 0 !important;
    overflow: hidden
}

.bootstrap-select .dropdown-toggle .caret {
    position: absolute;
    top: 50%;
    right: .75rem;
    margin-top: -.125rem;
    vertical-align: middle
}

.input-group .bootstrap-select.form-control .dropdown-toggle {
    border-radius: inherit
}

.bootstrap-select[class*=col-] .dropdown-toggle {
    width: 100%
}

.bootstrap-select .dropdown-menu {
    min-width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.bootstrap-select .dropdown-menu > .inner:focus {
    outline: none !important
}

.bootstrap-select .dropdown-menu.inner {
    position: static;
    float: none;
    border: 0;
    padding: 0;
    margin: 0;
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none
}

.bootstrap-select .dropdown-menu li {
    position: relative
}

.bootstrap-select .dropdown-menu li.active small {
    color: hsla(0, 0%, 100%, .5) !important
}

.bootstrap-select .dropdown-menu li.disabled a {
    cursor: not-allowed
}

.bootstrap-select .dropdown-menu li a {
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.bootstrap-select .dropdown-menu li a.opt {
    position: relative;
    padding-left: 2.25em
}

.bootstrap-select .dropdown-menu li a span.check-mark {
    display: none
}

.bootstrap-select .dropdown-menu li a span.text {
    display: inline-block
}

.bootstrap-select .dropdown-menu li small {
    padding-left: .5em
}

.bootstrap-select .dropdown-menu .notify {
    position: absolute;
    bottom: .3125rem;
    width: 96%;
    margin: 0 2%;
    min-height: 1.625rem;
    padding: .1875rem .3125rem;
    background: #f5f5f5;
    border: .0625rem solid #e3e3e3;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05);
    pointer-events: none;
    opacity: .9;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.bootstrap-select .dropdown-menu .notify.fadeOut {
    -webkit-animation: .3s linear .75s forwards b;
    animation: .3s linear .75s forwards b
}

.bootstrap-select .no-results {
    padding: .1875rem;
    background: #f5f5f5;
    margin: 0 .3125rem;
    white-space: nowrap
}

.bootstrap-select.fit-width .dropdown-toggle .filter-option {
    position: static;
    display: inline;
    padding: 0
}

.bootstrap-select.fit-width .dropdown-toggle .filter-option-inner, .bootstrap-select.fit-width .dropdown-toggle .filter-option-inner-inner {
    display: inline
}

.bootstrap-select.fit-width .dropdown-toggle .bs-caret:before {
    content: "\00a0"
}

.bootstrap-select.fit-width .dropdown-toggle .caret {
    position: static;
    top: auto;
    margin-top: -.0625rem
}

.bootstrap-select.show-tick .dropdown-menu .selected span.check-mark {
    position: absolute;
    display: inline-block;
    right: .9375rem;
    top: .3125rem
}

.bootstrap-select.show-tick .dropdown-menu li a span.text {
    margin-right: 2.125rem
}

.bootstrap-select .bs-ok-default:after {
    content: "";
    display: block;
    width: .5em;
    height: 1em;
    border-style: solid;
    border-width: 0 .26em .26em 0;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

.bootstrap-select.show-menu-arrow.open > .dropdown-toggle, .bootstrap-select.show-menu-arrow.show > .dropdown-toggle {
    z-index: 1061
}

.bootstrap-select.show-menu-arrow .dropdown-toggle .filter-option:before {
    content: "";
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-bottom: 7px solid hsla(0, 0%, 80%, .2);
    position: absolute;
    bottom: -.25rem;
    left: .5625rem;
    display: none
}

.bootstrap-select.show-menu-arrow .dropdown-toggle .filter-option:after {
    content: "";
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 6px solid #fff;
    position: absolute;
    bottom: -.25rem;
    left: .625rem;
    display: none
}

.bootstrap-select.show-menu-arrow.dropup .dropdown-toggle .filter-option:before {
    bottom: auto;
    top: -.25rem;
    border-top: 7px solid hsla(0, 0%, 80%, .2);
    border-bottom: 0
}

.bootstrap-select.show-menu-arrow.dropup .dropdown-toggle .filter-option:after {
    bottom: auto;
    top: -.25rem;
    border-top: 6px solid #fff;
    border-bottom: 0
}

.bootstrap-select.show-menu-arrow.pull-right .dropdown-toggle .filter-option:before {
    right: .75rem;
    left: auto
}

.bootstrap-select.show-menu-arrow.pull-right .dropdown-toggle .filter-option:after {
    right: .8125rem;
    left: auto
}

.bootstrap-select.show-menu-arrow.open > .dropdown-toggle .filter-option:after, .bootstrap-select.show-menu-arrow.open > .dropdown-toggle .filter-option:before, .bootstrap-select.show-menu-arrow.show > .dropdown-toggle .filter-option:after, .bootstrap-select.show-menu-arrow.show > .dropdown-toggle .filter-option:before {
    display: block
}

.bs-actionsbox, .bs-donebutton, .bs-searchbox {
    padding: .25rem .5rem
}

.bs-actionsbox {
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.bs-actionsbox .btn-group button {
    width: 50%
}

.bs-donebutton {
    float: left;
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.bs-donebutton .btn-group button {
    width: 100%
}

.bs-searchbox + .bs-actionsbox {
    padding: 0 .5rem .25rem
}

.bs-searchbox .form-control {
    margin-bottom: 0;
    width: 100%;
    float: none
}

.container {
    padding-right: .625rem;
    padding-left: .625rem;
    margin-right: auto;
    margin-left: auto
}

.container:after, .container:before {
    display: table;
    content: " "
}

.container:after {
    clear: both
}

@media (min-width: 768px) {
    .container {
        width: 46.25rem;
        width: 60rem
    }
}

@media (min-width: 1200px) {
    .container {
        width: 108.75rem
    }
}

.container-fluid {
    padding-right: .625rem;
    padding-left: .625rem;
    margin-right: auto;
    margin-left: auto
}

.container-fluid:after, .container-fluid:before {
    display: table;
    content: " "
}

.container-fluid:after {
    clear: both
}

.row {
    margin-right: -.625rem;
    margin-left: -.625rem
}

.row:after, .row:before {
    display: table;
    content: " "
}

.row:after {
    clear: both
}

.row-no-gutters {
    margin-right: 0;
    margin-left: 0
}

.row-no-gutters [class*=col-] {
    padding-right: 0;
    padding-left: 0
}

.col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 {
    position: relative;
    min-height: .0625rem;
    padding-right: .625rem;
    padding-left: .625rem
}

.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 {
    float: left
}

.col-xs-1 {
    width: 8.3333333333%
}

.col-xs-2 {
    width: 16.6666666667%
}

.col-xs-3 {
    width: 25%
}

.col-xs-4 {
    width: 33.3333333333%
}

.col-xs-5 {
    width: 41.6666666667%
}

.col-xs-6 {
    width: 50%
}

.col-xs-7 {
    width: 58.3333333333%
}

.col-xs-8 {
    width: 66.6666666667%
}

.col-xs-9 {
    width: 75%
}

.col-xs-10 {
    width: 83.3333333333%
}

.col-xs-11 {
    width: 91.6666666667%
}

.col-xs-12 {
    width: 100%
}

.col-xs-pull-0 {
    right: auto
}

.col-xs-pull-1 {
    right: 8.3333333333%
}

.col-xs-pull-2 {
    right: 16.6666666667%
}

.col-xs-pull-3 {
    right: 25%
}

.col-xs-pull-4 {
    right: 33.3333333333%
}

.col-xs-pull-5 {
    right: 41.6666666667%
}

.col-xs-pull-6 {
    right: 50%
}

.col-xs-pull-7 {
    right: 58.3333333333%
}

.col-xs-pull-8 {
    right: 66.6666666667%
}

.col-xs-pull-9 {
    right: 75%
}

.col-xs-pull-10 {
    right: 83.3333333333%
}

.col-xs-pull-11 {
    right: 91.6666666667%
}

.col-xs-pull-12 {
    right: 100%
}

.col-xs-push-0 {
    left: auto
}

.col-xs-push-1 {
    left: 8.3333333333%
}

.col-xs-push-2 {
    left: 16.6666666667%
}

.col-xs-push-3 {
    left: 25%
}

.col-xs-push-4 {
    left: 33.3333333333%
}

.col-xs-push-5 {
    left: 41.6666666667%
}

.col-xs-push-6 {
    left: 50%
}

.col-xs-push-7 {
    left: 58.3333333333%
}

.col-xs-push-8 {
    left: 66.6666666667%
}

.col-xs-push-9 {
    left: 75%
}

.col-xs-push-10 {
    left: 83.3333333333%
}

.col-xs-push-11 {
    left: 91.6666666667%
}

.col-xs-push-12 {
    left: 100%
}

.col-xs-offset-0 {
    margin-left: 0
}

.col-xs-offset-1 {
    margin-left: 8.3333333333%
}

.col-xs-offset-2 {
    margin-left: 16.6666666667%
}

.col-xs-offset-3 {
    margin-left: 25%
}

.col-xs-offset-4 {
    margin-left: 33.3333333333%
}

.col-xs-offset-5 {
    margin-left: 41.6666666667%
}

.col-xs-offset-6 {
    margin-left: 50%
}

.col-xs-offset-7 {
    margin-left: 58.3333333333%
}

.col-xs-offset-8 {
    margin-left: 66.6666666667%
}

.col-xs-offset-9 {
    margin-left: 75%
}

.col-xs-offset-10 {
    margin-left: 83.3333333333%
}

.col-xs-offset-11 {
    margin-left: 91.6666666667%
}

.col-xs-offset-12 {
    margin-left: 100%
}

@media (min-width: 768px) {
    .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
        float: left
    }

    .col-sm-1 {
        width: 8.3333333333%
    }

    .col-sm-2 {
        width: 16.6666666667%
    }

    .col-sm-3 {
        width: 25%
    }

    .col-sm-4 {
        width: 33.3333333333%
    }

    .col-sm-5 {
        width: 41.6666666667%
    }

    .col-sm-6 {
        width: 50%
    }

    .col-sm-7 {
        width: 58.3333333333%
    }

    .col-sm-8 {
        width: 66.6666666667%
    }

    .col-sm-9 {
        width: 75%
    }

    .col-sm-10 {
        width: 83.3333333333%
    }

    .col-sm-11 {
        width: 91.6666666667%
    }

    .col-sm-12 {
        width: 100%
    }

    .col-sm-pull-0 {
        right: auto
    }

    .col-sm-pull-1 {
        right: 8.3333333333%
    }

    .col-sm-pull-2 {
        right: 16.6666666667%
    }

    .col-sm-pull-3 {
        right: 25%
    }

    .col-sm-pull-4 {
        right: 33.3333333333%
    }

    .col-sm-pull-5 {
        right: 41.6666666667%
    }

    .col-sm-pull-6 {
        right: 50%
    }

    .col-sm-pull-7 {
        right: 58.3333333333%
    }

    .col-sm-pull-8 {
        right: 66.6666666667%
    }

    .col-sm-pull-9 {
        right: 75%
    }

    .col-sm-pull-10 {
        right: 83.3333333333%
    }

    .col-sm-pull-11 {
        right: 91.6666666667%
    }

    .col-sm-pull-12 {
        right: 100%
    }

    .col-sm-push-0 {
        left: auto
    }

    .col-sm-push-1 {
        left: 8.3333333333%
    }

    .col-sm-push-2 {
        left: 16.6666666667%
    }

    .col-sm-push-3 {
        left: 25%
    }

    .col-sm-push-4 {
        left: 33.3333333333%
    }

    .col-sm-push-5 {
        left: 41.6666666667%
    }

    .col-sm-push-6 {
        left: 50%
    }

    .col-sm-push-7 {
        left: 58.3333333333%
    }

    .col-sm-push-8 {
        left: 66.6666666667%
    }

    .col-sm-push-9 {
        left: 75%
    }

    .col-sm-push-10 {
        left: 83.3333333333%
    }

    .col-sm-push-11 {
        left: 91.6666666667%
    }

    .col-sm-push-12 {
        left: 100%
    }

    .col-sm-offset-0 {
        margin-left: 0
    }

    .col-sm-offset-1 {
        margin-left: 8.3333333333%
    }

    .col-sm-offset-2 {
        margin-left: 16.6666666667%
    }

    .col-sm-offset-3 {
        margin-left: 25%
    }

    .col-sm-offset-4 {
        margin-left: 33.3333333333%
    }

    .col-sm-offset-5 {
        margin-left: 41.6666666667%
    }

    .col-sm-offset-6 {
        margin-left: 50%
    }

    .col-sm-offset-7 {
        margin-left: 58.3333333333%
    }

    .col-sm-offset-8 {
        margin-left: 66.6666666667%
    }

    .col-sm-offset-9 {
        margin-left: 75%
    }

    .col-sm-offset-10 {
        margin-left: 83.3333333333%
    }

    .col-sm-offset-11 {
        margin-left: 91.6666666667%
    }

    .col-sm-offset-12 {
        margin-left: 100%
    }
}

@media (min-width: 768px) {
    .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
        float: left
    }

    .col-md-1 {
        width: 8.3333333333%
    }

    .col-md-2 {
        width: 16.6666666667%
    }

    .col-md-3 {
        width: 25%
    }

    .col-md-4 {
        width: 33.3333333333%
    }

    .col-md-5 {
        width: 41.6666666667%
    }

    .col-md-6 {
        width: 50%
    }

    .col-md-7 {
        width: 58.3333333333%
    }

    .col-md-8 {
        width: 66.6666666667%
    }

    .col-md-9 {
        width: 75%
    }

    .col-md-10 {
        width: 83.3333333333%
    }

    .col-md-11 {
        width: 91.6666666667%
    }

    .col-md-12 {
        width: 100%
    }

    .col-md-pull-0 {
        right: auto
    }

    .col-md-pull-1 {
        right: 8.3333333333%
    }

    .col-md-pull-2 {
        right: 16.6666666667%
    }

    .col-md-pull-3 {
        right: 25%
    }

    .col-md-pull-4 {
        right: 33.3333333333%
    }

    .col-md-pull-5 {
        right: 41.6666666667%
    }

    .col-md-pull-6 {
        right: 50%
    }

    .col-md-pull-7 {
        right: 58.3333333333%
    }

    .col-md-pull-8 {
        right: 66.6666666667%
    }

    .col-md-pull-9 {
        right: 75%
    }

    .col-md-pull-10 {
        right: 83.3333333333%
    }

    .col-md-pull-11 {
        right: 91.6666666667%
    }

    .col-md-pull-12 {
        right: 100%
    }

    .col-md-push-0 {
        left: auto
    }

    .col-md-push-1 {
        left: 8.3333333333%
    }

    .col-md-push-2 {
        left: 16.6666666667%
    }

    .col-md-push-3 {
        left: 25%
    }

    .col-md-push-4 {
        left: 33.3333333333%
    }

    .col-md-push-5 {
        left: 41.6666666667%
    }

    .col-md-push-6 {
        left: 50%
    }

    .col-md-push-7 {
        left: 58.3333333333%
    }

    .col-md-push-8 {
        left: 66.6666666667%
    }

    .col-md-push-9 {
        left: 75%
    }

    .col-md-push-10 {
        left: 83.3333333333%
    }

    .col-md-push-11 {
        left: 91.6666666667%
    }

    .col-md-push-12 {
        left: 100%
    }

    .col-md-offset-0 {
        margin-left: 0
    }

    .col-md-offset-1 {
        margin-left: 8.3333333333%
    }

    .col-md-offset-2 {
        margin-left: 16.6666666667%
    }

    .col-md-offset-3 {
        margin-left: 25%
    }

    .col-md-offset-4 {
        margin-left: 33.3333333333%
    }

    .col-md-offset-5 {
        margin-left: 41.6666666667%
    }

    .col-md-offset-6 {
        margin-left: 50%
    }

    .col-md-offset-7 {
        margin-left: 58.3333333333%
    }

    .col-md-offset-8 {
        margin-left: 66.6666666667%
    }

    .col-md-offset-9 {
        margin-left: 75%
    }

    .col-md-offset-10 {
        margin-left: 83.3333333333%
    }

    .col-md-offset-11 {
        margin-left: 91.6666666667%
    }

    .col-md-offset-12 {
        margin-left: 100%
    }
}

@media (min-width: 1200px) {
    .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 {
        float: left
    }

    .col-lg-1 {
        width: 8.3333333333%
    }

    .col-lg-2 {
        width: 16.6666666667%
    }

    .col-lg-3 {
        width: 25%
    }

    .col-lg-4 {
        width: 33.3333333333%
    }

    .col-lg-5 {
        width: 41.6666666667%
    }

    .col-lg-6 {
        width: 50%
    }

    .col-lg-7 {
        width: 58.3333333333%
    }

    .col-lg-8 {
        width: 66.6666666667%
    }

    .col-lg-9 {
        width: 75%
    }

    .col-lg-10 {
        width: 83.3333333333%
    }

    .col-lg-11 {
        width: 91.6666666667%
    }

    .col-lg-12 {
        width: 100%
    }

    .col-lg-pull-0 {
        right: auto
    }

    .col-lg-pull-1 {
        right: 8.3333333333%
    }

    .col-lg-pull-2 {
        right: 16.6666666667%
    }

    .col-lg-pull-3 {
        right: 25%
    }

    .col-lg-pull-4 {
        right: 33.3333333333%
    }

    .col-lg-pull-5 {
        right: 41.6666666667%
    }

    .col-lg-pull-6 {
        right: 50%
    }

    .col-lg-pull-7 {
        right: 58.3333333333%
    }

    .col-lg-pull-8 {
        right: 66.6666666667%
    }

    .col-lg-pull-9 {
        right: 75%
    }

    .col-lg-pull-10 {
        right: 83.3333333333%
    }

    .col-lg-pull-11 {
        right: 91.6666666667%
    }

    .col-lg-pull-12 {
        right: 100%
    }

    .col-lg-push-0 {
        left: auto
    }

    .col-lg-push-1 {
        left: 8.3333333333%
    }

    .col-lg-push-2 {
        left: 16.6666666667%
    }

    .col-lg-push-3 {
        left: 25%
    }

    .col-lg-push-4 {
        left: 33.3333333333%
    }

    .col-lg-push-5 {
        left: 41.6666666667%
    }

    .col-lg-push-6 {
        left: 50%
    }

    .col-lg-push-7 {
        left: 58.3333333333%
    }

    .col-lg-push-8 {
        left: 66.6666666667%
    }

    .col-lg-push-9 {
        left: 75%
    }

    .col-lg-push-10 {
        left: 83.3333333333%
    }

    .col-lg-push-11 {
        left: 91.6666666667%
    }

    .col-lg-push-12 {
        left: 100%
    }

    .col-lg-offset-0 {
        margin-left: 0
    }

    .col-lg-offset-1 {
        margin-left: 8.3333333333%
    }

    .col-lg-offset-2 {
        margin-left: 16.6666666667%
    }

    .col-lg-offset-3 {
        margin-left: 25%
    }

    .col-lg-offset-4 {
        margin-left: 33.3333333333%
    }

    .col-lg-offset-5 {
        margin-left: 41.6666666667%
    }

    .col-lg-offset-6 {
        margin-left: 50%
    }

    .col-lg-offset-7 {
        margin-left: 58.3333333333%
    }

    .col-lg-offset-8 {
        margin-left: 66.6666666667%
    }

    .col-lg-offset-9 {
        margin-left: 75%
    }

    .col-lg-offset-10 {
        margin-left: 83.3333333333%
    }

    .col-lg-offset-11 {
        margin-left: 91.6666666667%
    }

    .col-lg-offset-12 {
        margin-left: 100%
    }
}

@-ms-viewport {
    width: device-width
}

.visible-lg, .visible-lg-block, .visible-lg-inline, .visible-lg-inline-block, .visible-md, .visible-md-block, .visible-md-inline, .visible-md-inline-block, .visible-sm, .visible-sm-block, .visible-sm-inline, .visible-sm-inline-block, .visible-xs, .visible-xs-block, .visible-xs-inline, .visible-xs-inline-block {
    display: none !important
}

@media (max-width: 767px) {
    .visible-xs {
        display: block !important
    }

    table.visible-xs {
        display: table !important
    }

    tr.visible-xs {
        display: table-row !important
    }

    td.visible-xs, th.visible-xs {
        display: table-cell !important
    }
}

@media (max-width: 767px) {
    .visible-xs-block {
        display: block !important
    }
}

@media (max-width: 767px) {
    .visible-xs-inline {
        display: inline !important
    }
}

@media (max-width: 767px) {
    .visible-xs-inline-block {
        display: inline-block !important
    }
}

@media (min-width: 768px) and (max-width: 767px) {
    .visible-sm {
        display: block !important
    }

    table.visible-sm {
        display: table !important
    }

    tr.visible-sm {
        display: table-row !important
    }

    td.visible-sm, th.visible-sm {
        display: table-cell !important
    }
}

@media (min-width: 768px) and (max-width: 767px) {
    .visible-sm-block {
        display: block !important
    }
}

@media (min-width: 768px) and (max-width: 767px) {
    .visible-sm-inline {
        display: inline !important
    }
}

@media (min-width: 768px) and (max-width: 767px) {
    .visible-sm-inline-block {
        display: inline-block !important
    }
}

@media (min-width: 768px) and (max-width: 1199px) {
    .visible-md {
        display: block !important
    }

    table.visible-md {
        display: table !important
    }

    tr.visible-md {
        display: table-row !important
    }

    td.visible-md, th.visible-md {
        display: table-cell !important
    }
}

@media (min-width: 768px) and (max-width: 1199px) {
    .visible-md-block {
        display: block !important
    }
}

@media (min-width: 768px) and (max-width: 1199px) {
    .visible-md-inline {
        display: inline !important
    }
}

@media (min-width: 768px) and (max-width: 1199px) {
    .visible-md-inline-block {
        display: inline-block !important
    }
}

@media (min-width: 1200px) {
    .visible-lg {
        display: block !important
    }

    table.visible-lg {
        display: table !important
    }

    tr.visible-lg {
        display: table-row !important
    }

    td.visible-lg, th.visible-lg {
        display: table-cell !important
    }
}

@media (min-width: 1200px) {
    .visible-lg-block {
        display: block !important
    }
}

@media (min-width: 1200px) {
    .visible-lg-inline {
        display: inline !important
    }
}

@media (min-width: 1200px) {
    .visible-lg-inline-block {
        display: inline-block !important
    }
}

@media (max-width: 767px) {
    .hidden-xs {
        display: none !important
    }
}

@media (min-width: 768px) and (max-width: 767px) {
    .hidden-sm {
        display: none !important
    }
}

@media (min-width: 768px) and (max-width: 1199px) {
    .hidden-md {
        display: none !important
    }
}

@media (min-width: 1200px) {
    .hidden-lg {
        display: none !important
    }
}

.visible-print {
    display: none !important
}

@media print {
    .visible-print {
        display: block !important
    }

    table.visible-print {
        display: table !important
    }

    tr.visible-print {
        display: table-row !important
    }

    td.visible-print, th.visible-print {
        display: table-cell !important
    }
}

.visible-print-block {
    display: none !important
}

@media print {
    .visible-print-block {
        display: block !important
    }
}

.visible-print-inline {
    display: none !important
}

@media print {
    .visible-print-inline {
        display: inline !important
    }
}

.visible-print-inline-block {
    display: none !important
}

@media print {
    .visible-print-inline-block {
        display: inline-block !important
    }
}

@media print {
    .hidden-print {
        display: none !important
    }
}

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

html {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}

button, input, select, textarea {
    font-family: inherit;
    font-size: inherit;
    line-height: inherit
}

figure {
    margin: 0
}

[role=button] {
    cursor: pointer
}



@font-face {
    font-family: "Montserrat";
    src: local("Montserrat Regular"), local("Montserrat-Regular"), url(../fonts/Montserrat-Regular.woff2) format("woff2"), url(../fonts/Montserrat-Regular.woff) format("woff"), url(../fonts/Montserrat-Regular.ttf) format("truetype");
    font-weight: normal;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: "Montserrat";
    src: local("Montserrat Bold"), local("Montserrat-Bold"), url(../fonts/Montserrat-Bold.woff2) format("woff2"), url(../fonts/Montserrat-Bold.woff) format("woff"), url(../fonts/Montserrat-Bold.ttf) format("truetype");
    font-weight: bold;
    font-style: normal;
    font-display: swap
}

html {
    font-size: 16px
}

body {
    font-size: .875rem;
    line-height: 1.25rem;
    color: #fff;
    background-color: #7a0506;
    -webkit-text-size-adjust: none;
    -webkit-overflow-scrolling: touch;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

[lang=en] body, [lang=ru] body {
}

[lang=kz] body {
    font-family: Tahoma, sans-serif
}

a, label {
    -webkit-tap-highlight-color: transparent
}

h1, h2, h3, h4, h5, h6 {
    margin: 0
}

p {
    margin: 0 0 1.25rem
}

ol, ul {
    margin-top: 0;
    margin-bottom: 1.25rem
}

ol ol, ol ul, ul ol, ul ul {
    margin-bottom: 0
}

.list--inline, .list--unstyled {
    padding-left: 0;
    list-style: none
}

.list--inline {
    margin-left: 0
}

.list--inline > li {
    display: inline-block;
    padding-left: 0;
    padding-right: 0
}

@media (min-width: 1200px) {
    html {
        font-size: calc(100vw * 16 / 1920 + 0px)
    }
}

@media (min-width: 768px) and (max-width: 1199px) {
    html {
        font-size: calc(100vw * 16 / 992 + 0px)
    }
}

@media (max-width: 767px) {
    html {
        font-size: calc(100vw * 16 / 375 + 0px)
    }
}

.icon {
    display: inline-block;
    vertical-align: middle;
    background-size: 100% 100%;
    position: relative
}

.icon-prev {
    background-image: url(../img/icon-prev.svg)
}

.icon-next {
    background-image: url(../img/icon-next.svg)
}

.icon-user {
    background-image: url(../img/icon-user.svg)
}

.icon-search {
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAALAAAACwCAYAAACvt+ReAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTM4IDc5LjE1OTgyNCwgMjAxNi8wOS8xNC0wMTowOTowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTcgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjQ2NTAyRDVGNUNBMjExRUNCMDhGQjdDMEU4Mjg3OEM0IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjQ2NTAyRDYwNUNBMjExRUNCMDhGQjdDMEU4Mjg3OEM0Ij4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6NDY1MDJENUQ1Q0EyMTFFQ0IwOEZCN0MwRTgyODc4QzQiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6NDY1MDJENUU1Q0EyMTFFQ0IwOEZCN0MwRTgyODc4QzQiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz7+CkPuAAAWVUlEQVR42uyd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")
}

.icon-close {
    background-image: url(../img/icon-close.svg)
}

.icon-info {
    background-image: url(../img/icon-info.svg);
    width: 1.4375rem;
    height: 1.4375rem
}

.icon-youtube {
    background-image: url(../img/icon-youtube.svg)
}

.icon-instagram {
    background-image: url(../img/icon-instagram.svg)
}

@media (min-width: 768px) {
    .icon-search {
        width: 1.75rem;
        height: 1.75rem
    }

    .icon-user {
        width: .9375rem;
        height: 1.1875rem
    }

    .icon-close {
        width: 2.375rem;
        height: 2.375rem
    }
}

@media (min-width: 1200px) {
    .icon-youtube {
        width: 3.6875rem;
        height: 2.6875rem
    }

    .icon-instagram {
        width: 2.6875rem;
        height: 2.6875rem
    }
}

@media (min-width: 768px) and (max-width: 1199px) {
    .icon-youtube {
        width: 2.8125rem;
        height: 2.04979rem
    }

    .icon-instagram {
        width: 2.0625rem;
        height: 2.0625rem
    }
}

@media (max-width: 767px) {
    .icon-search {
        width: 1.625rem;
        height: 1.625rem
    }

    .icon-user {
        width: 1.625rem;
        height: 2.05833rem
    }

    .icon-close {
        width: 1.125rem;
        height: 1.125rem
    }

    .modal--auth .icon-close {
        width: 1.3125rem;
        height: 1.3125rem
    }

    .icon-youtube {
        width: 2.3125rem;
        height: 1.68538rem
    }

    .icon-instagram {
        width: 1.625rem;
        height: 1.625rem
    }
}

a {
    color: #fff;
    text-decoration: underline;
    outline: none !important
}

a:focus, a:hover {
    color: #fff;
    text-decoration: none
}

.link--block, .link--unstyled, a[href^=tel] {
    text-decoration: none !important
}

.link--block {
    display: block
}

a[href^=tel] {
    cursor: default
}

.btn, .btn--unstyled, button {
    cursor: pointer;
    outline: none !important
}

.btn, .btn--unstyled {
    display: inline-block;
    vertical-align: middle;
    margin-bottom: 0;
    font-weight: normal;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    text-decoration: none !important;
    line-height: 1.428571428571429;
    line-height: normal;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    white-space: nowrap;
    background-image: none
}

.btn--unstyled {
    padding: 0;
    border: 0;
    background: none
}

.btn {
    text-align: center;
    border: 0;
    -webkit-transition-property: background-color, color, -webkit-box-shadow;
    transition-property: background-color, color, -webkit-box-shadow;
    transition-property: box-shadow, background-color, color;
    transition-property: box-shadow, background-color, color, -webkit-box-shadow;
    -webkit-transition-duration: .2s;
    transition-duration: .2s;
    position: relative;
    border-radius: .625rem
}

.btn.active, .btn:active {
    -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125)
}

.btn.disabled, .btn[disabled], a.btn.disabled, fieldset[disabled] .btn, fieldset[disabled] a.btn {
    pointer-events: none
}

.btn--block {
    display: block;
    width: 100%
}

input[type=button].btn--block, input[type=submit].btn--block {
    width: 100%
}

.btn--submit:after {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    width: 1.875rem;
    height: 1.875rem;
    background-size: 100% 100%;
    -webkit-transform: translate(-50%, -50%) scale(0);
    transform: translate(-50%, -50%) scale(0);
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' style='margin:auto;background:0 0' width='200' height='200' viewBox='0 0 100 100' preserveAspectRatio='xMidYMid' display='block'%3E%3Ccircle cx='50' cy='50' r='40' stroke-width='5' stroke='%238B2C2C' stroke-dasharray='62.83185307179586 62.83185307179586' fill='none' stroke-linecap='round'%3E%3CanimateTransform attributeName='transform' type='rotate' repeatCount='indefinite' dur='1s' keyTimes='0;1' values='0 50 50;360 50 50'/%3E%3C/circle%3E%3C/svg%3E");
    -webkit-transition: -webkit-transform .2s;
    transition: -webkit-transform .2s;
    transition: transform .2s;
    transition: transform .2s, -webkit-transform .2s;
    pointer-events: none
}

.form--loading .btn--submit > span {
    opacity: 0
}

.form--loading .btn--submit:after {
    -webkit-transform: translate(-50%, -50%) scale(1);
    transform: translate(-50%, -50%) scale(1)
}

.btn--white {
    background: #fff
}

.btn--white, .btn--white:active, .btn--white:focus, .btn--white:hover {
    color: #7a0506
}

.btn--transparent {
    color: #fff;
    background: none
}

.btn--close {
    position: absolute;
    z-index: 2
}

.btn--instagram > *, .btn--youtube > * {
    display: inline-block;
    vertical-align: middle
}

@media (min-width: 768px) {
    .btn--transparent {
        border: .1875rem solid hsla(0, 0%, 100%, .75)
    }
}

@media (min-width: 1200px) {
    .btn {
        font-size: 1.875rem;
        padding: 1.3125rem 3.3125rem 1.4375rem
    }

    .btn--instagram, .btn--youtube {
        font-size: 1.5rem
    }

    .btn--instagram .icon, .btn--youtube .icon {
        margin-right: 1.125rem
    }

    .btn--youtube {
        padding: 1.25rem 2.1875rem 1.1875rem
    }

    .btn--instagram {
        padding: 1.0625rem 2rem 1rem
    }

    .btn--submit {
        font-size: 1.125rem;
        padding: .8125rem 1.875rem;
        min-width: 10.625rem
    }

    .btn--close {
        right: 4.25rem;
        top: 3.0625rem
    }

    body.show--auth .btn--close {
        right: 6.0625rem;
        top: 7.25rem
    }
}

@media (min-width: 768px) and (max-width: 1199px) {
    .btn {
        font-size: 1.5625rem;
        padding: 1.125rem 2.5rem 1.1875rem
    }

    .btn--instagram, .btn--youtube {
        font-size: 1.125rem;
        padding: .875rem 1.875rem .9375rem
    }

    .btn--instagram .icon, .btn--youtube .icon {
        margin-right: .625rem
    }

    .btn--close {
        right: 2.5rem;
        top: 2.5rem
    }
}

@media (max-width: 767px) {
    .btn {
        font-size: 1.25rem
    }

    [lang=ru] .btn {
        padding: .9375rem 1.25rem 1.0625rem
    }

    [lang=kz] .btn {
        padding: 1.0625rem 1.25rem
    }

    .btn--transparent {
        border: .0625rem solid #fff
    }

    .btn--instagram, .btn--youtube {
        width: 100%
    }

    .btn--instagram .icon, .btn--youtube .icon {
        margin-right: .5625rem
    }

    .btn--youtube {
        padding: .6875rem .625rem .875rem
    }

    .btn--instagram {
        padding: .625rem .625rem .8125rem
    }

    .btn--close {
        right: 1.25rem;
        top: 1.25rem
    }

    .modal--auth .btn--close {
        right: 1.875rem;
        top: 2rem
    }

    .btn--nav {
        position: absolute;
        z-index: 2;
        right: 0;
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        width: 5.25rem;
        height: 3.75rem
    }

    .btn--nav:after, .btn--nav:before, .btn--nav span {
        content: "";
        position: absolute;
        width: 1.75rem;
        height: .25rem;
        border-radius: .125rem;
        background: #fff;
        -webkit-transform-origin: 100% 50%;
        transform-origin: 100% 50%;
        -webkit-transition: all .3s;
        transition: all .3s;
        pointer-events: none;
        left: 50%;
        top: 50%
    }

    .btn--nav span {
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%)
    }

    .btn--nav:before {
        -webkit-transform: translate(-50%, calc(-50% - .625rem)) scaleX(.75);
        transform: translate(-50%, calc(-50% - .625rem)) scaleX(.75)
    }

    .btn--nav:after {
        -webkit-transform: translate(-50%, calc(-50% + .625rem)) scaleX(.75);
        transform: translate(-50%, calc(-50% + .625rem)) scaleX(.75)
    }

    body.show--nav .btn--nav:after, body.show--nav .btn--nav:before, body.show--nav .btn--nav span {
        -webkit-transform-origin: 50% 50%;
        transform-origin: 50% 50%;
        width: 2rem;
        height: .1875rem;
        border-radius: .25rem
    }

    body.show--nav .btn--nav span {
        -webkit-transform: translate(-50%, -50%) scaleX(0);
        transform: translate(-50%, -50%) scaleX(0)
    }

    body.show--nav .btn--nav:before {
        -webkit-transform: translate(-50%, -50%) rotate(-45deg);
        transform: translate(-50%, -50%) rotate(-45deg)
    }

    body.show--nav .btn--nav:after {
        -webkit-transform: translate(-50%, -50%) rotate(45deg);
        transform: translate(-50%, -50%) rotate(45deg)
    }
}

fieldset {
    padding: 0;
    margin: 0;
    border: 0;
    min-width: 0
}

label {
    display: block;
    max-width: 100%
}

input[type=search] {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.form-control {
    display: block;
    width: 100%;
    height: 2.375rem;
    padding: .375rem 1.125rem;
    font-size: 1.125rem;
    line-height: 1.428571428571429;
    line-height: 1;
    line-height: normal;
    color: #fff;
    background-color: transparent;
    background-image: none;
    border: .0625rem solid #fff;
    border-radius: .5625rem;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-transition: border-color .15s ease-in-out, -webkit-box-shadow .15s ease-in-out;
    transition: border-color .15s ease-in-out, -webkit-box-shadow .15s ease-in-out;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out, -webkit-box-shadow .15s ease-in-out;
    outline: none !important
}

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

.form-control::-moz-placeholder {
    color: #fff
}

.form-control:-ms-input-placeholder, .form-control::-ms-input-placeholder {
    color: #fff
}

.form-control::placeholder {
    color: #fff
}

.form-control::-ms-expand {
    border: 0;
    background-color: transparent
}

.form-control:focus {
    border-color: #ffcc17;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(255, 204, 23, .6);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(255, 204, 23, .6)
}

.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control {
    background-color: gray;
    opacity: 1
}

.form-control[disabled], fieldset[disabled] .form-control {
    cursor: not-allowed
}

input[type=search] {
    -webkit-appearance: none
}

.controls, form {
    position: relative
}

.form--loading:after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 1
}

.bootstrap-select {
    padding: 0;
    height: auto;
    border: 0;
    background: none;
    -webkit-box-shadow: none;
    box-shadow: none
}

.bootstrap-select > .dropdown-toggle {
    padding: 0 1.5625rem 0 1.1875rem;
    background: none;
    border-radius: .5625rem;
    height: 2.375rem;
    border: .0625rem solid hsla(0, 0%, 100%, .43);
    font-size: 1.125rem;
    color: #fff;
    -webkit-transition: none;
    transition: none;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    position: relative
}

.bootstrap-select > .dropdown-toggle:after, .bootstrap-select > .dropdown-toggle:before {
    content: "";
    position: absolute
}

.bootstrap-select > .dropdown-toggle:before {
    left: -.0625rem;
    right: -.0625rem;
    top: -1rem;
    bottom: 0;
    z-index: 0;
    border-radius: .5625rem .5625rem 0 0;
    background: #fff;
    display: none
}

.bootstrap-select > .dropdown-toggle:after {
    width: .9375rem;
    height: .625rem;
    background-size: 100% 100%;
    background-image: url(../img/icon-dropdown.svg);
    right: 1.125rem;
    top: calc(50% + .125rem);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition: -webkit-transform .3s;
    transition: -webkit-transform .3s;
    transition: transform .3s;
    transition: transform .3s, -webkit-transform .3s
}

.bootstrap-select > .dropdown-toggle:focus {
    -webkit-box-shadow: none;
    box-shadow: none;
    outline: none !important
}

.bootstrap-select .filter-option {
    z-index: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.bootstrap-select .bs-caret, .bootstrap-select.disabled > .dropdown-toggle:after {
    display: none
}

.bootstrap-select .dropdown-menu:before {
    content: "";
    position: absolute;
    left: 1.1875rem;
    right: .875rem;
    top: .6875rem;
    border-top: 1px solid rgba(106, 4, 5, .29)
}

.bootstrap-select .dropdown-menu > li.selected {
    display: none
}

.bootstrap-select.open > .dropdown-toggle {
    width: 15rem;
    background: #fff;
    color: #690405;
    border-color: #fff;
    border-radius: .5625rem .5625rem 0 0
}

.bootstrap-select.open > .dropdown-toggle:before {
    display: block
}

.bootstrap-select.open > .dropdown-toggle:after {
    background-image: url(../img/icon-dropdown-active.svg);
    -webkit-transform: translateY(-50%) rotate(180deg);
    transform: translateY(-50%) rotate(180deg)
}

.form-title {
    text-align: center;
    font-weight: 900
}

[lang=en] .form-title, [lang=ru] .form-title {
}

[lang=kz] .form-title {
    font-family: Tahoma, sans-serif
}

.form-subtitle {
    font-size: 1.375rem;
    line-height: 1.875rem;
    margin-bottom: 3.125rem
}

.form-subtitle, .group-alt, .group-default {
    text-align: center
}

.group-alt .title, .group-default .title {
    line-height: 1
}

.group-alt .img, .group-default .img {
    height: 4.875rem;
    margin-bottom: .3125rem
}

.group-alt .info, .group-default .info {
    position: relative;
    z-index: 2;
    font-size: .625rem;
    line-height: 1
}

.group-alt b, .group-default b {
    color: #db0203
}

.group-default .img {
    position: relative;
    z-index: 1;
    width: 19rem;
    margin-left: auto;
    margin-right: auto
}

.group-default .img > div {
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0
}

.control-label {
    font-size: .875rem;
    display: block
}

.control-label, .form-error {
    line-height: 1.125rem;
    font-family: "Montserrat", sans-serif
}

.form-error {
    color: #ffcc17;
    margin: .3125rem 0 -1.4375rem
}

.form-error a {
    cursor: pointer
}

.form-info {
    font-family: "Montserrat", sans-serif;
    font-size: .8125rem;
    line-height: 1.125rem;
    text-align: center;
    min-height: 3.375rem;
    margin-top: .75rem;
    color: #ffcc17
}

input[type=checkbox] {
    display: none
}

label.checkbox {
    position: relative;
    display: block;
    cursor: pointer;
    white-space: nowrap
}

label.checkbox:after, label.checkbox:before {
    content: "";
    position: absolute;
    top: 50%
}

label.checkbox:before {
    border: .0625rem solid #fff;
    border-radius: .25rem;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

label.checkbox:after {
    border-radius: .1875rem;
    background: #fff;
    -webkit-transform: translate(.1875rem, -50%) scale(0);
    transform: translate(.1875rem, -50%) scale(0);
    -webkit-transition: -webkit-transform .3s;
    transition: -webkit-transform .3s;
    transition: transform .3s;
    transition: transform .3s, -webkit-transform .3s
}

input[type=checkbox]:checked + label.checkbox:after {
    -webkit-transform: translate(.1875rem, -50%) scale(1);
    transform: translate(.1875rem, -50%) scale(1)
}

.form-controls {
    text-align: center
}

.form-controls > div {
    padding-top: .625rem
}

.form-controls > div a {
    text-decoration: underline
}

.form-controls > div a:hover {
    text-decoration: none
}

.form-tip {
    position: absolute;
    z-index: 2;
    cursor: pointer;
    width: 1.4375rem;
    height: 1.4375rem
}

.form-tip .tip {
    position: absolute;
    font-size: .75rem;
    line-height: .875rem;
    opacity: 0;
    pointer-events: none;
    -webkit-transition: opacity .3s, -webkit-transform .3s;
    transition: opacity .3s, -webkit-transform .3s;
    transition: opacity .3s, transform .3s;
    transition: opacity .3s, transform .3s, -webkit-transform .3s
}

.form-tip.toggled .tip {
    opacity: 1
}

@media (min-width: 768px) {
    .form-title {
        font-size: 2.375rem;
        line-height: 2.625rem;
        margin-bottom: 3.8125rem
    }

    .form-group {
        margin: 0 auto 1.9375rem;
        max-width: 23.5rem
    }

    .group-alt, .group-default {
        padding-top: .75rem
    }

    .group-alt .title, .group-default .title {
        font-size: .875rem;
        margin-bottom: .5rem
    }

    .form-error, label.checkbox {
        font-size: .875rem
    }

    label.checkbox {
        line-height: 1.0625rem;
        padding-left: .75rem
    }

    label.checkbox:after, label.checkbox:before {
        left: -1rem
    }

    label.checkbox:before {
        width: 1rem;
        height: 1rem
    }

    label.checkbox:after {
        width: .625rem;
        height: .625rem
    }

    .form-controls {
        padding-top: 3.375rem
    }

    .form-tip {
        right: 0;
        top: .3125rem
    }

    .form-tip .tip {
        left: calc(100% + 1.25rem);
        top: 50%;
        -webkit-transform: translate(1.25rem, -50%);
        transform: translate(1.25rem, -50%);
        color: #fff;
        white-space: nowrap
    }

    .form-tip.toggled .tip {
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%)
    }
}

@media (max-width: 767px) {
    .form-title {
        font-size: 1.60976rem;
        line-height: 1.8125rem;
        margin-bottom: 1.6875rem
    }

    .form-group {
        margin: 0 auto 1.875rem;
        max-width: 20rem
    }

    .group-confirm {
        margin-bottom: 1.375rem
    }

    .group-alt .title, .group-default .title {
        font-size: .75rem;
        margin-bottom: .375rem
    }

    .control-label {
        text-align: center;
        font-weight: bold;
        margin-bottom: .1875rem
    }

    .form-error, label.checkbox {
        font-size: .75rem
    }

    label.checkbox {
        line-height: .875rem;
        padding-left: 1.625rem;
        letter-spacing: -.05em
    }

    label.checkbox:after, label.checkbox:before {
        left: 0
    }

    label.checkbox:before {
        width: 1.125rem;
        height: 1.125rem
    }

    label.checkbox:after {
        width: .75rem;
        height: .75rem
    }

    .form-controls {
        padding-top: .5625rem
    }

    .form-controls .btn {
        width: 100%;
        max-width: 20.9375rem
    }

    .form-tip {
        right: 0;
        top: .3125rem
    }

    .form-tip .tip {
        right: -.625rem;
        top: calc(100% + .5625rem);
        -webkit-transform: translateY(50%);
        transform: translateY(50%);
        color: #0c071e;
        background: #fff;
        border-radius: .3125rem;
        width: 21.25rem;
        padding: .4375rem .3125rem .4375rem .5625rem
    }

    .form-tip .tip:before {
        content: "";
        position: absolute;
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 0 .375rem .375rem;
        border-color: transparent transparent #fff;
        top: -.375rem;
        right: .9375rem
    }

    .form-tip br {
        display: none
    }

    .form-tip.toggled .tip {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

.hidden {
    display: none !important
}

.invisible {
    visibility: hidden
}

img {
    vertical-align: middle;
    display: block;
    max-width: 100%;
    height: auto
}

.img--cover {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.fade {
    opacity: 0;
    -webkit-transition: opacity .2s linear;
    transition: opacity .2s linear
}

.fade.in {
    opacity: 1
}

.dropdown, .dropdown-toggle, .dropup {
    position: relative
}

.dropdown-toggle:focus {
    outline: 0
}

.dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 7.5rem;
    list-style: none;
    font-size: .875rem;
    text-align: left;
    border: .0625rem solid #fff;
    padding: 1.4375rem 0 1rem;
    background: #fff;
    margin: 0;
    border-radius: 0 0 .5625rem .5625rem
}

.dropdown-menu.pull-right {
    right: 0;
    left: auto
}

.dropdown-menu > li > a {
    display: block;
    clear: both;
    font-size: 1.125rem;
    color: #690405;
    padding: .5625rem .8125rem .5625rem 1.1875rem;
    font-weight: normal;
    line-height: 1.25rem;
    white-space: nowrap
}

.dropdown-menu > li > a:focus, .dropdown-menu > li > a:hover {
    text-decoration: none;
    background-color: rgba(0, 0, 0, .05)
}

.dropdown-menu > .selected > a, .dropdown-menu > .selected > a:focus, .dropdown-menu > .selected > a:hover {
    text-decoration: none;
    outline: 0;
    background: none;
    color: #fff
}

.open > .dropdown-menu {
    display: block
}

.open > a {
    outline: 0
}

.dropdown-menu-right {
    left: auto;
    right: 0
}

.dropdown-menu-left {
    left: 0;
    right: auto
}

.dropdown-backdrop {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    z-index: 990
}

.pull-right > .dropdown-menu {
    right: 0;
    left: auto
}

.dropup .dropdown-menu {
    top: auto;
    bottom: 100%
}

body, html {
    height: 100%
}

.container {
    width: auto
}

.page {
    overflow: hidden
}

@media (min-width: 1200px) {
    .container {
        max-width: 108.75rem
    }
}

@media (min-width: 768px) and (max-width: 1199px) {
    .container {
        max-width: 60rem
    }
}

@media (min-width: 768px) {
    body {
        background-size: 100% auto;
        background-position: 50% 0;
        background-image: url(../img/bg.jpg)
    }
}

@media (min-width: 768px) and (-webkit-min-device-pixel-ratio: 1.5), all and (min-width: 768px) and (-o-min-device-pixel-ratio: 3/2), all and (min-width: 768px) and (min--moz-device-pixel-ratio: 1.5), all and (min-width: 768px) and (min-device-pixel-ratio: 1.5) {
    body {
        background-image: url(../img/bg@2x.jpg)
    }
}

@media (min-width: 768px) and (max-width: 767px) {
    .container {
        max-width: 46.25rem
    }
}

@media (max-width: 767px) {
    .page {
        background-size: cover;
        background-position: 50% 0;
        background-image: url(../img/bg-phone.jpg)
    }
}

@media (max-width: 767px) and (-webkit-min-device-pixel-ratio: 1.5), all and (max-width: 767px) and (-o-min-device-pixel-ratio: 3/2), all and (max-width: 767px) and (min--moz-device-pixel-ratio: 1.5), all and (max-width: 767px) and (min-device-pixel-ratio: 1.5) {
    .page {
        background-image: url(../img/bg-phone@2x.jpg)
    }
}

@media (max-width: 767px) {
    .container {
        padding: 0 1.25rem
    }

    .overlay {
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background: rgba(0, 0, 0, .7);
        z-index: 8;
        display: none
    }

    body.show--nav {
        overflow: hidden
    }
}

.header {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    z-index: 9;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.header .container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.logo {
    background-size: 100% 100%;
    background-image: url(../img/logo-new.png);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0
}

@media (-webkit-min-device-pixel-ratio: 1.5), all and (-o-min-device-pixel-ratio: 3/2), all and (min--moz-device-pixel-ratio: 1.5), all and (min-device-pixel-ratio: 1.5) {
    .logo {
        background-image: url(../img/logo-new@2x.png)
    }
}

.header-height, .header-offset {
    position: absolute;
    left: 0;
    right: 0;
    pointer-events: none
}

.header--fixed {
    position: fixed
}

.nav-phone {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

@media (min-width: 768px) {
    .header {
        background: rgba(128, 0, 1, 0)
    }

    .header--fixed {
        background: #800001;
        -webkit-transition: background .2s, -webkit-box-shadow .2s;
        transition: background .2s, -webkit-box-shadow .2s;
        transition: background .2s, box-shadow .2s;
        transition: background .2s, box-shadow .2s, -webkit-box-shadow .2s;
        -webkit-box-shadow: 0 15px 33px rgba(0, 0, 0, .25);
        box-shadow: 0 15px 33px rgba(0, 0, 0, .25)
    }
}

@media (min-width: 1200px) {
    .header {
        padding-top: 3.5rem;
        height: 8.75rem
    }

    .logo {
        width: 17.25rem;
        height: 3.6875rem;
        margin-left: .4375rem
    }

    .header-offset {
        top: 3.125rem
    }

    .header--fixed, .header-height {
        height: 5.375rem
    }

    .header--fixed {
        padding-top: .9375rem
    }

    .header--fixed .logo {
        -webkit-transform: scale(.5906593407) translateY(1.25rem);
        transform: scale(.5906593407) translateY(1.25rem)
    }
}

@media (min-width: 768px) and (max-width: 1199px) {
    .header {
        padding-top: 1.625rem;
        height: 6.875rem
    }

    .logo {
        width: 14.375rem;
        height: 3.04087rem;
        top: -.125rem;
        position: relative
    }

    .header-offset {
        top: 1.25rem
    }

    .header--fixed, .header-height {
        height: 4.375rem
    }

    .header--fixed {
        padding-top: .8125rem
    }

    .header--fixed .logo {
        -webkit-transform: scale(.5906593407) translateY(.8125rem);
        transform: scale(.5906593407) translateY(.8125rem)
    }
}

@media (max-width: 767px) {
    .header {
        background: rgba(127, 0, 1, 0);
        -webkit-transition: background .2s;
        transition: background .2s
    }

    .header .container {
        height: 5.3125rem;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .logo {
        width: 8.25rem;
        height: 1.74519rem
    }

    .header-offset {
        top: .625rem
    }

    .header--fixed .container, .header-height {
        height: 3.75rem
    }

    .header--fixed {
        background: #7f0001
    }
}

.nav-main {
    line-height: 1
}

.nav-main a {
    text-decoration: none
}

.nav-main b {
    position: relative;
    top: -.0625rem
}

@media (min-width: 768px) {
    .nav-main {
        font-size: 1rem;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
        top: -.1875rem
    }

    .nav-main, .nav-main span {
        position: relative
    }

    .nav-main span:after {
        content: "";
        position: absolute;
        left: 0;
        right: 0;
        bottom: 0;
        border-bottom: 1px solid hsla(0, 0%, 100%, .7);
        -webkit-transition: -webkit-transform .3s;
        transition: -webkit-transform .3s;
        transition: transform .3s;
        transition: transform .3s, -webkit-transform .3s;
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
        -webkit-transform: scaleX(0);
        transform: scaleX(0)
    }

    .nav-main a:hover span:after {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }

    .nav-main .icon {
        margin-right: .5625rem;
        top: -.1875rem
    }

    .nav-main .icon + span {
        top: .0625rem
    }

    .nav-main ul {
        position: relative;
        margin: 0
    }

    .nav-main ul + ul {
        top: .125rem
    }

    .nav-main ul + ul:before {
        content: "";
        position: absolute;
        left: 0;
        top: .0625rem;
        height: 1.1875rem;
        border-left: 1px solid #fff
    }

    .nav-main ul + ul li {
        margin-left: .6875rem
    }
}

@media (min-width: 1200px) {
    .nav-main li {
        margin-left: 1.6875rem
    }

    .nav-main ul + ul {
        margin-left: 1.875rem;
        padding-left: 1.125rem
    }
}

@media (min-width: 768px) and (max-width: 1199px) {
    .nav-main li {
        margin-left: 1.25rem
    }

    .nav-main ul + ul {
        margin-left: 1.5625rem;
        padding-left: .9375rem
    }
}

@media (max-width: 767px) {
    .nav-phone {
        position: absolute;
        z-index: 2;
        top: 0;
        left: 0;
        right: 0;
        height: 100vh;
        overflow: auto;
        overflow-x: hidden;
        background: #7f0001;
        text-align: center;
        padding: 7.0625rem 2.1875rem 7.5rem;
        font-size: 1.375rem;
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%);
        opacity: 0;
        pointer-events: none;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden
    }

    .nav-main, .nav-phone {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .list-1 {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
        margin-bottom: 0
    }

    .list-1 a {
        display: block;
        text-align: center;
        padding: 1.5625rem 0
    }

    .list-1 li {
        display: block;
        border-top: 1px solid hsla(0, 0%, 100%, .35)
    }

    .list-2 {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        margin-bottom: 1.125rem
    }

    .list-2 .icon {
        top: -.3125rem;
        margin-right: .375rem
    }

    .list-2 li + li {
        position: relative;
        margin-left: 2.1875rem;
        padding-left: 2.1875rem
    }

    .list-2 li + li:before {
        content: "";
        position: absolute;
        left: 0;
        top: .0625rem;
        border-left: 1px solid #fff;
        height: 1.1875rem
    }

    body.show--nav .nav-phone {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 1;
        pointer-events: all;
        -webkit-transition: opacity .6s, -webkit-transform .6s;
        transition: opacity .6s, -webkit-transform .6s;
        transition: transform .6s, opacity .6s;
        transition: transform .6s, opacity .6s, -webkit-transform .6s
    }

    body.hide--nav .nav-phone {
        -webkit-transition: opacity .4s, -webkit-transform .4s;
        transition: opacity .4s, -webkit-transform .4s;
        transition: transform .4s, opacity .4s;
        transition: transform .4s, opacity .4s, -webkit-transform .4s
    }
}

.nav-lang .dropdown-toggle {
    display: block;
    width: 5.6875rem;
    height: 2.375rem;
    border-radius: .5625rem;
    border: .0625rem solid hsla(0, 0%, 100%, .43);
    font-size: 1.125rem;
    line-height: 1;
    font-family: Tahoma;
    color: #fff;
    text-transform: uppercase;
    text-decoration: none;
    position: relative;
    padding: .5625rem 1.25rem 0
}

.nav-lang .icon {
    position: absolute;
    right: 1.125rem;
    top: calc(50% + .0625rem);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition: -webkit-transform .3s;
    transition: -webkit-transform .3s;
    transition: transform .3s;
    transition: transform .3s, -webkit-transform .3s;
    width: .9375rem;
    height: .625rem;
    background-image: url(../img/icon-dropdown.svg)
}

.nav-lang .dropdown-menu {
    border-radius: 0 0 .5625rem .5625rem;
    border: .0625rem solid hsla(0, 0%, 100%, .43);
    min-width: 5.6875rem;
    border-top: 0;
    padding: .3125rem 0;
    margin: 0
}

.nav-lang .dropdown-menu > li > a {
    color: #fff;
    font-size: 1.125rem;
    padding: .5625rem 1.25rem;
    text-transform: uppercase;
    text-decoration: none
}

.nav-lang .dropdown-menu > li > a:focus, .nav-lang .dropdown-menu > li > a:hover {
    background-color: hsla(0, 0%, 100%, .1)
}

.nav-lang .dropdown-menu .active {
    display: none
}

.nav-lang .open .dropdown-toggle {
    border-radius: .5625rem .5625rem 0 0
}

.nav-lang .open .icon {
    -webkit-transform: translateY(-50%) rotate(180deg);
    transform: translateY(-50%) rotate(180deg)
}

@media (min-width: 768px) {
    .nav-lang {
        margin-left: 1.875rem;
        position: relative
    }

    .nav-lang .dropdown-menu, .nav-lang .dropdown-toggle {
        background: #590000
    }
}

@media (min-width: 1200px) {
    .nav-lang {
        top: .5rem
    }
}

@media (min-width: 768px) and (max-width: 1199px) {
    .nav-lang {
        top: .1875rem
    }
}

@media (max-width: 767px) {
    .nav-lang {
        margin: 0 auto;
        text-align: left;
        padding-top: 1.3125rem
    }

    .nav-lang .open .dropdown-menu, .nav-lang .open .dropdown-toggle {
        background: rgba(89, 0, 0, .5)
    }

    .modal--auth .nav-lang {
        margin: 0;
        position: absolute;
        right: 4.375rem;
        top: 1.75rem;
        padding-top: 0
    }

    .modal--auth .nav-lang .dropdown-toggle {
        width: 3.75rem;
        height: auto;
        border-color: transparent;
        padding: .3125rem .625rem;
        font-size: 1rem;
        font-weight: 600;
    }

    .modal--auth .nav-lang .dropdown-toggle span {
        text-decoration: underline
    }

    .modal--auth .nav-lang .dropdown-menu {
        background: #7f0001;
        min-width: 3.75rem
    }

    .modal--auth .nav-lang .dropdown-menu > li > a {
        font-size: 1rem;
        padding: .3125rem .625rem;
        font-weight: 600
    }

    .modal--auth .nav-lang .icon {
        right: .375rem
    }

    .modal--auth .nav-lang .open .dropdown-toggle {
        background: #7f0001;
        border-color: hsla(0, 0%, 100%, .43)
    }

    .modal--auth .nav-lang .open .dropdown-toggle span {
        text-decoration: none
    }
}

.section {
    position: relative
}

.s-title {
    font-weight: bold;
    line-height: 1
}

[lang=en] .s-title, [lang=ru] .s-title {
}

[lang=kz] .s-title {
    font-family: Tahoma, sans-serif
}

@media (min-width: 1200px) {
    [lang=en] .s-title, [lang=ru] .s-title {
        font-size: 3.875rem
    }

    [lang=kz] .s-title {
        font-size: 3.625rem
    }
}

@media (min-width: 768px) and (max-width: 1199px) {
    [lang=en] .s-title, [lang=ru] .s-title {
        font-size: 2.25rem
    }

    [lang=kz] .s-title {
        font-size: 2.125rem
    }
}

@media (max-width: 767px) {
    [lang=en] .s-title, [lang=kz] .s-title, [lang=ru] .s-title {
        font-size: 2.1875rem
    }
}

.form--search.disabled {
    pointer-events: none;
    opacity: .3
}

.inp--search {
    padding: .375rem 4.625rem .375rem 1.4375rem
}

.btn--search {
    position: absolute;
    right: 0;
    top: 0
}

.active .btn--search {
    pointer-events: none
}

.btn--search .icon {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

@media (min-width: 768px) {
    .form--search {
        position: absolute;
        top: -.3125rem
    }

    .inp--search {
        height: 3.125rem;
        border-radius: 1.5625rem;
        font-size: 1.25rem
    }

    .btn--search {
        width: 4.125rem;
        height: 3.125rem
    }
}

@media (min-width: 1200px) {
    .form--search {
        right: -1.1875rem;
        width: 18.75rem
    }
}

@media (min-width: 768px) and (max-width: 1199px) {
    .form--search {
        right: 0;
        width: 13.875rem
    }
}

@media (max-width: 767px) {
    .form--search {
        position: absolute;
        right: 0;
        top: -.25rem;
        width: 100%
    }

    .inp--search {
        height: 2.875rem;
        border-radius: 1.4375rem;
        font-size: 1rem
    }

    .btn--search {
        width: 1.875rem;
        height: 2.875rem
    }

    .active .btn--search {
        right: .875rem
    }
}

.promo-bg, .promo-title {
    background-size: 100% 100%;
    position: absolute
}

.promo-text {
    line-height: 111.5%
}

.promo-text b {
}

.promo-text-1 b {
    color: #ffdb00
}

.promo-text-2 ul {
    margin: 0
}

.promo-content {
    position: relative
}

@media (min-width: 768px) {
    .s--promo {
        height: 57.9375rem;
        padding-top: 10rem
    }

    .promo-title {
        -webkit-transition: opacity .8s, -webkit-transform .8s;
        transition: opacity .8s, -webkit-transform .8s;
        transition: opacity .8s, transform .8s;
        transition: opacity .8s, transform .8s, -webkit-transform .8s
    }

    [lang=ru] .promo-title-1 {
        background-image: url(../img/ru/promo-title-1-new.png)
    }
}

@media (min-width: 768px) and (-webkit-min-device-pixel-ratio: 1.5), all and (min-width: 768px) and (-o-min-device-pixel-ratio: 3/2), all and (min-width: 768px) and (min--moz-device-pixel-ratio: 1.5), all and (min-width: 768px) and (min-device-pixel-ratio: 1.5) {
    [lang=ru] .promo-title-1 {
        background-image: url(../img/ru/promo-title-1-new@2x.png)
    }
}

@media (min-width: 768px) {
    [lang=kz] .promo-title-1 {
        background-image: url(../img/kz/promo-title-1-new.png)
    }
}

@media (min-width: 768px) and (-webkit-min-device-pixel-ratio: 1.5), all and (min-width: 768px) and (-o-min-device-pixel-ratio: 3/2), all and (min-width: 768px) and (min--moz-device-pixel-ratio: 1.5), all and (min-width: 768px) and (min-device-pixel-ratio: 1.5) {
    [lang=kz] .promo-title-1 {
        background-image: url(../img/kz/promo-title-1-new@2x.png)
    }
}

@media (min-width: 768px) {
    .change-title .promo-title-1 {
        opacity: 0;
        -webkit-transform: scale(.9);
        transform: scale(.9)
    }

    .promo-title-2 {
        left: .125rem;
        opacity: 0;
        -webkit-transform: scale(.95);
        transform: scale(.95)
    }

    [lang=ru] .promo-title-2 {
        background-image: url(../img/ru/promo-title-2-new.png)
    }
}

@media (min-width: 768px) and (-webkit-min-device-pixel-ratio: 1.5), all and (min-width: 768px) and (-o-min-device-pixel-ratio: 3/2), all and (min-width: 768px) and (min--moz-device-pixel-ratio: 1.5), all and (min-width: 768px) and (min-device-pixel-ratio: 1.5) {
    [lang=ru] .promo-title-2 {
        background-image: url(../img/ru/promo-title-2-new@2x.png)
    }
}

@media (min-width: 768px) {
    [lang=kz] .promo-title-2 {
        background-image: url(../img/kz/promo-title-2-new.png)
    }
}

@media (min-width: 768px) and (-webkit-min-device-pixel-ratio: 1.5), all and (min-width: 768px) and (-o-min-device-pixel-ratio: 3/2), all and (min-width: 768px) and (min--moz-device-pixel-ratio: 1.5), all and (min-width: 768px) and (min-device-pixel-ratio: 1.5) {
    [lang=kz] .promo-title-2 {
        background-image: url(../img/kz/promo-title-2-new@2x.png)
    }
}

@media (min-width: 768px) {
    .change-title .promo-title-2 {
        opacity: 1
    }

    .promo-content {
        height: 35rem;
        z-index: 4;
        left: .5rem
    }

    .promo-text {
        position: relative
    }

    .promo-text-1 {
        -webkit-transition: opacity .8s, -webkit-transform .8s;
        transition: opacity .8s, -webkit-transform .8s;
        transition: opacity .8s, transform .8s;
        transition: opacity .8s, transform .8s, -webkit-transform .8s
    }

    [lang=ru] .promo-text-1 {
        left: .625rem
    }

    .change-title .promo-text-1 {
        opacity: 0;
        -webkit-transform: scale(.95);
        transform: scale(.95)
    }

    .promo-text-2 li {
        opacity: 0;
        -webkit-transform: translateY(10%);
        transform: translateY(10%);
        -webkit-transition: opacity .6s, -webkit-transform .6s;
        transition: opacity .6s, -webkit-transform .6s;
        transition: opacity .6s, transform .6s;
        transition: opacity .6s, transform .6s, -webkit-transform .6s;
        position: relative;
        padding-left: 1.5rem;
        margin-bottom: 1.875rem
    }

    .change-title .promo-text-2 li {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    .change-title .promo-text-2 li:first-child {
        -webkit-transition-delay: .1s;
        transition-delay: .1s
    }

    .change-title .promo-text-2 li:nth-child(2) {
        -webkit-transition-delay: .15s;
        transition-delay: .15s
    }

    .change-title .promo-text-2 li:nth-child(3) {
        -webkit-transition-delay: .2s;
        transition-delay: .2s
    }

    .promo-text-2 li:before {
        content: "";
        position: absolute;
        left: .125rem;
        top: .4375rem;
        background: #fff;
        border-radius: 100%;
        width: .4375rem;
        height: .4375rem
    }

    .promo-meta {
        top: 49.375rem;
        position: absolute;
        z-index: 4;
        color: hsla(0, 0%, 100%, .44)
    }

    .promo-controls {
        position: relative;
        z-index: 4
    }

    .promo-bg-1 {
        background-image: url(../img/promo-bg-1-new.png);
        z-index: 1
    }
}

@media (min-width: 768px) and (-webkit-min-device-pixel-ratio: 1.5), all and (min-width: 768px) and (-o-min-device-pixel-ratio: 3/2), all and (min-width: 768px) and (min--moz-device-pixel-ratio: 1.5), all and (min-width: 768px) and (min-device-pixel-ratio: 1.5) {
    .promo-bg-1 {
        background-image: url(../img/promo-bg-1-new@2x.png)
    }
}

@media (min-width: 768px) {
    .promo-bg-2 {
        background-image: url(../img/promo-bg-2-new.png);
        z-index: 3
    }
}

@media (min-width: 768px) and (-webkit-min-device-pixel-ratio: 1.5), all and (min-width: 768px) and (-o-min-device-pixel-ratio: 3/2), all and (min-width: 768px) and (min--moz-device-pixel-ratio: 1.5), all and (min-width: 768px) and (min-device-pixel-ratio: 1.5) {
    .promo-bg-2 {
        background-image: url(../img/promo-bg-2-new@2x.png)
    }
}

@media (min-width: 768px) {
    .promo-bg-3 {
        position: absolute;
        left: 0;
        right: 0;
        top: 38.125rem;
        height: 22.375rem;
        background-image: url(../img/promo-bg-3-new.png);
        background-repeat: repeat-x;
        background-size: auto 100%;
        background-position: 50% 0;
        z-index: 2
    }
}

@media (min-width: 768px) and (-webkit-min-device-pixel-ratio: 1.5), all and (min-width: 768px) and (-o-min-device-pixel-ratio: 3/2), all and (min-width: 768px) and (min--moz-device-pixel-ratio: 1.5), all and (min-width: 768px) and (min-device-pixel-ratio: 1.5) {
    .promo-bg-3 {
        background-image: url(../img/promo-bg-3-new@2x.png)
    }
}

@media (min-width: 1200px) {
    .s--promo {
        margin-bottom: -5rem
    }

    [lang=ru] .promo-title-1 {
        top: 0;
        left: -2.125rem;
        width: 39.125rem;
        height: 19.5625rem
    }

    [lang=kz] .promo-title-1 {
        top: -.3125rem;
        left: -2.375rem;
        width: 38.875rem;
        height: 17.4375rem
    }

    [lang=ru] .promo-title-2 {
        top: 3.375rem;
        width: 51.9375rem;
        height: 12.125rem
    }

    [lang=kz] .promo-title-2 {
        top: 4.25rem;
        width: 49.6875rem;
        height: 11.1875rem
    }

    .promo-bg-1 {
        width: 100.5625rem;
        height: 48.25rem;
        left: calc(50% - 12.6875rem);
        top: -1.5625rem
    }

    .promo-bg-2 {
        width: 64.0625rem;
        height: 35.125rem;
        left: calc(50% - 1.25rem);
        top: 14.375rem
    }

    .promo-meta {
        width: 55rem;
        font-size: 1.5rem;
        left: calc(50% + 1.6875rem)
    }

    .promo-text {
        max-width: 37.5rem
    }

    [lang=ru] .promo-text-1 {
        font-size: 2.5rem;
        top: 17.8125rem
    }

    [lang=kz] .promo-text-1 {
        font-size: 1.375rem;
        top: 18.5625rem
    }

    .promo-text-2 {
        font-size: 1.5rem
    }

    [lang=ru] .promo-text-2 {
        top: 6.75rem
    }

    [lang=kz] .promo-text-2 {
        top: 11.9375rem
    }
}

@media (min-width: 768px) and (max-width: 1199px) {
    .promo-title-1 {
        top: 0
    }

    [lang=ru] .promo-title-1 {
        left: -2.125rem;
        width: 30rem;
        height: 15rem
    }

    [lang=kz] .promo-title-1 {
        left: -2.375rem;
        width: 30rem;
        height: 13.45659rem
    }

    .promo-title-2 {
        top: 2.5rem
    }

    [lang=ru] .promo-title-2 {
        width: 36.25rem;
        height: 8.4627rem
    }

    [lang=kz] .promo-title-2 {
        width: 36.25rem;
        height: 8.16195rem
    }

    .promo-bg-1 {
        width: 87.5rem;
        height: 41.9826rem;
        left: calc(50% - 10rem);
        top: 0
    }

    .promo-bg-2 {
        width: 43.75rem;
        height: 23.9878rem;
        left: calc(50% - 1.25rem);
        top: 21.875rem
    }

    .promo-meta {
        width: 28.75rem;
        font-size: 1.125rem;
        left: 50%
    }

    .promo-text {
        max-width: 28.75rem
    }

    [lang=ru] .promo-text-1 {
        font-size: 2rem;
        top: 16.5625rem
    }

    [lang=kz] .promo-text-1 {
        font-size: 1.125rem;
        line-height: 1.5rem;
        top: 18.5625rem
    }

    [lang=ru] .promo-text-2 {
        font-size: 1.25rem;
        top: 6.75rem
    }

    [lang=kz] .promo-text-2 {
        font-size: 1.1875rem;
        top: 9.6875rem
    }

    .promo-controls {
        position: relative;
        z-index: 4;
        left: .5rem;
        top: .0625rem
    }

    .promo-meta {
        position: absolute;
        text-align: center;
        line-height: 111.5%;
        color: hsla(0, 0%, 100%, .44);
        z-index: 4
    }
}

@media (max-width: 767px) {
    .s--promo {
        height: 100vh;
        min-height: 32.4375rem;
        max-height: 41.6875rem;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        text-align: center;
        margin-bottom: -2.125rem
    }

    .s--promo .container {
        width: 100%;
        height: 25.625rem;
        position: relative;
        top: .625rem
    }

    .promo-title {
        -webkit-transition: opacity .8s, -webkit-transform .8s;
        transition: opacity .8s, -webkit-transform .8s;
        transition: opacity .8s, transform .8s;
        transition: opacity .8s, transform .8s, -webkit-transform .8s
    }

    [lang=ru] .promo-title-1 {
        left: 3.3125rem;
        top: .375rem;
        width: 14.5rem;
        height: 7.25rem;
        background-image: url(../img/ru/promo-title-1-new-phone.png)
    }
}

@media (max-width: 767px) and (-webkit-min-device-pixel-ratio: 1.5), all and (max-width: 767px) and (-o-min-device-pixel-ratio: 3/2), all and (max-width: 767px) and (min--moz-device-pixel-ratio: 1.5), all and (max-width: 767px) and (min-device-pixel-ratio: 1.5) {
    [lang=ru] .promo-title-1 {
        background-image: url(../img/ru/promo-title-1-new-phone@2x.png)
    }
}

@media (max-width: 767px) {
    [lang=kz] .promo-title-1 {
        left: 3.625rem;
        top: .3125rem;
        width: 13.6875rem;
        height: 6.1875rem;
        background-image: url(../img/kz/promo-title-1-new-phone.png)
    }
}

@media (max-width: 767px) and (-webkit-min-device-pixel-ratio: 1.5), all and (max-width: 767px) and (-o-min-device-pixel-ratio: 3/2), all and (max-width: 767px) and (min--moz-device-pixel-ratio: 1.5), all and (max-width: 767px) and (min-device-pixel-ratio: 1.5) {
    [lang=kz] .promo-title-1 {
        background-image: url(../img/kz/promo-title-1-new-phone@2x.png)
    }
}

@media (max-width: 767px) {
    .show-slide2 .promo-title-1 {
        opacity: 0;
        -webkit-transform: scale(.9);
        transform: scale(.9)
    }

    .promo-title-2 {
        width: 21.5rem;
        height: 4.875rem;
        left: -.3125rem;
        opacity: 0;
        -webkit-transform: scale(1.1);
        transform: scale(1.1)
    }

    [lang=ru] .promo-title-2 {
        top: .8125rem;
        background-image: url(../img/ru/promo-title-2-new-phone.png)
    }
}

@media (max-width: 767px) and (-webkit-min-device-pixel-ratio: 1.5), all and (max-width: 767px) and (-o-min-device-pixel-ratio: 3/2), all and (max-width: 767px) and (min--moz-device-pixel-ratio: 1.5), all and (max-width: 767px) and (min-device-pixel-ratio: 1.5) {
    [lang=ru] .promo-title-2 {
        background-image: url(../img/ru/promo-title-2-new-phone@2x.png)
    }
}

@media (max-width: 767px) {
    [lang=kz] .promo-title-2 {
        top: 1.0625rem;
        background-image: url(../img/kz/promo-title-2-new-phone.png)
    }
}

@media (max-width: 767px) and (-webkit-min-device-pixel-ratio: 1.5), all and (max-width: 767px) and (-o-min-device-pixel-ratio: 3/2), all and (max-width: 767px) and (min--moz-device-pixel-ratio: 1.5), all and (max-width: 767px) and (min-device-pixel-ratio: 1.5) {
    [lang=kz] .promo-title-2 {
        background-image: url(../img/kz/promo-title-2-new-phone@2x.png)
    }
}

@media (max-width: 767px) {
    .show-slide2 .promo-title-2 {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    .promo-content {
        height: 10.3125rem
    }

    .promo-text {
        position: absolute;
        left: 0;
        right: 0
    }

    .promo-text-1 {
        top: 6.875rem;
        -webkit-transition: opacity .8s, -webkit-transform .8s;
        transition: opacity .8s, -webkit-transform .8s;
        transition: opacity .8s, transform .8s;
        transition: opacity .8s, transform .8s, -webkit-transform .8s
    }

    [lang=ru] .promo-text-1 {
        font-size: .875rem
    }

    [lang=kz] .promo-text-1 {
        font-size: .625rem
    }

    .show-slide2 .promo-text-1 {
        opacity: 0;
        -webkit-transform: scale(.9);
        transform: scale(.9)
    }

    .promo-text-2 {
        font-size: 1rem;
        top: 6.25rem;
        left: -.625rem;
        right: -.625rem
    }

    .promo-text-2 li {
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        opacity: 0;
        -webkit-transform: translate(100%);
        transform: translate(100%)
    }

    .promo-text-2 li:first-child {
        -webkit-transform: translateY(50%);
        transform: translateY(50%)
    }

    .promo-text-2 br {
        display: none
    }

    [data-show="1"] .promo-text-2 li:first-child, [data-show="2"] .promo-text-2 li:nth-child(2), [data-show="3"] .promo-text-2 li:nth-child(3) {
        -webkit-transition: opacity .8s, -webkit-transform .8s ease-in-out;
        transition: opacity .8s, -webkit-transform .8s ease-in-out;
        transition: opacity .8s, transform .8s ease-in-out;
        transition: opacity .8s, transform .8s ease-in-out, -webkit-transform .8s ease-in-out;
        opacity: 1;
        -webkit-transform: translate(0);
        transform: translate(0)
    }

    [data-show="2"] .promo-text-2 li:first-child, [data-show="3"] .promo-text-2 li:first-child, [data-show="3"] .promo-text-2 li:nth-child(2) {
        -webkit-transform: translate(-100%);
        transform: translate(-100%)
    }

    [data-show="2"] .promo-text-2 li:first-child, [data-show="3"] .promo-text-2 li:first-child, [data-show="3"] .promo-text-2 li:nth-child(2), [data-show="4"] .promo-text-2 li:nth-child(3) {
        -webkit-transition: opacity .8s, -webkit-transform .8s ease-in-out;
        transition: opacity .8s, -webkit-transform .8s ease-in-out;
        transition: opacity .8s, transform .8s ease-in-out;
        transition: opacity .8s, transform .8s ease-in-out, -webkit-transform .8s ease-in-out
    }

    [data-show="4"] .promo-text-2 li:nth-child(3) {
        -webkit-transform: translateY(50%);
        transform: translateY(50%)
    }

    .promo-bg {
        background-image: url(../img/promo-bg-2-new-phone.png);
        height: 13.0625rem;
        width: 23.4375rem;
        position: relative;
        left: -1.25rem;
        margin-bottom: -1.6875rem
    }
}

@media (max-width: 767px) and (-webkit-min-device-pixel-ratio: 1.5), all and (max-width: 767px) and (-o-min-device-pixel-ratio: 3/2), all and (max-width: 767px) and (min--moz-device-pixel-ratio: 1.5), all and (max-width: 767px) and (min-device-pixel-ratio: 1.5) {
    .promo-bg {
        background-image: url(../img/promo-bg-2-new-phone@2x.png)
    }
}

.s--terms [class^=col-] {
    z-index: 2
}

.terms-item {
    line-height: 1;
    font-weight: bold;
    font-style: italic;
}

.terms-item, .terms-item .index {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.terms-item .index {
    border-radius: 100%;
    background: #a01111;
    -webkit-box-shadow: 0 0 15px 6px rgba(0, 0, 0, .09);
    box-shadow: 0 0 15px 6px rgba(0, 0, 0, .09);
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.terms-item .index:before {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    border-radius: 100%;
    -webkit-box-shadow: 0 0 15px 6px rgba(0, 0, 0, .21);
    box-shadow: 0 0 15px 6px rgba(0, 0, 0, .21);
    z-index: 1
}

.terms-item span {
    position: relative;
    z-index: 2
}

.terms-item .text {
    position: relative;
    text-transform: uppercase
}

.terms-slide .img {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -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;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.terms-buttons {
    z-index: 2;
    pointer-events: none
}

.terms-buttons, .terms-buttons button {
    position: absolute;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.terms-buttons button {
    top: 50%;
    background: #fff;
    border-radius: 100%;
    pointer-events: all
}

.terms-buttons .icon {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.terms-prev {
    left: 0
}

.terms-next {
    right: 0
}

.terms-bg {
    position: absolute;
    pointer-events: none;
    background-size: 100% 100%
}

@media (min-width: 768px) {
    .terms-title-1 {
        margin-bottom: 4.4375rem
    }

    .terms-title-2 {
        margin-bottom: 1.4375rem
    }

    .terms-item {
        margin-bottom: 3.3125rem
    }

    .terms-item .index {
        color: #ffcc17
    }

    .terms-item:first-child {
        left: 1.5rem
    }

    .terms-item:nth-child(2) {
        left: 4.25rem
    }

    .terms-item:nth-child(2) .text {
        left: -.375rem
    }

    .terms-item:nth-child(3) {
        left: 1.1875rem
    }

    .terms-slider {
        overflow: visible;
        z-index: 1
    }

    .terms-slider .swiper-slide {
        opacity: 0;
        -webkit-transition: opacity .3s;
        transition: opacity .3s;
        pointer-events: none
    }

    .terms-slider .active {
        opacity: 1;
        pointer-events: all
    }

    .terms-controls {
        text-align: center;
        padding-top: 1.9375rem;
        min-height: 6.9375rem;
        position: relative;
        z-index: 1
    }

    .terms-bg {
        z-index: 0
    }

    .terms-bg-left {
        top: -8.1875rem;
        background-image: url(../img/terms-bg-1.png);
        z-index: 1
    }
}

@media (min-width: 768px) and (-webkit-min-device-pixel-ratio: 1.5), all and (min-width: 768px) and (-o-min-device-pixel-ratio: 3/2), all and (min-width: 768px) and (min--moz-device-pixel-ratio: 1.5), all and (min-width: 768px) and (min-device-pixel-ratio: 1.5) {
    .terms-bg-left {
        background-image: url(../img/terms-bg-1@2x.png)
    }
}

@media (min-width: 768px) {
    .terms-bg-right {
        top: -5.1875rem;
        background-image: url(../img/terms-bg-2.png);
        z-index: 1
    }
}

@media (min-width: 768px) and (-webkit-min-device-pixel-ratio: 1.5), all and (min-width: 768px) and (-o-min-device-pixel-ratio: 3/2), all and (min-width: 768px) and (min--moz-device-pixel-ratio: 1.5), all and (min-width: 768px) and (min-device-pixel-ratio: 1.5) {
    .terms-bg-right {
        background-image: url(../img/terms-bg-2@2x.png)
    }
}

@media (min-width: 768px) {
    .terms-bg-back {
        left: calc(50% + 7.5rem);
        top: calc(50% + 1.25rem);
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        width: 72rem;
        height: 69.1875rem;
        background-image: url(../img/terms-bg.png)
    }
}

@media (min-width: 768px) and (-webkit-min-device-pixel-ratio: 1.5), all and (min-width: 768px) and (-o-min-device-pixel-ratio: 3/2), all and (min-width: 768px) and (min--moz-device-pixel-ratio: 1.5), all and (min-width: 768px) and (min-device-pixel-ratio: 1.5) {
    .terms-bg-back {
        background-image: url(../img/terms-bg@2x.png)
    }
}

@media (min-width: 768px) {
    .terms-bg-smoke {
        width: 21.875rem;
        height: 43rem;
        right: 0;
        top: -17.1875rem;
        background-image: url(../img/terms-bg-new.png)
    }
}

@media (min-width: 768px) and (-webkit-min-device-pixel-ratio: 1.5), all and (min-width: 768px) and (-o-min-device-pixel-ratio: 3/2), all and (min-width: 768px) and (min--moz-device-pixel-ratio: 1.5), all and (min-width: 768px) and (min-device-pixel-ratio: 1.5) {
    .terms-bg-smoke {
        background-image: url(../img/terms-bg-new@2x.png)
    }
}

@media (min-width: 768px) {
    .terms-slide-1 {
        left: -1.25rem
    }
}

@media (min-width: 1200px) {
    .s--terms {
        padding: 5rem 0 8.25rem
    }

    .terms-left {
        left: .4375rem
    }

    .terms-right {
        left: -.5rem
    }

    .terms-item .index {
        width: 7.28625rem;
        height: 7.28625rem;
        font-size: 2.875rem;
        margin-right: 2.5625rem
    }

    .terms-item .index:before {
        width: 4.63563rem;
        height: 4.63563rem
    }

    .terms-item .text {
        font-size: 2.8125rem
    }

    .terms-item br {
        display: none
    }

    .terms-slider, .terms-slider .swiper-wrapper {
        height: 33rem
    }

    .terms-slider {
        left: -1.6875rem
    }

    .terms-slide .img {
        width: 58.0625rem;
        height: 33rem
    }

    .terms-buttons {
        left: 2rem;
        right: -2.3125rem;
        top: calc(50% - 1.75rem)
    }

    .terms-buttons button {
        width: 3.9375rem;
        height: 3.9375rem
    }

    .terms-buttons .icon {
        width: 1.25rem;
        height: 2.3125rem
    }

    .terms-bg-lights {
        width: 29.5rem;
        height: 65.5rem
    }

    .terms-bg-left {
        left: -10.8125rem
    }

    .terms-bg-right {
        right: -12.625rem
    }
}

@media (min-width: 768px) and (max-width: 1199px) {
    .s--terms {
        padding: 5rem 0 1.0625rem
    }

    .terms-left {
        left: 1.25rem
    }

    .terms-title-2 {
        position: relative;
        left: -2.5rem
    }

    .terms-item .index {
        width: 5rem;
        height: 5rem;
        font-size: 1.875rem;
        margin-right: 1.25rem
    }

    .terms-item .index:before {
        width: 3.1875rem;
        height: 3.1875rem
    }

    .terms-item .text {
        font-size: 1.625rem
    }

    .terms-slider, .terms-slider .swiper-wrapper {
        height: 18.125rem
    }

    .terms-slider {
        left: -3.75rem;
        top: 3.75rem
    }

    .terms-slide .img {
        width: 31.25rem;
        height: 17.76103rem
    }

    .terms-buttons {
        left: -.625rem;
        right: -2.5rem;
        top: calc(50% - 3.75rem)
    }

    .terms-buttons button {
        width: 3.125rem;
        height: 3.125rem
    }

    .terms-buttons .icon {
        width: .875rem;
        height: 1.61875rem
    }

    .terms-bg-lights {
        width: 25rem;
        height: 55.50847rem
    }

    .terms-bg-left {
        left: -13.75rem
    }

    .terms-bg-right {
        right: -13.75rem
    }
}

@media (max-width: 767px) {
    .s--terms {
        padding: 1.875rem 0 1.75rem
    }

    .terms-title-1 {
        margin-bottom: 3.0625rem
    }

    .terms-title-2 {
        margin-bottom: -2.4375rem
    }

    .terms-list {
        margin-bottom: 6.75rem
    }

    .terms-item .index {
        width: 3.92313rem;
        height: 3.92313rem;
        font-size: 1.625rem;
        color: transparent;
        margin-right: 1.5625rem;
        -webkit-text-stroke-width: 1px;
        -webkit-text-stroke-color: #ffcc17
    }

    .terms-item .index:before {
        width: 2.49625rem;
        height: 2.49625rem
    }

    .terms-item .text {
        font-size: 1.8125rem;
        line-height: 1.9375rem
    }

    .terms-item:first-child {
        left: 2.25rem;
        margin-bottom: 1.625rem
    }

    .terms-item:first-child .index {
        top: -.5625rem;
        left: -.125rem
    }

    .terms-item:nth-child(2) {
        margin-bottom: 2rem;
        left: 3.5625rem
    }

    .terms-item:nth-child(2) .index {
        top: -.4375rem
    }

    .terms-item:nth-child(3) {
        left: 2.0625rem
    }

    .terms-item:nth-child(3) .index {
        left: -.125rem;
        top: -.6875rem
    }

    .terms-slider, .terms-slider .swiper-wrapper {
        height: 23.3125rem
    }

    .terms-slider {
        width: 23.4375rem;
        left: -1.25rem
    }

    .terms-slide .img {
        width: 23.4375rem;
        height: 23.3125rem
    }

    .terms-slide-1, .terms-slide-2, .terms-slide-3 {
        left: .625rem
    }

    .terms-slide-4, .terms-slide-5, .terms-slide-6, .terms-slide-7, .terms-slide-8 {
        top: 2.4375rem
    }

    .terms-buttons {
        left: 1.125rem;
        right: 1.125rem;
        top: calc(50% - 3.8125rem)
    }

    .terms-buttons button {
        width: 2.1875rem;
        height: 2.1875rem
    }

    .terms-buttons .icon {
        width: .625rem;
        height: 1.15625rem
    }

    .terms-controls {
        margin-top: -1.75rem;
        min-height: 3.5rem;
        position: relative;
        z-index: 2
    }

    .terms-controls .btn {
        width: 100%
    }

    .terms-bg {
        z-index: 2;
        width: 9rem;
        height: 20.3125rem;
        left: 0;
        top: 4.0625rem;
        background-image: url(../img/terms-bg-2-phone.png)
    }
}

@media (max-width: 767px) and (-webkit-min-device-pixel-ratio: 1.5), all and (max-width: 767px) and (-o-min-device-pixel-ratio: 3/2), all and (max-width: 767px) and (min--moz-device-pixel-ratio: 1.5), all and (max-width: 767px) and (min-device-pixel-ratio: 1.5) {
    .terms-bg {
        background-image: url(../img/terms-bg-2-phone@2x.png)
    }
}

.s--winners:not(.available) .container {
    visibility: hidden
}

.winners-controls {
    display: inline-block;
    vertical-align: top
}

.winners-table {
    background: rgba(157, 18, 18, .8);
    -webkit-box-shadow: 0 4px 32px rgba(0, 0, 0, .25);
    box-shadow: 0 4px 32px rgba(0, 0, 0, .25);
    border: .0625rem solid hsla(0, 0%, 100%, .18);
    border-radius: 1.25rem;
    color: #f9f9f9;
    position: relative
}

.winners-table.loading:after {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 2.5rem;
    height: 2.5rem;
    background-size: 100% 100%;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' style='margin:auto;background:0 0' width='200' height='200' viewBox='0 0 100 100' preserveAspectRatio='xMidYMid' display='block'%3E%3Ccircle cx='50' cy='50' r='40' stroke-width='5' stroke='%23ffcc17' stroke-dasharray='62.83185307179586 62.83185307179586' fill='none' stroke-linecap='round'%3E%3CanimateTransform attributeName='transform' type='rotate' repeatCount='indefinite' dur='1s' keyTimes='0;1' values='0 50 50;360 50 50'/%3E%3C/circle%3E%3C/svg%3E");
    z-index: 4
}

.winners-table.loading tbody {
    visibility: hidden
}

[lang=en] .winners-table, [lang=ru] .winners-table {
}

.winners-table table {
    width: 100%
}

.winners-table table, .winners-table tbody, .winners-table thead {
    display: block
}

.winners-table td, .winners-table th {
    border-style: solid;
    border-color: hsla(0, 0%, 100%, .18);
    border-width: 0 0 .0625rem .0625rem;
    padding-right: .3125rem
}

.winners-table td:first-child, .winners-table th:first-child {
    border-left: 0;
    padding-left: .3125rem
}

.winners-table th {
    text-align: left;
    background: #831111
}

[lang=en] .winners-table th, [lang=ru] .winners-table th {
    font-weight: 300
}

[lang=kz] .winners-table th {
    font-weight: normal
}

.winners-table th:first-child {
    border-radius: 1.25rem 0 0 0;
    text-align: center
}

.winners-table th:last-child {
    border-radius: 0 1.25rem 0 0
}

.winners-table td:first-child {
    text-align: center
}

.winners-table td:nth-child(2) {
    font-weight: bold
}

.winners-table tr {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.winners-table tr:last-child td {
    border-bottom: 0
}

.winners-table .selected {
    color: #ffe600;
    text-shadow: 0 0 23px #ffe500
}

.winners-placeholder {
    position: absolute;
    right: 0;
    bottom: 0;
    background: #831111;
    border-radius: 0 0 1.25rem 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center;
    font-weight: bold
}

.loading .winners-placeholder {
    visibility: hidden
}

[lang=en] .winners-placeholder .text, [lang=ru] .winners-placeholder .text {
}

[lang=kz] .winners-placeholder .text {
    font-family: Tahoma, sans-serif
}

.winners-placeholder .date {
    position: absolute;
    color: #681515;
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    width: 100%
}

.winners-placeholder .date-1 {
    -webkit-transform: translateX(-50%) rotate(-15deg);
    transform: translateX(-50%) rotate(-15deg)
}

.winners-placeholder .date-2 {
    -webkit-transform: translateX(-50%) rotate(9.45deg);
    transform: translateX(-50%) rotate(9.45deg)
}

.winners-info {
    text-align: center;
    position: relative
}

.winners-info .img {
    position: relative;
    background-size: 100% 100%;
    z-index: 0
}

.winners-info .title {
    font-weight: bold;
    position: relative;
    z-index: 1
}

@media (min-width: 768px) {
    .s--winners {
        padding-top: 5rem
    }

    .winners-controls {
        margin-bottom: 1.9375rem
    }

    .winners-title {
        margin-bottom: 2.875rem
    }

    .winners-table th {
        font-size: 1.125rem;
        padding-top: 1.3125rem;
        padding-bottom: 1.25rem
    }

    .winners-table td {
        font-size: 1.25rem;
        padding-top: 1.1875rem;
        padding-bottom: 1.125rem
    }

    .winners-table .selected:after {
        top: calc(50% + .1875rem);
        content: "";
        position: absolute;
        background-size: 100% 100%;
        background-image: url(../img/icon-cup.svg);
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%)
    }

    .winners-placeholder {
        top: 3.875rem
    }

    .winners-placeholder .date-1 {
        top: 5.9375rem
    }

    .winners-placeholder .date-2 {
        bottom: 6.0625rem
    }

    .winners-bg {
        position: absolute;
        pointer-events: none;
        background-size: 100% 100%;
        left: 0;
        background-image: url(../img/winners-bg.png);
        width: 19.1875rem;
        height: 43rem;
        top: -19.0625rem;
        z-index: -1
    }
}

@media (min-width: 768px) and (-webkit-min-device-pixel-ratio: 1.5), all and (min-width: 768px) and (-o-min-device-pixel-ratio: 3/2), all and (min-width: 768px) and (min--moz-device-pixel-ratio: 1.5), all and (min-width: 768px) and (min-device-pixel-ratio: 1.5) {
    .winners-bg {
        background-image: url(../img/winners-bg@2x.png)
    }
}

@media (min-width: 768px) {
    .winners-info .img {
        margin: 0 auto;
        background-image: url(../img/winners-img.png)
    }
}

@media (min-width: 768px) and (-webkit-min-device-pixel-ratio: 1.5), all and (min-width: 768px) and (-o-min-device-pixel-ratio: 3/2), all and (min-width: 768px) and (min--moz-device-pixel-ratio: 1.5), all and (min-width: 768px) and (min-device-pixel-ratio: 1.5) {
    .winners-info .img {
        background-image: url(../img/winners-img@2x.png)
    }
}

@media (min-width: 768px) {
    .winners-info .title {
        margin-bottom: .3125rem
    }
}

@media (min-width: 1200px) {
    .s--winners {
        padding-bottom: 10.3125rem
    }

    .winners-table {
        min-height: 43.8125rem;
        max-width: 36.5rem
    }

    .winners-table td, .winners-table th {
        padding-left: 2.6875rem
    }

    .winners-table td:first-child, .winners-table th:first-child {
        width: 17.7705977383%
    }

    .winners-table td:nth-child(2), .winners-table th:nth-child(2) {
        width: 45.718901454%
    }

    .winners-table td:nth-child(3), .winners-table th:nth-child(3) {
        width: 36.5105008078%
    }

    .winners-table .selected:after {
        left: calc(100% - .125rem);
        width: 5rem;
        height: 5.3125rem
    }

    .winners-placeholder {
        width: calc(36.5105008078% - .0625rem)
    }

    .winners-placeholder .text {
        font-size: 1.25rem;
        line-height: 1.375rem
    }

    .winners-placeholder .date {
        font-size: 3.625rem;
        line-height: 4rem
    }

    .winners-placeholder .date-1 {
        left: calc(50% - 1.125rem)
    }

    .winners-placeholder .date-2 {
        left: calc(50% + 1.125rem)
    }

    .winners-info {
        padding-top: 4.8125rem;
        left: 4.0625rem
    }

    .winners-info .img {
        top: 5.4375rem;
        width: 53.8125rem;
        height: 38.5rem
    }

    .winners-info .title {
        font-size: 6.5rem;
        line-height: 7.875rem
    }

    .winners-info .text {
        font-size: 2.375rem;
        line-height: 2.875rem
    }
}

@media (min-width: 768px) and (max-width: 1199px) {
    .s--winners {
        padding-bottom: 5rem
    }

    .winners-table {
        min-height: 43.8125rem
    }

    .winners-table td, .winners-table th {
        padding-left: .9375rem
    }

    .winners-table td:first-child, .winners-table th:first-child {
        width: 20%
    }

    .winners-table td:nth-child(2), .winners-table th:nth-child(2) {
        width: 42.5%
    }

    .winners-table td:nth-child(3), .winners-table th:nth-child(3) {
        width: 37.5%
    }

    .winners-table .selected:after {
        left: 100%;
        width: 3.75rem;
        height: 3.98438rem
    }

    .winners-placeholder {
        width: calc(37.5% - .0625rem)
    }

    .winners-placeholder .text {
        font-size: 1rem;
        line-height: 1.125rem
    }

    .winners-placeholder .date {
        font-size: 2.875rem;
        line-height: 3.1875rem
    }

    .winners-placeholder .date-1 {
        left: calc(50% - .875rem)
    }

    .winners-placeholder .date-2 {
        left: calc(50% + .875rem)
    }

    .winners-info {
        padding-top: 18.75rem
    }

    .winners-info .img {
        top: 2.5rem;
        width: 25rem;
        height: 17.88618rem
    }

    .winners-info .title {
        font-size: 3.125rem;
        line-height: 3.75rem
    }

    .winners-info .text {
        font-size: 1.125rem;
        line-height: 1.3125rem
    }
}

@media (max-width: 767px) {
    .s--winners {
        padding: 1.875rem 0 2.5625rem
    }

    .s--winners [class^=col-] {
        z-index: 1
    }

    .winners-title {
        margin-bottom: 2.1875rem
    }

    .winners-controls {
        margin-bottom: 1.4375rem
    }

    .winners-table {
        margin: 0 -.1875rem 1.5rem;
        min-height: 32.5625rem
    }

    .winners-table td, .winners-table th {
        padding-left: .8125rem
    }

    .winners-table td:first-child, .winners-table th:first-child {
        width: 22.2841225627%
    }

    .winners-table td:nth-child(2), .winners-table th:nth-child(2) {
        width: 44.8467966574%
    }

    .winners-table td:nth-child(3), .winners-table th:nth-child(3) {
        width: 32.8690807799%
    }

    .winners-table th {
        font-size: 1rem;
        padding-top: 1rem;
        padding-bottom: .75rem
    }

    .winners-table td {
        font-size: .875rem;
        padding-top: .625rem;
        padding-bottom: .75rem
    }

    .winners-table .selected:after {
        top: calc(50% + .1875rem)
    }

    .winners-placeholder {
        top: 3.0625rem;
        width: calc(32.8690807799% - .0625rem)
    }

    .winners-placeholder .text {
        font-size: .75rem;
        line-height: .8125rem
    }

    .winners-placeholder .date {
        font-size: 1.875rem;
        line-height: 2.0625rem
    }

    .winners-placeholder .date-1 {
        top: 4.8125rem;
        left: calc(50% - .5rem)
    }

    .winners-placeholder .date-2 {
        bottom: 5.75rem;
        left: calc(50% + .5rem)
    }

    .winners-bg {
        position: absolute;
        pointer-events: none;
        right: 0;
        top: 2.3125rem;
        z-index: 0;
        background-size: 100% 100%;
        background-image: url(../img/tables-bg-phone.png);
        width: 9.8125rem;
        height: 34.9375rem
    }
}

@media (max-width: 767px) and (-webkit-min-device-pixel-ratio: 1.5), all and (max-width: 767px) and (-o-min-device-pixel-ratio: 3/2), all and (max-width: 767px) and (min--moz-device-pixel-ratio: 1.5), all and (max-width: 767px) and (min-device-pixel-ratio: 1.5) {
    .winners-bg {
        background-image: url(../img/tables-bg-phone@2x.png)
    }
}

@media (max-width: 767px) {
    .winners-info .img {
        background-image: url(../img/winners-img-phone.png);
        width: 23.4375rem;
        height: 18.125rem;
        left: -1.25rem;
        top: 2.25rem
    }
}

@media (max-width: 767px) and (-webkit-min-device-pixel-ratio: 1.5), all and (max-width: 767px) and (-o-min-device-pixel-ratio: 3/2), all and (max-width: 767px) and (min--moz-device-pixel-ratio: 1.5), all and (max-width: 767px) and (min-device-pixel-ratio: 1.5) {
    .winners-info .img {
        background-image: url(../img/winners-img-phone@2x.png)
    }
}

@media (max-width: 767px) {
    .winners-info .text, .winners-info .title {
        margin-left: -1.25rem;
        margin-right: -1.25rem
    }

    .winners-info .title {
        font-size: 2.8125rem;
        line-height: 3.6875rem;
        margin-bottom: .1875rem
    }

    .winners-info .text {
        font-size: 1.125rem;
        line-height: 1.125rem
    }
}

.tickets-anchor {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    pointer-events: none
}

.s--tickets-cabinet:not(.available) .container {
    visibility: hidden
}

.tickets-list, .tickets-tabs {
    position: relative
}

.tickets-list.loading:after {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 2.5rem;
    height: 2.5rem;
    background-size: 100% 100%;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' style='margin:auto;background:0 0' width='200' height='200' viewBox='0 0 100 100' preserveAspectRatio='xMidYMid' display='block'%3E%3Ccircle cx='50' cy='50' r='40' stroke-width='5' stroke='%23ffcc17' stroke-dasharray='62.83185307179586 62.83185307179586' fill='none' stroke-linecap='round'%3E%3CanimateTransform attributeName='transform' type='rotate' repeatCount='indefinite' dur='1s' keyTimes='0;1' values='0 50 50;360 50 50'/%3E%3C/circle%3E%3C/svg%3E");
    z-index: 4
}

.error .tickets-list.loading:after {
    display: none
}

.tickets-list ul {
    margin: 0 -.625rem
}

.tickets-list li {
    padding: 0 .625rem
}

.ticket {
    background: rgba(157, 18, 18, .6);
    border-radius: .625rem;
    -webkit-box-shadow: 0 0 63px 17px rgba(0, 0, 0, .25);
    box-shadow: 0 0 63px 17px rgba(0, 0, 0, .25);
    border: .0625rem solid hsla(0, 0%, 100%, .18);
    line-height: 1;
    color: #f9f9f9
}

.ticket .number {
    font-weight: bold;
}

.ticket.selected {
    color: #ffe600;
    text-shadow: 0 0 23px #ffe500
}

.tickets-pager {
    text-align: center;
    font-size: 1.125rem;
    line-height: 1
}

.tickets-pager a {
    position: relative;
    text-decoration: none;
    display: block;
    border-radius: .5625rem;
    padding: .625rem .3125rem;
    min-width: 2.375rem
}

.tickets-pager ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
    list-style: none;
    margin: 0;
    padding: 0
}

.tickets-pager li {
    display: inline-block;
    vertical-align: top;
    margin: 0;
    padding: 0 .1875rem
}

.tickets-pager li.active a {
    background: #fff;
    color: #8f0102
}

.tickets-pager .next a, .tickets-pager .prev a {
    width: .8125rem;
    height: 1.125rem;
    background-size: 100% 100%;
    min-width: unset;
    padding: 0;
    border-radius: 0;
    top: .1875rem
}

.tickets-pager .prev {
    margin-right: 1.6875rem
}

.tickets-pager .prev a {
    background-image: url(../img/icon-page-prev.svg)
}

.tickets-pager .next {
    margin-left: 1.6875rem
}

.tickets-pager .next a {
    background-image: url(../img/icon-page-next.svg)
}

.tickets-pager .disabled, .tickets-pager.loading {
    pointer-events: none;
    opacity: .5
}

.tickets-empty, .tickets-login {
    text-align: center
}

.tickets-empty .img, .tickets-login .img {
    background-size: 100% 100%;
    background-image: url(../img/no-tickets-new.png)
}

@media (-webkit-min-device-pixel-ratio: 1.5), all and (-o-min-device-pixel-ratio: 3/2), all and (min--moz-device-pixel-ratio: 1.5), all and (min-device-pixel-ratio: 1.5) {
    .tickets-empty .img, .tickets-login .img {
        background-image: url(../img/no-tickets-new@2x.png)
    }
}

.tickets-empty .title, .tickets-login .title {
    font-weight: bold;
    line-height: 1
}

[lang=en] .tickets-empty .title, [lang=en] .tickets-login .title, [lang=ru] .tickets-empty .title, [lang=ru] .tickets-login .title {
}

[lang=kz] .tickets-empty .title, [lang=kz] .tickets-login .title {
    font-family: Tahoma, sans-serif
}

.tickets-empty .text, .tickets-login .text {
    color: #f9f9f9
}

.tickets-meta {
    text-align: center;
    line-height: 1
}

.tickets-meta a {
    -webkit-transition: color .3s ease-in-out;
    transition: color .3s ease-in-out
}

.tickets-bg {
    position: absolute;
    left: 0;
    bottom: 0;
    pointer-events: none;
    background-size: 100% 100%;
    width: 43.9375rem;
    height: 31.5625rem;
    background-image: url(../img/tickets-bg.png);
    z-index: -1
}

@media (-webkit-min-device-pixel-ratio: 1.5), all and (-o-min-device-pixel-ratio: 3/2), all and (min--moz-device-pixel-ratio: 1.5), all and (min-device-pixel-ratio: 1.5) {
    .tickets-bg {
        background-image: url(../img/tickets-bg@2x.png)
    }
}

@media (min-width: 768px) {
    .s--tickets {
        padding-top: 5rem
    }

    .tickets-title {
        margin-bottom: 2.875rem
    }

    .tickets-tabs {
        margin-bottom: 1.9375rem
    }

    .tickets-tabs a {
        border-radius: 1.1875rem
    }

    .tickets-tabs ul {
        margin: 0
    }

    .tickets-tabs li {
        padding: 0
    }

    .tickets-tabs li.active a {
        background: #fff;
        color: #8f0102
    }

    .tickets-list li {
        width: 25%
    }

    .tickets-empty, .tickets-login {
        text-align: center;
        margin: -.125rem auto 0;
        position: relative;
        top: -1.6875rem
    }

    .tickets-empty .img, .tickets-login .img {
        position: relative;
        margin: 0 auto;
        top: -1.3125rem;
        left: -1.8125rem
    }

    .tickets-empty .title {
        margin-bottom: .9375rem
    }

    .tickets-login .title {
        margin-bottom: 1.1875rem
    }

    .tickets-meta {
        font-size: 1.875rem
    }

    .tickets-meta a {
        color: hsla(0, 0%, 100%, .42)
    }

    .tickets-meta a:hover {
        color: #fff
    }
}

@media (min-width: 1200px) {
    .s--tickets {
        padding-bottom: 13.9375rem
    }

    .tickets-tabs {
        font-size: 1.125rem
    }

    .tickets-tabs a {
        padding: .5625rem 1.5625rem
    }

    .tickets-tabs li {
        margin-right: .3125rem
    }

    .tickets-list {
        min-height: 35rem
    }

    .tickets-list ul {
        margin: 0 -2.5rem
    }

    .tickets-list li {
        padding: 0 2.5rem;
        margin-bottom: 2rem
    }

    .tickets-pager {
        padding-top: 2.3125rem
    }

    .ticket {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        text-align: center;
        height: 3.75rem;
        font-size: 1.25rem;
        position: relative
    }

    .ticket:before {
        content: "";
        position: absolute;
        top: 0;
        bottom: 0;
        border-right: 1px solid hsla(0, 0%, 100%, .18);
        left: calc(43.1034482759% + .4375rem)
    }

    .ticket .date {
        width: 43.1034482759%
    }

    .ticket .number {
        width: 56.8965517241%;
        padding-left: .9375rem
    }

    .tickets-empty, .tickets-login {
        max-width: 48.125rem;
        height: 39.8125rem
    }

    .tickets-empty .img, .tickets-login .img {
        width: 50.75rem;
        height: 26.5625rem
    }

    .tickets-empty .title, .tickets-login .title {
        font-size: 3.0625rem
    }

    .tickets-empty .text, .tickets-login .text {
        font-size: 1.875rem;
        line-height: 2.0625rem;
        margin-bottom: 4.5rem
    }

    .tickets-meta {
        padding-top: 13.5rem
    }
}

@media (min-width: 768px) and (max-width: 1199px) {
    .s--tickets {
        padding-bottom: 7.5rem
    }

    .tickets-tabs {
        font-size: 1.0625rem
    }

    .tickets-tabs a {
        padding: .5625rem .625rem
    }

    .tickets-tabs li.active a {
        padding-left: .9375rem;
        padding-right: .9375rem
    }

    .tickets-list {
        min-height: 33.75rem
    }

    .tickets-list ul {
        margin: 0 -.625rem
    }

    .tickets-list li {
        padding: 0 .625rem;
        margin-bottom: 1.25rem
    }

    .ticket {
        padding: .75rem .625rem .8125rem .875rem;
        height: 4rem
    }

    .ticket .date {
        font-size: .875rem;
        margin-bottom: .4375rem
    }

    .ticket .number {
        font-size: 1rem
    }

    .tickets-empty, .tickets-login {
        height: 36.25rem;
        top: 3.75rem
    }

    .tickets-empty .title, .tickets-login .title {
        font-size: 2.4375rem
    }

    .tickets-empty .text, .tickets-login .text {
        font-size: 1.25rem;
        line-height: 1.375rem;
        margin-bottom: 3.25rem
    }

    .tickets-empty .img, .tickets-login .img {
        width: 31.25rem;
        height: 16.35622rem
    }

    .tickets-meta {
        padding-top: 6.25rem
    }
}

@media (max-width: 767px) {
    .s--tickets {
        padding: 1.875rem 0 2.3125rem
    }

    .tickets-title {
        margin-bottom: 1.5rem
    }

    .tickets-tabs {
        margin-bottom: -4.0625rem;
        z-index: 2
    }

    [lang=en] .tickets-tabs .controls, [lang=ru] .tickets-tabs .controls {
        max-width: 18.125rem
    }

    [lang=kz] .tickets-tabs .controls {
        max-width: 15.75rem
    }

    body.show--form .tickets-tabs .dropdown {
        visibility: hidden;
        pointer-events: none
    }

    .tickets-tabs .counter {
        font-weight: bold;
        font-size: 1.125rem;
        line-height: 1;
        padding-top: 1.0625rem
    }

    [lang=kz] .tickets-tabs .bootstrap-select .dropdown-toggle {
        height: 3.625rem
    }

    [lang=kz] .tickets-tabs .bootstrap-select .dropdown-toggle .filter-option {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }

    [lang=kz] .tickets-tabs .bootstrap-select .dropdown-toggle .filter-option-inner-inner {
        overflow: visible;
        white-space: normal;
        line-height: 1.25rem
    }

    [lang=kz] .tickets-tabs .bootstrap-select .dropdown-menu > li > a {
        white-space: normal
    }

    [lang=en] .tickets-tabs .bootstrap-select.open > .dropdown-toggle, [lang=ru] .tickets-tabs .bootstrap-select.open > .dropdown-toggle {
        width: 18.125rem
    }

    [lang=kz] .tickets-tabs .bootstrap-select.open > .dropdown-toggle {
        width: 15.75rem
    }

    .tickets-list {
        overflow: auto;
        overflow-y: hidden;
        min-height: 23.625rem;
        margin: 0 -1.25rem -3.3125rem;
        padding: 5rem 1.25rem 2.5rem;
        -webkit-overflow-scrolling: touch;
        -ms-scroll-snap-type: x mandatory;
        scroll-snap-type: x mandatory
    }

    .tickets-list::-webkit-scrollbar {
        display: none
    }

    .tickets-list ul {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        width: 61.75rem;
        width: 82.125rem
    }

    .tickets-list li {
        width: 10.1875rem;
        margin-bottom: 1.375rem
    }

    .ticket {
        padding: .75rem .625rem .8125rem .875rem;
        height: 4rem
    }

    .ticket .date {
        font-size: .875rem;
        margin-bottom: .4375rem
    }

    .ticket .number {
        font-size: 1rem
    }

    .tickets-empty .img, .tickets-login .img {
        width: 19.3125rem;
        height: 9.89925rem;
        margin: 0 auto 1.5625rem
    }

    .tickets-empty .title, .tickets-login .title {
        margin-bottom: .625rem;
        font-size: 2.0625rem;
        line-height: 1
    }

    .tickets-empty .text, .tickets-login .text {
        font-size: 1.1875rem;
        line-height: 1.3125rem;
        margin-bottom: 3.625rem
    }

    .tickets-empty br, .tickets-login br {
        display: none
    }

    .tickets-empty {
        padding-top: 5.1875rem
    }

    .tickets-login {
        padding-top: 1.8125rem
    }

    .tickets-pager {
        padding: 1.125rem 0
    }

    .tickets-meta {
        padding-top: 2.875rem;
        font-size: 1rem
    }

    .tickets-meta a {
        color: hsla(0, 0%, 100%, .54)
    }

    .tickets-meta a:hover {
        color: #fff
    }
}

.videos-anchor {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    pointer-events: none
}

.videos-content {
    overflow: hidden;
    border-radius: 1.25rem;
    background-color: #9d1212;
    background-size: cover;
    -webkit-box-shadow: 0 0 63px 17px rgba(0, 0, 0, .25);
    box-shadow: 0 0 63px 17px rgba(0, 0, 0, .25)
}

.videos-content, .videos-content .inner {
    position: relative;
    z-index: 2
}

.videos-content .title {
    line-height: 1
}

.videos-content .timer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    line-height: 1;
    color: hsla(0, 0%, 100%, .65);
    position: relative;
    text-transform: capitalize
}

.videos-content .timer b {
    display: block;
    color: #fff;
    font-weight: 900
}

.videos-content .date {
    line-height: 1;
    color: hsla(0, 0%, 100%, .64);
    position: relative
}

.videos-content .block {
    position: relative
}

.videos-content .block.loading:after {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 2.5rem;
    height: 2.5rem;
    background-size: 100% 100%;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' style='margin:auto;background:0 0' width='200' height='200' viewBox='0 0 100 100' preserveAspectRatio='xMidYMid' display='block'%3E%3Ccircle cx='50' cy='50' r='40' stroke-width='5' stroke='%23ffcc17' stroke-dasharray='62.83185307179586 62.83185307179586' fill='none' stroke-linecap='round'%3E%3CanimateTransform attributeName='transform' type='rotate' repeatCount='indefinite' dur='1s' keyTimes='0;1' values='0 50 50;360 50 50'/%3E%3C/circle%3E%3C/svg%3E");
    z-index: 2
}

.videos-viewport {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 4;
    background: #000;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.videos-viewport .video {
    position: relative
}

.videos-viewport:after {
    content: "";
    position: absolute;
    z-index: 1;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 2.5rem;
    height: 2.5rem;
    background-size: 100% 100%;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' style='margin:auto;background:0 0' width='200' height='200' viewBox='0 0 100 100' preserveAspectRatio='xMidYMid' display='block'%3E%3Ccircle cx='50' cy='50' r='40' stroke-width='5' stroke='%23ffcc17' stroke-dasharray='62.83185307179586 62.83185307179586' fill='none' stroke-linecap='round'%3E%3CanimateTransform attributeName='transform' type='rotate' repeatCount='indefinite' dur='1s' keyTimes='0;1' values='0 50 50;360 50 50'/%3E%3C/circle%3E%3C/svg%3E")
}

iframe, video {
    -o-object-fit: 100% 100%;
    object-fit: 100% 100%;
    -o-object-position: center;
    object-position: center;
    display: block;
    text-align: center;
    width: 100%;
    height: 100%;
    min-height: 100%;
    min-width: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 2
}

.videos-bg {
    position: absolute;
    pointer-events: none;
    background-size: 100% 100%;
    z-index: 3
}

.videos-controls.loaded {
    visibility: visible
}

@media (min-width: 768px) {
    .videos-title {
        position: relative
    }

    .videos-controls {
        position: absolute;
        right: 0;
        z-index: 4
    }

    .videos-controls .bootstrap-select > .dropdown-toggle {
        background: #590000
    }

    .videos-controls .bootstrap-select.open > .dropdown-toggle {
        background: #fff
    }

    .videos-content {
        background-image: url(../img/videos-pattern.jpg);
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }
}

@media (min-width: 768px) and (-webkit-min-device-pixel-ratio: 1.5), all and (min-width: 768px) and (-o-min-device-pixel-ratio: 3/2), all and (min-width: 768px) and (min--moz-device-pixel-ratio: 1.5), all and (min-width: 768px) and (min-device-pixel-ratio: 1.5) {
    .videos-content {
        background-image: url(../img/videos-pattern@2x.jpg)
    }
}

@media (min-width: 768px) {
    .videos-content .title {
        margin-bottom: .9375rem
    }

    .videos-content .timer {
        margin-bottom: 2.1875rem;
        left: .375rem
    }

    .videos-content .timer b {
        margin-bottom: .1875rem
    }

    .videos-content .date {
        left: .375rem
    }

    .videos-img {
        position: absolute;
        left: 0;
        bottom: 0;
        background-size: cover;
        background-position: 0 100%;
        background-image: url(../img/videos-img-new.png);
        z-index: 1
    }
}

@media (min-width: 768px) and (-webkit-min-device-pixel-ratio: 1.5), all and (min-width: 768px) and (-o-min-device-pixel-ratio: 3/2), all and (min-width: 768px) and (min--moz-device-pixel-ratio: 1.5), all and (min-width: 768px) and (min-device-pixel-ratio: 1.5) {
    .videos-img {
        background-image: url(../img/videos-img-new@2x.png)
    }
}

@media (min-width: 768px) {
    .videos-bg {
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
        background-image: url(../img/videos-bg-3.png)
    }
}

@media (min-width: 768px) and (-webkit-min-device-pixel-ratio: 1.5), all and (min-width: 768px) and (-o-min-device-pixel-ratio: 3/2), all and (min-width: 768px) and (min--moz-device-pixel-ratio: 1.5), all and (min-width: 768px) and (min-device-pixel-ratio: 1.5) {
    .videos-bg {
        background-image: url(../img/videos-bg-3@2x.png)
    }
}

@media (min-width: 1200px) {
    .s--videos {
        padding: 5rem 0 0;
        margin-bottom: -3.125rem
    }

    .videos-title {
        margin-bottom: 3.75rem
    }

    .videos-viewport .video {
        width: 86.33333rem;
        height: 100%
    }

    .videos-content {
        height: 48.5625rem;
        margin-bottom: 10.375rem
    }

    .videos-content .inner {
        width: 53.3139534884%
    }

    .videos-content .title {
        font-size: 3.875rem
    }

    .videos-content .timer {
        font-size: 2.1875rem
    }

    .videos-content .timer b {
        font-size: 7.5rem
    }

    .videos-content .days, .videos-content .mins {
        width: 12.9375rem
    }

    .videos-content .hours {
        width: 10.625rem
    }

    .videos-content .date {
        font-size: 1.5625rem
    }

    .videos-content .block {
        margin-bottom: 3.6875rem;
        min-height: 13.625rem
    }

    .videos-content .block.loading:after {
        left: 45%
    }

    .videos-content .btn + .btn {
        margin-left: 2.0625rem
    }

    .videos-controls {
        top: .3125rem
    }

    .videos-img {
        width: 107.5rem;
        height: 48.625rem
    }

    .videos-bg {
        width: 48.6875rem;
        height: 20.625rem;
        left: calc(50% + 29.375rem);
        top: calc(50% + 17.1875rem)
    }
}

@media (min-width: 768px) and (max-width: 1199px) {
    .s--videos {
        padding: 5rem 0 4.375rem
    }

    .videos-title {
        margin-bottom: 2.5rem
    }

    .videos-viewport .video {
        width: 58.77778rem;
        height: 100%
    }

    .videos-content {
        height: 33.0625rem;
        margin-bottom: 6.25rem
    }

    .videos-content .inner {
        width: 65.9574468085%
    }

    .videos-content .title {
        font-size: 2.25rem
    }

    .videos-content .timer {
        font-size: 1.25rem
    }

    .videos-content .timer b {
        font-size: 5.625rem
    }

    .videos-content .timer div {
        width: 9.375rem
    }

    .videos-content .date {
        font-size: 1.25rem
    }

    .videos-content .block {
        margin-bottom: 2.5rem;
        min-height: 10.5rem
    }

    .videos-content .block.loading:after {
        left: 45%
    }

    .videos-content .btn + .btn {
        margin-left: 1.25rem
    }

    .videos-content .btn--instagram, .videos-content .btn--youtube {
        padding-left: 1.25rem;
        padding-right: 1.25rem
    }

    .videos-controls {
        top: -.3125rem
    }

    .videos-img {
        width: 43.75rem;
        height: 19.78924rem
    }

    .videos-bg-2 {
        width: 18.75rem;
        height: 13.149rem
    }

    .videos-bg-3 {
        width: 37.5rem;
        height: 15.88575rem;
        left: calc(50% + 12.5rem);
        bottom: 2.875rem
    }
}

@media (max-width: 767px) {
    .s--videos {
        padding: 1.875rem 0 0
    }

    .videos-title {
        margin-bottom: 1.5rem
    }

    .videos-viewport .video {
        width: 100%;
        height: 11.77734rem
    }

    .videos-content {
        background-image: url(../img/videos-bg-black-phone.jpg);
        height: 25.4375rem;
        margin-bottom: 4.375rem;
        text-align: center;
        padding-top: 2.5625rem
    }
}

@media (max-width: 767px) and (-webkit-min-device-pixel-ratio: 1.5), all and (max-width: 767px) and (-o-min-device-pixel-ratio: 3/2), all and (max-width: 767px) and (min--moz-device-pixel-ratio: 1.5), all and (max-width: 767px) and (min-device-pixel-ratio: 1.5) {
    .videos-content {
        background-image: url(../img/videos-bg-black-phone@2x.jpg)
    }
}

@media (max-width: 767px) {
    .videos-content .title {
        font-size: 1.25rem;
        line-height: 1;
        margin-bottom: .625rem
    }

    .videos-content .timer {
        font-size: .9375rem;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        margin-bottom: 1.375rem;
        padding: 0 2.1875rem
    }

    .videos-content .timer b {
        font-size: 2.875rem;
        margin-bottom: .125rem
    }

    .videos-content .timer div {
        text-align: left;
        position: relative
    }

    .videos-content .date {
        font-size: .6875rem;
        line-height: 1
    }

    .videos-content .block {
        min-height: 6rem
    }

    .videos-controls {
        margin-bottom: .5rem
    }

    .videos-controls .btn + .btn {
        margin-top: 1.5rem
    }

    .videos-title .videos-controls {
        position: relative;
        z-index: 3;
        display: inline-block;
        vertical-align: top;
        margin: 1.9375rem 0 0
    }

    .videos-meta {
        font-size: 1rem
    }

    .videos-bg {
        width: 16.875rem;
        height: 7.3125rem;
        right: 0;
        top: 35rem;
        background-image: url(../img/videos-bg-3-phone.png)
    }
}

@media (max-width: 767px) and (-webkit-min-device-pixel-ratio: 1.5), all and (max-width: 767px) and (-o-min-device-pixel-ratio: 3/2), all and (max-width: 767px) and (min--moz-device-pixel-ratio: 1.5), all and (max-width: 767px) and (min-device-pixel-ratio: 1.5) {
    .videos-bg {
        background-image: url(../img/videos-bg-3-phone@2x.png)
    }
}

.modal, .modal-open {
    overflow: hidden
}

.modal {
    display: none;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1050;
    -webkit-overflow-scrolling: touch;
    outline: 0
}

.modal.fade .modal-dialog {
    -webkit-transform: translateY(-25%);
    transform: translateY(-25%);
    -webkit-transition: -webkit-transform .4s ease-out;
    transition: -webkit-transform .4s ease-out;
    transition: transform .4s ease-out;
    transition: transform .4s ease-out, -webkit-transform .4s ease-out
}

.modal.in .modal-dialog {
    -webkit-transform: translate(0);
    transform: translate(0)
}

.modal-open .modal {
    overflow-x: hidden;
    overflow-y: auto
}

.modal-dialog {
    position: relative;
    width: 100%;
    height: 100%
}

.modal-content {
    position: relative;
    background: #141414;
    -webkit-box-shadow: 0 0 250px rgba(221, 0, 0, .54);
    box-shadow: 0 0 250px rgba(221, 0, 0, .54);
    background-clip: padding-box;
    outline: 0
}

.modal-backdrop {
    position: fixed;
    top: 0;
    right: 0;
    bottom: -10%;
    left: 0;
    z-index: 1040;
    background: #000
}

.modal-backdrop.fade {
    opacity: 0
}

.modal-backdrop.in {
    opacity: .7
}

.modal-scrollbar-measure {
    position: absolute;
    top: -624.9375rem;
    width: 3.125rem;
    height: 3.125rem;
    overflow: scroll
}

body.show--auth .modal {
    padding-right: 0 !important
}

body.show--auth .modal-content {
    background: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    min-height: 100vh
}

body.show--auth .modal-backdrop.in {
    opacity: .93
}

@media (min-width: 768px) {
    .modal-dialog-in {
        padding: 3.75rem 2.5rem
    }

    body.show--auth .modal-dialog-in {
        padding: 0
    }

    body.show--auth .modal-content {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }
}

@media (min-width: 1200px) {
    .modal-content {
        max-width: 87.75rem;
        border-radius: 3rem;
        margin: 0 auto;
        padding: 4.8125rem 5.9375rem
    }

    body.show--auth .modal-content {
        max-width: 100%;
        border-radius: 0;
        padding: 0
    }
}

@media (min-width: 768px) and (max-width: 1199px) {
    .modal-content {
        border-radius: 2.5rem;
        padding: 4.375rem 2.5rem 3.75rem
    }
}

@media (max-width: 767px) {
    .modal-content {
        padding: 4.625rem .625rem 2.5rem
    }

    .modal--auth .modal-content {
        padding: 5.8125rem .625rem 2.5rem;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -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;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }
}

.modal--rules .title {
    line-height: 1;
    font-weight: bold
}

[lang=en] .modal--rules .title, [lang=ru] .modal--rules .title {
}

[lang=kz] .modal--rules .title {
    font-family: Tahoma, sans-serif
}

.modal--rules .text {
    line-height: 1
}

.modal--rules h4 {
    text-transform: uppercase;
    font-weight: normal;
    line-height: 1
}

.modal--rules ul {
    list-style: none;
    padding: 0
}

.modal--rules li {
    position: relative;
    margin-bottom: 0
}

.modal--rules li:before {
    content: "";
    position: absolute;
    left: 0;
    border-radius: 100%;
    background: #fff
}

[lang=en] .modal--rules b, [lang=ru] .modal--rules b {
}

[lang=kz] .modal--rules b {
    font-family: Tahoma, sans-serif
}

.modal--rules table {
    width: 100%;
    margin-bottom: 1.25rem
}

.modal--rules th {
    font-weight: normal;
    text-align: left
}

.modal--rules td, .modal--rules th {
    padding: .3125rem .625rem;
    border: .0625rem solid hsla(0, 0%, 100%, .5)
}

@media (min-width: 768px) {
    .modal--rules .text {
        font-size: 1.125rem;
        line-height: 1.5rem
    }

    .modal--rules h4 {
        margin-bottom: 1.625rem
    }

    .modal--rules ul {
        margin: 0 0 1.125rem 2.375rem
    }

    .modal--rules li {
        padding-left: .625rem
    }

    .modal--rules li:before {
        top: .4375rem;
        width: .25rem;
        height: .25rem
    }

    .modal--rules p {
        margin-bottom: 1.125rem
    }

    .modal--rules p + h4 {
        margin-top: 2.75rem
    }

    .modal--rules p + .offset, .modal--rules p + ul {
        margin-top: -1.125rem
    }

    .modal--rules .offset {
        margin-left: 3.4375rem
    }

    .modal--rules table {
        max-width: 60%
    }
}

@media (min-width: 1200px) {
    .modal--rules .title {
        font-size: 3rem;
        margin-bottom: 6.625rem
    }

    .modal--rules h4 {
        font-size: 2.1875rem
    }
}

@media (min-width: 768px) and (max-width: 1199px) {
    .modal--rules .title {
        font-size: 2.25rem;
        margin-bottom: 5.375rem
    }

    .modal--rules h4 {
        font-size: 1.875rem
    }
}

@media (max-width: 767px) {
    .modal--rules .title {
        font-size: 1.5rem;
        margin-bottom: 1.75rem
    }

    .modal--rules .text {
        font-size: .75rem;
        line-height: .9375rem
    }

    .modal--rules h4 {
        font-size: 1.125rem;
        margin-bottom: .625rem
    }

    .modal--rules ul {
        margin: 0 0 .75rem 1.625rem
    }

    .modal--rules li {
        padding-left: .4375rem
    }

    .modal--rules li:before {
        top: .375rem;
        width: .125rem;
        height: .125rem
    }

    .modal--rules p {
        margin-bottom: .75rem
    }

    .modal--rules p + h4 {
        margin-top: 1.5625rem
    }

    .modal--rules p + .offset, .modal--rules p + ul {
        margin-top: -.75rem
    }

    .modal--rules .offset {
        margin-left: 2.0625rem
    }
}

.modal--auth .form-control {
    border: 0;
    border-radius: 0;
    border-bottom: 1px solid #fff;
    padding: .375rem 0;
    font-family: "Montserrat", sans-serif
}

.modal--auth .form-control:focus {
    -webkit-box-shadow: none;
    box-shadow: none;
    border-bottom-color: #ffcc17
}

@media (min-width: 768px) {
    .modal--auth .form-control {
        font-size: 1.125rem
    }
}

@media (max-width: 767px) {
    .modal--auth .form-control {
        font-size: 1rem;
        text-align: center
    }

    .modal-logo {
        width: 12.375rem;
        height: 2.61779rem;
        background-size: 100% 100%;
        background-image: url(../img/logo.png);
        position: absolute;
        left: 1.25rem;
        top: 1.375rem
    }
}

@media (max-width: 767px) and (-webkit-min-device-pixel-ratio: 1.5), all and (max-width: 767px) and (-o-min-device-pixel-ratio: 3/2), all and (max-width: 767px) and (min--moz-device-pixel-ratio: 1.5), all and (max-width: 767px) and (min-device-pixel-ratio: 1.5) {
    .modal-logo {
        background-image: url(../img/logo@2x.png)
    }
}

.form--recovery .step-1 .form-error {
    margin-bottom: 0
}

.form--recovery .step-1 .form-error.invisible {
    display: none
}

.form--recovery .step-2 .form-info {
    padding-top: 1.875rem
}