/*! 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 {
    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] {
    box-sizing: border-box;
    padding: 0
}

input[type=search] {
    -webkit-appearance: textfield;
    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
}

.datepicker {
    padding: .25rem;
    border-radius: .25rem;
    direction: ltr
}

.datepicker-inline {
    width: 13.75rem
}

.datepicker-rtl {
    direction: rtl
}

.datepicker-rtl.dropdown-menu {
    left: auto
}

.datepicker-rtl table tr td span {
    float: right
}

.datepicker-dropdown {
    top: 0;
    left: 0
}

.datepicker-dropdown:before {
    content: "";
    display: inline-block;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-bottom: 7px solid #999;
    border-top: 0;
    border-bottom-color: rgba(0, 0, 0, .2);
    position: absolute
}

.datepicker-dropdown:after {
    content: "";
    display: inline-block;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 6px solid #fff;
    border-top: 0;
    position: absolute
}

.datepicker-dropdown.datepicker-orient-left:before {
    left: .375rem
}

.datepicker-dropdown.datepicker-orient-left:after {
    left: .4375rem
}

.datepicker-dropdown.datepicker-orient-right:before {
    right: .375rem
}

.datepicker-dropdown.datepicker-orient-right:after {
    right: .4375rem
}

.datepicker-dropdown.datepicker-orient-bottom:before {
    top: -.4375rem
}

.datepicker-dropdown.datepicker-orient-bottom:after {
    top: -.375rem
}

.datepicker-dropdown.datepicker-orient-top:before {
    bottom: -.4375rem;
    border-bottom: 0;
    border-top: 7px solid #999
}

.datepicker-dropdown.datepicker-orient-top:after {
    bottom: -.375rem;
    border-bottom: 0;
    border-top: 6px solid #fff
}

.datepicker table {
    margin: 0;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.datepicker td, .datepicker th {
    text-align: center;
    width: 1.25rem;
    height: 1.25rem;
    border-radius: .25rem;
    border: none
}

.table-striped .datepicker table tr td, .table-striped .datepicker table tr th {
    background-color: transparent
}

.datepicker table tr td.day.focused, .datepicker table tr td.day:hover {
    background: #eee;
    cursor: pointer
}

.datepicker table tr td.new, .datepicker table tr td.old {
    color: #999
}

.datepicker table tr td.disabled, .datepicker table tr td.disabled:hover {
    background: none;
    color: #999;
    cursor: default
}

.datepicker table tr td.highlighted {
    background: #d9edf7;
    border-radius: 0
}

.datepicker table tr td.today, .datepicker table tr td.today.disabled, .datepicker table tr td.today.disabled:hover, .datepicker table tr td.today:hover {
    background-color: #fde19a;
    background-image: linear-gradient(180deg, #fdd49a, #fdf59a);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#fdd49a", endColorstr="#fdf59a", GradientType=0);
    border-color: #fdf59a #fdf59a #fbed50;
    border-color: rgba(0, 0, 0, .1) rgba(0, 0, 0, .1) rgba(0, 0, 0, .25);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
    color: #000
}

.datepicker table tr td.today.active, .datepicker table tr td.today.disabled, .datepicker table tr td.today.disabled.active, .datepicker table tr td.today.disabled.disabled, .datepicker table tr td.today.disabled:active, .datepicker table tr td.today.disabled:hover, .datepicker table tr td.today.disabled:hover.active, .datepicker table tr td.today.disabled:hover.disabled, .datepicker table tr td.today.disabled:hover:active, .datepicker table tr td.today.disabled:hover:hover, .datepicker table tr td.today.disabled:hover[disabled], .datepicker table tr td.today.disabled[disabled], .datepicker table tr td.today:active, .datepicker table tr td.today:hover, .datepicker table tr td.today:hover.active, .datepicker table tr td.today:hover.disabled, .datepicker table tr td.today:hover:active, .datepicker table tr td.today:hover:hover, .datepicker table tr td.today:hover[disabled], .datepicker table tr td.today[disabled] {
    background-color: #fdf59a
}

.datepicker table tr td.today.active, .datepicker table tr td.today.disabled.active, .datepicker table tr td.today.disabled:active, .datepicker table tr td.today.disabled:hover.active, .datepicker table tr td.today.disabled:hover:active, .datepicker table tr td.today:active, .datepicker table tr td.today:hover.active, .datepicker table tr td.today:hover:active {
    background-color: #fbf069 \9
}

.datepicker table tr td.today:hover:hover {
    color: #000
}

.datepicker table tr td.today.active:hover {
    color: #fff
}

.datepicker table tr td.range, .datepicker table tr td.range.disabled, .datepicker table tr td.range.disabled:hover, .datepicker table tr td.range:hover {
    background: #eee;
    border-radius: 0
}

.datepicker table tr td.range.today, .datepicker table tr td.range.today.disabled, .datepicker table tr td.range.today.disabled:hover, .datepicker table tr td.range.today:hover {
    background-color: #f3d17a;
    background-image: linear-gradient(180deg, #f3c17a, #f3e97a);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#f3c17a", endColorstr="#f3e97a", GradientType=0);
    border-color: #f3e97a #f3e97a #edde34;
    border-color: rgba(0, 0, 0, .1) rgba(0, 0, 0, .1) rgba(0, 0, 0, .25);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
    border-radius: 0
}

.datepicker table tr td.range.today.active, .datepicker table tr td.range.today.disabled, .datepicker table tr td.range.today.disabled.active, .datepicker table tr td.range.today.disabled.disabled, .datepicker table tr td.range.today.disabled:active, .datepicker table tr td.range.today.disabled:hover, .datepicker table tr td.range.today.disabled:hover.active, .datepicker table tr td.range.today.disabled:hover.disabled, .datepicker table tr td.range.today.disabled:hover:active, .datepicker table tr td.range.today.disabled:hover:hover, .datepicker table tr td.range.today.disabled:hover[disabled], .datepicker table tr td.range.today.disabled[disabled], .datepicker table tr td.range.today:active, .datepicker table tr td.range.today:hover, .datepicker table tr td.range.today:hover.active, .datepicker table tr td.range.today:hover.disabled, .datepicker table tr td.range.today:hover:active, .datepicker table tr td.range.today:hover:hover, .datepicker table tr td.range.today:hover[disabled], .datepicker table tr td.range.today[disabled] {
    background-color: #f3e97a
}

.datepicker table tr td.range.today.active, .datepicker table tr td.range.today.disabled.active, .datepicker table tr td.range.today.disabled:active, .datepicker table tr td.range.today.disabled:hover.active, .datepicker table tr td.range.today.disabled:hover:active, .datepicker table tr td.range.today:active, .datepicker table tr td.range.today:hover.active, .datepicker table tr td.range.today:hover:active {
    background-color: #efe24b \9
}

.datepicker table tr td.selected, .datepicker table tr td.selected.disabled, .datepicker table tr td.selected.disabled:hover, .datepicker table tr td.selected:hover {
    background-color: #9e9e9e;
    background-image: linear-gradient(180deg, #b3b3b3, gray);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#b3b3b3", endColorstr="#808080", GradientType=0);
    border-color: gray gray #595959;
    border-color: rgba(0, 0, 0, .1) rgba(0, 0, 0, .1) rgba(0, 0, 0, .25);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
    color: #fff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, .25)
}

.datepicker table tr td.selected.active, .datepicker table tr td.selected.disabled, .datepicker table tr td.selected.disabled.active, .datepicker table tr td.selected.disabled.disabled, .datepicker table tr td.selected.disabled:active, .datepicker table tr td.selected.disabled:hover, .datepicker table tr td.selected.disabled:hover.active, .datepicker table tr td.selected.disabled:hover.disabled, .datepicker table tr td.selected.disabled:hover:active, .datepicker table tr td.selected.disabled:hover:hover, .datepicker table tr td.selected.disabled:hover[disabled], .datepicker table tr td.selected.disabled[disabled], .datepicker table tr td.selected:active, .datepicker table tr td.selected:hover, .datepicker table tr td.selected:hover.active, .datepicker table tr td.selected:hover.disabled, .datepicker table tr td.selected:hover:active, .datepicker table tr td.selected:hover:hover, .datepicker table tr td.selected:hover[disabled], .datepicker table tr td.selected[disabled] {
    background-color: gray
}

.datepicker table tr td.selected.active, .datepicker table tr td.selected.disabled.active, .datepicker table tr td.selected.disabled:active, .datepicker table tr td.selected.disabled:hover.active, .datepicker table tr td.selected.disabled:hover:active, .datepicker table tr td.selected:active, .datepicker table tr td.selected:hover.active, .datepicker table tr td.selected:hover:active {
    background-color: #666 \9
}

.datepicker table tr td.active, .datepicker table tr td.active.disabled, .datepicker table tr td.active.disabled:hover, .datepicker table tr td.active:hover {
    background-color: #006dcc;
    background-image: linear-gradient(180deg, #08c, #04c);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#08c", endColorstr="#0044cc", GradientType=0);
    border-color: #04c #04c #002a80;
    border-color: rgba(0, 0, 0, .1) rgba(0, 0, 0, .1) rgba(0, 0, 0, .25);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
    color: #fff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, .25)
}

.datepicker table tr td.active.active, .datepicker table tr td.active.disabled, .datepicker table tr td.active.disabled.active, .datepicker table tr td.active.disabled.disabled, .datepicker table tr td.active.disabled:active, .datepicker table tr td.active.disabled:hover, .datepicker table tr td.active.disabled:hover.active, .datepicker table tr td.active.disabled:hover.disabled, .datepicker table tr td.active.disabled:hover:active, .datepicker table tr td.active.disabled:hover:hover, .datepicker table tr td.active.disabled:hover[disabled], .datepicker table tr td.active.disabled[disabled], .datepicker table tr td.active:active, .datepicker table tr td.active:hover, .datepicker table tr td.active:hover.active, .datepicker table tr td.active:hover.disabled, .datepicker table tr td.active:hover:active, .datepicker table tr td.active:hover:hover, .datepicker table tr td.active:hover[disabled], .datepicker table tr td.active[disabled] {
    background-color: #04c
}

.datepicker table tr td.active.active, .datepicker table tr td.active.disabled.active, .datepicker table tr td.active.disabled:active, .datepicker table tr td.active.disabled:hover.active, .datepicker table tr td.active.disabled:hover:active, .datepicker table tr td.active:active, .datepicker table tr td.active:hover.active, .datepicker table tr td.active:hover:active {
    background-color: #039 \9
}

.datepicker table tr td span {
    display: block;
    width: 23%;
    height: 3.375rem;
    line-height: 3.375rem;
    float: left;
    margin: 1%;
    cursor: pointer;
    border-radius: .25rem
}

.datepicker table tr td span.focused, .datepicker table tr td span:hover {
    background: #eee
}

.datepicker table tr td span.disabled, .datepicker table tr td span.disabled:hover {
    background: none;
    color: #999;
    cursor: default
}

.datepicker table tr td span.active, .datepicker table tr td span.active.disabled, .datepicker table tr td span.active.disabled:hover, .datepicker table tr td span.active:hover {
    background-color: #006dcc;
    background-image: linear-gradient(180deg, #08c, #04c);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#08c", endColorstr="#0044cc", GradientType=0);
    border-color: #04c #04c #002a80;
    border-color: rgba(0, 0, 0, .1) rgba(0, 0, 0, .1) rgba(0, 0, 0, .25);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
    color: #fff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, .25)
}

.datepicker table tr td span.active.active, .datepicker table tr td span.active.disabled, .datepicker table tr td span.active.disabled.active, .datepicker table tr td span.active.disabled.disabled, .datepicker table tr td span.active.disabled:active, .datepicker table tr td span.active.disabled:hover, .datepicker table tr td span.active.disabled:hover.active, .datepicker table tr td span.active.disabled:hover.disabled, .datepicker table tr td span.active.disabled:hover:active, .datepicker table tr td span.active.disabled:hover:hover, .datepicker table tr td span.active.disabled:hover[disabled], .datepicker table tr td span.active.disabled[disabled], .datepicker table tr td span.active:active, .datepicker table tr td span.active:hover, .datepicker table tr td span.active:hover.active, .datepicker table tr td span.active:hover.disabled, .datepicker table tr td span.active:hover:active, .datepicker table tr td span.active:hover:hover, .datepicker table tr td span.active:hover[disabled], .datepicker table tr td span.active[disabled] {
    background-color: #04c
}

.datepicker table tr td span.active.active, .datepicker table tr td span.active.disabled.active, .datepicker table tr td span.active.disabled:active, .datepicker table tr td span.active.disabled:hover.active, .datepicker table tr td span.active.disabled:hover:active, .datepicker table tr td span.active:active, .datepicker table tr td span.active:hover.active, .datepicker table tr td span.active:hover:active {
    background-color: #039 \9
}

.datepicker table tr td span.new, .datepicker table tr td span.old {
    color: #999
}

.datepicker .datepicker-switch {
    width: 9.0625rem
}

.datepicker .datepicker-switch, .datepicker .next, .datepicker .prev, .datepicker tfoot tr th {
    cursor: pointer
}

.datepicker .datepicker-switch:hover, .datepicker .next:hover, .datepicker .prev:hover, .datepicker tfoot tr th:hover {
    background: #eee
}

.datepicker .next.disabled, .datepicker .prev.disabled {
    visibility: hidden
}

.datepicker .cw {
    font-size: .625rem;
    width: .75rem;
    padding: 0 .125rem 0 .3125rem;
    vertical-align: middle
}

.input-append.date .add-on, .input-prepend.date .add-on {
    cursor: pointer
}

.input-append.date .add-on i, .input-prepend.date .add-on i {
    margin-top: .1875rem
}

.input-daterange input {
    text-align: center
}

.input-daterange input:first-child {
    border-radius: .1875rem 0 0 .1875rem
}

.input-daterange input:last-child {
    border-radius: 0 .1875rem .1875rem 0
}

.input-daterange .add-on {
    display: inline-block;
    width: auto;
    min-width: 1rem;
    height: 1.125rem;
    padding: .25rem .3125rem;
    font-weight: normal;
    line-height: 1.125rem;
    text-align: center;
    text-shadow: 0 1px 0 #fff;
    vertical-align: middle;
    background-color: #eee;
    border: .0625rem solid #ccc;
    margin-left: -.3125rem;
    margin-right: -.3125rem
}

.nano {
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden
}

.nano > .nano-content {
    position: absolute;
    overflow: scroll;
    overflow-x: hidden;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.nano > .nano-content:focus {
    outline: thin dotted
}

.nano > .nano-content::-webkit-scrollbar {
    display: none
}

.has-scrollbar > .nano-content::-webkit-scrollbar {
    display: block
}

.nano > .nano-pane {
    background: rgba(0, 0, 0, .25);
    position: absolute;
    width: .625rem;
    right: 0;
    top: 0;
    bottom: 0;
    visibility: hidden \9;
    opacity: .01;
    transition: .2s;
    border-radius: .3125rem
}

.nano > .nano-pane > .nano-slider {
    background: #444;
    background: rgba(0, 0, 0, .5);
    position: relative;
    margin: 0 .0625rem;
    border-radius: .1875rem
}

.nano-pane.active, .nano-pane.flashed, .nano:hover > .nano-pane {
    visibility: visible \9;
    opacity: .99
}

.container, .container-fluid, .container-lg, .container-md, .container-sm {
    width: 100%;
    padding-right: .625rem;
    padding-left: .625rem;
    margin-right: auto;
    margin-left: auto
}

@media (min-width: 768px) {
    .container, .container-sm {
        max-width: 45rem
    }
}

@media (min-width: 992px) {
    .container, .container-md, .container-sm {
        max-width: 60rem
    }
}

@media (min-width: 1200px) {
    .container, .container-lg, .container-md, .container-sm {
        max-width: 76.25rem
    }
}

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

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

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

.col, .col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col-auto, .col-lg, .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-lg-auto, .col-md, .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-md-auto, .col-sm, .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-sm-auto {
    position: relative;
    width: 100%;
    padding-right: .625rem;
    padding-left: .625rem
}

.col {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%
}

.row-cols-1 > * {
    flex: 0 0 100%;
    max-width: 100%
}

.row-cols-2 > * {
    flex: 0 0 50%;
    max-width: 50%
}

.row-cols-3 > * {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%
}

.row-cols-4 > * {
    flex: 0 0 25%;
    max-width: 25%
}

.row-cols-5 > * {
    flex: 0 0 20%;
    max-width: 20%
}

.row-cols-6 > * {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%
}

.col-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: 100%
}

.col-1 {
    flex: 0 0 8.3333333333%;
    max-width: 8.3333333333%
}

.col-2 {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%
}

.col-3 {
    flex: 0 0 25%;
    max-width: 25%
}

.col-4 {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%
}

.col-5 {
    flex: 0 0 41.6666666667%;
    max-width: 41.6666666667%
}

.col-6 {
    flex: 0 0 50%;
    max-width: 50%
}

.col-7 {
    flex: 0 0 58.3333333333%;
    max-width: 58.3333333333%
}

.col-8 {
    flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%
}

.col-9 {
    flex: 0 0 75%;
    max-width: 75%
}

.col-10 {
    flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%
}

.col-11 {
    flex: 0 0 91.6666666667%;
    max-width: 91.6666666667%
}

.col-12 {
    flex: 0 0 100%;
    max-width: 100%
}

.order-first {
    order: -1
}

.order-last {
    order: 13
}

.order-0 {
    order: 0
}

.order-1 {
    order: 1
}

.order-2 {
    order: 2
}

.order-3 {
    order: 3
}

.order-4 {
    order: 4
}

.order-5 {
    order: 5
}

.order-6 {
    order: 6
}

.order-7 {
    order: 7
}

.order-8 {
    order: 8
}

.order-9 {
    order: 9
}

.order-10 {
    order: 10
}

.order-11 {
    order: 11
}

.order-12 {
    order: 12
}

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

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

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

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

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

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

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

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

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

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

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

@media (min-width: 768px) {
    .col-sm {
        flex-basis: 0;
        flex-grow: 1;
        max-width: 100%
    }

    .row-cols-sm-1 > * {
        flex: 0 0 100%;
        max-width: 100%
    }

    .row-cols-sm-2 > * {
        flex: 0 0 50%;
        max-width: 50%
    }

    .row-cols-sm-3 > * {
        flex: 0 0 33.3333333333%;
        max-width: 33.3333333333%
    }

    .row-cols-sm-4 > * {
        flex: 0 0 25%;
        max-width: 25%
    }

    .row-cols-sm-5 > * {
        flex: 0 0 20%;
        max-width: 20%
    }

    .row-cols-sm-6 > * {
        flex: 0 0 16.6666666667%;
        max-width: 16.6666666667%
    }

    .col-sm-auto {
        flex: 0 0 auto;
        width: auto;
        max-width: 100%
    }

    .col-sm-1 {
        flex: 0 0 8.3333333333%;
        max-width: 8.3333333333%
    }

    .col-sm-2 {
        flex: 0 0 16.6666666667%;
        max-width: 16.6666666667%
    }

    .col-sm-3 {
        flex: 0 0 25%;
        max-width: 25%
    }

    .col-sm-4 {
        flex: 0 0 33.3333333333%;
        max-width: 33.3333333333%
    }

    .col-sm-5 {
        flex: 0 0 41.6666666667%;
        max-width: 41.6666666667%
    }

    .col-sm-6 {
        flex: 0 0 50%;
        max-width: 50%
    }

    .col-sm-7 {
        flex: 0 0 58.3333333333%;
        max-width: 58.3333333333%
    }

    .col-sm-8 {
        flex: 0 0 66.6666666667%;
        max-width: 66.6666666667%
    }

    .col-sm-9 {
        flex: 0 0 75%;
        max-width: 75%
    }

    .col-sm-10 {
        flex: 0 0 83.3333333333%;
        max-width: 83.3333333333%
    }

    .col-sm-11 {
        flex: 0 0 91.6666666667%;
        max-width: 91.6666666667%
    }

    .col-sm-12 {
        flex: 0 0 100%;
        max-width: 100%
    }

    .order-sm-first {
        order: -1
    }

    .order-sm-last {
        order: 13
    }

    .order-sm-0 {
        order: 0
    }

    .order-sm-1 {
        order: 1
    }

    .order-sm-2 {
        order: 2
    }

    .order-sm-3 {
        order: 3
    }

    .order-sm-4 {
        order: 4
    }

    .order-sm-5 {
        order: 5
    }

    .order-sm-6 {
        order: 6
    }

    .order-sm-7 {
        order: 7
    }

    .order-sm-8 {
        order: 8
    }

    .order-sm-9 {
        order: 9
    }

    .order-sm-10 {
        order: 10
    }

    .order-sm-11 {
        order: 11
    }

    .order-sm-12 {
        order: 12
    }

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

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

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

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

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

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

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

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

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

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

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

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

@media (min-width: 992px) {
    .col-md {
        flex-basis: 0;
        flex-grow: 1;
        max-width: 100%
    }

    .row-cols-md-1 > * {
        flex: 0 0 100%;
        max-width: 100%
    }

    .row-cols-md-2 > * {
        flex: 0 0 50%;
        max-width: 50%
    }

    .row-cols-md-3 > * {
        flex: 0 0 33.3333333333%;
        max-width: 33.3333333333%
    }

    .row-cols-md-4 > * {
        flex: 0 0 25%;
        max-width: 25%
    }

    .row-cols-md-5 > * {
        flex: 0 0 20%;
        max-width: 20%
    }

    .row-cols-md-6 > * {
        flex: 0 0 16.6666666667%;
        max-width: 16.6666666667%
    }

    .col-md-auto {
        flex: 0 0 auto;
        width: auto;
        max-width: 100%
    }

    .col-md-1 {
        flex: 0 0 8.3333333333%;
        max-width: 8.3333333333%
    }

    .col-md-2 {
        flex: 0 0 16.6666666667%;
        max-width: 16.6666666667%
    }

    .col-md-3 {
        flex: 0 0 25%;
        max-width: 25%
    }

    .col-md-4 {
        flex: 0 0 33.3333333333%;
        max-width: 33.3333333333%
    }

    .col-md-5 {
        flex: 0 0 41.6666666667%;
        max-width: 41.6666666667%
    }

    .col-md-6 {
        flex: 0 0 50%;
        max-width: 50%
    }

    .col-md-7 {
        flex: 0 0 58.3333333333%;
        max-width: 58.3333333333%
    }

    .col-md-8 {
        flex: 0 0 66.6666666667%;
        max-width: 66.6666666667%
    }

    .col-md-9 {
        flex: 0 0 75%;
        max-width: 75%
    }

    .col-md-10 {
        flex: 0 0 83.3333333333%;
        max-width: 83.3333333333%
    }

    .col-md-11 {
        flex: 0 0 91.6666666667%;
        max-width: 91.6666666667%
    }

    .col-md-12 {
        flex: 0 0 100%;
        max-width: 100%
    }

    .order-md-first {
        order: -1
    }

    .order-md-last {
        order: 13
    }

    .order-md-0 {
        order: 0
    }

    .order-md-1 {
        order: 1
    }

    .order-md-2 {
        order: 2
    }

    .order-md-3 {
        order: 3
    }

    .order-md-4 {
        order: 4
    }

    .order-md-5 {
        order: 5
    }

    .order-md-6 {
        order: 6
    }

    .order-md-7 {
        order: 7
    }

    .order-md-8 {
        order: 8
    }

    .order-md-9 {
        order: 9
    }

    .order-md-10 {
        order: 10
    }

    .order-md-11 {
        order: 11
    }

    .order-md-12 {
        order: 12
    }

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

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

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

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

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

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

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

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

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

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

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

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

@media (min-width: 1200px) {
    .col-lg {
        flex-basis: 0;
        flex-grow: 1;
        max-width: 100%
    }

    .row-cols-lg-1 > * {
        flex: 0 0 100%;
        max-width: 100%
    }

    .row-cols-lg-2 > * {
        flex: 0 0 50%;
        max-width: 50%
    }

    .row-cols-lg-3 > * {
        flex: 0 0 33.3333333333%;
        max-width: 33.3333333333%
    }

    .row-cols-lg-4 > * {
        flex: 0 0 25%;
        max-width: 25%
    }

    .row-cols-lg-5 > * {
        flex: 0 0 20%;
        max-width: 20%
    }

    .row-cols-lg-6 > * {
        flex: 0 0 16.6666666667%;
        max-width: 16.6666666667%
    }

    .col-lg-auto {
        flex: 0 0 auto;
        width: auto;
        max-width: 100%
    }

    .col-lg-1 {
        flex: 0 0 8.3333333333%;
        max-width: 8.3333333333%
    }

    .col-lg-2 {
        flex: 0 0 16.6666666667%;
        max-width: 16.6666666667%
    }

    .col-lg-3 {
        flex: 0 0 25%;
        max-width: 25%
    }

    .col-lg-4 {
        flex: 0 0 33.3333333333%;
        max-width: 33.3333333333%
    }

    .col-lg-5 {
        flex: 0 0 41.6666666667%;
        max-width: 41.6666666667%
    }

    .col-lg-6 {
        flex: 0 0 50%;
        max-width: 50%
    }

    .col-lg-7 {
        flex: 0 0 58.3333333333%;
        max-width: 58.3333333333%
    }

    .col-lg-8 {
        flex: 0 0 66.6666666667%;
        max-width: 66.6666666667%
    }

    .col-lg-9 {
        flex: 0 0 75%;
        max-width: 75%
    }

    .col-lg-10 {
        flex: 0 0 83.3333333333%;
        max-width: 83.3333333333%
    }

    .col-lg-11 {
        flex: 0 0 91.6666666667%;
        max-width: 91.6666666667%
    }

    .col-lg-12 {
        flex: 0 0 100%;
        max-width: 100%
    }

    .order-lg-first {
        order: -1
    }

    .order-lg-last {
        order: 13
    }

    .order-lg-0 {
        order: 0
    }

    .order-lg-1 {
        order: 1
    }

    .order-lg-2 {
        order: 2
    }

    .order-lg-3 {
        order: 3
    }

    .order-lg-4 {
        order: 4
    }

    .order-lg-5 {
        order: 5
    }

    .order-lg-6 {
        order: 6
    }

    .order-lg-7 {
        order: 7
    }

    .order-lg-8 {
        order: 8
    }

    .order-lg-9 {
        order: 9
    }

    .order-lg-10 {
        order: 10
    }

    .order-lg-11 {
        order: 11
    }

    .order-lg-12 {
        order: 12
    }

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

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

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

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

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

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

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

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

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

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

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

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

.flex-row {
    flex-direction: row !important
}

.flex-column {
    flex-direction: column !important
}

.flex-row-reverse {
    flex-direction: row-reverse !important
}

.flex-column-reverse {
    flex-direction: column-reverse !important
}

.flex-wrap {
    flex-wrap: wrap !important
}

.flex-nowrap {
    flex-wrap: nowrap !important
}

.flex-wrap-reverse {
    flex-wrap: wrap-reverse !important
}

.flex-fill {
    flex: 1 1 auto !important
}

.flex-grow-0 {
    flex-grow: 0 !important
}

.flex-grow-1 {
    flex-grow: 1 !important
}

.flex-shrink-0 {
    flex-shrink: 0 !important
}

.flex-shrink-1 {
    flex-shrink: 1 !important
}

.justify-content-start {
    justify-content: flex-start !important
}

.justify-content-end {
    justify-content: flex-end !important
}

.justify-content-center {
    justify-content: center !important
}

.justify-content-between {
    justify-content: space-between !important
}

.justify-content-around {
    justify-content: space-around !important
}

.align-items-start {
    align-items: flex-start !important
}

.align-items-end {
    align-items: flex-end !important
}

.align-items-center {
    align-items: center !important
}

.align-items-baseline {
    align-items: baseline !important
}

.align-items-stretch {
    align-items: stretch !important
}

.align-content-start {
    align-content: flex-start !important
}

.align-content-end {
    align-content: flex-end !important
}

.align-content-center {
    align-content: center !important
}

.align-content-between {
    align-content: space-between !important
}

.align-content-around {
    align-content: space-around !important
}

.align-content-stretch {
    align-content: stretch !important
}

.align-self-auto {
    align-self: auto !important
}

.align-self-start {
    align-self: flex-start !important
}

.align-self-end {
    align-self: flex-end !important
}

.align-self-center {
    align-self: center !important
}

.align-self-baseline {
    align-self: baseline !important
}

.align-self-stretch {
    align-self: stretch !important
}

@media (min-width: 768px) {
    .flex-sm-row {
        flex-direction: row !important
    }

    .flex-sm-column {
        flex-direction: column !important
    }

    .flex-sm-row-reverse {
        flex-direction: row-reverse !important
    }

    .flex-sm-column-reverse {
        flex-direction: column-reverse !important
    }

    .flex-sm-wrap {
        flex-wrap: wrap !important
    }

    .flex-sm-nowrap {
        flex-wrap: nowrap !important
    }

    .flex-sm-wrap-reverse {
        flex-wrap: wrap-reverse !important
    }

    .flex-sm-fill {
        flex: 1 1 auto !important
    }

    .flex-sm-grow-0 {
        flex-grow: 0 !important
    }

    .flex-sm-grow-1 {
        flex-grow: 1 !important
    }

    .flex-sm-shrink-0 {
        flex-shrink: 0 !important
    }

    .flex-sm-shrink-1 {
        flex-shrink: 1 !important
    }

    .justify-content-sm-start {
        justify-content: flex-start !important
    }

    .justify-content-sm-end {
        justify-content: flex-end !important
    }

    .justify-content-sm-center {
        justify-content: center !important
    }

    .justify-content-sm-between {
        justify-content: space-between !important
    }

    .justify-content-sm-around {
        justify-content: space-around !important
    }

    .align-items-sm-start {
        align-items: flex-start !important
    }

    .align-items-sm-end {
        align-items: flex-end !important
    }

    .align-items-sm-center {
        align-items: center !important
    }

    .align-items-sm-baseline {
        align-items: baseline !important
    }

    .align-items-sm-stretch {
        align-items: stretch !important
    }

    .align-content-sm-start {
        align-content: flex-start !important
    }

    .align-content-sm-end {
        align-content: flex-end !important
    }

    .align-content-sm-center {
        align-content: center !important
    }

    .align-content-sm-between {
        align-content: space-between !important
    }

    .align-content-sm-around {
        align-content: space-around !important
    }

    .align-content-sm-stretch {
        align-content: stretch !important
    }

    .align-self-sm-auto {
        align-self: auto !important
    }

    .align-self-sm-start {
        align-self: flex-start !important
    }

    .align-self-sm-end {
        align-self: flex-end !important
    }

    .align-self-sm-center {
        align-self: center !important
    }

    .align-self-sm-baseline {
        align-self: baseline !important
    }

    .align-self-sm-stretch {
        align-self: stretch !important
    }
}

@media (min-width: 992px) {
    .flex-md-row {
        flex-direction: row !important
    }

    .flex-md-column {
        flex-direction: column !important
    }

    .flex-md-row-reverse {
        flex-direction: row-reverse !important
    }

    .flex-md-column-reverse {
        flex-direction: column-reverse !important
    }

    .flex-md-wrap {
        flex-wrap: wrap !important
    }

    .flex-md-nowrap {
        flex-wrap: nowrap !important
    }

    .flex-md-wrap-reverse {
        flex-wrap: wrap-reverse !important
    }

    .flex-md-fill {
        flex: 1 1 auto !important
    }

    .flex-md-grow-0 {
        flex-grow: 0 !important
    }

    .flex-md-grow-1 {
        flex-grow: 1 !important
    }

    .flex-md-shrink-0 {
        flex-shrink: 0 !important
    }

    .flex-md-shrink-1 {
        flex-shrink: 1 !important
    }

    .justify-content-md-start {
        justify-content: flex-start !important
    }

    .justify-content-md-end {
        justify-content: flex-end !important
    }

    .justify-content-md-center {
        justify-content: center !important
    }

    .justify-content-md-between {
        justify-content: space-between !important
    }

    .justify-content-md-around {
        justify-content: space-around !important
    }

    .align-items-md-start {
        align-items: flex-start !important
    }

    .align-items-md-end {
        align-items: flex-end !important
    }

    .align-items-md-center {
        align-items: center !important
    }

    .align-items-md-baseline {
        align-items: baseline !important
    }

    .align-items-md-stretch {
        align-items: stretch !important
    }

    .align-content-md-start {
        align-content: flex-start !important
    }

    .align-content-md-end {
        align-content: flex-end !important
    }

    .align-content-md-center {
        align-content: center !important
    }

    .align-content-md-between {
        align-content: space-between !important
    }

    .align-content-md-around {
        align-content: space-around !important
    }

    .align-content-md-stretch {
        align-content: stretch !important
    }

    .align-self-md-auto {
        align-self: auto !important
    }

    .align-self-md-start {
        align-self: flex-start !important
    }

    .align-self-md-end {
        align-self: flex-end !important
    }

    .align-self-md-center {
        align-self: center !important
    }

    .align-self-md-baseline {
        align-self: baseline !important
    }

    .align-self-md-stretch {
        align-self: stretch !important
    }
}

@media (min-width: 1200px) {
    .flex-lg-row {
        flex-direction: row !important
    }

    .flex-lg-column {
        flex-direction: column !important
    }

    .flex-lg-row-reverse {
        flex-direction: row-reverse !important
    }

    .flex-lg-column-reverse {
        flex-direction: column-reverse !important
    }

    .flex-lg-wrap {
        flex-wrap: wrap !important
    }

    .flex-lg-nowrap {
        flex-wrap: nowrap !important
    }

    .flex-lg-wrap-reverse {
        flex-wrap: wrap-reverse !important
    }

    .flex-lg-fill {
        flex: 1 1 auto !important
    }

    .flex-lg-grow-0 {
        flex-grow: 0 !important
    }

    .flex-lg-grow-1 {
        flex-grow: 1 !important
    }

    .flex-lg-shrink-0 {
        flex-shrink: 0 !important
    }

    .flex-lg-shrink-1 {
        flex-shrink: 1 !important
    }

    .justify-content-lg-start {
        justify-content: flex-start !important
    }

    .justify-content-lg-end {
        justify-content: flex-end !important
    }

    .justify-content-lg-center {
        justify-content: center !important
    }

    .justify-content-lg-between {
        justify-content: space-between !important
    }

    .justify-content-lg-around {
        justify-content: space-around !important
    }

    .align-items-lg-start {
        align-items: flex-start !important
    }

    .align-items-lg-end {
        align-items: flex-end !important
    }

    .align-items-lg-center {
        align-items: center !important
    }

    .align-items-lg-baseline {
        align-items: baseline !important
    }

    .align-items-lg-stretch {
        align-items: stretch !important
    }

    .align-content-lg-start {
        align-content: flex-start !important
    }

    .align-content-lg-end {
        align-content: flex-end !important
    }

    .align-content-lg-center {
        align-content: center !important
    }

    .align-content-lg-between {
        align-content: space-between !important
    }

    .align-content-lg-around {
        align-content: space-around !important
    }

    .align-content-lg-stretch {
        align-content: stretch !important
    }

    .align-self-lg-auto {
        align-self: auto !important
    }

    .align-self-lg-start {
        align-self: flex-start !important
    }

    .align-self-lg-end {
        align-self: flex-end !important
    }

    .align-self-lg-center {
        align-self: center !important
    }

    .align-self-lg-baseline {
        align-self: baseline !important
    }

    .align-self-lg-stretch {
        align-self: stretch !important
    }
}

.visible-lg, .visible-lg-block, .visible-lg-flex, .visible-lg-inline, .visible-lg-inline-block, .visible-lg-inline-flex, .visible-md, .visible-md-block, .visible-md-flex, .visible-md-inline, .visible-md-inline-block, .visible-md-inline-flex, .visible-sm, .visible-sm-block, .visible-sm-flex, .visible-sm-inline, .visible-sm-inline-block, .visible-sm-inline-flex, .visible-xs, .visible-xs-block, .visible-xs-flex, .visible-xs-inline, .visible-xs-inline-block, .visible-xs-inline-flex {
    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 (max-width: 767px) {
    .visible-xs-flex {
        display: flex !important
    }
}

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

@media (min-width: 768px) and (max-width: 991px) {
    .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: 991px) {
    .visible-sm-block {
        display: block !important
    }
}

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

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

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

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

@media (min-width: 992px) 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: 992px) and (max-width: 1199px) {
    .visible-md-block {
        display: block !important
    }
}

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

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

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

@media (min-width: 992px) and (max-width: 1199px) {
    .visible-md-inline-flex {
        display: inline-flex !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 (min-width: 1200px) {
    .visible-lg-flex {
        display: flex !important
    }
}

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

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

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

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

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

*, :after, :before {
    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: "Roboto";
    src: url(../fonts/Roboto-Regular.woff2) format("woff2"), url(../fonts/Roboto-Regular.woff) format("woff"), url(../fonts/Roboto-Regular.ttf) format("truetype");
    font-weight: normal;
    font-style: normal
}

@font-face {
    font-family: "Roboto";
    src: url(../fonts/Roboto-Bold.woff2) format("woff2"), url(../fonts/Roboto-Bold.woff) format("woff"), url(../fonts/Roboto-Bold.ttf) format("truetype");
    font-weight: 700;
    font-style: normal
}

html {
    font-size: 16px
}

body {
    font-size: 1.25rem;
    line-height: 1.4375rem;
    color: #000;
    -webkit-text-size-adjust: none;
    -webkit-overflow-scrolling: touch;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}



.text--white {
    color: #fff
}

.text--black {
    color: #000
}

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

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

p {
    margin: 0 0 1.4375rem
}

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

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
}

@font-face {
    font-family: "icomoon";
    src: url(../fonts/icomoon.eot);
    src: url(../fonts/icomoon.eot#iefix) format("embedded-opentype"), url(../fonts/icomoon.ttf) format("truetype"), url(../fonts/icomoon.woff) format("woff"), url(../fonts/icomoon.svg#icomoon) format("svg");
    font-weight: normal;
    font-style: normal
}

.icon {
    position: relative;
    font-family: "icomoon" !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.icon-rub:before {
    content: "\e900"
}

.icon-tenge:before {
    content: "\e901"
}

.icon-21 {
    display: inline-block;
    vertical-align: middle;
    background-size: 100% 100%;
    width: 2.4375rem;
    height: 3.42773rem;
    background-image: url(../img/icon-21.svg)
}

.icon-insta, .icon-vk {
    width: 3rem;
    height: 3rem
}

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

.icon-insta, .icon-vk {
    display: inline-block;
    vertical-align: middle;
    background-size: 100% 100%
}

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

.icon-mobile {
    width: .875rem;
    height: 1.54867rem;
    background-image: url(../img/icon-mobile.svg);
    display: inline-block;
    vertical-align: middle;
    background-size: 100% 100%
}

.icon-ios {
    height: 1.52616rem;
    background-image: url(../img/icon-ios.svg)
}

.icon-android, .icon-ios {
    width: 1.3125rem;
    display: inline-block;
    vertical-align: middle;
    background-size: 100% 100%
}

.icon-android {
    height: 1.54412rem;
    background-image: url(../img/icon-android.svg)
}

.icon-close {
    background-size: 100% 100%;
    background-image: url(../img/icon-close.svg);
    display: block
}

.modal--login .icon-close, .modal--reg .icon-close {
    background-image: url(../img/close-icon-white.svg)
}

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

.icon-info, .icon-user {
    background-size: 100% 100%
}

.icon-user {
    display: inline-block;
    vertical-align: middle;
    width: 1.5rem;
    height: 1.25rem;
    background-image: url(../img/icon-user.svg);
    margin-right: -.25rem;
    top: -.1875rem
}

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

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

a {
    color: #e27d01;
    outline: none !important
}

a, a:focus, a:hover {
    text-decoration: none
}

a:focus, a:hover {
    color: #965301
}

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

.link--block {
    display: block
}

.link {
    position: relative
}

.link:after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    border-bottom: 1px solid;
    opacity: .3;
    transition: transform .3s;
    transform-origin: 50% 50%;
    transform: scaleX(0)
}

.link:hover:after {
    transform: scaleX(1)
}

.link--zoom {
    position: relative
}

.link--zoom:before {
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: transparent;
    z-index: 0;
    transition: background .3s
}

.link--zoom:after, .link--zoom:before {
    content: "";
    position: absolute;
    pointer-events: none
}

.link--zoom:after {
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%) scale(0);
    width: 1.875rem;
    height: 1.875rem;
    background-size: 100% 100%;
    background-image: url(../img/icon-zoom.svg);
    transition: transform .3s;
    z-index: 1
}

.link--zoom:hover:before {
    background: rgba(0, 0, 0, .5)
}

.link--zoom:hover:after {
    transform: translate(-50%, -50%) scale(1)
}

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

.btn, .btn--unstyled {
    display: inline-block;
    vertical-align: middle;
    margin-bottom: 0;
    font-weight: normal;
    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: .0625rem solid transparent;
    font-size: .875rem;
    transition-property: box-shadow, background-color, color;
    transition-duration: .2s;
    padding: .375rem .75rem;
    position: relative
}

.btn.active, .btn:active {
    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: 2.5rem;
    height: 2.5rem;
    background-size: 100% 100%;
    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='%23fff' 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");
    transition: transform .2s;
    pointer-events: none
}

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

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

.btn--primary {
    font-weight: 700;
    text-shadow: 2px 2px 4px rgba(0, 0, 0, .5);
    color: #000;
    background-size: 100% 100%;
    display: inline-block;
    border: .1875rem solid #000;
    position: relative;
    z-index: 2;
    background: #ffce00;
    background: linear-gradient(180deg, #ffce00 0, #ff9500);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffce00", endColorstr="#ff9500", GradientType=0);
    text-transform: uppercase;
    box-shadow: 3px 3px 0 0 #b9000c
}

.btn--primary span {
    position: relative;
    z-index: 1
}

.btn--primary:focus, .btn--primary:hover {
    color: #000
}

.btn--primary.disabled, .btn--primary[disabled] {
    color: hsla(0, 0%, 100%, .6);
    text-shadow: none
}

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

@media (min-width: 768px) {
    .btn--primary {
        font-size: 1.5rem;
        padding: .9375rem 2.5rem .875rem;
        border-radius: 1.875rem
    }

    .btn--reg {
        min-width: 15.75rem
    }

    .btn--login {
        min-width: 10.0625rem
    }

    .btn--join {
        min-width: 22.4375rem
    }

    .btn--express {
        min-width: 20.9375rem
    }

    .btn--close {
        right: 3.25rem;
        top: 2.8125rem;
        width: 1.75rem;
        height: 1.75rem
    }
}

@media (max-width: 767px) {
    .btn--primary {
        font-size: 1.375rem;
        padding: .5625rem 1.5625rem;
        border-radius: 1.4375rem
    }

    .btn--join {
        min-width: 10.625rem
    }

    .btn--user {
        font-size: 1rem;
        font-weight: normal;
        color: #fff
    }

    .btn--user:active, .btn--user:focus, .btn--user:hover {
        color: #fff
    }

    .btn--user .icon {
        width: 1.875rem;
        height: 1.5625rem;
        position: relative;
        top: -.25rem
    }

    .btn--auth {
        font-size: .875rem;
        line-height: 1;
        color: #fff;
        font-weight: normal;
        border: .0625rem solid #fff;
        padding: .25rem .5625rem .1875rem;
        border-radius: .6875rem;
        min-width: 3.75rem;
        text-align: center
    }

    .btn--auth:active, .btn--auth:focus, .btn--auth:hover {
        color: #fff
    }

    .btn--close {
        right: 1.125rem;
        top: 1.4375rem;
        width: 1.375rem;
        height: 1.375rem
    }

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

    .btn--nav {
        position: absolute;
        z-index: 2;
        right: 0;
        top: 0
    }

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

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

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

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

    body.show--nav .btn--nav:after, body.show--nav .btn--nav:before, body.show--nav .btn--nav span {
        width: 1.875rem
    }

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

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

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

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

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

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

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

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

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

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

.form-control:focus {
    border-color: #6b0c17;
    box-shadow: 0 0 10px rgba(131, 3, 14, .5)
}

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

.controls {
    position: relative
}

.control-label {
    font-size: .875rem;
    line-height: 1;
    display: block;
    color: #fff
}

[lang=kz] .control-label {
    font-family: "Roboto"
}

.form-text {
    font-size: .875rem;
    line-height: 1;
    padding-top: .5625rem;
    color: #fff
}

[lang=kz] .form-text {
    font-family: "Roboto"
}

form {
    position: relative
}

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

.form-title {
    text-align: center;
    letter-spacing: 1px;
    color: #850e1c
}

[lang=ru] .form-title {
    font-weight: 900
}

.modal .form-title {
    color: #fdcc00
}

label.checkbox {
    display: block;
    margin: 0;
    padding: 0;
    position: relative;
    color: #fff;
    cursor: pointer
}

label.checkbox a {
    color: #fff;
    text-decoration: underline
}

label.checkbox a:hover {
    text-decoration: none
}

label.checkbox:after, label.checkbox:before {
    content: "";
    position: absolute;
    left: 0
}

label.checkbox:before {
    border-radius: .25rem;
    border: .0625rem solid #fff
}

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

input[type=checkbox] {
    display: none
}

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

.form-tooltip {
    position: absolute;
    z-index: 3;
    width: 1.75rem;
    height: 1.75rem;
    top: .625rem;
    right: .5625rem;
    cursor: pointer
}

.form-tooltip .icon {
    position: absolute;
    left: 0;
    top: 0
}

.form-tooltip:hover .tooltip {
    transform: translateY(0);
    opacity: 1
}

.tooltip {
    opacity: 0;
    transform: translateY(10%);
    transition: all .3s;
    pointer-events: none;
    font-size: .75rem;
    line-height: .875rem;
    text-align: center;
    background: #fff;
    border: .0625rem solid #c7c7c7;
    padding: .5rem .625rem;
    top: calc(100% + 1.1875rem);
    right: -.5625rem;
    border-radius: .625rem;
    position: absolute;
    white-space: nowrap;
    min-width: 17.1875rem
}

[lang=kz] .tooltip {
    font-family: "Roboto"
}

.tooltip:after, .tooltip:before {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 .4375rem .4375rem;
    right: .9375rem
}

.tooltip:before {
    border-color: transparent transparent #c7c7c7;
    top: -.4375rem
}

.tooltip:after {
    border-color: transparent transparent #fff;
    top: -.375rem
}

.form-error {
    color: red;
    font-size: .875rem;
    line-height: 1
}

.form-error, .group-default .img {
    text-align: center
}

.group-default .img > div {
    display: inline-block
}

@media (min-width: 768px) {
    .form-title {
        font-size: 1.875rem;
        line-height: 2.25rem;
        min-height: 4.5rem
    }

    .form-group {
        margin-bottom: 1.875rem
    }

    .control-label {
        margin: 0 .1875rem .375rem
    }

    label.checkbox {
        padding-left: 1.9375rem;
        font-size: 1rem;
        line-height: 1.1875rem
    }

    label.checkbox:after, label.checkbox:before {
        top: .625rem
    }

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

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

@media (max-width: 767px) {
    .form-title {
        font-size: 1.25rem;
        line-height: 1.5rem;
        min-height: 3rem;
        margin-bottom: 2.3125rem;
        padding: 0 .625rem
    }

    .form-group {
        margin-bottom: 1.1875rem
    }

    .control-label {
        margin-bottom: .375rem
    }

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

    label.checkbox {
        padding-left: 1.5625rem;
        font-size: .625rem;
        line-height: .75rem;
        white-space: nowrap
    }

    label.checkbox:after, label.checkbox:before {
        top: .1875rem
    }

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

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

.clearfix:after {
    display: block;
    clear: both;
    content: ""
}

.pull-right {
    float: right
}

.pull-left {
    float: left
}

.hidden {
    display: none !important
}

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

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

.text--hide {
    font: 0/0 a;
    color: transparent;
    text-shadow: none;
    background-color: transparent;
    border: 0
}

.text--left {
    text-align: left
}

.text--right {
    text-align: right
}

.text--center {
    text-align: center
}

.text--nowrap {
    white-space: nowrap
}

.text--uppercase {
    text-transform: uppercase
}

.fade {
    opacity: 0;
    transition: opacity .15s linear
}

.fade.show {
    opacity: 1
}

iframe {
    width: 100%;
    height: 100%;
    border: 0;
    background: none;
    overflow: hidden
}

.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: 9.75rem;
    padding: .375rem 0;
    margin: 0;
    list-style: none;
    font-size: 1.25rem;
    text-align: left;
    background-clip: padding-box;
    background: #726f6f;
    border: .0625rem solid #fff;
    border-radius: .625rem
}

.dropdown-menu > li > a {
    display: block;
    padding: .125rem 1.125rem;
    clear: both;
    font-size: 1.125rem;
    font-weight: normal;
    line-height: 1;
    white-space: nowrap;
    color: #fff;
    font-weight: 300;
    text-decoration: none;
    letter-spacing: .01em
}

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

.show > 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%
}

body {
    min-height: 100vh;
    background: #000
}

.wrapper {
    position: relative;
    overflow: hidden;
    background-size: cover
}

@media (min-width: 768px) {
    .wrapper {
        background-image: url(../img/bg2.jpg);
        background-position: 0 -180px
    }
}

@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) {
    .wrapper {
        background-image: url(../img/bg2@2x.jpg)
    }
}

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

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

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

@media (max-width: 767px) {
    .wrapper {
        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) {
    .wrapper {
        background-image: url(../img/bg-phone@2x.jpg)
    }
}

@media (max-width: 767px) {
    .container {
        padding-left: .3125rem;
        padding-right: .3125rem
    }

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

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

.header-wrapper {
    position: relative
}

.header {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 9;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    background: #000
}

.logo img {
    height: 100%
}

@media (min-width: 768px) {
    .header-wrapper {
        padding-top: 3.75rem
    }

    .header {
        height: 3.75rem
    }

    .header .pull-left {
        margin-top: .625rem
    }

    .header .pull-right {
        margin-top: .6875rem
    }

    .logo {
        height: 2.5rem
    }
}

@media (max-width: 767px) {
    .header-wrapper {
        padding-top: 3rem
    }

    .header {
        height: 3rem
    }

    .header .pull-left {
        margin: .5rem 0 0 .25rem
    }

    .logo {
        height: 1.5625rem
    }

    .btn--nav {
        width: 3rem;
        height: 3rem
    }

    .header-buttons {
        position: absolute;
        right: 3.75rem;
        top: .75rem;
        z-index: 2
    }

    .nav-mobile {
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        background: #000;
        float: none;
        height: 23.375rem;
        padding: .4375rem 0;
        transform: translateY(-100%);
        pointer-events: none;
        overflow: auto;
        overflow-x: hidden;
        max-height: 100vh
    }

    .nav-mobile .logo {
        margin-bottom: 1.9375rem
    }

    body.show--nav .header-buttons {
        display: none !important
    }

    body.show--nav .nav-mobile {
        pointer-events: all;
        transform: translateY(0);
        transition: transform .6s
    }

    body.hide--nav .header-buttons {
        display: none !important
    }

    body.hide--nav .nav-mobile {
        transition: transform .3s
    }
}

@media (min-width: 768px) {
    .nav-main {
        display: inline-block;
        vertical-align: middle;
        font-size: 0;
    }

    .nav-main a {
        font-size: 1rem;
        color: #fff;
        border: .0625rem solid transparent;
        padding: .375rem 0 .25rem;
        border-radius: 1.0625rem
    }

    .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%, .3);
        transition: transform .3s;
        transform-origin: 0 0;
        transform: scaleX(0)
    }

    .nav-main ul {
        margin: 0 -.9375rem
    }

    .nav-main a:hover span:after, .nav-main li.active a span:after {
        transform: scaleX(1)
    }

    .nav-main li {
        padding: 0 .9375rem
    }

    .nav-main li.bordered a {
        border-color: #fff;
        padding-left: 1rem;
        padding-right: 1rem
    }

    .nav-main li.bordered a span:after {
        display: none
    }

    .nav-main li.lined {
        margin-left: .9375rem;
        position: relative
    }

    .nav-main li.lined:before {
        content: "";
        position: absolute;
        left: -.3125rem;
        top: .375rem;
        height: 1.625rem;
        border-left: 1px solid #fff
    }
}

@media (min-width: 768px) and (max-width: 1199px) {
    .nav-main ul {
        margin: 0 -.625rem
    }

    .nav-main li {
        padding: 0 .625rem
    }
}

@media (max-width: 767px) {
    .nav-main {
        text-align: center;
        font-size: 1rem;
        max-width: 12.5rem;
        margin: 0 auto
    }

    .nav-main a {
        color: #fff;
        border-radius: 1.125rem;
        border: .0625rem solid transparent;
        padding: .375rem .3125rem .3125rem
    }

    .nav-main li {
        display: block;
        margin-bottom: .4375rem
    }

    .nav-main li.bordered {
        margin-top: 1.75rem
    }

    .nav-main li.bordered a {
        border-color: #fff
    }
}

@media (min-width: 768px) {
    .nav-lang {
        display: inline-block;
        vertical-align: top;
        position: relative;
        top: .375rem;
        margin-right: 2.3125rem;
    }

    .nav-lang .dropdown-toggle {
        text-decoration: none;
        position: relative;
        font-size: 1rem;
        letter-spacing: .01em;
        color: #fff
    }

    .nav-lang .dropdown-toggle:after {
        content: "";
        position: absolute;
        background-size: 100% 100%;
        background-image: url(../img/icon-dropdown.svg);
        right: -.8125rem;
        top: .4375rem;
        width: .5rem;
        height: .375rem;
        transition: transform .3s
    }

    .nav-lang .show .dropdown-toggle:after {
        transform: rotate(180deg)
    }

    .nav-lang .dropdown-menu {
        min-width: 4.125rem;
        text-transform: uppercase;
        background: #000;
        border-radius: 0 0 .625rem .625rem;
        border: 0;
        margin: 1.375rem 0 0 -1.375rem;
        padding: 0
    }

    .nav-lang .dropdown-menu > li > a {
        font-weight: normal;
        padding: .5625rem .625rem .4375rem;
        font-size: 1rem;
        line-height: 1;
        text-align: center
    }

    .nav-lang .dropdown-menu > li:last-child > a {
        padding-bottom: .5625rem;
        border-radius: 0 0 .625rem .625rem
    }

    .nav-lang .dropdown-menu a:hover {
        background: #a33c33
    }
}

@media (max-width: 767px) {
    .nav-lang {
        margin-bottom: 1.625rem
    }

    .nav-lang .dropdown-menu {
        position: relative;
        top: auto;
        left: auto;
        border-radius: 0;
        background: none;
        border: 0;
        text-transform: uppercase;
        padding: 0;
        min-width: 100%;
        float: none;
        display: flex;
        flex-direction: row;
        justify-content: center
    }

    .nav-lang .dropdown-menu > li {
        display: inline-block;
        vertical-align: middle;
        padding: 0 .75rem
    }

    .nav-lang .dropdown-menu > li:first-child {
        order: 2
    }

    .nav-lang .dropdown-menu > li:nth-child(2) {
        order: 1
    }

    .nav-lang .dropdown-menu > li > a {
        font-size: 1rem;
        font-weight: normal;
        padding: 0;
        color: #fff
    }
}

.section {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center
}

.section-in {
    position: relative;
    z-index: 2;
    padding: 2.1875rem 0;
    width: 100%
}

.s-title {
    text-align: center;
    letter-spacing: 1px;
    color: #fdcc00
}

[lang=en] .s-title, [lang=ru] .s-title {
    font-weight: 900
}

.s-img {
    z-index: 1;
    background-size: 100% 100%;
    pointer-events: none
}

.s-bg, .s-img {
    position: absolute
}

.s-bg {
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 0
}

.s-table table {
    width: 100%
}

.s-table td, .s-table th {
    line-height: 1;
    border: .0625rem solid #ff9a00;
    text-align: center;
    color: #fff
}

.s-table td:first-child, .s-table th:first-child {
    border-left: 0
}

.s-table td:last-child, .s-table th:last-child {
    border-right: 0
}

.s-table th {
    background: #ffb600;
    color: #000;
    font-weight: normal;
    border-top: 0
}

.s-table tr:last-child td {
    border-bottom: 0
}

@media (min-width: 768px) {
    .section {
        min-height: calc(100vh - 3.75rem)
    }

    .s-title {
        font-size: 2.5rem;
        line-height: 120%
    }

    .s-table td:first-child, .s-table th:first-child {
        width: 18.0519480519%
    }

    .s-table td:nth-child(2), .s-table th:nth-child(2) {
        width: 24.6753246753%
    }

    .s-table td:nth-child(3), .s-table th:nth-child(3) {
        width: 38.8311688312%
    }

    .s-table td:nth-child(4), .s-table th:nth-child(4) {
        width: 18.4415584416%
    }

    .s-table th {
        font-size: 1.0625rem;
        padding: .8125rem .625rem
    }

    .s-table td {
        padding: .8125rem .625rem .75rem
    }
}

@media (min-width: 768px) and (max-height: 800px) {
    .s-table th {
        padding: .8125rem .625rem
    }

    .s-table td {
        padding: .5rem .625rem .4375rem
    }
}

@media (max-width: 767px) {
    .section {
        min-height: calc(100vh - 3rem)
    }

    .s-title {
        font-size: 1.25rem;
        line-height: 1.5rem
    }

    .s-table td:first-child, .s-table th:first-child {
        width: 12.3333333333%
    }

    .s-table td:nth-child(2), .s-table th:nth-child(2) {
        width: 30.6666666667%
    }

    .s-table td:nth-child(3), .s-table th:nth-child(3) {
        width: 28%
    }

    .s-table td:nth-child(4), .s-table th:nth-child(4) {
        width: 29%
    }

    .s-table th {
        font-size: .625rem;
        padding: .5625rem 0 .5rem
    }

    .s-table td {
        font-size: .625rem;
        padding: .5rem 0 .4375rem
    }
}

@media (max-width: 767px) and (orientation: landscape) {
    .section {
        min-height: 35.5rem
    }
}

.s--promo {
    background-position: 50% 100%;
    background-size: 100% auto;
    background-repeat: no-repeat
}

.promo-content {
    position: relative;
    z-index: 2;
}

.promo-title {
    color: #fdcc00
}

.promo-price, .promo-text, .promo-title {
    font-weight: 900
}

.promo-price {
    line-height: 1;
    color: #850e1c
}

@media (min-width: 768px) {
    .promo-content {
        width: 42.6875rem;
        height: 24.125rem;
        top: -5rem
    }

    .promo-title {
        font-size: 3.9375rem;
        line-height: 4.125rem;
        margin-bottom: 1.125rem
    }

    .promo-text {
        font-size: 2.25rem;
        line-height: 2.4375rem;
        margin-bottom: 1.6875rem;
        color: #fff;
        -webkit-text-stroke: 1px #771610;
        text-stroke: 1px #771610
    }

    .promo-price {
        background-image: url(../img/60mln.png);
        background-size: 100% 100%;
        background-position: 50%;
        background-repeat: no-repeat;
        height: 15.625rem;
        width: 43.875rem;
        margin-bottom: 2.9375rem
    }
}

@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-price {
        background-image: url(../img/60mln@2x.png)
    }
}

@media (min-width: 768px) {
    .promo-price .icon {
        font-size: 2.5rem;
        top: -.125rem
    }

    [lang=en] .promo-price {
        background-image: url(../img/60mln-en.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=en] .promo-price {
        background-image: url(../img/60mln@2x-en.png)
    }
}

@media (min-width: 768px) {
    [lang=kz] .promo-price {
        background-image: url(../img/60mln-kz.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-price {
        background-image: url(../img/60mln@2x-kz.png)
    }
}

@media (min-width: 768px) {
    .promo-img {
        position: absolute;
        background-size: 100% 100%;
        transform: translateY(-35%);
        pointer-events: none
    }

    .promo-img.img-1 {
        width: 64.4375rem;
        height: 46.4375rem;
        background-image: url(../img/promo-img-1.png);
        bottom: -14.125rem;
        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-img.img-1 {
        background-image: url(../img/promo-img-1@2x.png)
    }
}

@media (min-width: 768px) {
    .promo-img.img-2 {
        width: 23.6875rem;
        height: 31.375rem;
        background-image: url(../img/promo-img-2.png);
        bottom: -9.75rem;
        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-img.img-2 {
        background-image: url(../img/promo-img-2@2x.png)
    }
}

@media (min-width: 768px) {
    .promo-img.img-3 {
        width: 91rem;
        height: 12.4375rem;
        background-image: url(../img/promo-img-3.png);
        bottom: -6.875rem;
        left: calc(50% - .625rem);
        transform: translateX(-50%);
        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-img.img-3 {
        background-image: url(../img/promo-img-3@2x.png)
    }
}

@media (min-width: 768px) {
    .promo-img.img-3:after, .promo-img.img-3:before {
        content: "";
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        background-image: url(../img/promo-img-3.png);
        background-size: 100% 100%
    }
}

@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-img.img-3:after, .promo-img.img-3:before {
        background-image: url(../img/promo-img-3@2x.png)
    }
}

@media (min-width: 768px) {
    .promo-img.img-3:before {
        transform: translateX(-90%)
    }

    .promo-img.img-3:after {
        transform: translateX(90%)
    }
}

@media (min-width: 1200px) {
    .promo-img.img-1 {
        right: 0
    }

    .promo-img.img-2 {
        left: calc(50% + 41.875rem)
    }
}

@media (min-width: 768px) and (max-width: 1199px) {
    .promo-content {
        left: 0;
        margin: 0 auto
    }

    .promo-img.img-1 {
        left: calc(50% + 25rem)
    }

    .promo-img.img-2 {
        left: calc(50% + 28.75rem)
    }
}

@media (max-width: 767px) {
    .s--promo {
        background-image: url(../img/promo-bg-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) {
    .s--promo {
        background-image: url(../img/promo-bg-phone@2x.png)
    }
}

@media (max-width: 767px) {
    .promo-content {
        width: 16.625rem;
        height: 15.5rem;
        padding: 1.3125rem 0;
        margin: 0 auto;
        border-radius: 1.5625rem
    }

    .promo-in {
        top: -3.5625rem;
        z-index: 2
    }

    .promo-title {
        font-size: 1.5625rem;
        line-height: 2.0625rem;
        margin-bottom: .8125rem
    }

    .promo-text {
        font-size: 1.25rem;
        line-height: 1.375rem;
        margin-bottom: .75rem;
        padding: 0 .625rem;
        -webkit-text-stroke: 1px #771610;
        text-stroke: 1px #771610;
        color: #fff
    }

    .promo-text br {
        display: none
    }

    .promo-price {
        background-image: url(../img/60mln.png);
        background-size: 100% 100%;
        background-position: 50%;
        background-repeat: no-repeat;
        width: 280px;
        height: 100px;
        font-size: 2.0625rem;
        margin: 0 auto .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) {
    .promo-price {
        background-image: url(../img/60mln@2x.png)
    }
}

@media (max-width: 767px) {
    .promo-price .icon {
        font-size: 1.4375rem;
        top: -.125rem
    }

    [lang=en] .promo-price {
        background-image: url(../img/60mln-en.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=en] .promo-price {
        background-image: url(../img/60mln@2x-en.png)
    }
}

@media (max-width: 767px) {
    [lang=kz] .promo-price {
        background-image: url(../img/60mln-kz.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-price {
        background-image: url(../img/60mln@2x-kz.png)
    }
}

.s--steps {
    z-index: 1;
    background-position: 50% 100%;
    background-size: 100% auto;
    background-repeat: no-repeat
}

.steps-item {
    font-size: 0;
    line-height: 1
}

.steps-item div {
    position: relative
}

.steps-item .inner {
    display: inline-block;
    vertical-align: top
}

.steps-item .inner > div {
    display: inline-block;
    vertical-align: middle
}

.steps-item .icon {
    width: 3.5rem;
    height: 3.5rem
}

.steps-item .index {
    color: #850e1c
}

.steps-item .index, .steps-item .title {
    font-weight: 900
}

.steps-item .title {
    letter-spacing: 1px
}

.steps-item .text {
    font-size: 1.25rem
}

[lang=kz] .steps-item .text {
    font-family: "Roboto"
}

[lang=ru] .steps-info b, [lang=ru] .steps-item b {
}

[lang=kz] .steps-info, [lang=kz] .steps-meta {
    font-family: "Roboto"
}

.steps-img {
    position: absolute;
    background-size: 100% 100%;
    pointer-events: none
}

@media (min-width: 768px) {
    .steps-title {
        margin-bottom: .6875rem
    }

    .steps-list {
        left: 1.625rem;
        position: relative;
        padding-bottom: 2.1875rem
    }

    .steps-item {
        margin-bottom: .375rem;
        color: #fff
    }

    .steps-item .icon {
        margin-right: 2rem
    }

    .steps-item .index {
        font-size: 5rem;
        margin-right: .125rem;
        width: 3.125rem
    }

    .steps-item .index img {
        position: relative;
        top: -.375rem;
        width: 3.125rem;
        height: 3.125rem
    }

    .steps-item .in {
        width: 21.875rem
    }

    .steps-item .title {
        font-size: 1.875rem
    }

    .steps-item .text {
        left: .1875rem
    }

    [lang=ru] .steps-item:nth-child(2) .title {
        margin-bottom: .3125rem
    }

    [lang=kz] .steps-item:nth-child(2) .title {
        margin-top: .4375rem
    }

    .steps-item:nth-child(2) .index {
        left: -.1875rem
    }

    [lang=ru] .steps-item:nth-child(2) .in {
        top: -.125rem
    }

    [lang=kz] .steps-item:nth-child(2) .in {
        top: .0625rem
    }

    .steps-info {
        margin-bottom: .9375rem;
        color: #fff
    }

    .steps-controls {
        margin-bottom: .75rem
    }

    .steps-controls .btn + .btn {
        margin-left: 2.0625rem
    }

    .steps-img {
        transform: translate(-50%, -50%)
    }

    .steps-img.img-1 {
        width: 12.4375rem;
        height: 6.5rem;
        background-image: url(../img/steps-img-1.png);
        top: calc(50% - 11.9375rem)
    }
}

@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) {
    .steps-img.img-1 {
        background-image: url(../img/steps-img-1@2x.png)
    }
}

@media (min-width: 768px) {
    .steps-img.img-2 {
        width: 69.875rem;
        height: 34.3125rem;
        background-image: url(../img/steps-img-2.png);
        left: calc(50% + 1.375rem);
        top: calc(50% - 7.9375rem)
    }
}

@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) {
    .steps-img.img-2 {
        background-image: url(../img/steps-img-2@2x.png)
    }
}

@media (min-width: 768px) {
    .steps-img.img-3 {
        width: 17.8125rem;
        height: 12.125rem;
        top: calc(88% - 7.625rem)
    }

    .steps-img.img-3 img {
        mix-blend-mode: overlay
    }

    .steps-img.img-4 {
        width: 5.9375rem;
        height: 3.125rem;
        background-image: url(../img/steps-img-4.png);
        top: calc(50% - 17.375rem)
    }
}

@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) {
    .steps-img.img-4 {
        background-image: url(../img/steps-img-4@2x.png)
    }
}

@media (min-width: 768px) {
    .steps-img.img-5 {
        width: 16.75rem;
        height: 25.5rem;
        background-image: url(../img/steps-img-5.png);
        top: calc(50% - 3.25rem)
    }
}

@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) {
    .steps-img.img-5 {
        background-image: url(../img/steps-img-5@2x.png)
    }
}

@media (min-width: 768px) {
    .steps-img.img-6 {
        width: 16.25rem;
        height: 29.6875rem;
        background-image: url(../img/steps-img-6.png);
        top: calc(50% + 2.25rem)
    }
}

@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) {
    .steps-img.img-6 {
        background-image: url(../img/steps-img-6@2x.png)
    }
}

@media (min-width: 768px) {
    .steps-img.img-7 {
        width: 91.875rem;
        height: 12.4375rem;
        background-image: url(../img/steps-img-7.png);
        left: 50%;
        bottom: -4.6875rem;
        transform: translateX(-50%)
    }
}

@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) {
    .steps-img.img-7 {
        background-image: url(../img/steps-img-7@2x.png)
    }
}

@media (min-width: 768px) {
    .steps-img.img-7:after, .steps-img.img-7:before {
        content: "";
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        background-image: url(../img/steps-img-7.png);
        background-size: 100% 100%
    }
}

@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) {
    .steps-img.img-7:after, .steps-img.img-7:before {
        background-image: url(../img/steps-img-7@2x.png)
    }
}

@media (min-width: 768px) {
    .steps-img.img-7:before {
        transform: translateX(-95%)
    }

    .steps-img.img-7:after {
        transform: translateX(95%)
    }
}

@media (min-width: 1200px) {
    .steps-img.img-1 {
        left: calc(50% - 33.4375rem)
    }

    .steps-img.img-3 {
        left: calc(50% + 27.0625rem)
    }

    .steps-img.img-4 {
        left: calc(50% + 40.25rem)
    }

    .steps-img.img-5 {
        left: calc(50% - 25.625rem)
    }

    .steps-img.img-6 {
        left: calc(50% + 31.0625rem)
    }
}

@media (min-width: 768px) and (max-width: 1199px) {
    .steps-img.img-1 {
        left: calc(50% - 27.1875rem)
    }

    .steps-img.img-3 {
        left: calc(50% + 33.3125rem)
    }

    .steps-img.img-4 {
        left: calc(50% + 34rem)
    }

    .steps-img.img-5 {
        left: calc(50% - 21.875rem)
    }

    .steps-img.img-6 {
        left: calc(50% + 25rem)
    }
}

@media (max-width: 767px) {
    .steps-in {
        position: static;
        padding: 1.25rem 0
    }

    .steps-title {
        font-size: 1.25rem;
        line-height: 1.5rem;
        margin-bottom: .9375rem
    }

    [lang=kz] .steps-list {
        text-align: left
    }

    .steps-item {
        margin-bottom: .9375rem
    }

    .steps-item .icon {
        margin: 0 auto .5625rem;
        transform: scale(1.05)
    }

    .steps-item .inner > .icon {
        display: block
    }

    .steps-item .index {
        font-size: 3.75rem;
        width: 2.5625rem
    }

    .steps-item .index img {
        top: -.3125rem;
        position: relative;
        width: 2.5rem;
        height: 2.5rem
    }

    .steps-item .title {
        font-size: 1.25rem;
        color: #fff
    }

    .steps-item .text {
        font-size: 1rem;
        color: #fff
    }

    [lang=ru] .steps-item:nth-child(2) .title {
        margin-bottom: .1875rem
    }

    [lang=kz] .steps-item:nth-child(2) .title {
        margin-top: .1875rem
    }

    .steps-item:nth-child(2) .icon {
        margin-bottom: 1.25rem
    }

    .steps-item:nth-child(2) .index {
        left: -.25rem
    }

    [lang=ru] .steps-item:nth-child(2) .in {
        top: -.0625rem
    }

    .steps-info {
        font-size: 1rem;
        line-height: 1.125rem;
        padding-top: .6875rem;
        margin-bottom: 1.75rem;
        color: #fff
    }

    .steps-controls {
        margin-bottom: 1.5rem
    }

    .steps-controls .btn {
        display: block
    }

    .steps-controls .btn + .btn {
        margin-top: 1.125rem
    }

    .steps-meta {
        font-size: 1.125rem;
        line-height: 1.3125rem;
        position: absolute;
        left: 0;
        right: 0;
        bottom: .625rem
    }

    .steps-img {
        left: 0;
        right: 0;
        height: 29.25rem;
        top: calc(50% - 17.5rem);
        background-image: url(../img/steps-img-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) {
    .steps-img {
        background-image: url(../img/steps-img-phone@2x.png)
    }
}

.tournament-table {
    overflow: hidden;
    border-radius: .625rem;
    border: .0625rem solid #ff9a00
}

[lang=kz] .tournament-meta {
    font-family: "Roboto"
}

.tournament-table tbody tr {
    cursor: pointer
}

@media (min-width: 768px) {
    .s-table {
        min-height: 28.75rem
    }

    .s-table tbody, .s-table thead {
        display: block
    }

    .s-table tbody tr, .s-table thead tr {
        display: flex;
        position: relative
    }

    .s-table tbody tr.active:before, .s-table thead tr.active:before {
        position: absolute;
        content: "";
        background-image: url(../img/light.png);
        display: block;
        width: 102%;
        height: 3.625rem;
        z-index: 1;
        background-size: 100% 100%;
        left: -.5rem;
        top: -.375rem
    }

    .tournament-in {
        top: 2.5rem
    }

    .tournament-title {
        margin-bottom: 1rem
    }

    .tournament-table.leader-1:before {
        display: block;
        top: 2.375rem
    }

    .tournament-table.leader-2:before {
        display: block;
        top: 5.25rem
    }

    .tournament-table.leader-3:before {
        display: block;
        top: 8.125rem
    }

    .tournament-table.leader-4:before {
        display: block;
        top: 11rem
    }

    .tournament-table.leader-5:before {
        display: block;
        top: 13.875rem
    }

    .tournament-table.leader-6:before {
        display: block;
        top: 16.75rem
    }

    .tournament-table.leader-7:before {
        display: block;
        top: 19.625rem
    }

    .tournament-table.leader-8:before {
        display: block;
        top: 22.5rem
    }

    .tournament-table.leader-9:before {
        display: block;
        top: 25.375rem
    }

    .tournament-table.leader-10:before {
        display: block;
        top: 28.25rem
    }

    .tournament-table.leader-11:before {
        display: block;
        top: 31.125rem
    }

    .tournament-table {
        width: 48.125rem;
        margin: 0 auto 1.9375rem;
        position: relative;
        z-index: 2
    }

    .tournament-controls {
        margin-bottom: 1.875rem
    }

    .tournament-img {
        position: absolute;
        pointer-events: none;
        background-size: 100% 100%;
        transform: translate(-50%, -50%)
    }

    .tournament-img.img-1 {
        width: 132.9375rem;
        height: 57.6875rem;
        background-image: url(../img/tournament-img-1.png);
        transform: translate(0)
    }
}

@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) {
    .tournament-img.img-1 {
        background-image: url(../img/tournament-img-1@2x.png)
    }
}

@media (min-width: 768px) {
    .tournament-img.img-2 {
        width: 17.75rem;
        height: 8.125rem;
        background-image: url(../img/tournament-img-2.png);
        top: calc(50% - 11.6875rem)
    }
}

@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) {
    .tournament-img.img-2 {
        background-image: url(../img/tournament-img-2@2x.png)
    }
}

@media (min-width: 768px) {
    .tournament-img.img-3 {
        width: 9.5rem;
        height: 4.375rem;
        background-image: url(../img/tournament-img-3.png);
        top: calc(50% + 4.75rem)
    }
}

@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) {
    .tournament-img.img-3 {
        background-image: url(../img/tournament-img-3@2x.png)
    }
}

@media (min-width: 768px) {
    .tournament-img.img-4 {
        width: 12.6875rem;
        height: 6.6875rem;
        background-image: url(../img/tournament-img-4.png);
        top: calc(50% + 22.875rem)
    }
}

@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) {
    .tournament-img.img-4 {
        background-image: url(../img/tournament-img-4@2x.png)
    }
}

@media (min-width: 768px) {
    .tournament-img.img-5 {
        width: 9.625rem;
        height: 5.0625rem;
        background-image: url(../img/tournament-img-5.png);
        top: calc(50% + 24.6875rem)
    }
}

@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) {
    .tournament-img.img-5 {
        background-image: url(../img/tournament-img-5@2x.png)
    }
}

@media (min-width: 768px) {
    .tournament-img.img-6 {
        width: 12rem;
        height: 3.125rem;
        background-image: url(../img/tournament-img-6.png);
        top: calc(50% + 12.625rem)
    }
}

@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) {
    .tournament-img.img-6 {
        background-image: url(../img/tournament-img-6@2x.png)
    }
}

@media (min-width: 768px) {
    .tournament-img.img-7 {
        width: 16rem;
        height: 7.375rem;
        background-image: url(../img/tournament-img-7.png);
        top: calc(50% - 12.5rem)
    }
}

@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) {
    .tournament-img.img-7 {
        background-image: url(../img/tournament-img-7@2x.png)
    }
}

@media (min-width: 768px) {
    .tournament-img.img-8 {
        width: 37.5rem;
        height: 72.9375rem;
        background-image: url(../img/tournament-img-8.png);
        top: calc(50% + 29.6875rem)
    }
}

@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) {
    .tournament-img.img-8 {
        background-image: url(../img/tournament-img-8@2x.png)
    }
}

@media (min-width: 768px) and (max-height: 800px) {
    .tournament-title {
        margin-bottom: 1.25rem
    }

    .tournament-table {
        margin-bottom: 1.875rem
    }
}

@media (min-width: 1200px) {
    .tournament-img.img-1 {
        left: 0
    }

    .tournament-img.img-2 {
        left: calc(50% + 38.25rem)
    }

    .tournament-img.img-3 {
        left: calc(50% + 33.1875rem)
    }

    .tournament-img.img-4 {
        left: calc(50% + 28.9375rem)
    }

    .tournament-img.img-5 {
        left: calc(50% - 20.5rem)
    }

    .tournament-img.img-6 {
        left: calc(50% - 39rem)
    }

    .tournament-img.img-7 {
        left: calc(50% - 38.75rem)
    }

    .tournament-img.img-8 {
        left: calc(50% - 24.0625rem)
    }
}

@media (min-width: 768px) and (max-width: 1199px) {
    .tournament-img.img-1 {
        left: calc(50% + 21.4375rem)
    }

    .tournament-img.img-2 {
        left: calc(50% + 32rem)
    }

    .tournament-img.img-3 {
        left: calc(50% + 26.9375rem)
    }

    .tournament-img.img-4 {
        left: calc(50% + 22.6875rem)
    }

    .tournament-img.img-5 {
        left: calc(50% - 14.25rem)
    }

    .tournament-img.img-6 {
        left: calc(50% - 32.75rem)
    }

    .tournament-img.img-7 {
        left: calc(50% - 32.5rem)
    }

    .tournament-img.img-8 {
        left: calc(50% - 17.8125rem)
    }
}

@media (max-height: 800px) {
    .tournament-table.leader-1:before {
        display: block;
        top: 1.5625rem
    }

    .tournament-table.leader-2:before {
        display: block;
        top: 3.125rem
    }

    .tournament-table.leader-3:before {
        display: block;
        top: 4.75rem
    }

    .tournament-table.leader-4:before {
        display: block;
        top: 6.375rem
    }

    .tournament-table.leader-5:before {
        display: block;
        top: 8rem
    }

    .tournament-table.leader-6:before {
        display: block;
        top: 9.625rem
    }

    .tournament-table.leader-7:before {
        display: block;
        top: 11.25rem
    }

    .tournament-table.leader-8:before {
        display: block;
        top: 12.875rem
    }

    .tournament-table.leader-9:before {
        display: block;
        top: 14.5rem
    }

    .tournament-table.leader-10:before {
        display: block;
        top: 16.125rem
    }

    .tournament-table.leader-11:before {
        display: block;
        top: 17.75rem
    }

    .tournament-table:before {
        height: 2.875rem !important
    }
}

@media (min-width: 768px) and (max-height: 800px) {
    .s-table {
        min-height: 20.8125rem
    }

    .s-table tbody, .s-table thead {
        display: block
    }

    .s-table tbody tr, .s-table thead tr {
        display: flex;
        position: relative
    }

    .s-table tbody tr.active:before, .s-table thead tr.active:before {
        position: absolute;
        content: "";
        background-image: url(../img/light.png);
        display: block;
        width: 102%;
        height: 3rem !important;
        z-index: 1;
        background-size: 100% 100%;
        left: -.5rem;
        top: -.375rem
    }

    .tournament-table.leader-1:before {
        display: block;
        top: 2.5rem
    }

    .tournament-table.leader-2:before {
        display: block;
        top: 4.6875rem
    }

    .tournament-table.leader-3:before {
        display: block;
        top: 6.875rem
    }

    .tournament-table.leader-4:before {
        display: block;
        top: 9.125rem
    }

    .tournament-table.leader-5:before {
        display: block;
        top: 11.375rem
    }

    .tournament-table.leader-6:before {
        display: block;
        top: 13.6875rem
    }

    .tournament-table.leader-7:before {
        display: block;
        top: 15.875rem
    }

    .tournament-table.leader-8:before {
        display: block;
        top: 18.125rem
    }

    .tournament-table.leader-9:before {
        display: block;
        top: 20.375rem
    }

    .tournament-table.leader-10:before {
        display: block;
        top: 22.625rem
    }

    .tournament-table.leader-11:before {
        display: block;
        top: 24.875rem
    }
}

@media (max-width: 767px) {
    .s-table {
        min-height: 17.5rem
    }

    .s-table tbody, .s-table thead {
        display: block
    }

    .s-table tbody tr, .s-table thead tr {
        display: flex;
        position: relative
    }

    .s-table tbody tr.active:before, .s-table thead tr.active:before {
        position: absolute;
        content: "";
        background-image: url(../img/light.png);
        display: block;
        width: 102%;
        height: 2rem !important;
        z-index: 1;
        background-size: 100% 100%;
        left: -.1875rem;
        top: -.1875rem
    }

    .tournament-in {
        padding: 2.5rem 0 7.625rem
    }

    .tournament-title {
        margin-bottom: 1.3125rem
    }

    .tournament-table {
        width: 18.75rem;
        margin: 0 auto 1.8125rem;
        position: relative;
        z-index: 2
    }

    .tournament-controls {
        margin-bottom: 1.125rem
    }

    .tournament-controls .btn {
        display: block
    }

    .tournament-meta {
        font-size: 1.125rem;
        line-height: 1.3125rem
    }
}

.s--archive {
    background-position: 50% 100%;
    background-size: 100% auto;
    background-repeat: no-repeat
}

.archive-in {
    padding-top: 5rem
}

.archive-list {
    font-size: 0
}

.archive-item {
    display: inline-block;
    vertical-align: top;
    line-height: 1
}

.archive-item .img {
    position: relative
}

.archive-item .place {
    position: absolute;
    left: 0;
    right: 0;
    top: calc(50% - 2rem);
    z-index: 1
}

.archive-item img {
    position: relative;
    z-index: 0
}

.archive-item b {
    font-weight: 900;
    display: block
}

.archive-table {
    overflow: hidden;
    border-radius: .625rem;
    border: .0625rem solid #ff9a00;
    position: relative
}

.archive-table.loading:before {
    content: "";
    position: absolute;
    left: 50%;
    top: 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='%236B0C17' 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")
}

.archive-table.loading tbody {
    visibility: hidden;
    pointer-events: none
}

.archive-table tbody tr {
    cursor: pointer
}

@media (min-width: 768px) {
    .s--archive {
        background-image: url(../img/archive-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) {
    .s--archive {
        background-image: url(../img/archive-bg@2x.png)
    }
}

@media (min-width: 768px) {
    .archive-left {
        max-width: 58.4810126582%;
        flex: 0 0 58.4810126582%
    }

    .archive-right {
        max-width: 41.5189873418%;
        flex: 0 0 41.5189873418%
    }

    .s--archive {
        padding-bottom: 32.1875rem
    }

    .archive-title {
        margin-bottom: 2.4375rem
    }

    .archive-content {
        width: 49.375rem;
        margin: 0 auto 2.8125rem
    }

    .archive-list {
        padding-top: 2.1875rem
    }

    .archive-item {
        font-size: 1.4375rem;
        width: 9.375rem;
        position: relative;
        color: #fdcc00
    }

    .archive-item:nth-child(2) {
        left: .3125rem
    }

    .archive-item:nth-child(3) {
        left: .5625rem
    }

    .archive-item .img {
        width: 7.75rem;
        height: 6.625rem;
        margin: 0 auto 1.3125rem
    }

    .archive-item .place b {
        font-size: 1.9375rem;
        margin-bottom: -.25rem
    }

    .archive-item .text b {
        font-size: 1.75rem;
        margin-bottom: -.1875rem
    }

    .archive-table {
        width: 48.125rem;
        margin: 0 auto 1.8125rem
    }

    .archive-img {
        position: absolute;
        pointer-events: none;
        background-size: 100% 100%;
        transform: translate(-50%, -50%)
    }

    .archive-img.img-1 {
        width: 20.1875rem;
        height: 9.3125rem;
        background-image: url(../img/archive-img-1.png);
        top: calc(50% - 35.5rem)
    }
}

@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) {
    .archive-img.img-1 {
        background-image: url(../img/archive-img-1@2x.png)
    }
}

@media (min-width: 768px) {
    .archive-img.img-2 {
        width: 18.5625rem;
        height: 8.5625rem;
        background-image: url(../img/archive-img-2.png);
        top: calc(50% - 6.4375rem)
    }
}

@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) {
    .archive-img.img-2 {
        background-image: url(../img/archive-img-2@2x.png)
    }
}

@media (min-width: 768px) {
    .archive-img.img-3 {
        width: 14.5625rem;
        height: 5.0625rem;
        background-image: url(../img/archive-img-3.png);
        top: calc(50% + 14.875rem)
    }
}

@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) {
    .archive-img.img-3 {
        background-image: url(../img/archive-img-3@2x.png)
    }
}

@media (min-width: 768px) {
    .archive-img.img-4 {
        width: 23.125rem;
        height: 7rem;
        background-image: url(../img/archive-img-4.png);
        top: calc(50% - 19.125rem)
    }
}

@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) {
    .archive-img.img-4 {
        background-image: url(../img/archive-img-4@2x.png)
    }
}

@media (min-width: 768px) {
    .archive-img.img-5 {
        width: 14.5625rem;
        height: 5.0625rem;
        background-image: url(../img/archive-img-5.png);
        top: calc(50% + 3.25rem)
    }
}

@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) {
    .archive-img.img-5 {
        background-image: url(../img/archive-img-5@2x.png)
    }
}

@media (min-width: 768px) {
    .archive-img.img-6 {
        width: 23.5625rem;
        height: 67.4375rem;
        background-image: url(../img/archive-img-6.png);
        top: calc(50% - 21.875rem)
    }
}

@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) {
    .archive-img.img-6 {
        background-image: url(../img/archive-img-6@2x.png)
    }
}

@media (min-width: 1200px) {
    .archive-img.img-1 {
        left: calc(50% - 38.9375rem)
    }

    .archive-img.img-2 {
        left: calc(50% - 36.25rem)
    }

    .archive-img.img-3 {
        left: calc(50% - 41.25rem)
    }

    .archive-img.img-4, .archive-img.img-5 {
        left: calc(50% + 40.5rem)
    }

    .archive-img.img-6 {
        left: calc(50% + 32.1875rem)
    }
}

@media (min-width: 768px) and (max-width: 1199px) {
    .archive-img.img-1 {
        left: calc(50% - 32.6875rem)
    }

    .archive-img.img-2 {
        left: calc(50% - 30rem)
    }

    .archive-img.img-3 {
        left: calc(50% - 35rem)
    }

    .archive-img.img-4, .archive-img.img-5 {
        left: calc(50% + 34.25rem)
    }

    .archive-img.img-6 {
        left: calc(50% + 25.9375rem)
    }
}

@media (max-width: 767px) {
    .s--archive {
        background-image: url(../img/archive-bg-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) {
    .s--archive {
        background-image: url(../img/archive-bg-phone@2x.png)
    }
}

@media (max-width: 767px) {
    .archive-in {
        padding: 2.5rem 0 9.1875rem
    }

    .archive-title {
        margin-bottom: 1.0625rem;
        padding: 0 2.5rem
    }

    .archive-content {
        width: 18.75rem;
        margin: 0 auto
    }

    .archive-list {
        margin-bottom: 1.875rem
    }

    .archive-item {
        width: 33.3333333333%
    }

    .archive-item .img {
        width: 5.625rem;
        height: 4.8125rem;
        margin: 0 auto .9375rem
    }

    .archive-item .place {
        top: calc(50% - 1.75rem);
        font-size: 1.125rem
    }

    .archive-item .place b {
        font-size: 1.75rem;
        margin-bottom: -.25rem
    }

    .archive-item .text {
        font-size: 1.125rem;
        color: #fdcc00
    }

    .archive-item .text b {
        font-size: 1.25rem
    }

    .archive-table {
        width: 18.75rem;
        margin: 0 auto 3.125rem
    }

    .archive-controls .btn {
        width: 100%
    }
}

.s--rules {
    padding: 3.75rem 0 6.25rem;
    display: block;
    font-size: 1.125rem;
    line-height: 1.375rem;
    background: #fff
}

.s--rules a {
    text-decoration: underline
}

.s--rules h3, .s--rules h4 {
    text-transform: uppercase;
    border-bottom: 2px solid #77150c;
    margin: 2.5rem 0 1.375rem;
    font-size: 1.5rem;
    line-height: 2rem;
    padding-bottom: .125rem
}

.s--rules h3:first-child, .s--rules h4:first-child {
    margin-top: 0
}

.s--rules p {
    margin-bottom: 1.25rem
}

.s--rules ol {
    list-style: none;
    margin: 0 0 1.375rem;
    padding: 0
}

.s--rules ol ul {
    list-style-type: disc
}

.s--rules li {
    margin: 0 0 .625rem;
    padding: 0
}

.s--rules table {
    width: 100%;
    max-width: 37.5rem;
    margin: 0 0 2.0625rem;
    border-collapse: initial
}

.s--rules td, .s--rules th {
    vertical-align: top;
    padding: .4375rem 1.25rem .3125rem;
    border: .0625rem solid #000;
    text-align: center;
    border-bottom: 0
}

.s--rules td:first-child, .s--rules th:first-child {
    white-space: nowrap
}

.s--rules td + td, .s--rules th + th {
    border-left: 0
}

.s--rules th:first-child {
    border-radius: 1.25rem 0 0 0
}

.s--rules th:last-child {
    border-radius: 0 1.25rem 0 0
}

.s--rules tr:last-child td {
    border-bottom: 1px solid #000
}

.s--rules tr:last-child td:first-child {
    border-radius: 0 0 0 1.25rem
}

.s--rules tr:last-child td:last-child {
    border-radius: 0 0 1.25rem 0
}

.rules-title {
    margin-bottom: 2.8125rem
}

.rules-title > * {
    font-size: 1.875rem;
    line-height: 2.5rem
}

.rules-content {
    font-family: "Roboto"
}

@media (max-width: 767px) {
    .s--rules {
        font-size: .875rem;
        line-height: 1.0625rem;
        padding: 2.5rem 0
    }

    .s--rules .container {
        padding-left: .9375rem;
        padding-right: .9375rem
    }

    .s--rules h3, .s--rules h4 {
        border-bottom-width: .0625rem;
        font-size: 1.125rem;
        line-height: 1.5625rem
    }

    .rules-title > * {
        font-size: 1.375rem;
        line-height: 1.8125rem
    }
}

.s--faq {
    font-size: 1rem;
    line-height: 1.25rem;
    display: block;
    padding: 3.75rem 0 6.25rem;
    background: #fff
}

.s--faq h3 {
    text-transform: uppercase;
    font-size: 1.5rem;
    line-height: 2rem;
    padding-top: 1.5625rem
}

.s--faq a {
    color: #6b0c17
}

.faq-title {
    margin-bottom: 1.5rem
}

.faq-title > * {
    font-size: 1.875rem;
    line-height: 2.5rem
}

.faq-menu {
    max-width: 22.875rem;
    background: #fff;
    box-shadow: 0 0 9.5px .5px rgba(0, 0, 0, .31);
    border-radius: .375rem;
    padding: 1.25rem 1.875rem .125rem;
    border: .0625rem dashed #6b0c17;
    margin-bottom: .625rem
}

.faq-menu h3 {
    margin-bottom: .9375rem;
    padding-top: 0
}

.faq-menu a {
    text-decoration: none
}

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

.faq-menu li {
    position: relative;
    margin: 0 0 1.1875rem;
    padding: 0 0 0 1.125rem
}

.faq-menu li:before {
    content: "";
    position: absolute;
    left: 0;
    top: .4375rem;
    border-radius: 100%;
    width: .4375rem;
    height: .4375rem;
    background: #73160f
}

.faq-content {
    font-family: "Roboto"
}

.faq-content h3 {
    margin-bottom: 1.9375rem;
    padding-bottom: .125rem;
    border-bottom: 2px solid #6b0c17
}

.faq-content .text-list {
    list-style: none;
    margin: 0;
    padding: .25rem 0 0 1.9375rem
}

.faq-content .text-list a {
    text-decoration: none
}

.faq-content .text-list li {
    position: relative;
    margin: 0 0 1.125rem;
    padding: 0 0 0 1.25rem
}

.faq-content .text-list li:last-child {
    margin-bottom: .4375rem
}

.faq-content .text-list li:before {
    content: "";
    position: absolute;
    left: 0;
    top: .4375rem;
    width: .4375rem;
    height: .4375rem;
    background: #6b0c17;
    border-radius: 100%
}

.faq-toggle {
    padding-top: .875rem
}

h3 + .faq-toggle {
    margin-top: -1.5625rem
}

.faq-toggle-head {
    font-size: 1.25rem;
    line-height: 1.625rem;
    padding-left: 1.9375rem
}

.faq-toggle-head > div {
    display: inline-block;
    vertical-align: top;
    position: relative;
    cursor: pointer;
    padding-left: 1.25rem;
    min-width: 25rem
}

.faq-toggle-head > div a {
    display: block;
    position: relative;
    padding-right: 3.9375rem;
    text-decoration: none
}

.faq-toggle-head > div a:after {
    content: "";
    position: absolute;
    right: 0;
    top: .5rem;
    width: .5rem;
    height: .375rem;
    background-size: 100% 100%;
    background-image: url(../img/icon-toggle.svg);
    transition: transform .3s
}

.toggled .faq-toggle-head > div a:after {
    transform: rotate(180deg)
}

.faq-toggle-head > div:before {
    content: "";
    position: absolute;
    left: 0;
    top: .625rem;
    border-radius: 100%;
    width: .4375rem;
    height: .4375rem;
    background: #6b0c17
}

.faq-toggle-in {
    padding: 1.4375rem 0 3.125rem 3.1875rem
}

.faq-toggle-in h4 {
    font-size: 1.125rem;
    line-height: 1.375rem;
    color: #000;
    margin-bottom: .6875rem
}

.faq-toggle-in ul {
    list-style: none;
    margin: 0;
    padding: .6875rem 0 0
}

.faq-toggle-in ul > li {
    position: relative;
    margin: 0 0 3.25rem;
    padding: 0 0 0 1.25rem
}

.faq-toggle-in ul > li:before {
    content: "";
    position: absolute;
    left: 0;
    top: .4375rem;
    border-radius: 100%;
    width: .4375rem;
    height: .4375rem;
    background: #000
}

.faq-toggle-in ul ol {
    padding-top: 2.375rem;
    margin-left: -1.25rem
}

.faq-toggle-in ol {
    list-style: none;
    margin: 0;
    padding: 0
}

.faq-toggle-in ol > li {
    margin: 0 0 .5rem;
    padding: 0
}

.faq-toggle-in .img {
    margin: 2.5rem 0 1.875rem -3.1875rem
}

.faq-toggle-in .link--zoom {
    display: inline-block;
    vertical-align: top
}

.faq-toggle-in .text--center img {
    max-width: 13.4375rem
}

@media (max-width: 767px) {
    .s--faq {
        padding: 2.5rem 0
    }

    .s--faq .container {
        padding-left: .9375rem;
        padding-right: .9375rem
    }

    .s--faq {
        font-size: .875rem;
        line-height: 1.125rem
    }

    .s--faq h3 {
        font-size: 1rem;
        line-height: 1.3125rem
    }

    .faq-title {
        margin-bottom: 1.5rem
    }

    .faq-title > * {
        font-size: 1.375rem;
        line-height: 2.375rem
    }

    .faq-menu {
        max-width: 100%;
        padding: 1.25rem 1.875rem .625rem
    }

    .faq-menu h3 {
        text-transform: none
    }

    .faq-menu li {
        margin-bottom: .625rem;
        padding-left: .9375rem
    }

    .faq-menu li:before {
        top: .3125rem;
        width: .3125rem;
        height: .3125rem
    }

    .faq-content p {
        margin-bottom: .625rem
    }

    .faq-content h3 {
        margin-bottom: 1.25rem
    }

    .faq-content .text-list {
        padding: 0 0 0 .625rem
    }

    .faq-content .text-list li {
        margin: 0 0 .625rem;
        padding: 0 0 0 .9375rem
    }

    .faq-content .text-list li:last-child {
        margin-bottom: .4375rem
    }

    .faq-content .text-list li:before {
        top: .3125rem;
        width: .3125rem;
        height: .3125rem
    }

    .faq-toggle {
        padding-top: .625rem
    }

    h3 + .faq-toggle {
        margin-top: -.625rem
    }

    .faq-toggle-head {
        font-size: .875rem;
        line-height: 1.125rem;
        padding-left: .625rem
    }

    .faq-toggle-head > div {
        display: block;
        padding-left: .9375rem;
        min-width: 100%
    }

    .faq-toggle-head > div a {
        padding-right: 0
    }

    .faq-toggle-head > div a:after {
        top: .1875rem
    }

    .faq-toggle-head > div:before {
        top: .3125rem;
        width: .3125rem;
        height: .3125rem
    }

    .faq-toggle-in {
        padding: .9375rem 0 1.25rem 1.5625rem
    }

    .faq-toggle-in h4 {
        font-size: .875rem;
        line-height: 1.125rem;
        margin-bottom: .625rem
    }

    .faq-toggle-in ul {
        padding: .6875rem 0 0
    }

    .faq-toggle-in ul > li {
        margin: 0 0 .625rem;
        padding: 0 0 0 1.25rem
    }

    .faq-toggle-in ul > li:before {
        top: .3125rem;
        width: .3125rem;
        height: .3125rem
    }

    .faq-toggle-in ul ol {
        padding-top: .625rem;
        margin-left: -1.25rem
    }

    .faq-toggle-in ol > li {
        margin: 0 0 .5rem
    }

    .faq-toggle-in .img {
        margin: .625rem 0 1.875rem -1.5625rem
    }

    .faq-toggle-in .img.text--center {
        text-align: left;
        margin-left: .9375rem
    }
}

@media (min-width: 768px) {
    .footer-1 {
        max-width: 21.4932126697%;
        flex: 0 0 21.4932126697%
    }

    .footer-2 {
        max-width: 13.95173454%;
        flex: 0 0 13.95173454%
    }

    .footer-3 {
        max-width: 37.7073906486%;
        flex: 0 0 37.7073906486%
    }

    .footer-4 {
        max-width: 26.8476621418%;
        flex: 0 0 26.8476621418%;
        text-align: right
    }

    .footer {
        position: relative;
        background: #424242;
        color: #fff;
        font-family: "PT Sans", sans-serif;
        margin-top: auto;
        padding: .625rem 0 0
    }

    .footer .container {
        max-width: 100%;
        padding-left: 1.25rem;
        padding-right: 1.25rem
    }

    .footer a {
        color: inherit;
        text-decoration: none
    }

    .footer-age-limit {
        position: relative;
        font-size: 1.28125rem;
        top: -.25rem;
        white-space: nowrap
    }

    .footer-age-limit .icon {
        top: -.25rem;
        vertical-align: middle
    }

    .copyright {
        top: .6875rem;
        font-size: 1.1875rem;
        position: relative
    }
}

@media (min-width: 768px) and (max-width: 1199px) {
    .footer-1 {
        max-width: 21.1161387632%;
        flex: 0 0 21.1161387632%
    }

    .footer-2 {
        max-width: 13.5746606335%;
        flex: 0 0 13.5746606335%
    }

    .footer-3 {
        max-width: 38.4615384615%;
        flex: 0 0 38.4615384615%
    }

    .footer-4 {
        max-width: 26.8476621418%;
        flex: 0 0 26.8476621418%
    }

    .copyright, .footer-age-limit {
        font-size: 1rem
    }

    .copyright {
        top: .6875rem
    }
}

@media (min-width: 768px) {
    .nav-social {
        font-size: 0;
        position: relative;
        top: -.125rem
    }

    .nav-social ul {
        margin: 0 -.5rem
    }

    .nav-social li {
        padding: 0 .5rem
    }
}

@media (min-width: 768px) and (max-width: 1199px) {
    .nav-social ul {
        margin: 0 -.3125rem
    }

    .nav-social li {
        padding: 0 .3125rem
    }
}

@media (min-width: 768px) {
    .nav-apps {
        font-size: 0
    }

    .nav-apps a {
        position: relative;
        background: #eaeaea;
        border: .0625rem solid #c7c7c7;
        color: #000;
        font-size: .6875rem;
        border-radius: .5rem;
        height: 2.75rem;
        padding: .4375rem .3125rem .125rem 2.1875rem;
        min-width: 7.8125rem;
        line-height: .875rem
    }

    .nav-apps .icon {
        position: absolute;
        top: .5625rem
    }

    .nav-apps span {
        font-size: .84375rem;
        font-weight: 700;
        text-transform: uppercase;
        display: block;
        position: relative
    }

    .nav-apps .icon + span {
        margin-top: .125rem
    }

    .nav-apps br {
        display: none
    }

    .nav-apps ul {
        margin: 0 -.34375rem
    }

    .nav-apps li {
        vertical-align: top;
        padding: 0 .34375rem
    }

    .icon-mobile {
        left: .6875rem
    }

    .icon-ios {
        left: .4375rem
    }

    .icon-android {
        left: .5rem
    }
}

@media (min-width: 768px) and (max-width: 1199px) {
    .nav-apps a {
        min-width: 6.25rem;
        padding-right: .625rem
    }

    .nav-apps span {
        font-size: .6875rem
    }

    .nav-apps ul {
        margin: 0 -.3125rem
    }

    .nav-apps li {
        padding: 0 .3125rem
    }
}

.app-banner {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 15;
    display: none !important
}

.app-banner a {
    text-decoration: none;
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: #ffb412;
    height: 60px;
    padding: 0 .625rem 0 1.0625rem
}

.app-banner .app-banner-close {
    width: 30px;
    height: 30px;
    cursor: pointer;
    padding: 0;
    border: 0;
    background: none;
    outline: none;
    position: absolute;
    left: .5625rem;
    top: 16px;
    z-index: 2
}

.app-banner .app-banner-close:before {
    content: "";
    width: .875rem;
    height: .875rem;
    background: transparent 100% 100% url(../img/app-banner-close.svg);
    position: absolute;
    left: 50%;
    top: 50%;
    pointer-events: none;
    transform: translate(-50%, -50%)
}

.app-banner .app-banner-icon {
    width: 45px;
    height: 45px;
    position: absolute;
    left: 3rem;
    top: 8px;
    border-radius: .5rem
}

.app-banner .app-banner-icon img {
    width: 42px;
    height: 42px;
    margin: 1px 0 0 1px
}

.app-banner .app-banner-text {
    text-align: center;
    color: #000;
    padding: 0 1.25rem 0 6rem;
    font-size: .75rem;
    line-height: .875rem;
    letter-spacing: .02em;
    position: relative;
    top: -.0625rem
}

.app-banner .app-banner-button {
    cursor: pointer;
    color: #fff;
    height: 1.6875rem;
    line-height: 1.6875rem;
    min-width: 4.875rem;
    padding: 0 .625rem;
    text-align: center;
    background-color: #741d16;
    font-size: .75rem;
    border: 0;
    box-shadow: none;
    border-radius: .9375rem;
    outline: none
}

.modal-open {
    overflow: hidden
}

.modal-open .modal {
    overflow-x: hidden;
    overflow-y: auto
}

.modal {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1050;
    display: none;
    width: 100%;
    height: 100%;
    overflow: hidden;
    outline: 0
}

.modal-dialog {
    position: relative;
    width: auto;
    pointer-events: none;
    transition: transform .3s;
    display: flex;
    align-items: center;
    min-height: 100vh
}

.modal.fade .modal-dialog {
    transform: translateY(-6.25rem)
}

.modal.show .modal-dialog {
    transform: none;
    pointer-events: all
}

.modal-content {
    position: relative;
    display: flex;
    flex-direction: column;
    width: 100%;
    pointer-events: auto;
    outline: 0
}

.modal-backdrop {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1040;
    width: 100vw;
    height: 100vh;
    background: #000
}

.modal-backdrop.fade {
    opacity: 0
}

.modal-backdrop.show {
    opacity: 1
}

.modal-backdrop.invisible {
    pointer-events: none;
    opacity: 0;
    visibility: hidden;
    width: 0;
    height: 0
}

.modal-body {
    position: relative;
    flex: 1 1 auto
}

.modal-scrollbar-measure {
    position: absolute;
    top: -624.9375rem;
    width: 3.125rem;
    height: 3.125rem;
    overflow: scroll
}

@media (min-width: 768px) {
    body.show--info .modal-backdrop {
        background: #000
    }

    body.show--info .modal-backdrop.show {
        opacity: .5
    }
}

@media (max-width: 767px) {
    .modal-body {
        padding: 3.75rem .9375rem 2.5rem
    }

    body.show--info .modal-backdrop {
        background: #000
    }

    body.show--info .modal-backdrop.show {
        opacity: .5
    }
}

@media (min-width: 768px) {
    .form--login .form-title {
        margin-bottom: 3.3125rem
    }

    .form--login .form-error, .form--login .form-group {
        max-width: 24.8125rem;
        margin-left: auto;
        margin-right: auto
    }

    .form--login .form-controls {
        padding-top: 2rem
    }

    .form--login .btn--submit {
        min-width: 16.4375rem
    }
}

@media (min-width: 768px) {
    .form--pass .form-title {
        margin-bottom: 3.3125rem
    }

    .form--pass .form-error, .form--pass .form-group, .form--pass .form-text {
        max-width: 24.8125rem;
        margin-left: auto;
        margin-right: auto
    }

    .form--pass .form-controls {
        padding-top: 2rem
    }

    .form--pass .btn--submit {
        min-width: 16.4375rem
    }
}

.group-confirm {
    margin-top: -.3125rem
}

.group-captcha {
    text-align: center;
    padding-top: .375rem;
    color: #fff
}

.group-captcha .title {
    color: #fff
}

.group-captcha .title a {
    color: #fff;
    text-decoration: underline
}

.group-captcha .title a:hover {
    text-decoration: none
}

.group-captcha .meta {
    font-size: .625rem;
    line-height: .625rem;
    min-height: 1.875rem
}

[lang=kz] .group-captcha .meta {
    font-family: "Roboto"
}

.group-captcha .meta a {
    color: #fff;
    text-decoration: underline
}

.group-captcha .meta a:hover {
    text-decoration: none
}

.group-default .title {
    margin-bottom: .5rem;
    color: #fff
}

.group-default .meta {
    padding-top: .5rem
}

.group-alt .title {
    margin-bottom: 1.25rem
}

.group-alt .title b {
    color: red
}

.group-alt .img, .group-alt .inp {
    display: inline-block;
    vertical-align: middle
}

.group-alt .img {
    width: 10rem
}

.group-alt .inp {
    width: calc(100% - 11.25rem);
    margin-left: .625rem;
    position: relative;
    top: .1875rem
}

.group-alt .form-control {
    text-align: center !important
}

.sms-info {
    text-align: center
}

.sms-error, .sms-info {
    padding: 1.25rem 0
}

[data-role=sms].disabled {
    display: none
}

.form-sms {
    margin-bottom: 1.875rem
}

@media (min-width: 768px) {
    .form--reg .form-title {
        margin-bottom: 2.75rem
    }

    .form--reg .form-group {
        max-width: 24.8125rem;
        margin-left: auto;
        margin-right: auto
    }

    .form--reg .group-confirm {
        max-width: 29.375rem
    }

    .form--reg .form-controls {
        padding-top: .875rem
    }

    .form--reg .btn--submit {
        min-width: 20.4375rem
    }

    .group-captcha {
        max-width: 18.75rem;
        margin-left: auto;
        margin-right: auto;
        min-height: 8.3125rem
    }

    .group-captcha .title {
        font-size: .875rem;
        line-height: .875rem
    }

    .group-alt .meta {
        padding-top: 1.5rem
    }
}

@media (max-width: 767px) {
    .group-captcha {
        max-width: 100%;
        min-height: 8.75rem
    }

    .group-captcha .title {
        font-size: .75rem;
        line-height: .75rem
    }

    .group-alt .meta {
        padding-top: 1.3125rem
    }
}

.calendar {
    border-radius: .625rem;
    border: .125rem solid #ff9a00;
    overflow: hidden
}

.datepicker table {
    width: 100%
}

.datepicker td, .datepicker th {
    width: auto
}

.datepicker td {
    font-weight: normal;
    border-radius: 1.875rem;
    width: auto;
    color: #ffb600;
    font-size: 1.0625rem
}

.datepicker table tr td.highlighted {
    background: none;
    color: #ffb600 !important
}

.datepicker table tr td.new, .datepicker table tr td.old {
    color: #ffb600;
    opacity: .6
}

.datepicker table tr td.day.focused, .datepicker table tr td.day:hover {
    color: #ffb600;
    background: none
}

.datepicker-inline {
    width: 100%;
    padding: 0;
    border-radius: 0
}

.datepicker .dow {
    background: #fff;
    color: #ff9a00;
    text-transform: lowercase;
    height: 1.75rem;
    line-height: 1;
    font-size: .75rem;
    padding-top: .5rem;
    background: none
}

.datepicker .datepicker-switch, .datepicker .dow {
    font-weight: normal;
    border-radius: 0;
    padding-bottom: 0
}

.datepicker .datepicker-switch {
    color: #000;
    text-transform: uppercase
}

.datepicker .datepicker-switch, .datepicker .next, .datepicker .prev {
    background: #ffb600 !important;
    height: 2.0625rem;
    padding-top: 0;
    border-bottom: 2px solid #ff9a00
}

.datepicker .next, .datepicker .prev {
    border-radius: 0;
    font-size: 0;
    color: transparent;
    padding-bottom: 0;
    vertical-align: top
}

.datepicker .next:before, .datepicker .prev:before {
    content: "";
    width: .375rem;
    height: .75rem;
    background-size: 100% 100%;
    display: block;
    position: relative;
    top: .75rem
}

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

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

.datepicker table tr td.active, .datepicker table tr td.active:hover {
    background-image: url(../img/picker-day-selected.svg) !important
}

.datepicker table tr td.active, .datepicker table tr td.active:hover, .datepicker table tr td.today, .datepicker table tr td.today:hover {
    color: #fff !important;
    background-color: transparent !important;
    background-repeat: no-repeat !important;
    background-position: 50% 50% !important
}

.datepicker table tr td.today, .datepicker table tr td.today:hover {
    background-image: url(../img/picker-day.svg) !important
}

.datepicker table tr td span {
    margin: 0;
    border-radius: 0;
    background: none;
    width: 25%
}

.datepicker table, .datepicker td, .datepicker th {
    border: 0
}

.datepicker table tr td span:hover {
    background: none;
    color: #000
}

.datepicker table tr td span.focused {
    background: #ffb600 !important;
    color: #fff !important
}

.datepicker table tr td.disabled {
    pointer-events: none;
    color: #999 !important;
    background: none !important;
    text-shadow: none !important
}

.datepicker .datepicker-switch {
    font-size: 1.0625rem
}

.datepicker .prev:before {
    left: .875rem
}

.datepicker .next:before {
    left: 1rem
}

.datepicker .next.disabled, .datepicker .prev.disabled {
    visibility: visible;
    pointer-events: none
}

.datepicker .next.disabled:before, .datepicker .prev.disabled:before {
    display: none
}

@media (min-width: 768px) {
    .calendar {
        height: 16.4375rem;
        padding-bottom: .375rem
    }

    .datepicker td {
        height: 1.875rem;
        line-height: 1.875rem
    }
}

@media (max-width: 767px) {
    .calendar {
        height: 15.625rem;
        padding-bottom: .1875rem;
        margin-bottom: 1.3125rem
    }

    .datepicker td {
        height: 1.75rem;
        line-height: 1.75rem
    }
}

body.compensate-for-scrollbar {
    overflow: hidden
}

.fancybox-active {
    height: auto
}

.fancybox-is-hidden {
    left: -624.9375rem;
    margin: 0;
    position: absolute !important;
    top: -624.9375rem;
    visibility: hidden
}

.fancybox-container {
    -webkit-backface-visibility: hidden;
    height: 100%;
    left: 0;
    outline: none;
    position: fixed;
    -webkit-tap-highlight-color: transparent;
    top: 0;
    touch-action: manipulation;
    transform: translateZ(0);
    width: 100%;
    z-index: 99992
}

.fancybox-container * {
    box-sizing: border-box
}

.fancybox-bg, .fancybox-inner, .fancybox-outer, .fancybox-stage {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.fancybox-outer {
    -webkit-overflow-scrolling: touch;
    overflow-y: auto
}

.fancybox-bg {
    background: #1e1e1e;
    opacity: 0;
    transition-duration: inherit;
    transition-property: opacity;
    transition-timing-function: cubic-bezier(.47, 0, .74, .71)
}

.fancybox-is-open .fancybox-bg {
    opacity: .9;
    transition-timing-function: cubic-bezier(.22, .61, .36, 1)
}

.fancybox-caption, .fancybox-infobar, .fancybox-navigation .fancybox-button, .fancybox-toolbar {
    direction: ltr;
    opacity: 0;
    position: absolute;
    transition: opacity .25s ease, visibility 0s ease .25s;
    visibility: hidden;
    z-index: 99997
}

.fancybox-show-caption .fancybox-caption, .fancybox-show-infobar .fancybox-infobar, .fancybox-show-nav .fancybox-navigation .fancybox-button, .fancybox-show-toolbar .fancybox-toolbar {
    opacity: 1;
    transition: opacity .25s ease 0s, visibility 0s ease 0s;
    visibility: visible
}

.fancybox-infobar {
    color: #ccc;
    font-size: .8125rem;
    -webkit-font-smoothing: subpixel-antialiased;
    height: 2.75rem;
    left: 0;
    line-height: 2.75rem;
    min-width: 2.75rem;
    mix-blend-mode: difference;
    padding: 0 .625rem;
    pointer-events: none;
    top: 0;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.fancybox-toolbar {
    right: 0;
    top: 0
}

.fancybox-stage {
    direction: ltr;
    overflow: visible;
    transform: translateZ(0);
    z-index: 99994
}

.fancybox-is-open .fancybox-stage {
    overflow: hidden
}

.fancybox-slide {
    -webkit-backface-visibility: hidden;
    display: none;
    height: 100%;
    left: 0;
    outline: none;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    padding: 2.75rem;
    position: absolute;
    text-align: center;
    top: 0;
    transition-property: transform, opacity;
    white-space: normal;
    width: 100%;
    z-index: 99994
}

.fancybox-slide:before {
    content: "";
    display: inline-block;
    font-size: 0;
    height: 100%;
    vertical-align: middle;
    width: 0
}

.fancybox-is-sliding .fancybox-slide, .fancybox-slide--current, .fancybox-slide--next, .fancybox-slide--previous {
    display: block
}

.fancybox-slide--image {
    overflow: hidden;
    padding: 2.75rem 0
}

.fancybox-slide--image:before {
    display: none
}

.fancybox-slide--html {
    padding: .375rem
}

.fancybox-content {
    background: #fff;
    display: inline-block;
    margin: 0;
    max-width: 100%;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    padding: 2.75rem;
    position: relative;
    text-align: left;
    vertical-align: middle
}

.fancybox-slide--image .fancybox-content {
    -webkit-animation-timing-function: cubic-bezier(.5, 0, .14, 1);
    animation-timing-function: cubic-bezier(.5, 0, .14, 1);
    -webkit-backface-visibility: hidden;
    background: transparent;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    left: 0;
    max-width: none;
    overflow: visible;
    padding: 0;
    position: absolute;
    top: 0;
    transform-origin: top left;
    transition-property: transform, opacity;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    z-index: 99995
}

.fancybox-can-zoomOut .fancybox-content {
    cursor: zoom-out
}

.fancybox-can-zoomIn .fancybox-content {
    cursor: zoom-in
}

.fancybox-can-pan .fancybox-content, .fancybox-can-swipe .fancybox-content {
    cursor: -webkit-grab;
    cursor: grab
}

.fancybox-is-grabbing .fancybox-content {
    cursor: -webkit-grabbing;
    cursor: grabbing
}

.fancybox-container [data-selectable=true] {
    cursor: text
}

.fancybox-image, .fancybox-spaceball {
    background: transparent;
    border: 0;
    height: 100%;
    left: 0;
    margin: 0;
    max-height: none;
    max-width: none;
    padding: 0;
    position: absolute;
    top: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    width: 100%
}

.fancybox-spaceball {
    z-index: 1
}

.fancybox-slide--iframe .fancybox-content, .fancybox-slide--map .fancybox-content, .fancybox-slide--pdf .fancybox-content, .fancybox-slide--video .fancybox-content {
    height: 100%;
    overflow: visible;
    padding: 0;
    width: 100%
}

.fancybox-slide--video .fancybox-content {
    background: #000
}

.fancybox-slide--map .fancybox-content {
    background: #e5e3df
}

.fancybox-slide--iframe .fancybox-content {
    background: #fff
}

.fancybox-iframe, .fancybox-video {
    background: transparent;
    border: 0;
    display: block;
    height: 100%;
    margin: 0;
    overflow: hidden;
    padding: 0;
    width: 100%
}

.fancybox-iframe {
    left: 0;
    position: absolute;
    top: 0
}

.fancybox-error {
    background: #fff;
    cursor: default;
    max-width: 25rem;
    padding: 2.5rem;
    width: 100%
}

.fancybox-error p {
    color: #444;
    font-size: 1rem;
    line-height: 1.25rem;
    margin: 0;
    padding: 0
}

.fancybox-button {
    background: rgba(30, 30, 30, .6);
    border: 0;
    border-radius: 0;
    box-shadow: none;
    cursor: pointer;
    display: inline-block;
    height: 2.75rem;
    margin: 0;
    padding: .625rem;
    position: relative;
    transition: color .2s;
    vertical-align: top;
    visibility: inherit;
    width: 2.75rem
}

.fancybox-button, .fancybox-button:link, .fancybox-button:visited {
    color: #ccc
}

.fancybox-button:hover {
    color: #fff
}

.fancybox-button:focus {
    outline: none
}

.fancybox-button.fancybox-focus {
    outline: 1px dotted
}

.fancybox-button[disabled], .fancybox-button[disabled]:hover {
    color: #888;
    cursor: default;
    outline: none
}

.fancybox-button div {
    height: 100%
}

.fancybox-button svg {
    display: block;
    height: 100%;
    overflow: visible;
    position: relative;
    width: 100%
}

.fancybox-button svg path {
    fill: currentColor;
    stroke-width: 0
}

.fancybox-button--fsenter svg:nth-child(2), .fancybox-button--fsexit svg:first-child, .fancybox-button--pause svg:first-child, .fancybox-button--play svg:nth-child(2) {
    display: none
}

.fancybox-progress {
    background: #ff5268;
    height: .125rem;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    transform: scaleX(0);
    transform-origin: 0;
    transition-property: transform;
    transition-timing-function: linear;
    z-index: 99998
}

.fancybox-close-small {
    background: transparent;
    border: 0;
    border-radius: 0;
    color: #ccc;
    cursor: pointer;
    opacity: .8;
    padding: .5rem;
    position: absolute;
    right: -.75rem;
    top: -2.75rem;
    z-index: 401
}

.fancybox-close-small:hover {
    color: #fff;
    opacity: 1
}

.fancybox-slide--html .fancybox-close-small {
    color: currentColor;
    padding: .625rem;
    right: 0;
    top: 0
}

.fancybox-slide--image.fancybox-is-scaling .fancybox-content {
    overflow: hidden
}

.fancybox-is-scaling .fancybox-close-small, .fancybox-is-zoomable.fancybox-can-pan .fancybox-close-small {
    display: none
}

.fancybox-navigation .fancybox-button {
    background-clip: content-box;
    height: 6.25rem;
    opacity: 0;
    position: absolute;
    top: calc(50% - 3.125rem);
    width: 4.375rem
}

.fancybox-navigation .fancybox-button div {
    padding: .4375rem
}

.fancybox-navigation .fancybox-button--arrow_left {
    left: 0;
    padding: 1.9375rem 1.625rem 1.9375rem .375rem
}

.fancybox-navigation .fancybox-button--arrow_right {
    padding: 1.9375rem .375rem 1.9375rem 1.625rem;
    right: 0
}

.fancybox-caption {
    bottom: 0;
    color: #eee;
    font-size: .875rem;
    font-weight: 400;
    left: 0;
    line-height: 1.5;
    padding: 1.5625rem 2.75rem;
    right: 0;
    text-align: center;
    z-index: 99996
}

.fancybox-caption:before {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAD6CAQAAADKSeXYAAAAYklEQVQoz42RwQ3AMAgDjfcfup8WoRykfBAK5mQHKSz5rbXJPis1hjiV3CIqgG0hLZPkVkA4p4x5oR1bVeDrdCLrW2Q0D5bcwY3TGMHbdw3mPRuOtaspYP1w//G1OIcW148H0DMCqI/3mMMAAAAASUVORK5CYII=);
    background-repeat: repeat-x;
    background-size: contain;
    bottom: 0;
    content: "";
    display: block;
    left: 0;
    pointer-events: none;
    position: absolute;
    right: 0;
    top: -2.75rem;
    z-index: -1
}

.fancybox-caption a, .fancybox-caption a:link, .fancybox-caption a:visited {
    color: #ccc;
    text-decoration: none
}

.fancybox-caption a:hover {
    color: #fff;
    text-decoration: underline
}

.fancybox-loading {
    -webkit-animation: a 1s linear infinite;
    animation: a 1s linear infinite;
    background: transparent;
    border: .25rem solid #888;
    border-bottom-color: #fff;
    border-radius: 50%;
    height: 3.125rem;
    left: 50%;
    margin: -1.5625rem 0 0 -1.5625rem;
    opacity: .7;
    padding: 0;
    position: absolute;
    top: 50%;
    width: 3.125rem;
    z-index: 99999
}

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

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

.fancybox-animated {
    transition-timing-function: cubic-bezier(0, 0, .25, 1)
}

.fancybox-fx-slide.fancybox-slide--previous {
    opacity: 0;
    transform: translate3d(-100%, 0, 0)
}

.fancybox-fx-slide.fancybox-slide--next {
    opacity: 0;
    transform: translate3d(100%, 0, 0)
}

.fancybox-fx-slide.fancybox-slide--current {
    opacity: 1;
    transform: translateZ(0)
}

.fancybox-fx-fade.fancybox-slide--next, .fancybox-fx-fade.fancybox-slide--previous {
    opacity: 0;
    transition-timing-function: cubic-bezier(.19, 1, .22, 1)
}

.fancybox-fx-fade.fancybox-slide--current {
    opacity: 1
}

.fancybox-fx-zoom-in-out.fancybox-slide--previous {
    opacity: 0;
    transform: scale3d(1.5, 1.5, 1.5)
}

.fancybox-fx-zoom-in-out.fancybox-slide--next {
    opacity: 0;
    transform: scale3d(.5, .5, .5)
}

.fancybox-fx-zoom-in-out.fancybox-slide--current {
    opacity: 1;
    transform: scaleX(1)
}

.fancybox-fx-rotate.fancybox-slide--previous {
    opacity: 0;
    transform: rotate(-1turn)
}

.fancybox-fx-rotate.fancybox-slide--next {
    opacity: 0;
    transform: rotate(1turn)
}

.fancybox-fx-rotate.fancybox-slide--current {
    opacity: 1;
    transform: rotate(0deg)
}

.fancybox-fx-circular.fancybox-slide--previous {
    opacity: 0;
    transform: scale3d(0, 0, 0) translate3d(-100%, 0, 0)
}

.fancybox-fx-circular.fancybox-slide--next {
    opacity: 0;
    transform: scale3d(0, 0, 0) translate3d(100%, 0, 0)
}

.fancybox-fx-circular.fancybox-slide--current {
    opacity: 1;
    transform: scaleX(1) translateZ(0)
}

.fancybox-fx-tube.fancybox-slide--previous {
    transform: translate3d(-100%, 0, 0) scale(.1) skew(-10deg)
}

.fancybox-fx-tube.fancybox-slide--next {
    transform: translate3d(100%, 0, 0) scale(.1) skew(10deg)
}

.fancybox-fx-tube.fancybox-slide--current {
    transform: translateZ(0) scale(1)
}

@media (max-height: 576px) {
    .fancybox-caption {
        padding: .75rem
    }

    .fancybox-slide {
        padding-left: .375rem;
        padding-right: .375rem
    }

    .fancybox-slide--image {
        padding: .375rem 0
    }

    .fancybox-close-small {
        right: -.375rem
    }

    .fancybox-slide--image .fancybox-close-small {
        background: #4e4e4e;
        color: #f2f4f6;
        height: 2.25rem;
        opacity: 1;
        padding: .375rem;
        right: 0;
        top: 0;
        width: 2.25rem
    }
}

.fancybox-share {
    background: #f4f4f4;
    border-radius: .1875rem;
    max-width: 90%;
    padding: 1.875rem;
    text-align: center
}

.fancybox-share h1 {
    color: #222;
    font-size: 2.1875rem;
    font-weight: 700;
    margin: 0 0 1.25rem
}

.fancybox-share p {
    margin: 0;
    padding: 0
}

.fancybox-share__button {
    border: 0;
    border-radius: .1875rem;
    display: inline-block;
    font-size: .875rem;
    font-weight: 700;
    line-height: 2.5rem;
    margin: 0 .3125rem .625rem;
    min-width: 8.125rem;
    padding: 0 .9375rem;
    text-decoration: none;
    transition: all .2s;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    white-space: nowrap
}

.fancybox-share__button:link, .fancybox-share__button:visited {
    color: #fff
}

.fancybox-share__button:hover {
    text-decoration: none
}

.fancybox-share__button--fb {
    background: #3b5998
}

.fancybox-share__button--fb:hover {
    background: #344e86
}

.fancybox-share__button--pt {
    background: #bd081d
}

.fancybox-share__button--pt:hover {
    background: #aa0719
}

.fancybox-share__button--tw {
    background: #1da1f2
}

.fancybox-share__button--tw:hover {
    background: #0d95e8
}

.fancybox-share__button svg {
    height: 1.5625rem;
    margin-right: .4375rem;
    position: relative;
    top: -.0625rem;
    vertical-align: middle;
    width: 1.5625rem
}

.fancybox-share__button svg path {
    fill: #fff
}

.fancybox-share__input {
    background: transparent;
    border: 0;
    border-bottom: 1px solid #d7d7d7;
    border-radius: 0;
    color: #5d5b5b;
    font-size: .875rem;
    margin: .625rem 0 0;
    outline: none;
    padding: .625rem .9375rem;
    width: 100%
}

.fancybox-thumbs {
    background: #ddd;
    bottom: 0;
    display: none;
    margin: 0;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    padding: .125rem .125rem .25rem;
    position: absolute;
    right: 0;
    -webkit-tap-highlight-color: transparent;
    top: 0;
    width: 13.25rem;
    z-index: 99995
}

.fancybox-thumbs-x {
    overflow-x: auto;
    overflow-y: hidden
}

.fancybox-show-thumbs .fancybox-thumbs {
    display: block
}

.fancybox-show-thumbs .fancybox-inner {
    right: 13.25rem
}

.fancybox-thumbs__list {
    font-size: 0;
    height: 100%;
    list-style: none;
    margin: 0;
    overflow-x: hidden;
    overflow-y: auto;
    padding: 0;
    position: absolute;
    position: relative;
    white-space: nowrap;
    width: 100%
}

.fancybox-thumbs-x .fancybox-thumbs__list {
    overflow: hidden
}

.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar {
    width: .4375rem
}

.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-track {
    background: #fff;
    border-radius: .625rem;
    box-shadow: inset 0 0 6px rgba(0, 0, 0, .3)
}

.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-thumb {
    background: #2a2a2a;
    border-radius: .625rem
}

.fancybox-thumbs__list a {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    background-color: rgba(0, 0, 0, .1);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    cursor: pointer;
    float: left;
    height: 4.6875rem;
    margin: .125rem;
    max-height: calc(100% - .5rem);
    max-width: calc(50% - .25rem);
    outline: none;
    overflow: hidden;
    padding: 0;
    position: relative;
    -webkit-tap-highlight-color: transparent;
    width: 6.25rem
}

.fancybox-thumbs__list a:before {
    border: .375rem solid #ff5268;
    bottom: 0;
    content: "";
    left: 0;
    opacity: 0;
    position: absolute;
    right: 0;
    top: 0;
    transition: all .2s cubic-bezier(.25, .46, .45, .94);
    z-index: 99991
}

.fancybox-thumbs__list a:focus:before {
    opacity: .5
}

.fancybox-thumbs__list a.fancybox-thumbs-active:before {
    opacity: 1
}

@media (max-width: 576px) {
    .fancybox-thumbs {
        width: 6.875rem
    }

    .fancybox-show-thumbs .fancybox-inner {
        right: 6.875rem
    }

    .fancybox-thumbs__list a {
        max-width: calc(100% - .625rem)
    }
}

.modal--info .nano > .nano-pane {
    opacity: 1
}

.modal--info .nano > .nano-pane > .nano-slider {
    background: #dbdbdb;
    margin: 0;
    cursor: pointer
}

.info-header {
    font-size: 0;
    line-height: 1;
    color: #000
}

.info-header label {
    font-weight: normal;
    display: block
}

.info-header > div {
    text-align: center;
    display: inline-block;
    vertical-align: top;
    position: relative
}

.info-header > div:not(:last-child):after {
    content: "";
    position: absolute;
    right: 0;
    height: 2.6875rem;
    border-right: 1px solid #000
}

.info-item .title {
    color: #000
}

.info-item .meta {
    position: relative;
    font-weight: 300;
    color: #6b0c17;
    min-height: unset
}

.info-item .iconka {
    position: absolute
}

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

.info-item .result {
    color: #fff;
    background: linear-gradient(90deg, #ff9a00 .39%, #ffb600 99.63%);
    border-radius: .625rem
}

.info-item .right {
    float: right
}

.info-item.info-item-gray .result {
    background: gray
}

@media (min-width: 768px) {
    .modal--info .btn--close {
        right: 3.125rem;
        top: 3.125rem
    }

    .modal--info .modal-content {
        max-width: 37.3125rem;
        height: 36.875rem;
        margin: 0 auto;
        background: #fff;
        border-radius: 1.875rem
    }

    .modal--info .modal-body {
        padding: 2.5625rem 1.5625rem 0 2.3125rem
    }

    .modal--info .nano {
        height: 28.125rem
    }

    .modal--info .nano-content {
        padding-right: 1.1875rem
    }

    .modal--info .nano > .nano-pane {
        width: .4375rem;
        border-radius: .3125rem;
        background: #fff
    }

    .modal--info .nano > .nano-pane > .nano-slider {
        border-radius: .3125rem
    }

    .info-header {
        max-width: 28.75rem;
        margin-bottom: 1.625rem
    }

    .info-header label {
        font-size: 1.0625rem;
        margin-bottom: .625rem
    }

    .info-header > div {
        font-size: 1.25rem
    }

    .info-header > div:not(:last-child):after {
        top: .25rem
    }

    .info-header > div:first-child {
        width: 18.4782608696%
    }

    .info-header > div:nth-child(2) {
        width: 23.2608695652%
    }

    .info-header > div:nth-child(3) {
        width: 31.0869565217%
    }

    .info-header > div:nth-child(4) {
        width: 27.1739130435%
    }

    .info-item:not(:last-child) {
        margin-bottom: .875rem
    }

    .info-item .title {
        font-size: 1.25rem;
        line-height: 2rem;
        margin: 0 1rem .0625rem
    }

    .info-item .meta {
        padding-left: 1.6875rem;
        font-size: 1rem;
        line-height: 1.125rem;
        margin: 0 1rem .3125rem
    }

    .info-item .no-icon {
        padding-left: 0
    }

    .info-item .iconka {
        width: 1.0625rem;
        height: 1.0625rem;
        left: .0625rem;
        top: -.25rem
    }

    .info-item .result {
        font-size: 1.25rem;
        line-height: 1.375rem;
        padding: .5625rem 1.125rem .625rem 1rem
    }

    .info-item .right {
        margin-left: 1.25rem
    }
}

@media (max-width: 767px) {
    .modal-open .modal--info {
        overflow: hidden
    }

    .modal--info .btn--close {
        right: .4375rem;
        top: .625rem
    }

    .modal--info .icon-close {
        width: .9375rem;
        height: .9375rem
    }

    .modal--info .modal-content {
        background: #e2f2ff;
        height: 100vh
    }

    .modal--info .modal-body {
        padding: 2.6875rem 0 0 .625rem
    }

    .modal--info .nano {
        height: calc(100vh - 6.1875rem)
    }

    .modal--info .nano-content {
        padding-right: .625rem;
        padding-bottom: 3.125rem
    }

    .modal--info .nano > .nano-pane {
        right: .1875rem;
        width: .1875rem;
        border-radius: .1875rem;
        background: none
    }

    .modal--info .nano > .nano-pane > .nano-slider {
        border-radius: .1875rem
    }

    .info-header {
        margin-bottom: 1.3125rem;
        max-width: 18.75rem
    }

    .info-header label {
        font-size: .75rem;
        margin-bottom: .4375rem
    }

    .info-header > div {
        font-size: 1rem
    }

    .info-header > div:not(:last-child):after {
        top: -.125rem
    }

    .info-header > div:first-child {
        width: 18%
    }

    .info-header > div:nth-child(2) {
        width: 23.6666666667%
    }

    .info-header > div:nth-child(3) {
        width: 32.6666666667%
    }

    .info-header > div:nth-child(4) {
        width: 25.6666666667%
    }

    .info-header > div span {
        font-size: .75rem
    }

    .info-item {
        margin-bottom: 1.125rem
    }

    .info-item .title {
        font-size: .875rem;
        line-height: 1rem;
        margin: 0 .8125rem .1875rem
    }

    .info-item .meta {
        padding-left: 1.1875rem;
        font-size: .8125rem;
        line-height: .9375rem;
        margin: 0 .8125rem .1875rem
    }

    .info-item .no-icon {
        padding-left: 0
    }

    .info-item .iconka {
        width: .75rem;
        height: .75rem;
        left: 0;
        top: .0625rem;
        line-height: 1;
        font-family: Arial
    }

    .info-item img {
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        line-height: 1
    }

    .info-item .result {
        font-size: .875rem;
        line-height: 1rem;
        padding: .5625rem 1.125rem .5rem .8125rem
    }

    .info-item .right {
        margin-left: .625rem
    }
}