@charset "UTF-8";:root {
    --dt-row-selected: 2, 117, 216;
    --dt-row-selected-text: 255, 255, 255;
    --dt-row-selected-link: 9, 10, 11
}

table.dataTable thead>tr>th.sorting_asc_disabled,table.dataTable thead>tr>th.sorting_desc_disabled,table.dataTable thead>tr>td.sorting_asc_disabled,table.dataTable thead>tr>td.sorting_desc_disabled {
    cursor: pointer;
    position: relative;
    padding-right: 26px
}

table.dataTable thead>tr>th.sorting_asc_disabled:before,table.dataTable thead>tr>th.sorting_asc_disabled:after,table.dataTable thead>tr>th.sorting_desc_disabled:before,table.dataTable thead>tr>th.sorting_desc_disabled:after,table.dataTable thead>tr>td.sorting_asc_disabled:before,table.dataTable thead>tr>td.sorting_asc_disabled:after,table.dataTable thead>tr>td.sorting_desc_disabled:before,table.dataTable thead>tr>td.sorting_desc_disabled:after {
    position: absolute;
    display: block;
    opacity: .125;
    right: 10px;
    line-height: 9px;
    font-size: .8em
}

table.dataTable thead>tr>th.sorting_asc_disabled:before,table.dataTable thead>tr>th.sorting_desc_disabled:before,table.dataTable thead>tr>td.sorting_asc_disabled:before,table.dataTable thead>tr>td.sorting_desc_disabled:before {
    bottom: 50%;
    content: "\25B2"
}

table.dataTable thead>tr>th.sorting_asc_disabled:after,table.dataTable thead>tr>th.sorting_desc_disabled:after,table.dataTable thead>tr>td.sorting_asc_disabled:after,table.dataTable thead>tr>td.sorting_desc_disabled:after {
    top: 50%;
    content: "\25BC"
}

table.dataTable thead>tr>th.sorting_desc_disabled:after,table.dataTable thead>tr>th.sorting_asc_disabled:before,table.dataTable thead>tr>td.sorting_desc_disabled:after,table.dataTable thead>tr>td.sorting_asc_disabled:before {
    display: none
}

table.dataTable thead>tr>th:active,table.dataTable thead>tr>td:active {
    outline: none
}

div.dataTables_scrollBody table.dataTable thead>tr>th:before,div.dataTables_scrollBody table.dataTable thead>tr>th:after,div.dataTables_scrollBody table.dataTable thead>tr>td:before,div.dataTables_scrollBody table.dataTable thead>tr>td:after {
    display: none
}

div.dataTables_processing {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 200px;
    margin-left: -100px;
    margin-top: -26px;
    text-align: center;
    padding: 2px
}

div.dataTables_processing>div:last-child {
    position: relative;
    width: 80px;
    height: 15px;
    margin: 1em auto
}

div.dataTables_processing>div:last-child>div {
    position: absolute;
    top: 0;
    width: 13px;
    height: 13px;
    border-radius: 50%;
    background: 2 117 216;
    -webkit-animation-timing-function: cubic-bezier(0,1,1,0);
    animation-timing-function: cubic-bezier(0,1,1,0)
}

div.dataTables_processing>div:last-child>div:nth-child(1) {
    left: 8px;
    -webkit-animation: datatables-loader-1 .6s infinite;
    animation: datatables-loader-1 .6s infinite
}

div.dataTables_processing>div:last-child>div:nth-child(2) {
    left: 8px;
    -webkit-animation: datatables-loader-2 .6s infinite;
    animation: datatables-loader-2 .6s infinite
}

div.dataTables_processing>div:last-child>div:nth-child(3) {
    left: 32px;
    -webkit-animation: datatables-loader-2 .6s infinite;
    animation: datatables-loader-2 .6s infinite
}

div.dataTables_processing>div:last-child>div:nth-child(4) {
    left: 56px;
    -webkit-animation: datatables-loader-3 .6s infinite;
    animation: datatables-loader-3 .6s infinite
}

@keyframes datatables-loader-1 {
    0% {
        -webkit-transform: scale(0);
        transform: scale(0)
    }

    100% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes datatables-loader-3 {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    100% {
        -webkit-transform: scale(0);
        transform: scale(0)
    }
}

@keyframes datatables-loader-2 {
    0% {
        -webkit-transform: translate(0,0);
        transform: translate(0,0)
    }

    100% {
        -webkit-transform: translate(24px,0);
        transform: translate(24px,0)
    }
}

table.dataTable.nowrap th,table.dataTable.nowrap td {
    white-space: nowrap
}

table.dataTable td.dataTables_empty {
    text-align: center
}

table.dataTable thead th,table.dataTable thead td,table.dataTable tfoot th,table.dataTable tfoot td {
    text-align: left
}

table.dataTable {
    clear: both;
    margin-top: 6px!important;
    margin-bottom: 6px!important;
    max-width: none!important;
    border-collapse: separate!important;
    border-spacing: 0
}

table.dataTable td,table.dataTable th {
    -webkit-box-sizing: content-box;
    box-sizing: content-box
}

table.dataTable td.dataTables_empty,table.dataTable th.dataTables_empty {
    text-align: center
}

table.dataTable.nowrap th,table.dataTable.nowrap td {
    white-space: nowrap
}

table.dataTable.table-striped>tbody>tr:nth-of-type(2n+1) {
    background-color: transparent
}

table.dataTable>tbody>tr {
    background-color: transparent
}

table.dataTable>tbody>tr.selected>* {
    -webkit-box-shadow: inset 0 0 0 9999px #0275d8;
    box-shadow: inset 0 0 0 9999px #0275d8;
    -webkit-box-shadow: inset 0 0 0 9999px rgb(var(--dt-row-selected));
    box-shadow: inset 0 0 0 9999px rgb(var(--dt-row-selected));
    color: #fff;
    color: rgb(var(--dt-row-selected-text))
}

table.dataTable>tbody>tr.selected a {
    color: #090a0b;
    color: rgb(var(--dt-row-selected-link))
}

table.dataTable.table-striped>tbody>tr.odd>* {
    -webkit-box-shadow: inset 0 0 0 9999px rgba(0,0,0,.05);
    box-shadow: inset 0 0 0 9999px rgba(0,0,0,.05)
}

table.dataTable.table-striped>tbody>tr.odd.selected>* {
    -webkit-box-shadow: inset 0 0 0 9999px rgba(2,117,216,.95);
    box-shadow: inset 0 0 0 9999px rgba(2,117,216,.95);
    -webkit-box-shadow: inset 0 0 0 9999px rgba(var(--dt-row-selected),0.95);
    box-shadow: inset 0 0 0 9999px rgba(var(--dt-row-selected),0.95)
}

div.dataTables_wrapper div.dataTables_length label {
    font-weight: 400;
    text-align: left;
    white-space: nowrap
}

div.dataTables_wrapper div.dataTables_length select {
    width: auto;
    display: inline-block
}

div.dataTables_wrapper div.dataTables_filter {
    text-align: right
}

div.dataTables_wrapper div.dataTables_filter label {
    font-weight: 400;
    white-space: nowrap;
    text-align: left
}

div.dataTables_wrapper div.dataTables_filter input {
    margin-left: .5em;
    display: inline-block;
    width: auto
}

div.dataTables_wrapper div.dataTables_info {
    padding-top: .85em
}

div.dataTables_wrapper div.dataTables_paginate {
    margin: 0;
    white-space: nowrap;
    text-align: right
}

div.dataTables_wrapper div.dataTables_paginate ul.pagination {
    margin: 2px 0;
    white-space: nowrap;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

div.dataTables_wrapper div.dataTables_processing {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 200px;
    margin-left: -100px;
    margin-top: -26px;
    text-align: center;
    padding: 1em 0
}

div.dataTables_scrollHead table.dataTable {
    margin-bottom: 0!important
}

div.dataTables_scrollBody>table {
    border-top: none;
    margin-top: 0!important;
    margin-bottom: 0!important
}

div.dataTables_scrollBody>table>tbody tr:first-child th,div.dataTables_scrollBody>table>tbody tr:first-child td {
    border-top: none
}

div.dataTables_scrollFoot>.dataTables_scrollFootInner {
    -webkit-box-sizing: content-box;
    box-sizing: content-box
}

div.dataTables_scrollFoot>.dataTables_scrollFootInner>table {
    margin-top: 0!important;
    border-top: none
}

@media screen and (max-width: 767px) {
    div.dataTables_wrapper div.dataTables_length,div.dataTables_wrapper div.dataTables_filter,div.dataTables_wrapper div.dataTables_info,div.dataTables_wrapper div.dataTables_paginate {
        text-align:center
    }

    div.dataTables_wrapper div.dataTables_paginate ul.pagination {
        -webkit-box-pack: center!important;
        -ms-flex-pack: center!important;
        justify-content: center!important
    }
}

table.table-bordered.dataTable {
    border-right-width: 0
}

table.table-bordered.dataTable th,table.table-bordered.dataTable td {
    border-left-width: 0
}

table.table-bordered.dataTable th:last-child,table.table-bordered.dataTable th:last-child,table.table-bordered.dataTable td:last-child,table.table-bordered.dataTable td:last-child {
    border-right-width: 1px
}

table.table-bordered.dataTable tbody th,table.table-bordered.dataTable tbody td {
    border-bottom-width: 0
}

div.dataTables_scrollHead table.table-bordered {
    border-bottom-width: 0
}

table.dataTable.dtr-inline.collapsed>tbody>tr>td.child,table.dataTable.dtr-inline.collapsed>tbody>tr>th.child,table.dataTable.dtr-inline.collapsed>tbody>tr>td.dataTables_empty {
    cursor: default!important
}

table.dataTable.dtr-inline.collapsed>tbody>tr>td.child:before,table.dataTable.dtr-inline.collapsed>tbody>tr>th.child:before,table.dataTable.dtr-inline.collapsed>tbody>tr>td.dataTables_empty:before {
    display: none!important
}

table.dataTable.dtr-inline.collapsed>tbody>tr>td.dtr-control,table.dataTable.dtr-inline.collapsed>tbody>tr>th.dtr-control {
    position: relative;
    padding-left: 30px;
    cursor: pointer
}

table.dataTable.dtr-inline.collapsed>tbody>tr>td.dtr-control:before,table.dataTable.dtr-inline.collapsed>tbody>tr>th.dtr-control:before {
    top: 50%;
    left: 5px;
    height: 1em;
    width: 1em;
    margin-top: -9px;
    display: block;
    position: absolute;
    color: #fff;
    border: .15em solid #fff;
    border-radius: 1em;
    -webkit-box-shadow: 0 0 .2em #444;
    box-shadow: 0 0 .2em #444;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    text-align: center;
    text-indent: 0!important;
    font-family: courier new,Courier,monospace;
    line-height: 1em;
    content: "+";
    background-color: #0275d8
}

table.dataTable.dtr-inline.collapsed>tbody>tr.parent>td.dtr-control:before,table.dataTable.dtr-inline.collapsed>tbody>tr.parent>th.dtr-control:before {
    content: "-";
    background-color: #d33333
}

table.dataTable.dtr-inline.collapsed.compact>tbody>tr>td.dtr-control,table.dataTable.dtr-inline.collapsed.compact>tbody>tr>th.dtr-control {
    padding-left: 27px
}

table.dataTable.dtr-inline.collapsed.compact>tbody>tr>td.dtr-control:before,table.dataTable.dtr-inline.collapsed.compact>tbody>tr>th.dtr-control:before {
    left: 4px;
    height: 14px;
    width: 14px;
    border-radius: 14px;
    line-height: 14px;
    text-indent: 3px
}

table.dataTable.dtr-column>tbody>tr>td.dtr-control,table.dataTable.dtr-column>tbody>tr>th.dtr-control {
    position: relative;
    cursor: pointer
}

table.dataTable.dtr-column>tbody>tr>td.dtr-control:before,table.dataTable.dtr-column>tbody>tr>th.dtr-control:before {
    top: 50%;
    left: 50%;
    height: .8em;
    width: .8em;
    margin-top: -.5em;
    margin-left: -.5em;
    display: block;
    position: absolute;
    color: #fff;
    border: .15em solid #fff;
    border-radius: 1em;
    -webkit-box-shadow: 0 0 .2em #444;
    box-shadow: 0 0 .2em #444;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    text-align: center;
    text-indent: 0!important;
    font-family: courier new,Courier,monospace;
    line-height: 1em;
    content: "+";
    background-color: #0275d8
}

table.dataTable.dtr-column>tbody>tr.parent td.dtr-control:before,table.dataTable.dtr-column>tbody>tr.parent th.dtr-control:before {
    content: "-";
    background-color: #d33333
}

table.dataTable>tbody>tr.child {
    padding: .5em 1em
}

table.dataTable>tbody>tr.child:hover {
    background: 0 0!important
}

table.dataTable>tbody>tr.child ul.dtr-details {
    display: inline-block;
    list-style-type: none;
    margin: 0;
    padding: 0
}

table.dataTable>tbody>tr.child ul.dtr-details>li {
    border-bottom: 1px solid #efefef;
    padding: .5em 0
}

table.dataTable>tbody>tr.child ul.dtr-details>li:first-child {
    padding-top: 0
}

table.dataTable>tbody>tr.child ul.dtr-details>li:last-child {
    border-bottom: none
}

table.dataTable>tbody>tr.child span.dtr-title {
    display: inline-block;
    min-width: 75px;
    font-weight: 700
}

div.dtr-modal {
    position: fixed;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 100;
    padding: 10em 1em
}

div.dtr-modal div.dtr-modal-display {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 50%;
    height: 50%;
    overflow: auto;
    margin: auto;
    z-index: 102;
    overflow: auto;
    background-color: #f5f5f7;
    border: 1px solid #000;
    border-radius: .5em;
    -webkit-box-shadow: 0 12px 30px rgba(0,0,0,.6);
    box-shadow: 0 12px 30px rgba(0,0,0,.6)
}

div.dtr-modal div.dtr-modal-content {
    position: relative;
    padding: 1em
}

div.dtr-modal div.dtr-modal-close {
    position: absolute;
    top: 6px;
    right: 6px;
    width: 22px;
    height: 22px;
    border: 1px solid #eaeaea;
    background-color: #f9f9f9;
    text-align: center;
    border-radius: 3px;
    cursor: pointer;
    z-index: 12
}

div.dtr-modal div.dtr-modal-close:hover {
    background-color: #eaeaea
}

div.dtr-modal div.dtr-modal-background {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 101;
    background: rgba(0,0,0,.6)
}

@media screen and (max-width: 767px) {
    div.dtr-modal div.dtr-modal-display {
        width:95%
    }
}

div.dtr-bs-modal table.table tr:first-child td {
    border-top: none
}

.flatpickr-calendar {
    background: 0 0;
    opacity: 0;
    display: none;
    text-align: center;
    visibility: hidden;
    padding: 0;
    -webkit-animation: none;
    animation: none;
    direction: ltr;
    border: 0;
    font-size: 14px;
    line-height: 24px;
    border-radius: 5px;
    position: absolute;
    width: 307.875px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    background: #fff;
    -webkit-box-shadow: 1px 0 0 #e6e6e6,-1px 0 0 #e6e6e6,0 1px 0 #e6e6e6,0 -1px 0 #e6e6e6,0 3px 13px rgba(0,0,0,.08);
    box-shadow: 1px 0 0 #e6e6e6,-1px 0 0 #e6e6e6,0 1px 0 #e6e6e6,0 -1px 0 #e6e6e6,0 3px 13px rgba(0,0,0,.08)
}

.flatpickr-calendar.open {
    opacity: 1;
    max-height: 640px;
    visibility: visible
}

.flatpickr-calendar.open {
    display: inline-block;
    z-index: 99999
}

.flatpickr-calendar.animate.open {
    -webkit-animation: fpFadeInDown 300ms cubic-bezier(.23,1,.32,1);
    animation: fpFadeInDown 300ms cubic-bezier(.23,1,.32,1)
}

.flatpickr-calendar.static {
    position: absolute;
    top: calc(100% + 2px)
}

.flatpickr-calendar.static.open {
    z-index: 999;
    display: block
}

.flatpickr-calendar:before,.flatpickr-calendar:after {
    position: absolute;
    display: block;
    pointer-events: none;
    border: solid transparent;
    content: '';
    height: 0;
    width: 0;
    left: 22px
}

.flatpickr-calendar.arrowRight:before,.flatpickr-calendar.arrowRight:after {
    left: auto;
    right: 22px
}

.flatpickr-calendar.arrowCenter:before,.flatpickr-calendar.arrowCenter:after {
    left: 50%;
    right: 50%
}

.flatpickr-calendar:before {
    border-width: 5px;
    margin: 0 -5px
}

.flatpickr-calendar:after {
    border-width: 4px;
    margin: 0 -4px
}

.flatpickr-calendar.arrowTop:before,.flatpickr-calendar.arrowTop:after {
    bottom: 100%
}

.flatpickr-calendar.arrowTop:before {
    border-bottom-color: #e6e6e6
}

.flatpickr-calendar.arrowTop:after {
    border-bottom-color: #fff
}

.flatpickr-calendar.arrowBottom:before,.flatpickr-calendar.arrowBottom:after {
    top: 100%
}

.flatpickr-calendar.arrowBottom:before {
    border-top-color: #e6e6e6
}

.flatpickr-calendar.arrowBottom:after {
    border-top-color: #fff
}

.flatpickr-calendar:focus {
    outline: 0
}

.flatpickr-wrapper {
    position: relative;
    display: inline-block
}

.flatpickr-months {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.flatpickr-months .flatpickr-month {
    background: 0 0;
    color: rgba(0,0,0,.9);
    fill: rgba(0,0,0,.9);
    height: 34px;
    line-height: 1;
    text-align: center;
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    overflow: hidden;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.flatpickr-months .flatpickr-prev-month,.flatpickr-months .flatpickr-next-month {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    text-decoration: none;
    cursor: pointer;
    position: absolute;
    top: 0;
    height: 34px;
    padding: 10px;
    z-index: 3;
    color: rgba(0,0,0,.9);
    fill: rgba(0,0,0,.9)
}

.flatpickr-months .flatpickr-prev-month.flatpickr-disabled,.flatpickr-months .flatpickr-next-month.flatpickr-disabled {
    display: none
}

.flatpickr-months .flatpickr-prev-month i,.flatpickr-months .flatpickr-next-month i {
    position: relative
}

.flatpickr-months .flatpickr-prev-month.flatpickr-prev-month,.flatpickr-months .flatpickr-next-month.flatpickr-prev-month {
    left: 0
}

.flatpickr-months .flatpickr-prev-month.flatpickr-next-month,.flatpickr-months .flatpickr-next-month.flatpickr-next-month {
    right: 0
}

.flatpickr-months .flatpickr-prev-month:hover,.flatpickr-months .flatpickr-next-month:hover {
    color: #959ea9
}

.flatpickr-months .flatpickr-prev-month:hover svg,.flatpickr-months .flatpickr-next-month:hover svg {
    fill: #f64747
}

.flatpickr-months .flatpickr-prev-month svg,.flatpickr-months .flatpickr-next-month svg {
    width: 14px;
    height: 14px
}

.flatpickr-months .flatpickr-prev-month svg path,.flatpickr-months .flatpickr-next-month svg path {
    -webkit-transition: fill .1s;
    transition: fill .1s;
    fill: inherit
}

.numInputWrapper {
    position: relative;
    height: auto
}

.numInputWrapper input,.numInputWrapper span {
    display: inline-block
}

.numInputWrapper input {
    width: 100%
}

.numInputWrapper input::-ms-clear {
    display: none
}

.numInputWrapper input::-webkit-outer-spin-button,.numInputWrapper input::-webkit-inner-spin-button {
    margin: 0;
    -webkit-appearance: none
}

.numInputWrapper span {
    position: absolute;
    right: 0;
    width: 14px;
    padding: 0 4px 0 2px;
    height: 50%;
    line-height: 50%;
    opacity: 0;
    cursor: pointer;
    border: 1px solid rgba(57,57,57,.15);
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.numInputWrapper span:hover {
    background: rgba(0,0,0,.1)
}

.numInputWrapper span:active {
    background: rgba(0,0,0,.2)
}

.numInputWrapper span:after {
    display: block;
    content: "";
    position: absolute
}

.numInputWrapper span.arrowUp {
    top: 0;
    border-bottom: 0
}

.numInputWrapper span.arrowUp:after {
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-bottom: 4px solid rgba(57,57,57,.6);
    top: 26%
}

.numInputWrapper span.arrowDown {
    top: 50%
}

.numInputWrapper span.arrowDown:after {
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 4px solid rgba(57,57,57,.6);
    top: 40%
}

.numInputWrapper span svg {
    width: inherit;
    height: auto
}

.numInputWrapper span svg path {
    fill: rgba(0,0,0,.5)
}

.numInputWrapper:hover {
    background: rgba(0,0,0,.05)
}

.numInputWrapper:hover span {
    opacity: 1
}

.flatpickr-current-month {
    font-size: 135%;
    line-height: inherit;
    font-weight: 300;
    color: inherit;
    position: absolute;
    width: 75%;
    left: 12.5%;
    padding: 7.48px 0 0;
    line-height: 1;
    height: 34px;
    display: inline-block;
    text-align: center;
    -webkit-transform: translate3d(0px,0px,0px);
    transform: translate3d(0px,0px,0px)
}

.flatpickr-current-month span.cur-month {
    font-family: inherit;
    font-weight: 700;
    color: inherit;
    display: inline-block;
    margin-left: .5ch;
    padding: 0
}

.flatpickr-current-month span.cur-month:hover {
    background: rgba(0,0,0,.05)
}

.flatpickr-current-month .numInputWrapper {
    width: 6ch;
    width: 7ch\0;
    display: inline-block
}

.flatpickr-current-month .numInputWrapper span.arrowUp:after {
    border-bottom-color: rgba(0,0,0,.9)
}

.flatpickr-current-month .numInputWrapper span.arrowDown:after {
    border-top-color: rgba(0,0,0,.9)
}

.flatpickr-current-month input.cur-year {
    background: 0 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: inherit;
    cursor: text;
    padding: 0 0 0 .5ch;
    margin: 0;
    display: inline-block;
    font-size: inherit;
    font-family: inherit;
    font-weight: 300;
    line-height: inherit;
    height: auto;
    border: 0;
    border-radius: 0;
    vertical-align: initial;
    -webkit-appearance: textfield;
    -moz-appearance: textfield;
    appearance: textfield
}

.flatpickr-current-month input.cur-year:focus {
    outline: 0
}

.flatpickr-current-month input.cur-year[disabled],.flatpickr-current-month input.cur-year[disabled]:hover {
    font-size: 100%;
    color: rgba(0,0,0,.5);
    background: 0 0;
    pointer-events: none
}

.flatpickr-current-month .flatpickr-monthDropdown-months {
    appearance: menulist;
    background: 0 0;
    border: none;
    border-radius: 0;
    box-sizing: border-box;
    color: inherit;
    cursor: pointer;
    font-size: inherit;
    font-family: inherit;
    font-weight: 300;
    height: auto;
    line-height: inherit;
    margin: -1px 0 0;
    outline: none;
    padding: 0 0 0 .5ch;
    position: relative;
    vertical-align: initial;
    -webkit-box-sizing: border-box;
    -webkit-appearance: menulist;
    -moz-appearance: menulist;
    width: auto
}

.flatpickr-current-month .flatpickr-monthDropdown-months:focus,.flatpickr-current-month .flatpickr-monthDropdown-months:active {
    outline: none
}

.flatpickr-current-month .flatpickr-monthDropdown-months:hover {
    background: rgba(0,0,0,.05)
}

.flatpickr-current-month .flatpickr-monthDropdown-months .flatpickr-monthDropdown-month {
    background-color: transparent;
    outline: none;
    padding: 0
}

.flatpickr-weekdays {
    background: 0 0;
    text-align: center;
    overflow: hidden;
    width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    height: 28px
}

.flatpickr-weekdays .flatpickr-weekdaycontainer {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1
}

span.flatpickr-weekday {
    cursor: default;
    font-size: 90%;
    background: 0 0;
    color: rgba(0,0,0,.54);
    line-height: 1;
    margin: 0;
    text-align: center;
    display: block;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    font-weight: bolder
}

.flatpickr-weeks {
    padding: 1px 0 0
}

.flatpickr-days {
    position: relative;
    overflow: hidden;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    width: 307.875px
}

.flatpickr-days:focus {
    outline: 0
}

.flatpickr-day {
    background: 0 0;
    border: 1px solid transparent;
    border-radius: 150px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #393939;
    cursor: pointer;
    font-weight: 400;
    width: 14.2857143%;
    -webkit-flex-basis: 14.2857143%;
    -ms-flex-preferred-size: 14.2857143%;
    flex-basis: 14.2857143%;
    max-width: 39px;
    height: 39px;
    line-height: 39px;
    margin: 0;
    display: inline-block;
    position: relative;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center
}

.flatpickr-day.inRange,.flatpickr-day.today.inRange,.flatpickr-day:hover,.flatpickr-day:focus {
    cursor: pointer;
    outline: 0;
    background: #e6e6e6;
    border-color: #e6e6e6
}

.flatpickr-day.today {
    border-color: #959ea9
}

.flatpickr-day.today:hover,.flatpickr-day.today:focus {
    border-color: #959ea9;
    background: #959ea9;
    color: #fff
}

.flatpickr-day.selected,.flatpickr-day.startRange,.flatpickr-day.endRange,.flatpickr-day.selected.inRange,.flatpickr-day.startRange.inRange,.flatpickr-day.endRange.inRange,.flatpickr-day.selected:focus,.flatpickr-day.startRange:focus,.flatpickr-day.endRange:focus,.flatpickr-day.selected:hover,.flatpickr-day.startRange:hover,.flatpickr-day.endRange:hover {
    background: #569ff7;
    -webkit-box-shadow: none;
    box-shadow: none;
    color: #fff;
    border-color: #569ff7
}

.flatpickr-day.selected.startRange,.flatpickr-day.startRange.startRange,.flatpickr-day.endRange.startRange {
    border-radius: 50px 0 0 50px
}

.flatpickr-day.selected.endRange,.flatpickr-day.startRange.endRange,.flatpickr-day.endRange.endRange {
    border-radius: 0 50px 50px 0
}

.flatpickr-day.selected.startRange+.endRange:not(:nth-child(7n+1)),.flatpickr-day.startRange.startRange+.endRange:not(:nth-child(7n+1)),.flatpickr-day.endRange.startRange+.endRange:not(:nth-child(7n+1)) {
    -webkit-box-shadow: -10px 0 0 #569ff7;
    box-shadow: -10px 0 0 #569ff7
}

.flatpickr-day.selected.startRange.endRange,.flatpickr-day.startRange.startRange.endRange,.flatpickr-day.endRange.startRange.endRange {
    border-radius: 50px
}

.flatpickr-day.inRange {
    border-radius: 0;
    -webkit-box-shadow: -5px 0 0 #e6e6e6,5px 0 0 #e6e6e6;
    box-shadow: -5px 0 0 #e6e6e6,5px 0 0 #e6e6e6
}

.flatpickr-day.flatpickr-disabled,.flatpickr-day.flatpickr-disabled:hover {
    color: rgba(57,57,57,.3);
    background: 0 0;
    border-color: transparent;
    cursor: default
}

.flatpickr-day.flatpickr-disabled,.flatpickr-day.flatpickr-disabled:hover {
    cursor: not-allowed;
    color: rgba(57,57,57,.1)
}

.flatpickr-day.week.selected {
    border-radius: 0;
    -webkit-box-shadow: -5px 0 0 #569ff7,5px 0 0 #569ff7;
    box-shadow: -5px 0 0 #569ff7,5px 0 0 #569ff7
}

.flatpickr-day.hidden {
    visibility: hidden
}

.rangeMode .flatpickr-day {
    margin-top: 1px
}

.flatpickr-weekwrapper {
    float: left
}

.flatpickr-weekwrapper .flatpickr-weeks {
    padding: 0 12px;
    -webkit-box-shadow: 1px 0 0 #e6e6e6;
    box-shadow: 1px 0 0 #e6e6e6
}

.flatpickr-weekwrapper .flatpickr-weekday {
    float: none;
    width: 100%;
    line-height: 28px
}

.flatpickr-weekwrapper span.flatpickr-day,.flatpickr-weekwrapper span.flatpickr-day:hover {
    display: block;
    width: 100%;
    max-width: none;
    color: rgba(57,57,57,.3);
    background: 0 0;
    cursor: default;
    border: none
}

.flatpickr-innerContainer {
    display: block;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    overflow: hidden
}

.flatpickr-rContainer {
    display: inline-block;
    padding: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.flatpickr-time {
    text-align: center;
    outline: 0;
    display: block;
    height: 0;
    line-height: 40px;
    max-height: 40px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    overflow: hidden;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.flatpickr-time:after {
    content: "";
    display: table;
    clear: both
}

.flatpickr-time .numInputWrapper {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    width: 40%;
    height: 40px;
    float: left
}

.flatpickr-time .numInputWrapper span.arrowUp:after {
    border-bottom-color: #393939
}

.flatpickr-time .numInputWrapper span.arrowDown:after {
    border-top-color: #393939
}

.flatpickr-time input {
    background: 0 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    border: 0;
    border-radius: 0;
    text-align: center;
    margin: 0;
    padding: 0;
    height: inherit;
    line-height: inherit;
    color: #393939;
    font-size: 14px;
    position: relative;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-appearance: textfield;
    -moz-appearance: textfield;
    appearance: textfield
}

.flatpickr-time input.flatpickr-hour {
    font-weight: 700
}

.flatpickr-time input.flatpickr-minute,.flatpickr-time input.flatpickr-second {
    font-weight: 400
}

.flatpickr-time input:focus {
    outline: 0;
    border: 0
}

.flatpickr-time .flatpickr-time-separator,.flatpickr-time .flatpickr-am-pm {
    height: inherit;
    float: left;
    line-height: inherit;
    color: #393939;
    font-weight: 700;
    width: 2%;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    align-self: center
}

.flatpickr-time .flatpickr-am-pm {
    outline: 0;
    width: 18%;
    cursor: pointer;
    text-align: center;
    font-weight: 400
}

.flatpickr-time input:hover,.flatpickr-time .flatpickr-am-pm:hover,.flatpickr-time input:focus,.flatpickr-time .flatpickr-am-pm:focus {
    background: #eee
}

.flatpickr-input[readonly] {
    cursor: pointer
}

@-webkit-keyframes fpFadeInDown {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0,-20px,0);
        transform: translate3d(0,-20px,0)
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0)
    }
}

@keyframes fpFadeInDown {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0,-20px,0);
        transform: translate3d(0,-20px,0)
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0)
    }
}

.jq-toast-wrap,.jq-toast-wrap * {
    margin: 0;
    padding: 0
}

.jq-toast-wrap {
    display: block;
    position: fixed;
    width: 250px;
    pointer-events: none!important;
    letter-spacing: normal;
    z-index: 9000!important
}

.jq-toast-wrap.top-right {
    top: 20px;
    right: 40px
}

.jq-toast-single {
    display: block;
    width: 100%;
    padding: 10px;
    margin: 0 0 5px;
    border-radius: 4px;
    font-size: 12px;
    font-family: arial,sans-serif;
    line-height: 17px;
    position: relative;
    pointer-events: all!important;
    background-color: #444;
    color: #fff
}

.jq-toast-single h2 {
    font-family: arial,sans-serif;
    font-size: 14px;
    margin: 0 0 7px;
    background: 0 0;
    color: inherit;
    line-height: inherit;
    letter-spacing: normal
}

.jq-toast-single a {
    color: #eee;
    text-decoration: none;
    font-weight: 700;
    border-bottom: 1px solid #fff;
    padding-bottom: 3px;
    font-size: 12px
}

.jq-toast-single ul {
    margin: 0 0 0 15px;
    background: 0 0;
    padding: 0
}

.jq-toast-single ul li {
    list-style-type: disc!important;
    line-height: 17px;
    background: 0 0;
    margin: 0;
    padding: 0;
    letter-spacing: normal
}

.close-jq-toast-single {
    position: absolute;
    top: 3px;
    right: 7px;
    font-size: 14px;
    cursor: pointer
}

.jq-toast-loader {
    display: block;
    position: absolute;
    top: -2px;
    height: 5px;
    width: 0;
    left: 0;
    border-radius: 5px;
    background: red
}

.jq-toast-loaded {
    width: 100%
}

.jq-has-icon {
    padding: 10px 10px 10px 50px;
    background-repeat: no-repeat;
    background-position: 10px
}

.jq-icon-info {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGwSURBVEhLtZa9SgNBEMc9sUxxRcoUKSzSWIhXpFMhhYWFhaBg4yPYiWCXZxBLERsLRS3EQkEfwCKdjWJAwSKCgoKCcudv4O5YLrt7EzgXhiU3/4+b2ckmwVjJSpKkQ6wAi4gwhT+z3wRBcEz0yjSseUTrcRyfsHsXmD0AmbHOC9Ii8VImnuXBPglHpQ5wwSVM7sNnTG7Za4JwDdCjxyAiH3nyA2mtaTJufiDZ5dCaqlItILh1NHatfN5skvjx9Z38m69CgzuXmZgVrPIGE763Jx9qKsRozWYw6xOHdER+nn2KkO+Bb+UV5CBN6WC6QtBgbRVozrahAbmm6HtUsgtPC19tFdxXZYBOfkbmFJ1VaHA1VAHjd0pp70oTZzvR+EVrx2Ygfdsq6eu55BHYR8hlcki+n+kERUFG8BrA0BwjeAv2M8WLQBtcy+SD6fNsmnB3AlBLrgTtVW1c2QN4bVWLATaIS60J2Du5y1TiJgjSBvFVZgTmwCU+dAZFoPxGEEs8nyHC9Bwe2GvEJv2WXZb0vjdyFT4Cxk3e/kIqlOGoVLwwPevpYHT+00T+hWwXDf4AJAOUqWcDhbwAAAAASUVORK5CYII=);
    background-color: #31708f;
    color: #d9edf7;
    border-color: #bce8f1
}

.jq-icon-warning {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGYSURBVEhL5ZSvTsNQFMbXZGICMYGYmJhAQIJAICYQPAACiSDB8AiICQQJT4CqQEwgJvYASAQCiZiYmJhAIBATCARJy+9rTsldd8sKu1M0+dLb057v6/lbq/2rK0mS/TRNj9cWNAKPYIJII7gIxCcQ51cvqID+GIEX8ASG4B1bK5gIZFeQfoJdEXOfgX4QAQg7kH2A65yQ87lyxb27sggkAzAuFhbbg1K2kgCkB1bVwyIR9m2L7PRPIhDUIXgGtyKw575yz3lTNs6X4JXnjV+LKM/m3MydnTbtOKIjtz6VhCBq4vSm3ncdrD2lk0VgUXSVKjVDJXJzijW1RQdsU7F77He8u68koNZTz8Oz5yGa6J3H3lZ0xYgXBK2QymlWWA+RWnYhskLBv2vmE+hBMCtbA7KX5drWyRT/2JsqZ2IvfB9Y4bWDNMFbJRFmC9E74SoS0CqulwjkC0+5bpcV1CZ8NMej4pjy0U+doDQsGyo1hzVJttIjhQ7GnBtRFN1UarUlH8F3xict+HY07rEzoUGPlWcjRFRr4/gChZgc3ZL2d8oAAAAASUVORK5CYII=);
    background-color: #8a6d3b;
    color: #fcf8e3;
    border-color: #faebcc
}

.jq-icon-error {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAHOSURBVEhLrZa/SgNBEMZzh0WKCClSCKaIYOED+AAKeQQLG8HWztLCImBrYadgIdY+gIKNYkBFSwu7CAoqCgkkoGBI/E28PdbLZmeDLgzZzcx83/zZ2SSXC1j9fr+I1Hq93g2yxH4iwM1vkoBWAdxCmpzTxfkN2RcyZNaHFIkSo10+8kgxkXIURV5HGxTmFuc75B2RfQkpxHG8aAgaAFa0tAHqYFfQ7Iwe2yhODk8+J4C7yAoRTWI3w/4klGRgR4lO7Rpn9+gvMyWp+uxFh8+H+ARlgN1nJuJuQAYvNkEnwGFck18Er4q3egEc/oO+mhLdKgRyhdNFiacC0rlOCbhNVz4H9FnAYgDBvU3QIioZlJFLJtsoHYRDfiZoUyIxqCtRpVlANq0EU4dApjrtgezPFad5S19Wgjkc0hNVnuF4HjVA6C7QrSIbylB+oZe3aHgBsqlNqKYH48jXyJKMuAbiyVJ8KzaB3eRc0pg9VwQ4niFryI68qiOi3AbjwdsfnAtk0bCjTLJKr6mrD9g8iq/S/B81hguOMlQTnVyG40wAcjnmgsCNESDrjme7wfftP4P7SP4N3CJZdvzoNyGq2c/HWOXJGsvVg+RA/k2MC/wN6I2YA2Pt8GkAAAAASUVORK5CYII=);
    background-color: #a94442;
    color: #f2dede;
    border-color: #ebccd1
}

.jq-icon-success {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAADsSURBVEhLY2AYBfQMgf///3P8+/evAIgvA/FsIF+BavYDDWMBGroaSMMBiE8VC7AZDrIFaMFnii3AZTjUgsUUWUDA8OdAH6iQbQEhw4HyGsPEcKBXBIC4ARhex4G4BsjmweU1soIFaGg/WtoFZRIZdEvIMhxkCCjXIVsATV6gFGACs4Rsw0EGgIIH3QJYJgHSARQZDrWAB+jawzgs+Q2UO49D7jnRSRGoEFRILcdmEMWGI0cm0JJ2QpYA1RDvcmzJEWhABhD/pqrL0S0CWuABKgnRki9lLseS7g2AlqwHWQSKH4oKLrILpRGhEQCw2LiRUIa4lwAAAABJRU5ErkJggg==);
    color: #dff0d8;
    background-color: #3c763d;
    border-color: #d6e9c6
}

.select2-container {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: inline-block;
    margin: 0;
    position: relative;
    vertical-align: middle
}

.select2-container .select2-selection--single {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    cursor: pointer;
    display: block;
    height: 28px;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-user-select: none
}

.select2-container .select2-selection--single .select2-selection__rendered {
    display: block;
    padding-left: 8px;
    padding-right: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.select2-container .select2-selection--single .select2-selection__clear {
    position: relative
}

.select2-container[dir=rtl] .select2-selection--single .select2-selection__rendered {
    padding-right: 8px;
    padding-left: 20px
}

.select2-container .select2-selection--multiple {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    cursor: pointer;
    display: block;
    min-height: 32px;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-user-select: none
}

.select2-container .select2-selection--multiple .select2-selection__rendered {
    display: inline-block;
    overflow: hidden;
    padding-left: 8px;
    text-overflow: ellipsis;
    white-space: nowrap
}

.select2-container .select2-search--inline {
    float: left
}

.select2-container .select2-search--inline .select2-search__field {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border: none;
    font-size: 100%;
    margin-top: 5px;
    padding: 0
}

.select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button {
    -webkit-appearance: none
}

.select2-dropdown {
    background-color: #fff;
    border: 1px solid #aaa;
    border-radius: 4px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    position: absolute;
    left: -100000px;
    width: 100%;
    z-index: 1051
}

.select2-results {
    display: block
}

.select2-results__options {
    list-style: none;
    margin: 0;
    padding: 0
}

.select2-results__option {
    padding: 6px;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-user-select: none
}

.select2-results__option[aria-selected] {
    cursor: pointer
}

.select2-container--open .select2-dropdown {
    left: 0
}

.select2-container--open .select2-dropdown--above {
    border-bottom: none;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}

.select2-container--open .select2-dropdown--below {
    border-top: none;
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.select2-search--dropdown {
    display: block;
    padding: 4px
}

.select2-search--dropdown .select2-search__field {
    padding: 4px;
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.select2-search--dropdown .select2-search__field::-webkit-search-cancel-button {
    -webkit-appearance: none
}

.select2-search--dropdown.select2-search--hide {
    display: none
}

.select2-close-mask {
    border: 0;
    margin: 0;
    padding: 0;
    display: block;
    position: fixed;
    left: 0;
    top: 0;
    min-height: 100%;
    min-width: 100%;
    height: auto;
    width: auto;
    opacity: 0;
    z-index: 99;
    background-color: #fff;
    filter: alpha(opacity=0)
}

.select2-hidden-accessible {
    border: 0!important;
    clip: rect(0 0 0 0)!important;
    -webkit-clip-path: inset(50%)!important;
    clip-path: inset(50%)!important;
    height: 1px!important;
    overflow: hidden!important;
    padding: 0!important;
    position: absolute!important;
    width: 1px!important;
    white-space: nowrap!important
}

.select2-container--default .select2-selection--single {
    background-color: #fff;
    border: 1px solid #aaa;
    border-radius: 4px
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #444;
    line-height: 28px
}

.select2-container--default .select2-selection--single .select2-selection__clear {
    cursor: pointer;
    float: right;
    font-weight: 700
}

.select2-container--default .select2-selection--single .select2-selection__placeholder {
    color: #999
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 26px;
    position: absolute;
    top: 1px;
    right: 1px;
    width: 20px
}

.select2-container--default .select2-selection--single .select2-selection__arrow b {
    border-color: #888 transparent transparent transparent;
    border-style: solid;
    border-width: 5px 4px 0;
    height: 0;
    left: 50%;
    margin-left: -4px;
    margin-top: -2px;
    position: absolute;
    top: 50%;
    width: 0
}

.select2-container--default[dir=rtl] .select2-selection--single .select2-selection__clear {
    float: left
}

.select2-container--default[dir=rtl] .select2-selection--single .select2-selection__arrow {
    left: 1px;
    right: auto
}

.select2-container--default.select2-container--disabled .select2-selection--single {
    background-color: #eee;
    cursor: default
}

.select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear {
    display: none
}

.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
    border-color: transparent transparent #888 transparent;
    border-width: 0 4px 5px
}

.select2-container--default .select2-selection--multiple {
    background-color: #fff;
    border: 1px solid #aaa;
    border-radius: 4px;
    cursor: text
}

.select2-container--default .select2-selection--multiple .select2-selection__rendered {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    list-style: none;
    margin: 0;
    padding: 0 5px;
    width: 100%
}

.select2-container--default .select2-selection--multiple .select2-selection__rendered li {
    list-style: none
}

.select2-container--default .select2-selection--multiple .select2-selection__clear {
    cursor: pointer;
    float: right;
    font-weight: 700;
    margin-top: 5px;
    margin-right: 10px;
    padding: 1px
}

.select2-container--default .select2-selection--multiple .select2-selection__choice {
    background-color: #e4e4e4;
    border: 1px solid #aaa;
    border-radius: 4px;
    cursor: default;
    float: left;
    margin-right: 5px;
    margin-top: 5px;
    padding: 0 5px
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
    color: #999;
    cursor: pointer;
    display: inline-block;
    font-weight: 700;
    margin-right: 2px
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
    color: #333
}

.select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__choice,.select2-container--default[dir=rtl] .select2-selection--multiple .select2-search--inline {
    float: right
}

.select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__choice {
    margin-left: 5px;
    margin-right: auto
}

.select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__choice__remove {
    margin-left: 2px;
    margin-right: auto
}

.select2-container--default.select2-container--focus .select2-selection--multiple {
    border: solid #000 1px;
    outline: 0
}

.select2-container--default.select2-container--disabled .select2-selection--multiple {
    background-color: #eee;
    cursor: default
}

.select2-container--default.select2-container--disabled .select2-selection__choice__remove {
    display: none
}

.select2-container--default.select2-container--open.select2-container--above .select2-selection--single,.select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple {
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.select2-container--default.select2-container--open.select2-container--below .select2-selection--single,.select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}

.select2-container--default .select2-search--dropdown .select2-search__field {
    border: 1px solid #aaa
}

.select2-container--default .select2-search--inline .select2-search__field {
    background: 0 0;
    border: none;
    outline: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-appearance: textfield
}

.select2-container--default .select2-results>.select2-results__options {
    max-height: 200px;
    overflow-y: auto
}

.select2-container--default .select2-results__option[role=group] {
    padding: 0
}

.select2-container--default .select2-results__option[aria-disabled=true] {
    color: #999
}

.select2-container--default .select2-results__option[aria-selected=true] {
    background-color: #ddd
}

.select2-container--default .select2-results__option .select2-results__option {
    padding-left: 1em
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__group {
    padding-left: 0
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option {
    margin-left: -1em;
    padding-left: 2em
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
    margin-left: -2em;
    padding-left: 3em
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
    margin-left: -3em;
    padding-left: 4em
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
    margin-left: -4em;
    padding-left: 5em
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
    margin-left: -5em;
    padding-left: 6em
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: #5897fb;
    color: #fff
}

.select2-container--default .select2-results__group {
    cursor: default;
    display: block;
    padding: 6px
}

.select2-container--classic .select2-selection--single {
    background-color: #f7f7f7;
    border: 1px solid #aaa;
    border-radius: 4px;
    outline: 0;
    background-image: -webkit-gradient(linear,left top,left bottom,color-stop(50%,white),to(#eeeeee));
    background-image: linear-gradient(to bottom,white 50%,#eeeeee 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF',endColorstr='#FFEEEEEE',GradientType=0)
}

.select2-container--classic .select2-selection--single:focus {
    border: 1px solid #5897fb
}

.select2-container--classic .select2-selection--single .select2-selection__rendered {
    color: #444;
    line-height: 28px
}

.select2-container--classic .select2-selection--single .select2-selection__clear {
    cursor: pointer;
    float: right;
    font-weight: 700;
    margin-right: 10px
}

.select2-container--classic .select2-selection--single .select2-selection__placeholder {
    color: #999
}

.select2-container--classic .select2-selection--single .select2-selection__arrow {
    background-color: #ddd;
    border: none;
    border-left: 1px solid #aaa;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    height: 26px;
    position: absolute;
    top: 1px;
    right: 1px;
    width: 20px;
    background-image: -webkit-gradient(linear,left top,left bottom,color-stop(50%,#eeeeee),to(#cccccc));
    background-image: linear-gradient(to bottom,#eeeeee 50%,#cccccc 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE',endColorstr='#FFCCCCCC',GradientType=0)
}

.select2-container--classic .select2-selection--single .select2-selection__arrow b {
    border-color: #888 transparent transparent transparent;
    border-style: solid;
    border-width: 5px 4px 0;
    height: 0;
    left: 50%;
    margin-left: -4px;
    margin-top: -2px;
    position: absolute;
    top: 50%;
    width: 0
}

.select2-container--classic[dir=rtl] .select2-selection--single .select2-selection__clear {
    float: left
}

.select2-container--classic[dir=rtl] .select2-selection--single .select2-selection__arrow {
    border: none;
    border-right: 1px solid #aaa;
    border-radius: 0;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
    left: 1px;
    right: auto
}

.select2-container--classic.select2-container--open .select2-selection--single {
    border: 1px solid #5897fb
}

.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow {
    background: 0 0;
    border: none
}

.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow b {
    border-color: transparent transparent #888 transparent;
    border-width: 0 4px 5px
}

.select2-container--classic.select2-container--open.select2-container--above .select2-selection--single {
    border-top: none;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    background-image: -webkit-gradient(linear,left top,left bottom,from(white),color-stop(50%,#eeeeee));
    background-image: linear-gradient(to bottom,white 0%,#eeeeee 50%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF',endColorstr='#FFEEEEEE',GradientType=0)
}

.select2-container--classic.select2-container--open.select2-container--below .select2-selection--single {
    border-bottom: none;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    background-image: -webkit-gradient(linear,left top,left bottom,color-stop(50%,#eeeeee),to(white));
    background-image: linear-gradient(to bottom,#eeeeee 50%,white 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE',endColorstr='#FFFFFFFF',GradientType=0)
}

.select2-container--classic .select2-selection--multiple {
    background-color: #fff;
    border: 1px solid #aaa;
    border-radius: 4px;
    cursor: text;
    outline: 0
}

.select2-container--classic .select2-selection--multiple:focus {
    border: 1px solid #5897fb
}

.select2-container--classic .select2-selection--multiple .select2-selection__rendered {
    list-style: none;
    margin: 0;
    padding: 0 5px
}

.select2-container--classic .select2-selection--multiple .select2-selection__clear {
    display: none
}

.select2-container--classic .select2-selection--multiple .select2-selection__choice {
    background-color: #e4e4e4;
    border: 1px solid #aaa;
    border-radius: 4px;
    cursor: default;
    float: left;
    margin-right: 5px;
    margin-top: 5px;
    padding: 0 5px
}

.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove {
    color: #888;
    cursor: pointer;
    display: inline-block;
    font-weight: 700;
    margin-right: 2px
}

.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove:hover {
    color: #555
}

.select2-container--classic[dir=rtl] .select2-selection--multiple .select2-selection__choice {
    float: right;
    margin-left: 5px;
    margin-right: auto
}

.select2-container--classic[dir=rtl] .select2-selection--multiple .select2-selection__choice__remove {
    margin-left: 2px;
    margin-right: auto
}

.select2-container--classic.select2-container--open .select2-selection--multiple {
    border: 1px solid #5897fb
}

.select2-container--classic.select2-container--open.select2-container--above .select2-selection--multiple {
    border-top: none;
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.select2-container--classic.select2-container--open.select2-container--below .select2-selection--multiple {
    border-bottom: none;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}

.select2-container--classic .select2-search--dropdown .select2-search__field {
    border: 1px solid #aaa;
    outline: 0
}

.select2-container--classic .select2-search--inline .select2-search__field {
    outline: 0;
    -webkit-box-shadow: none;
    box-shadow: none
}

.select2-container--classic .select2-dropdown {
    background-color: #fff;
    border: 1px solid transparent
}

.select2-container--classic .select2-dropdown--above {
    border-bottom: none
}

.select2-container--classic .select2-dropdown--below {
    border-top: none
}

.select2-container--classic .select2-results>.select2-results__options {
    max-height: 200px;
    overflow-y: auto
}

.select2-container--classic .select2-results__option[role=group] {
    padding: 0
}

.select2-container--classic .select2-results__option[aria-disabled=true] {
    color: grey
}

.select2-container--classic .select2-results__option--highlighted[aria-selected] {
    background-color: #3875d7;
    color: #fff
}

.select2-container--classic .select2-results__group {
    cursor: default;
    display: block;
    padding: 6px
}

.select2-container--classic.select2-container--open .select2-dropdown {
    border-color: #5897fb
}

@charset "UTF-8";/*!* Bootstrap v4.6.2 (https://getbootstrap.com/)
* Copyright 2011-2022 The Bootstrap Authors
* Copyright 2011-2022 Twitter, Inc.
* Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)*/
:root {
    --blue: #3490dc;
    --indigo: #6574cd;
    --purple: #9561e2;
    --pink: #f66D9b;
    --red: #e3342f;
    --orange: #f6993f;
    --yellow: #ffed4a;
    --green: #38c172;
    --teal: #4dc0b5;
    --cyan: #6cb2eb;
    --white: #fff;
    --gray: #6c757d;
    --gray-dark: #343a40;
    --primary: #3490dc;
    --secondary: #6c757d;
    --success: #38c172;
    --info: #6cb2eb;
    --warning: #ffed4a;
    --danger: #e3342f;
    --light: #f8f9fa;
    --dark: #343a40;
    --breakpoint-xs: 0;
    --breakpoint-sm: 576px;
    --breakpoint-md: 768px;
    --breakpoint-lg: 992px;
    --breakpoint-xl: 1200px;
    --font-family-sans-serif: "Nunito", sans-serif;
    --font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace
}

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

html {
    font-family: sans-serif;
    line-height: 1.15;
    -webkit-text-size-adjust: 100%;
    -webkit-tap-highlight-color: transparent
}

article,aside,footer,header,main,nav,section {
    display: block
}

body {
    margin: 0;
    font-family: nunito,sans-serif;
    font-size: .9rem;
    font-weight: 400;
    line-height: 1.6;
    color: #212529;
    text-align: left;
    background-color: #f8fafc
}

[tabindex="-1"]:focus:not(:focus-visible) {
    outline: 0!important
}

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

h1,h2,h3,h4,h5,h6 {
    margin-top: 0;
    margin-bottom: .5rem
}

p {
    margin-top: 0;
    margin-bottom: 1rem
}

address {
    margin-bottom: 1rem;
    font-style: normal;
    line-height: inherit
}

ul {
    margin-top: 0;
    margin-bottom: 1rem
}

ul ul {
    margin-bottom: 0
}

dt {
    font-weight: 700
}

dd {
    margin-bottom: .5rem;
    margin-left: 0
}

b,strong {
    font-weight: bolder
}

small {
    font-size: 80%
}

a {
    color: #3490dc;
    text-decoration: none;
    background-color: transparent
}

a:hover {
    color: #1d68a7;
    text-decoration: underline
}

a:not([href]):not([class]) {
    color: inherit;
    text-decoration: none
}

a:not([href]):not([class]):hover {
    color: inherit;
    text-decoration: none
}

code {
    font-family: SFMono-Regular,Menlo,Monaco,Consolas,liberation mono,courier new,monospace;
    font-size: 1em
}

img {
    vertical-align: middle;
    border-style: none
}

svg {
    overflow: hidden;
    vertical-align: middle
}

table {
    border-collapse: collapse
}

th {
    text-align: inherit;
    text-align: -webkit-match-parent
}

label {
    display: inline-block;
    margin-bottom: .5rem
}

button {
    border-radius: 0
}

button:focus:not(:focus-visible) {
    outline: 0
}

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

button,input {
    overflow: visible
}

button,select {
    text-transform: none
}

[role=button] {
    cursor: pointer
}

select {
    word-wrap: normal
}

button,[type=button],[type=reset],[type=submit] {
    -webkit-appearance: button
}

button:not(:disabled),[type=button]:not(:disabled),[type=reset]:not(:disabled),[type=submit]:not(:disabled) {
    cursor: pointer
}

button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner {
    padding: 0;
    border-style: none
}

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

textarea {
    overflow: auto;
    resize: vertical
}

legend {
    display: block;
    width: 100%;
    max-width: 100%;
    padding: 0;
    margin-bottom: .5rem;
    font-size: 1.5rem;
    line-height: inherit;
    color: inherit;
    white-space: normal
}

progress {
    vertical-align: baseline
}

[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button {
    height: auto
}

[type=search] {
    outline-offset: -2px;
    -webkit-appearance: none
}

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

::-webkit-file-upload-button {
    font: inherit;
    -webkit-appearance: button
}

output {
    display: inline-block
}

summary {
    display: list-item;
    cursor: pointer
}

[hidden] {
    display: none!important
}

h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6 {
    margin-bottom: .5rem;
    font-weight: 500;
    line-height: 1.2
}

h1,.h1 {
    font-size: 2.25rem
}

h2,.h2 {
    font-size: 1.8rem
}

h3,.h3 {
    font-size: 1.575rem
}

h4,.h4 {
    font-size: 1.35rem
}

h5,.h5 {
    font-size: 1.125rem
}

h6,.h6 {
    font-size: .9rem
}

hr {
    margin-top: 1rem;
    margin-bottom: 1rem;
    border: 0;
    border-top: 1px solid rgba(0,0,0,.1)
}

small,.small {
    font-size: .875em;
    font-weight: 400
}

code {
    font-size: 87.5%;
    color: #f66d9b;
    word-wrap: break-word
}

a>code {
    color: inherit
}

.container,.container-fluid {
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto
}

@media(min-width: 576px) {
    .container {
        max-width:540px
    }
}

@media(min-width: 768px) {
    .container {
        max-width:720px
    }
}

@media(min-width: 992px) {
    .container {
        max-width:960px
    }
}

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

.row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px
}

.col-12,.col,.col-auto,.col-sm-4,.col-sm-6,.col-sm-8,.col-sm-12,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-12,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-xl-3,.col-xl-4,.col-xl-5,.col-xl-6,.col-xl-7,.col-xl-8 {
    position: relative;
    width: 100%;
    padding-right: 15px;
    padding-left: 15px
}

.col {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%
}

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

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

@media(min-width: 576px) {
    .col-sm-4 {
        -webkit-box-flex:0;
        -ms-flex: 0 0 33.33333333%;
        flex: 0 0 33.33333333%;
        max-width: 33.33333333%
    }

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

    .col-sm-8 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 66.66666667%;
        flex: 0 0 66.66666667%;
        max-width: 66.66666667%
    }

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

@media(min-width: 768px) {
    .col-md-4 {
        -webkit-box-flex:0;
        -ms-flex: 0 0 33.33333333%;
        flex: 0 0 33.33333333%;
        max-width: 33.33333333%
    }

    .col-md-5 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 41.66666667%;
        flex: 0 0 41.66666667%;
        max-width: 41.66666667%
    }

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

    .col-md-7 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 58.33333333%;
        flex: 0 0 58.33333333%;
        max-width: 58.33333333%
    }

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

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

@media(min-width: 992px) {
    .col-lg-3 {
        -webkit-box-flex:0;
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%
    }

    .col-lg-4 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 33.33333333%;
        flex: 0 0 33.33333333%;
        max-width: 33.33333333%
    }

    .col-lg-5 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 41.66666667%;
        flex: 0 0 41.66666667%;
        max-width: 41.66666667%
    }

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

    .col-lg-7 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 58.33333333%;
        flex: 0 0 58.33333333%;
        max-width: 58.33333333%
    }

    .col-lg-8 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 66.66666667%;
        flex: 0 0 66.66666667%;
        max-width: 66.66666667%
    }

    .order-lg-1 {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1
    }
}

@media(min-width: 1200px) {
    .col-xl-3 {
        -webkit-box-flex:0;
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%
    }

    .col-xl-4 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 33.33333333%;
        flex: 0 0 33.33333333%;
        max-width: 33.33333333%
    }

    .col-xl-5 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 41.66666667%;
        flex: 0 0 41.66666667%;
        max-width: 41.66666667%
    }

    .col-xl-6 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
    }

    .col-xl-7 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 58.33333333%;
        flex: 0 0 58.33333333%;
        max-width: 58.33333333%
    }

    .col-xl-8 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 66.66666667%;
        flex: 0 0 66.66666667%;
        max-width: 66.66666667%
    }

    .order-xl-1 {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1
    }

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

.table {
    width: 100%;
    margin-bottom: 1rem;
    color: #212529
}

.table th,.table td {
    padding: .75rem;
    vertical-align: top;
    border-top: 1px solid #dee2e6
}

.table thead th {
    vertical-align: bottom;
    border-bottom: 2px solid #dee2e6
}

.table tbody+tbody {
    border-top: 2px solid #dee2e6
}

.table-bordered {
    border: 1px solid #dee2e6
}

.table-bordered th,.table-bordered td {
    border: 1px solid #dee2e6
}

.table-bordered thead th,.table-bordered thead td {
    border-bottom-width: 2px
}

.table-striped tbody tr:nth-of-type(odd) {
    background-color: rgba(0,0,0,.05)
}

.table-success,.table-success>th,.table-success>td {
    background-color: #c7eed8
}

.table-success th,.table-success td,.table-success thead th,.table-success tbody+tbody {
    border-color: #98dfb6
}

.table-info,.table-info>th,.table-info>td {
    background-color: #d6e9f9
}

.table-info th,.table-info td,.table-info thead th,.table-info tbody+tbody {
    border-color: #b3d7f5
}

.table-warning,.table-warning>th,.table-warning>td {
    background-color: #fffacc
}

.table-warning th,.table-warning td,.table-warning thead th,.table-warning tbody+tbody {
    border-color: #fff6a1
}

.table-active,.table-active>th,.table-active>td {
    background-color: rgba(0,0,0,.075)
}

.form-control {
    display: block;
    width: 100%;
    height: calc(1.6em + 0.75rem + 2px);
    padding: .375rem .75rem;
    font-size: .9rem;
    font-weight: 400;
    line-height: 1.6;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: .25rem;
    -webkit-transition: border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;
    transition: border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out,-webkit-box-shadow .15s ease-in-out
}

@media(prefers-reduced-motion:reduce) {
    .form-control {
        -webkit-transition: none;
        transition: none
    }
}

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

.form-control:focus {
    color: #495057;
    background-color: #fff;
    border-color: #a1cbef;
    outline: 0;
    -webkit-box-shadow: 0 0 0 .2rem rgba(52,144,220,.25);
    box-shadow: 0 0 0 .2rem rgba(52,144,220,.25)
}

.form-control::-webkit-input-placeholder {
    color: #6c757d;
    opacity: 1
}

.form-control::-moz-placeholder {
    color: #6c757d;
    opacity: 1
}

.form-control::-ms-input-placeholder {
    color: #6c757d;
    opacity: 1
}

.form-control::placeholder {
    color: #6c757d;
    opacity: 1
}

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

input[type=date].form-control,input[type=time].form-control,input[type=datetime-local].form-control,input[type=month].form-control {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

select.form-control:-moz-focusring {
    color: transparent;
    text-shadow: 0 0 0 #495057
}

select.form-control:focus::-ms-value {
    color: #495057;
    background-color: #fff
}

select.form-control[size],select.form-control[multiple] {
    height: auto
}

textarea.form-control {
    height: auto
}

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

.form-text {
    display: block;
    margin-top: .25rem
}

.invalid-feedback {
    display: none;
    width: 100%;
    margin-top: .25rem;
    font-size: .875em;
    color: #e3342f
}

.is-invalid~.invalid-feedback {
    display: block
}

.form-control.is-invalid {
    border-color: #e3342f;
    padding-right: calc(1.6em + 0.75rem)!important;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHdpZHRoPScxMicgaGVpZ2h0PScxMicgZmlsbD0nbm9uZScgc3Ryb2tlPScjZTMzNDJmJyB2aWV3Qm94PScwIDAgMTIgMTInPjxjaXJjbGUgY3g9JzYnIGN5PSc2JyByPSc0LjUnLz48cGF0aCBzdHJva2UtbGluZWpvaW49J3JvdW5kJyBkPSdNNS44IDMuNmguNEw2IDYuNXonLz48Y2lyY2xlIGN4PSc2JyBjeT0nOC4yJyByPScuNicgZmlsbD0nI2UzMzQyZicgc3Ryb2tlPSdub25lJy8+PC9zdmc+);
    background-repeat: no-repeat;
    background-position: right calc(0.4em + 0.1875rem) center;
    background-size: calc(0.8em + 0.375rem) calc(0.8em + 0.375rem)
}

.form-control.is-invalid:focus {
    border-color: #e3342f;
    -webkit-box-shadow: 0 0 0 .2rem rgba(227,52,47,.25);
    box-shadow: 0 0 0 .2rem rgba(227,52,47,.25)
}

select.form-control.is-invalid {
    padding-right: 3rem!important;
    background-position: right 1.5rem center
}

textarea.form-control.is-invalid {
    padding-right: calc(1.6em + 0.75rem);
    background-position: top calc(0.4em + 0.1875rem) right calc(0.4em + 0.1875rem)
}

.custom-select.is-invalid {
    border-color: #e3342f;
    padding-right: calc(0.75em + 2.3125rem)!important;
    background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") right 0.75rem center/8px 10px no-repeat,#fff url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23e3342f' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23e3342f' stroke='none'/%3e%3c/svg%3e") center right 1.75rem/calc(0.8em + 0.375rem) calc(0.8em + 0.375rem) no-repeat
}

.custom-select.is-invalid:focus {
    border-color: #e3342f;
    -webkit-box-shadow: 0 0 0 .2rem rgba(227,52,47,.25);
    box-shadow: 0 0 0 .2rem rgba(227,52,47,.25)
}

.custom-control-input.is-invalid~.custom-control-label {
    color: #e3342f
}

.custom-control-input.is-invalid~.custom-control-label::before {
    border-color: #e3342f
}

.custom-control-input.is-invalid:checked~.custom-control-label::before {
    border-color: #e9605c;
    background-color: #e9605c
}

.custom-control-input.is-invalid:focus~.custom-control-label::before {
    -webkit-box-shadow: 0 0 0 .2rem rgba(227,52,47,.25);
    box-shadow: 0 0 0 .2rem rgba(227,52,47,.25)
}

.custom-control-input.is-invalid:focus:not(:checked)~.custom-control-label::before {
    border-color: #e3342f
}

.btn,.product-weight-label {
    display: inline-block;
    font-weight: 400;
    color: #212529;
    text-align: center;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-color: transparent;
    border: 1px solid transparent;
    padding: .375rem .75rem;
    font-size: .9rem;
    line-height: 1.6;
    border-radius: .25rem;
    -webkit-transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out,-webkit-box-shadow .15s ease-in-out
}

@media(prefers-reduced-motion:reduce) {
    .btn,.product-weight-label {
        -webkit-transition: none;
        transition: none
    }
}

.btn:hover,.product-weight-label:hover {
    color: #212529;
    text-decoration: none
}

.btn:focus,.product-weight-label:focus,.btn.focus,.focus.product-weight-label {
    outline: 0;
    -webkit-box-shadow: 0 0 0 .2rem rgba(52,144,220,.25);
    box-shadow: 0 0 0 .2rem rgba(52,144,220,.25)
}

.btn.disabled,.disabled.product-weight-label,.btn:disabled,.product-weight-label:disabled {
    opacity: .65
}

.btn:not(:disabled):not(.disabled),.product-weight-label:not(:disabled):not(.disabled) {
    cursor: pointer
}

a.btn.disabled,a.disabled.product-weight-label {
    pointer-events: none
}

.btn-primary {
    color: #fff;
    background-color: #3490dc;
    border-color: #3490dc
}

.btn-primary:hover {
    color: #fff;
    background-color: #227dc7;
    border-color: #2176bd
}

.btn-primary:focus,.btn-primary.focus {
    color: #fff;
    background-color: #227dc7;
    border-color: #2176bd;
    -webkit-box-shadow: 0 0 0 .2rem rgba(82,161,225,.5);
    box-shadow: 0 0 0 .2rem rgba(82,161,225,.5)
}

.btn-primary.disabled,.btn-primary:disabled {
    color: #fff;
    background-color: #3490dc;
    border-color: #3490dc
}

.btn-primary:not(:disabled):not(.disabled):active,.btn-primary:not(:disabled):not(.disabled).active,.show>.btn-primary.dropdown-toggle {
    color: #fff;
    background-color: #2176bd;
    border-color: #1f6fb2
}

.btn-primary:not(:disabled):not(.disabled):active:focus,.btn-primary:not(:disabled):not(.disabled).active:focus,.show>.btn-primary.dropdown-toggle:focus {
    -webkit-box-shadow: 0 0 0 .2rem rgba(82,161,225,.5);
    box-shadow: 0 0 0 .2rem rgba(82,161,225,.5)
}

.btn-info {
    color: #212529;
    background-color: #6cb2eb;
    border-color: #6cb2eb
}

.btn-info:hover {
    color: #fff;
    background-color: #4aa0e6;
    border-color: #3f9ae5
}

.btn-info:focus,.btn-info.focus {
    color: #fff;
    background-color: #4aa0e6;
    border-color: #3f9ae5;
    -webkit-box-shadow: 0 0 0 .2rem rgba(97,157,206,.5);
    box-shadow: 0 0 0 .2rem rgba(97,157,206,.5)
}

.btn-info.disabled,.btn-info:disabled {
    color: #212529;
    background-color: #6cb2eb;
    border-color: #6cb2eb
}

.btn-info:not(:disabled):not(.disabled):active,.btn-info:not(:disabled):not(.disabled).active,.show>.btn-info.dropdown-toggle {
    color: #fff;
    background-color: #3f9ae5;
    border-color: #3495e3
}

.btn-info:not(:disabled):not(.disabled):active:focus,.btn-info:not(:disabled):not(.disabled).active:focus,.show>.btn-info.dropdown-toggle:focus {
    -webkit-box-shadow: 0 0 0 .2rem rgba(97,157,206,.5);
    box-shadow: 0 0 0 .2rem rgba(97,157,206,.5)
}

.btn-danger {
    color: #fff;
    background-color: #e3342f;
    border-color: #e3342f
}

.btn-danger:hover {
    color: #fff;
    background-color: #d0211c;
    border-color: #c51f1a
}

.btn-danger:focus,.btn-danger.focus {
    color: #fff;
    background-color: #d0211c;
    border-color: #c51f1a;
    -webkit-box-shadow: 0 0 0 .2rem rgba(231,82,78,.5);
    box-shadow: 0 0 0 .2rem rgba(231,82,78,.5)
}

.btn-danger.disabled,.btn-danger:disabled {
    color: #fff;
    background-color: #e3342f;
    border-color: #e3342f
}

.btn-danger:not(:disabled):not(.disabled):active,.btn-danger:not(:disabled):not(.disabled).active,.show>.btn-danger.dropdown-toggle {
    color: #fff;
    background-color: #c51f1a;
    border-color: #b91d19
}

.btn-danger:not(:disabled):not(.disabled):active:focus,.btn-danger:not(:disabled):not(.disabled).active:focus,.show>.btn-danger.dropdown-toggle:focus {
    -webkit-box-shadow: 0 0 0 .2rem rgba(231,82,78,.5);
    box-shadow: 0 0 0 .2rem rgba(231,82,78,.5)
}

.btn-outline-secondary {
    color: #6c757d;
    border-color: #6c757d
}

.btn-outline-secondary:hover {
    color: #fff;
    background-color: #6c757d;
    border-color: #6c757d
}

.btn-outline-secondary:focus,.btn-outline-secondary.focus {
    -webkit-box-shadow: 0 0 0 .2rem rgba(108,117,125,.5);
    box-shadow: 0 0 0 .2rem rgba(108,117,125,.5)
}

.btn-outline-secondary.disabled,.btn-outline-secondary:disabled {
    color: #6c757d;
    background-color: transparent
}

.btn-outline-secondary:not(:disabled):not(.disabled):active,.btn-outline-secondary:not(:disabled):not(.disabled).active,.show>.btn-outline-secondary.dropdown-toggle {
    color: #fff;
    background-color: #6c757d;
    border-color: #6c757d
}

.btn-outline-secondary:not(:disabled):not(.disabled):active:focus,.btn-outline-secondary:not(:disabled):not(.disabled).active:focus,.show>.btn-outline-secondary.dropdown-toggle:focus {
    -webkit-box-shadow: 0 0 0 .2rem rgba(108,117,125,.5);
    box-shadow: 0 0 0 .2rem rgba(108,117,125,.5)
}

.btn-outline-info {
    color: #6cb2eb;
    border-color: #6cb2eb
}

.btn-outline-info:hover {
    color: #212529;
    background-color: #6cb2eb;
    border-color: #6cb2eb
}

.btn-outline-info:focus,.btn-outline-info.focus {
    -webkit-box-shadow: 0 0 0 .2rem rgba(108,178,235,.5);
    box-shadow: 0 0 0 .2rem rgba(108,178,235,.5)
}

.btn-outline-info.disabled,.btn-outline-info:disabled {
    color: #6cb2eb;
    background-color: transparent
}

.btn-outline-info:not(:disabled):not(.disabled):active,.btn-outline-info:not(:disabled):not(.disabled).active,.show>.btn-outline-info.dropdown-toggle {
    color: #212529;
    background-color: #6cb2eb;
    border-color: #6cb2eb
}

.btn-outline-info:not(:disabled):not(.disabled):active:focus,.btn-outline-info:not(:disabled):not(.disabled).active:focus,.show>.btn-outline-info.dropdown-toggle:focus {
    -webkit-box-shadow: 0 0 0 .2rem rgba(108,178,235,.5);
    box-shadow: 0 0 0 .2rem rgba(108,178,235,.5)
}

.btn-link {
    font-weight: 400;
    color: #3490dc;
    text-decoration: none
}

.btn-link:hover {
    color: #1d68a7;
    text-decoration: underline
}

.btn-link:focus,.btn-link.focus {
    text-decoration: underline
}

.btn-link:disabled,.btn-link.disabled {
    color: #6c757d;
    pointer-events: none
}

.btn-lg {
    padding: .5rem 1rem;
    font-size: 1.125rem;
    line-height: 1.5;
    border-radius: .3rem
}

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

@media(prefers-reduced-motion:reduce) {
    .fade {
        -webkit-transition: none;
        transition: none
    }
}

.fade:not(.show) {
    opacity: 0
}

.collapse:not(.show) {
    display: none
}

.dropdown {
    position: relative
}

.dropdown-toggle {
    white-space: nowrap
}

.dropdown-toggle::after {
    display: inline-block;
    margin-left: .255em;
    vertical-align: .255em;
    content: "";
    border-top: .3em solid;
    border-right: .3em solid transparent;
    border-bottom: 0;
    border-left: .3em solid transparent
}

.dropdown-toggle:empty::after {
    margin-left: 0
}

.dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 10rem;
    padding: .5rem 0;
    margin: .125rem 0 0;
    font-size: .9rem;
    color: #212529;
    text-align: left;
    list-style: none;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid rgba(0,0,0,.15);
    border-radius: .25rem
}

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

.dropdown-menu[x-placement^=top],.dropdown-menu[x-placement^=right],.dropdown-menu[x-placement^=bottom],.dropdown-menu[x-placement^=left] {
    right: auto;
    bottom: auto
}

.dropdown-item {
    display: block;
    width: 100%;
    padding: .25rem 1.5rem;
    clear: both;
    font-weight: 400;
    color: #212529;
    text-align: inherit;
    white-space: nowrap;
    background-color: transparent;
    border: 0
}

.dropdown-item:hover,.dropdown-item:focus {
    color: #16181b;
    text-decoration: none;
    background-color: #e9ecef
}

.dropdown-item.active,.dropdown-item:active {
    color: #fff;
    text-decoration: none;
    background-color: #3490dc
}

.dropdown-item.disabled,.dropdown-item:disabled {
    color: #adb5bd;
    pointer-events: none;
    background-color: transparent
}

.dropdown-menu.show {
    display: block
}

.input-group {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    width: 100%
}

.input-group>.form-control,.input-group>.custom-select {
    position: relative;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    width: 1%;
    min-width: 0;
    margin-bottom: 0
}

.input-group>.form-control+.form-control,.input-group>.form-control+.custom-select,.input-group>.custom-select+.form-control,.input-group>.custom-select+.custom-select {
    margin-left: -1px
}

.input-group>.form-control:focus,.input-group>.custom-select:focus {
    z-index: 3
}

.input-group>.form-control:not(:first-child),.input-group>.custom-select:not(:first-child) {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.input-group:not(.has-validation)>.form-control:not(:last-child),.input-group:not(.has-validation)>.custom-select:not(:last-child) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.input-group-prepend,.input-group-append {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.input-group-prepend .btn,.input-group-prepend .product-weight-label,.input-group-append .btn,.input-group-append .product-weight-label {
    position: relative;
    z-index: 2
}

.input-group-prepend .btn:focus,.input-group-prepend .product-weight-label:focus,.input-group-append .btn:focus,.input-group-append .product-weight-label:focus {
    z-index: 3
}

.input-group-prepend .btn+.btn,.input-group-prepend .product-weight-label+.btn,.input-group-prepend .btn+.product-weight-label,.input-group-prepend .product-weight-label+.product-weight-label,.input-group-append .btn+.btn,.input-group-append .product-weight-label+.btn,.input-group-append .btn+.product-weight-label,.input-group-append .product-weight-label+.product-weight-label {
    margin-left: -1px
}

.input-group-prepend {
    margin-right: -1px
}

.input-group-append {
    margin-left: -1px
}

.input-group>.input-group-prepend>.btn,.input-group>.input-group-prepend>.product-weight-label,.input-group:not(.has-validation)>.input-group-append:not(:last-child)>.btn,.input-group:not(.has-validation)>.input-group-append:not(:last-child)>.product-weight-label,.input-group>.input-group-append:last-child>.btn:not(:last-child):not(.dropdown-toggle),.input-group>.input-group-append:last-child>.product-weight-label:not(:last-child):not(.dropdown-toggle) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.input-group>.input-group-append>.btn,.input-group>.input-group-append>.product-weight-label,.input-group>.input-group-prepend:not(:first-child)>.btn,.input-group>.input-group-prepend:not(:first-child)>.product-weight-label,.input-group>.input-group-prepend:first-child>.btn:not(:first-child),.input-group>.input-group-prepend:first-child>.product-weight-label:not(:first-child) {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.custom-control {
    position: relative;
    z-index: 1;
    display: block;
    min-height: 1.44rem;
    padding-left: 1.5rem;
    print-color-adjust: exact
}

.custom-control-input {
    position: absolute;
    left: 0;
    z-index: -1;
    width: 1rem;
    height: 1.22rem;
    opacity: 0
}

.custom-control-input:checked~.custom-control-label::before {
    color: #fff;
    border-color: #3490dc;
    background-color: #3490dc
}

.custom-control-input:focus~.custom-control-label::before {
    -webkit-box-shadow: 0 0 0 .2rem rgba(52,144,220,.25);
    box-shadow: 0 0 0 .2rem rgba(52,144,220,.25)
}

.custom-control-input:focus:not(:checked)~.custom-control-label::before {
    border-color: #a1cbef
}

.custom-control-input:not(:disabled):active~.custom-control-label::before {
    color: #fff;
    background-color: #cce3f6;
    border-color: #cce3f6
}

.custom-control-input[disabled]~.custom-control-label,.custom-control-input:disabled~.custom-control-label {
    color: #6c757d
}

.custom-control-input[disabled]~.custom-control-label::before,.custom-control-input:disabled~.custom-control-label::before {
    background-color: #e9ecef
}

.custom-control-label {
    position: relative;
    margin-bottom: 0;
    vertical-align: top
}

.custom-control-label::before {
    position: absolute;
    top: .22rem;
    left: -1.5rem;
    display: block;
    width: 1rem;
    height: 1rem;
    pointer-events: none;
    content: "";
    background-color: #fff;
    border: 1px solid #adb5bd
}

.custom-control-label::after {
    position: absolute;
    top: .22rem;
    left: -1.5rem;
    display: block;
    width: 1rem;
    height: 1rem;
    content: "";
    background: 50%/50% 50% no-repeat
}

.custom-checkbox .custom-control-label::before {
    border-radius: .25rem
}

.custom-checkbox .custom-control-input:checked~.custom-control-label::after {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHdpZHRoPSc4JyBoZWlnaHQ9JzgnIHZpZXdCb3g9JzAgMCA4IDgnPjxwYXRoIGZpbGw9JyNmZmYnIGQ9J002LjU2NC43NWwtMy41OSAzLjYxMi0xLjUzOC0xLjU1TDAgNC4yNmwyLjk3NCAyLjk5TDggMi4xOTN6Jy8+PC9zdmc+)
}

.custom-checkbox .custom-control-input:indeterminate~.custom-control-label::before {
    border-color: #3490dc;
    background-color: #3490dc
}

.custom-checkbox .custom-control-input:indeterminate~.custom-control-label::after {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHdpZHRoPSc0JyBoZWlnaHQ9JzQnIHZpZXdCb3g9JzAgMCA0IDQnPjxwYXRoIHN0cm9rZT0nI2ZmZicgZD0nTTAgMmg0Jy8+PC9zdmc+)
}

.custom-checkbox .custom-control-input:disabled:checked~.custom-control-label::before {
    background-color: rgba(52,144,220,.5)
}

.custom-checkbox .custom-control-input:disabled:indeterminate~.custom-control-label::before {
    background-color: rgba(52,144,220,.5)
}

.custom-select {
    display: inline-block;
    width: 100%;
    height: calc(1.6em + 0.75rem + 2px);
    padding: .375rem 1.75rem .375rem .75rem;
    font-size: .9rem;
    font-weight: 400;
    line-height: 1.6;
    color: #495057;
    vertical-align: middle;
    background: #fff url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") right 0.75rem center/8px 10px no-repeat;
    border: 1px solid #ced4da;
    border-radius: .25rem;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

.custom-select:focus {
    border-color: #a1cbef;
    outline: 0;
    -webkit-box-shadow: 0 0 0 .2rem rgba(52,144,220,.25);
    box-shadow: 0 0 0 .2rem rgba(52,144,220,.25)
}

.custom-select:focus::-ms-value {
    color: #495057;
    background-color: #fff
}

.custom-select[multiple],.custom-select[size]:not([size="1"]) {
    height: auto;
    padding-right: .75rem;
    background-image: none
}

.custom-select:disabled {
    color: #6c757d;
    background-color: #e9ecef
}

.custom-select::-ms-expand {
    display: none
}

.custom-select:-moz-focusring {
    color: transparent;
    text-shadow: 0 0 0 #495057
}

.custom-control-label::before,.custom-select {
    -webkit-transition: background-color .15s ease-in-out,border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;
    transition: background-color .15s ease-in-out,border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;
    transition: background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    transition: background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out,-webkit-box-shadow .15s ease-in-out
}

@media(prefers-reduced-motion:reduce) {
    .custom-control-label::before,.custom-select {
        -webkit-transition: none;
        transition: none
    }
}

.nav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none
}

.nav-link {
    display: block;
    padding: .5rem 1rem
}

.nav-link:hover,.nav-link:focus {
    text-decoration: none
}

.nav-link.disabled {
    color: #6c757d;
    pointer-events: none;
    cursor: default
}

.nav-pills .nav-link {
    background: 0 0;
    border: 0;
    border-radius: .25rem
}

.nav-pills .nav-link.active,.nav-pills .show>.nav-link {
    color: #fff;
    background-color: #3490dc
}

.tab-content>.tab-pane {
    display: none
}

.tab-content>.active {
    display: block
}

.card {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border: 1px solid rgba(0,0,0,.125);
    border-radius: .25rem
}

.card>hr {
    margin-right: 0;
    margin-left: 0
}

.card>.list-group {
    border-top: inherit;
    border-bottom: inherit
}

.card>.list-group:first-child {
    border-top-width: 0;
    border-top-left-radius: calc(0.25rem - 1px);
    border-top-right-radius: calc(0.25rem - 1px)
}

.card>.list-group:last-child {
    border-bottom-width: 0;
    border-bottom-right-radius: calc(0.25rem - 1px);
    border-bottom-left-radius: calc(0.25rem - 1px)
}

.card>.card-header+.list-group {
    border-top: 0
}

.card-body {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    min-height: 1px;
    padding: 1.25rem
}

.card-header {
    padding: .75rem 1.25rem;
    margin-bottom: 0;
    background-color: rgba(0,0,0,.03);
    border-bottom: 1px solid rgba(0,0,0,.125)
}

.card-header:first-child {
    border-radius: calc(0.25rem - 1px) calc(0.25rem - 1px) 0 0
}

.accordion {
    overflow-anchor: none
}

.accordion>.card {
    overflow: hidden
}

.accordion>.card:not(:last-of-type) {
    border-bottom: 0;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0
}

.accordion>.card:not(:first-of-type) {
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.accordion>.card>.card-header {
    border-radius: 0;
    margin-bottom: -1px
}

.pagination {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding-left: 0;
    list-style: none;
    border-radius: .25rem
}

.page-link {
    position: relative;
    display: block;
    padding: .5rem .75rem;
    margin-left: -1px;
    line-height: 1.25;
    color: #3490dc;
    background-color: #fff;
    border: 1px solid #dee2e6
}

.page-link:hover {
    z-index: 2;
    color: #1d68a7;
    text-decoration: none;
    background-color: #e9ecef;
    border-color: #dee2e6
}

.page-link:focus {
    z-index: 3;
    outline: 0;
    -webkit-box-shadow: 0 0 0 .2rem rgba(52,144,220,.25);
    box-shadow: 0 0 0 .2rem rgba(52,144,220,.25)
}

.page-item:first-child .page-link {
    margin-left: 0;
    border-top-left-radius: .25rem;
    border-bottom-left-radius: .25rem
}

.page-item:last-child .page-link {
    border-top-right-radius: .25rem;
    border-bottom-right-radius: .25rem
}

.page-item.active .page-link {
    z-index: 3;
    color: #fff;
    background-color: #3490dc;
    border-color: #3490dc
}

.page-item.disabled .page-link {
    color: #6c757d;
    pointer-events: none;
    cursor: auto;
    background-color: #fff;
    border-color: #dee2e6
}

.pagination-lg .page-link {
    padding: .75rem 1.5rem;
    font-size: 1.125rem;
    line-height: 1.5
}

.pagination-lg .page-item:first-child .page-link {
    border-top-left-radius: .3rem;
    border-bottom-left-radius: .3rem
}

.pagination-lg .page-item:last-child .page-link {
    border-top-right-radius: .3rem;
    border-bottom-right-radius: .3rem
}

.pagination-sm .page-link {
    padding: .25rem .5rem;
    font-size: .7875rem;
    line-height: 1.5
}

.pagination-sm .page-item:first-child .page-link {
    border-top-left-radius: .2rem;
    border-bottom-left-radius: .2rem
}

.pagination-sm .page-item:last-child .page-link {
    border-top-right-radius: .2rem;
    border-bottom-right-radius: .2rem
}

.badge {
    display: inline-block;
    padding: .25em .4em;
    font-size: 75%;
    font-weight: 700;
    line-height: 1;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: .25rem;
    -webkit-transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out,-webkit-box-shadow .15s ease-in-out
}

@media(prefers-reduced-motion:reduce) {
    .badge {
        -webkit-transition: none;
        transition: none
    }
}

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

.badge:empty {
    display: none
}

.btn .badge,.product-weight-label .badge {
    position: relative;
    top: -1px
}

.badge-pill {
    padding-right: .6em;
    padding-left: .6em;
    border-radius: 10rem
}

.badge-primary {
    color: #fff;
    background-color: #3490dc
}

a.badge-primary:hover,a.badge-primary:focus {
    color: #fff;
    background-color: #2176bd
}

a.badge-primary:focus,a.badge-primary.focus {
    outline: 0;
    -webkit-box-shadow: 0 0 0 .2rem rgba(52,144,220,.5);
    box-shadow: 0 0 0 .2rem rgba(52,144,220,.5)
}

.badge-success {
    color: #fff;
    background-color: #38c172
}

a.badge-success:hover,a.badge-success:focus {
    color: #fff;
    background-color: #2d995b
}

a.badge-success:focus,a.badge-success.focus {
    outline: 0;
    -webkit-box-shadow: 0 0 0 .2rem rgba(56,193,114,.5);
    box-shadow: 0 0 0 .2rem rgba(56,193,114,.5)
}

.badge-info {
    color: #212529;
    background-color: #6cb2eb
}

a.badge-info:hover,a.badge-info:focus {
    color: #212529;
    background-color: #3f9ae5
}

a.badge-info:focus,a.badge-info.focus {
    outline: 0;
    -webkit-box-shadow: 0 0 0 .2rem rgba(108,178,235,.5);
    box-shadow: 0 0 0 .2rem rgba(108,178,235,.5)
}

.badge-warning {
    color: #212529;
    background-color: #ffed4a
}

a.badge-warning:hover,a.badge-warning:focus {
    color: #212529;
    background-color: #ffe817
}

a.badge-warning:focus,a.badge-warning.focus {
    outline: 0;
    -webkit-box-shadow: 0 0 0 .2rem rgba(255,237,74,.5);
    box-shadow: 0 0 0 .2rem rgba(255,237,74,.5)
}

.badge-danger {
    color: #fff;
    background-color: #e3342f
}

a.badge-danger:hover,a.badge-danger:focus {
    color: #fff;
    background-color: #c51f1a
}

a.badge-danger:focus,a.badge-danger.focus {
    outline: 0;
    -webkit-box-shadow: 0 0 0 .2rem rgba(227,52,47,.5);
    box-shadow: 0 0 0 .2rem rgba(227,52,47,.5)
}

.badge-dark {
    color: #fff;
    background-color: #343a40
}

a.badge-dark:hover,a.badge-dark:focus {
    color: #fff;
    background-color: #1d2124
}

a.badge-dark:focus,a.badge-dark.focus {
    outline: 0;
    -webkit-box-shadow: 0 0 0 .2rem rgba(52,58,64,.5);
    box-shadow: 0 0 0 .2rem rgba(52,58,64,.5)
}

.alert {
    position: relative;
    padding: .75rem 1.25rem;
    margin-bottom: 1rem;
    border: 1px solid transparent;
    border-radius: .25rem
}

.alert-heading {
    color: inherit
}

.alert-link {
    font-weight: 700
}

.alert-success {
    color: #1d643b;
    background-color: #d7f3e3;
    border-color: #c7eed8
}

.alert-success hr {
    border-top-color: #b3e8ca
}

.alert-success .alert-link {
    color: #123c24
}

.alert-info {
    color: #385d7a;
    background-color: #e2f0fb;
    border-color: #d6e9f9
}

.alert-info hr {
    border-top-color: #c0ddf6
}

.alert-info .alert-link {
    color: #284257
}

.alert-warning {
    color: #857b26;
    background-color: #fffbdb;
    border-color: #fffacc
}

.alert-warning hr {
    border-top-color: #fff8b3
}

.alert-warning .alert-link {
    color: #5d561b
}

.alert-danger {
    color: #761b18;
    background-color: #f9d6d5;
    border-color: #f7c6c5
}

.alert-danger hr {
    border-top-color: #f4b0af
}

.alert-danger .alert-link {
    color: #4c110f
}

@-webkit-keyframes progress-bar-stripes {
    from {
        background-position: 1rem 0
    }

    to {
        background-position: 0 0
    }
}

@keyframes progress-bar-stripes {
    from {
        background-position: 1rem 0
    }

    to {
        background-position: 0 0
    }
}

.progress {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 1rem;
    overflow: hidden;
    line-height: 0;
    font-size: .675rem;
    background-color: #e9ecef;
    border-radius: .25rem
}

.progress-bar {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    overflow: hidden;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    background-color: #3490dc;
    -webkit-transition: width .6s ease;
    transition: width .6s ease
}

@media(prefers-reduced-motion:reduce) {
    .progress-bar {
        -webkit-transition: none;
        transition: none
    }
}

.media {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

.list-group {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding-left: 0;
    margin-bottom: 0;
    border-radius: .25rem
}

.list-group-item-info {
    color: #385d7a;
    background-color: #d6e9f9
}

.close {
    float: right;
    font-size: 1.35rem;
    font-weight: 700;
    line-height: 1;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    opacity: .5
}

.close:hover {
    color: #000;
    text-decoration: none
}

.close:not(:disabled):not(.disabled):hover,.close:not(:disabled):not(.disabled):focus {
    opacity: .75
}

button.close {
    padding: 0;
    background-color: transparent;
    border: 0
}

a.close.disabled {
    pointer-events: none
}

.toast {
    -ms-flex-preferred-size: 350px;
    flex-basis: 350px;
    max-width: 350px;
    font-size: .875rem;
    background-color: rgba(255,255,255,.85);
    background-clip: padding-box;
    border: 1px solid rgba(0,0,0,.1);
    -webkit-box-shadow: 0 .25rem .75rem rgba(0,0,0,.1);
    box-shadow: 0 .25rem .75rem rgba(0,0,0,.1);
    opacity: 0;
    border-radius: .25rem
}

.toast:not(:last-child) {
    margin-bottom: .75rem
}

.toast.showing {
    opacity: 1
}

.toast.show {
    display: block;
    opacity: 1
}

.toast.hide {
    display: 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;
    margin: .5rem;
    pointer-events: none
}

.modal.fade .modal-dialog {
    -webkit-transition: -webkit-transform .3s ease-out;
    transition: -webkit-transform .3s ease-out;
    transition: transform .3s ease-out;
    transition: transform .3s ease-out,-webkit-transform .3s ease-out;
    -webkit-transform: translate(0,-50px);
    transform: translate(0,-50px)
}

@media(prefers-reduced-motion:reduce) {
    .modal.fade .modal-dialog {
        -webkit-transition: none;
        transition: none
    }
}

.modal.show .modal-dialog {
    -webkit-transform: none;
    transform: none
}

.modal.modal-static .modal-dialog {
    -webkit-transform: scale(1.02);
    transform: scale(1.02)
}

.modal-dialog-scrollable {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    max-height: calc(100% - 1rem)
}

.modal-dialog-scrollable .modal-content {
    max-height: calc(100vh - 1rem);
    overflow: hidden
}

.modal-dialog-scrollable .modal-header,.modal-dialog-scrollable .modal-footer {
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.modal-dialog-scrollable .modal-body {
    overflow-y: auto
}

.modal-dialog-centered {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    min-height: calc(100% - 1rem)
}

.modal-dialog-centered::before {
    display: block;
    height: calc(100vh - 1rem);
    height: -webkit-min-content;
    height: -moz-min-content;
    height: min-content;
    content: ""
}

.modal-dialog-centered.modal-dialog-scrollable {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 100%
}

.modal-dialog-centered.modal-dialog-scrollable .modal-content {
    max-height: none
}

.modal-dialog-centered.modal-dialog-scrollable::before {
    content: none
}

.modal-content {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%;
    pointer-events: auto;
    background-color: #eff2f8;
    background-clip: padding-box;
    border: 1px solid rgba(0,0,0,.2);
    border-radius: 8px;
    outline: 0
}

.modal-backdrop {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1040;
    width: 100vw;
    height: 100vh;
    background-color: #000
}

.modal-backdrop.fade {
    opacity: 0
}

.modal-backdrop.show {
    opacity: .5
}

.modal-header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 1rem;
    border-bottom: 0 solid #dee2e6;
    border-top-left-radius: 7px;
    border-top-right-radius: 7px
}

.modal-header .close {
    padding: 1rem;
    margin: -1rem -1rem -1rem auto
}

.modal-title {
    margin-bottom: 0;
    line-height: 1.6
}

.modal-body {
    position: relative;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    padding: 1rem
}

.modal-footer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    padding: .75rem;
    border-top: 0 solid #dee2e6;
    border-bottom-right-radius: 7px;
    border-bottom-left-radius: 7px
}

.modal-footer>* {
    margin: .25rem
}

.modal-scrollbar-measure {
    position: absolute;
    top: -9999px;
    width: 50px;
    height: 50px;
    overflow: scroll
}

@media(min-width: 576px) {
    .modal-dialog {
        max-width:500px;
        margin: 1.75rem auto
    }

    .modal-dialog-scrollable {
        max-height: calc(100% - 3.5rem)
    }

    .modal-dialog-scrollable .modal-content {
        max-height: calc(100vh - 3.5rem)
    }

    .modal-dialog-centered {
        min-height: calc(100% - 3.5rem)
    }

    .modal-dialog-centered::before {
        height: calc(100vh - 3.5rem);
        height: -webkit-min-content;
        height: -moz-min-content;
        height: min-content
    }

    .modal-sm {
        max-width: 300px
    }
}

@media(min-width: 992px) {
    .modal-lg,.modal-xl {
        max-width:800px
    }
}

@media(min-width: 1200px) {
    .modal-xl {
        max-width:1140px
    }
}

.tooltip {
    position: absolute;
    z-index: 1070;
    display: block;
    margin: 0;
    font-family: nunito,sans-serif;
    font-style: normal;
    font-weight: 400;
    line-height: 1.6;
    text-align: left;
    text-align: start;
    text-decoration: none;
    text-shadow: none;
    text-transform: none;
    letter-spacing: normal;
    word-break: normal;
    white-space: normal;
    word-spacing: normal;
    line-break: auto;
    font-size: .7875rem;
    word-wrap: break-word;
    opacity: 0
}

.tooltip.show {
    opacity: .9
}

.tooltip .arrow {
    position: absolute;
    display: block;
    width: .8rem;
    height: .4rem
}

.tooltip .arrow::before {
    position: absolute;
    content: "";
    border-color: transparent;
    border-style: solid
}

@-webkit-keyframes spinner-border {
    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@keyframes spinner-border {
    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@keyframes spinner-grow {
    0% {
        -webkit-transform: scale(0);
        transform: scale(0)
    }

    50% {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

.bg-info {
    background-color: #6cb2eb!important
}

a.bg-info:hover,a.bg-info:focus,button.bg-info:hover,button.bg-info:focus {
    background-color: #3f9ae5!important
}

.border-info {
    border-color: #6cb2eb!important
}

.rounded {
    border-radius: .25rem!important
}

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

.d-none {
    display: none!important
}

.d-inline {
    display: inline!important
}

.d-flex {
    display: -webkit-box!important;
    display: -ms-flexbox!important;
    display: flex!important
}

@media(min-width: 576px) {
    .d-sm-block {
        display:block!important
    }
}

@media(min-width: 768px) {
    .d-md-inline-block {
        display:inline-block!important
    }

    .d-md-block {
        display: block!important
    }
}

.flex-row {
    -webkit-box-orient: horizontal!important;
    -webkit-box-direction: normal!important;
    -ms-flex-direction: row!important;
    flex-direction: row!important
}

.flex-column {
    -webkit-box-orient: vertical!important;
    -webkit-box-direction: normal!important;
    -ms-flex-direction: column!important;
    flex-direction: column!important
}

.flex-row-reverse {
    -webkit-box-orient: horizontal!important;
    -webkit-box-direction: reverse!important;
    -ms-flex-direction: row-reverse!important;
    flex-direction: row-reverse!important
}

.flex-column-reverse {
    -webkit-box-orient: vertical!important;
    -webkit-box-direction: reverse!important;
    -ms-flex-direction: column-reverse!important;
    flex-direction: column-reverse!important
}

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

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

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

.flex-fill {
    -webkit-box-flex: 1!important;
    -ms-flex: 1 1 auto!important;
    flex: 1 1 auto!important
}

.flex-grow-0 {
    -webkit-box-flex: 0!important;
    -ms-flex-positive: 0!important;
    flex-grow: 0!important
}

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

.flex-shrink-0 {
    -ms-flex-negative: 0!important;
    flex-shrink: 0!important
}

.flex-shrink-1 {
    -ms-flex-negative: 1!important;
    flex-shrink: 1!important
}

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

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

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

@media(min-width: 576px) {
    .flex-sm-row {
        -webkit-box-orient:horizontal!important;
        -webkit-box-direction: normal!important;
        -ms-flex-direction: row!important;
        flex-direction: row!important
    }

    .flex-sm-column {
        -webkit-box-orient: vertical!important;
        -webkit-box-direction: normal!important;
        -ms-flex-direction: column!important;
        flex-direction: column!important
    }

    .flex-sm-row-reverse {
        -webkit-box-orient: horizontal!important;
        -webkit-box-direction: reverse!important;
        -ms-flex-direction: row-reverse!important;
        flex-direction: row-reverse!important
    }

    .flex-sm-column-reverse {
        -webkit-box-orient: vertical!important;
        -webkit-box-direction: reverse!important;
        -ms-flex-direction: column-reverse!important;
        flex-direction: column-reverse!important
    }

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

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

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

    .flex-sm-fill {
        -webkit-box-flex: 1!important;
        -ms-flex: 1 1 auto!important;
        flex: 1 1 auto!important
    }

    .flex-sm-grow-0 {
        -webkit-box-flex: 0!important;
        -ms-flex-positive: 0!important;
        flex-grow: 0!important
    }

    .flex-sm-grow-1 {
        -webkit-box-flex: 1!important;
        -ms-flex-positive: 1!important;
        flex-grow: 1!important
    }

    .flex-sm-shrink-0 {
        -ms-flex-negative: 0!important;
        flex-shrink: 0!important
    }

    .flex-sm-shrink-1 {
        -ms-flex-negative: 1!important;
        flex-shrink: 1!important
    }
}

@media(min-width: 768px) {
    .flex-md-row {
        -webkit-box-orient:horizontal!important;
        -webkit-box-direction: normal!important;
        -ms-flex-direction: row!important;
        flex-direction: row!important
    }

    .flex-md-column {
        -webkit-box-orient: vertical!important;
        -webkit-box-direction: normal!important;
        -ms-flex-direction: column!important;
        flex-direction: column!important
    }

    .flex-md-row-reverse {
        -webkit-box-orient: horizontal!important;
        -webkit-box-direction: reverse!important;
        -ms-flex-direction: row-reverse!important;
        flex-direction: row-reverse!important
    }

    .flex-md-column-reverse {
        -webkit-box-orient: vertical!important;
        -webkit-box-direction: reverse!important;
        -ms-flex-direction: column-reverse!important;
        flex-direction: column-reverse!important
    }

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

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

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

    .flex-md-fill {
        -webkit-box-flex: 1!important;
        -ms-flex: 1 1 auto!important;
        flex: 1 1 auto!important
    }

    .flex-md-grow-0 {
        -webkit-box-flex: 0!important;
        -ms-flex-positive: 0!important;
        flex-grow: 0!important
    }

    .flex-md-grow-1 {
        -webkit-box-flex: 1!important;
        -ms-flex-positive: 1!important;
        flex-grow: 1!important
    }

    .flex-md-shrink-0 {
        -ms-flex-negative: 0!important;
        flex-shrink: 0!important
    }

    .flex-md-shrink-1 {
        -ms-flex-negative: 1!important;
        flex-shrink: 1!important
    }
}

@media(min-width: 992px) {
    .flex-lg-row {
        -webkit-box-orient:horizontal!important;
        -webkit-box-direction: normal!important;
        -ms-flex-direction: row!important;
        flex-direction: row!important
    }

    .flex-lg-column {
        -webkit-box-orient: vertical!important;
        -webkit-box-direction: normal!important;
        -ms-flex-direction: column!important;
        flex-direction: column!important
    }

    .flex-lg-row-reverse {
        -webkit-box-orient: horizontal!important;
        -webkit-box-direction: reverse!important;
        -ms-flex-direction: row-reverse!important;
        flex-direction: row-reverse!important
    }

    .flex-lg-column-reverse {
        -webkit-box-orient: vertical!important;
        -webkit-box-direction: reverse!important;
        -ms-flex-direction: column-reverse!important;
        flex-direction: column-reverse!important
    }

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

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

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

    .flex-lg-fill {
        -webkit-box-flex: 1!important;
        -ms-flex: 1 1 auto!important;
        flex: 1 1 auto!important
    }

    .flex-lg-grow-0 {
        -webkit-box-flex: 0!important;
        -ms-flex-positive: 0!important;
        flex-grow: 0!important
    }

    .flex-lg-grow-1 {
        -webkit-box-flex: 1!important;
        -ms-flex-positive: 1!important;
        flex-grow: 1!important
    }

    .flex-lg-shrink-0 {
        -ms-flex-negative: 0!important;
        flex-shrink: 0!important
    }

    .flex-lg-shrink-1 {
        -ms-flex-negative: 1!important;
        flex-shrink: 1!important
    }
}

@media(min-width: 1200px) {
    .flex-xl-row {
        -webkit-box-orient:horizontal!important;
        -webkit-box-direction: normal!important;
        -ms-flex-direction: row!important;
        flex-direction: row!important
    }

    .flex-xl-column {
        -webkit-box-orient: vertical!important;
        -webkit-box-direction: normal!important;
        -ms-flex-direction: column!important;
        flex-direction: column!important
    }

    .flex-xl-row-reverse {
        -webkit-box-orient: horizontal!important;
        -webkit-box-direction: reverse!important;
        -ms-flex-direction: row-reverse!important;
        flex-direction: row-reverse!important
    }

    .flex-xl-column-reverse {
        -webkit-box-orient: vertical!important;
        -webkit-box-direction: reverse!important;
        -ms-flex-direction: column-reverse!important;
        flex-direction: column-reverse!important
    }

    .flex-xl-wrap {
        -ms-flex-wrap: wrap!important;
        flex-wrap: wrap!important
    }

    .flex-xl-nowrap {
        -ms-flex-wrap: nowrap!important;
        flex-wrap: nowrap!important
    }

    .flex-xl-wrap-reverse {
        -ms-flex-wrap: wrap-reverse!important;
        flex-wrap: wrap-reverse!important
    }

    .flex-xl-fill {
        -webkit-box-flex: 1!important;
        -ms-flex: 1 1 auto!important;
        flex: 1 1 auto!important
    }

    .flex-xl-grow-0 {
        -webkit-box-flex: 0!important;
        -ms-flex-positive: 0!important;
        flex-grow: 0!important
    }

    .flex-xl-grow-1 {
        -webkit-box-flex: 1!important;
        -ms-flex-positive: 1!important;
        flex-grow: 1!important
    }

    .flex-xl-shrink-0 {
        -ms-flex-negative: 0!important;
        flex-shrink: 0!important
    }

    .flex-xl-shrink-1 {
        -ms-flex-negative: 1!important;
        flex-shrink: 1!important
    }
}

.float-none {
    float: none!important
}

@media(min-width: 576px) {
    .float-sm-right {
        float:right!important
    }
}

.fixed-top {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    z-index: 1030
}

.shadow-none {
    -webkit-box-shadow: none!important;
    box-shadow: none!important
}

.w-50 {
    width: 50%!important
}

.w-100 {
    width: 100%!important
}

.w-auto {
    width: auto!important
}

.m-0 {
    margin: 0!important
}

.mt-0 {
    margin-top: 0!important
}

.mb-0 {
    margin-bottom: 0!important
}

.mt-1 {
    margin-top: .25rem!important
}

.mr-1 {
    margin-right: .25rem!important
}

.mb-1 {
    margin-bottom: .25rem!important
}

.mt-2 {
    margin-top: .5rem!important
}

.mr-2 {
    margin-right: .5rem!important
}

.mb-2 {
    margin-bottom: .5rem!important
}

.mt-3 {
    margin-top: 1rem!important
}

.mb-3,.auth-title {
    margin-bottom: 1rem!important
}

.mt-4 {
    margin-top: 1.5rem!important
}

.mb-4 {
    margin-bottom: 1.5rem!important
}

.mt-5 {
    margin-top: 3rem!important
}

.mb-5 {
    margin-bottom: 3rem!important
}

.p-0 {
    padding: 0!important
}

.p-2 {
    padding: .5rem!important
}

.p-3 {
    padding: 1rem!important
}

.p-4 {
    padding: 1.5rem!important
}

.mt-auto {
    margin-top: auto!important
}

.mb-auto {
    margin-bottom: auto!important
}

@media(min-width: 576px) {
    .mt-sm-0 {
        margin-top:0!important
    }
}

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

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

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

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

@media(min-width: 576px) {
    .text-sm-left {
        text-align:left!important
    }
}

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

.font-weight-light {
    font-weight: 300!important
}

.font-weight-bold {
    font-weight: 700!important
}

.text-primary {
    color: #3490dc!important
}

a.text-primary:hover,a.text-primary:focus {
    color: #1d68a7!important
}

.text-success {
    color: #38c172!important
}

a.text-success:hover,a.text-success:focus {
    color: #27864f!important
}

.text-info {
    color: #6cb2eb!important
}

a.text-info:hover,a.text-info:focus {
    color: #298fe2!important
}

.text-warning {
    color: #ffed4a!important
}

a.text-warning:hover,a.text-warning:focus {
    color: #fde300!important
}

.text-danger {
    color: #e3342f!important
}

a.text-danger:hover,a.text-danger:focus {
    color: #ae1c17!important
}

.text-dark {
    color: #343a40!important
}

a.text-dark:hover,a.text-dark:focus {
    color: #121416!important
}

.text-muted {
    color: #6c757d!important
}

.visible {
    visibility: visible!important
}

@media print {
    *,*::before,*::after {
        text-shadow: none!important;
        -webkit-box-shadow: none!important;
        box-shadow: none!important
    }

    a:not(.btn):not(.product-weight-label) {
        text-decoration: underline
    }

    tr,img {
        page-break-inside: avoid
    }

    p,h2,h3 {
        orphans: 3;
        widows: 3
    }

    h2,h3 {
        page-break-after: avoid
    }

    @page {
        size: a3
    }

    body {
        min-width: 992px!important
    }

    .container {
        min-width: 992px!important
    }

    .badge {
        border: 1px solid #000
    }

    .table {
        border-collapse: collapse!important
    }

    .table td,.table th {
        background-color: #fff!important
    }

    .table-bordered th,.table-bordered td {
        border: 1px solid #dee2e6!important
    }
}

.flag-icon-background,.flag-icon {
    background-size: contain;
    background-position: 50%;
    background-repeat: no-repeat
}

.flag-icon {
    position: relative;
    display: inline-block;
    width: 1.33333333em;
    line-height: 1em
}

.flag-icon:before {
    content: '\A0'
}

.flag-icon.flag-icon-squared {
    width: 1em
}

.flag-icon-ad {
    background-image: url(../images/vendor/flag-icon-css/flags/4x3/ad.svg?d42274826fceb5a1b786df1cfeb5a5ef)
}

.flag-icon-ad.flag-icon-squared {
    background-image: url(../images/vendor/flag-icon-css/flags/1x1/ad.svg?e15ddeabbfce297178193b7858043ebd)
}

.flag-icon-ae {
    background-image: url(../images/vendor/flag-icon-css/flags/4x3/ae.svg?9fd1fcbfedb5ace0e6e61a88b3fc3402)
}

.flag-icon-ae.flag-icon-squared {
    background-image: url(../images/vendor/flag-icon-css/flags/1x1/ae.svg?7847726d0663899a3e31b3e21b6d2b68)
}

.flag-icon-af {
    background-image: url(../images/vendor/flag-icon-css/flags/4x3/af.svg?008dc3229529b5e6be2aa03ce93fc03e)
}

.flag-icon-af.flag-icon-squared {
    background-image: url(../images/vendor/flag-icon-css/flags/1x1/af.svg?fa735e43100e6ba7d02afc2d27ff088c)
}

.flag-icon-ag {
    background-image: url(../images/vendor/flag-icon-css/flags/4x3/ag.svg?cce32c739dde31fdbee1e421de18aeac)
}

.flag-icon-ag.flag-icon-squared {
    background-image: url(../images/vendor/flag-icon-css/flags/1x1/ag.svg?53a600867bab3b2284da8445e7d9cc93)
}

.flag-icon-ai {
    background-image: url(../images/vendor/flag-icon-css/flags/4x3/ai.svg?c2f29c4d57cfcba3c9b2374b2c7e461f)
}

.flag-icon-ai.flag-icon-squared {
    background-image: url(../images/vendor/flag-icon-css/flags/1x1/ai.svg?9fe4d6b75d40228a802475e855522ad0)
}

.flag-icon-al {
    background-image: url(../images/vendor/flag-icon-css/flags/4x3/al.svg?4eb491e7412fcc678a29741fdc941eba)
}

.flag-icon-al.flag-icon-squared {
    background-image: url(../images/vendor/flag-icon-css/flags/1x1/al.svg?46612c2737ddd5ca906721aeb63aa7c0)
}

.flag-icon-am {
    background-image: url(../images/vendor/flag-icon-css/flags/4x3/am.svg?06509258e6113e2e0e54592337ac8171)
}

.flag-icon-am.flag-icon-squared {
    background-image: url(../images/vendor/flag-icon-css/flags/1x1/am.svg?c86a9e1691e7ab36234a070301467f01)
}

.flag-icon-ao {
    background-image: url(../images/vendor/flag-icon-css/flags/4x3/ao.svg?8b6f2ec29629876f9c00839932ded057)
}

.flag-icon-ao.flag-icon-squared {
    background-image: url(../images/vendor/flag-icon-css/flags/1x1/ao.svg?ab8cc21b5392f6d7b213e6349c7237c2)
}

.flag-icon-aq {
    background-image: url(../images/vendor/flag-icon-css/flags/4x3/aq.svg?65afe1f1ffb9d9a23d25d2327ba2c3d3)
}

.flag-icon-aq.flag-icon-squared {
    background-image: url(../images/vendor/flag-icon-css/flags/1x1/aq.svg?65448909a82325121a92bb71012091d7)
}

.flag-icon-ar {
    background-image: url(../images/vendor/flag-icon-css/flags/4x3/ar.svg?d205ca1376dbe5ce35b5b926fe739959)
}

.flag-icon-ar.flag-icon-squared {
    background-image: url(../images/vendor/flag-icon-css/flags/1x1/ar.svg?78827b0be4fd4c4f4fb458b2501309d1)
}

.flag-icon-as {
    background-image: url(../images/vendor/flag-icon-css/flags/4x3/as.svg?16f433a627bc83a007bba2cbaa686aee)
}

.flag-icon-as.flag-icon-squared {
    background-image: url(../images/vendor/flag-icon-css/flags/1x1/as.svg?27f3e372f5d36da8c96a4eca50e6fb57)
}

.flag-icon-at {
    background-image: url(../images/vendor/flag-icon-css/flags/4x3/at.svg?e2634e96c9ad4694d5133cc83e2c6564)
}

.flag-icon-at.flag-icon-squared {
    background-image: url(../images/vendor/flag-icon-css/flags/1x1/at.svg?5ab33f744e92b143361e951c81f0f60d)
}

.flag-icon-au {
    background-image: url(../images/vendor/flag-icon-css/flags/4x3/au.svg?503a3a980ccbc651a8acc57b6f6d2dab)
}

.flag-icon-au.flag-icon-squared {
    background-image: url(../images/vendor/flag-icon-css/flags/1x1/au.svg?9b18ee0449e1b5cd1c783fda310eed4f)
}

.flag-icon-aw {
    background-image: url(../images/vendor/flag-icon-css/flags/4x3/aw.svg?47ea7038c8fea471afdd906694068310)
}

.flag-icon-aw.flag-icon-squared {
    background-image: url(../images/vendor/flag-icon-css/flags/1x1/aw.svg?f159ec168ea083c41505dce64eb31923)
}

.flag-icon-ax {
    background-image: url(../images/vendor/flag-icon-css/flags/4x3/ax.svg?c26f83744d3df6899632e575d390681a)
}

.flag-icon-ax.flag-icon-squared {
    background-image: url(../images/vendor/flag-icon-css/flags/1x1/ax.svg?fdd00c438df18b3216076ae0e145673b)
}

.flag-icon-az {
    background-image: url(../images/vendor/flag-icon-css/flags/4x3/az.svg?451284cedf7277f87440e014c3c11557)
}

.flag-icon-az.flag-icon-squared {
    background-image: url(../images/vendor/flag-icon-css/flags/1x1/az.svg?0b4258df02490e0504d93c20984c467d)
}

.flag-icon-ba {
    background-image: url(../images/vendor/flag-icon-css/flags/4x3/ba.svg?3223166179b08490c6c2291ace1894f0)
}

.flag-icon-ba.flag-icon-squared {
    background-image: url(../images/vendor/flag-icon-css/flags/1x1/ba.svg?a9dbadd71245f7d220448c10b6939fd1)
}

.flag-icon-bb {
    background-image: url(../images/vendor/flag-icon-css/flags/4x3/bb.svg?9873885f352c415ad25c32ecf69e5cd3)
}

.flag-icon-bb.flag-icon-squared {
    background-image: url(../images/vendor/flag-icon-css/flags/1x1/bb.svg?45c62450e2d60784a4f02d25e80e0b78)
}

.flag-icon-bd {
    background-image: url(../images/vendor/flag-icon-css/flags/4x3/bd.svg?5102bab03db6e13a165043eedab1e332)
}

.flag-icon-bd.flag-icon-squared {
    background-image: url(../images/vendor/flag-icon-css/flags/1x1/bd.svg?c4a1485f3606f93b55fa19d86ec3219c)
}

.flag-icon-be {
    background-image: url(../images/vendor/flag-icon-css/flags/4x3/be.svg?27d8ca49197f90010475d2b3646ce6b5)
}

.flag-icon-be.flag-icon-squared {
    background-image: url(../images/vendor/flag-icon-css/flags/1x1/be.svg?f1e78c8b3266b110a4a523c4cde8d7f2)
}

.flag-icon-bf {
    background-image: url(../images/vendor/flag-icon-css/flags/4x3/bf.svg?9a958401fd126a3c08686ece9477cea3)
}

.flag-icon-bf.flag-icon-squared {
    background-image: url(../images/vendor/flag-icon-css/flags/1x1/bf.svg?48eb94de0b25013f341693acc2abb3b2)
}

.flag-icon-bg {
    background-image: url(../images/vendor/flag-icon-css/flags/4x3/bg.svg?3d762564b2be000f52ca9038e8f42ad4)
}

.flag-icon-bg.flag-icon-squared {
    background-image: url(../images/vendor/flag-icon-css/flags/1x1/bg.svg?7163fe7683bf09611884f33ebf512d6a)
}

.flag-icon-bh {
    background-image: url(../images/vendor/flag-icon-css/flags/4x3/bh.svg?ef135f3ca77838cbb6e329d57d250c9a)
}

.flag-icon-bh.flag-icon-squared {
    background-image: url(../images/vendor/flag-icon-css/flags/1x1/bh.svg?90ad3cbd95a2834f0a787db075cdb4fc)
}

.flag-icon-bi {
    background-image: url(../images/vendor/flag-icon-css/flags/4x3/bi.svg?06f36479b44476f25fc935175ac8a596)
}

.flag-icon-bi.flag-icon-squared {
    background-image: url(../images/vendor/flag-icon-css/flags/1x1/bi.svg?75d5af3debe2895f5eb256ea01ab2458)
}

.flag-icon-bj {
    background-image: url(../images/vendor/flag-icon-css/flags/4x3/bj.svg?c81e891543509717b02a594b40afa14a)
}

.flag-icon-bj.flag-icon-squared {
    background-image: url(../images/vendor/flag-icon-css/flags/1x1/bj.svg?b6387659d755f8364b76c2bc8ca15d65)
}

.flag-icon-bl {
    background-image: url(../images/vendor/flag-icon-css/flags/4x3/bl.svg?38e27b684c0a7f079cc7e1762e5e1ade)
}

.flag-icon-bl.flag-icon-squared {
    background-image: url(../images/vendor/flag-icon-css/flags/1x1/bl.svg?4d724b8ec2c508cf9abf4abef61289bc)
}

.flag-icon-bm {
    background-image: url(../images/vendor/flag-icon-css/flags/4x3/bm.svg?0fdefae88aaed5d7f18948b45cf3086d)
}

.flag-icon-bm.flag-icon-squared {
    background-image: url(../images/vendor/flag-icon-css/flags/1x1/bm.svg?09839e2cd707999b472d6631640dba1c)
}

.flag-icon-bn {
    background-image: url(../images/vendor/flag-icon-css/flags/4x3/bn.svg?1d4e60918c474f844110c46d560233b8)
}

.flag-icon-bn.flag-icon-squared {
    background-image: url(../images/vendor/flag-icon-css/flags/1x1/bn.svg?0adbb6646a1e26c449969a38e3bbc3ba)
}

.flag-icon-bo {
    background-image: url(../images/vendor/flag-icon-css/flags/4x3/bo.svg?4128202a176b10fa597f1221f8e7e4cd)
}

.flag-icon-bo.flag-icon-squared {
    background-image: url(../images/vendor/flag-icon-css/flags/1x1/bo.svg?eab17936c2d9dd56edd3f134c8e6f29c)
}

.flag-icon-bq {
    background-image: url(../images/vendor/flag-icon-css/flags/4x3/bq.svg?b551016fbdf64b9d22f1c7b34a6a3a8d)
}

.flag-icon-bq.flag-icon-squared {
    background-image: url(../images/vendor/flag-icon-css/flags/1x1/bq.svg?d6da2e848d831d87d51683d9340dbd38)
}

.flag-icon-br {
    background-image: url(../images/vendor/flag-icon-css/flags/4x3/br.svg?87032851c3532c9dd64f20f4bee155a9)
}

.flag-icon-br.flag-icon-squared {
    background-image: url(../images/vendor/flag-icon-css/flags/1x1/br.svg?ef701aba4f5dc68beb3166d7a19c8787)
}

.flag-icon-bs {
    background-image: url(../images/vendor/flag-icon-css/flags/4x3/bs.svg?9f8a4eae81ab5bc495dd7fa4f7b26d87)
}

.flag-icon-bs.flag-icon-squared {
    background-image: url(../images/vendor/flag-icon-css/flags/1x1/bs.svg?6fe877e157af3feb09878e657d8ad1f7)
}

.flag-icon-bt {
    background-image: url(../images/vendor/flag-icon-css/flags/4x3/bt.svg?65b20c56edb0ae6f6523f7242256bf25)
}

.flag-icon-bt.flag-icon-squared {
    background-image: url(../images/vendor/flag-icon-css/flags/1x1/bt.svg?dbb1623f2a2bcf088f45e7c5a4eee71f)
}

.flag-icon-bv {
    background-image: url(../images/vendor/flag-icon-css/flags/4x3/bv.svg?78bef9106e11eade7698e39f6ed831c7)
}

.flag-icon-bv.flag-icon-squared {
    background-image: url(../images/vendor/flag-icon-css/flags/1x1/bv.svg?b70ab2f2a1fdb7d66f6870a4f243f843)
}

.flag-icon-bw {
    background-image: url(../images/vendor/flag-icon-css/flags/4x3/bw.svg?d1585fdf351c0bcd56a04ab460d51b3c)
}

.flag-icon-bw.flag-icon-squared {
    background-image: url(../images/vendor/flag-icon-css/flags/1x1/bw.svg?d9e5e45f7cabb9c0790ba95948c30609)
}

.flag-icon-by {
    background-image: url(../images/vendor/flag-icon-css/flags/4x3/by.svg?f4cbd761094b27fc253729dfbacfceeb)
}

.flag-icon-by.flag-icon-squared {
    background-image: url(../images/vendor/flag-icon-css/flags/1x1/by.svg?80b2d2dd15003da07957e37b5d7aef23)
}

.flag-icon-bz {
    background-image: url(../images/vendor/flag-icon-css/flags/4x3/bz.svg?64d617eaf3f2c6f3f0256985b4ede543)
}

.flag-icon-bz.flag-icon-squared {
    background-image: url(../images/vendor/flag-icon-css/flags/1x1/bz.svg?e6b5e204d3da700fbf9004584f69d6fa)
}

.flag-icon-ca {
    background-image: url(../images/vendor/flag-icon-css/flags/4x3/ca.svg?c976442e32a435a0ea72b42d40dbe8ef)
}

.flag-icon-ca.flag-icon-squared {
    background-image: url(../images/vendor/flag-icon-css/flags/1x1/ca.svg?8678fc67f7ebd50a5fc7c12a39ab93a2)
}

.flag-icon-cc {
    background-image: url(../images/vendor/flag-icon-css/flags/4x3/cc.svg?2da4bb974f777f45e0398ac1ba44e507)
}

.flag-icon-cc.flag-icon-squared {
    background-image: url(../images/vendor/flag-icon-css/flags/1x1/cc.svg?12b2a48420c7a24559f89dd27348b05a)
}

.flag-icon-cd {
    background-image: url(../images/vendor/flag-icon-css/flags/4x3/cd.svg?cd346cdc7caa416803025986e843a600)
}

.flag-icon-cd.flag-icon-squared {
    background-image: url(../images/vendor/flag-icon-css/flags/1x1/cd.svg?b43f872e1441147e938995ee5a709e19)
}

.flag-icon-cf {
    background-image: url(../images/vendor/flag-icon-css/flags/4x3/cf.svg?2171101e459db58cc9311ec6a0926648)
}

.flag-icon-cf.flag-icon-squared {
    background-image: url(../images/vendor/flag-icon-css/flags/1x1/cf.svg?1bc217dc2a400899db46ee10cdd913d8)
}

.flag-icon-cg {
    background-image: url(../images/vendor/flag-icon-css/flags/4x3/cg.svg?4396b867b33acac643e6d978fb99f1ac)
}

.flag-icon-cg.flag-icon-squared {
    background-image: url(../images/vendor/flag-icon-css/flags/1x1/cg.svg?8373836c83f0ae012b428ab2308e4352)
}

.flag-icon-ch {
    background-image: url(../images/vendor/flag-icon-css/flags/4x3/ch.svg?9c26f60a63bf575c6b7be3eec11e3043)
}

.flag-icon-ch.flag-icon-squared {
    background-image: url(../images/vendor/flag-icon-css/flags/1x1/ch.svg?252c409ba2d2600aaf08946b9280b670)
}

.flag-icon-ci {
    background-image: url(../images/vendor/flag-icon-css/flags/4x3/ci.svg?d939dcac611747f6857eb4b92cb14c8e)
}

.flag-icon-ci.flag-icon-squared {
    background-image: url(../images/vendor/flag-icon-css/flags/1x1/ci.svg?26a62321690cd175f47305c05a55f409)
}

.flag-icon-ck {
    background-image: url(../images/vendor/flag-icon-css/flags/4x3/ck.svg?960a7b5a2c2322b898007c4611cecfd0)
}

.flag-icon-ck.flag-icon-squared {
    background-image: url(../images/vendor/flag-icon-css/flags/1x1/ck.svg?22bf8119f315420569c9699f027cfd03)
}

.flag-icon-cl {
    background-image: url(../images/vendor/flag-icon-css/flags/4x3/cl.svg?8949f9e6d4f88c4f5bc1fe5f3b4e44c4)
}

.flag-icon-cl.flag-icon-squared {
    background-image: url(../images/vendor/flag-icon-css/flags/1x1/cl.svg?6d63ff70245fe5abcbf9ccc50cecf8c2)
}

.flag-icon-cm {
    background-image: url(../images/vendor/flag-icon-css/flags/4x3/cm.svg?5799ad4c126b0a6b1a3f01599f862ad2)
}

.flag-icon-cm.flag-icon-squared {
    background-image: url(../images/vendor/flag-icon-css/flags/1x1/cm.svg?c972441e6e4522441d18c0390c143d32)
}

.flag-icon-cn {
    background-image: url(../images/vendor/flag-icon-css/flags/4x3/cn.svg?02c229de4d98ea1668384d2ed4cc558d)
}

.flag-icon-cn.flag-icon-squared {
    background-image: url(../images/vendor/flag-icon-css/flags/1x1/cn.svg?a94c93941a4d8907fc2be5a61841c2b9)
}

.flag-icon-co {
    background-image: url(../images/vendor/flag-icon-css/flags/4x3/co.svg?3b252a1a91262604a52801ec3dda088d)
}

.flag-icon-co.flag-icon-squared {
    background-image: url(../images/vendor/flag-icon-css/flags/1x1/co.svg?41244c207c1c8c92c0140d5fad3b08b1)
}

.flag-icon-cr {
    background-image: url(../images/vendor/flag-icon-css/flags/4x3/cr.svg?7b4ebd50f5274e5bfca82408ca79c32d)
}

.flag-icon-cr.flag-icon-squared {
    background-image: url(../images/vendor/flag-icon-css/flags/1x1/cr.svg?657d7dbcfdeb67b9324dc45f99a1e17c)
}

.flag-icon-cu {
    background-image: url(../images/vendor/flag-icon-css/flags/4x3/cu.svg?750c91b200d29892cf10f9887253105f)
}

.flag-icon-cu.flag-icon-squared {
    background-image: url(../images/vendor/flag-icon-css/flags/1x1/cu.svg?0b42edabb93ec1c4862f441f4151996e)
}

.flag-icon-cv {
    background-image: url(../images/vendor/flag-icon-css/flags/4x3/cv.svg?f9922e019e929da267a67ee784bdde66)
}

.flag-icon-cv.flag-icon-squared {
    background-image: url(../images/vendor/flag-icon-css/flags/1x1/cv.svg?20a8cfffe0e96905132967daae5e2578)
}

.flag-icon-cw {
    background-image: url(../images/vendor/flag-icon-css/flags/4x3/cw.svg?f1b3043c88d52ecf9222b5987791bbac)
}

.flag-icon-cw.flag-icon-squared {
    background-image: url(../images/vendor/flag-icon-css/flags/1x1/cw.svg?69f19c22070d22008ce7c303e82be825)
}

.flag-icon-cx {
    background-image: url(../images/vendor/flag-icon-css/flags/4x3/cx.svg?aa81bb9ef6d3ed6a6d20b6468ee40d02)
}

.flag-icon-cx.flag-icon-squared {
    background-image: url(../images/vendor/flag-icon-css/flags/1x1/cx.svg?172a41ec42fd864193881fc48b6bf4d7)
}

.flag-icon-cy {
    background-image: url(../images/vendor/flag-icon-css/flags/4x3/cy.svg?d069616cbc4fb181cdadc171a5038ff2)
}

.flag-icon-cy.flag-icon-squared {
    background-image: url(../images/vendor/flag-icon-css/flags/1x1/cy.svg?9f04989a23400aa64e7a7ac053f32963)
}

.flag-icon-cz {
    background-image: url(../images/vendor/flag-icon-css/flags/4x3/cz.svg?2339f3df385beb6667b8fd621e6a53dd)
}

.flag-icon-cz.flag-icon-squared {
    background-image: url(../images/vendor/flag-icon-css/flags/1x1/cz.svg?80879b0e86919c6859d875da48efd0e0)
}

.flag-icon-de {
    background-image: url(../images/vendor/flag-icon-css/flags/4x3/de.svg?3e726c2b6a59e6e4543c0a1534d93796)
}

.flag-icon-de.flag-icon-squared {
    background-image: url(../images/vendor/flag-icon-css/flags/1x1/de.svg?4d7bac3b0b9ab578b009c54fecd5d06f)
}

.flag-icon-dj {
    background-image: url(../images/vendor/flag-icon-css/flags/4x3/dj.svg?423c41561146de8c3017bbe35919e0bd)
}

.flag-icon-dj.flag-icon-squared {
    background-image: url(../images/vendor/flag-icon-css/flags/1x1/dj.svg?0c386d224ea283b79429a3097c055388)
}

.flag-icon-dk {
    background-image: url(../images/vendor/flag-icon-css/flags/4x3/dk.svg?eb1416e02baeee91a39f721e871caf23)
}

.flag-icon-dk.flag-icon-squared {
    background-image: url(../images/vendor/flag-icon-css/flags/1x1/dk.svg?d046fb5b6363db6e655b3c1011c6f779)
}

.flag-icon-dm {
    background-image: url(../images/vendor/flag-icon-css/flags/4x3/dm.svg?46f58d408f6a338114dbd063b87f97f7)
}

.flag-icon-dm.flag-icon-squared {
    background-image: url(../images/vendor/flag-icon-css/flags/1x1/dm.svg?664bf04224fd8e022ee0170a8b43b5c8)
}

.flag-icon-do {
    background-image: url(../images/vendor/flag-icon-css/flags/4x3/do.svg?79f8bf8c1a68481e09267f5215ef80ca)
}

.flag-icon-do.flag-icon-squared {
    background-image: url(../images/vendor/flag-icon-css/flags/1x1/do.svg?07d2b1ed2aa93592afc9fb24521267d2)
}

.flag-icon-dz {
    background-image: url(../images/vendor/flag-icon-css/flags/4x3/dz.svg?4be984a3b7c813f2937097bdd83801f1)
}

.flag-icon-dz.flag-icon-squared {
    background-image: url(../images/vendor/flag-icon-css/flags/1x1/dz.svg?b03e5aec7ad5a75fce37f5c48efe32c1)
}

.flag-icon-ec {
    background-image: url(../images/vendor/flag-icon-css/flags/4x3/ec.svg?5d6fdbf808b19221f220ae2e0e991017)
}

.flag-icon-ec.flag-icon-squared {
    background-image: url(../images/vendor/flag-icon-css/flags/1x1/ec.svg?5e9624dfa7ecdab7d752a423bc88fa3e)
}

.flag-icon-ee {
    background-image: url(../images/vendor/flag-icon-css/flags/4x3/ee.svg?6088c9ceb092913b54d7235ee2e56f2c)
}

.flag-icon-ee.flag-icon-squared {
    background-image: url(../images/vendor/flag-icon-css/flags/1x1/ee.svg?9e932a62565e7ddda05182b706b4e48f)
}

.flag-icon-eg {
    background-image: url(../images/vendor/flag-icon-css/flags/4x3/eg.svg?6b83ab95bd23daca2408f78d9381af8c)
}

.flag-icon-eg.flag-icon-squared {
    background-image: url(../images/vendor/flag-icon-css/flags/1x1/eg.svg?2ea321dd4b0a3aaf358950b90726466c)
}

.flag-icon-eh {
    background-image: url(../images/vendor/flag-icon-css/flags/4x3/eh.svg?3b662831ee7dd98f8995817929c38fe5)
}

.flag-icon-eh.flag-icon-squared {
    background-image: url(../images/vendor/flag-icon-css/flags/1x1/eh.svg?2a0e164e96dee84d0163ad37e859e22c)
}

.flag-icon-er {
    background-image: url(../images/vendor/flag-icon-css/flags/4x3/er.svg?e5e5e397d9e7e40f3b3078e291e3b396)
}

.flag-icon-er.flag-icon-squared {
    background-image: url(../images/vendor/flag-icon-css/flags/1x1/er.svg?bdfbf04ca25609debe2a56601a13f8a4)
}

.flag-icon-es {
    background-image: url(../images/vendor/flag-icon-css/flags/4x3/es.svg?50623e6a761b392b5381ce35e8a77f99)
}

.flag-icon-es.flag-icon-squared {
    background-image: url(../images/vendor/flag-icon-css/flags/1x1/es.svg?afff247381e7ebe7d31b609f33eca644)
}

.flag-icon-et {
    background-image: url(../images/vendor/flag-icon-css/flags/4x3/et.svg?2ebb0d3d6e63baf78a33bca7e1ae9326)
}

.flag-icon-et.flag-icon-squared {
    background-image: url(../images/vendor/flag-icon-css/flags/1x1/et.svg?1d986679c4676b25570d4ee8719a41de)
}

.flag-icon-fi {
    background-image: url(../images/vendor/flag-icon-css/flags/4x3/fi.svg?2649533e1d44a2ef75d5679ef6839b9e)
}

.flag-icon-fi.flag-icon-squared {
    background-image: url(../images/vendor/flag-icon-css/flags/1x1/fi.svg?b48413bec5778656a773aab237f031a4)
}

.flag-icon-fj {
    background-image: url(../images/vendor/flag-icon-css/flags/4x3/fj.svg?60620e850f30b0da0d89bc25f3d69958)
}

.flag-icon-fj.flag-icon-squared {
    background-image: url(../images/vendor/flag-icon-css/flags/1x1/fj.svg?76a7a39e11d32487b82b58046c23e708)
}

.flag-icon-fk {
    background-image: url(../images/vendor/flag-icon-css/flags/4x3/fk.svg?519e3de544b46b3524a5a2bbbc383625)
}

.flag-icon-fk.flag-icon-squared {
    background-image: url(../images/vendor/flag-icon-css/flags/1x1/fk.svg?aeb2d58832c6dc501253d235d5467fe3)
}

.flag-icon-fm {
    background-image: url(../images/vendor/flag-icon-css/flags/4x3/fm.svg?59c5190c55c637cc6786bcab140eb22c)
}

.flag-icon-fm.flag-icon-squared {
    background-image: url(../images/vendor/flag-icon-css/flags/1x1/fm.svg?3f19d612c1d987a0948edbf753d9b96f)
}

.flag-icon-fo {
    background-image: url(../images/vendor/flag-icon-css/flags/4x3/fo.svg?037e466d03f81cd46e76b58aa73fe492)
}

.flag-icon-fo.flag-icon-squared {
    background-image: url(../images/vendor/flag-icon-css/flags/1x1/fo.svg?329cbed566020b8e0d7a7b87fe977d28)
}

.flag-icon-fr {
    background-image: url(../images/vendor/flag-icon-css/flags/4x3/fr.svg?b1156355de9691d768df19a8a2b44da4)
}

.flag-icon-fr.flag-icon-squared {
    background-image: url(../images/vendor/flag-icon-css/flags/1x1/fr.svg?f8952213641bba462c7314007909d394)
}

.flag-icon-ga {
    background-image: url(../images/vendor/flag-icon-css/flags/4x3/ga.svg?29f203bb2828c1aed048b446c8abb0ae)
}

.flag-icon-ga.flag-icon-squared {
    background-image: url(../images/vendor/flag-icon-css/flags/1x1/ga.svg?33d27fe1d14e7a989255f6c1d24e5882)
}

.flag-icon-gb {
    background-image: url(../images/vendor/flag-icon-css/flags/4x3/gb.svg?d3ddd6025a06a78535b0d432d14905bf)
}

.flag-icon-gb.flag-icon-squared {
    background-image: url(../images/vendor/flag-icon-css/flags/1x1/gb.svg?5db9fea0ec9e05cfb98e7387be5d0aa7)
}

.flag-icon-gd {
    background-image: url(../images/vendor/flag-icon-css/flags/4x3/gd.svg?8e690a5aa1fbe3a4fb3797cd327b926e)
}

.flag-icon-gd.flag-icon-squared {
    background-image: url(../images/vendor/flag-icon-css/flags/1x1/gd.svg?56fdbab2ad5e961cad7d45359def7915)
}

.flag-icon-ge {
    background-image: url(../images/vendor/flag-icon-css/flags/4x3/ge.svg?16f859b527e54ef4c757aba84595516f)
}

.flag-icon-ge.flag-icon-squared {
    background-image: url(../images/vendor/flag-icon-css/flags/1x1/ge.svg?d3665bf12d34ff71ab308c6f4e32fd25)
}

.flag-icon-gf {
    background-image: url(../images/vendor/flag-icon-css/flags/4x3/gf.svg?38dfa23a36e1e72303eaa3dbbd9db11a)
}

.flag-icon-gf.flag-icon-squared {
    background-image: url(../images/vendor/flag-icon-css/flags/1x1/gf.svg?cabf9781aaaa1dffbf03f38fcaaacfd3)
}

.flag-icon-gg {
    background-image: url(../images/vendor/flag-icon-css/flags/4x3/gg.svg?98f67a6ff36afda7a5ec44ec59eb5033)
}

.flag-icon-gg.flag-icon-squared {
    background-image: url(../images/vendor/flag-icon-css/flags/1x1/gg.svg?357e1e33666fb0844d0416d5b0879d57)
}

.flag-icon-gh {
    background-image: url(../images/vendor/flag-icon-css/flags/4x3/gh.svg?caedb9129bf6bd63ff4081a0ba91e113)
}

.flag-icon-gh.flag-icon-squared {
    background-image: url(../images/vendor/flag-icon-css/flags/1x1/gh.svg?77872d15b6a675d391e8355c98f9c020)
}

.flag-icon-gi {
    background-image: url(../images/vendor/flag-icon-css/flags/4x3/gi.svg?dce455a731d707ad9f6f4d4b60bb78fa)
}

.flag-icon-gi.flag-icon-squared {
    background-image: url(../images/vendor/flag-icon-css/flags/1x1/gi.svg?b0015a50c9f5aacae4427ea95c385a47)
}

.flag-icon-gl {
    background-image: url(../images/vendor/flag-icon-css/flags/4x3/gl.svg?2490aa08f40830bae35da50d6e38dbd5)
}

.flag-icon-gl.flag-icon-squared {
    background-image: url(../images/vendor/flag-icon-css/flags/1x1/gl.svg?48bf3e4e3fdafc0726ec49c2c0019d35)
}

.flag-icon-gm {
    background-image: url(../images/vendor/flag-icon-css/flags/4x3/gm.svg?50fe2799b099599b89f80b4d25376134)
}

.flag-icon-gm.flag-icon-squared {
    background-image: url(../images/vendor/flag-icon-css/flags/1x1/gm.svg?414139d5039a0584ac0475034a3ad8c7)
}

.flag-icon-gn {
    background-image: url(../images/vendor/flag-icon-css/flags/4x3/gn.svg?36a3e9a3dd82736bfcf23f28bb3ebc10)
}

.flag-icon-gn.flag-icon-squared {
    background-image: url(../images/vendor/flag-icon-css/flags/1x1/gn.svg?1ce64523708a4513c00768eced01f5d5)
}

.flag-icon-gp {
    background-image: url(../images/vendor/flag-icon-css/flags/4x3/gp.svg?fa4cab3e4ee1b865a975e5eb6ab70d03)
}

.flag-icon-gp.flag-icon-squared {
    background-image: url(../images/vendor/flag-icon-css/flags/1x1/gp.svg?c2c4da0e6afbe97dffaa2ee25972ae72)
}

.flag-icon-gq {
    background-image: url(../images/vendor/flag-icon-css/flags/4x3/gq.svg?30ed019c10e7044f26649ac9e9a84c8a)
}

.flag-icon-gq.flag-icon-squared {
    background-image: url(../images/vendor/flag-icon-css/flags/1x1/gq.svg?80b56bda22009d765f2e84d9302b0229)
}

.flag-icon-gr {
    background-image: url(../images/vendor/flag-icon-css/flags/4x3/gr.svg?471d733ad436f655210fcb2a9e7d356a)
}

.flag-icon-gr.flag-icon-squared {
    background-image: url(../images/vendor/flag-icon-css/flags/1x1/gr.svg?0bed56a8b6014fe10fef1d8c24049a17)
}

.flag-icon-gs {
    background-image: url(../images/vendor/flag-icon-css/flags/4x3/gs.svg?0ee2d8c9dbe38540ec7006706d31c903)
}

.flag-icon-gs.flag-icon-squared {
    background-image: url(../images/vendor/flag-icon-css/flags/1x1/gs.svg?6adf96a85713e8f86ed2dbdf1e1b9444)
}

.flag-icon-gt {
    background-image: url(../images/vendor/flag-icon-css/flags/4x3/gt.svg?656c9899d22b166292448de76509d46c)
}

.flag-icon-gt.flag-icon-squared {
    background-image: url(../images/vendor/flag-icon-css/flags/1x1/gt.svg?d6b5b664755ae293fefaab4511db8b9b)
}

.flag-icon-gu {
    background-image: url(../images/vendor/flag-icon-css/flags/4x3/gu.svg?2284e60e378b2304e722fd86e917d9f3)
}

.flag-icon-gu.flag-icon-squared {
    background-image: url(../images/vendor/flag-icon-css/flags/1x1/gu.svg?64936a10d41e5fb3e672075620a716f0)
}

.flag-icon-gw {
    background-image: url(../images/vendor/flag-icon-css/flags/4x3/gw.svg?c1e88a916be1c72f688c9e488cdd4516)
}

.flag-icon-gw.flag-icon-squared {
    background-image: url(../images/vendor/flag-icon-css/flags/1x1/gw.svg?5ecbd93cc2eeec1d063377170a3d83ee)
}

.flag-icon-gy {
    background-image: url(../images/vendor/flag-icon-css/flags/4x3/gy.svg?79fcf270400edca30d7790872057d26c)
}

.flag-icon-gy.flag-icon-squared {
    background-image: url(../images/vendor/flag-icon-css/flags/1x1/gy.svg?0653b318bc72188902840668e70e269f)
}

.flag-icon-hk {
    background-image: url(../images/vendor/flag-icon-css/flags/4x3/hk.svg?7428ec1c480645e3654a2729c9f6e07f)
}

.flag-icon-hk.flag-icon-squared {
    background-image: url(../images/vendor/flag-icon-css/flags/1x1/hk.svg?4a0f09ba94fb32cb4ef1c2c51df0441c)
}

.flag-icon-hm {
    background-image: url(../images/vendor/flag-icon-css/flags/4x3/hm.svg?fe514431ce7922c28d2d322faa28b7f6)
}

.flag-icon-hm.flag-icon-squared {
    background-image: url(../images/vendor/flag-icon-css/flags/1x1/hm.svg?fc838ac0bb4f5ff27231f59d9480f842)
}

.flag-icon-hn {
    background-image: url(../images/vendor/flag-icon-css/flags/4x3/hn.svg?9b9bee13c67ab85cd468d1c5fe38ad3e)
}

.flag-icon-hn.flag-icon-squared {
    background-image: url(../images/vendor/flag-icon-css/flags/1x1/hn.svg?c94622ad395a0173231ae8ac41bf45a4)
}

.flag-icon-hr {
    background-image: url(../images/vendor/flag-icon-css/flags/4x3/hr.svg?4680d6323b39f2d7bd88116f757d8838)
}

.flag-icon-hr.flag-icon-squared {
    background-image: url(../images/vendor/flag-icon-css/flags/1x1/hr.svg?88f38f33e9c5dd75280aadbd2b8d60a5)
}

.flag-icon-ht {
    background-image: url(../images/vendor/flag-icon-css/flags/4x3/ht.svg?fb289ca05aec82435254286e5410df58)
}

.flag-icon-ht.flag-icon-squared {
    background-image: url(../images/vendor/flag-icon-css/flags/1x1/ht.svg?34eb5f592af7e3948f4dd6a7593902e8)
}

.flag-icon-hu {
    background-image: url(../images/vendor/flag-icon-css/flags/4x3/hu.svg?0d7409f88bca8325938e46e3ef672716)
}

.flag-icon-hu.flag-icon-squared {
    background-image: url(../images/vendor/flag-icon-css/flags/1x1/hu.svg?e5e334fdd028898fe762fe6b9d47b6f1)
}

.flag-icon-id {
    background-image: url(../images/vendor/flag-icon-css/flags/4x3/id.svg?17b996767ee0373a262c32a16248a3b6)
}

.flag-icon-id.flag-icon-squared {
    background-image: url(../images/vendor/flag-icon-css/flags/1x1/id.svg?9f708fe5bf604f5bf38ad5ca2c00c14b)
}

.flag-icon-ie {
    background-image: url(../images/vendor/flag-icon-css/flags/4x3/ie.svg?c68ff961baf04c04f9beac2c32cd2458)
}

.flag-icon-ie.flag-icon-squared {
    background-image: url(../images/vendor/flag-icon-css/flags/1x1/ie.svg?798a56e04350344c5937927fea36fabc)
}

.flag-icon-il {
    background-image: url(../images/vendor/flag-icon-css/flags/4x3/il.svg?874270d66e9553b21e76dc1d433ba4a9)
}

.flag-icon-il.flag-icon-squared {
    background-image: url(../images/vendor/flag-icon-css/flags/1x1/il.svg?c36a011de460eb2d3b8c5674b9496d45)
}

.flag-icon-im {
    background-image: url(../images/vendor/flag-icon-css/flags/4x3/im.svg?8c10222d11a27a76e0bb29224c6f743c)
}

.flag-icon-im.flag-icon-squared {
    background-image: url(../images/vendor/flag-icon-css/flags/1x1/im.svg?ac0c825e76851b740da5ce261793a43e)
}

.flag-icon-in {
    background-image: url(../images/vendor/flag-icon-css/flags/4x3/in.svg?e4ab7bd057c6d49f21b3460a1bf914a9)
}

.flag-icon-in.flag-icon-squared {
    background-image: url(../images/vendor/flag-icon-css/flags/1x1/in.svg?209ae8e9585774eb4fe32c001f7c63cc)
}

.flag-icon-io {
    background-image: url(../images/vendor/flag-icon-css/flags/4x3/io.svg?3ddd1280f6e320712021a1f68ee5ae11)
}

.flag-icon-io.flag-icon-squared {
    background-image: url(../images/vendor/flag-icon-css/flags/1x1/io.svg?a45231d40c5e618f02372f1b161734d4)
}

.flag-icon-iq {
    background-image: url(../images/vendor/flag-icon-css/flags/4x3/iq.svg?be9919971db8b464b1baf82a3873d1ab)
}

.flag-icon-iq.flag-icon-squared {
    background-image: url(../images/vendor/flag-icon-css/flags/1x1/iq.svg?8d936728f892c7f38e61ff6a95b24c53)
}

.flag-icon-ir {
    background-image: url(../images/vendor/flag-icon-css/flags/4x3/ir.svg?23e0f96c3fa45df393a3c1d184b2df34)
}

.flag-icon-ir.flag-icon-squared {
    background-image: url(../images/vendor/flag-icon-css/flags/1x1/ir.svg?7bf140ab46a7630cb7c40d6ef87cc4ba)
}

.flag-icon-is {
    background-image: url(../images/vendor/flag-icon-css/flags/4x3/is.svg?2ce20c50765b6cccf87ee4b269d8c507)
}

.flag-icon-is.flag-icon-squared {
    background-image: url(../images/vendor/flag-icon-css/flags/1x1/is.svg?ae44c07e894b0a298c57b1380c5c11be)
}

.flag-icon-it {
    background-image: url(../images/vendor/flag-icon-css/flags/4x3/it.svg?8d15de04f5f6e8e89cab4e5eb237f607)
}

.flag-icon-it.flag-icon-squared {
    background-image: url(../images/vendor/flag-icon-css/flags/1x1/it.svg?22b99ae704f3de63285bc9b9411c5031)
}

.flag-icon-je {
    background-image: url(../images/vendor/flag-icon-css/flags/4x3/je.svg?e0932aed817435f70cf058dd3261ae1c)
}

.flag-icon-je.flag-icon-squared {
    background-image: url(../images/vendor/flag-icon-css/flags/1x1/je.svg?ab89781e75ca3440dcb86aa8dbd620f3)
}

.flag-icon-jm {
    background-image: url(../images/vendor/flag-icon-css/flags/4x3/jm.svg?67f96b2f0df34ce53d7651ade04d1e0b)
}

.flag-icon-jm.flag-icon-squared {
    background-image: url(../images/vendor/flag-icon-css/flags/1x1/jm.svg?b7b13124a4068892dc2452d744a42cc1)
}

.flag-icon-jo {
    background-image: url(../images/vendor/flag-icon-css/flags/4x3/jo.svg?9e2f2b3ac5784152799cde822b9ebc29)
}

.flag-icon-jo.flag-icon-squared {
    background-image: url(../images/vendor/flag-icon-css/flags/1x1/jo.svg?5130279865a7759012e11ea127f87f9d)
}

.flag-icon-jp {
    background-image: url(../images/vendor/flag-icon-css/flags/4x3/jp.svg?3e72015c537875435192c3b2d832042e)
}

.flag-icon-jp.flag-icon-squared {
    background-image: url(../images/vendor/flag-icon-css/flags/1x1/jp.svg?16a568ca9eb15a225e3a90aee0f68909)
}

.flag-icon-ke {
    background-image: url(../images/vendor/flag-icon-css/flags/4x3/ke.svg?dd8a91b8196000643e3383d81c659ecb)
}

.flag-icon-ke.flag-icon-squared {
    background-image: url(../images/vendor/flag-icon-css/flags/1x1/ke.svg?87900162ad67f9a694841b1d7abe72c8)
}

.flag-icon-kg {
    background-image: url(../images/vendor/flag-icon-css/flags/4x3/kg.svg?1cfa1c79dd521076fb17f8d024e3d19f)
}

.flag-icon-kg.flag-icon-squared {
    background-image: url(../images/vendor/flag-icon-css/flags/1x1/kg.svg?5908392a2d107a3f7db5cc793b8716ab)
}

.flag-icon-kh {
    background-image: url(../images/vendor/flag-icon-css/flags/4x3/kh.svg?5a13865d2bcaa01d31483c08c8903ea7)
}

.flag-icon-kh.flag-icon-squared {
    background-image: url(../images/vendor/flag-icon-css/flags/1x1/kh.svg?61a4b374334e719cd3d6fffa0390eb15)
}

.flag-icon-ki {
    background-image: url(../images/vendor/flag-icon-css/flags/4x3/ki.svg?db7e40f60e21ad4b6b6465409ce745b3)
}

.flag-icon-ki.flag-icon-squared {
    background-image: url(../images/vendor/flag-icon-css/flags/1x1/ki.svg?cdeef8df88cfea2b6759b528b41f0d88)
}

.flag-icon-km {
    background-image: url(../images/vendor/flag-icon-css/flags/4x3/km.svg?9b06043d7f9a227bc63532af67999125)
}

.flag-icon-km.flag-icon-squared {
    background-image: url(../images/vendor/flag-icon-css/flags/1x1/km.svg?eb69abb632453975c98bae4443c14d2f)
}

.flag-icon-kn {
    background-image: url(../images/vendor/flag-icon-css/flags/4x3/kn.svg?bde74c6da4f2cff6fe3ae84b510b1857)
}

.flag-icon-kn.flag-icon-squared {
    background-image: url(../images/vendor/flag-icon-css/flags/1x1/kn.svg?4ad12564dce8cd72eac5f2761c8bf03d)
}

.flag-icon-kp {
    background-image: url(../images/vendor/flag-icon-css/flags/4x3/kp.svg?9c53429167b92e260e1ec30e1686b93b)
}

.flag-icon-kp.flag-icon-squared {
    background-image: url(../images/vendor/flag-icon-css/flags/1x1/kp.svg?f08daf335790f99ff297feab4ed1dcec)
}

.flag-icon-kr {
    background-image: url(../images/vendor/flag-icon-css/flags/4x3/kr.svg?60fde7fc2f6005c1131b87ce63370ffd)
}

.flag-icon-kr.flag-icon-squared {
    background-image: url(../images/vendor/flag-icon-css/flags/1x1/kr.svg?7fb0181b38e9efdb9bc5b9dca3e90051)
}

.flag-icon-kw {
    background-image: url(../images/vendor/flag-icon-css/flags/4x3/kw.svg?496fa4662f48d2d7e3bd946177905dc4)
}

.flag-icon-kw.flag-icon-squared {
    background-image: url(../images/vendor/flag-icon-css/flags/1x1/kw.svg?33b3292eb3089a10a5cb93cfda9efda2)
}

.flag-icon-ky {
    background-image: url(../images/vendor/flag-icon-css/flags/4x3/ky.svg?5814c5a94343cb013715ab05d3eac07b)
}

.flag-icon-ky.flag-icon-squared {
    background-image: url(../images/vendor/flag-icon-css/flags/1x1/ky.svg?ef1f65378cdaea3bc6a0dddfeb9d0de9)
}

.flag-icon-kz {
    background-image: url(../images/vendor/flag-icon-css/flags/4x3/kz.svg?740ef4bf1d15794bfbeb7a4ee804a760)
}

.flag-icon-kz.flag-icon-squared {
    background-image: url(../images/vendor/flag-icon-css/flags/1x1/kz.svg?a19240f60581e10a25ee91cc4c00c3ed)
}

.flag-icon-la {
    background-image: url(../images/vendor/flag-icon-css/flags/4x3/la.svg?0f124ae33af5a9291262592979c90f55)
}

.flag-icon-la.flag-icon-squared {
    background-image: url(../images/vendor/flag-icon-css/flags/1x1/la.svg?6b86f25a0d2d8d95ffc5ebd33c393e14)
}

.flag-icon-lb {
    background-image: url(../images/vendor/flag-icon-css/flags/4x3/lb.svg?e33a49a9a071a76dd393f2928ce0f808)
}

.flag-icon-lb.flag-icon-squared {
    background-image: url(../images/vendor/flag-icon-css/flags/1x1/lb.svg?56f32195732ab1ad22f1f6a4473b3ace)
}

.flag-icon-lc {
    background-image: url(../images/vendor/flag-icon-css/flags/4x3/lc.svg?1c3a5554a0d8d1afaaf56164415da91c)
}

.flag-icon-lc.flag-icon-squared {
    background-image: url(../images/vendor/flag-icon-css/flags/1x1/lc.svg?c056c2a721c5bd992bd4945d10f82541)
}

.flag-icon-li {
    background-image: url(../images/vendor/flag-icon-css/flags/4x3/li.svg?fb5437d371f4dc6261e9f4e5bd21628d)
}

.flag-icon-li.flag-icon-squared {
    background-image: url(../images/vendor/flag-icon-css/flags/1x1/li.svg?748d1f9967c0c449deca7eeb7429ae11)
}

.flag-icon-lk {
    background-image: url(../images/vendor/flag-icon-css/flags/4x3/lk.svg?497ee5b9544ffc29720476b7085f7503)
}

.flag-icon-lk.flag-icon-squared {
    background-image: url(../images/vendor/flag-icon-css/flags/1x1/lk.svg?f54e1ef96c3b7670cd8de1ffdaa7f085)
}

.flag-icon-lr {
    background-image: url(../images/vendor/flag-icon-css/flags/4x3/lr.svg?309ccbd814f8f4ab23dd5a3116f9f2ac)
}

.flag-icon-lr.flag-icon-squared {
    background-image: url(../images/vendor/flag-icon-css/flags/1x1/lr.svg?6656f943933fa3febede9e123fdfbc73)
}

.flag-icon-ls {
    background-image: url(../images/vendor/flag-icon-css/flags/4x3/ls.svg?c0799ebf1d583d0d38408484bb56ec44)
}

.flag-icon-ls.flag-icon-squared {
    background-image: url(../images/vendor/flag-icon-css/flags/1x1/ls.svg?533cb320083af55b894a7bbe12cf015c)
}

.flag-icon-lt {
    background-image: url(../images/vendor/flag-icon-css/flags/4x3/lt.svg?c3aeac0dad1dfcc917a721a975ea29dd)
}

.flag-icon-lt.flag-icon-squared {
    background-image: url(../images/vendor/flag-icon-css/flags/1x1/lt.svg?70975be09055c7db032d5a56a452d5d5)
}

.flag-icon-lu {
    background-image: url(../images/vendor/flag-icon-css/flags/4x3/lu.svg?c858787cf95b92f694dbe1d296a8a5d4)
}

.flag-icon-lu.flag-icon-squared {
    background-image: url(../images/vendor/flag-icon-css/flags/1x1/lu.svg?2585715a069b9b8234825e2ce1ef8ed6)
}

.flag-icon-lv {
    background-image: url(../images/vendor/flag-icon-css/flags/4x3/lv.svg?8b293d984cea7db72e62598083dc759d)
}

.flag-icon-lv.flag-icon-squared {
    background-image: url(../images/vendor/flag-icon-css/flags/1x1/lv.svg?f3c1274d166407a222fa7326129821b7)
}

.flag-icon-ly {
    background-image: url(../images/vendor/flag-icon-css/flags/4x3/ly.svg?d089645e2ba9f431431b479cc902bf43)
}

.flag-icon-ly.flag-icon-squared {
    background-image: url(../images/vendor/flag-icon-css/flags/1x1/ly.svg?050ff9b00cb235a2a81bccfac78d6ac9)
}

.flag-icon-ma {
    background-image: url(../images/vendor/flag-icon-css/flags/4x3/ma.svg?60fbc221d84de9fb44f0d70882a393fc)
}

.flag-icon-ma.flag-icon-squared {
    background-image: url(../images/vendor/flag-icon-css/flags/1x1/ma.svg?bee9c05416fd66f6bc4434f6d721bcac)
}

.flag-icon-mc {
    background-image: url(../images/vendor/flag-icon-css/flags/4x3/mc.svg?b4f4b90da30103ef9cb0554e0111ea0d)
}

.flag-icon-mc.flag-icon-squared {
    background-image: url(../images/vendor/flag-icon-css/flags/1x1/mc.svg?78528abed80a64294f9a7141e62a394f)
}

.flag-icon-md {
    background-image: url(../images/vendor/flag-icon-css/flags/4x3/md.svg?5f734d921b0b2e2fa02cc33367a1d33e)
}

.flag-icon-md.flag-icon-squared {
    background-image: url(../images/vendor/flag-icon-css/flags/1x1/md.svg?75ec533ab81d8c9c9439b923e6804fe8)
}

.flag-icon-me {
    background-image: url(../images/vendor/flag-icon-css/flags/4x3/me.svg?76c434a613ae0b6e08fc3d2e8c244e52)
}

.flag-icon-me.flag-icon-squared {
    background-image: url(../images/vendor/flag-icon-css/flags/1x1/me.svg?2d0c8f786f51dfee2fb550733ff65db0)
}

.flag-icon-mf {
    background-image: url(../images/vendor/flag-icon-css/flags/4x3/mf.svg?5b9ff36c7fed044c253162373820d80a)
}

.flag-icon-mf.flag-icon-squared {
    background-image: url(../images/vendor/flag-icon-css/flags/1x1/mf.svg?487f7bd7fd30eec81e74e5cf1f699833)
}

.flag-icon-mg {
    background-image: url(../images/vendor/flag-icon-css/flags/4x3/mg.svg?67f5922d788548be9d4900bebf2b5e63)
}

.flag-icon-mg.flag-icon-squared {
    background-image: url(../images/vendor/flag-icon-css/flags/1x1/mg.svg?91e10ba084cc7f7b2498ce81f9680a84)
}

.flag-icon-mh {
    background-image: url(../images/vendor/flag-icon-css/flags/4x3/mh.svg?6d60cee3ee8d6bee9a372599dea4a426)
}

.flag-icon-mh.flag-icon-squared {
    background-image: url(../images/vendor/flag-icon-css/flags/1x1/mh.svg?8f1f91348e69c8bf64d85e59272d6349)
}

.flag-icon-mk {
    background-image: url(../images/vendor/flag-icon-css/flags/4x3/mk.svg?ed091b887cafb2adbf04a411d7ac40fa)
}

.flag-icon-mk.flag-icon-squared {
    background-image: url(../images/vendor/flag-icon-css/flags/1x1/mk.svg?2413b10706c9e29c439b0dcf94ec8cfe)
}

.flag-icon-ml {
    background-image: url(../images/vendor/flag-icon-css/flags/4x3/ml.svg?e6f097f93a69b28225c43e25fdcaf709)
}

.flag-icon-ml.flag-icon-squared {
    background-image: url(../images/vendor/flag-icon-css/flags/1x1/ml.svg?204b0da4b499bc3694416d547a8fa0c0)
}

.flag-icon-mm {
    background-image: url(../images/vendor/flag-icon-css/flags/4x3/mm.svg?92e9f832a28fd293035e21d9b6983790)
}

.flag-icon-mm.flag-icon-squared {
    background-image: url(../images/vendor/flag-icon-css/flags/1x1/mm.svg?8d6d26bc590adff8e84dc5a3342a2bfc)
}

.flag-icon-mn {
    background-image: url(../images/vendor/flag-icon-css/flags/4x3/mn.svg?9ebe47ebe8928cd80ea971f6cc7a2760)
}

.flag-icon-mn.flag-icon-squared {
    background-image: url(../images/vendor/flag-icon-css/flags/1x1/mn.svg?933606d511566e3f0d15be1b7aa45a76)
}

.flag-icon-mo {
    background-image: url(../images/vendor/flag-icon-css/flags/4x3/mo.svg?b6d4d1f6c34ca7e148035b1aea886080)
}

.flag-icon-mo.flag-icon-squared {
    background-image: url(../images/vendor/flag-icon-css/flags/1x1/mo.svg?67acac75dc2e1cb667560972d6996ea6)
}

.flag-icon-mp {
    background-image: url(../images/vendor/flag-icon-css/flags/4x3/mp.svg?c5eb7f233b097ecfc5f78b3959907dcc)
}

.flag-icon-mp.flag-icon-squared {
    background-image: url(../images/vendor/flag-icon-css/flags/1x1/mp.svg?8a731cbc2f690d74704a7da71addcbf3)
}

.flag-icon-mq {
    background-image: url(../images/vendor/flag-icon-css/flags/4x3/mq.svg?bfeadb02a0e0566b376450d23682c523)
}

.flag-icon-mq.flag-icon-squared {
    background-image: url(../images/vendor/flag-icon-css/flags/1x1/mq.svg?a09e48650a204ba97073a30c5510f63f)
}

.flag-icon-mr {
    background-image: url(../images/vendor/flag-icon-css/flags/4x3/mr.svg?a46829f17f8f3c4c5a5929be8e3fc599)
}

.flag-icon-mr.flag-icon-squared {
    background-image: url(../images/vendor/flag-icon-css/flags/1x1/mr.svg?bf379763ac177c83487cb02586e19651)
}

.flag-icon-ms {
    background-image: url(../images/vendor/flag-icon-css/flags/4x3/ms.svg?e147bd2bb2aa7f31e3804673c8564340)
}

.flag-icon-ms.flag-icon-squared {
    background-image: url(../images/vendor/flag-icon-css/flags/1x1/ms.svg?ad88044d48d7c401d3bec290c5048a0b)
}

.flag-icon-mt {
    background-image: url(../images/vendor/flag-icon-css/flags/4x3/mt.svg?a816f3a2978c63034949667c78ebf5fd)
}

.flag-icon-mt.flag-icon-squared {
    background-image: url(../images/vendor/flag-icon-css/flags/1x1/mt.svg?f6e3733c70db8db8048d1211ea237a42)
}

.flag-icon-mu {
    background-image: url(../images/vendor/flag-icon-css/flags/4x3/mu.svg?896330b72092b57179e09d43f831211b)
}

.flag-icon-mu.flag-icon-squared {
    background-image: url(../images/vendor/flag-icon-css/flags/1x1/mu.svg?67c8f3621446645a9008ef039b0dbc69)
}

.flag-icon-mv {
    background-image: url(../images/vendor/flag-icon-css/flags/4x3/mv.svg?3c896bfdad2f76fe0945fe43d776a9ab)
}

.flag-icon-mv.flag-icon-squared {
    background-image: url(../images/vendor/flag-icon-css/flags/1x1/mv.svg?0fdc08c6985e30f2a3bfd6b5069c6757)
}

.flag-icon-mw {
    background-image: url(../images/vendor/flag-icon-css/flags/4x3/mw.svg?6073ddcffcc7c715883b34f702bef924)
}

.flag-icon-mw.flag-icon-squared {
    background-image: url(../images/vendor/flag-icon-css/flags/1x1/mw.svg?baf490bf505c107037b6720672f44e9e)
}

.flag-icon-mx {
    background-image: url(../images/vendor/flag-icon-css/flags/4x3/mx.svg?8ee3aa6a7feaf34c5cc806f645cfd3c6)
}

.flag-icon-mx.flag-icon-squared {
    background-image: url(../images/vendor/flag-icon-css/flags/1x1/mx.svg?3aa223c8cc48eba75fbb57fcc20ce7cc)
}

.flag-icon-my {
    background-image: url(../images/vendor/flag-icon-css/flags/4x3/my.svg?e6739f404c969d6225b48df00169ca8f)
}

.flag-icon-my.flag-icon-squared {
    background-image: url(../images/vendor/flag-icon-css/flags/1x1/my.svg?263aea34bcf7dfb6c02b2c485359e4a2)
}

.flag-icon-mz {
    background-image: url(../images/vendor/flag-icon-css/flags/4x3/mz.svg?ef4657da4e39ea91de728d93ce59d7c9)
}

.flag-icon-mz.flag-icon-squared {
    background-image: url(../images/vendor/flag-icon-css/flags/1x1/mz.svg?e99caf39cbb120f1b498e8b16ccfa3b2)
}

.flag-icon-na {
    background-image: url(../images/vendor/flag-icon-css/flags/4x3/na.svg?bb49a4035c384be9926bac6004bea21f)
}

.flag-icon-na.flag-icon-squared {
    background-image: url(../images/vendor/flag-icon-css/flags/1x1/na.svg?74257fb27e114303ff5cdcc13d7834e2)
}

.flag-icon-nc {
    background-image: url(../images/vendor/flag-icon-css/flags/4x3/nc.svg?b8c9f5e4fa65dc17c5f07773616fa3cb)
}

.flag-icon-nc.flag-icon-squared {
    background-image: url(../images/vendor/flag-icon-css/flags/1x1/nc.svg?d393b8faea4e68b19f4d3d920480dbcd)
}

.flag-icon-ne {
    background-image: url(../images/vendor/flag-icon-css/flags/4x3/ne.svg?b7369ec74cd2a2ccf698ab0416ba2711)
}

.flag-icon-ne.flag-icon-squared {
    background-image: url(../images/vendor/flag-icon-css/flags/1x1/ne.svg?e56edd30b77ac6f1cae9bf153b1f9ec7)
}

.flag-icon-nf {
    background-image: url(../images/vendor/flag-icon-css/flags/4x3/nf.svg?99af5a94b011d565f7ab92338a3a8186)
}

.flag-icon-nf.flag-icon-squared {
    background-image: url(../images/vendor/flag-icon-css/flags/1x1/nf.svg?801ee09f96411568a40a477ff99c348b)
}

.flag-icon-ng {
    background-image: url(../images/vendor/flag-icon-css/flags/4x3/ng.svg?992459a3d0f22849b493a540e1564bb0)
}

.flag-icon-ng.flag-icon-squared {
    background-image: url(../images/vendor/flag-icon-css/flags/1x1/ng.svg?520463e155c2f4a38079df87c20a0423)
}

.flag-icon-ni {
    background-image: url(../images/vendor/flag-icon-css/flags/4x3/ni.svg?7b131ab3ceaf55696b688d2617f21f54)
}

.flag-icon-ni.flag-icon-squared {
    background-image: url(../images/vendor/flag-icon-css/flags/1x1/ni.svg?baafd7d7fc1b69642270c1c1fee58bed)
}

.flag-icon-nl {
    background-image: url(../images/vendor/flag-icon-css/flags/4x3/nl.svg?d4811c278d659bb33f910685dd356ad8)
}

.flag-icon-nl.flag-icon-squared {
    background-image: url(../images/vendor/flag-icon-css/flags/1x1/nl.svg?390aa40fd896fda40718cf28e5b20ba5)
}

.flag-icon-no {
    background-image: url(../images/vendor/flag-icon-css/flags/4x3/no.svg?0b41df77e951a30bbfccfd0a3714a1a3)
}

.flag-icon-no.flag-icon-squared {
    background-image: url(../images/vendor/flag-icon-css/flags/1x1/no.svg?b7a21f544f617a59abff3dac02d9101b)
}

.flag-icon-np {
    background-image: url(../images/vendor/flag-icon-css/flags/4x3/np.svg?b66578a5c732da35e2c8af86e46ff93b)
}

.flag-icon-np.flag-icon-squared {
    background-image: url(../images/vendor/flag-icon-css/flags/1x1/np.svg?27f0f4e72e359732d04452c336db37fb)
}

.flag-icon-nr {
    background-image: url(../images/vendor/flag-icon-css/flags/4x3/nr.svg?d16edc69065bf2bd0b0ba47650201d6b)
}

.flag-icon-nr.flag-icon-squared {
    background-image: url(../images/vendor/flag-icon-css/flags/1x1/nr.svg?2ef5b7c8f28f9c85d7c2da25b825ba5f)
}

.flag-icon-nu {
    background-image: url(../images/vendor/flag-icon-css/flags/4x3/nu.svg?433deb3d047d08459797f7a9da38685f)
}

.flag-icon-nu.flag-icon-squared {
    background-image: url(../images/vendor/flag-icon-css/flags/1x1/nu.svg?1db5a99d1f547d957911461879d5785e)
}

.flag-icon-nz {
    background-image: url(../images/vendor/flag-icon-css/flags/4x3/nz.svg?3241e92770d44bbe8518b3ed7cabab9a)
}

.flag-icon-nz.flag-icon-squared {
    background-image: url(../images/vendor/flag-icon-css/flags/1x1/nz.svg?7dab6e5e9d9e0d4f95e588ae563d5d77)
}

.flag-icon-om {
    background-image: url(../images/vendor/flag-icon-css/flags/4x3/om.svg?1798270ba5e7dc130458959dccc26b22)
}

.flag-icon-om.flag-icon-squared {
    background-image: url(../images/vendor/flag-icon-css/flags/1x1/om.svg?b9b7d0bc1d35b84b9e66f3f49f8bef3f)
}

.flag-icon-pa {
    background-image: url(../images/vendor/flag-icon-css/flags/4x3/pa.svg?d0787677f0d7c9cdaa8f6acca3f19245)
}

.flag-icon-pa.flag-icon-squared {
    background-image: url(../images/vendor/flag-icon-css/flags/1x1/pa.svg?beb40ab6cce7b2d196d2d4eb94848625)
}

.flag-icon-pe {
    background-image: url(../images/vendor/flag-icon-css/flags/4x3/pe.svg?ea95116f76c82964116d1575f7b8376a)
}

.flag-icon-pe.flag-icon-squared {
    background-image: url(../images/vendor/flag-icon-css/flags/1x1/pe.svg?23591f9d72b1e3ad2652099518e98f72)
}

.flag-icon-pf {
    background-image: url(../images/vendor/flag-icon-css/flags/4x3/pf.svg?bab3b7a56aa5cd5f44235c47ea55f5e9)
}

.flag-icon-pf.flag-icon-squared {
    background-image: url(../images/vendor/flag-icon-css/flags/1x1/pf.svg?2a69c581854033f017ef92651bf103ad)
}

.flag-icon-pg {
    background-image: url(../images/vendor/flag-icon-css/flags/4x3/pg.svg?68e1ce3359df0808db9cc34dcb488c4b)
}

.flag-icon-pg.flag-icon-squared {
    background-image: url(../images/vendor/flag-icon-css/flags/1x1/pg.svg?0b07d41894441f5e68d862c5156f32cf)
}

.flag-icon-ph {
    background-image: url(../images/vendor/flag-icon-css/flags/4x3/ph.svg?12f36eed83fdf6fa33bccb7eae18286a)
}

.flag-icon-ph.flag-icon-squared {
    background-image: url(../images/vendor/flag-icon-css/flags/1x1/ph.svg?6ae85442fa90195cc9f34786a937e9d7)
}

.flag-icon-pk {
    background-image: url(../images/vendor/flag-icon-css/flags/4x3/pk.svg?c2e1a15939a23c5894eb4af1f20e3e73)
}

.flag-icon-pk.flag-icon-squared {
    background-image: url(../images/vendor/flag-icon-css/flags/1x1/pk.svg?b67f80e0c74ad587ee42bd6c2a811946)
}

.flag-icon-pl {
    background-image: url(../images/vendor/flag-icon-css/flags/4x3/pl.svg?562edca5bb39d66f4c9238a36295187b)
}

.flag-icon-pl.flag-icon-squared {
    background-image: url(../images/vendor/flag-icon-css/flags/1x1/pl.svg?3fe3bd51a504e4239ca5adaeb17a1651)
}

.flag-icon-pm {
    background-image: url(../images/vendor/flag-icon-css/flags/4x3/pm.svg?1e97e8d76fe2d553eedddc23f833bfe5)
}

.flag-icon-pm.flag-icon-squared {
    background-image: url(../images/vendor/flag-icon-css/flags/1x1/pm.svg?89993b1ff27bb0107946d29ffebcfcfa)
}

.flag-icon-pn {
    background-image: url(../images/vendor/flag-icon-css/flags/4x3/pn.svg?c4a2e49ffb6e0dc37c7e4f372b634eb8)
}

.flag-icon-pn.flag-icon-squared {
    background-image: url(../images/vendor/flag-icon-css/flags/1x1/pn.svg?48bd62e408e5f6ebafd146d2231c2e4b)
}

.flag-icon-pr {
    background-image: url(../images/vendor/flag-icon-css/flags/4x3/pr.svg?0811a0517cf38bb44f513ab15b7532de)
}

.flag-icon-pr.flag-icon-squared {
    background-image: url(../images/vendor/flag-icon-css/flags/1x1/pr.svg?1d278b022fba04fb58b4ed40b7562ae0)
}

.flag-icon-ps {
    background-image: url(../images/vendor/flag-icon-css/flags/4x3/ps.svg?42f2391e39ad07037687596ba3fbab75)
}

.flag-icon-ps.flag-icon-squared {
    background-image: url(../images/vendor/flag-icon-css/flags/1x1/ps.svg?2992f9b92974b68d8a59bdcc30bfd63f)
}

.flag-icon-pt {
    background-image: url(../images/vendor/flag-icon-css/flags/4x3/pt.svg?b908edaecfb2ef51ac70b6bf7457ef2c)
}

.flag-icon-pt.flag-icon-squared {
    background-image: url(../images/vendor/flag-icon-css/flags/1x1/pt.svg?04fa443dfc5d7647ec4adab4da283554)
}

.flag-icon-pw {
    background-image: url(../images/vendor/flag-icon-css/flags/4x3/pw.svg?20a1d020151e19375915c509633d5018)
}

.flag-icon-pw.flag-icon-squared {
    background-image: url(../images/vendor/flag-icon-css/flags/1x1/pw.svg?78aaead281d584ac98bb1948f12eb776)
}

.flag-icon-py {
    background-image: url(../images/vendor/flag-icon-css/flags/4x3/py.svg?bbc22e414bad33de0d15531e95a2cf3f)
}

.flag-icon-py.flag-icon-squared {
    background-image: url(../images/vendor/flag-icon-css/flags/1x1/py.svg?a70b32d0609b162db211927e72a218d4)
}

.flag-icon-qa {
    background-image: url(../images/vendor/flag-icon-css/flags/4x3/qa.svg?b314986b75f2a81f557544f73e2cd203)
}

.flag-icon-qa.flag-icon-squared {
    background-image: url(../images/vendor/flag-icon-css/flags/1x1/qa.svg?78909a6f9bc32e8d2bb779b121cb0630)
}

.flag-icon-re {
    background-image: url(../images/vendor/flag-icon-css/flags/4x3/re.svg?17909e3784b7d4ef90efeae63ef194b4)
}

.flag-icon-re.flag-icon-squared {
    background-image: url(../images/vendor/flag-icon-css/flags/1x1/re.svg?01fea3b62ac2440a5785d9de95dbc3d9)
}

.flag-icon-ro {
    background-image: url(../images/vendor/flag-icon-css/flags/4x3/ro.svg?625aca9e928c0eb9f463099945b9b115)
}

.flag-icon-ro.flag-icon-squared {
    background-image: url(../images/vendor/flag-icon-css/flags/1x1/ro.svg?22278e1314d8e81440639fe8d1e6061a)
}

.flag-icon-rs {
    background-image: url(../images/vendor/flag-icon-css/flags/4x3/rs.svg?291d0fb654f2738012dabe35f370a1cd)
}

.flag-icon-rs.flag-icon-squared {
    background-image: url(../images/vendor/flag-icon-css/flags/1x1/rs.svg?d00d37d2486026cb088d67ba2bb581d9)
}

.flag-icon-ru {
    background-image: url(../images/vendor/flag-icon-css/flags/4x3/ru.svg?0cacf46e6f473fa88781120f370d6107)
}

.flag-icon-ru.flag-icon-squared {
    background-image: url(../images/vendor/flag-icon-css/flags/1x1/ru.svg?e3ee3b099783ef393f2f4dabdc75d5bc)
}

.flag-icon-rw {
    background-image: url(../images/vendor/flag-icon-css/flags/4x3/rw.svg?7fe5146baf52818fc8f0845a0b36d3da)
}

.flag-icon-rw.flag-icon-squared {
    background-image: url(../images/vendor/flag-icon-css/flags/1x1/rw.svg?997fe41bfffc77e0073f10d589ae6d27)
}

.flag-icon-sa {
    background-image: url(../images/vendor/flag-icon-css/flags/4x3/sa.svg?c36d1991b52ce043a0ae18b32a4da5da)
}

.flag-icon-sa.flag-icon-squared {
    background-image: url(../images/vendor/flag-icon-css/flags/1x1/sa.svg?135d0c86322f6763fb5631794b8af510)
}

.flag-icon-sb {
    background-image: url(../images/vendor/flag-icon-css/flags/4x3/sb.svg?aa819297c44f0a9d29fa4aaf18a1bf32)
}

.flag-icon-sb.flag-icon-squared {
    background-image: url(../images/vendor/flag-icon-css/flags/1x1/sb.svg?d64e984857cd493cbe1176acaba792a4)
}

.flag-icon-sc {
    background-image: url(../images/vendor/flag-icon-css/flags/4x3/sc.svg?e6584421fdc8b72dfd9e2a139b71e82a)
}

.flag-icon-sc.flag-icon-squared {
    background-image: url(../images/vendor/flag-icon-css/flags/1x1/sc.svg?ad1bcb4c714e0ca8c7355ecd4b0c3cbb)
}

.flag-icon-sd {
    background-image: url(../images/vendor/flag-icon-css/flags/4x3/sd.svg?c466d90ea717a1f99f0ca61fd244b0f3)
}

.flag-icon-sd.flag-icon-squared {
    background-image: url(../images/vendor/flag-icon-css/flags/1x1/sd.svg?7ab061d859c16996f2bd42f650274f8e)
}

.flag-icon-se {
    background-image: url(../images/vendor/flag-icon-css/flags/4x3/se.svg?fd663a70a1a92a395078c36bc5d122ad)
}

.flag-icon-se.flag-icon-squared {
    background-image: url(../images/vendor/flag-icon-css/flags/1x1/se.svg?92c66d8396d5604a9b8fc05153e9163e)
}

.flag-icon-sg {
    background-image: url(../images/vendor/flag-icon-css/flags/4x3/sg.svg?5e6ed3f10d1de224079d77fe6f59ce97)
}

.flag-icon-sg.flag-icon-squared {
    background-image: url(../images/vendor/flag-icon-css/flags/1x1/sg.svg?9eb47fe757c9d8abb85049a379b606a0)
}

.flag-icon-sh {
    background-image: url(../images/vendor/flag-icon-css/flags/4x3/sh.svg?6560d76bf10093362d933d31d620b17f)
}

.flag-icon-sh.flag-icon-squared {
    background-image: url(../images/vendor/flag-icon-css/flags/1x1/sh.svg?487ef1c8b75a5950ecc12052bbc4a67c)
}

.flag-icon-si {
    background-image: url(../images/vendor/flag-icon-css/flags/4x3/si.svg?31fbdc5b5842cfa094afed00d9baf083)
}

.flag-icon-si.flag-icon-squared {
    background-image: url(../images/vendor/flag-icon-css/flags/1x1/si.svg?63ba8c45578b45c1e1db541ff44fb1fd)
}

.flag-icon-sj {
    background-image: url(../images/vendor/flag-icon-css/flags/4x3/sj.svg?ae547dbec390990657f9d8acd33fbea4)
}

.flag-icon-sj.flag-icon-squared {
    background-image: url(../images/vendor/flag-icon-css/flags/1x1/sj.svg?ecbc9e939c3823f82f4ffa804f7d4dd4)
}

.flag-icon-sk {
    background-image: url(../images/vendor/flag-icon-css/flags/4x3/sk.svg?b84444bf8d98e48c8b0055e54071d918)
}

.flag-icon-sk.flag-icon-squared {
    background-image: url(../images/vendor/flag-icon-css/flags/1x1/sk.svg?a5af0a28a32c844c44fd22d91bdfe018)
}

.flag-icon-sl {
    background-image: url(../images/vendor/flag-icon-css/flags/4x3/sl.svg?ddbd1d9b113b2688102f56c63a431475)
}

.flag-icon-sl.flag-icon-squared {
    background-image: url(../images/vendor/flag-icon-css/flags/1x1/sl.svg?f6315f743d7d62adc0f130ec0b4d13a5)
}

.flag-icon-sm {
    background-image: url(../images/vendor/flag-icon-css/flags/4x3/sm.svg?3b1c9fb5c651a0bda66739b990a1456d)
}

.flag-icon-sm.flag-icon-squared {
    background-image: url(../images/vendor/flag-icon-css/flags/1x1/sm.svg?f56650007eb0fc2472dd470c71193f45)
}

.flag-icon-sn {
    background-image: url(../images/vendor/flag-icon-css/flags/4x3/sn.svg?5b654e1a7246e45c6577b66c7b935620)
}

.flag-icon-sn.flag-icon-squared {
    background-image: url(../images/vendor/flag-icon-css/flags/1x1/sn.svg?d2bec7efb0241ffa5077b53dae7e54a1)
}

.flag-icon-so {
    background-image: url(../images/vendor/flag-icon-css/flags/4x3/so.svg?f91fb92c0ca6934e1e008f8f97e58c63)
}

.flag-icon-so.flag-icon-squared {
    background-image: url(../images/vendor/flag-icon-css/flags/1x1/so.svg?c1561217671d8bdde531130cc9997d03)
}

.flag-icon-sr {
    background-image: url(../images/vendor/flag-icon-css/flags/4x3/sr.svg?788f3e2af54fdedc56e32d20777fcf5b)
}

.flag-icon-sr.flag-icon-squared {
    background-image: url(../images/vendor/flag-icon-css/flags/1x1/sr.svg?be27d1ae7006588ccd01ae8083081944)
}

.flag-icon-ss {
    background-image: url(../images/vendor/flag-icon-css/flags/4x3/ss.svg?67001d2a8840b34f8407526c30a399d5)
}

.flag-icon-ss.flag-icon-squared {
    background-image: url(../images/vendor/flag-icon-css/flags/1x1/ss.svg?e3933b4455dc06b90bba00e59fba0f59)
}

.flag-icon-st {
    background-image: url(../images/vendor/flag-icon-css/flags/4x3/st.svg?1f545eb99b323d22b91e51b9e56df808)
}

.flag-icon-st.flag-icon-squared {
    background-image: url(../images/vendor/flag-icon-css/flags/1x1/st.svg?d0a56dbbee36540ebf27ff196ea1626f)
}

.flag-icon-sv {
    background-image: url(../images/vendor/flag-icon-css/flags/4x3/sv.svg?1176ea281282d6b053af86809e32d6f9)
}

.flag-icon-sv.flag-icon-squared {
    background-image: url(../images/vendor/flag-icon-css/flags/1x1/sv.svg?26ee887282519008e13d35bd2ad362a8)
}

.flag-icon-sx {
    background-image: url(../images/vendor/flag-icon-css/flags/4x3/sx.svg?522d898c19396a45caa51ed0f0f2543e)
}

.flag-icon-sx.flag-icon-squared {
    background-image: url(../images/vendor/flag-icon-css/flags/1x1/sx.svg?a724800161ac62624719410741a2a5fb)
}

.flag-icon-sy {
    background-image: url(../images/vendor/flag-icon-css/flags/4x3/sy.svg?64f0d2d7a590e22c8d0c415ba7d729af)
}

.flag-icon-sy.flag-icon-squared {
    background-image: url(../images/vendor/flag-icon-css/flags/1x1/sy.svg?73690f50d6d4106fbd4c8ac3a556b985)
}

.flag-icon-sz {
    background-image: url(../images/vendor/flag-icon-css/flags/4x3/sz.svg?cfb8269f38d55f7f388bca2ae6d18fb4)
}

.flag-icon-sz.flag-icon-squared {
    background-image: url(../images/vendor/flag-icon-css/flags/1x1/sz.svg?dc2faeb7bafa9eca955d5788330ed384)
}

.flag-icon-tc {
    background-image: url(../images/vendor/flag-icon-css/flags/4x3/tc.svg?d40761f21eebb19082ad74bd401555ee)
}

.flag-icon-tc.flag-icon-squared {
    background-image: url(../images/vendor/flag-icon-css/flags/1x1/tc.svg?47c8276114b1d9c05bfd5c2c5403ec9e)
}

.flag-icon-td {
    background-image: url(../images/vendor/flag-icon-css/flags/4x3/td.svg?a0923ddc3c8abed20bfdfbd559c8d7b0)
}

.flag-icon-td.flag-icon-squared {
    background-image: url(../images/vendor/flag-icon-css/flags/1x1/td.svg?f37a395c81f2cfe3b51e5f254970b8b7)
}

.flag-icon-tf {
    background-image: url(../images/vendor/flag-icon-css/flags/4x3/tf.svg?4ab43cc9db2814759ac2990c761f60a3)
}

.flag-icon-tf.flag-icon-squared {
    background-image: url(../images/vendor/flag-icon-css/flags/1x1/tf.svg?2e7dc1af2d97ea62c34756b7f838fa77)
}

.flag-icon-tg {
    background-image: url(../images/vendor/flag-icon-css/flags/4x3/tg.svg?025deae88a72695eb60991ab1247714f)
}

.flag-icon-tg.flag-icon-squared {
    background-image: url(../images/vendor/flag-icon-css/flags/1x1/tg.svg?29fa137c095a6ace1adc5d8de4a19309)
}

.flag-icon-th {
    background-image: url(../images/vendor/flag-icon-css/flags/4x3/th.svg?76fca72f6d180d3f14a55653b8937b5e)
}

.flag-icon-th.flag-icon-squared {
    background-image: url(../images/vendor/flag-icon-css/flags/1x1/th.svg?904dd7853b623153a82acf5c4abd297b)
}

.flag-icon-tj {
    background-image: url(../images/vendor/flag-icon-css/flags/4x3/tj.svg?a8ed5244d61deb197fad851e52e6f10b)
}

.flag-icon-tj.flag-icon-squared {
    background-image: url(../images/vendor/flag-icon-css/flags/1x1/tj.svg?980d12c941054162ab1802ce9635ec37)
}

.flag-icon-tk {
    background-image: url(../images/vendor/flag-icon-css/flags/4x3/tk.svg?1959d9de338fea49559ebcdbc11d7185)
}

.flag-icon-tk.flag-icon-squared {
    background-image: url(../images/vendor/flag-icon-css/flags/1x1/tk.svg?7aaccddb93a504f69855f07491550439)
}

.flag-icon-tl {
    background-image: url(../images/vendor/flag-icon-css/flags/4x3/tl.svg?3c1ccf1158d75af368e003eeac4716c7)
}

.flag-icon-tl.flag-icon-squared {
    background-image: url(../images/vendor/flag-icon-css/flags/1x1/tl.svg?0616faaafebb8abad85242c3b67f7ec5)
}

.flag-icon-tm {
    background-image: url(../images/vendor/flag-icon-css/flags/4x3/tm.svg?b13d1440e1d8f4c55361656fd3191952)
}

.flag-icon-tm.flag-icon-squared {
    background-image: url(../images/vendor/flag-icon-css/flags/1x1/tm.svg?ea365f332bb0b8bb8f1fad69c2f4fcfc)
}

.flag-icon-tn {
    background-image: url(../images/vendor/flag-icon-css/flags/4x3/tn.svg?50cd91018d742d2f5c31a158d417ea87)
}

.flag-icon-tn.flag-icon-squared {
    background-image: url(../images/vendor/flag-icon-css/flags/1x1/tn.svg?fea87146ed08572e8a492974c932140e)
}

.flag-icon-to {
    background-image: url(../images/vendor/flag-icon-css/flags/4x3/to.svg?79354e72ad0559ef82e28d0f2e88033f)
}

.flag-icon-to.flag-icon-squared {
    background-image: url(../images/vendor/flag-icon-css/flags/1x1/to.svg?238ef1cd63bf158a8679f40a3fd2ae4d)
}

.flag-icon-tr {
    background-image: url(../images/vendor/flag-icon-css/flags/4x3/tr.svg?ed6d5f37779af38911b0b7cb2212e30d)
}

.flag-icon-tr.flag-icon-squared {
    background-image: url(../images/vendor/flag-icon-css/flags/1x1/tr.svg?ce2e2e8e0650cfed7548dd59c2c184c5)
}

.flag-icon-tt {
    background-image: url(../images/vendor/flag-icon-css/flags/4x3/tt.svg?c3647d9bc890d2ebd383b80a3812e52f)
}

.flag-icon-tt.flag-icon-squared {
    background-image: url(../images/vendor/flag-icon-css/flags/1x1/tt.svg?4705d420d21a5ba8a26959ac48f8f647)
}

.flag-icon-tv {
    background-image: url(../images/vendor/flag-icon-css/flags/4x3/tv.svg?829fb9d89912457f171d40d33805a83e)
}

.flag-icon-tv.flag-icon-squared {
    background-image: url(../images/vendor/flag-icon-css/flags/1x1/tv.svg?a595f49d6d5586b06f4be66d5a8f7a15)
}

.flag-icon-tw {
    background-image: url(../images/vendor/flag-icon-css/flags/4x3/tw.svg?8a194685378977299ae31f5e940b2d58)
}

.flag-icon-tw.flag-icon-squared {
    background-image: url(../images/vendor/flag-icon-css/flags/1x1/tw.svg?26cc9d596b2dc8b90f177afc9c390242)
}

.flag-icon-tz {
    background-image: url(../images/vendor/flag-icon-css/flags/4x3/tz.svg?88c89454adfe247406b430a46c965da8)
}

.flag-icon-tz.flag-icon-squared {
    background-image: url(../images/vendor/flag-icon-css/flags/1x1/tz.svg?d02545a1e6ca8ee2c217c28e7c44dedc)
}

.flag-icon-ua,.flag-icon-uk {
    background-image: url(../images/vendor/flag-icon-css/flags/4x3/ua.svg?a8b13525ee3b82f901196668f4733097)
}

.flag-icon-ua.flag-icon-squared,.flag-icon-squared.flag-icon-uk {
    background-image: url(../images/vendor/flag-icon-css/flags/1x1/ua.svg?841d259d582b4c6f5585da31b4aab774)
}

.flag-icon-ug {
    background-image: url(../images/vendor/flag-icon-css/flags/4x3/ug.svg?be11ef3932f4010356d708d10c60f1e9)
}

.flag-icon-ug.flag-icon-squared {
    background-image: url(../images/vendor/flag-icon-css/flags/1x1/ug.svg?6d6f88960e155a85c6e58fb0cf4681ed)
}

.flag-icon-um {
    background-image: url(../images/vendor/flag-icon-css/flags/4x3/um.svg?8754eddfe66cfeebda8977e08505dfdb)
}

.flag-icon-um.flag-icon-squared {
    background-image: url(../images/vendor/flag-icon-css/flags/1x1/um.svg?3d347682d5c526a37719f5ab8a890f11)
}

.flag-icon-us {
    background-image: url(../images/vendor/flag-icon-css/flags/4x3/us.svg?ae65659236a7e348402799477237e6fa)
}

.flag-icon-us.flag-icon-squared {
    background-image: url(../images/vendor/flag-icon-css/flags/1x1/us.svg?8ec583188aba7e9426580350312d97a5)
}

.flag-icon-uy {
    background-image: url(../images/vendor/flag-icon-css/flags/4x3/uy.svg?79b02850081e27b3ba209e6ae60ad50f)
}

.flag-icon-uy.flag-icon-squared {
    background-image: url(../images/vendor/flag-icon-css/flags/1x1/uy.svg?adbc4992aa0cb87499df3323234076f3)
}

.flag-icon-uz {
    background-image: url(../images/vendor/flag-icon-css/flags/4x3/uz.svg?eb1e00b870d7f0784288d76eb3bfc1d5)
}

.flag-icon-uz.flag-icon-squared {
    background-image: url(../images/vendor/flag-icon-css/flags/1x1/uz.svg?ca892343cb962d42bc4cc36d776d63e8)
}

.flag-icon-va {
    background-image: url(../images/vendor/flag-icon-css/flags/4x3/va.svg?21913d789a3d4b70ce0a72e2ceeea239)
}

.flag-icon-va.flag-icon-squared {
    background-image: url(../images/vendor/flag-icon-css/flags/1x1/va.svg?90e9f73abaa206455171084b6475ca69)
}

.flag-icon-vc {
    background-image: url(../images/vendor/flag-icon-css/flags/4x3/vc.svg?4ac5124fbf60fcff6808515904a79f04)
}

.flag-icon-vc.flag-icon-squared {
    background-image: url(../images/vendor/flag-icon-css/flags/1x1/vc.svg?bbb52fa0756298590332a07e5d69f2c2)
}

.flag-icon-ve {
    background-image: url(../images/vendor/flag-icon-css/flags/4x3/ve.svg?b2cd5a9a011fd43f115a2c5e2c9f91e5)
}

.flag-icon-ve.flag-icon-squared {
    background-image: url(../images/vendor/flag-icon-css/flags/1x1/ve.svg?9f23d9626b92963d5502674c91463b51)
}

.flag-icon-vg {
    background-image: url(../images/vendor/flag-icon-css/flags/4x3/vg.svg?b37358a1a76ab385e4ea28f3732b7f57)
}

.flag-icon-vg.flag-icon-squared {
    background-image: url(../images/vendor/flag-icon-css/flags/1x1/vg.svg?a796b16d8f1c42862953487aed9bd660)
}

.flag-icon-vi {
    background-image: url(../images/vendor/flag-icon-css/flags/4x3/vi.svg?4952d5bf33f73b27ccfe260531eb66f3)
}

.flag-icon-vi.flag-icon-squared {
    background-image: url(../images/vendor/flag-icon-css/flags/1x1/vi.svg?0aa782108fb39a7d5f3a3076c5a36b72)
}

.flag-icon-vn {
    background-image: url(../images/vendor/flag-icon-css/flags/4x3/vn.svg?6b3aef51e8b58cf029a85087e87591b5)
}

.flag-icon-vn.flag-icon-squared {
    background-image: url(../images/vendor/flag-icon-css/flags/1x1/vn.svg?a0081482192375c70656860e843b3c8d)
}

.flag-icon-vu {
    background-image: url(../images/vendor/flag-icon-css/flags/4x3/vu.svg?859836e7f7e23c3e620dc34e4bf47c79)
}

.flag-icon-vu.flag-icon-squared {
    background-image: url(../images/vendor/flag-icon-css/flags/1x1/vu.svg?730801abb424741b4487c4f83f216372)
}

.flag-icon-wf {
    background-image: url(../images/vendor/flag-icon-css/flags/4x3/wf.svg?e3ac728c6286182ecee6047ba2d84627)
}

.flag-icon-wf.flag-icon-squared {
    background-image: url(../images/vendor/flag-icon-css/flags/1x1/wf.svg?05522b9f19236d09cc79eee2588b6992)
}

.flag-icon-ws {
    background-image: url(../images/vendor/flag-icon-css/flags/4x3/ws.svg?405a2c5f036343f54f0e46ab054e7cf8)
}

.flag-icon-ws.flag-icon-squared {
    background-image: url(../images/vendor/flag-icon-css/flags/1x1/ws.svg?3ea6d44f91f0accab1ba37b5b7a80f55)
}

.flag-icon-ye {
    background-image: url(../images/vendor/flag-icon-css/flags/4x3/ye.svg?b5840a84dc1fc44424947f817a83b8ce)
}

.flag-icon-ye.flag-icon-squared {
    background-image: url(../images/vendor/flag-icon-css/flags/1x1/ye.svg?d13e1629bdb0f80baef6f33d88503231)
}

.flag-icon-yt {
    background-image: url(../images/vendor/flag-icon-css/flags/4x3/yt.svg?f06d254d5978e4b0223fa242514e55e1)
}

.flag-icon-yt.flag-icon-squared {
    background-image: url(../images/vendor/flag-icon-css/flags/1x1/yt.svg?b6042b9cfb432f844e964ddb24b4f341)
}

.flag-icon-za {
    background-image: url(../images/vendor/flag-icon-css/flags/4x3/za.svg?14e7052257d9914b613fc992186d2e90)
}

.flag-icon-za.flag-icon-squared {
    background-image: url(../images/vendor/flag-icon-css/flags/1x1/za.svg?67ff2e108ce38abcf3f68b4e1ba3c7af)
}

.flag-icon-zm {
    background-image: url(../images/vendor/flag-icon-css/flags/4x3/zm.svg?a9ff495dd331a2364facd4ad5d6891a3)
}

.flag-icon-zm.flag-icon-squared {
    background-image: url(../images/vendor/flag-icon-css/flags/1x1/zm.svg?3eef5dc07668374a4628c322fdf6c937)
}

.flag-icon-zw {
    background-image: url(../images/vendor/flag-icon-css/flags/4x3/zw.svg?6ac3949a90f1620a287b06e2b4cb3bc2)
}

.flag-icon-zw.flag-icon-squared {
    background-image: url(../images/vendor/flag-icon-css/flags/1x1/zw.svg?8b8854659c43952e254a914dfca52018)
}

.flag-icon-es-ca {
    background-image: url(../images/vendor/flag-icon-css/flags/4x3/es-ca.svg?e9062265c973b4ab42aa70eb66ea8957)
}

.flag-icon-es-ca.flag-icon-squared {
    background-image: url(../images/vendor/flag-icon-css/flags/1x1/es-ca.svg?a35e6a4a92e9aa04f11de348ac82f284)
}

.flag-icon-es-ga {
    background-image: url(../images/vendor/flag-icon-css/flags/4x3/es-ga.svg?2618e21f1cd5dcbd95d7b119f7b4e33a)
}

.flag-icon-es-ga.flag-icon-squared {
    background-image: url(../images/vendor/flag-icon-css/flags/1x1/es-ga.svg?151714df0fea994ff25db833a9e9fea1)
}

.flag-icon-eu {
    background-image: url(../images/vendor/flag-icon-css/flags/4x3/eu.svg?ee7f4712ac4553621d85503cb9a130e5)
}

.flag-icon-eu.flag-icon-squared {
    background-image: url(../images/vendor/flag-icon-css/flags/1x1/eu.svg?4c73f57cb89b48ebae5e4d8be33e83b8)
}

.flag-icon-gb-eng {
    background-image: url(../images/vendor/flag-icon-css/flags/4x3/gb-eng.svg?14167f77f128b0f57a6263843017fc0f)
}

.flag-icon-gb-eng.flag-icon-squared {
    background-image: url(../images/vendor/flag-icon-css/flags/1x1/gb-eng.svg?eabfeadc28e73c627eb8c65999d93aae)
}

.flag-icon-gb-nir {
    background-image: url(../images/vendor/flag-icon-css/flags/4x3/gb-nir.svg?43b61feaa71fe3689833cb76851718a7)
}

.flag-icon-gb-nir.flag-icon-squared {
    background-image: url(../images/vendor/flag-icon-css/flags/1x1/gb-nir.svg?9cad35c46f775585c615fb8a5b1dc354)
}

.flag-icon-gb-sct {
    background-image: url(../images/vendor/flag-icon-css/flags/4x3/gb-sct.svg?4c2c379f607fe46e0cec999154ea0ba8)
}

.flag-icon-gb-sct.flag-icon-squared {
    background-image: url(../images/vendor/flag-icon-css/flags/1x1/gb-sct.svg?31ef8bcf9416bbd5b8c6ef29d1411e5f)
}

.flag-icon-gb-wls {
    background-image: url(../images/vendor/flag-icon-css/flags/4x3/gb-wls.svg?2d554424b763bed9142fba7aaf41d8fc)
}

.flag-icon-gb-wls.flag-icon-squared {
    background-image: url(../images/vendor/flag-icon-css/flags/1x1/gb-wls.svg?85f8b84246b2d0b3b65de2d5d34f5ffe)
}

.flag-icon-un {
    background-image: url(../images/vendor/flag-icon-css/flags/4x3/un.svg?bdaf37f920eb89f19bf840be77b1f359)
}

.flag-icon-un.flag-icon-squared {
    background-image: url(../images/vendor/flag-icon-css/flags/1x1/un.svg?e6aabbd55ef6e4b38398d11e86733867)
}

.flag-icon-xk {
    background-image: url(../images/vendor/flag-icon-css/flags/4x3/xk.svg?62bc9bcf96e7abb6e21278b2e9714817)
}

.flag-icon-xk.flag-icon-squared {
    background-image: url(../images/vendor/flag-icon-css/flags/1x1/xk.svg?bd62029ec779b30b2ac80989dc285ae9)
}

/*!* ThemeKit v2.0 (http://themekit.lavalite.org/)
* Copyright 2018 The Lavalite Authors*/
html {
    font-family: sans-serif;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%
}

body {
    margin: 0
}

article,aside,details,footer,header,main,menu,nav,section,summary {
    display: block
}

canvas,progress,video {
    display: inline-block;
    vertical-align: baseline
}

[hidden] {
    display: none
}

a {
    background-color: transparent
}

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

strong {
    font-weight: 700
}

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

small {
    font-size: 80%
}

img {
    border: 0
}

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

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

code {
    font-family: monospace,monospace;
    font-size: 1em
}

button,input,select,textarea {
    color: inherit;
    font: inherit;
    margin: 0
}

button {
    overflow: visible
}

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
}

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

input {
    line-height: normal
}

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

input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button {
    height: auto
}

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

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

legend {
    border: 0;
    padding: 0
}

textarea {
    overflow: auto
}

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

td,th {
    padding: 0
}

*,body {
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
    -moz-osx-font-smoothing: grayscale
}

::-moz-selection {
    background: #b3d4fc;
    text-shadow: none
}

::selection {
    background: #b3d4fc;
    text-shadow: none
}

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0
}

canvas,iframe,img,svg,video {
    vertical-align: middle
}

textarea {
    resize: vertical
}

.browserupgrade {
    margin: .2em 0;
    background: #ccc;
    color: #000;
    padding: .2em 0
}

* {
    outline: none!important
}

a {
    color: #212121;
    -webkit-transition: color .2s;
    transition: color .2s
}

a:hover,a:focus,a:active {
    outline: 0;
    text-decoration: none;
    color: #212121
}

.mt-0 {
    margin-top: 0!important
}

.mb-0 {
    margin-bottom: 0!important
}

.mt-5 {
    margin-top: 5px!important
}

.mb-5 {
    margin-bottom: 5px!important
}

.mb-10 {
    margin-bottom: 10px!important
}

.mt-15 {
    margin-top: 15px!important
}

.f-28 {
    font-size: 28px
}

.fw-700 {
    font-weight: 700
}

.b-t-info {
    border-top: 1px solid #11cdef
}

.b-b-info {
    border-bottom: 1px solid #11cdef
}

.b-l-info {
    border-left: 1px solid #11cdef
}

.b-r-info {
    border-right: 1px solid #11cdef
}

.b-info {
    border: 1px solid #11cdef
}

.bg-blue {
    background-color: #19b5fe!important
}

.bg-info {
    background-color: #11cdef!important
}

.text-yellow {
    color: #f7ca18!important
}

.text-danger {
    color: #f5365c!important
}

.text-green {
    color: #26c281!important
}

.text-primary {
    color: #007bff!important
}

.text-warning {
    color: #fb6340!important
}

.text-success {
    color: #2dce89!important
}

.text-info {
    color: #11cdef!important
}

.text-dark {
    color: #212121!important
}

.text-red {
    color: #f22613!important
}

.text-red {
    color: #f22613!important
}

.w-30 {
    width: 30%!important
}

.w-60 {
    width: 60%!important
}

.hidden {
    display: none!important
}

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

.clearfix:after {
    clear: both
}

.card {
    border-color: #ffff;
    position: relative;
    width: 100%;
    border: none;
    margin-bottom: 30px;
    -webkit-box-shadow: 0 6px 0 0 rgba(0,0,0,.01),0 15px 32px 0 rgba(0,0,0,.06);
    box-shadow: 0 6px 0 0 rgba(0,0,0,.01),0 15px 32px 0 rgba(0,0,0,.06);
    -webkit-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px
}

.card .card-header {
    padding: 20px;
    border: 0;
    background: 0 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -moz-align-items: center;
    -ms-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.card .card-header:first-child {
    border-radius: calc(.25rem - 1px) calc(.25rem - 1px) 0 0
}

.card .card-header h3 {
    margin: 0;
    font-size: 18px;
    font-weight: 400;
    color: #212121
}

.card--empty .card-body {
    min-height: 74px!important
}

.card .card-body {
    padding: 10px 20px;
    min-height: 72px;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.card .card-body.empty-balance-history {
    min-height: 74px
}

.card .card-body p {
    font-weight: 500;
    margin-bottom: 0;
    line-height: 16px;
    max-width: 63%
}

.card .card-body p.w100 {
    width: 100%;
    max-width: 100%
}

.card .card-body a {
    color: #c25141;
    font-weight: 700;
    padding: 11px 0 10px 10px
}

.widget {
    border-color: #ffff;
    position: relative;
    width: 100%;
    border: none;
    margin-bottom: 25px;
    background-color: #fff;
    overflow: hidden;
    -webkit-box-shadow: 0 6px 0 0 rgba(0,0,0,.01),0 15px 32px 0 rgba(0,0,0,.06);
    box-shadow: 0 6px 0 0 rgba(0,0,0,.01),0 15px 32px 0 rgba(0,0,0,.06);
    -webkit-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px
}

.widget .widget-body {
    padding: 20px;
    -webkit-box-shadow: 0 12px 24px rgba(0,0,0,.12);
    box-shadow: 0 12px 24px rgba(0,0,0,.12);
    height: 100%
}

.widget .widget-body h6 {
    margin-bottom: 0;
    font-weight: 400
}

.widget .widget-body h2 {
    margin-bottom: 0;
    font-weight: 500
}

.widget .widget-body .icon {
    font-size: 37px;
    color: #9aa0ac
}

.widget .widget-body .overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,.22);
    text-align: center;
    z-index: 3;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -moz-justify-content: center;
    -ms-justify-content: center;
    -webkit-box-pack: center;
    justify-content: center;
    -ms-flex-pack: center;
    -moz-align-items: center;
    -ms-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column
}

.widget .widget-body .overlay i {
    font-size: 32px;
    color: #ef4153;
    margin-bottom: 5px
}

.widget .widget-body.invest {
    background: #f4f8ff
}

.widget .progress {
    border-radius: 0
}

.widget[class*=bg-] .widget-body {
    color: #fff
}

.widget[class*=bg-] .widget-body .icon {
    color: #fff
}

.loading,.btn.btn-loading:after,.btn-loading.product-weight-label:after,.purchase-button.btn-loading::after {
    -webkit-animation-name: loading;
    animation-name: loading;
    -webkit-animation-duration: .75s;
    animation-duration: .75s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear
}

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

@keyframes loading {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

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

.card .card-header {
    border-bottom: 1px solid #f1f1f1
}

.card .card-header .card-header-right {
    right: 10px;
    top: 16px;
    display: inline-block;
    float: right;
    position: absolute
}

.card .card-header .card-header-right .card-option {
    width: 35px;
    height: 25px;
    overflow: hidden;
    margin: 0;
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out
}

.card .card-header .card-header-right .card-option li {
    display: inline-block
}

.card .card-header .card-header-right .card-option li i {
    margin: 0 5px;
    cursor: pointer;
    font-size: 15px;
    color: #8c8c8c;
    line-height: 2;
    font-weight: 300
}

.card .card-block {
    padding: 1.25rem
}

.card .card-body .icon {
    font-size: 37px;
    color: #9aa0ac
}

.card .timeline .header {
    background-size: cover;
    color: #fff;
    position: relative
}

.card .timeline ul {
    list-style: none;
    position: relative;
    padding-left: 30px;
    padding-top: 10px;
    margin: 0
}

.card .timeline ul:before,.card .timeline ul::before {
    content: ' ';
    height: 100%;
    width: 1px;
    background-color: #f0f0f0;
    position: absolute;
    top: 0;
    left: 35px;
    z-index: 1
}

.card .timeline ul li {
    padding-bottom: 15px
}

.card .timeline ul li .time {
    width: 20%;
    font-size: 10px;
    margin: 6px 0;
    vertical-align: top;
    display: inline-block
}

.card .timeline ul li .desc {
    width: 65%;
    display: inline-block
}

.card .timeline ul li .desc h3 {
    margin: 0;
    font-size: 14px;
    font-weight: 700
}

.card .timeline ul li .desc h4 {
    margin-top: 5px;
    font-size: 12px;
    color: #999
}

.card .task-list {
    margin: 0;
    padding: 0
}

.card .task-list li {
    display: block;
    padding: 15px 0;
    margin: 0;
    cursor: pointer
}

.card .task-list li:first-child {
    padding-top: 0
}

.card .task-list li.list span {
    float: left;
    margin-top: 20px;
    color: #ff7e39
}

.card .task-list li.list span:before,.card .task-list li.list span::before {
    font-size: 1.5rem;
    content: "\E83F";
    font-family: iconkit;
    vertical-align: middle;
    border: 3px solid #ff7e39;
    padding: 4px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%
}

.card .task-list li.completed {
    text-decoration: line-through;
    color: #8796af;
    -webkit-transition: all .3s ease-out;
    transition: all .3s ease-out
}

.card .task-list li.completed span:before,.card .task-list li.completed span::before {
    color: #50b924;
    border: 3px solid #50b924
}

@keyframes w-cluod {
    0% {
        opacity: 0;
        -webkit-transform: translate(0px,0px);
        transform: translate(0px,0px)
    }

    20% {
        opacity: .8;
        -webkit-transform: translate(30px,-25px);
        transform: translate(30px,-25px)
    }

    40% {
        opacity: 1;
        -webkit-transform: translate(0px,0px);
        transform: translate(0px,0px)
    }

    60% {
        opacity: .6;
        -webkit-transform: translate(-30px,25px);
        transform: translate(-30px,25px)
    }

    80% {
        opacity: .5;
        -webkit-transform: translate(0px,0px);
        transform: translate(0px,0px)
    }

    80% {
        opacity: 0;
        -webkit-transform: translate(0px,0px);
        transform: translate(0px,0px)
    }
}

@keyframes sparcle {
    0% {
        opacity: 1
    }

    50% {
        opacity: 0
    }
}

@keyframes sunwawe {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }

    100% {
        -webkit-transform: scale(4);
        transform: scale(4);
        opacity: 0
    }
}

.product-progress-card .progress {
    height: 6px
}

.card .card-body .dataTables_wrapper .dataTables_scroll {
    margin-left: -20px;
    width: calc(100% + 40px)
}

.card .card-body .dataTables_wrapper .dataTables_scroll .dataTable {
    margin-left: 0;
    width: 100%
}

.card .card-body .dataTables_wrapper .dataTable {
    margin-left: -20px;
    width: calc(100% + 40px)
}

.card .card-body .dataTables_wrapper .form-control {
    border: none;
    min-height: 30px;
    background-color: #f4f4f4
}

.card .card-body .dataTables_wrapper select.form-control {
    height: 30px!important
}

.card .card-body .dataTables_wrapper .dataTables_paginate .pagination .page-item .page-link {
    margin-left: 5px;
    min-width: 30px;
    height: 30px;
    padding: 0;
    text-align: center;
    line-height: 30px;
    border: none;
    background-color: #f4f4f4;
    color: #212121;
    border-radius: 30px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px
}

.card .card-body .dataTables_wrapper .dataTables_paginate .pagination .page-item.previous .page-link,.card .card-body .dataTables_wrapper .dataTables_paginate .pagination .page-item.next .page-link,.card .card-body .dataTables_wrapper .dataTables_paginate .pagination .page-item.first .page-link,.card .card-body .dataTables_wrapper .dataTables_paginate .pagination .page-item.last .page-link {
    padding: 0 15px
}

.card .card-body .dataTables_wrapper .dataTables_paginate .pagination .page-item.disabled .page-link {
    color: #6c757d;
    background-color: #f4f4f4;
    cursor: not-allowed
}

.table thead {
    background-color: #f6f8fb
}

.table thead th {
    font-weight: 600;
    color: #879099;
    font-size: 14px
}

.table tbody td {
    vertical-align: middle
}

.badge {
    padding: 6px 10px;
    font-size: 12px;
    font-weight: 600
}

.badge-primary,.badge-success,.badge-info,.badge-warning,.badge-danger {
    color: #fff
}

.badge-primary {
    background-color: #007bff
}

.badge-success {
    background-color: #2dce89
}

.badge-info {
    background-color: #11cdef
}

.badge-warning {
    background-color: #fb6340
}

.badge-danger {
    background-color: #f5365c
}

.btn .badge,.product-weight-label .badge {
    padding: 2px 6px
}

.pagination .page-item .page-link {
    border: 0;
    color: #666;
    font-size: 20px
}

.pagination .page-item.active .page-link {
    z-index: 1;
    background-color: #fff;
    color: #f56666
}

.pagination .disabled .page-link {
    color: #999
}

.btn,.product-weight-label {
    font-size: 13px;
    font-weight: 600;
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out
}

.btn i,.product-weight-label i {
    margin-right: 5px
}

.btn-icon {
    width: 30px;
    height: 30px;
    padding: 0;
    text-align: center;
    line-height: 32px;
    font-size: 14px;
    display: inline-block;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out
}

.btn-icon i {
    margin-right: 0!important
}

.btn-question {
    width: auto;
    height: auto;
    min-height: 0;
    line-height: 0;
    font-size: 1.5rem
}

.btn-question svg {
    fill: #d5ba81;
    height: 1em
}

.btn-primary,.btn-info,.btn-danger {
    color: #fff
}

.btn-restyle {
    font-size: 14px;
    background: linear-gradient(108.23deg,#D04C4C -7.45%,#D04C4C -7.44%,#F4803E 118.5%);
    border-radius: 3px;
    color: #fff
}

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

.btn-primary {
    background-color: #007bff;
    border: 1px solid #007bff
}

.btn-primary:hover,.btn-primary:focus,.btn-primary.active {
    background-color: #006fe6;
    border: 1px solid #006fe6;
    color: #fff!important
}

.btn-info {
    background-color: #11cdef;
    border: 1px solid #11cdef
}

.btn-info:hover,.btn-info:focus,.btn-info.active {
    background-color: #0fb9d8;
    border: 1px solid #0fb9d8;
    color: #fff!important
}

.btn-danger {
    background-color: #f5365c;
    border: 1px solid #f5365c
}

.btn-danger:focus,.btn-danger:hover,.btn-danger.active {
    background-color: #f41e48;
    border: 1px solid #f41e48;
    color: #fff!important
}

.full-window-modal .modal-dialog {
    position: fixed;
    width: 100%;
    height: 100%;
    margin: 0;
    max-width: 100%;
    left: 0;
    top: 0;
    bottom: 0;
    display: block
}

.full-window-modal .modal-dialog .modal-content {
    height: 100vh;
    border: none;
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0
}

.full-window-modal .modal-dialog .modal-content .modal-body {
    height: calc(100vh - 50px);
    overflow-x: auto
}

.full-window-modal .modal-dialog .modal-content .modal-footer {
    background-color: #393a3d;
    padding: 15px 24px;
    padding-top: 15px!important
}

.modal-open .apps-modal {
    overflow: hidden
}

.modal-open .apps-modal .close {
    position: absolute;
    top: 20px;
    right: 20px;
    text-shadow: none;
    z-index: 9
}

.modal-open .apps-modal .modal-dialog {
    width: 100%;
    max-width: 100%;
    border-radius: 0;
    margin: 8px auto!important
}

.modal-open .apps-modal .modal-dialog .modal-content {
    border: none;
    border-radius: 0;
    min-height: 100vh;
    background-color: #eff2f8
}

.modal-open .apps-modal .modal-dialog .modal-content .quick-search {
    position: absolute;
    width: 100%;
    top: 17px;
    padding: 0 50px;
    z-index: 9
}

.modal-open .apps-modal.fade .modal-dialog {
    overflow: hidden;
    -webkit-transform: translate(0,0) scale(1.2);
    transform: translate(0,0) scale(1.2)
}

.modal-open .apps-modal.fade.show .modal-dialog {
    -webkit-transform: translate(0,0) scale(1);
    transform: translate(0,0) scale(1)
}

.modal-header {
    padding-top: 2rem;
    padding-bottom: .05rem
}

.modal-header .close {
    margin: -5rem -1rem -1rem auto
}

.modal-title {
    font-weight: 700;
    font-size: 20px
}

.modal-body {
    -webkit-box-shadow: 0 12px 26px rgba(16,30,115,.1);
    box-shadow: 0 12px 26px rgba(16,30,115,.1);
    border-radius: 8px;
    margin: 1rem;
    background-color: #fff
}

.modal-footer {
    padding-bottom: 2rem
}

.modal-footer--center-align {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.modal {
    z-index: 1080!important
}

.modal .modal-dialog {
    padding-top: 44px
}

@media(min-width: 992px) {
    .modal .modal-dialog {
        padding-top:0
    }
}

.modal .modal-content {
    background-color: #fff
}

.modal .modal-body {
    margin: 0;
    padding: 16px 8px
}

@media(min-width: 576px) {
    .modal .modal-body {
        padding-left:15px;
        padding-right: 15px
    }
}

@media(min-width: 992px) {
    .modal .modal-body {
        padding:16px 30px
    }
}

.modal .modal-title {
    margin: 0;
    padding: 12px 0;
    text-align: center;
    font-weight: 700;
    font-size: 20px;
    line-height: 24px
}

@media(min-width: 992px) {
    .modal .modal-title {
        padding:20px 30px
    }
}

.modal-close {
    width: 36px;
    height: 36px;
    border-radius: 50%;
    padding: 0;
    background-color: #d5ba81;
    border: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: absolute;
    top: -44px;
    right: 0;
    z-index: 1;
    cursor: pointer
}

@media(min-width: 992px) {
    .modal-close.\--inside {
        top:15px;
        right: 15px
    }
}

.modal-close svg {
    fill: #fff;
    stroke: #fff;
    width: 18px;
    height: 18px
}

.form-group {
    margin-bottom: 1.25em
}

.form-control {
    height: auto;
    min-height: 35px;
    border: 1px solid #eaeaea;
    padding: 0 10px;
    background-color: #fff;
    font-size: 13px;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px
}

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

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

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

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

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

.form-control:focus {
    border-color: #e2dfdf;
    -webkit-box-shadow: none;
    box-shadow: none
}

.form-control:disabled {
    cursor: not-allowed;
    opacity: .5
}

select.form-control {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    padding-right: 20px;
    background-image: url(../images/down-arrow.svg?d51c4cbdf58ed633c094cc393e644e66);
    background-position: center right 15px;
    background-repeat: no-repeat;
    background-size: 10px;
    height: 35px!important
}

textarea.form-control {
    padding: 10px 15px;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px
}

.custom-checkbox .custom-control-label {
    font-size: 14px;
    line-height: 1.5
}

.custom-checkbox .custom-control-label:before {
    top: 0
}

.custom-checkbox .custom-control-label:after {
    top: 0
}

.custom-checkbox .buyout-checkbox:before {
    top: -4px;
    left: -1.2rem
}

.custom-checkbox .buyout-checkbox:after {
    top: -4px;
    left: -1.2rem
}

.custom-checkbox .custom-control-input:checked~.custom-control-label::after {
    background-image: none;
    content: "\E83F";
    line-height: 16px;
    font-family: iconkit;
    color: #fff;
    font-size: 12px;
    font-weight: 700
}

.custom-checkbox .custom-control-input:checked~.custom-control-label:before {
    color: #fff;
    border-color: #d5ba81!important;
    background-color: #d5ba81!important
}

.custom-checkbox .custom-control-input:active~.custom-control-label:before {
    -webkit-box-shadow: none;
    box-shadow: none
}

.custom-control-label {
    text-align: center
}

.input-group .input-group-prepend .btn,.input-group .input-group-prepend .product-weight-label {
    height: 36px;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px
}

.input-group .input-group-append .btn,.input-group .input-group-append .product-weight-label {
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px
}

.form-group .file-upload-info {
    background: 0 0
}

.select2.select2-container--default .select2-selection--single {
    border-color: #eaeaea;
    height: 35px;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px
}

.select2.select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 35px;
    padding-left: 15px;
    padding-right: 30px
}

.select2.select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 33px;
    right: 8px
}

.select2.select2-container--default .select2-selection--multiple {
    border-color: #eaeaea
}

.select2.select2-container--default .select2-selection--multiple .select2-selection__rendered {
    margin-top: 1px
}

.select2.select2-container--default .select2-selection--multiple .select2-selection__rendered .select2-selection__choice {
    border: none;
    padding: 1px 5px
}

.select2.select2-container--default.select2-container--focus .select2-selection--multiple {
    border-color: #8e8e8e
}

.select2.select2-container--default.select2-container--open.select2-container--below .select2-selection--single,.select2.select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple {
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px
}

.select2.select2-container .select2-selection--multiple {
    min-height: 35px
}

.select2-container--default .select2-dropdown {
    background-color: #fff;
    border: none;
    border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -webkit-box-shadow: 0 2px 30px rgba(0,0,0,.08);
    box-shadow: 0 2px 30px rgba(0,0,0,.08)
}

.select2-container--default .select2-dropdown .select2-search--dropdown {
    padding: 5px
}

.select2-container--default .select2-dropdown .select2-search--dropdown .select2-search__field {
    height: 30px;
    border: none;
    background-color: #eaeaea;
    padding: 5px 10px;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px
}

.select2-container--default .select2-dropdown .select2-results .select2-results__options {
    padding: 5px
}

.select2-results__option {
    background-color: #fff;
    padding: 8px 15px;
    border-radius: 4px;
    line-height: 14px
}

.input-group {
    margin-bottom: 1.25em
}

.form-control-inverse {
    border-color: #4c5667;
    color: #4c5667
}

.form-control-inverse:focus {
    border-color: #4c5667
}

.form-control-info {
    border-color: #11cdef;
    color: #11cdef
}

.form-control-info:focus {
    border-color: #11cdef
}

.input-group-info .form-control {
    border-color: #11cdef
}

.form-txt-info {
    color: #11cdef
}

.form-txt-info:focus {
    color: #11cdef
}

.form-txt-info::-moz-placeholder {
    color: #11cdef;
    opacity: 1
}

.form-txt-info:-ms-input-placeholder {
    color: #11cdef
}

.form-txt-info::-webkit-input-placeholder {
    color: #11cdef
}

.form-bg-info {
    background-color: #11cdef;
    border-color: #11cdef;
    color: #fff
}

.form-bg-info:focus {
    background-color: #11cdef;
    border-color: #11cdef;
    color: #fff
}

.form-bg-info::-moz-placeholder {
    color: #fff;
    opacity: 1
}

.form-bg-info:-ms-input-placeholder {
    color: #fff
}

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

.form-radio {
    position: relative
}

.form-radio label {
    position: relative;
    padding-left: 1.5rem;
    text-align: left;
    color: #333;
    display: block;
    line-height: 1.8
}

.form-radio input {
    width: auto;
    opacity: .00000001;
    position: absolute;
    left: 0
}

.radio .helper {
    position: absolute;
    top: -.25rem;
    left: -.25rem;
    cursor: pointer;
    display: block;
    font-size: 1rem;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    color: #999
}

.radio .helper::after {
    -webkit-transform: scale(0);
    transform: scale(0);
    background-color: #007bff;
    border-color: #007bff
}

.radio .helper::after,.radio .helper::before {
    content: '';
    position: absolute;
    left: 0;
    top: 3px;
    margin: .25rem;
    width: 1rem;
    height: 1rem;
    -webkit-transition: -webkit-transform .28s ease;
    transition: -webkit-transform .28s ease;
    transition: transform .28s ease,-webkit-transform .28s ease;
    border-radius: 50%;
    border: .125rem solid #007bff
}

.radio label:hover .helper {
    color: #007bff
}

.radio input:checked~.helper::after {
    -webkit-transform: scale(.5);
    transform: scale(.5)
}

.radio input:checked~.helper::before {
    color: #007bff;
    -webkit-animation: ripple .3s linear forwards;
    animation: ripple .3s linear forwards
}

.radio-inline {
    display: inline-block;
    margin-right: 20px
}

.radio.radio-info .helper::after {
    background-color: #11cdef;
    border-color: #11cdef
}

.radio.radio-info .helper::before {
    border-color: #11cdef
}

@keyframes ripple {
    0% {
        -webkit-box-shadow: 0 0 0 1px transparent;
        box-shadow: 0 0 0 1px transparent
    }

    50% {
        -webkit-box-shadow: 0 0 0 10px rgba(0,0,0,.05);
        box-shadow: 0 0 0 10px rgba(0,0,0,.05)
    }

    100% {
        -webkit-box-shadow: 0 0 0 10px transparent;
        box-shadow: 0 0 0 10px transparent
    }
}

@keyframes check {
    0% {
        height: 0;
        width: 0
    }

    25% {
        height: 0;
        width: 6px
    }

    50% {
        height: 12px;
        width: 6px
    }
}

.checkbox-info input[type=checkbox]:checked+label::after {
    color: #fff
}

.checkbox-info input[type=checkbox]:checked+label::before {
    background-color: #11cdef
}

.alert {
    border: none
}

.alert .close {
    font-size: 18px;
    padding: 12px 15px
}

.jq-icon-info {
    background-color: #11cdef;
    color: #fff;
    border: none
}

.jq-icon-warning {
    background-color: #fb6340;
    color: #fff
}

.jq-icon-error {
    background-color: #f5365c;
    color: #fff
}

.jq-icon-success {
    color: #fff;
    background-color: #2dce89
}

.jq-toast-single,.jq-toast-single h2 {
    font-family: nunito sans,sans-serif
}

span.value {
    display: inline
}

#R,#G,#B {
    width: 300px
}

.layout-wrap .list-item.list-item-grid .card {
    display: block!important
}

.edit-layout-modal .modal-dialog {
    margin: 0;
    margin-left: auto;
    margin-right: 0
}

.edit-layout-modal .modal-dialog .modal-content {
    border-radius: 0;
    border: none;
    min-height: 100vh
}

.edit-layout-modal .modal-dialog .modal-content .modal-header,.edit-layout-modal .modal-dialog .modal-content .modal-footer {
    padding: 15px 30px
}

.edit-layout-modal .modal-dialog .modal-content .modal-body {
    padding: 30px
}

@media only screen and (min-width: 560px) {
    .edit-layout-modal .modal-dialog {
        max-width:50%
    }
}

.edit-layout-modal.fade .modal-dialog {
    -webkit-transform: translate(25%,0);
    transform: translate(25%,0)
}

.edit-layout-modal.show .modal-dialog {
    -webkit-transform: translate(0,0);
    transform: translate(0,0)
}

.auth__wrapp {
    height: 100%;
    width: 100%;
    position: relative;
    background-color: #f3f3f3;
    background-image: url(/img/auth/auth-bg.png);
    background-size: cover
}

.auth__wrapp .logo-centered {
    text-align: center;
    margin-top: 20px;
    margin-bottom: 30px
}

.auth__wrapp .logo-centered img {
    width: 93px
}

@media(min-width: 375px) {
    .auth__wrapp .logo-centered img {
        width:150px
    }
}

@media(max-width: 450px) {
    .auth__wrapp .logo-centered {
        margin-bottom:30px
    }
}

.auth__wrapp .form__wrapp {
    min-height: 100vh;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.auth__wrapp .form__wrapp--register {
    padding-top: 4rem
}

.auth__wrapp .form__wrapp--register .form__cont {
    margin-bottom: 1rem
}

.auth__wrapp .form__cont {
    padding: 30px 15px;
    width: 100%;
    max-width: 350px;
    background-color: #fff;
    border-radius: 8px;
    -webkit-box-shadow: 0 .75rem 1.5rem rgba(18,38,63,.03);
    box-shadow: 0 .75rem 1.5rem rgba(18,38,63,.03)
}

.auth__wrapp .form__cont form {
    padding-bottom: 25px
}

.auth__wrapp .form-group {
    margin-bottom: 20px
}

.auth__wrapp .form-group .form-control {
    padding-left: 20px;
    font-size: 15px;
    border: none;
    border-bottom: 1px solid #e38312;
    border-radius: 0;
    background: 0 0;
    color: #333
}

.auth__wrapp .form-group .form-control::-webkit-input-placeholder {
    color: rgba(51,51,51,.74)
}

.auth__wrapp .form-group .form-control::-moz-placeholder {
    color: rgba(51,51,51,.74)
}

.auth__wrapp .form-group .form-control::-ms-input-placeholder {
    color: rgba(51,51,51,.74)
}

.auth__wrapp .form-group .form-control::placeholder {
    color: rgba(51,51,51,.74)
}

.auth__wrapp .form-group .help-text {
    font-size: 12px;
    color: #333;
    margin: 7px 0 0 20px
}

.auth__wrapp .help-block {
    margin-top: -15px;
    display: block;
    margin-left: 20px
}

.auth__wrapp .sign-btn {
    margin-top: 50px
}

.auth__wrapp .sign-btn .btn,.auth__wrapp .sign-btn .product-weight-label {
    width: 100%
}

.auth__wrapp .link-forgot {
    font-size: 14px;
    line-height: 22px;
    text-align: left;
    margin-top: 5px
}

.auth__wrapp .link-forgot a {
    color: #d5ba81
}

.auth-title {
    text-align: center
}

.auth-register-link {
    color: #d5ba81;
    font-weight: 600;
    font-size: 20px
}

.auth-text {
    color: #000;
    opacity: .5
}

body {
    color: #212121;
    font-size: .8rem;
    line-height: 1.5;
    font-weight: 400;
    font-family: nunito sans,sans-serif
}

p {
    font-size: 14px
}

.dropdown-toggle:after,.dropdown-toggle::after {
    display: none
}

.tooltip {
    font-family: nunito sans,sans-serif;
    font-size: 12px;
    font-weight: 700
}

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

.dropdown-menu {
    padding: 5px;
    font-size: 12px;
    background-color: #fff;
    border-color: transparent;
    margin: 0;
    width: 170px;
    border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -webkit-box-shadow: 0 2px 30px rgba(0,0,0,.08);
    box-shadow: 0 2px 30px rgba(0,0,0,.08)
}

.dropdown-menu .dropdown-item {
    background-color: #fff;
    padding: 8px 15px;
    line-height: 14px;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px
}

.dropdown-menu .dropdown-item:hover,.dropdown-menu .dropdown-item:focus {
    background-color: #dee2e6!important;
    color: #212121
}

.dropdown-menu .dropdown-item .badge {
    width: 15px;
    height: 15px;
    border-radius: 50%;
    text-align: center;
    padding: 0;
    line-height: 15px
}

.dropdown-menu:after,.dropdown-menu::after {
    bottom: 100%;
    left: 10px;
    border: solid transparent;
    content: ' ';
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: transparent;
    border-bottom-color: #fff;
    border-width: 5px
}

.dropdown-menu.dropdown-menu-right::after {
    right: 10px;
    left: auto
}

.wrapper .page-wrap {
    position: relative
}

.wrapper .page-wrap .overlay {
    display: none;
    background: rgba(0,0,0,.2);
    width: 100%;
    height: 100vh;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1000;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.wrapper .page-wrap .main-content {
    padding-bottom: 88px;
    background-color: #fff;
    min-height: calc(100vh - var(--height-header-for-main-content));
    margin-top: 58px;
    padding-right: 15px;
    padding-left: calc(280px + 15px);
    -webkit-transition: all .3s ease;
    transition: all .3s ease
}

@media only screen and (max-width: 1023px) {
    .wrapper .page-wrap .main-content {
        padding-left:0;
        padding-right: 0
    }
}

@media only screen and (min-width: 1024px) {
    .wrapper .page-wrap .main-content {
        padding-bottom:0
    }
}

.wrapper .page-wrap .main-content .page-header {
    border-bottom: 1px solid rgba(0,0,0,.1);
    padding-bottom: 16px;
    margin-bottom: 30px
}

.wrapper .page-wrap .main-content .page-header .page-header-title i {
    float: left;
    width: 40px;
    height: 40px;
    border-radius: 5px;
    margin-right: 20px;
    vertical-align: middle;
    font-size: 22px;
    color: #fff;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -moz-justify-content: center;
    -ms-justify-content: center;
    -webkit-box-pack: center;
    justify-content: center;
    -ms-flex-pack: center;
    -moz-align-items: center;
    -ms-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-shadow: 0 2px 12px -3px rgba(0,0,0,.5);
    box-shadow: 0 2px 12px -3px rgba(0,0,0,.5)
}

.wrapper .page-wrap .main-content .page-header .page-header-title h5 {
    margin-bottom: 0;
    font-weight: 700;
    font-size: 18px
}

.wrapper .page-wrap .main-content .page-header .page-header-title h5+span {
    font-size: 13px
}

.wrapper .page-wrap .main-content .card .card-body code {
    background-color: #eee;
    margin: 5px;
    display: inline-block;
    padding: 1px 6px;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px
}

.wrapper .page-wrap .main-content .card .card-body .list-item-wrap .list-item {
    padding: 13px 20px;
    border: 1px solid #ededed;
    position: relative;
    border-left: 0;
    border-right: 0;
    height: 50px;
    overflow: hidden;
    -webkit-transition: transform .2s ease-in-out;
    -webkit-transition: -webkit-transform .2s ease-in-out;
    transition: -webkit-transform .2s ease-in-out;
    transition: transform .2s ease-in-out;
    transition: transform .2s ease-in-out,-webkit-transform .2s ease-in-out
}

.wrapper .page-wrap .main-content .card .card-body .list-item-wrap .list-item:hover,.wrapper .page-wrap .main-content .card .card-body .list-item-wrap .list-item:focus {
    background-color: #f9f9f9
}

.wrapper .page-wrap .main-content .card .card-body .list-item-wrap .list-item.quick-view-opened {
    height: auto;
    background-color: #fff;
    border: none;
    z-index: 5;
    -webkit-box-shadow: 0 0 0 0 rgba(0,0,0,.01),0 0 32px 0 rgba(0,0,0,.1);
    box-shadow: 0 0 0 0 rgba(0,0,0,.01),0 0 32px 0 rgba(0,0,0,.1);
    -webkit-transform: scale(1.01);
    transform: scale(1.01)
}

.wrapper .page-wrap .main-content .card .card-body .list-item-wrap .list-item+.list-item {
    margin-top: -1px
}

.wrapper .page-wrap .main-content .card .card-body .list-item-wrap .list-item:last-child {
    border-bottom: none
}

.wrapper .page-wrap .footer {
    background: #fff;
    padding: 20px 30px;
    border-top: 1px solid rgba(0,0,0,.04);
    font-size: calc(0.875rem - 0.05rem);
    -webkit-transition: all .25s ease;
    transition: all .25s ease
}

@media only screen and (min-width: 1024px) {
    .wrapper .page-wrap .footer {
        padding-left:270px
    }
}

.wrapper .page-wrap .right-sidebar {
    position: fixed;
    top: 60px;
    right: 0;
    width: 240px;
    background: #fff;
    height: calc(100vh - 60px);
    border-left: 1px solid #eef1f2;
    border-top: 1px solid #eef1f2;
    padding: 1.07143em;
    z-index: 9;
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
    -webkit-transition: all .25s ease;
    transition: all .25s ease
}

.wrapper .page-wrap .chat-panel {
    position: fixed;
    top: calc(100vh);
    right: calc(240px + 15px);
    width: 310px;
    z-index: 9999;
    -webkit-transform: translateY(-100%) translateX(14.0625rem);
    transform: translateY(-100%) translateX(14.0625rem)
}

.wrapper .page-wrap .chat-panel .card {
    border: none;
    margin-bottom: 1.42857em;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-box-shadow: 0 4px 8px 3px rgba(0,0,0,.2);
    box-shadow: 0 4px 8px 3px rgba(0,0,0,.2)
}

.wrapper .page-wrap .chat-panel .card .card-header {
    background: 0 0;
    padding: 1.07143em 1.42857em;
    font-size: 1.14286em;
    border-bottom: 1px solid rgba(153,153,153,.2)
}

.wrapper .page-wrap .chat-panel .card .card-body {
    padding: 1.07143em
}

.wrapper .page-wrap .chat-panel .card .card-body .messages {
    position: relative;
    max-height: 21.42857em;
    overflow-y: scroll;
    margin-top: -1.07143em;
    margin-right: -1.07143em;
    margin-left: -1.07143em;
    padding-top: 1.07143em;
    padding-right: 1.07143em;
    padding-left: 1.07143em
}

.wrapper .page-wrap .chat-panel .card .card-body .messages .message {
    margin: .71429em 0
}

.wrapper .page-wrap .chat-panel .card .card-body .messages .message:first-child {
    margin-top: 0
}

.wrapper.nav-collapsed .page-wrap .app-sidebar {
    width: 60px
}

.wrapper.nav-collapsed .page-wrap .app-sidebar .sidebar-content .nav-container .navigation-main .nav-lavel {
    display: none
}

.wrapper.nav-collapsed .page-wrap .app-sidebar .sidebar-content .nav-container .navigation-main .nav-item a span {
    display: none
}

.wrapper.nav-collapsed .page-wrap .app-sidebar .sidebar-content .nav-container .navigation-main .nav-item a::before {
    display: none
}

.wrapper.nav-collapsed .page-wrap .app-sidebar:hover {
    width: 240px
}

.wrapper.nav-collapsed .page-wrap .app-sidebar:hover .sidebar-content .nav-container .navigation-main .nav-lavel {
    display: block
}

.wrapper.nav-collapsed .page-wrap .app-sidebar:hover .sidebar-content .nav-container .navigation-main .nav-item a span {
    display: inline-block
}

.wrapper.nav-collapsed .page-wrap .app-sidebar:hover .sidebar-content .nav-container .navigation-main .nav-item a::before {
    display: inline-block
}

.wrapper.nav-collapsed .page-wrap .main-content {
    padding-left: 75px
}

.wrapper.nav-collapsed .page-wrap .footer {
    padding-left: 90px
}

.wrapper.right-sidebar-expand .right-sidebar {
    -webkit-transform: translateX(0);
    transform: translateX(0)
}

.wrapper.right-sidebar-expand .chat-panel {
    -webkit-transform: translateY(-100%) translateX(0);
    transform: translateY(-100%) translateX(0)
}

hr {
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    height: 0;
    margin-top: 1rem;
    border: 0;
    border-top: 1px solid rgba(0,0,0,.1)
}

[class*=user--]::after {
    height: .64286em;
    width: .64286em;
    display: block;
    position: absolute;
    top: 0;
    right: 10%;
    border-radius: 100px;
    content: "";
    -webkit-box-shadow: 0 0 0 2px #fff;
    box-shadow: 0 0 0 2px #fff
}

.swal-modal {
    padding: 20px
}

.app-sidebar {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    position: fixed;
    left: 0;
    top: 0;
    width: 280px;
    height: 100vh;
    background: -webkit-gradient(linear,left bottom,left top,from(#00272A),to(#024247));
    background: linear-gradient(360deg,#00272A,#024247);
    z-index: 1001;
    -webkit-box-shadow: 0 3px 30px rgba(0,0,0,.1),0 3px 20px rgba(0,0,0,.1);
    box-shadow: 0 3px 30px rgba(0,0,0,.1),0 3px 20px rgba(0,0,0,.1);
    -webkit-transition: width .3s cubic-bezier(0,0,.2,1);
    transition: width .3s cubic-bezier(0,0,.2,1);
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
    white-space: nowrap;
    visibility: visible
}

.app-sidebar .sidebar-content {
    position: relative;
    z-index: 4
}

.app-sidebar .navigation-main .nav-item {
    position: relative
}

.app-sidebar .navigation-main .nav-item.label-new a:before {
    content: 'New';
    color: #252525;
    font-weight: 700;
    font-size: 12px;
    line-height: 14px;
    padding: 12px 12px 12px 20px;
    background: #d5ba81;
    border-radius: 8px;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0
}

.app-sidebar .navigation-main .nav-item.label-new a:after {
    content: '\2022';
    color: #252525;
    font-weight: 700;
    font-size: 30px;
    line-height: 20px;
    position: absolute;
    top: calc(50% - 9px);
    right: 40px
}

.app-sidebar .navigation-main .nav-item a {
    display: block;
    overflow: hidden;
    padding: 7px 5px;
    margin: 1px 15px;
    color: #fff;
    position: relative;
    padding-left: 35px;
    border-radius: 8px
}

.app-sidebar .navigation-main .nav-item a i {
    font-size: 16px;
    margin-right: 10px;
    display: inline-block;
    position: absolute;
    left: 8px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.app-sidebar .navigation-main .nav-item a i svg {
    fill: #fff
}

.app-sidebar .navigation-main .nav-item a span {
    font-size: 13px
}

.app-sidebar .navigation-main .nav-item a .badge {
    position: absolute;
    right: 30px;
    text-align: center;
    top: 16px;
    vertical-align: middle;
    white-space: nowrap;
    opacity: 1;
    visibility: visible;
    border-radius: 4px;
    font-size: 75%;
    padding: 4px 7px;
    margin-right: 5px;
    font-weight: 800;
    color: #fff;
    -webkit-transition: opacity .3s linear;
    transition: opacity .3s linear;
    text-transform: uppercase
}

.app-sidebar .navigation-main .nav-item a.disabled {
    opacity: .5;
    cursor: not-allowed!important
}

.app-sidebar .navigation-main .nav-item a .nav-item__text {
    font-size: 15px;
    font-weight: 500
}

.app-sidebar .navigation-main .nav-item a .nav-item__subtext {
    opacity: .8;
    font-size: 12px;
    display: block
}

.app-sidebar .navigation-main .nav-item a:hover {
    color: #d5ba81;
    background-color: rgba(213,186,129,.1)
}

.app-sidebar .navigation-main .nav-item a:hover i svg {
    fill: #d5ba81
}

.app-sidebar .navigation-main .nav-item.has-sub a::before {
    content: "\E844";
    font-family: iconkit;
    position: absolute;
    right: 3px;
    top: 15px;
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}

.app-sidebar .navigation-main .nav-item.has-sub .submenu-content {
    background-color: #f3f3f3
}

.app-sidebar .navigation-main .nav-item.has-sub .submenu-content .menu-item {
    padding: 10px 5px;
    font-size: 13px;
    padding-left: 50px;
    margin: 0
}

.app-sidebar .navigation-main .nav-item.has-sub .submenu-content .menu-item::before {
    display: none
}

.app-sidebar .navigation-main .nav-item.has-sub .submenu-content .menu-item.active {
    color: #eb525d
}

.app-sidebar .navigation-main .nav-item.has-sub .submenu-content .nav-item::after {
    display: none
}

.app-sidebar .navigation-main .nav-item.has-sub .submenu-content .nav-item a {
    position: relative
}

.app-sidebar .navigation-main .nav-item.has-sub .submenu-content .nav-item a::before {
    content: "\E844";
    font-family: iconkit;
    position: absolute;
    right: 20px;
    top: 10px;
    display: inline-block;
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}

.app-sidebar .navigation-main .nav-item.has-sub .submenu-content .nav-item .submenu-content .menu-item {
    padding-left: 70px
}

.app-sidebar .navigation-main .nav-item.has-sub .submenu-content .nav-item .submenu-content .menu-item::before {
    display: none
}

.app-sidebar .navigation-main .nav-item.has-sub .submenu-content .nav-item.open a::before {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg)
}

.app-sidebar .navigation-main .nav-item:not(.open) .submenu-content {
    display: none
}

.app-sidebar .navigation-main .nav-item.open a::before {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg)
}

.app-sidebar .navigation-main .nav-item.open::after {
    background: #576a3d;
    border-radius: 10px;
    color: #fff;
    content: " ";
    height: 30px;
    left: 0;
    position: absolute;
    top: 10px;
    width: 3px
}

.app-sidebar .navigation-main .nav-item.active a {
    color: #d5ba81;
    background-color: rgba(213,186,129,.1);
    pointer-events: none
}

.app-sidebar .navigation-main .nav-item.active a i svg {
    fill: #d5ba81
}

.app-sidebar .navigation-main .nav-lavel {
    font-size: 14px;
    font-weight: 400;
    opacity: 1;
    padding: 8px 20px;
    text-transform: capitalize;
    visibility: visible;
    width: 100%;
    color: #999;
    background: #333e52
}

.app-sidebar .sidebar-footer {
    padding: 13px 0 0
}

.app-sidebar .sidebar-footer h6 {
    margin-bottom: 3px
}

.app-sidebar .sidebar-footer a {
    display: block
}

@media(max-width: 550px) {
    .app-sidebar .sidebar-footer {
        top:75%;
        position: initial
    }
}

.app-sidebar .working-hours {
    background: rgba(255,255,255,.1);
    color: rgba(255,255,255,.5);
    padding: 14px 25px 0
}

.app-sidebar .working-hours__title {
    font-size: 12px;
    line-height: 24px;
    text-transform: uppercase;
    margin-bottom: 8px
}

.app-sidebar .working-hours__text {
    font-size: 12px;
    padding-bottom: 16px;
    margin: 0
}

.app-sidebar .working-hours__text .block-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.app-sidebar .working-hours__text .block-wrap__title {
    color: rgba(255,255,255,.5);
    padding-right: 5px
}

.app-sidebar .working-hours__text .block-wrap__text {
    color: #d5ba81;
    text-decoration: underline
}

.app-sidebar .working-hours__text .block-wrap__text--id {
    color: #fff;
    font-weight: bolder;
    text-decoration: none
}

.app-sidebar .working-hours__phone {
    color: #d5ba81;
    text-decoration: underline;
    display: inline-block!important
}

.app-sidebar .working-hours__time {
    color: #fff
}

.app-sidebar .working-hours__help-text {
    white-space: break-spaces;
    margin: 0;
    font-size: 10px;
    line-height: 14px;
    padding-bottom: 14px
}

.app-sidebar .sidebar-invite-wrapper {
    padding: 15px
}

.app-sidebar::-webkit-scrollbar {
    width: 7px;
    background-color: #f3f3f300;
    display: block;
    height: 5px;
    opacity: 0
}

.app-sidebar::-webkit-scrollbar-thumb {
    border-radius: 4px;
    cursor: pointer;
    height: 30px;
    background: #bebcbc
}

@media only screen and (max-width: 1023px) {
    .app-sidebar {
        -webkit-transition:transform .4s cubic-bezier(.25,.8,.25,1);
        -webkit-transition: -webkit-transform .4s cubic-bezier(.25,.8,.25,1);
        transition: -webkit-transform .4s cubic-bezier(.25,.8,.25,1);
        transition: transform .4s cubic-bezier(.25,.8,.25,1);
        transition: transform .4s cubic-bezier(.25,.8,.25,1),-webkit-transform .4s cubic-bezier(.25,.8,.25,1);
        -webkit-transform: translate3d(-100%,0,0);
        transform: translate3d(-100%,0,0);
        -webkit-box-shadow: none;
        box-shadow: none
    }
}

@media only screen and (max-width: 1023px) {
    .app-sidebar {
        -webkit-transition:transform .4s cubic-bezier(.25,.8,.25,1);
        -webkit-transition: -webkit-transform .4s cubic-bezier(.25,.8,.25,1);
        transition: -webkit-transform .4s cubic-bezier(.25,.8,.25,1);
        transition: transform .4s cubic-bezier(.25,.8,.25,1);
        transition: transform .4s cubic-bezier(.25,.8,.25,1),-webkit-transform .4s cubic-bezier(.25,.8,.25,1)
    }
}

/*!* animate.css -http://daneden.me/animate
* Version - 3.7.0
* Licensed under the MIT license - http://opensource.org/licenses/MIT
*
* Copyright (c) 2018 Daniel Eden*/
@-webkit-keyframes bounce {
    from,to {
        -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
        animation-timing-function: cubic-bezier(.215,.61,.355,1);
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0)
    }
}

@keyframes bounce {
    from,20%,53%,80%,to {
        -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
        animation-timing-function: cubic-bezier(.215,.61,.355,1);
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0)
    }

    40%,43% {
        -webkit-animation-timing-function: cubic-bezier(.755,.05,.855,.06);
        animation-timing-function: cubic-bezier(.755,.05,.855,.06);
        -webkit-transform: translate3d(0,-30px,0);
        transform: translate3d(0,-30px,0)
    }

    70% {
        -webkit-animation-timing-function: cubic-bezier(.755,.05,.855,.06);
        animation-timing-function: cubic-bezier(.755,.05,.855,.06);
        -webkit-transform: translate3d(0,-15px,0);
        transform: translate3d(0,-15px,0)
    }

    90% {
        -webkit-transform: translate3d(0,-4px,0);
        transform: translate3d(0,-4px,0)
    }
}

@-webkit-keyframes flash {
    from,to {
        opacity: 1
    }
}

@keyframes flash {
    from,50%,to {
        opacity: 1
    }

    25%,75% {
        opacity: 0
    }
}

.flash {
    -webkit-animation-name: flash;
    animation-name: flash
}

@-webkit-keyframes pulse {
    from {
        -webkit-transform: scale3d(1,1,1);
        transform: scale3d(1,1,1)
    }

    to {
        -webkit-transform: scale3d(1,1,1);
        transform: scale3d(1,1,1)
    }
}

@keyframes pulse {
    from {
        -webkit-transform: scale3d(1,1,1);
        transform: scale3d(1,1,1)
    }

    50% {
        -webkit-transform: scale3d(1.05,1.05,1.05);
        transform: scale3d(1.05,1.05,1.05)
    }

    to {
        -webkit-transform: scale3d(1,1,1);
        transform: scale3d(1,1,1)
    }
}

@-webkit-keyframes rubberBand {
    from {
        -webkit-transform: scale3d(1,1,1);
        transform: scale3d(1,1,1)
    }

    to {
        -webkit-transform: scale3d(1,1,1);
        transform: scale3d(1,1,1)
    }
}

@keyframes rubberBand {
    from {
        -webkit-transform: scale3d(1,1,1);
        transform: scale3d(1,1,1)
    }

    30% {
        -webkit-transform: scale3d(1.25,.75,1);
        transform: scale3d(1.25,.75,1)
    }

    40% {
        -webkit-transform: scale3d(.75,1.25,1);
        transform: scale3d(.75,1.25,1)
    }

    50% {
        -webkit-transform: scale3d(1.15,.85,1);
        transform: scale3d(1.15,.85,1)
    }

    65% {
        -webkit-transform: scale3d(.95,1.05,1);
        transform: scale3d(.95,1.05,1)
    }

    75% {
        -webkit-transform: scale3d(1.05,.95,1);
        transform: scale3d(1.05,.95,1)
    }

    to {
        -webkit-transform: scale3d(1,1,1);
        transform: scale3d(1,1,1)
    }
}

@-webkit-keyframes shake {
    from,to {
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0)
    }
}

@keyframes shake {
    from,to {
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0)
    }

    10%,30%,50%,70%,90% {
        -webkit-transform: translate3d(-10px,0,0);
        transform: translate3d(-10px,0,0)
    }

    20%,40%,60%,80% {
        -webkit-transform: translate3d(10px,0,0);
        transform: translate3d(10px,0,0)
    }
}

@keyframes headShake {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    6.5% {
        -webkit-transform: translateX(-6px) rotateY(-9deg);
        transform: translateX(-6px) rotateY(-9deg)
    }

    18.5% {
        -webkit-transform: translateX(5px) rotateY(7deg);
        transform: translateX(5px) rotateY(7deg)
    }

    31.5% {
        -webkit-transform: translateX(-3px) rotateY(-5deg);
        transform: translateX(-3px) rotateY(-5deg)
    }

    43.5% {
        -webkit-transform: translateX(2px) rotateY(3deg);
        transform: translateX(2px) rotateY(3deg)
    }

    50% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@-webkit-keyframes swing {
    to {
        -webkit-transform: rotate3d(0,0,1,0deg);
        transform: rotate3d(0,0,1,0deg)
    }
}

@keyframes swing {
    20% {
        -webkit-transform: rotate3d(0,0,1,15deg);
        transform: rotate3d(0,0,1,15deg)
    }

    40% {
        -webkit-transform: rotate3d(0,0,1,-10deg);
        transform: rotate3d(0,0,1,-10deg)
    }

    60% {
        -webkit-transform: rotate3d(0,0,1,5deg);
        transform: rotate3d(0,0,1,5deg)
    }

    80% {
        -webkit-transform: rotate3d(0,0,1,-5deg);
        transform: rotate3d(0,0,1,-5deg)
    }

    to {
        -webkit-transform: rotate3d(0,0,1,0deg);
        transform: rotate3d(0,0,1,0deg)
    }
}

.swing {
    -webkit-transform-origin: top center;
    transform-origin: top center;
    -webkit-animation-name: swing;
    animation-name: swing
}

@-webkit-keyframes tada {
    from {
        -webkit-transform: scale3d(1,1,1);
        transform: scale3d(1,1,1)
    }

    to {
        -webkit-transform: scale3d(1,1,1);
        transform: scale3d(1,1,1)
    }
}

@keyframes tada {
    from {
        -webkit-transform: scale3d(1,1,1);
        transform: scale3d(1,1,1)
    }

    10%,20% {
        -webkit-transform: scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg);
        transform: scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg)
    }

    30%,50%,70%,90% {
        -webkit-transform: scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg);
        transform: scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg)
    }

    40%,60%,80% {
        -webkit-transform: scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg);
        transform: scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg)
    }

    to {
        -webkit-transform: scale3d(1,1,1);
        transform: scale3d(1,1,1)
    }
}

@-webkit-keyframes wobble {
    from {
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0)
    }

    to {
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0)
    }
}

@keyframes wobble {
    from {
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0)
    }

    15% {
        -webkit-transform: translate3d(-25%,0,0) rotate3d(0,0,1,-5deg);
        transform: translate3d(-25%,0,0) rotate3d(0,0,1,-5deg)
    }

    30% {
        -webkit-transform: translate3d(20%,0,0) rotate3d(0,0,1,3deg);
        transform: translate3d(20%,0,0) rotate3d(0,0,1,3deg)
    }

    45% {
        -webkit-transform: translate3d(-15%,0,0) rotate3d(0,0,1,-3deg);
        transform: translate3d(-15%,0,0) rotate3d(0,0,1,-3deg)
    }

    60% {
        -webkit-transform: translate3d(10%,0,0) rotate3d(0,0,1,2deg);
        transform: translate3d(10%,0,0) rotate3d(0,0,1,2deg)
    }

    75% {
        -webkit-transform: translate3d(-5%,0,0) rotate3d(0,0,1,-1deg);
        transform: translate3d(-5%,0,0) rotate3d(0,0,1,-1deg)
    }

    to {
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0)
    }
}

@-webkit-keyframes jello {
    from,to {
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0)
    }
}

@keyframes jello {
    from,11.1%,to {
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0)
    }

    22.2% {
        -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
        transform: skewX(-12.5deg) skewY(-12.5deg)
    }

    33.3% {
        -webkit-transform: skewX(6.25deg) skewY(6.25deg);
        transform: skewX(6.25deg) skewY(6.25deg)
    }

    44.4% {
        -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
        transform: skewX(-3.125deg) skewY(-3.125deg)
    }

    55.5% {
        -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
        transform: skewX(1.5625deg) skewY(1.5625deg)
    }

    66.6% {
        -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
        transform: skewX(-0.78125deg) skewY(-0.78125deg)
    }

    77.7% {
        -webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
        transform: skewX(0.390625deg) skewY(0.390625deg)
    }

    88.8% {
        -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
        transform: skewX(-0.1953125deg) skewY(-0.1953125deg)
    }
}

@keyframes heartBeat {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    14% {
        -webkit-transform: scale(1.3);
        transform: scale(1.3)
    }

    28% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    42% {
        -webkit-transform: scale(1.3);
        transform: scale(1.3)
    }

    70% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@-webkit-keyframes bounceIn {
    from,to {
        -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
        animation-timing-function: cubic-bezier(.215,.61,.355,1)
    }

    to {
        opacity: 1;
        -webkit-transform: scale3d(1,1,1);
        transform: scale3d(1,1,1)
    }
}

@keyframes bounceIn {
    from,20%,40%,60%,80%,to {
        -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
        animation-timing-function: cubic-bezier(.215,.61,.355,1)
    }

    0% {
        opacity: 0;
        -webkit-transform: scale3d(.3,.3,.3);
        transform: scale3d(.3,.3,.3)
    }

    20% {
        -webkit-transform: scale3d(1.1,1.1,1.1);
        transform: scale3d(1.1,1.1,1.1)
    }

    40% {
        -webkit-transform: scale3d(.9,.9,.9);
        transform: scale3d(.9,.9,.9)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(1.03,1.03,1.03);
        transform: scale3d(1.03,1.03,1.03)
    }

    80% {
        -webkit-transform: scale3d(.97,.97,.97);
        transform: scale3d(.97,.97,.97)
    }

    to {
        opacity: 1;
        -webkit-transform: scale3d(1,1,1);
        transform: scale3d(1,1,1)
    }
}

@-webkit-keyframes bounceInDown {
    from,to {
        -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
        animation-timing-function: cubic-bezier(.215,.61,.355,1)
    }

    to {
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0)
    }
}

@keyframes bounceInDown {
    from,60%,75%,90%,to {
        -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
        animation-timing-function: cubic-bezier(.215,.61,.355,1)
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(0,-3000px,0);
        transform: translate3d(0,-3000px,0)
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(0,25px,0);
        transform: translate3d(0,25px,0)
    }

    75% {
        -webkit-transform: translate3d(0,-10px,0);
        transform: translate3d(0,-10px,0)
    }

    90% {
        -webkit-transform: translate3d(0,5px,0);
        transform: translate3d(0,5px,0)
    }

    to {
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0)
    }
}

@-webkit-keyframes bounceInLeft {
    from,to {
        -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
        animation-timing-function: cubic-bezier(.215,.61,.355,1)
    }

    to {
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0)
    }
}

@keyframes bounceInLeft {
    from,60%,75%,90%,to {
        -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
        animation-timing-function: cubic-bezier(.215,.61,.355,1)
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(-3000px,0,0);
        transform: translate3d(-3000px,0,0)
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(25px,0,0);
        transform: translate3d(25px,0,0)
    }

    75% {
        -webkit-transform: translate3d(-10px,0,0);
        transform: translate3d(-10px,0,0)
    }

    90% {
        -webkit-transform: translate3d(5px,0,0);
        transform: translate3d(5px,0,0)
    }

    to {
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0)
    }
}

@-webkit-keyframes bounceInRight {
    from,to {
        -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
        animation-timing-function: cubic-bezier(.215,.61,.355,1)
    }

    from {
        opacity: 0;
        -webkit-transform: translate3d(3000px,0,0);
        transform: translate3d(3000px,0,0)
    }

    to {
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0)
    }
}

@keyframes bounceInRight {
    from,60%,75%,90%,to {
        -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
        animation-timing-function: cubic-bezier(.215,.61,.355,1)
    }

    from {
        opacity: 0;
        -webkit-transform: translate3d(3000px,0,0);
        transform: translate3d(3000px,0,0)
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(-25px,0,0);
        transform: translate3d(-25px,0,0)
    }

    75% {
        -webkit-transform: translate3d(10px,0,0);
        transform: translate3d(10px,0,0)
    }

    90% {
        -webkit-transform: translate3d(-5px,0,0);
        transform: translate3d(-5px,0,0)
    }

    to {
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0)
    }
}

@-webkit-keyframes bounceInUp {
    from,to {
        -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
        animation-timing-function: cubic-bezier(.215,.61,.355,1)
    }

    from {
        opacity: 0;
        -webkit-transform: translate3d(0,3000px,0);
        transform: translate3d(0,3000px,0)
    }

    to {
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0)
    }
}

@keyframes bounceInUp {
    from,60%,75%,90%,to {
        -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
        animation-timing-function: cubic-bezier(.215,.61,.355,1)
    }

    from {
        opacity: 0;
        -webkit-transform: translate3d(0,3000px,0);
        transform: translate3d(0,3000px,0)
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(0,-20px,0);
        transform: translate3d(0,-20px,0)
    }

    75% {
        -webkit-transform: translate3d(0,10px,0);
        transform: translate3d(0,10px,0)
    }

    90% {
        -webkit-transform: translate3d(0,-5px,0);
        transform: translate3d(0,-5px,0)
    }

    to {
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0)
    }
}

@-webkit-keyframes bounceOut {
    to {
        opacity: 0;
        -webkit-transform: scale3d(.3,.3,.3);
        transform: scale3d(.3,.3,.3)
    }
}

@keyframes bounceOut {
    20% {
        -webkit-transform: scale3d(.9,.9,.9);
        transform: scale3d(.9,.9,.9)
    }

    50%,55% {
        opacity: 1;
        -webkit-transform: scale3d(1.1,1.1,1.1);
        transform: scale3d(1.1,1.1,1.1)
    }

    to {
        opacity: 0;
        -webkit-transform: scale3d(.3,.3,.3);
        transform: scale3d(.3,.3,.3)
    }
}

@-webkit-keyframes bounceOutDown {
    to {
        opacity: 0;
        -webkit-transform: translate3d(0,2000px,0);
        transform: translate3d(0,2000px,0)
    }
}

@keyframes bounceOutDown {
    20% {
        -webkit-transform: translate3d(0,10px,0);
        transform: translate3d(0,10px,0)
    }

    40%,45% {
        opacity: 1;
        -webkit-transform: translate3d(0,-20px,0);
        transform: translate3d(0,-20px,0)
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0,2000px,0);
        transform: translate3d(0,2000px,0)
    }
}

@-webkit-keyframes bounceOutLeft {
    to {
        opacity: 0;
        -webkit-transform: translate3d(-2000px,0,0);
        transform: translate3d(-2000px,0,0)
    }
}

@keyframes bounceOutLeft {
    20% {
        opacity: 1;
        -webkit-transform: translate3d(20px,0,0);
        transform: translate3d(20px,0,0)
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(-2000px,0,0);
        transform: translate3d(-2000px,0,0)
    }
}

@-webkit-keyframes bounceOutRight {
    to {
        opacity: 0;
        -webkit-transform: translate3d(2000px,0,0);
        transform: translate3d(2000px,0,0)
    }
}

@keyframes bounceOutRight {
    20% {
        opacity: 1;
        -webkit-transform: translate3d(-20px,0,0);
        transform: translate3d(-20px,0,0)
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(2000px,0,0);
        transform: translate3d(2000px,0,0)
    }
}

@-webkit-keyframes bounceOutUp {
    to {
        opacity: 0;
        -webkit-transform: translate3d(0,-2000px,0);
        transform: translate3d(0,-2000px,0)
    }
}

@keyframes bounceOutUp {
    20% {
        -webkit-transform: translate3d(0,-10px,0);
        transform: translate3d(0,-10px,0)
    }

    40%,45% {
        opacity: 1;
        -webkit-transform: translate3d(0,20px,0);
        transform: translate3d(0,20px,0)
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0,-2000px,0);
        transform: translate3d(0,-2000px,0)
    }
}

@-webkit-keyframes fadeIn {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes fadeIn {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.fadeIn {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn
}

@-webkit-keyframes fadeInDown {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0,-100%,0);
        transform: translate3d(0,-100%,0)
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0)
    }
}

@keyframes fadeInDown {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0,-100%,0);
        transform: translate3d(0,-100%,0)
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0)
    }
}

@-webkit-keyframes fadeInDownBig {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0,-2000px,0);
        transform: translate3d(0,-2000px,0)
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0)
    }
}

@keyframes fadeInDownBig {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0,-2000px,0);
        transform: translate3d(0,-2000px,0)
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0)
    }
}

@-webkit-keyframes fadeInLeft {
    from {
        opacity: 0;
        -webkit-transform: translate3d(-100%,0,0);
        transform: translate3d(-100%,0,0)
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0)
    }
}

@keyframes fadeInLeft {
    from {
        opacity: 0;
        -webkit-transform: translate3d(-100%,0,0);
        transform: translate3d(-100%,0,0)
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0)
    }
}

@-webkit-keyframes fadeInLeftBig {
    from {
        opacity: 0;
        -webkit-transform: translate3d(-2000px,0,0);
        transform: translate3d(-2000px,0,0)
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0)
    }
}

@keyframes fadeInLeftBig {
    from {
        opacity: 0;
        -webkit-transform: translate3d(-2000px,0,0);
        transform: translate3d(-2000px,0,0)
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0)
    }
}

@-webkit-keyframes fadeInRight {
    from {
        opacity: 0;
        -webkit-transform: translate3d(100%,0,0);
        transform: translate3d(100%,0,0)
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0)
    }
}

@keyframes fadeInRight {
    from {
        opacity: 0;
        -webkit-transform: translate3d(100%,0,0);
        transform: translate3d(100%,0,0)
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0)
    }
}

@-webkit-keyframes fadeInRightBig {
    from {
        opacity: 0;
        -webkit-transform: translate3d(2000px,0,0);
        transform: translate3d(2000px,0,0)
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0)
    }
}

@keyframes fadeInRightBig {
    from {
        opacity: 0;
        -webkit-transform: translate3d(2000px,0,0);
        transform: translate3d(2000px,0,0)
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0)
    }
}

@-webkit-keyframes fadeInUp {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0,100%,0);
        transform: translate3d(0,100%,0)
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0)
    }
}

@keyframes fadeInUp {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0,100%,0);
        transform: translate3d(0,100%,0)
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0)
    }
}

@-webkit-keyframes fadeInUpBig {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0,2000px,0);
        transform: translate3d(0,2000px,0)
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0)
    }
}

@keyframes fadeInUpBig {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0,2000px,0);
        transform: translate3d(0,2000px,0)
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0)
    }
}

@-webkit-keyframes fadeOut {
    from {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

@keyframes fadeOut {
    from {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

.fadeOut {
    -webkit-animation-name: fadeOut;
    animation-name: fadeOut
}

@-webkit-keyframes fadeOutDown {
    from {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0,100%,0);
        transform: translate3d(0,100%,0)
    }
}

@keyframes fadeOutDown {
    from {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0,100%,0);
        transform: translate3d(0,100%,0)
    }
}

@-webkit-keyframes fadeOutDownBig {
    from {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0,2000px,0);
        transform: translate3d(0,2000px,0)
    }
}

@keyframes fadeOutDownBig {
    from {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0,2000px,0);
        transform: translate3d(0,2000px,0)
    }
}

@-webkit-keyframes fadeOutLeft {
    from {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(-100%,0,0);
        transform: translate3d(-100%,0,0)
    }
}

@keyframes fadeOutLeft {
    from {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(-100%,0,0);
        transform: translate3d(-100%,0,0)
    }
}

@-webkit-keyframes fadeOutLeftBig {
    from {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(-2000px,0,0);
        transform: translate3d(-2000px,0,0)
    }
}

@keyframes fadeOutLeftBig {
    from {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(-2000px,0,0);
        transform: translate3d(-2000px,0,0)
    }
}

@-webkit-keyframes fadeOutRight {
    from {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(100%,0,0);
        transform: translate3d(100%,0,0)
    }
}

@keyframes fadeOutRight {
    from {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(100%,0,0);
        transform: translate3d(100%,0,0)
    }
}

@-webkit-keyframes fadeOutRightBig {
    from {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(2000px,0,0);
        transform: translate3d(2000px,0,0)
    }
}

@keyframes fadeOutRightBig {
    from {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(2000px,0,0);
        transform: translate3d(2000px,0,0)
    }
}

@-webkit-keyframes fadeOutUp {
    from {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0,-100%,0);
        transform: translate3d(0,-100%,0)
    }
}

@keyframes fadeOutUp {
    from {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0,-100%,0);
        transform: translate3d(0,-100%,0)
    }
}

@-webkit-keyframes fadeOutUpBig {
    from {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0,-2000px,0);
        transform: translate3d(0,-2000px,0)
    }
}

@keyframes fadeOutUpBig {
    from {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0,-2000px,0);
        transform: translate3d(0,-2000px,0)
    }
}

@-webkit-keyframes flip {
    from {
        -webkit-transform: perspective(400px) scale3d(1,1,1) translate3d(0,0,0) rotate3d(0,1,0,-360deg);
        transform: perspective(400px) scale3d(1,1,1) translate3d(0,0,0) rotate3d(0,1,0,-360deg);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }

    to {
        -webkit-transform: perspective(400px) scale3d(1,1,1) translate3d(0,0,0) rotate3d(0,1,0,0deg);
        transform: perspective(400px) scale3d(1,1,1) translate3d(0,0,0) rotate3d(0,1,0,0deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
}

@keyframes flip {
    from {
        -webkit-transform: perspective(400px) scale3d(1,1,1) translate3d(0,0,0) rotate3d(0,1,0,-360deg);
        transform: perspective(400px) scale3d(1,1,1) translate3d(0,0,0) rotate3d(0,1,0,-360deg);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }

    40% {
        -webkit-transform: perspective(400px) scale3d(1,1,1) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);
        transform: perspective(400px) scale3d(1,1,1) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }

    50% {
        -webkit-transform: perspective(400px) scale3d(1,1,1) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);
        transform: perspective(400px) scale3d(1,1,1) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    80% {
        -webkit-transform: perspective(400px) scale3d(.95,.95,.95) translate3d(0,0,0) rotate3d(0,1,0,0deg);
        transform: perspective(400px) scale3d(.95,.95,.95) translate3d(0,0,0) rotate3d(0,1,0,0deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    to {
        -webkit-transform: perspective(400px) scale3d(1,1,1) translate3d(0,0,0) rotate3d(0,1,0,0deg);
        transform: perspective(400px) scale3d(1,1,1) translate3d(0,0,0) rotate3d(0,1,0,0deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
}

@-webkit-keyframes flipInX {
    from {
        -webkit-transform: perspective(400px) rotate3d(1,0,0,90deg);
        transform: perspective(400px) rotate3d(1,0,0,90deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0
    }

    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }
}

@keyframes flipInX {
    from {
        -webkit-transform: perspective(400px) rotate3d(1,0,0,90deg);
        transform: perspective(400px) rotate3d(1,0,0,90deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0
    }

    40% {
        -webkit-transform: perspective(400px) rotate3d(1,0,0,-20deg);
        transform: perspective(400px) rotate3d(1,0,0,-20deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    60% {
        -webkit-transform: perspective(400px) rotate3d(1,0,0,10deg);
        transform: perspective(400px) rotate3d(1,0,0,10deg);
        opacity: 1
    }

    80% {
        -webkit-transform: perspective(400px) rotate3d(1,0,0,-5deg);
        transform: perspective(400px) rotate3d(1,0,0,-5deg)
    }

    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }
}

.flipInX {
    -webkit-backface-visibility: visible!important;
    backface-visibility: visible!important;
    -webkit-animation-name: flipInX;
    animation-name: flipInX
}

@-webkit-keyframes flipInY {
    from {
        -webkit-transform: perspective(400px) rotate3d(0,1,0,90deg);
        transform: perspective(400px) rotate3d(0,1,0,90deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0
    }

    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }
}

@keyframes flipInY {
    from {
        -webkit-transform: perspective(400px) rotate3d(0,1,0,90deg);
        transform: perspective(400px) rotate3d(0,1,0,90deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0
    }

    40% {
        -webkit-transform: perspective(400px) rotate3d(0,1,0,-20deg);
        transform: perspective(400px) rotate3d(0,1,0,-20deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    60% {
        -webkit-transform: perspective(400px) rotate3d(0,1,0,10deg);
        transform: perspective(400px) rotate3d(0,1,0,10deg);
        opacity: 1
    }

    80% {
        -webkit-transform: perspective(400px) rotate3d(0,1,0,-5deg);
        transform: perspective(400px) rotate3d(0,1,0,-5deg)
    }

    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }
}

.flipInY {
    -webkit-backface-visibility: visible!important;
    backface-visibility: visible!important;
    -webkit-animation-name: flipInY;
    animation-name: flipInY
}

@-webkit-keyframes flipOutX {
    from {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }

    to {
        -webkit-transform: perspective(400px) rotate3d(1,0,0,90deg);
        transform: perspective(400px) rotate3d(1,0,0,90deg);
        opacity: 0
    }
}

@keyframes flipOutX {
    from {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }

    30% {
        -webkit-transform: perspective(400px) rotate3d(1,0,0,-20deg);
        transform: perspective(400px) rotate3d(1,0,0,-20deg);
        opacity: 1
    }

    to {
        -webkit-transform: perspective(400px) rotate3d(1,0,0,90deg);
        transform: perspective(400px) rotate3d(1,0,0,90deg);
        opacity: 0
    }
}

@-webkit-keyframes flipOutY {
    from {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }

    to {
        -webkit-transform: perspective(400px) rotate3d(0,1,0,90deg);
        transform: perspective(400px) rotate3d(0,1,0,90deg);
        opacity: 0
    }
}

@keyframes flipOutY {
    from {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }

    30% {
        -webkit-transform: perspective(400px) rotate3d(0,1,0,-15deg);
        transform: perspective(400px) rotate3d(0,1,0,-15deg);
        opacity: 1
    }

    to {
        -webkit-transform: perspective(400px) rotate3d(0,1,0,90deg);
        transform: perspective(400px) rotate3d(0,1,0,90deg);
        opacity: 0
    }
}

@-webkit-keyframes lightSpeedIn {
    from {
        -webkit-transform: translate3d(100%,0,0) skewX(-30deg);
        transform: translate3d(100%,0,0) skewX(-30deg);
        opacity: 0
    }

    to {
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0)
    }
}

@keyframes lightSpeedIn {
    from {
        -webkit-transform: translate3d(100%,0,0) skewX(-30deg);
        transform: translate3d(100%,0,0) skewX(-30deg);
        opacity: 0
    }

    60% {
        -webkit-transform: skewX(20deg);
        transform: skewX(20deg);
        opacity: 1
    }

    80% {
        -webkit-transform: skewX(-5deg);
        transform: skewX(-5deg)
    }

    to {
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0)
    }
}

@-webkit-keyframes lightSpeedOut {
    from {
        opacity: 1
    }

    to {
        -webkit-transform: translate3d(100%,0,0) skewX(30deg);
        transform: translate3d(100%,0,0) skewX(30deg);
        opacity: 0
    }
}

@keyframes lightSpeedOut {
    from {
        opacity: 1
    }

    to {
        -webkit-transform: translate3d(100%,0,0) skewX(30deg);
        transform: translate3d(100%,0,0) skewX(30deg);
        opacity: 0
    }
}

@-webkit-keyframes rotateIn {
    from {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: rotate3d(0,0,1,-200deg);
        transform: rotate3d(0,0,1,-200deg);
        opacity: 0
    }

    to {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0);
        opacity: 1
    }
}

@keyframes rotateIn {
    from {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: rotate3d(0,0,1,-200deg);
        transform: rotate3d(0,0,1,-200deg);
        opacity: 0
    }

    to {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0);
        opacity: 1
    }
}

@-webkit-keyframes rotateInDownLeft {
    from {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0,0,1,-45deg);
        transform: rotate3d(0,0,1,-45deg);
        opacity: 0
    }

    to {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0);
        opacity: 1
    }
}

@keyframes rotateInDownLeft {
    from {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0,0,1,-45deg);
        transform: rotate3d(0,0,1,-45deg);
        opacity: 0
    }

    to {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0);
        opacity: 1
    }
}

@-webkit-keyframes rotateInDownRight {
    from {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0,0,1,45deg);
        transform: rotate3d(0,0,1,45deg);
        opacity: 0
    }

    to {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0);
        opacity: 1
    }
}

@keyframes rotateInDownRight {
    from {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0,0,1,45deg);
        transform: rotate3d(0,0,1,45deg);
        opacity: 0
    }

    to {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0);
        opacity: 1
    }
}

@-webkit-keyframes rotateInUpLeft {
    from {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0,0,1,45deg);
        transform: rotate3d(0,0,1,45deg);
        opacity: 0
    }

    to {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0);
        opacity: 1
    }
}

@keyframes rotateInUpLeft {
    from {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0,0,1,45deg);
        transform: rotate3d(0,0,1,45deg);
        opacity: 0
    }

    to {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0);
        opacity: 1
    }
}

@-webkit-keyframes rotateInUpRight {
    from {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0,0,1,-90deg);
        transform: rotate3d(0,0,1,-90deg);
        opacity: 0
    }

    to {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0);
        opacity: 1
    }
}

@keyframes rotateInUpRight {
    from {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0,0,1,-90deg);
        transform: rotate3d(0,0,1,-90deg);
        opacity: 0
    }

    to {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0);
        opacity: 1
    }
}

@-webkit-keyframes rotateOut {
    from {
        -webkit-transform-origin: center;
        transform-origin: center;
        opacity: 1
    }

    to {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: rotate3d(0,0,1,200deg);
        transform: rotate3d(0,0,1,200deg);
        opacity: 0
    }
}

@keyframes rotateOut {
    from {
        -webkit-transform-origin: center;
        transform-origin: center;
        opacity: 1
    }

    to {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: rotate3d(0,0,1,200deg);
        transform: rotate3d(0,0,1,200deg);
        opacity: 0
    }
}

@-webkit-keyframes rotateOutDownLeft {
    from {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        opacity: 1
    }

    to {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0,0,1,45deg);
        transform: rotate3d(0,0,1,45deg);
        opacity: 0
    }
}

@keyframes rotateOutDownLeft {
    from {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        opacity: 1
    }

    to {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0,0,1,45deg);
        transform: rotate3d(0,0,1,45deg);
        opacity: 0
    }
}

@-webkit-keyframes rotateOutDownRight {
    from {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        opacity: 1
    }

    to {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0,0,1,-45deg);
        transform: rotate3d(0,0,1,-45deg);
        opacity: 0
    }
}

@keyframes rotateOutDownRight {
    from {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        opacity: 1
    }

    to {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0,0,1,-45deg);
        transform: rotate3d(0,0,1,-45deg);
        opacity: 0
    }
}

@-webkit-keyframes rotateOutUpLeft {
    from {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        opacity: 1
    }

    to {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0,0,1,-45deg);
        transform: rotate3d(0,0,1,-45deg);
        opacity: 0
    }
}

@keyframes rotateOutUpLeft {
    from {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        opacity: 1
    }

    to {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0,0,1,-45deg);
        transform: rotate3d(0,0,1,-45deg);
        opacity: 0
    }
}

@-webkit-keyframes rotateOutUpRight {
    from {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        opacity: 1
    }

    to {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0,0,1,90deg);
        transform: rotate3d(0,0,1,90deg);
        opacity: 0
    }
}

@keyframes rotateOutUpRight {
    from {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        opacity: 1
    }

    to {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0,0,1,90deg);
        transform: rotate3d(0,0,1,90deg);
        opacity: 0
    }
}

@-webkit-keyframes hinge {
    to {
        -webkit-transform: translate3d(0,700px,0);
        transform: translate3d(0,700px,0);
        opacity: 0
    }
}

@keyframes hinge {
    0% {
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }

    20%,60% {
        -webkit-transform: rotate3d(0,0,1,80deg);
        transform: rotate3d(0,0,1,80deg);
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }

    40%,80% {
        -webkit-transform: rotate3d(0,0,1,60deg);
        transform: rotate3d(0,0,1,60deg);
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
        opacity: 1
    }

    to {
        -webkit-transform: translate3d(0,700px,0);
        transform: translate3d(0,700px,0);
        opacity: 0
    }
}

@-webkit-keyframes jackInTheBox {
    from {
        opacity: 0;
        -webkit-transform: scale(.1) rotate(30deg);
        transform: scale(.1) rotate(30deg);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom
    }

    to {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes jackInTheBox {
    from {
        opacity: 0;
        -webkit-transform: scale(.1) rotate(30deg);
        transform: scale(.1) rotate(30deg);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom
    }

    50% {
        -webkit-transform: rotate(-10deg);
        transform: rotate(-10deg)
    }

    70% {
        -webkit-transform: rotate(3deg);
        transform: rotate(3deg)
    }

    to {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@-webkit-keyframes rollIn {
    from {
        opacity: 0;
        -webkit-transform: translate3d(-100%,0,0) rotate3d(0,0,1,-120deg);
        transform: translate3d(-100%,0,0) rotate3d(0,0,1,-120deg)
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0)
    }
}

@keyframes rollIn {
    from {
        opacity: 0;
        -webkit-transform: translate3d(-100%,0,0) rotate3d(0,0,1,-120deg);
        transform: translate3d(-100%,0,0) rotate3d(0,0,1,-120deg)
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0)
    }
}

@-webkit-keyframes rollOut {
    from {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(100%,0,0) rotate3d(0,0,1,120deg);
        transform: translate3d(100%,0,0) rotate3d(0,0,1,120deg)
    }
}

@keyframes rollOut {
    from {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(100%,0,0) rotate3d(0,0,1,120deg);
        transform: translate3d(100%,0,0) rotate3d(0,0,1,120deg)
    }
}

@-webkit-keyframes zoomIn {
    from {
        opacity: 0;
        -webkit-transform: scale3d(.3,.3,.3);
        transform: scale3d(.3,.3,.3)
    }
}

@keyframes zoomIn {
    from {
        opacity: 0;
        -webkit-transform: scale3d(.3,.3,.3);
        transform: scale3d(.3,.3,.3)
    }

    50% {
        opacity: 1
    }
}

@-webkit-keyframes zoomInDown {
    from {
        opacity: 0;
        -webkit-transform: scale3d(.1,.1,.1) translate3d(0,-1000px,0);
        transform: scale3d(.1,.1,.1) translate3d(0,-1000px,0);
        -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19);
        animation-timing-function: cubic-bezier(.55,.055,.675,.19)
    }
}

@keyframes zoomInDown {
    from {
        opacity: 0;
        -webkit-transform: scale3d(.1,.1,.1) translate3d(0,-1000px,0);
        transform: scale3d(.1,.1,.1) translate3d(0,-1000px,0);
        -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19);
        animation-timing-function: cubic-bezier(.55,.055,.675,.19)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475,.475,.475) translate3d(0,60px,0);
        transform: scale3d(.475,.475,.475) translate3d(0,60px,0);
        -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
        animation-timing-function: cubic-bezier(.175,.885,.32,1)
    }
}

@-webkit-keyframes zoomInLeft {
    from {
        opacity: 0;
        -webkit-transform: scale3d(.1,.1,.1) translate3d(-1000px,0,0);
        transform: scale3d(.1,.1,.1) translate3d(-1000px,0,0);
        -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19);
        animation-timing-function: cubic-bezier(.55,.055,.675,.19)
    }
}

@keyframes zoomInLeft {
    from {
        opacity: 0;
        -webkit-transform: scale3d(.1,.1,.1) translate3d(-1000px,0,0);
        transform: scale3d(.1,.1,.1) translate3d(-1000px,0,0);
        -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19);
        animation-timing-function: cubic-bezier(.55,.055,.675,.19)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475,.475,.475) translate3d(10px,0,0);
        transform: scale3d(.475,.475,.475) translate3d(10px,0,0);
        -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
        animation-timing-function: cubic-bezier(.175,.885,.32,1)
    }
}

@-webkit-keyframes zoomInRight {
    from {
        opacity: 0;
        -webkit-transform: scale3d(.1,.1,.1) translate3d(1000px,0,0);
        transform: scale3d(.1,.1,.1) translate3d(1000px,0,0);
        -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19);
        animation-timing-function: cubic-bezier(.55,.055,.675,.19)
    }
}

@keyframes zoomInRight {
    from {
        opacity: 0;
        -webkit-transform: scale3d(.1,.1,.1) translate3d(1000px,0,0);
        transform: scale3d(.1,.1,.1) translate3d(1000px,0,0);
        -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19);
        animation-timing-function: cubic-bezier(.55,.055,.675,.19)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475,.475,.475) translate3d(-10px,0,0);
        transform: scale3d(.475,.475,.475) translate3d(-10px,0,0);
        -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
        animation-timing-function: cubic-bezier(.175,.885,.32,1)
    }
}

@-webkit-keyframes zoomInUp {
    from {
        opacity: 0;
        -webkit-transform: scale3d(.1,.1,.1) translate3d(0,1000px,0);
        transform: scale3d(.1,.1,.1) translate3d(0,1000px,0);
        -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19);
        animation-timing-function: cubic-bezier(.55,.055,.675,.19)
    }
}

@keyframes zoomInUp {
    from {
        opacity: 0;
        -webkit-transform: scale3d(.1,.1,.1) translate3d(0,1000px,0);
        transform: scale3d(.1,.1,.1) translate3d(0,1000px,0);
        -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19);
        animation-timing-function: cubic-bezier(.55,.055,.675,.19)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475,.475,.475) translate3d(0,-60px,0);
        transform: scale3d(.475,.475,.475) translate3d(0,-60px,0);
        -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
        animation-timing-function: cubic-bezier(.175,.885,.32,1)
    }
}

@-webkit-keyframes zoomOut {
    from {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

@keyframes zoomOut {
    from {
        opacity: 1
    }

    50% {
        opacity: 0;
        -webkit-transform: scale3d(.3,.3,.3);
        transform: scale3d(.3,.3,.3)
    }

    to {
        opacity: 0
    }
}

@-webkit-keyframes zoomOutDown {
    to {
        opacity: 0;
        -webkit-transform: scale3d(.1,.1,.1) translate3d(0,2000px,0);
        transform: scale3d(.1,.1,.1) translate3d(0,2000px,0);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom;
        -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
        animation-timing-function: cubic-bezier(.175,.885,.32,1)
    }
}

@keyframes zoomOutDown {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475,.475,.475) translate3d(0,-60px,0);
        transform: scale3d(.475,.475,.475) translate3d(0,-60px,0);
        -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19);
        animation-timing-function: cubic-bezier(.55,.055,.675,.19)
    }

    to {
        opacity: 0;
        -webkit-transform: scale3d(.1,.1,.1) translate3d(0,2000px,0);
        transform: scale3d(.1,.1,.1) translate3d(0,2000px,0);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom;
        -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
        animation-timing-function: cubic-bezier(.175,.885,.32,1)
    }
}

@-webkit-keyframes zoomOutLeft {
    to {
        opacity: 0;
        -webkit-transform: scale(.1) translate3d(-2000px,0,0);
        transform: scale(.1) translate3d(-2000px,0,0);
        -webkit-transform-origin: left center;
        transform-origin: left center
    }
}

@keyframes zoomOutLeft {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475,.475,.475) translate3d(42px,0,0);
        transform: scale3d(.475,.475,.475) translate3d(42px,0,0)
    }

    to {
        opacity: 0;
        -webkit-transform: scale(.1) translate3d(-2000px,0,0);
        transform: scale(.1) translate3d(-2000px,0,0);
        -webkit-transform-origin: left center;
        transform-origin: left center
    }
}

@-webkit-keyframes zoomOutRight {
    to {
        opacity: 0;
        -webkit-transform: scale(.1) translate3d(2000px,0,0);
        transform: scale(.1) translate3d(2000px,0,0);
        -webkit-transform-origin: right center;
        transform-origin: right center
    }
}

@keyframes zoomOutRight {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475,.475,.475) translate3d(-42px,0,0);
        transform: scale3d(.475,.475,.475) translate3d(-42px,0,0)
    }

    to {
        opacity: 0;
        -webkit-transform: scale(.1) translate3d(2000px,0,0);
        transform: scale(.1) translate3d(2000px,0,0);
        -webkit-transform-origin: right center;
        transform-origin: right center
    }
}

@-webkit-keyframes zoomOutUp {
    to {
        opacity: 0;
        -webkit-transform: scale3d(.1,.1,.1) translate3d(0,-2000px,0);
        transform: scale3d(.1,.1,.1) translate3d(0,-2000px,0);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom;
        -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
        animation-timing-function: cubic-bezier(.175,.885,.32,1)
    }
}

@keyframes zoomOutUp {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475,.475,.475) translate3d(0,60px,0);
        transform: scale3d(.475,.475,.475) translate3d(0,60px,0);
        -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19);
        animation-timing-function: cubic-bezier(.55,.055,.675,.19)
    }

    to {
        opacity: 0;
        -webkit-transform: scale3d(.1,.1,.1) translate3d(0,-2000px,0);
        transform: scale3d(.1,.1,.1) translate3d(0,-2000px,0);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom;
        -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
        animation-timing-function: cubic-bezier(.175,.885,.32,1)
    }
}

@-webkit-keyframes slideInDown {
    from {
        -webkit-transform: translate3d(0,-100%,0);
        transform: translate3d(0,-100%,0);
        visibility: visible
    }

    to {
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0)
    }
}

@keyframes slideInDown {
    from {
        -webkit-transform: translate3d(0,-100%,0);
        transform: translate3d(0,-100%,0);
        visibility: visible
    }

    to {
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0)
    }
}

@-webkit-keyframes slideInLeft {
    from {
        -webkit-transform: translate3d(-100%,0,0);
        transform: translate3d(-100%,0,0);
        visibility: visible
    }

    to {
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0)
    }
}

@keyframes slideInLeft {
    from {
        -webkit-transform: translate3d(-100%,0,0);
        transform: translate3d(-100%,0,0);
        visibility: visible
    }

    to {
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0)
    }
}

@-webkit-keyframes slideInRight {
    from {
        -webkit-transform: translate3d(100%,0,0);
        transform: translate3d(100%,0,0);
        visibility: visible
    }

    to {
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0)
    }
}

@keyframes slideInRight {
    from {
        -webkit-transform: translate3d(100%,0,0);
        transform: translate3d(100%,0,0);
        visibility: visible
    }

    to {
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0)
    }
}

@-webkit-keyframes slideInUp {
    from {
        -webkit-transform: translate3d(0,100%,0);
        transform: translate3d(0,100%,0);
        visibility: visible
    }

    to {
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0)
    }
}

@keyframes slideInUp {
    from {
        -webkit-transform: translate3d(0,100%,0);
        transform: translate3d(0,100%,0);
        visibility: visible
    }

    to {
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0)
    }
}

@-webkit-keyframes slideOutDown {
    from {
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0)
    }

    to {
        visibility: hidden;
        -webkit-transform: translate3d(0,100%,0);
        transform: translate3d(0,100%,0)
    }
}

@keyframes slideOutDown {
    from {
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0)
    }

    to {
        visibility: hidden;
        -webkit-transform: translate3d(0,100%,0);
        transform: translate3d(0,100%,0)
    }
}

@-webkit-keyframes slideOutLeft {
    from {
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0)
    }

    to {
        visibility: hidden;
        -webkit-transform: translate3d(-100%,0,0);
        transform: translate3d(-100%,0,0)
    }
}

@keyframes slideOutLeft {
    from {
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0)
    }

    to {
        visibility: hidden;
        -webkit-transform: translate3d(-100%,0,0);
        transform: translate3d(-100%,0,0)
    }
}

@-webkit-keyframes slideOutRight {
    from {
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0)
    }

    to {
        visibility: hidden;
        -webkit-transform: translate3d(100%,0,0);
        transform: translate3d(100%,0,0)
    }
}

@keyframes slideOutRight {
    from {
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0)
    }

    to {
        visibility: hidden;
        -webkit-transform: translate3d(100%,0,0);
        transform: translate3d(100%,0,0)
    }
}

@-webkit-keyframes slideOutUp {
    from {
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0)
    }

    to {
        visibility: hidden;
        -webkit-transform: translate3d(0,-100%,0);
        transform: translate3d(0,-100%,0)
    }
}

@keyframes slideOutUp {
    from {
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0)
    }

    to {
        visibility: hidden;
        -webkit-transform: translate3d(0,-100%,0);
        transform: translate3d(0,-100%,0)
    }
}

.animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

.animated.slow {
    -webkit-animation-duration: 2s;
    animation-duration: 2s
}

@media(print),(prefers-reduced-motion) {
    .animated {
        -webkit-animation: unset!important;
        animation: unset!important;
        -webkit-transition: none!important;
        transition: none!important
    }
}

/*!* @package IconKit
* @version 1.0*/
@font-face {
    font-family: iconkit;
    src: url(../fonts/iconkit.eot?0b5dc5348cfe1a03c0ec2338a204e6a2);
    src: url(../fonts/iconkit.eot?0b5dc5348cfe1a03c0ec2338a204e6a2#iefix) format("embedded-opentype"),url(../fonts/iconkit.woff?d7fb2f696f4bb0997e0c0bba11d91f29) format("woff"),url(../fonts/iconkit.ttf?7e2df62eb68ccb8899b21d2124a2b99f) format("truetype"),url(../fonts/iconkit.svg?cb9c24a04f30f45f208c16e1a715706e#iconkit) format("svg")
}

.ik,.btn.btn-loading:after,.btn-loading.product-weight-label:after,.purchase-button.btn-loading::after {
    font-family: iconkit!important;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.ik-alert-circle:before {
    content: "\E81C"
}

.ik-activity:before {
    content: "\E81D"
}

.ik-alert-triangle:before {
    content: "\E81E"
}

.ik-arrow-down-left:before {
    content: "\E824"
}

.ik-arrow-down-right:before {
    content: "\E825"
}

.ik-arrow-left:before {
    content: "\E828"
}

.ik-arrow-right:before {
    content: "\E829"
}

.ik-arrow-down:before {
    content: "\E82A"
}

.ik-arrow-up-left:before {
    content: "\E82B"
}

.ik-arrow-up-right:before {
    content: "\E82C"
}

.ik-arrow-up:before {
    content: "\E82D"
}

.ik-award:before {
    content: "\E82E"
}

.ik-briefcase:before {
    content: "\E838"
}

.ik-check-circle:before {
    content: "\E83E"
}

.ik-check:before {
    content: "\E83F"
}

.ik-chevron-down:before {
    content: "\E842"
}

.ik-chevron-left:before {
    content: "\E843"
}

.ik-chevron-right:before {
    content: "\E844"
}

.ik-chevrons-right:before {
    content: "\E847"
}

.ik-chevrons-left:before {
    content: "\E849"
}

.ik-clock:before {
    content: "\E84D"
}

.ik-delete:before {
    content: "\E862"
}

.ik-download:before {
    content: "\E864"
}

.ik-info:before {
    content: "\E87F"
}

.ik-minus-circle:before {
    content: "\E894"
}

.ik-minus:before {
    content: "\E897"
}

.ik-percent:before {
    content: "\E8A4"
}

.ik-plus:before {
    content: "\E8B1"
}

.ik-printer:before {
    content: "\E8B3"
}

.ik-refresh-ccw:before {
    content: "\E8B7"
}

.ik-search:before {
    content: "\E8BD"
}

.ik-toggle-left:before {
    content: "\E8D8"
}

.ik-toggle-right:before {
    content: "\E8D9"
}

.ik-user:before {
    content: "\E8E9"
}

.ik-users:before {
    content: "\E8EA"
}

.ik-hash:before {
    content: "\E8FD"
}

.ik-help-circle:before {
    content: "\E903"
}

.ik-shopping-cart:before {
    content: "\E905"
}

.ik-minimize:before {
    content: "\E88D"
}

.ik-maximize:before {
    content: "\E908"
}

.ik-arrow-down-circle:before {
    content: "\E90E"
}

.ik-arrow-up-circle:before {
    content: "\E90F"
}

.ik-arrow-left-circle:before {
    content: "\E910"
}

.ik-arrow-right-circle:before {
    content: "\E911"
}

.ik-book-open:before {
    content: "\E914"
}

.ik-gift:before {
    content: "\E919"
}

.ik-1x {
    font-size: 1em
}

.ik-2x {
    font-size: 2em
}

.ik-3x {
    font-size: 3em
}

.ik-4x {
    font-size: 4em
}

.ik-5x {
    font-size: 5em
}

.tool-title {
    position: relative
}

.tool-title:after {
    background-color: #333;
    border-radius: 10px;
    color: #fff;
    display: none;
    padding: 10px 15px;
    position: absolute;
    text-align: center;
    z-index: 999;
    content: attr(data-tooltip)
}

.tool-title:before {
    background-color: #333;
    content: ' ';
    display: none;
    position: absolute;
    width: 15px;
    height: 15px;
    z-index: 999
}

.tool-title:hover:before,.tool-title:hover:after {
    display: block
}

.tool-title.top:after {
    top: 0;
    left: 50%;
    -webkit-transform: translate(-50%,calc(-100% - 10px));
    transform: translate(-50%,calc(-100% - 10px))
}

.tool-title.top:before {
    top: 0;
    left: 50%;
    -webkit-transform: translate(-50%,calc(-100% - 5px)) rotate(45deg);
    transform: translate(-50%,calc(-100% - 5px)) rotate(45deg)
}

.tool-title.bottom:after {
    bottom: 0;
    left: 50%;
    -webkit-transform: translate(-50%,calc(100% + 10px));
    transform: translate(-50%,calc(100% + 10px))
}

.tool-title.bottom:before {
    bottom: 0;
    left: 50%;
    -webkit-transform: translate(-50%,calc(100% + 5px)) rotate(45deg);
    transform: translate(-50%,calc(100% + 5px)) rotate(45deg)
}

.tool-title.right:after {
    top: 0;
    right: 0;
    -webkit-transform: translateX(calc(100% + 10px));
    transform: translateX(calc(100% + 10px))
}

.tool-title.right:before {
    top: 50%;
    right: 0;
    -webkit-transform: translate(calc(100% + 5px),-50%) rotate(45deg);
    transform: translate(calc(100% + 5px),-50%) rotate(45deg)
}

.tool-title.left:after {
    top: 50%;
    left: 0;
    -webkit-transform: translate(calc(-100% - 10px),-50%);
    transform: translate(calc(-100% - 10px),-50%)
}

.tool-title.left:before {
    top: 50%;
    left: 0;
    -webkit-transform: translate(calc(-100% - 5px),-50%) rotate(45deg);
    transform: translate(calc(-100% - 5px),-50%) rotate(45deg)
}

.gift-cert {
    position: relative
}

.gift-cert__title {
    font-size: 40px;
    letter-spacing: 2px
}

.gift-cert__print {
    width: 50px;
    height: 50px;
    padding: 0;
    border-radius: 50%
}

.gift-cert__print i {
    font-size: 25px;
    margin: 0
}

.gift-cert__cooked {
    position: absolute;
    left: .5em;
    top: .5em;
    bottom: .5em;
    right: .5em;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    z-index: 3;
    font-size: 2.2em;
    color: #f5365c;
    letter-spacing: 4px;
    font-weight: 500;
    text-transform: uppercase;
    display: none
}

.gift-cert__cooked i {
    font-size: 110%
}

.gift-cert--finish .gift-cert__print {
    display: none
}

.gift-cert--finish .gift-cert__inner {
    opacity: .1;
    pointer-events: none
}

.gift-cert--finish .gift-cert__cooked {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

body {
    font-family: open sans,sans-serif
}

input::-webkit-input-placeholder {
    opacity: 1;
    -webkit-transition: opacity .3s ease;
    transition: opacity .3s ease
}

input::-moz-placeholder {
    opacity: 1;
    -webkit-transition: opacity .3s ease;
    transition: opacity .3s ease
}

input:-moz-placeholder {
    opacity: 1;
    -webkit-transition: opacity .3s ease;
    transition: opacity .3s ease
}

input:-ms-input-placeholder {
    opacity: 1;
    -webkit-transition: opacity .3s ease;
    transition: opacity .3s ease
}

input:focus::-webkit-input-placeholder {
    opacity: 0;
    -webkit-transition: opacity .3s ease;
    transition: opacity .3s ease
}

input:focus::-moz-placeholder {
    opacity: 0;
    -webkit-transition: opacity .3s ease;
    transition: opacity .3s ease
}

input:focus:-moz-placeholder {
    opacity: 0;
    -webkit-transition: opacity .3s ease;
    transition: opacity .3s ease
}

input:focus:-ms-input-placeholder {
    opacity: 0;
    -webkit-transition: opacity .3s ease;
    transition: opacity .3s ease
}

input[type=number]::-webkit-outer-spin-button,input[type=number]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0
}

input[type=number] {
    -moz-appearance: textfield
}

.link {
    color: #007bff
}

.link--main {
    color: #d5ba81
}

.link--main:hover {
    color: #c8a55b
}

.text-main {
    color: #d5ba81
}

.modal-title {
    line-height: 1.2
}

.shadow-none {
    -webkit-box-shadow: none!important;
    box-shadow: none!important
}

.form-radio label {
    cursor: pointer
}

.form-group small {
    line-height: 1.3;
    display: inline-block
}

.form-group--ico {
    position: relative
}

.form-group--ico .form-control {
    padding-left: 40px
}

.form-group--ico .form-control~i {
    position: absolute;
    top: 10px;
    left: 15px
}

.tabs.inner-tabs .tabs__nav-list {
    border-bottom: 1px solid #f0f0f0
}

.tabs.inner-tabs .tabs__nav-item .tabs__link:last-child {
    border: 0
}

.tabs.inner-tabs .tabs__link {
    background-color: unset;
    border: 0;
    font-weight: 700;
    padding: 10px 11px!important;
    color: #878787
}

.tabs.inner-tabs .tabs__link.active {
    color: #252525;
    background-color: unset;
    position: relative
}

.tabs.inner-tabs .tabs__link.active::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 2px;
    background-color: #d5ba81;
    bottom: -1px;
    left: 0
}

@media(max-width: 767.98px) {
    .table td,.table th {
        padding:.5rem .25rem
    }
}

.nav-link {
    border-color: transparent
}

.nav-link.active {
    -webkit-box-shadow: 0 0 4px 2px rgba(245,52,92,.4);
    box-shadow: 0 0 4px 2px rgba(245,52,92,.4)
}

.btn.btn-loading,.btn-loading.product-weight-label {
    color: transparent!important;
    position: relative;
    pointer-events: none
}

.btn.btn-loading:after,.btn-loading.product-weight-label:after {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 1em;
    height: 1em;
    font-size: 1em;
    margin: -.5em 0 0 -.5em;
    content: "\E8B7";
    z-index: 2;
    color: #fff
}

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

.flex-block:not(:last-child) {
    margin-top: 7px
}

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

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

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

.mt-0 {
    margin-top: 0
}

.m-0 {
    margin: 0
}

.mobile-nav-toggle {
    background-color: transparent;
    width: 45px
}

.table thead th {
    font-weight: 500;
    line-height: 1.2
}

.table.dataTable thead th {
    background-image: none!important
}

.dataTables_paginate,.dataTables_length {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex
}

.dataTables_wrapper .bottom {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.dataTables_wrapper .pagination {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.dataTables_wrapper .pagination .page-item a.page-link:hover {
    color: #007bff!important
}

.dataTables_wrapper .pagination .page-item.active a.page-link {
    background-color: #b9b9b9!important
}

select.form-control {
    background-position: center right 7px
}

.page-loader {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #fff;
    z-index: 10000
}

.page-loader .loading,.page-loader .btn.btn-loading:after,.page-loader .btn-loading.product-weight-label:after,.page-loader .purchase-button.btn-loading::after {
    font-size: 2.5em;
    color: #f5365c;
    opacity: .6
}

.text-mute {
    opacity: .4
}

.input-group .input-group-prepend .btn,.input-group .input-group-prepend .product-weight-label {
    border-color: #eaeaea;
    border-bottom-left-radius: 4px!important;
    border-top-left-radius: 4px!important
}

.network-container {
    position: relative;
    min-height: 0
}

.network-container .network-loader {
    position: absolute;
    content: "";
    left: -15px;
    right: -15px;
    top: -3px;
    bottom: 50px;
    z-index: 10;
    background-color: #fff;
    display: none;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: #f5365c;
    font-size: 30px
}

.network-container .network-loader .preloader__anime {
    position: sticky;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%)
}

@media(min-width: 769px) {
    .network-container .network-loader .preloader__anime {
        top:auto;
        left: auto;
        -webkit-transform: none;
        transform: none
    }
}

.network-container.loading-state .network-loader {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.dropdown-menu.w-auto {
    width: auto;
    min-width: auto
}

.dropdown-menu-right {
    right: 0!important;
    left: auto!important;
    top: auto!important;
    -webkit-transform: none!important;
    transform: none!important
}

.dropdown--lang .dropdown-menu {
    width: 100%;
    min-width: 0
}

.dropdown--lang .dropdown-menu .dropdown-item {
    text-align: center;
    padding: 0
}

.dropdown--lang .dropdown-menu .dropdown-item a {
    padding: 8px 4px;
    display: block
}

.dropdown--lang .dropdown-menu .dropdown-item.active {
    background-color: #dee2e6;
    pointer-events: none
}

.dropdown-menu__countries {
    max-height: 200px;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch
}

.dropdown-menu [name=country_mask_search] {
    width: auto
}

.modal {
    z-index: 999999
}

.more-show_btn {
    color: #777;
    font-weight: 800;
    font-size: 14px;
    padding: 0;
    position: relative
}

.more-show_btn i {
    color: #777;
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
    font-size: 20px;
    position: absolute;
    right: -28px;
    top: 2px
}

.more-show_btn:hover {
    color: #d5ba81
}

.more-show_btn:hover i {
    color: #d5ba81
}

#country-select .form-group {
    margin-bottom: .25em
}

.auth-lang {
    position: absolute;
    right: 1em;
    top: 1em;
    z-index: 2
}

.widget {
    height: calc(100% - 25px)
}

.product-weight input[type=radio] {
    opacity: 0;
    position: absolute;
    width: 0;
    height: 0
}

.product-weight-label {
    border: 1px solid #ccc;
    -webkit-transition: all .3s linear;
    transition: all .3s linear;
    cursor: pointer
}

.product-weight-label:hover {
    background-color: rgba(190,190,190,.4)
}

.product-weight input[type=radio]:checked+.product-weight-label {
    border-color: rgba(245,54,92,.9);
    color: #f5365c
}

.input-info {
    position: absolute;
    bottom: calc(100% + 15px);
    padding: .5rem;
    background-color: rgba(0,0,0,.8);
    border-radius: 8px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    color: #fff;
    line-height: 1.3;
    font-size: 90%;
    -webkit-transition: opacity .3s ease;
    transition: opacity .3s ease;
    z-index: 10
}

.input-info__ico {
    font-size: 35px;
    margin-right: .5rem
}

.input-info:after {
    display: block;
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 8px 8px 0;
    border-color: rgba(0,0,0,.8) transparent transparent transparent;
    position: absolute;
    left: 50%;
    top: 100%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

.form-control:focus~.input-info {
    opacity: 1;
    visibility: visible
}

.product-title {
    font-weight: 300
}

.product .input-group .btn,.product .input-group .product-weight-label,.product .input-group .btn,.product .input-group .product-weight-label {
    width: 30px;
    border-color: #eaeaea;
    text-align: center;
    padding-left: 0;
    padding-right: 0;
    line-height: 1.7
}

.product input[type=number] {
    -moz-appearance: textfield;
    text-align: center
}

.product input[type=number]::-webkit-inner-spin-button,.product input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0
}

.product-disabled {
    position: relative;
    pointer-events: none
}

.product-disabled * {
    pointer-events: none
}

.product-disabled:before {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,.65);
    content: "";
    display: block;
    z-index: 9
}

.product-disabled:after {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    font-size: 100px;
    font-family: iconkit;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\E894";
    display: inline-block;
    color: #bc092d;
    opacity: .7;
    z-index: 10
}

.product-btn {
    width: 100%;
    font-size: 1.5em;
    padding: .75rem .25em
}

.product-currency {
    font-size: 12px;
    color: #212121
}

.product-price {
    font-size: 1.6rem;
    white-space: nowrap
}

.product-footer>.col-auto:first-child {
    padding-right: 0
}

.product-weight-title {
    padding-top: .5em;
    padding-bottom: .5em
}

.product-footer,.product-price {
    opacity: .2;
    -webkit-transition: opacity .3s linear;
    transition: opacity .3s linear
}

.nav-link {
    -webkit-transition: all .3s linear;
    transition: all .3s linear;
    font-weight: 600;
    padding: .43rem .75rem;
    border-radius: 4px;
    background-color: rgba(154,160,172,.15);
    font-size: 110%
}

.nav-link.active {
    color: #fff;
    background-color: #f5365c
}

.nav-link:not(.active):hover {
    background-color: rgba(245,54,92,.1)
}

select.product-select {
    border: none;
    color: #f5365c;
    background-color: transparent;
    padding: .5rem 1rem;
    font-size: 1.4rem;
    height: auto!important
}

select.product-select:focus {
    color: rgba(245,54,92,.6)
}

.cart-modal .modal-body {
    padding: 35px 50px 40px;
    background-color: #f6f7fb
}

@media(max-width: 575.98px) {
    .cart-modal .modal-body {
        padding:30px 20px
    }
}

.cart-modal .modal-dialog {
    width: 440px;
    max-width: 90%;
    margin: 3rem auto!important;
    padding-top: 0
}

.cart-modal .modal-price {
    font-weight: 600
}

.cart-modal .modal-price-help {
    font-size: 22px
}

.cart-modal .modal-content {
    background: #efefef
}

.cart-modal .modal-content .modal-body {
    background-color: transparent
}

.cart-modal .payment-info__wrapp .order-info {
    background: -webkit-gradient(linear,left bottom,left top,from(#00272a),color-stop(99%,#013a3f));
    background: linear-gradient(360deg,#00272a 0%,#013a3f 99%);
    border-radius: 8px
}

@media(max-width: 767.98px) {
    .cart-modal .payment-info__wrapp {
        max-width:380px;
        margin: 0 auto
    }
}

.cart-modal .payment-info__wrapp .btn-outline {
    border-color: #d5ba81;
    background: rgba(213,186,129,.1);
    color: #d5ba81
}

.cart-modal .payment-info__wrapp .btn-outline:hover {
    background: #ccc;
    color: #fff
}

.cart-modal .payment-info__title {
    color: #252525;
    font-size: 36px;
    font-weight: 700;
    text-align: center;
    margin-bottom: 26px
}

@media(max-width: 575.98px) {
    .cart-modal .payment-info__title {
        font-size:28px
    }
}

.modal.modal-second .modal-content {
    background: #efefef
}

.modal.modal-second .modal-inner {
    width: 100%;
    margin: auto;
    background: #fff;
    -webkit-box-shadow: 0 12px 24px rgba(0,0,0,.12);
    box-shadow: 0 12px 24px rgba(0,0,0,.12);
    border-radius: 3px;
    padding: 15px
}

.modal.modal-second .modal-label,.modal.modal-second .form-group>label {
    font-size: 13px;
    color: #999
}

@media(max-width: 767px) {
    table.dataTable.nowrap td,table.dataTable.nowrap th {
        white-space:normal
    }
}

.header-auth-info {
    background-color: #f5365c;
    position: fixed;
    z-index: 99999;
    top: 0;
    left: 0;
    color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 3rem;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    width: 100%;
    font-size: 16px;
    line-height: 1
}

.header-auth-info a {
    color: #fff;
    font-weight: 600
}

@media(max-width: 767px) {
    .header-auth-info {
        font-size:13px
    }
}

.header-auth-info .dropdown-menu {
    width: auto;
    min-width: 200px
}

.header-auth-info .dropdown-menu .dropdown-item {
    color: #000;
    white-space: normal;
    font-weight: 500;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.app-sidebar {
    overflow-y: auto;
    -webkit-overflow-scrolling: touch
}

.wrapper .page-wrap .main-content .page-header {
    padding-bottom: 10px
}

.network-level {
    height: 36px
}

.level-info-table table tr:first-child td {
    line-height: 1;
    font-weight: 600
}

@media(max-width: 767px) {
    .level-info-table table tr:first-child td {
        font-size:12px
    }
}

.level-info-table table td {
    padding-top: .5rem;
    padding-bottom: .5rem
}

@media(max-width: 767px) {
    .level-info-table table td {
        padding-left:5px;
        padding-right: 5px
    }
}

.modal-open .modal {
    -webkit-overflow-scrolling: touch
}

@media(max-width: 992px) {
    .modal-open .modal {
        overflow-y:scroll
    }
}

.disabledbutton {
    pointer-events: none;
    opacity: .4
}

.kt-portlet {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-shadow: 0 0 13px 0 rgba(82,63,105,.05);
    box-shadow: 0 0 13px 0 rgba(82,63,105,.05);
    background-color: #fff;
    margin-bottom: 20px;
    border-radius: 4px
}

@media(min-width: 1025px) {
    .kt-portlet.kt-portlet--height-fluid .kt-portlet__body {
        -webkit-box-flex:1;
        -ms-flex-positive: 1;
        flex-grow: 1
    }
}

.kt-portlet .kt-portlet__body {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 25px;
    border-radius: 4px
}

.kt-widget-12 .kt-widget-12__body .kt-widget-12__head {
    padding: 20px 20px 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 1.5rem
}

.kt-widget-12 .kt-widget-12__body .kt-widget-12__head .kt-widget-12__date {
    width: 5rem;
    height: 5rem;
    border-radius: 50%;
    overflow: hidden;
    background-color: rgba(93,120,255,.1);
    color: #5d78ff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 5rem;
    flex: 0 0 5rem;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-right: 1.25rem;
    text-transform: uppercase;
    line-height: 1.3rem
}

.kt-widget-12 .kt-widget-12__body .kt-widget-12__head .kt-widget-12__date .kt-widget-12__day {
    font-weight: 600;
    font-size: 1.6rem;
    margin-top: .2rem
}

.kt-widget-12 .kt-widget-12__body .kt-widget-12__head .kt-widget-12__date.kt-widget-12__date--success {
    background-color: rgba(29,201,183,.1);
    color: #1dc9b7
}

.kt-widget-12 .kt-widget-12__body .kt-widget-12__head .kt-widget-12__date.kt-widget-12__date--warning {
    background-color: rgba(255,184,34,.1);
    color: #ffb822
}

.kt-widget-12 .kt-widget-12__body .kt-widget-12__head .kt-widget-12__date.kt-widget-12__date--focus {
    background-color: rgba(152,22,244,.1);
    color: #9816f4
}

.kt-widget-12 .kt-widget-12__body .kt-widget-12__head .kt-widget-12__date {
    width: 5rem;
    height: 5rem;
    border-radius: 50%;
    overflow: hidden;
    background-color: rgba(93,120,255,.1);
    color: #5d78ff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 5rem;
    flex: 0 0 5rem;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-right: 1.25rem;
    line-height: 1.3rem
}

.kt-widget-12 .kt-widget-12__body .kt-widget-12__head .kt-widget-12__label {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.kt-widget-12 .kt-widget-12__body .kt-widget-12__info {
    font-size: 1rem;
    font-weight: 400;
    color: #74788d
}

.bord {
    padding: 20px;
    border-top: 1px solid #ebedf2;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px
}

.bord .input-group .input-group-append .btn,.bord .input-group .input-group-append .product-weight-label,.bord .input-group .form-control {
    height: auto
}

.btn.btn-default,.btn-default.product-weight-label {
    background: 0 0;
    color: #74788d;
    border: 1px solid #e8ecfa
}

.btn,.product-weight-label {
    display: inline-block;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    outline: none!important;
    vertical-align: middle
}

.radio-button {
    margin-right: .25rem
}

.radio-button label {
    padding: .25rem .65rem;
    color: #7e8695;
    font-size: 1rem;
    margin-bottom: .75rem;
    line-height: 1.3
}

.radio-button label:hover span {
    color: rgba(0,123,255,.7)
}

.radio-button label:hover .helper:before {
    border-color: rgba(0,123,255,.7)!important
}

.radio-button .helper {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.radio-button .helper:before {
    margin: 0;
    top: 0;
    left: 0;
    border-radius: 4px;
    border-width: 1px;
    width: 100%;
    height: 100%;
    border-color: inherit
}

.radio-button .helper:after {
    display: none
}

.radio-button input:checked+i+span {
    color: #007bff
}

.charity-form {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.charity-form .radio-button {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

.charity-form .radio-button label {
    text-align: center
}

.purchase-cooked td:first-child small {
    display: block;
    width: 100%;
    color: rgba(255,0,0,.8);
    letter-spacing: 1px;
    font-size: 11px;
    margin-top: -5px
}

.table.table-header-small thead th {
    padding-top: 8px;
    padding-bottom: 8px;
    font-size: 12px
}

table.dataTable.dtr-inline.collapsed>tbody>tr[role=row]>td:first-child:before,table.dataTable.dtr-inline.collapsed>tbody>tr[role=row]>th:first-child:before {
    border-radius: 4px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-box-shadow: none;
    box-shadow: none;
    background-color: #007bff
}

.faq-inner {
    margin: 0 1em;
    padding: 1em;
    background-color: #f3f3f3
}

.faq-inner p:empty {
    display: none
}

.vertical-center {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

#shop_sum-block {
    margin-bottom: 15px
}

.shop-info-time {
    text-align: center;
    margin: auto;
    padding: 10px;
    font-weight: 400;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background: rgba(208,76,76,.1);
    border: 1px solid #d04c4c;
    border-radius: 3px
}

.shop-info-time .ik,.shop-info-time .btn.btn-loading:after,.shop-info-time .btn-loading.product-weight-label:after,.shop-info-time .purchase-button.btn-loading::after {
    margin-right: .5em
}

@media(max-width: 767.98px) {
    .shop-info-time {
        text-align:left
    }
}

.text-underline {
    position: relative;
    display: inline-block
}

.text-underline:after {
    content: "";
    position: absolute;
    top: 100%;
    display: block;
    border-bottom: 1px dashed #000;
    border-color: inherit;
    left: 0;
    width: 100%
}

.content_pay-info {
    -ms-flex-wrap: nowrap!important;
    flex-wrap: nowrap!important
}

@media(max-width: 767px) {
    .content_pay-info {
        -ms-flex-wrap:wrap!important;
        flex-wrap: wrap!important
    }
}

.payment-history_balance {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.payment-history_balance p {
    margin-bottom: 0;
    line-height: 1
}

.payment-history_balance span {
    font-weight: 700;
    font-size: 22px;
    -webkit-font-smoothing: auto
}

@media(max-width: 1199.98px) {
    .payment-history_balance span {
        font-size:17px
    }
}

@media(max-width: 350px) {
    .payment-history_balance span {
        font-size:14px
    }
}

.payment-history_balance .balance-ico {
    font-weight: lighter;
    font-size: 15px;
    margin-left: 0
}

.payment-history_balance_ico {
    margin-right: 1em
}

.payment-history_balance_btn-block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.payment-history_balance_btn-block .btn,.payment-history_balance_btn-block .product-weight-label {
    min-width: 210px
}

@media(max-width: 1199.98px) {
    .payment-history_balance_btn-block {
        width:100%
    }

    .payment-history_balance_btn-block .btn,.payment-history_balance_btn-block .product-weight-label {
        width: 100%
    }
}

@media(max-width: 1250px) {
    .payment-history_balance {
        margin-bottom:15px
    }
}

.payment-history_info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.payment-history_info h1 {
    font-weight: 700;
    margin-bottom: 0;
    margin-top: 0
}

.payment-history_info h4 {
    margin-bottom: .3rem
}

.payment-history_info_ico {
    margin-right: 1em
}

table.dataTable.dtr-inline.collapsed>tbody>tr[role=row]>td:first-child:before,table.dataTable.dtr-inline.collapsed>tbody>tr[role=row]>th:first-child:before {
    background-color: #d5ba81;
    border: none;
    margin-left: 5px
}

.wrapper .page-wrap .main-content .page-header .page-header-title i {
    border-radius: 0;
    margin-right: 20px;
    vertical-align: middle;
    font-size: 37px;
    color: rgba(51,51,51,.6);
    -webkit-box-shadow: none;
    box-shadow: none;
    background-color: transparent!important
}

.dataTables_length {
    position: absolute;
    top: 23px;
    right: 20px
}

.dataTables_length select {
    border: 1px solid rgba(51,51,51,.4)!important
}

div.dataTables_wrapper div.dataTables_paginate {
    position: absolute;
    bottom: -60px;
    left: 0;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.dataTables_paginate .pagination .page-item {
    border-bottom: 1px solid rgba(51,51,51,.1)
}

.dataTables_paginate .pagination .page-item a.page-link {
    color: rgba(51,51,51,.5)!important;
    font-size: 18px;
    min-width: 22px!important;
    background-color: inherit!important
}

.dataTables_paginate .pagination .page-item a.page-link:hover {
    color: #d5ba81!important
}

@media(max-width: 450px) {
    .dataTables_paginate .pagination .page-item a.page-link {
        margin-left:0!important;
        min-width: 20px!important
    }
}

.dataTables_paginate .pagination .page-item.active {
    border-bottom: 1px solid #d5ba81
}

.dataTables_paginate .pagination .page-item.active a.page-link {
    color: #d5ba81!important;
    background: 0 0!important
}

.dataTables_paginate .pagination .page-item.previous,.dataTables_paginate .pagination .page-item.next {
    border: none
}

.dataTables_paginate .pagination .page-item.previous a,.dataTables_paginate .pagination .page-item.next a {
    color: rgba(51,51,51,.3)!important;
    padding: 0!important;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.dataTables_paginate .pagination .page-item.previous:hover a,.dataTables_paginate .pagination .page-item.next:hover a {
    color: #d5ba81!important
}

.dataTables_paginate .pagination .page-item.disabled.previous a,.dataTables_paginate .pagination .page-item.disabled.next a {
    color: rgba(51,51,51,.1)!important
}

.dataTables_paginate .pagination .page-item.disabled.previous:hover a,.dataTables_paginate .pagination .page-item.disabled.next:hover a {
    color: rgba(51,51,51,.1)!important
}

.dataTables_paginate .pagination .page-item .ik,.dataTables_paginate .pagination .page-item .btn.btn-loading:after,.dataTables_paginate .pagination .page-item .btn-loading.product-weight-label:after,.dataTables_paginate .pagination .page-item .purchase-button.btn-loading::after {
    font-size: 25px
}

#plus-20-percents-modal .button,#only-for-liders-modal .button {
    max-width: 200px;
    display: block;
    margin: 36px auto 0;
    width: 100%
}

.history-items {
    position: relative;
    width: 100%;
    border: none;
    margin-bottom: 20px;
    background-color: #fff;
    overflow: hidden;
    -webkit-box-shadow: 0 6px 0 0 rgba(0,0,0,.01),0 15px 32px 0 rgba(0,0,0,.06);
    box-shadow: 0 6px 0 0 rgba(0,0,0,.01),0 15px 32px 0 rgba(0,0,0,.06);
    -webkit-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
    border-radius: 4px;
    padding: 15px
}

.history-items .flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.history-items .success {
    color: #19a316
}

.history-items .danger {
    color: #d04c4c
}

.history-items .wait {
    color: #d5ba81
}

.history-items_ico {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-right: 10px
}

@media(max-width: 575.98px) {
    .history-items_ico .ik,.history-items_ico .btn.btn-loading:after,.history-items_ico .btn-loading.product-weight-label:after,.history-items_ico .purchase-button.btn-loading::after {
        font-size:2.5em
    }
}

.history-items_info {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%
}

.history-items_info p {
    font-size: 1.2rem;
    font-weight: 600;
    margin-bottom: 0
}

@media(max-width: 575.98px) {
    .history-items_info p {
        font-size:.9rem
    }
}

.history-items_info span {
    font-size: 13px;
    line-height: 18px;
    color: #999
}

@media(max-width: 575.98px) {
    .history-items_info span {
        font-size:13px
    }
}

.history-items_payment {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.history-items_payment .history-items__amount {
    font-weight: 600
}

.history-items_sum {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: end!important;
    -ms-flex-pack: end!important;
    justify-content: flex-end!important;
    text-align: right;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    white-space: nowrap
}

.history-items_sum span {
    font-size: 18px;
    font-weight: 400
}

.history-items_sum .success,.history-items_sum .danger,.history-items_sum .wait {
    font-weight: 600
}

.history-items__amount {
    font-size: 1.4rem
}

.history-items__amount span {
    font-size: 13px
}

@media(max-width: 575.98px) {
    .history-items__amount {
        font-size:1rem
    }
}

.history-block {
    padding: 0 15px;
    margin: 0 -15px
}

.history-block .show-more {
    margin-top: -10px
}

.history-block .show-more_btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    outline: none!important;
    margin: auto;
    border: 1px solid transparent;
    color: #656565!important;
    -webkit-box-shadow: none;
    box-shadow: none;
    cursor: pointer
}

.history-block .show-more_btn:hover {
    background-color: #f4f8ff
}

@media(min-width: 767px) {
    .history-block {
        margin-bottom:0;
        max-height: 695px;
        overflow-y: auto
    }

    .history-block::-webkit-scrollbar {
        width: 6px;
        background-color: transparent;
        display: block;
        height: 5px;
        opacity: 0
    }

    .history-block::-webkit-scrollbar-thumb {
        border-radius: 4px;
        cursor: pointer;
        height: 30px;
        background: #d1dbed
    }

    .history-block .show-more {
        margin-top: 0
    }

    .history-items_info {
        -webkit-box-align: normal;
        -ms-flex-align: normal;
        align-items: normal
    }
}

input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0
}

@media(min-width: 576px) {
    .payout-modal .modal-dialog {
        margin:3rem auto
    }
}

.payout-modal-info-block {
    margin-top: 11px
}

@media(min-width: 576px) {
    .payout-modal .modal-dialog-centered {
        min-height:calc(100% - 6rem)
    }
}

.payout-modal-header {
    padding: 40px 40px 0
}

.payout-modal-header_title {
    font-weight: 700
}

@media(max-width: 575.98px) {
    .payout-modal-header_title {
        font-size:1rem
    }
}

@media(max-width: 575.98px) {
    .payout-modal-header {
        padding-top:20px
    }
}

.payout-modal .ik-rotate-45 {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-filter: none;
    filter: none;
    display: inline-block;
    position: absolute;
    top: 10px;
    right: 10px;
    cursor: pointer;
    color: rgba(51,51,51,.51)
}

.payout-modal-body {
    padding: 20px 10% 30px
}

@media(max-width: 575px) {
    .payout-modal-body {
        padding:20px 20px 30px
    }
}

.payout-modal-body_balance {
    margin-bottom: 1.5em
}

.payout-modal-body_balance h1 {
    font-weight: 700;
    margin-top: 0
}

.payout-modal-body_amount {
    margin-bottom: 1em
}

.payout-modal-body_paymethod {
    margin-bottom: 1em
}

.payout-modal-body_city {
    margin-bottom: 1em;
    position: relative
}

.payout-modal-body_buttons {
    margin-top: 15px
}

.payout-modal-body_buttons .btn,.payout-modal-body_buttons .product-weight-label {
    width: 100%;
    margin: 0
}

.payout-modal .btn_wrapp {
    padding: 20px 7% 30px
}

.payout-modal .btn_wrapp .btn,.payout-modal .btn_wrapp .product-weight-label {
    width: 100%;
    margin: 0
}

.payout-modal .btn_wrapp .btn+.btn,.payout-modal .btn_wrapp .product-weight-label+.btn,.payout-modal .btn_wrapp .btn+.product-weight-label,.payout-modal .btn_wrapp .product-weight-label+.product-weight-label {
    margin-left: 10px
}

@media(max-width: 767px) {
    .payout-modal .btn_wrapp .btn+.btn,.payout-modal .btn_wrapp .product-weight-label+.btn,.payout-modal .btn_wrapp .btn+.product-weight-label,.payout-modal .btn_wrapp .product-weight-label+.product-weight-label {
        margin-left:0;
        margin-top: 15px
    }
}

@media(max-width: 767px) {
    .payout-modal .btn_wrapp {
        -webkit-box-orient:vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

@media(max-width: 575px) {
    .payout-modal .btn_wrapp {
        padding:20px 20px 30px
    }
}

.socials-modal.\--not-tr .modal-dialog {
    width: 288px;
    height: 435px
}

@media(max-width: 575.98px) {
    .socials-modal.\--not-tr .modal-dialog {
        margin:.5rem auto
    }
}

.socials-modal.\--not-tr .socials-modal-body {
    background: -webkit-gradient(linear,left bottom,left top,from(#00272A),to(#024247));
    background: linear-gradient(360deg,#00272A,#024247);
    text-align: center;
    padding: 40px 25px 17px!important
}

@media(min-width: 576px) {
    .socials-modal.\--not-tr .socials-modal-body {
        padding:17px 11px!important
    }
}

.socials-modal.\--not-tr .socials-modal__title {
    font-weight: 700;
    font-size: 17px;
    line-height: 110%;
    color: #fff;
    text-align: center;
    margin: 15px 0
}

.socials-modal.\--not-tr .socials-modal__title span {
    color: #d5ba81
}

.socials-modal.\--not-tr .socials-modal__desc {
    font-size: 14px;
    line-height: 110%;
    color: #fff;
    text-align: center;
    opacity: .6;
    margin: 15px auto 20px;
    max-width: 200px
}

.socials-modal.\--not-tr .socials-modal__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.socials-modal.\--not-tr .socials-modal__block {
    padding: 12px;
    background: rgba(213,186,129,.1);
    width: 100%;
    max-width: 210px;
    margin-bottom: 8px;
    border-radius: 6px
}

.socials-modal.\--not-tr .socials-modal__block-name {
    font-weight: 500;
    font-size: 19px;
    line-height: 16px;
    color: #d5ba81;
    margin: 10px 0 0
}

.socials-modal .modal-dialog {
    max-width: 372px;
    width: 100%;
    height: 435px
}

@media(max-width: 575.98px) {
    .socials-modal .modal-dialog {
        margin:.5rem auto
    }
}

.socials-modal-body {
    background: -webkit-gradient(linear,left bottom,left top,from(#00272A),to(#024247));
    background: linear-gradient(360deg,#00272A,#024247);
    text-align: center;
    padding: 16px 25px!important
}

@media(min-width: 576px) {
    .socials-modal-body {
        padding:32px 25px!important
    }
}

.socials-modal__title {
    font-weight: 700;
    font-size: 24px;
    line-height: 110%;
    color: #fff;
    text-align: center;
    margin: 15px 0
}

@media(min-width: 769px) {
    .socials-modal__title {
        padding:0 55px
    }
}

.socials-modal__desc {
    font-size: 14px;
    line-height: 110%;
    color: #fff;
    text-align: center;
    opacity: .6;
    margin: 15px auto 20px;
    max-width: 280px
}

.socials-modal__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 4px
}

.socials-modal__block {
    padding: 12px;
    background: rgba(213,186,129,.1);
    width: 100%;
    max-width: 85px;
    border-radius: 6px;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

@media(min-width: 375px) {
    .socials-modal__block {
        max-width:115px
    }
}

.socials-modal__block-name {
    font-weight: 500;
    font-size: 14px;
    line-height: 16px;
    color: #d5ba81;
    margin: 10px 0 0
}

.news-modal .modal-body {
    padding: 0;
    overflow: hidden
}

.news-modal .modal-body .modal-title {
    font-size: 34px;
    text-align: left;
    padding: 20px
}

.news-modal .modal-body .modal-text {
    padding: 0 20px 20px
}

.news-modal .news-link {
    color: #d5ba81
}

#balance-info {
    margin-top: 2em
}

.promo-inner-wrapper {
    background-color: #eff2f8;
    border-radius: 8px;
    padding: 16px 32px 24px;
    margin-bottom: 16px;
    min-height: 206px;
    position: relative
}

@media(max-width: 900px) {
    .promo-inner-wrapper {
        padding:16px
    }
}

.promo-inner-wrapper .top {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    margin-bottom: 16px
}

.promo-inner-wrapper .top .title {
    font-size: 20px;
    padding-right: 12px;
    font-weight: 700
}

@media(min-width: 769px) {
    .promo-inner-wrapper .top .title {
        font-size:26px
    }
}

.promo-inner-wrapper .top .info-button-promo {
    font-size: 13px;
    text-decoration: underline;
    color: #878787;
    padding: 0;
    border: 0;
    background-color: transparent
}

@media(min-width: 769px) {
    .promo-inner-wrapper .top .info-button-promo {
        padding:0 0 7px;
        -webkit-transition: .2s;
        transition: .2s
    }

    .promo-inner-wrapper .top .info-button-promo:hover {
        color: #d5ba81
    }
}

.promo-inner-wrapper .hidden-info-popup {
    top: 45px;
    left: 0
}

@media(max-width: 1199px) {
    .promo-inner-wrapper .hidden-info-popup {
        z-index:9
    }
}

@media(max-width: 900px) {
    .promo-inner-wrapper .hidden-info-popup {
        left:0;
        right: 0;
        max-width: 100%
    }

    .promo-inner-wrapper .hidden-info-popup .modal-close {
        display: none
    }

    .promo-inner-wrapper .hidden-info-popup .button.close-popup {
        display: block
    }
}

.promo-inner-wrapper .hidden-info-popup::after {
    z-index: -1;
    position: absolute;
    content: "";
    width: 30px;
    height: 30px;
    background-color: #fff;
    left: 20%;
    top: 0;
    -webkit-transform: translateX(-50%) rotate(56deg) skew(25deg);
    transform: translateX(-50%) rotate(56deg) skew(25deg)
}

.promo-inner-wrapper .blocks-inner-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative
}

@media(max-width: 900px) {
    .promo-inner-wrapper .blocks-inner-wrapper {
        -webkit-box-orient:vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

.promo-inner-wrapper .preloader--promo {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    margin: 0;
    z-index: 2
}

.promo-inner-wrapper .outer-wrapper-progress {
    width: 100%;
    position: absolute;
    height: 6px;
    bottom: 45px
}

@media(max-width: 900px) {
    .promo-inner-wrapper .outer-wrapper-progress {
        left:16px;
        width: 4px;
        height: 100%;
        padding: 15px 0;
        top: 0
    }
}

.promo-inner-wrapper .outer-wrapper-progress .progress {
    background-color: #fff;
    width: 100%;
    height: 100%
}

.promo-inner-wrapper .outer-wrapper-progress .progress-bar {
    background-color: #d5ba81;
    border-radius: 4px;
    width: 100%
}

.promo-inner-wrapper .block {
    position: relative;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

@media(max-width: 900px) {
    .promo-inner-wrapper .block {
        padding-bottom:46px;
        padding-left: 44px;
        display: block
    }
}

.promo-inner-wrapper .block__title {
    padding-bottom: 50px;
    padding-left: 5px;
    font-size: 13px;
    font-weight: 600;
    text-align: center;
    max-width: 200px;
    min-height: 75px;
    line-height: 1.1;
    margin: 0 auto
}

@media(max-width: 900px) {
    .promo-inner-wrapper .block__title {
        font-size:13px;
        padding: 0 15px 40px
    }
}

@media(max-width: 900px) {
    .promo-inner-wrapper .block__title {
        max-width:100%;
        min-height: auto;
        padding: 0;
        text-align: left!important
    }
}

.promo-inner-wrapper .block__sum {
    font-size: 14px;
    text-align: center
}

@media(max-width: 900px) {
    .promo-inner-wrapper .block__sum {
        text-align:left!important
    }
}

@media(max-width: 900px) {
    .promo-inner-wrapper .block--first {
        display:-webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse
    }
}

.promo-inner-wrapper .block--first .block__title {
    max-width: 175px;
    text-align: left;
    font-weight: 400;
    margin: 0 auto 0 0;
    padding-left: 0
}

.promo-inner-wrapper .block--first .block__sum {
    font-size: 24px;
    color: #d5ba81;
    font-weight: 500;
    text-align: left
}

@media(max-width: 900px) {
    .promo-inner-wrapper .block--first .block__sum {
        font-size:20px
    }
}

.promo-inner-wrapper .block--first::after {
    width: 16px!important;
    height: 16px!important;
    left: 0!important;
    -webkit-transform: translate(0,-50%)!important;
    transform: translate(0,-50%)!important;
    background-color: #d5ba81!important;
    bottom: 33px!important
}

@media(max-width: 900px) {
    .promo-inner-wrapper .block--first::after {
        top:7px;
        left: 10px!important;
        -webkit-transform: none!important;
        transform: none!important
    }
}

.promo-inner-wrapper .block--first::before {
    content: none!important
}

@media(max-width: 900px) {
    .promo-inner-wrapper .block--last {
        padding-bottom:0
    }
}

.promo-inner-wrapper .block--last .block__title {
    max-width: 265px;
    text-align: right;
    margin: 0 0 0 auto
}

@media(max-width: 900px) {
    .promo-inner-wrapper .block--last .block__title {
        max-width:100%
    }
}

.promo-inner-wrapper .block--last .block__sum {
    text-align: right
}

.promo-inner-wrapper .block--last::after {
    left: auto!important;
    right: 0;
    -webkit-transform: translate(0,-50%)!important;
    transform: translate(0,-50%)!important
}

@media(max-width: 900px) {
    .promo-inner-wrapper .block--last::after {
        left:4px!important;
        bottom: 10px!important;
        top: auto!important;
        -webkit-transform: none!important;
        transform: none!important
    }
}

.promo-inner-wrapper .block--last::before {
    left: auto!important;
    right: 6px;
    -webkit-transform: translate(0,-50%)!important;
    transform: translate(0,-50%)!important
}

@media(max-width: 900px) {
    .promo-inner-wrapper .block--last::before {
        left:11px!important;
        -webkit-transform: none!important;
        transform: none!important;
        bottom: 11px!important;
        top: auto!important
    }
}

.promo-inner-wrapper .block--done::after {
    background-color: #d5ba81!important
}

.promo-inner-wrapper .block::after {
    content: "";
    width: 28px;
    height: 28px;
    border-radius: 50%;
    background-color: #fff;
    position: absolute;
    left: 50%;
    bottom: 20px;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%)
}

@media(max-width: 900px) {
    .promo-inner-wrapper .block::after {
        left:4px;
        top: 0;
        -webkit-transform: none;
        transform: none
    }
}

.promo-inner-wrapper .block::before {
    content: url(/img/white-icon-done.svg);
    position: absolute;
    left: 50%;
    bottom: 24px;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    z-index: 1
}

@media(max-width: 900px) {
    .promo-inner-wrapper .block::before {
        left:11px;
        top: 3px;
        right: auto;
        -webkit-transform: none;
        transform: none
    }
}

#success-modal-block {
    padding: 40px;
    text-align: center
}

.btn_wrapp {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

@media(max-width: 575px) {
    .btn_wrapp {
        -webkit-box-orient:vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse
    }
}

.btn_wrapp .btn+.btn,.btn_wrapp .product-weight-label+.btn,.btn_wrapp .btn+.product-weight-label,.btn_wrapp .product-weight-label+.product-weight-label {
    margin-left: 15px
}

@media(max-width: 575px) {
    .btn_wrapp .btn+.btn,.btn_wrapp .product-weight-label+.btn,.btn_wrapp .btn+.product-weight-label,.btn_wrapp .product-weight-label+.product-weight-label {
        margin-left:0;
        margin-bottom: 15px
    }
}

.history-block {
    position: relative
}

.history-block .history-block-loader {
    content: "";
    z-index: 10;
    display: none;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.history-block.loading-state .history-block-loader {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.history-block--orders-history {
    min-height: 74px;
    margin-bottom: 8px;
    max-height: unset
}

@media(min-width: 769px) {
    .history-block--orders-history {
        max-height:410px
    }
}

.payment-history-block {
    position: relative;
    min-height: 200px
}

.payment-history-block .history-block-loader {
    position: absolute;
    content: "";
    left: 15px;
    right: 15px;
    top: 0;
    bottom: 30px;
    z-index: 10;
    background-color: rgba(255,255,255,.5);
    display: none;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: #f5365c;
    font-size: 30px
}

.payment-history-block.loading-state .history-block-loader {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.list-item .inf_wrap {
    width: 100%
}

.list-item .inf_wrap .top-inf {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.list-item .inf_wrap .middle-inf {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.list-item .inf_wrap .middle-inf .inf-price {
    display: block;
    text-align: right;
    min-width: 130px;
    margin-left: 15px
}

@media only screen and (max-width: 1023px) {
    .list-item .inf_wrap .middle-inf .inf-price {
        font-size:1rem
    }
}

@media(max-width: 450px) {
    .list-item .inf_wrap .middle-inf .inf-price {
        margin-left:0;
        text-align: left
    }
}

@media(max-width: 450px) {
    .list-item .inf_wrap .middle-inf {
        -webkit-box-orient:vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start
    }
}

.history-list {
    position: relative;
    min-height: 200px
}

.history-list .history-list-loader {
    position: absolute;
    content: "";
    left: 15px;
    right: 15px;
    top: 0;
    bottom: 30px;
    z-index: 10;
    display: none;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: #f5365c;
    font-size: 30px
}

.history-list.loading-state .history-list-loader {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.history-list .list-item {
    -webkit-box-shadow: 0 12px 24px rgba(0,0,0,.12);
    box-shadow: 0 12px 24px rgba(0,0,0,.12);
    border-radius: 3px;
    margin-bottom: 2em;
    padding: 10px
}

.history-list .list-item .ico {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.history-list .list-item .info h6 {
    font-weight: 700
}

@media(max-width: 1199.98px) {
    .history-list .list-item .info h6 {
        font-size:1em
    }
}

.history-list .list-item .info p {
    margin-bottom: .3em
}

.history-list .list-item .info .status {
    font-weight: 700
}

.history-list .list-item .sum {
    text-align: right
}

.history-list .list-item .sum p {
    margin-bottom: 0
}

.history-list .list-item .sum h4 {
    font-weight: 700
}

.history-list #pagination {
    margin-top: 2em;
    display: inline-block
}

.history-list .ico_wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-right: 20px;
    margin-left: 5px
}

.history-list .status_new {
    background: -webkit-gradient(linear,left bottom,left top,from(#fffbf5),color-stop(25.77%,#ffffff));
    background: linear-gradient(0deg,#fffbf5 0%,#ffffff 25.77%)
}

.history-list .status_new .ico_wrap {
    color: #c99116
}

.history-list .status_new .info .status {
    color: #c99116
}

.history-list .status_success {
    background: -webkit-gradient(linear,left bottom,left top,from(#f5fff6),color-stop(27.32%,#ffffff));
    background: linear-gradient(0deg,#f5fff6 0%,#ffffff 27.32%)
}

.history-list .status_success .ico_wrap {
    color: #19a316
}

.history-list .status_success .info .status {
    color: #19a316
}

.history-list .status_error {
    background: -webkit-gradient(linear,left bottom,left top,from(#fffbf5),color-stop(25.77%,#ffffff));
    background: linear-gradient(0deg,#fffbf5 0%,#ffffff 25.77%)
}

.history-list .status_error .ico_wrap {
    color: #c90000
}

.history-list .status_error .ico_wrap i {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

.history-list .status_error .info .status {
    color: #c90000
}

#button-balance-info {
    z-index: 9999;
    opacity: 1
}

#button-balance-info:hover {
    cursor: help;
    position: relative
}

#button-balance-info span {
    display: none
}

#button-balance-info span:after {
    content: "";
    position: absolute;
    bottom: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: transparent transparent #000 transparent
}

#button-balance-info:hover span {
    font-size: 15px;
    color: #fff;
    display: block;
    background: #000;
    left: 50%;
    top: calc(100% + 8px);
    width: 200px;
    -webkit-transform: translate(-50%);
    transform: translate(-50%);
    position: absolute;
    border-radius: 6px;
    line-height: 19px;
    padding: 10px
}

.purchase-button {
    background: #c25141;
    border-radius: 8px;
    color: #fff;
    padding: 8px 30px;
    margin-right: 16px;
    overflow: hidden;
    position: relative;
    -webkit-transition: background-color .3s;
    transition: background-color .3s;
    white-space: nowrap
}

.purchase-button span {
    vertical-align: middle
}

.purchase-button .shopping-cart-icon {
    vertical-align: middle
}

@media(max-width: 767.98px) {
    .purchase-button {
        padding:8px 20px;
        margin-right: 0
    }
}

@media(max-width: 424px) {
    .purchase-button {
        padding:8px;
        margin-right: 0
    }
}

@media(max-width: 400px) {
    .purchase-button .ik,.purchase-button .btn.btn-loading:after,.purchase-button .btn-loading.product-weight-label:after,.purchase-button .purchase-button.btn-loading::after {
        display:none
    }
}

.purchase-button.btn-loading::after {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 1em;
    height: 1em;
    font-size: 1em;
    margin: -.5em 0 0 -.5em;
    content: "\E8B7";
    z-index: 2;
    opacity: 1;
    color: #fff;
    background: unset;
    -webkit-filter: unset;
    filter: unset
}

.purchase-button__text {
    text-transform: uppercase;
    font-weight: 700;
    font-size: 14px;
    line-height: 16px;
    padding-left: 12px;
    white-space: nowrap
}

@media(max-width: 767.98px) {
    .purchase-button__text {
        font-size:12px;
        line-height: 14px;
        padding-left: 8px
    }
}

@media(max-width: 424px) {
    .purchase-button__text {
        font-size:10px;
        padding-left: 0
    }
}

.purchase-button:hover,.purchase-button:focus,.purchase-button:active {
    color: #fff
}

@media(min-width: 1024px) {
    .purchase-button::before {
        content:"";
        display: block;
        position: absolute;
        background: rgba(255,255,255,.5);
        width: 60px;
        height: 100%;
        left: 0;
        top: 0;
        opacity: .5;
        -webkit-filter: blur(30px);
        filter: blur(30px);
        -webkit-transform: translateX(-100px) skewX(-15deg);
        transform: translateX(-100px) skewX(-15deg)
    }

    .purchase-button::after {
        content: "";
        display: block;
        position: absolute;
        background: rgba(255,255,255,.2);
        width: 30px;
        height: 100%;
        left: 30px;
        top: 0;
        opacity: 0;
        -webkit-filter: blur(5px);
        filter: blur(5px);
        -webkit-transform: translateX(-100px) skewX(-15deg);
        transform: translateX(-100px) skewX(-15deg)
    }

    .purchase-button:hover,.purchase-button:focus,.purchase-button:active {
        color: #fff;
        background-color: #b82a17!important
    }

    .purchase-button:hover::before,.purchase-button:focus::before,.purchase-button:active::before {
        -webkit-transform: translateX(300px) skewX(-15deg);
        transform: translateX(300px) skewX(-15deg);
        opacity: .6;
        -webkit-transition: ease-in-out .7s;
        transition: ease-in-out .7s
    }

    .purchase-button:hover::after,.purchase-button:focus::after,.purchase-button:active::after {
        -webkit-transform: translateX(300px) skewX(-15deg);
        transform: translateX(300px) skewX(-15deg);
        opacity: 1;
        -webkit-transition: ease-in-out .7s;
        transition: ease-in-out .7s
    }

    .purchase-button--header:hover::before,.purchase-button--header:focus::before,.purchase-button--header:active::before {
        -webkit-transition: ease-in-out 1s;
        transition: ease-in-out 1s
    }

    .purchase-button--header:hover::after,.purchase-button--header:focus::after,.purchase-button--header:active::after {
        -webkit-transition: ease-in-out 1s;
        transition: ease-in-out 1s
    }
}

.booking-cards-select {
    border-bottom: 0;
    margin-bottom: 32px;
    min-height: 49px;
    display: none!important
}

.booking-cards-select .tabs__nav-item .tabs__link {
    cursor: pointer;
    background-color: unset;
    border: 0!important;
    border-bottom: 1px solid #f0f0f0!important;
    color: #878787;
    padding: 12px!important;
    font-size: 12px;
    line-height: 1.1;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

@media(min-width: 769px) {
    .booking-cards-select .tabs__nav-item .tabs__link {
        font-size:16px
    }
}

.booking-cards-select .tabs__nav-item .tabs__link.active {
    color: #252525;
    position: relative
}

.booking-cards-select .tabs__nav-item .tabs__link.active:after {
    content: "";
    position: absolute;
    width: 100%;
    left: 0;
    right: 0;
    bottom: -1px;
    height: 2px;
    background-color: #d5ba81
}

.shop-page-title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

@media(max-width: 425px) {
    .shop-page-title {
        display:block
    }
}

.shop-page-title .page-title__text {
    text-align: left;
    padding-right: 30px
}

@media(max-width: 425px) {
    .shop-page-title .page-title__text {
        text-align:center
    }
}

@media(max-width: 425px) {
    .shop-page-title .page-title__back {
        top:30px
    }
}

@media(max-width: 425px) {
    .shop-page-title .currency-block ul {
        -webkit-box-pack:center;
        -ms-flex-pack: center;
        justify-content: center
    }
}

.card__row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    max-width: 100%;
    margin-bottom: 35px
}

@media(max-width: 767px) {
    .card__row {
        display:block
    }
}

.booking-shop-card {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    width: 341px;
    height: 210px;
    position: relative;
    overflow: hidden;
    padding: 24px 30px;
    border-radius: 16px;
    margin-bottom: 56px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

@media(max-width: 767px) {
    .booking-shop-card {
        width:100%
    }
}

.booking-shop-card__title {
    max-width: 74%;
    font-size: 16px;
    color: #fff;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin-bottom: 12px
}

.booking-shop-card .additional-percent {
    color: rgba(255,255,255,.75)
}

.booking-shop-card .profit-title {
    font-weight: 600;
    font-size: 14px;
    line-height: 14px;
    color: #fff;
    opacity: .54;
    margin-bottom: 4px
}

.booking-shop-card .profit-percent {
    font-weight: 700;
    font-size: 24px;
    line-height: 100%;
    color: #fff;
    margin-bottom: 12px
}

.booking-shop-card .profit-percent--week {
    margin-bottom: 0
}

.reinvest-card {
    background-image: url("/img/tile.svg"),-webkit-gradient(linear,left bottom,left top,from(#00272a),color-stop(99%,#013a3f));
    background-image: url(/img/tile.svg),linear-gradient(360deg,#00272a 0%,#013a3f 99%);
    background-position: right -60px top -90px,center;
    background-size: 240px auto,auto;
    background-repeat: no-repeat
}

.reinvest-card .booking-card__title {
    font-weight: 500;
    font-size: 24px;
    line-height: 29px;
    color: #fff
}

.card__wrapp {
    position: relative;
    max-width: 341px;
    width: 100%;
    margin: 0 16px
}

.card__wrapp .preloader__anime {
    min-height: 210px;
    max-width: 180px;
    margin: 0 auto 50px
}

@media(max-width: 767px) {
    .card__wrapp {
        margin:auto
    }
}

.card__wrapp .help-block {
    margin-left: 10px;
    font-size: 16px;
    color: #666
}

@media(max-width: 767px) {
    .card__wrapp .help-block {
        display:none
    }
}

.card__wrapp .help-text {
    font-size: 16px;
    padding: 0 0 74px 34px;
    margin: 0;
    position: relative
}

.card__wrapp .help-text:after {
    content: "";
    height: 16px;
    width: 16px;
    position: absolute;
    background-color: #fff;
    left: 0;
    top: 2px;
    border: 1px solid #d5ba81;
    border-radius: 50%;
    vertical-align: middle
}

.card__wrapp .help-text:not(:last-child):before {
    content: "";
    height: 100%;
    width: 1px;
    position: absolute;
    border: 1px dashed #d5ba81;
    left: 7px;
    top: 4px
}

.card__wrapp .help-text.prev {
    font-weight: 700;
    color: #252525
}

.card__wrapp .help-text.prev:after {
    background-color: #d5ba81
}

.card__wrapp .help-text.prev:before {
    border-style: solid
}

.card__wrapp .help-text.prev .item-number {
    display: none
}

.card__wrapp .help-text.prev .item-checked {
    display: inline-block
}

.card__wrapp .help-text.active {
    font-weight: 700;
    color: #252525
}

.card__wrapp .help-text.active .item-number:before {
    content: "";
    height: 16px;
    width: 16px;
    position: absolute;
    background-color: rgba(213,186,129,.2);
    left: 0;
    top: 2px;
    border-radius: 50%;
    vertical-align: middle;
    -webkit-animation: pulse-x2 2s infinite;
    animation: pulse-x2 2s infinite
}

.card__wrapp .help-text.active .item-checked {
    display: none
}

.card__wrapp .help-text.active:after {
    content: "";
    background-color: #d5ba81
}

.card__wrapp:after {
    content: "";
    height: 100%;
    width: 1px;
    position: absolute;
    right: -16px;
    top: 0;
    background-color: #252525;
    opacity: .1
}

@media(max-width: 767px) {
    .card__wrapp:after {
        display:none
    }
}

@media(max-width: 767px) {
    .card__wrapp-two {
        max-width:none
    }

    .card__wrapp-two .booking-shop-card {
        height: calc((100vw - 16px)*0.615)
    }
}

.purchase__info-block {
    background: #eff2f8;
    border-radius: 8px;
    padding: 20px;
    position: relative;
    overflow: hidden;
    width: 50%
}

@media(max-width: 1320px) {
    .purchase__info-block {
        width:100%;
        margin-top: 20px
    }
}

.purchase__info-block.\--mobile {
    display: none
}

@media(max-width: 767px) {
    .purchase__info-block.\--mobile {
        display:block
    }
}

@media(max-width: 767px) {
    .purchase__info-block.\--desktop {
        display:none
    }
}

.purchase__info-block .info-text {
    font-size: 14px;
    line-height: 24px;
    color: #252525
}

.purchase__info-block .info-text__red {
    color: #c25141;
    font-weight: 700;
    text-decoration: underline
}

.purchase__info-block:before {
    content: "";
    position: absolute;
    top: -40px;
    right: -50px;
    background: #d5ba81;
    opacity: .1;
    width: 100px;
    height: 80px;
    border-radius: 50%
}

.purchase__info-block:after {
    content: "";
    position: absolute;
    top: -28px;
    right: -35px;
    background: #d5ba81;
    width: 70px;
    height: 56px;
    border-radius: 50%
}

#error-text-shop {
    position: absolute
}

.purchase__wrap {
    margin: 0 12px;
    width: 100%
}

@media(max-width: 767px) {
    .purchase__wrap {
        margin:0
    }
}

.purchase__wrap .step-label {
    color: #252525;
    font-weight: 700;
    font-size: 26px;
    line-height: 150%;
    margin: 0
}

@media(max-width: 1320px) {
    .purchase__wrap .step-label {
        text-align:center
    }
}

@media(max-width: 767px) {
    .purchase__wrap .step-label {
        font-size:22px
    }
}

.purchase__wrap .pay-methods {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

@media(max-width: 767px) {
    .purchase__wrap .pay-methods {
        -webkit-box-pack:center;
        -ms-flex-pack: center;
        justify-content: center
    }
}

.purchase__wrap .pay-method__wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 24px
}

@media(max-width: 1320px) {
    .purchase__wrap .pay-method__wrap {
        display:block
    }
}

.purchase__wrap .pay-method__main-about-text {
    color: #f22613;
    font-size: 15px
}

.purchase__wrap .pay-method-block.\--selected {
    width: 50%;
    max-width: 354px;
    padding-right: 80px
}

@media(max-width: 1320px) {
    .purchase__wrap .pay-method-block.\--selected {
        padding:0;
        margin: auto;
        width: 100%
    }
}

.purchase__wrap .pay-method-item {
    cursor: pointer;
    -webkit-filter: grayscale(1);
    filter: grayscale(1);
    background: #eff2f8;
    border-radius: 8px;
    margin: 4px;
    text-align: center;
    border: 1px solid #eff2f8;
    position: relative;
    padding-top: .5rem;
    width: 32%
}

@media(max-width: 1320px) {
    .purchase__wrap .pay-method-item {
        max-width:calc(50% - 8px);
        width: 50%
    }
}

.purchase__wrap .pay-method-item>img {
    height: 50px;
    max-width: 130px
}

.purchase__wrap .pay-method-item .pay-method-name {
    padding: 8px 8px 12px
}

.purchase__wrap .pay-method-item:hover,.purchase__wrap .pay-method-item.active {
    border: 1px solid #d5ba81;
    -webkit-box-shadow: 0 8px 24px rgba(0,0,0,.25);
    box-shadow: 0 8px 24px rgba(0,0,0,.25);
    background-color: #fff;
    -webkit-filter: grayscale(0);
    filter: grayscale(0)
}

.purchase__wrap .pay-method-item.active {
    max-width: 100%;
    margin: 50px auto 20px;
    width: 240px
}

@media(max-width: 767px) {
    .purchase__wrap .pay-method-item.active {
        margin:20px auto
    }
}

.purchase__wrap .pay-method-item__label {
    position: absolute;
    right: .25em;
    top: .25em;
    font-size: 14px;
    line-height: 16px;
    text-align: center;
    background-color: #d5ba81;
    color: #fff;
    border-radius: 25px;
    padding: .15em .25em
}

.purchase__wrap .select-other {
    color: #d5ba81;
    font-weight: 700;
    font-size: 16px;
    text-align: center;
    cursor: pointer
}

.purchase__wrap .amount-select__wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    padding-top: 20px
}

@media(max-width: 1320px) {
    .purchase__wrap .amount-select__wrap {
        display:block
    }
}

.purchase__wrap .amount-select__wrap:before {
    content: "";
    width: 100%;
    height: 1px;
    background-color: #252525;
    opacity: .1;
    position: absolute;
    top: 0;
    left: 0
}

.purchase__wrap .amount-select__wrap .step-label {
    width: 50%;
    max-width: 354px;
    padding-right: 80px
}

@media(max-width: 1320px) {
    .purchase__wrap .amount-select__wrap .step-label {
        margin:auto;
        text-align: center;
        padding: 0 0 24px;
        width: 100%
    }
}

.purchase__wrap .amount-select-block {
    max-width: 380px;
    width: 50%
}

@media(max-width: 1320px) {
    .purchase__wrap .amount-select-block {
        width:100%;
        margin: auto
    }
}

@media(max-width: 575.98px) {
    .purchase__wrap .amount-select-block {
        max-width:calc(100% - 1rem)
    }
}

.purchase__wrap .amount-select-block .input-group .count_choice {
    border-top: 1px solid #dee3e1;
    border-bottom: 1px solid #dee3e1;
    color: #252525;
    border-left-color: #d5ba81;
    border-right-color: #d5ba81;
    margin: 0 -4px;
    font-weight: 700;
    font-size: 24px;
    line-height: 28px;
    text-align: center
}

.purchase__wrap .amount-select-block .input-group .count_choice.wrong-price {
    background: rgba(234,61,47,.1);
    border: 1px solid #ea3d2f;
    color: #ea3d2f
}

.purchase__wrap .amount-select-block .input-group .count_choice.error {
    background: rgba(234,61,47,.1);
    border: 1px solid #ea3d2f;
    color: #ea3d2f
}

.purchase__wrap .amount-select-block .input-group-prepend,.purchase__wrap .amount-select-block .input-group-append {
    z-index: 4;
    -ms-touch-action: manipulation;
    touch-action: manipulation
}

.purchase__wrap .amount-select-block .input-group-prepend button,.purchase__wrap .amount-select-block .input-group-append button {
    font-size: 20px;
    border-color: #d5ba81;
    width: 48px;
    height: 48px;
    background-color: #d5ba81;
    border-radius: 4px;
    color: #fff
}

.purchase__wrap .amount-select-block .input-group-prepend button:focus,.purchase__wrap .amount-select-block .input-group-append button:focus {
    -webkit-box-shadow: none;
    box-shadow: none
}

.purchase__wrap .amount-select-block .input-label {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.purchase__wrap .amount-select-block .input-label .nominal-text {
    font-weight: 600;
    font-size: 12px;
    line-height: 18px;
    color: #252525
}

.purchase__wrap .amount-select-block .input-label .step-text {
    font-weight: 600;
    font-size: 12px;
    line-height: 14px;
    color: #888
}

.purchase__wrap .amount-select-block .amount-buttons-block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin: 20px 0 16px
}

.purchase__wrap .amount-select-block .amount-buttons-block>*+* {
    margin-left: 3px
}

.purchase__wrap .amount-select-block .amount-buttons-block .amount-button {
    border: 1px solid #d5ba81;
    border-radius: 4px;
    color: #d5ba81;
    background: rgba(213,186,129,.1);
    padding: 9px;
    font-weight: 700;
    font-size: 16px;
    line-height: 19px;
    white-space: nowrap;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

.purchase__wrap .amount-select-block .amount-buttons-block .amount-button:hover,.purchase__wrap .amount-select-block .amount-buttons-block .amount-button.active {
    background-color: #d5ba81;
    color: #fff
}

.purchase__wrap .amount-select-block .amount-buttons-block .amount-button.disabled {
    pointer-events: none;
    opacity: .4
}

.purchase__wrap .amount-select-block .balance-block {
    color: #878787;
    font-size: 12px;
    margin-top: -8px
}

.purchase__wrap .amount-select-block .balance-block-info {
    color: #878787;
    font-size: 12px
}

.purchase__wrap .amount-select-block .partial-payment__block .amount-to-pay {
    padding: 16px 0 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.purchase__wrap .amount-select-block .partial-payment__block .final-amount-title {
    font-weight: 500;
    font-size: 18px;
    line-height: 21px;
    color: #252525
}

.purchase__wrap .amount-select-block .partial-payment__block .final-amount {
    font-weight: 600;
    font-size: 24px;
    line-height: 28px;
    margin: 0
}

.purchase__wrap .amount-select-block .partial-payment__input {
    overflow: hidden;
    max-height: 140px;
    opacity: 1;
    -webkit-transition: all .2s ease-in;
    transition: all .2s ease-in
}

.purchase__wrap .amount-select-block .partial-payment__input.squeeze {
    max-height: 0;
    opacity: 0
}

.purchase__wrap .amount-select-block .partial-payment__input .balance-pay {
    border-left-color: #d5ba81;
    border-right-color: #d5ba81;
    margin: 0 -4px;
    font-weight: 700;
    font-size: 20px;
    line-height: 23px;
    text-align: center
}

.purchase__wrap .amount-select-block .partial-payment__input .balance-pay::-webkit-input-placeholder {
    color: #252525
}

.purchase__wrap .amount-select-block .partial-payment__input .balance-pay::-moz-placeholder {
    color: #252525
}

.purchase__wrap .amount-select-block .partial-payment__input .balance-pay::-ms-input-placeholder {
    color: #252525
}

.purchase__wrap .amount-select-block .partial-payment__input .balance-pay::placeholder {
    color: #252525
}

.purchase__wrap .amount-select-block .partial-payment__input .balance-pay.wrong-price {
    background: rgba(234,61,47,.1);
    border: 1px solid #ea3d2f;
    color: #ea3d2f
}

.purchase__wrap .amount-select-block .partial-payment__input .input-group-prepend,.purchase__wrap .amount-select-block .partial-payment__input .input-group-append {
    -ms-touch-action: manipulation;
    touch-action: manipulation
}

.purchase__wrap .amount-select-block .partial-payment__input .input-group-prepend button,.purchase__wrap .amount-select-block .partial-payment__input .input-group-append button {
    border-color: #f0f0f0;
    font-size: 13px;
    line-height: 13px;
    width: 40px;
    height: 40px;
    background: -webkit-gradient(linear,left bottom,left top,from(#00272a),color-stop(99%,#013a3f));
    background: linear-gradient(360deg,#00272a 0%,#013a3f 99%)
}

.purchase__wrap .amount-select-block .partial-payment__switcher {
    padding: 5px 0 12px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative
}

.purchase__wrap .amount-select-block .partial-payment__switcher.open::before {
    content: none
}

.purchase__wrap .amount-select-block .partial-payment__switcher::before {
    content: "";
    width: 100%;
    height: 1px;
    background-color: #252525;
    opacity: .1;
    position: absolute;
    bottom: 0;
    left: 0
}

.purchase__wrap .amount-select-block .partial-payment__title {
    text-transform: uppercase;
    font-weight: 600;
    font-size: 12px;
    line-height: 150%;
    margin: 0
}

.purchase__wrap .amount-select-block .commission-block {
    font-size: 12px;
    line-height: 14px;
    color: #878787;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.purchase__wrap .amount-select-block .commission-block p {
    margin: 0
}

.purchase__wrap .amount-select-block .amount-to-pay {
    padding: 16px 0 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.purchase__wrap .amount-select-block .final-amount-title {
    font-weight: 500;
    font-size: 18px;
    line-height: 21px;
    color: #252525
}

.purchase__wrap .amount-select-block .final-amount {
    font-weight: 600;
    font-size: 24px;
    line-height: 28px;
    margin: 0
}

.purchase__wrap .amount-select-block .purchase-btn {
    background: #c25141;
    border-radius: 8px;
    text-transform: uppercase;
    color: #fff;
    padding: 15px 0;
    width: 100%;
    border: none;
    margin-right: 0;
    font-weight: 700;
    font-size: 16px;
    line-height: 18px
}

@media(max-width: 425px) {
    .purchase__wrap .amount-select-block .purchase-btn {
        padding:19px 0
    }
}

.purchase__wrap .amount-select-block .purchase-btn.disabled {
    pointer-events: none;
    opacity: .4
}

.switcher {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    outline: none;
    width: 38px;
    height: 24px;
    background: #f5f5f5;
    border: 1px solid #e5e5ea;
    border-radius: 38px;
    position: relative;
    -webkit-transition: all .2s;
    transition: all .2s
}

.switcher:after {
    content: "";
    display: block;
    width: 20px;
    height: 20px;
    background: #fff;
    border-radius: 50%;
    border: .386364px solid rgba(0,0,0,.04);
    -webkit-box-shadow: 0 2.31818px 6.18182px rgba(0,0,0,.15),0 .772727px .772727px rgba(0,0,0,.16),0 2.31818px .772727px rgba(0,0,0,.1);
    box-shadow: 0 2.31818px 6.18182px rgba(0,0,0,.15),0 .772727px .772727px rgba(0,0,0,.16),0 2.31818px .772727px rgba(0,0,0,.1);
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: translate(0,-50%);
    transform: translate(0,-50%)
}

.switcher:checked {
    background: #d5ba81
}

.switcher:checked:after {
    right: 0;
    left: initial
}

@-webkit-keyframes pulse-x2 {
    from {
        -webkit-transform: scale3d(1,1,1);
        transform: scale3d(1,1,1)
    }

    to {
        -webkit-transform: scale3d(1,1,1);
        transform: scale3d(1,1,1)
    }
}

@keyframes pulse-x2 {
    from {
        -webkit-transform: scale3d(1,1,1);
        transform: scale3d(1,1,1)
    }

    15% {
        -webkit-transform: scale3d(2,2,2);
        transform: scale3d(2,2,2)
    }

    25% {
        -webkit-transform: scale3d(1,1,1);
        transform: scale3d(1,1,1)
    }

    40% {
        -webkit-transform: scale3d(1,1,1);
        transform: scale3d(1,1,1)
    }

    55% {
        -webkit-transform: scale3d(2,2,2);
        transform: scale3d(2,2,2)
    }

    65% {
        -webkit-transform: scale3d(1,1,1);
        transform: scale3d(1,1,1)
    }

    to {
        -webkit-transform: scale3d(1,1,1);
        transform: scale3d(1,1,1)
    }
}

.payment-page {
    padding: 100px 0 35px;
    color: #252525;
    background-size: auto;
    background-repeat: repeat-x
}

.payment-page .booking-shop-card {
    margin: 0 auto 35px;
    max-width: 315px
}

.payment-page .booking-shop-card__amount {
    color: #fff;
    font-weight: 700;
    font-size: 24px;
    line-height: 29px;
    margin: 21px 0
}

.payment-page .booking-shop-card__date {
    margin: 0;
    color: #fff;
    font-size: 14px;
    line-height: 17px;
    position: absolute;
    bottom: 21px
}

.payment-page-img {
    display: block;
    margin: 0 auto 26px
}

.payment-page-title {
    font-weight: 700;
    font-size: 26px;
    margin: 0 auto 22px;
    text-align: center
}

.payment-page-text {
    font-size: 16px;
    max-width: 635px;
    margin: 0 auto 35px;
    text-align: center
}

.payment-page .row {
    max-width: 568px;
    margin: auto
}

.payment-page .button-row {
    max-width: 568px;
    margin: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

@media(max-width: 767px) {
    .payment-page .button-row {
        display:block
    }
}

.payment-page .btn,.payment-page .product-weight-label {
    display: block;
    text-transform: uppercase;
    color: #d5ba81!important;
    border-color: #d5ba81!important;
    width: calc(50% - 16px);
    padding: 11px 20px!important
}

@media(max-width: 767px) {
    .payment-page .btn,.payment-page .product-weight-label {
        width:100%;
        padding: 16px 15px!important
    }

    .payment-page .btn:not(:last-child),.payment-page .product-weight-label:not(:last-child) {
        margin-bottom: 8px
    }
}

.pay-wrapp {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: 5px
}

.pay-choise {
    border-radius: 3px;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    margin-top: 5px;
    margin-right: 5px
}

.pay-option:checked,.pay-option:not(:checked) {
    position: absolute;
    left: -9999px
}

.pay-option:checked+label,.pay-option:not(:checked)+label {
    position: relative;
    padding: 5px 15px 5px 20px;
    cursor: pointer;
    line-height: 20px;
    display: inline-block;
    color: #666;
    margin-bottom: 0
}

.pay-option:checked+label:before,.pay-option:not(:checked)+label:before {
    content: "";
    position: absolute;
    left: 6px;
    top: 50%;
    -webkit-transform: translate(0,-50%);
    transform: translate(0,-50%);
    width: 10px;
    height: 10px;
    border: 1px solid #d5ba81;
    border-radius: 100%;
    background: #fff
}

.pay-option:checked+label:after {
    background: rgba(244,128,62,.05)
}

.pay-option:checked+label:after,.pay-option:not(:checked)+label:after {
    content: "";
    width: 100%;
    height: 100%;
    border: 1px solid #d5ba81;
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 3px;
    -webkit-transition: all .2s ease;
    transition: all .2s ease
}

.pay-option:not(:checked)+label:after {
    content: "";
    width: 100%;
    height: 100%;
    border: 1px solid #bdbdbd;
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 3px;
    -webkit-transition: all .2s ease;
    transition: all .2s ease;
    z-index: 9
}

.pay-option:checked+label:before {
    content: "";
    position: absolute;
    left: 6px;
    top: 50%;
    -webkit-transform: translate(0,-50%);
    transform: translate(0,-50%);
    width: 10px;
    height: 10px;
    border: 4px solid #d5ba81;
    border-radius: 100%;
    background: #fff;
    z-index: 9
}

.pay-option:disabled+label:after,.pay-option:not(:checked)+label:after,.pay-option:disabled+label:before,.pay-option:not(:checked)+label:before,.pay-option:disabled+label {
    opacity: .4
}

.jq-toast-wrap {
    z-index: 999999999!important;
    width: 270px
}

@media(max-width: 767px) {
    .jq-toast-wrap {
        right:inherit;
        left: 50%;
        -webkit-transform: translate(-50%);
        transform: translate(-50%)
    }
}

.main-info-modal {
}

.main-info-modal .button {
    display: block;
    margin: 42px auto 6px;
    max-width: 245px;
    width: 100%;
    font-size: 14px;
    padding: 15px
}

.main-info-modal .text {
    font-size: 14px
}

.main-info-modal .timer {
    text-align: center;
    font-size: 11px
}

#success-main-modal .modal-content {
    padding: 25px 0 10px;
    border: 0
}

#success-main-modal .modal-content svg {
    max-width: 80px;
    max-height: 80px
}

#success-main-modal .modal-content .modal-body {
    -webkit-box-shadow: none;
    box-shadow: none
}

#success-main-modal .modal-content .modal-body__title {
    text-align: center
}

#balance-order-modal .payout-modal-body {
    padding-bottom: 0
}

.modal-total {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 20px 20px 0;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.modal-total p {
    margin-bottom: 0
}

.modal-total .title {
    font-size: 13px;
    line-height: 19px;
    text-align: center;
    color: #999
}

#invite-modal {
    overflow-y: auto
}

#invite-modal .modal-dialog-centered {
    margin: 0 auto
}

@media(min-width: 576px) {
    #invite-modal .modal-dialog-centered {
        min-height:calc(100% - 6.5rem)
    }
}

@media(max-width: 576px) {
    #invite-modal .modal-dialog-centered {
        padding:0 15px!important
    }
}

#invite-modal .modal-dialog {
    max-width: 380px;
    min-width: 0;
    padding: 3rem 0
}

#invite-modal .modal-content {
    border: 0;
    border-radius: 10px
}

#invite-modal .purchase-button {
    line-height: 18px;
    padding: 16px;
    border: 0;
    max-width: 288px;
    display: block;
    margin: 0 auto
}

#invite-modal .purchase-button__text {
    font-size: 16px
}

.form-control.invite-input {
    resize: none;
    overflow: hidden;
    color: #252525;
    font-size: 14px;
    font-weight: 500;
    background-color: #fff;
    border: 1px solid rgba(0,0,0,.1);
    border-radius: 8px;
    white-space: normal;
    word-break: break-all
}

.modal-footer-second {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.modal-footer-second>.btn,.modal-footer-second>.product-weight-label {
    padding: 10px 2em!important
}

.nav-pills-new {
    position: relative;
    top: 5px;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap
}

.nav-pills-new .nav-link {
    font-size: 18px;
    color: #d0d0d0;
    background-color: transparent!important;
    position: relative;
    font-family: roboto,sans-serif
}

.nav-pills-new .nav-link.active {
    -webkit-box-shadow: none;
    box-shadow: none;
    color: #333
}

.nav-pills-new .nav-link.active:after {
    position: absolute;
    content: "";
    display: block;
    height: 3px;
    width: 100%;
    bottom: -7px;
    left: 0;
    background-color: #d04c4c
}

@media(max-width: 767.98px) {
    .nav-pills-new .nav-link {
        font-size:13px
    }
}

.table-balance {
    table-layout: fixed;
    -webkit-box-shadow: 0 0 11px 0 rgba(0,0,0,.15);
    box-shadow: 0 0 11px 0 rgba(0,0,0,.15);
    border-radius: 6px;
    overflow: hidden
}

.table-balance tr th {
    background: #f4f8ff;
    font-size: 13px;
    color: #666
}

.table-balance tr th:first-child,.table-balance tr th:last-child {
    width: 170px
}

@media(max-width: 575.98px) {
    .table-balance tr th:first-child,.table-balance tr th:last-child {
        width:auto
    }
}

.table-balance tr td {
    background-color: #fff
}

.table-balance tr td:last-child {
    white-space: nowrap;
    font-size: 130%
}

@media(max-width: 575.98px) {
    .table-balance tr td:last-child {
        width:85%
    }
}

.table-balance tr:nth-child(odd) td {
    background: #f5f5f5
}

.table-balance td:not(:last-child),.table-balance th:not(:last-child) {
    border-right: 1px solid rgba(0,0,0,.1)
}

.table-balance tr:not(:last-child) td {
    border-bottom: 1px solid rgba(0,0,0,.1)
}

#show-more-wrapper .show-more_btn {
    color: #f4803e
}

#payout-block {
    z-index: 5
}

#success-modal-block {
    z-index: 11
}

.chose-date_modal {
    overflow: hidden;
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0
}

.chose-date_modal.is-show {
    background: rgba(0,0,0,.4);
    z-index: 9
}

.chose-date_wrapp {
    position: absolute;
    border-radius: 6px;
    background: #fff;
    right: -100%;
    width: 305px;
    height: 100%;
    z-index: 999;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.chose-date_wrapp .payout-modal-body {
    padding: 15px
}

.chose-date_wrapp .modal-info_wrapp {
    margin-top: 20px
}

.chose-date_wrapp .modal-info_wrapp .title {
    font-weight: 600;
    font-size: 18px;
    line-height: 26px;
    color: #333;
    border-bottom: 1px solid rgba(51,51,51,.15);
    padding-bottom: 5px;
    text-align: center
}

.chose-date_wrapp .modal-info_wrapp .text {
    font-size: 15px;
    line-height: 20px;
    color: #999
}

.chose-date_wrapp .modal-info_wrapp .info {
    font-size: 15px;
    line-height: 20px;
    color: #333
}

.chose-day__wrapp {
    position: relative
}

.btn-chose_wrapp {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.btn-chose_wrapp .btn,.btn-chose_wrapp .product-weight-label {
    margin-top: 10px
}

.select2-container.select2-container--open {
    z-index: 2000000
}

#payout-block {
    z-index: 5
}

#success-modal-block {
    z-index: 11
}

.chose-date_modal {
    overflow: hidden;
    position: absolute;
    height: 100%;
    width: 100%
}

.chose-date_modal.is-show {
    background: rgba(0,0,0,.4);
    z-index: 9
}

.chose-date_wrapp {
    position: absolute;
    border-radius: 6px;
    background: #fff;
    right: -100%;
    width: 305px;
    height: 100%;
    z-index: 999;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.chose-date_wrapp .payout-modal-body {
    padding: 15px
}

.chose-date_wrapp .modal-info_wrapp {
    margin-top: 20px
}

.chose-date_wrapp .modal-info_wrapp .title {
    font-weight: 600;
    font-size: 18px;
    line-height: 26px;
    color: #333;
    border-bottom: 1px solid rgba(51,51,51,.15);
    padding-bottom: 5px;
    text-align: center
}

.chose-date_wrapp .modal-info_wrapp .text {
    font-size: 15px;
    line-height: 20px;
    color: #999
}

.chose-date_wrapp .modal-info_wrapp .info {
    font-size: 15px;
    line-height: 20px;
    color: #333
}

.chose-day__wrapp {
    position: relative
}

.btn-chose_wrapp {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.btn-chose_wrapp .btn,.btn-chose_wrapp .product-weight-label {
    margin-top: 10px
}

.submit-preloader-show {
    display: -webkit-box!important;
    display: -ms-flexbox!important;
    display: flex!important;
    z-index: 9999999;
    background: rgba(255,254,254,.6)!important
}

#main-menu-navigation {
    margin-bottom: 2em
}

.select-bank input {
    cursor: pointer
}

.select-bank.active {
    border-color: #d5ba81
}

.select-bank.active::after {
    -webkit-transform: translateY(-100%) scale(1,-1);
    transform: translateY(-100%) scale(1,-1)
}

.select-bank::after {
    content: "";
    position: absolute;
    right: 17px;
    top: 55%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    border: 7px solid transparent;
    border-top: 7px solid #4c5979;
    -webkit-transition: .3s;
    transition: .3s
}

.banks-wrapper-select {
    position: absolute;
    max-width: 305px;
    height: 282px;
    z-index: 3;
    -webkit-transform: translateY(2px);
    transform: translateY(2px);
    background-color: #fff;
    padding: 8px 4px 8px 8px;
    -webkit-box-shadow: 0 0 34px -9px rgba(0,0,0,.1);
    box-shadow: 0 0 34px -9px rgba(0,0,0,.1)
}

.banks-wrapper-select .inner-wrapper {
    max-height: 100%;
    padding-right: 18px;
    overflow-y: auto;
    overflow-x: hidden
}

.banks-wrapper-select .inner-wrapper::-webkit-scrollbar-thumb {
    border-radius: 4px;
    cursor: pointer;
    height: 30px;
    background: #d5ba81
}

.banks-wrapper-select .inner-wrapper::-webkit-scrollbar {
    width: 4px;
    background-color: transparent;
    display: block;
    height: 5px;
    opacity: 0
}

.banks-wrapper-select .item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 8px;
    height: 49px;
    cursor: pointer
}

.banks-wrapper-select .item.active .item__logo::after {
    right: -190px
}

.banks-wrapper-select .item__logo {
    position: relative;
    height: 100%;
    width: 92px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 8px 10px;
    margin-right: 12px
}

.banks-wrapper-select .item__logo img {
    max-width: 100%;
    max-height: 100%
}

.banks-wrapper-select .item__logo::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-color: #f5f5f5;
    border-radius: 8px;
    z-index: -1;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transform-origin: 0 50%;
    transform-origin: 0 50%;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out
}

.banks-wrapper-select .item__title {
    -webkit-box-flex: 2;
    -ms-flex: 2;
    flex: 2;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.2
}

.banks-wrapper-select .item__code {
    color: #8f8f8f;
    font-size: 12px;
    line-height: 1.2;
    margin-left: 20px
}

.banks-wrapper-select .item:hover .item__logo::after {
    right: -190px
}

.banks-wrapper-select .item:last-child {
    margin-bottom: 0
}

@media(max-width: 575.98px) {
    #gift-block .kt-widget-12__date {
        width:3.5rem;
        height: 3.5rem;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 3.5rem;
        flex: 0 0 3.5rem
    }

    #gift-block .kt-widget-12__date .ik,#gift-block .kt-widget-12__date .btn.btn-loading:after,#gift-block .kt-widget-12__date .btn-loading.product-weight-label:after,#gift-block .kt-widget-12__date .purchase-button.btn-loading::after {
        font-size: 2em
    }
}

.table-bordered th,.table-bordered td {
    border: 1px solid #f0f0f0
}

.table-striped tbody tr:nth-of-type(odd) {
    background-color: rgba(0,0,0,.02)
}

@media(max-width: 575.98px) {
    .badge-xs {
        padding:4px 6px;
        font-size: 11px;
        line-height: 10px
    }
}

.btn.btn-phone-mask,.btn-phone-mask.product-weight-label {
    border: none;
    border-bottom: 1px solid #d5ba81;
    border-radius: 0!important
}

@keyframes float {
    0% {
        -webkit-transform: translateY(0px);
        transform: translateY(0px)
    }

    50% {
        -webkit-transform: translateY(-20px);
        transform: translateY(-20px)
    }

    100% {
        -webkit-transform: translateY(0px);
        transform: translateY(0px)
    }
}

.purchase-image {
    margin-right: 15px
}

.submit-buyout-purchase-block {
    margin-top: 26px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.submit-buyout-purchase-block .sum-block {
    font-size: 1.5em;
    margin-right: 25px
}

.submit-buyout-block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    margin-bottom: 4px
}

.purchase-image-block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.Image-input {
    margin-right: 20px;
    margin-bottom: 2px
}

#purchase-buyout-body .custom-checkbox {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

@media(max-width: 767px) {
    .purchase-image-block {
        display:block
    }

    .purchase-image-block .Image-input {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        margin-right: 0
    }

    .purchase-image-block .Image-input:last-of-type {
        margin-bottom: 0
    }

    .requirements-images {
        text-align: left!important;
        margin-top: 1.4em
    }

    .submit-buyout-purchase-block {
        display: block;
        text-align: center!important;
        margin-top: 0!important
    }

    .submit-buyout-purchase-block .sum-block {
        margin-right: 0
    }

    .submit-buyout-purchase-block button {
        margin-top: 5px
    }

    .btn.el-upload__btn.purchase-image-text,.el-upload__btn.purchase-image-text.product-weight-label {
        color: #575757;
        background: 0 0;
        border-color: transparent;
        padding: 2px 1px!important;
        margin-top: -4px;
        font-weight: 400;
        line-height: 1.1
    }

    .submit-buyout-block {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }
}

@keyframes sk-scaleout {
    0% {
        -webkit-transform: scale(0);
        transform: scale(0)
    }

    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 0
    }
}

.page-header-title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

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

.answers label {
    padding: 10px 30px!important
}

#vote-modal-body {
    padding: 20px
}

.card-gray {
    background-color: #eff2f8
}

.app-sidebar .lang-selector,.mobile-menu__nav-list .lang-selector {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.app-sidebar .lang-selector__item,.mobile-menu__nav-list .lang-selector__item {
    padding: 12px 10px;
    font-size: 14px;
    border-radius: 6px;
    background: rgba(240,240,240,.1);
    line-height: 16px;
    margin-right: 8px;
    color: #fff
}

.app-sidebar .lang-selector__item.active,.mobile-menu__nav-list .lang-selector__item.active {
    pointer-events: none;
    background: rgba(240,240,240,.5)
}

.app-sidebar .lang-selector__item:hover,.mobile-menu__nav-list .lang-selector__item:hover {
    background: rgba(240,240,240,.5)
}

.lang-selector {
    margin: 25px 15px 8px;
    cursor: pointer;
    color: #fff;
    gap: 4px;
    font-size: 14px
}

.lang-selector__item span {
    display: inline-block;
    margin-right: 5px
}

.lang-selector.mob {
    margin: 0 0 1em
}

.lang-selector .text {
    position: relative
}

.lang-selector .text::after {
    content: "";
    position: absolute;
    right: -20px;
    top: 8px;
    border: 5px solid transparent;
    border-top: 5px solid #fff
}

#lang-select-modal .modal-body {
    padding: 32px 20px
}

#lang-select-modal .title-modal {
    font-size: 20px;
    font-weight: 700;
    padding-bottom: 26px;
    padding-left: 12px
}

#lang-select-modal .wrapper-lang {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    height: 181px
}

#lang-select-modal .wrapper-lang a {
    display: block;
    padding: 12px;
    font-size: 14px;
    gap: 4px;
    -webkit-transition: .3s;
    transition: .3s
}

#lang-select-modal .wrapper-lang a:hover {
    background-color: #eff2f8;
    border-radius: 4px
}

.mobile-menu__nav-list .lang-selector {
    margin-bottom: 1em
}

.jq-toast-single {
    border-radius: 10px;
    padding: 10px 15px 14px
}

.jq-toast-single .jq-toast-heading {
    text-align: center;
    font-weight: 700
}

.b24-widget-button-show,.b24-widget-button-hide {
    -webkit-animation-duration: 1ms!important;
    animation-duration: 1ms!important
}

.info-button {
    cursor: pointer;
    width: 20px;
    height: 20px;
    border-radius: 4px;
    border: 1px solid #d5ba81;
    position: relative;
    -webkit-transition: .2s;
    transition: .2s
}

.info-button:hover {
    background-color: #d5ba81
}

.info-button:hover:after {
    background-color: #fff
}

.info-button:hover:before {
    background-color: #fff
}

.info-button:after {
    content: "";
    position: absolute;
    width: 2px;
    height: 2px;
    border-radius: 50%;
    top: 4px;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    left: 50%;
    background-color: #d5ba81
}

.info-button:before {
    content: "";
    height: 6px;
    width: 1px;
    border-radius: .5px;
    top: 8px;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    left: 50%;
    position: absolute;
    background-color: #d5ba81
}

.info-button--active {
    background-color: #d5ba81
}

.info-button--active:after {
    background-color: #fff
}

.info-button--active:before {
    background-color: #fff
}

.send-button-code {
    color: #d5ba81
}

.hidden-info-popup {
    display: block;
    position: absolute;
    max-width: 570px;
    width: 100%;
    z-index: 1000;
    margin-top: 21px
}

.hidden-info-popup .inner-info-popup-block {
    color: #252525;
    background: #fff;
    -webkit-box-shadow: 0 2px 20px rgba(16,30,115,.1);
    box-shadow: 0 2px 20px rgba(16,30,115,.1);
    border-radius: 8px;
    padding: 17px 8px 8px
}

@media(min-width: 769px) {
    .hidden-info-popup .inner-info-popup-block {
        padding:19px 59px 22px 36px
    }
}

.hidden-info-popup .inner-info-popup-block__title {
    line-height: 19px;
    font-weight: 700;
    font-size: 16px;
    padding-bottom: 16px
}

.hidden-info-popup .inner-info-popup-block__text {
    margin-bottom: 16px
}

.hidden-info-popup .button {
    display: none;
    color: #d5ba81;
    width: 100%;
    background: #fff;
    border-color: #fff;
    margin-top: 9px;
    font-size: 12px;
    padding: 12px
}

.hidden-info-popup .button:hover,.hidden-info-popup .button:focus {
    color: #d5ba81;
    background: #fff;
    border-color: #fff
}

.blur-background {
    display: block;
    position: fixed;
    left: 0;
    right: 0;
    background: #000;
    opacity: .2;
    top: 0;
    bottom: 0;
    z-index: 999
}

@media(min-width: 576px) {
    .quick-purchase-modal .modal-dialog {
        max-width:742px
    }
}

.quick-purchase-modal .modal-body {
    padding: 32px 15px
}

@media(min-width: 769px) {
    .quick-purchase-modal .modal-body {
        padding:32px
    }
}

.quick-purchase-modal .modal-title {
    font-size: 20px;
    padding-bottom: 24px;
    padding-top: 0
}

.quick-purchase-modal .available {
    font-size: 40px;
    color: #d5ba81;
    padding: 0;
    font-weight: 700
}

.quick-purchase-modal .small-text {
    padding-top: 4px;
    font-size: 14px;
    color: #878787
}

.quick-purchase-modal .subtitle {
    font-size: 16px;
    margin-bottom: 8px;
    font-weight: 700;
    text-align: center
}

@media(min-width: 769px) {
    .quick-purchase-modal .subtitle {
        font-size:20px
    }
}

.quick-purchase-modal .products-block {
    padding-top: 24px
}

.quick-purchase-modal .products-wrapper {
    min-height: 90px;
    position: relative;
    padding-bottom: 8px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    overflow-x: auto
}

.quick-purchase-modal .products-wrapper::-webkit-scrollbar {
    height: 5px
}

.quick-purchase-modal .products-wrapper::-webkit-scrollbar-thumb {
    background-color: #d1dbed;
    border-radius: 4px
}

.quick-purchase-modal .products-wrapper::-webkit-scrollbar-track {
    background-color: #fbfbff;
    border-radius: 4px
}

.quick-purchase-modal .products-wrapper::-webkit-scrollbar-thumb:hover {
    background-color: #a9b9dc
}

.quick-purchase-modal .products-wrapper .product {
    min-width: 160px;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    overflow: hidden;
    margin-right: 8px;
    padding: 21px 12px;
    height: 94px;
    cursor: pointer;
    border-radius: 8px
}

.quick-purchase-modal .products-wrapper .product[data-type=card-moiss-stone] {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1
}

.quick-purchase-modal .products-wrapper .product[data-type=card-moissanite] {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2
}

.quick-purchase-modal .products-wrapper .product[data-type=card] {
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3;
    margin-right: 0
}

@media(min-width: 769px) {
    .quick-purchase-modal .products-wrapper .product {
        height:128px;
        min-width: 220px
    }
}

.quick-purchase-modal .products-wrapper .product.active {
    cursor: default
}

.quick-purchase-modal .products-wrapper .product .name {
    position: relative;
    z-index: 2;
    color: #fff;
    font-weight: 500;
    max-width: 80px;
    line-height: 1;
    font-size: 14px
}

@media(min-width: 769px) {
    .quick-purchase-modal .products-wrapper .product .name {
        font-weight:600;
        max-width: 110px;
        line-height: 1;
        font-size: 17px
    }
}

.quick-purchase-modal .products-wrapper .product img {
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    left: 0;
    -o-object-fit: cover;
    object-fit: cover;
    max-height: 100%;
    width: 100%
}

.quick-purchase-modal .products-wrapper .product::before {
    content: "";
    position: absolute;
    top: 7px;
    left: 7px;
    width: 15px;
    height: 15px;
    background: #252525;
    border: 1px solid #fff;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-shadow: 0 0 3px rgba(255,255,255,.4);
    box-shadow: 0 0 3px rgba(255,255,255,.4);
    border-radius: 50%;
    z-index: 2
}

@media(min-width: 769px) {
    .quick-purchase-modal .products-wrapper .product::before {
        top:16px;
        left: 16px;
        width: 24px;
        height: 24px
    }
}

.quick-purchase-modal .products-wrapper .product.active::after {
    content: "";
    position: absolute;
    width: 11px;
    height: 8px;
    background-image: url(/img/white-icon-done.svg);
    background-size: cover;
    top: 11px;
    left: 9px;
    z-index: 3
}

@media(min-width: 769px) {
    .quick-purchase-modal .products-wrapper .product.active::after {
        top:24px;
        left: 22px
    }
}

.quick-purchase-modal .preloader__anime {
    margin: 0;
    max-width: 150px;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-75%);
    transform: translate(-50%,-75%)
}

.quick-purchase-modal .preloader__anime .dot {
    width: 15px;
    height: 15px
}

.quick-purchase-modal .quick-purchase-max-value {
    position: absolute;
    right: -1px;
    top: 0;
    bottom: 0;
    background-color: #f8f8f8;
    font-size: 16px;
    width: 54px;
    border-right: 7px;
    z-index: 2
}

.quick-purchase-modal .quick-purchase-max-value:hover {
    background-color: #eee
}

.quick-purchase-modal .sum-block {
    padding-top: 24px
}

.quick-purchase-modal .sum-block .wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 9px
}

@media(min-width: 769px) {
    .quick-purchase-modal .sum-block .wrapper {
        -webkit-box-orient:horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row
    }
}

.quick-purchase-modal .sum-block .form-item {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin-bottom: 15px;
    position: relative
}

@media(min-width: 769px) {
    .quick-purchase-modal .sum-block .form-item {
        -webkit-box-orient:horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        margin-bottom: 0
    }
}

.quick-purchase-modal .sum-block .form-item__input {
    padding: 27px 16px 10px;
    min-height: 56px
}

.quick-purchase-modal .sum-block .form-item__label {
    left: 16px;
    top: 10px
}

.quick-purchase-modal .sum-block .error-text {
    color: #ea3d2f;
    font-size: 12px;
    position: absolute;
    bottom: -20px;
    left: 0
}

.quick-purchase-modal .sum-block .button {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding: 16px;
    font-size: 16px
}

@media(max-width: 465px) {
    #turnover-select .selected-value {
        font-size:12px;
        padding: 9px 15px 9px 9px
    }

    #turnover-select .selected-value::after {
        right: 4px
    }
}

.custom-select-cr {
    position: relative;
    max-width: 200px;
    margin-top: 2px;
    margin-bottom: 8px
}

.custom-select-cr .selected-value {
    color: #fff;
    background-color: #335255;
    border-radius: 4px;
    padding: 9px 30px 9px 9px;
    cursor: pointer;
    font-size: 13px;
    position: relative
}

.custom-select-cr .selected-value.open::after {
    -webkit-transform: scale(1,-1) translateY(5px);
    transform: scale(1,-1) translateY(5px)
}

.custom-select-cr .selected-value::after {
    content: "";
    position: absolute;
    right: 11px;
    top: 50%;
    -webkit-transform: translateY(-25%);
    transform: translateY(-25%);
    border: 5px solid transparent;
    border-top: 5px solid #fff;
    pointer-events: none;
    -webkit-transition: .2s;
    transition: .2s
}

.custom-select-cr .options {
    position: absolute;
    background-color: #335255;
    font-size: 13px;
    width: 99%;
    z-index: 2;
    -webkit-transform: translateY(5px);
    transform: translateY(5px);
    border-radius: 0 0 8px 8px;
    box-shadow: 0 5px 13px -3px rgba(0,0,0,.39);
    -webkit-box-shadow: 0 5px 13px -3px rgba(0,0,0,.39);
    -moz-box-shadow: 0 5px 13px -3px rgba(0,0,0,.39)
}

.custom-select-cr .custom-option {
    padding: 8px 10px 8px 12px;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    position: relative
}

@media(min-width: 769px) {
    .custom-select-cr .custom-option:hover {
        background-color:#708688;
        color: #fff
    }
}

.frozen-amount-selector {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: .5rem
}

.frozen-amount-selector>*+* {
    margin-left: 8px
}

.frozen-amount-selector .frozen-amount-selector__icon {
    background-image: url(/img/icons/ice-icon.svg);
    background-size: cover;
    width: 24px;
    min-width: 24px;
    height: 24px;
    min-height: 24px
}

.frozen-amount-selector .frozen-amount-selector__info {
    -webkit-box-flex: 2;
    -ms-flex-positive: 2;
    flex-grow: 2;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.frozen-amount-selector .frozen-amount-selector__info .btn-question {
    position: relative;
    top: -.25rem
}

.frozen-amount-selector .frozen-amount-selector__info-title {
    color: #252525;
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 16px
}

.frozen-amount-selector .frozen-amount-selector__info-type {
    color: #d5ba81;
    font-style: normal;
    font-weight: 500;
    font-size: 12px;
    line-height: 14px
}

.frozen-amount-selector .frozen-amount-selector__arrow {
    background-image: url(/img/icons/arrow-icon.svg);
    background-size: cover;
    width: 20px;
    height: 20px;
    min-width: 20px;
    min-height: 20px;
    cursor: pointer;
    -webkit-transition: all .25s;
    transition: all .25s
}

.frozen-amount-selector .frozen-amount-selector__arrow-open {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.frozen-amount-selector .frozen-amount-selector__info-type-daily {
    display: block
}

.frozen-amount-options {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.frozen-amount-options>*+* {
    margin-top: 8px
}

.frozen-amount-options .frozen-amount-options-group {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.frozen-amount-options .frozen-amount-options-group>*+* {
    margin-left: 8px
}

.frozen-amount-options .frozen-amount-options-option {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.frozen-amount-options .frozen-amount-options-option.\--daily {
    max-width: 40%
}

.frozen-amount-options .frozen-amount-options-option>label {
    cursor: pointer;
    color: #000;
    font-weight: 500;
    height: 100%;
    position: relative;
    padding: 1.25rem .5rem;
    border: 1px solid transparent;
    background-color: #fff;
    -webkit-box-shadow: 0 2px 20px rgba(16,30,115,.1);
    box-shadow: 0 2px 20px rgba(16,30,115,.1);
    border-radius: 8px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    text-align: center;
    line-height: 1.3;
    font-size: .75rem;
    margin-bottom: 0
}

.frozen-amount-options .frozen-amount-options-option.frozen-amount-purchase>input:not(:checked)+label {
    background-color: #dde9ea;
    border-color: #024247
}

.frozen-amount-options-group.\--purchase.hidden+.frozen-amount-options-group .\--monthly label {
    border-color: #d5ba81
}

.frozen-amount-options-group.\--purchase.hidden+.frozen-amount-options-group .\--monthly input:not(:checked)+label .frozen-amount-number {
    color: #d5ba81;
    border-color: #d5ba81
}

.frozen-amount-block {
    background: #eff2f8;
    border-radius: 8px;
    padding: 12px 8px;
    margin-top: .5rem
}

.frozen-amount-radio {
    display: none
}

.frozen-amount-radio:checked+label {
    color: #fff;
    background-color: #d5ba81
}

.frozen-amount-radio:disabled+label {
    color: #878787;
    pointer-events: none
}

.frozen-amount-radio:disabled+label .frozen-amount-validate {
    opacity: 1
}

.frozen-amount-percent {
    font-size: 1.25rem
}

.frozen-amount-warning {
    background: rgba(194,81,65,.1);
    border-radius: 8px;
    color: #c25141;
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 16px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 10px 8px;
    gap: 8px;
    margin-top: 8px
}

.frozen-amount-warning__icon {
    background-image: url(/img/icons/warning-icon.svg);
    background-size: cover;
    width: 20px;
    min-width: 20px;
    height: 20px;
    min-height: 20px
}

.frozen-amount-number {
    position: absolute;
    left: -1px;
    top: -1px;
    width: 18px;
    height: 18px;
    color: #024247;
    border: 1px solid #024247;
    border-radius: 8px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-weight: 700
}

.frozen-amount-validate {
    color: #c25141;
    opacity: 0;
    text-align: center
}

.total-amount-block {
    margin-top: 16px;
    border-top: 1px solid #e9e9e9
}

.super-prize-block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    padding: 8px;
    gap: 8px;
    border-radius: 8px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: -webkit-gradient(linear,left bottom,left top,from(#00272A),color-stop(99%,#024247));
    background: linear-gradient(360deg,#00272A 0%,#024247 99%);
    margin-bottom: 12px;
    display: none
}

.super-prize-block.tablet-view {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

@media(min-width: 769px) {
    .super-prize-block {
        display:-webkit-box;
        display: -ms-flexbox;
        display: flex
    }

    .super-prize-block.tablet-view {
        display: none
    }
}

.super-prize-block .super-prize-block__icon {
    background-image: url(/img/icons/prize-icon.svg);
    background-size: cover;
    width: 24px;
    height: 24px;
    min-width: 24px;
    min-height: 24px
}

.super-prize-block .super-prize-block__title {
    color: #d5ba81;
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 19px
}

.blog-content {
    font-family: nunito,sans-serif;
    color: #313131;
    font-size: 19px;
    line-height: 1.3;
    font-weight: 300
}

.blog-content p:empty {
    display: none
}

.blog-content a {
    color: #007bff;
    display: inline-block;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align: bottom
}

.blog-content h2 {
    font-weight: 700;
    line-height: 30px;
    padding-top: 1rem
}

.blog-content img {
    max-width: 100%;
    display: block;
    margin: 0 auto;
    text-align: center;
    margin-bottom: 1em
}

@media(max-width: 767px) {
    .blog-content img {
        min-width:80%
    }
}

.blog-content p>img {
    margin-top: 2rem
}

.blog-content>u,.blog-content>b {
    margin-bottom: .5rem;
    display: inline-block
}

.blog-content p {
    font: inherit;
    color: inherit
}

.blog-content p:not(:last-child),.blog-content h1,.blog-content h2,.blog-content h3,.blog-content h4,.blog-content h5,.blog-content h6,.blog-content ul {
    margin-bottom: .5rem
}

.blog-content ul {
    list-style: none;
    margin-left: 2rem
}

.blog-content ul li {
    padding-left: .5rem;
    margin-left: .5rem;
    position: relative;
    line-height: 1.7!important
}

.blog-content li img {
    padding: .5rem 0
}

.blog-content ul li:before {
    content: '';
    border-radius: 50%;
    border: 2px solid #6a82fb;
    position: absolute;
    width: 8px;
    height: 8px;
    left: 0;
    top: .6em
}

.blog-content ul li {
    margin-bottom: 1rem;
    font: inherit
}

@media(max-width: 767px) {
    .blog-content {
        font-size:15px
    }

    .blog-content ul {
        margin-left: 0
    }

    .blog-content ul li {
        margin-left: .5rem
    }

    .blog-content p:not(:last-child),.blog-content h1,.blog-content h2,.blog-content h3,.blog-content h4,.blog-content h5,.blog-content h6,.blog-content ul {
        margin-bottom: 1rem
    }
}

.kt-portlet {
    margin-bottom: 30px
}

.kt-portlet--contain {
    -webkit-transition: -webkit-box-shadow .3s linear;
    transition: -webkit-box-shadow .3s linear;
    transition: box-shadow .3s linear;
    transition: box-shadow .3s linear,-webkit-box-shadow .3s linear;
    -webkit-box-shadow: 0 0 13px 2px rgba(82,63,105,.1);
    box-shadow: 0 0 13px 2px rgba(82,63,105,.1)
}

.kt-portlet--contain:hover {
    -webkit-box-shadow: 0 0 24px 4px rgba(82,63,105,.2);
    box-shadow: 0 0 24px 4px rgba(82,63,105,.2)
}

.kt-blog-grid {
    position: relative
}

.kt-blog-grid__date {
    font-size: 13px;
    color: #918ea7;
    font-weight: 300;
    margin-bottom: 10px
}

.kt-blog-grid__title {
    font-size: 20px;
    font-weight: 500;
    color: #646c9a;
    height: 48px;
    overflow: hidden;
    display: block
}

.kt-blog-grid__content {
    font-weight: 400;
    color: #918ea7;
    font-size: 14px
}

.kt-blog-grid__footer {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.kt-blog-grid__link {
    font-size: 14px;
    font-weight: 400;
    -webkit-transition: all .3s linear;
    transition: all .3s linear;
    color: #e38312
}

.kt-blog-grid__link:hover {
    color: #e38312
}

.kt-blog-grid__link:after {
    cursor: pointer;
    content: '';
    position: absolute;
    display: block;
    z-index: 2;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    cursor: pointer
}

.kt-blog-grid__thumb-link {
    height: 220px;
    background-size: cover;
    background-position: center center
}

.kt-blog-post__content {
    font-weight: 700;
    color: #7b7986;
    font-size: 16px
}

.kt-blog-post__content>p {
    font-size: 16px
}

.kt-blog-post__title {
    font-weight: 600;
    font-size: 21px;
    color: #464457
}

.kt-blog-post__meta {
    color: #918ea7;
    font-size: 14px
}

.kt-blog-post__link {
    color: #5867dd;
    font-weight: 700
}

@media(max-width: 767.98px) {
    .table td>.btn,.table td>.product-weight-label {
        line-height:1.3
    }

    .header-info-mobile {
        border-top: 1px solid #f3f3f3;
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        padding: .3em 1em
    }
}

:root {
    --duration: 1.5s;
    --container-size: 120px;
    --box-size: 15px;
    --box-border-radius: 15%
}

.preloader {
    width: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.preloader__anime {
    margin: 45px 0;
    width: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative
}

.preloader__anime .dot {
    position: relative;
    width: 20px;
    height: 20px;
    margin: 8px;
    border-radius: 50%
}

.preloader__anime .dot::before {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    background: inherit;
    border-radius: inherit;
    -webkit-animation: wave 2s ease-out infinite;
    animation: wave 2s ease-out infinite
}

.preloader__anime .dot:nth-child(1) {
    background: #d5ba81
}

.preloader__anime .dot:nth-child(1)::before {
    -webkit-animation-delay: .2s;
    animation-delay: .2s
}

.preloader__anime .dot:nth-child(2) {
    background: #d5ba81
}

.preloader__anime .dot:nth-child(2)::before {
    -webkit-animation-delay: .4s;
    animation-delay: .4s
}

.preloader__anime .dot:nth-child(3) {
    background: #d5ba81
}

.preloader__anime .dot:nth-child(3)::before {
    -webkit-animation-delay: .6s;
    animation-delay: .6s
}

.preloader__anime .dot:nth-child(4) {
    background: #d5ba81
}

.preloader__anime .dot:nth-child(4)::before {
    -webkit-animation-delay: .8s;
    animation-delay: .8s
}

.preloader__anime .dot:nth-child(5) {
    background: #d5ba81
}

.preloader__anime .dot:nth-child(5)::before {
    -webkit-animation-delay: 1s;
    animation-delay: 1s
}

@keyframes wave {
    50%,75% {
        -webkit-transform: scale(2.5);
        transform: scale(2.5)
    }

    80%,100% {
        opacity: 0
    }
}

.btn,.product-weight-label {
    border-radius: 8px
}

.btn.btn-default,.btn-default.product-weight-label {
    font-size: 16px;
    padding: 7px 20px;
    background: #d5ba81;
    border: 1px solid #d5ba81;
    color: #fff;
    line-height: 1.5
}

.btn.btn-default:disabled,.btn-default.product-weight-label:disabled {
    background: #d7d7d7;
    border: 1px solid #d7d7d7
}

.btn.btn-default:hover,.btn-default.product-weight-label:hover {
    background: #c8a55b
}

.btn.btn-outline,.btn-outline.product-weight-label {
    border: 1px solid #ccc;
    font-size: 16px;
    padding: 7px 20px;
    color: #ccc;
    line-height: 1.5
}

.btn.btn-outline:hover,.btn-outline.product-weight-label:hover {
    background: #ccc;
    color: #fff
}

@media(max-width: 767px) {
    .btn.btn-outline:not(.btn-large),.btn-outline.product-weight-label:not(.btn-large),.btn.btn-default:not(.btn-large),.btn-default.product-weight-label:not(.btn-large) {
        font-size:15px;
        padding: 6px 15px
    }
}

.btn-close,.modal-header .close {
    width: 2rem;
    height: 2rem;
    font-size: 0;
    position: relative;
    border-radius: 50%;
    background-color: #d5ba81;
    opacity: 1
}

.btn-close:after,.modal-header .close:after,.btn-close:before,.modal-header .close:before {
    width: 1rem;
    height: 3px;
    background-color: #fff;
    display: block;
    content: ' ';
    position: absolute;
    left: .5rem;
    top: .9rem
}

.btn-close:before,.modal-header .close:before {
    -webkit-transform: rotateZ(45deg);
    transform: rotateZ(45deg)
}

.btn-close:after,.modal-header .close:after {
    -webkit-transform: rotateZ(-45deg);
    transform: rotateZ(-45deg)
}

.btn-large {
    text-transform: uppercase;
    padding: .8rem 1rem!important;
    font-weight: 700;
    font-size: 1.2rem
}

#chose_day {
    cursor: pointer
}

.ui-datepicker {
    display: block;
    background: #fff;
    border: 1px solid #dedede;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-shadow: 0 8px 12px rgba(0,0,0,.12);
    box-shadow: 0 8px 12px rgba(0,0,0,.12);
    border-radius: 3px;
    width: 100%!important;
    padding: 0
}

.ui-datepicker .ui-datepicker-header {
    border-bottom: 1px solid rgba(0,0,0,.1)
}

.ui-datepicker .ui-datepicker-calendar thead {
    display: none
}

.ui-datepicker .ui-datepicker-calendar td span,.ui-datepicker .ui-datepicker-calendar td a {
    text-align: center!important;
    width: 24px;
    height: 24px;
    font-size: 14px;
    line-height: 16px;
    border: 1px solid #fff
}

.ui-datepicker .ui-datepicker-calendar td span:hover,.ui-datepicker .ui-datepicker-calendar td a:hover {
    border-radius: 50%;
    border: 1px solid #e38312
}

.ui-datepicker .ui-datepicker-title {
    font-weight: 600
}

.ui-datepicker .ui-state-disabled {
    letter-spacing: .025em;
    color: #c4c4c4
}

.ui-datepicker .ui-datepicker-today span,.ui-datepicker .ui-datepicker-today a {
    border-radius: 50%;
    border: 1px solid #c4c4c4!important
}

.ui-datepicker .ui-state-active {
    border-radius: 50%;
    border: 1px solid #e38312;
    background: #e38312;
    color: #fff;
    font-weight: 600
}

.ui-corner-all .ui-datepicker-next,.ui-corner-all .ui-datepicker-prev {
    width: 19px!important;
    height: 15px!important;
    background-repeat: no-repeat!important;
    background: url(/img/arr-lang.svg);
    cursor: pointer
}

.ui-corner-all .ui-datepicker-next {
    top: 3px!important;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg)
}

.ui-corner-all .ui-datepicker-prev {
    top: 7px!important;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg)
}

.alert-v2 {
    border: 1px solid #ccc;
    background-color: #f3f3f3;
    color: #a1a1a1;
    border-radius: 5px;
    padding: 1em;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.alert-v2 li {
    list-style-type: disc;
    list-style-position: inside;
    font-size: 14px;
    line-height: 21px
}

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

.alert-v2--ico {
    margin-right: 10px;
    width: 20px;
    height: 20px
}

.alert-v2--info {
    background: #fff;
    border-radius: 8px;
    -webkit-box-shadow: 0 2px 10px rgba(0,0,0,.07);
    box-shadow: 0 2px 10px rgba(0,0,0,.07);
    color: #b95000;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 8px;
    padding-top: 10px;
    padding-bottom: 10px;
    font-size: 12px
}

.alert-v2--warning {
    border-color: #e38312;
    color: #b95000;
    background-color: #fff4ec;
    -webkit-box-shadow: 0 9px 19px rgba(0,0,0,.1);
    box-shadow: 0 9px 19px rgba(0,0,0,.1);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.alert-v2--promo {
    border-radius: 16px;
    border-color: transparent;
    background: -webkit-gradient(linear,left bottom,left top,from(#00272A),to(#024247));
    background: linear-gradient(360deg,#00272A,#024247);
    color: #d5ba81
}

.alert-v2--danger {
    border-color: #f22613;
    color: #af180a;
    background-color: rgba(242,38,19,.03)
}

.alert-v2--ref-active {
    margin-bottom: 0;
    margin-left: 1em
}

@media(max-width: 767.98px) {
    .alert-v2--ref-active {
        margin:0;
        margin-top: 20px
    }
}

@font-face {
    font-family: raleway;
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(/fonts/raleway/raleway-v18-latin_cyrillic-regular.woff2) format("woff2"),url(/fonts/raleway/raleway-v18-latin_cyrillic-regular.woff) format("woff")
}

@font-face {
    font-family: raleway;
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: url(/fonts/raleway/raleway-v18-latin_cyrillic-500.woff2) format("woff2"),url(/fonts/raleway/raleway-v18-latin_cyrillic-500.woff) format("woff")
}

@font-face {
    font-family: raleway;
    font-style: normal;
    font-weight: 600;
    font-display: swap;
    src: url(/fonts/raleway/raleway-v18-latin_cyrillic-600.woff2) format("woff2"),url(/fonts/raleway/raleway-v18-latin_cyrillic-600.woff) format("woff")
}

@font-face {
    font-family: raleway;
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url(/fonts/raleway/raleway-v18-latin_cyrillic-700.woff2) format("woff2"),url(/fonts/raleway/raleway-v18-latin_cyrillic-700.woff) format("woff")
}

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

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

a {
    text-decoration: none
}

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

.visually-hidden {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    border: 0;
    padding: 0;
    white-space: nowrap;
    -webkit-clip-path: inset(100%);
    clip-path: inset(100%);
    clip: rect(0 0 0 0);
    overflow: hidden
}

body {
    margin: 0;
    min-width: 320px;
    font-family: raleway,arial,sans-serif;
    font-size: 16px;
    line-height: 1.5;
    color: #252525;
    font-weight: 400;
    background-color: #fff;
    font-variant-numeric: lining-nums
}

.button {
    position: relative;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 17px 28px 16px;
    font-weight: 700;
    font-size: 16px;
    line-height: 19px;
    text-transform: uppercase;
    color: #fff;
    background-color: #d5ba81;
    border: 2px solid #d5ba81;
    -webkit-box-shadow: 0 18px 32px -12px rgba(171,156,129,.6);
    box-shadow: 0 18px 32px -12px rgba(171,156,129,.6);
    border-radius: 8px;
    cursor: pointer;
    -webkit-transition: all .2s;
    transition: all .2s
}

.button-xs {
    padding: 6px 10px;
    font-size: 12px
}

.button:hover,.button:focus {
    background-color: #cba451;
    border-color: #cba451;
    color: #fff;
    -webkit-box-shadow: 0 18px 32px -12px rgba(213,186,129,.35);
    box-shadow: 0 18px 32px -12px rgba(213,186,129,.35)
}

.button:active {
    background-color: #d5ba81;
    border-color: #d5ba81;
    -webkit-box-shadow: none;
    box-shadow: none
}

.button:disabled,.button.disabled,.button.\--disabled {
    -webkit-box-shadow: none;
    box-shadow: none;
    color: rgba(37,37,37,.5);
    background-color: #f1f1f1;
    border-color: #f1f1f1;
    cursor: not-allowed
}

.button.\--ancestor-dark-bg:disabled,.button.\--ancestor-dark-bg.disabled,.button.\--ancestor-dark-bg.\--disabled {
    color: rgba(255,255,255,.5);
    background-color: rgba(255,255,255,.1);
    border-color: rgba(255,255,255,.1)
}

.button.\--invite {
    padding: 13px 16px 12px 56px
}

.button.\--invite span {
    position: relative;
    color: #fff
}

.button.\--invite span::before {
    content: "";
    position: absolute;
    top: 50%;
    left: -31px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 24px;
    height: 24px;
    background-image: url(/img/plus.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain
}

.button.\--secondary {
    color: #878787;
    background-color: transparent;
    border-color: #878787;
    border-width: 1px
}

.button.\--secondary:hover,.button.\--secondary:focus {
    background-color: transparent;
    color: #d5ba81;
    border-color: #d5ba81
}

.button.\--full-width {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%
}

.button.\--dashboard {
    margin-bottom: 40px
}

@media(min-width: 500px) {
    .button.\--dashboard {
        display:none
    }
}

.button.\--dashboard-title {
    position: absolute;
    right: 0;
    top: 10px;
    display: none;
    padding: 10px 10px 10px 50px
}

@media(min-width: 620px) {
    .button.\--dashboard-title {
        display:block
    }
}

@media(min-width: 1024px) {
    .button.\--dashboard-title {
        display:none
    }
}

.button.\--header {
    padding: 12px 12px 12px 40px;
    color: #252525;
    font-weight: 400;
    text-transform: none;
    border-radius: 4px
}

@media(min-width: 1024px) {
    .button.\--header {
        display:none
    }
}

.button.\--share {
    color: #252525;
    background-color: #dee3ec;
    border-color: #dee3ec;
    -webkit-box-shadow: none;
    box-shadow: none
}

.button.\--bordered {
    color: #d5ba81;
    background-color: #fff
}

.button.\--outline {
    background-color: transparent;
    border: 1px solid #fff;
    color: #fff;
    -webkit-box-shadow: none;
    box-shadow: none
}

.button.\--outline:hover {
    border: 1px solid #d5ba81;
    color: #d5ba81
}

@media(min-width: 769px) {
    .grid-balance {
        display:grid;
        grid-template-columns: 1fr 2fr;
        gap: 16px;
        max-width: 1200px
    }
}

.disabled {
    pointer-events: none
}

.disabled-btn {
    color: #878787!important;
    pointer-events: none!important
}

.modal-info-image {
    border-radius: 15px;
    -webkit-box-shadow: 0 2px 20px rgba(16,30,115,.15);
    box-shadow: 0 2px 20px rgba(16,30,115,.15)
}

@-webkit-keyframes fade {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes fade {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@-webkit-keyframes rotating {
    from {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@keyframes rotating {
    from {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

.container,.container-fluid {
    padding-left: 8px;
    padding-right: 8px;
    max-width: 1200px
}

@media(min-width: 769px) {
    .container,.container-fluid {
        padding-left:15px;
        padding-right: 15px
    }
}

.row {
    margin-left: -8px;
    margin-right: -8px
}

.col-12,.col,.col-auto,.col-sm-4,.col-sm-6,.col-sm-8,.col-sm-12,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-12,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-xl-3,.col-xl-4,.col-xl-5,.col-xl-6,.col-xl-7,.col-xl-8 {
    padding-right: 8px;
    padding-left: 8px
}

.header {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 32;
    min-height: 58px;
    padding: 8px 0;
    background-color: #fff;
    -webkit-box-shadow: 0 10px 20px rgba(0,0,0,.04),0 2px 6px rgba(0,0,0,.04),0 0 1px rgba(0,0,0,.04);
    box-shadow: 0 10px 20px rgba(0,0,0,.04),0 2px 6px rgba(0,0,0,.04),0 0 1px rgba(0,0,0,.04)
}

@media(min-width: 1024px) {
    .header {
        padding-right:15px
    }
}

.header .purchase-button {
    display: block
}

.header__nav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.header__nav-list {
    margin: 0;
    padding: 0;
    list-style: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-left: auto
}

.header__nav-item {
    margin-left: 8px;
    height: 100%
}

.header__nav-item.\--back {
    display: none
}

@media(min-width: 1024px) {
    .header {
        padding-left:calc(280px + 15px)
    }
}

.page-title {
    position: relative;
    min-height: 63px
}

.page-title__back {
    position: absolute;
    top: 50%;
    left: 0;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    padding: 16px;
    padding-left: 0;
    cursor: pointer
}

.page-title__back svg {
    fill: #252525
}

.page-title__text {
    margin: 0;
    padding: 16px 30px;
    font-weight: 700;
    font-size: 26px;
    text-align: center
}

@media(min-width: 769px) {
    .page-title__text {
        padding:16px 0;
        text-align: left
    }
}

.page-title__text.\--dashboard {
    display: none
}

@media(min-width: 1024px) {
    .page-title__text.\--dashboard {
        display:block;
        text-align: left
    }
}

@media(min-width: 769px) {
    .page-title__back+.page-title__text {
        padding-left:30px
    }
}

.tapbar {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 36;
    font-weight: 500;
    font-size: 10px;
    line-height: 1.2;
    text-align: center;
    letter-spacing: .1px;
    color: #fff;
    background: -webkit-gradient(linear,left bottom,left top,from(#00272A),to(#024247));
    background: linear-gradient(360deg,#00272A,#024247)
}

@media only screen and (min-width: 1024px) {
    .tapbar {
        display:none
    }
}

.tapbar__nav-list {
    margin: 0;
    padding: 0;
    list-style: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

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

.tapbar__nav-link {
    position: relative;
    width: 100%;
    border: 0;
    color: inherit;
    font-size: 12px;
    background-color: transparent;
    cursor: pointer;
    padding: 37px 6px 19px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-transition: color .3s;
    transition: color .3s
}

.tapbar__nav-link.label-new:after {
    content: '';
    position: absolute;
    width: 9px;
    height: 9px;
    top: calc(50% - 26px);
    right: calc(50% - 16px);
    background-color: red;
    border-radius: 50%
}

.tapbar__nav-link:hover,.tapbar__nav-link:focus {
    color: inherit
}

.tapbar__nav-link.\--active,.tapbar__nav-link:active {
    color: #d5ba81
}

.tapbar__nav-icon {
    fill: #fff;
    position: absolute;
    top: 14px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    -webkit-transition: opacity .3s,fill .3s;
    transition: opacity .3s,fill .3s
}

.tapbar__nav-icon.\--filled {
    opacity: 0
}

.tapbar__nav-link.\--active .tapbar__nav-icon,.tapbar__nav-link:active .tapbar__nav-icon {
    fill: #d5ba81
}

.tapbar__nav-link.\--active .tapbar__nav-icon.\--empty,.tapbar__nav-link:active .tapbar__nav-icon.\--empty {
    opacity: 0
}

.tapbar__nav-link.\--active .tapbar__nav-icon.\--filled,.tapbar__nav-link:active .tapbar__nav-icon.\--filled {
    opacity: 1
}

.mobile-menu {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 32;
    padding-bottom: 68px;
    overflow: auto
}

@media(min-width: 1024px) {
    .mobile-menu {
        display:none
    }
}

.mobile-menu.mobile-lang-select .modal-close--lang-select-mob {
    right: 10px
}

.mobile-menu.mobile-lang-select .title {
    font-size: 20px;
    font-weight: 700;
    padding: 24px 0 0 28px
}

.mobile-menu.mobile-lang-select .mobile-menu__nav {
    overflow: visible;
    background: #fff;
    color: #252525
}

.mobile-menu.mobile-lang-select .mobile-menu__nav .lang-selector__item {
    display: block;
    color: #252525
}

.mobile-menu.mobile-lang-select .mobile-menu__nav .lang-selector__item.active {
    background-color: #eff2f8
}

.mobile-menu.\--hidden {
    z-index: -1;
    opacity: 0;
    -webkit-transition-delay: .3s;
    transition-delay: .3s
}

.mobile-menu::before {
    content: '';
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 33;
    background-color: rgba(0,0,0,.54);
    opacity: 1;
    -webkit-transition: opacity .3s;
    transition: opacity .3s
}

.mobile-menu.\--hidden::before {
    opacity: 0
}

.mobile-menu__nav {
    position: relative;
    z-index: 34;
    margin: auto auto 0;
    width: 100%;
    color: #fff;
    background: -webkit-gradient(linear,left bottom,left top,from(#00272A),to(#024247));
    background: linear-gradient(360deg,#00272A,#024247);
    -webkit-transition: opacity .25s,-webkit-transform .3s;
    transition: opacity .25s,-webkit-transform .3s;
    transition: transform .3s,opacity .25s;
    transition: transform .3s,opacity .25s,-webkit-transform .3s;
    -webkit-transform: translateY(0);
    transform: translateY(0);
    overflow: hidden;
    border-radius: 16px 16px 0 0
}

@media(min-width: 432px) {
    .mobile-menu__nav {
        margin:auto 16px 0 auto;
        width: 400px
    }
}

.mobile-menu.\--hidden .mobile-menu__nav {
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
    opacity: 0
}

.mobile-menu .working-hours {
    background: rgba(255,255,255,.1);
    color: rgba(255,255,255,.5);
    padding: 16px 24px
}

.mobile-menu .working-hours__block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.mobile-menu .working-hours__item {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

.mobile-menu .working-hours__item:first-child {
    max-width: 45%
}

.mobile-menu .working-hours__item:last-child {
    margin-left: 30px
}

.mobile-menu .working-hours__item.\--chat {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.mobile-menu .working-hours__text {
    font-size: 12px;
    line-height: 18px;
    margin: 0
}

.mobile-menu .working-hours .block-wrap {
    margin-top: 16px;
    font-size: 12px;
    line-height: 18px
}

.mobile-menu .working-hours .block-wrap__title {
    color: rgba(255,255,255,.5)
}

.mobile-menu .working-hours .block-wrap__text {
    padding-top: 0;
    color: #d5ba81;
    text-decoration: underline;
    display: block;
    font-weight: bolder
}

.mobile-menu .working-hours .block-wrap__text--id {
    color: #fff;
    text-decoration: none;
    display: inline-block;
    margin-left: 4px
}

.mobile-menu .working-hours__phone {
    color: #d5ba81;
    text-decoration: underline;
    display: block;
    margin: 3px 0;
    line-height: 12px;
    font-size: 12px;
    font-weight: 700
}

.mobile-menu .working-hours__time {
    color: #fff
}

.mobile-menu .working-hours__help-text {
    text-align: center;
    margin: 0;
    font-size: 10px;
    line-height: 14px
}

.mobile-menu__nav-list {
    margin: 0;
    padding: 0;
    list-style: none;
    padding: 24px
}

.mobile-menu__nav-list .lang-selector {
    gap: 4px
}

.mobile-menu__nav-item a {
    display: block;
    position: relative;
    padding: 12px 0 11px;
    padding-left: 30px;
    font-size: 14px;
    color: inherit;
    line-height: 16px;
    letter-spacing: .15px;
    border-bottom: 1px solid rgba(255,255,255,.1);
    -webkit-transition: color .3s;
    transition: color .3s
}

@media(min-width: 400px) {
    .mobile-menu__nav-item a {
        font-size:16px
    }
}

.mobile-menu__nav-item.label-new a {
    display: block
}

.mobile-menu__nav-item.label-new a:before {
    content: 'New';
    color: #252525;
    font-weight: 700;
    font-size: 12px;
    line-height: 14px;
    padding: 5px 8px 5px 16px;
    background: #d5ba81;
    border-radius: 8px;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    right: 0
}

.mobile-menu__nav-item.label-new a:after {
    content: '\2022';
    color: #252525;
    font-weight: 700;
    font-size: 30px;
    line-height: 20px;
    position: absolute;
    top: calc(50% - 9px);
    right: 37px
}

.mobile-menu__nav-item a:focus,.mobile-menu__nav-item a:active {
    color: #d5ba81
}

.mobile-menu__nav-item svg {
    fill: #fff;
    position: absolute;
    top: 50%;
    left: 0;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition: fill .3s;
    transition: fill .3s
}

.mobile-menu__nav-item a:focus svg,.mobile-menu__nav-item a:active svg {
    fill: #d5ba81
}

.mobile-menu .lang-selector {
    -webkit-box-pack: left;
    -ms-flex-pack: left;
    justify-content: left
}

@media only screen and (max-width: 399px) {
    .mobile-menu .lang-selector {
        font-size:14px
    }
}

.stats {
    padding-bottom: 24px
}

@media(min-width: 769px) {
    .stats {
        padding-bottom:16px
    }
}

.stats__list {
    margin: 0;
    padding: 0;
    list-style: none;
    --gap: 8px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-left: calc(-1 * var(--gap,0));
    margin-top: calc(-1 * var(--gap,0))
}

@media(min-width: 1024px) {
    .stats__list {
        display:grid;
        grid-template-columns: 1fr 1fr
    }

    .stats__list.four-blocks {
        grid-template-columns: 5fr 4fr 4fr 4fr
    }
}

@media(max-width: 1270px) {
    .stats__list {
        display:grid;
        grid-template-columns: repeat(6,1fr)
    }

    .stats__list.not-tr .stats__item:nth-child(3),.stats__list.not-tr .stats__item:nth-child(4),.stats__list.not-tr .stats__item:nth-child(5) {
        grid-column: span 3
    }

    .stats__list.not-tr .stats__item:last-child {
        grid-column: span 3
    }

    .stats__list.four-blocks {
        grid-template-columns: 5fr 4fr 4fr 4fr
    }

    .stats__list.four-blocks .stats__item {
        grid-column: unset!important
    }

    .stats__list .stats__item {
        grid-column: span 3
    }

    .stats__list .stats__item:nth-child(3),.stats__list .stats__item:nth-child(4),.stats__list .stats__item:nth-child(5) {
        grid-column: span 2
    }
}

@media(max-width: 521px) {
    .stats__list {
        display:grid;
        grid-template-columns: 1fr 1fr
    }

    .stats__list .stats__item {
        grid-column: unset!important
    }

    .stats__list .stats__item:first-of-type {
        grid-column: 1/3!important
    }

    .stats__list .stats__item:last-of-type {
        grid-column: 1/3!important
    }
}

@media(max-width: 1271px) {
    .stats__list.four-blocks {
        --gap: 16px;
        grid-template-columns: 1fr 1fr!important
    }

    .stats__list.four-blocks .stats__item {
        grid-column: unset!important
    }

    .stats__list.four-blocks .stats__item:first-of-type {
        grid-column: unset!important
    }
}

@media(max-width: 499px) {
    .stats__list.four-blocks.stats__list--dashboard .stats__item:first-of-type {
        grid-column:1/-1!important
    }

    .stats__list.four-blocks.stats__list--dashboard .stats__item:last-of-type {
        grid-column: 1/-1!important
    }
}

@media(min-width: 1271px) {
    .stats__list {
        --gap: 16px;
        grid-template-columns: 5fr 4fr 4fr 4fr 4fr
    }

    .stats__list.not-tr {
        grid-template-columns: unset;
        grid-auto-columns: 1fr;
        grid-auto-flow: column
    }
}

.stats__list>* {
    margin-left: var(--gap,0);
    margin-top: var(--gap,0)
}

.stats__item {
}

@media(min-width: 1024px) {
    .stats a.stats__box:hover:after {
        border-color:#fff
    }
}

.stats a.stats__box:after {
    -webkit-transition: .3s;
    transition: .3s;
    content: '';
    position: absolute;
    right: 20px;
    top: 20px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    width: 20px;
    height: 20px;
    border-right: 4px solid #406164;
    border-top: 4px solid #406164
}

.stats__box {
    background: -webkit-gradient(linear,left bottom,left top,from(#00272A),to(#024247));
    background: linear-gradient(360deg,#00272A,#024247);
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100%;
    min-height: 152px;
    padding: 20px 16px 16px;
    color: #fff;
    border-radius: 8px;
    -webkit-transition: background-position .2s;
    transition: background-position .2s;
    -webkit-transition: -webkit-transform .2s;
    transition: -webkit-transform .2s;
    transition: transform .2s;
    transition: transform .2s,-webkit-transform .2s
}

@media(min-width: 1280px) {
    .stats__box {
        min-height:152px
    }
}

.stats__box .box-new:before {
    position: absolute;
    content: 'New';
    bottom: 18px;
    right: 16px;
    padding: 0 6px;
    font-weight: 800;
    background-color: #d5ba81;
    color: #252525;
    border-radius: 8px
}

@media(min-width: 1280px) {
    .stats__box .box-new:before {
        bottom:22px;
        right: 16px;
        padding: 4px 14px
    }
}

.stats__box:focus,.stats__box:hover {
    color: #fff
}

@media(min-width: 1024px) {
    .stats__box:hover,.stats__box:active {
        color:#fff
    }

    .stats__box[href]:hover,.stats__box[href]:active {
        -webkit-transform: scale(1.04);
        transform: scale(1.04)
    }
}

.stats__box svg {
    position: absolute;
    top: 16px;
    right: 16px;
    fill: #fff;
    -webkit-transition: fill .25s;
    transition: fill .25s
}

@media(min-width: 1280px) {
    .stats__box svg {
        width:32px;
        height: 32px
    }
}

.stats__box:hover svg,.stats__box:active svg {
    fill: #d5ba81
}

.stats__box .deposit-buttons {
    position: absolute;
    bottom: 0;
    left: 8px;
    right: 8px;
    overflow: hidden;
    padding: 13px 16px 16px;
    border-radius: 0 0 8px 8px
}

@media(min-width: 1024px) {
    .stats__box .deposit-buttons {
        height:0;
        padding: 0 16px;
        background: -webkit-gradient(linear,left bottom,left top,from(#00272A),color-stop(99%,#013A3F));
        background: linear-gradient(360deg,#00272A 0%,#013A3F 99%);
        -webkit-box-shadow: inset 0 16px 24px rgba(158,158,158,.16);
        box-shadow: inset 0 16px 24px rgba(158,158,158,.16);
        -webkit-transition: all .2s;
        transition: all .2s
    }
}

.stats__box .deposit-buttons button {
    font-size: 14px;
    line-height: 16px;
    padding: 13px 4px
}

.stats__box .deposit-buttons button:first-child {
    -webkit-box-shadow: none;
    box-shadow: none
}

.stats__box.\--balance {
    position: relative;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row
}

@media(max-width: 1024px) {
    .stats__box.\--balance .stats__box-sublabel {
        position:relative
    }

    .stats__box.\--balance .stats__box-sublabel .text-main {
        position: absolute;
        width: 100%;
        -webkit-transform: translateX(4px);
        transform: translateX(4px)
    }
}

@media(min-width: 1024px) {
    .stats__box.\--balance {
        min-width:250px;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .stats__box.\--balance:hover .deposit-buttons {
        padding: 13px 16px 16px;
        height: initial
    }
}

.stats__box-label {
    margin: 0;
    margin-bottom: 4px;
    font-size: 14px;
    line-height: 19px
}

@media(min-width: 1280px) {
    .stats__box-label {
        font-size:16px;
        line-height: 24px
    }
}

.stats__box-sublabel {
    margin: 0 0 2px;
    font-size: 12px;
    line-height: 14px;
    color: #80999b
}

@media(min-width: 1280px) {
    .stats__box-sublabel {
        font-size:12px
    }
}

@media(max-width: 499px) {
    .stats__box-sublabel {
        padding-right:16px
    }
}

.stats__box svg~.stats__box-label,.stats__box svg~.stats__box-sublabel {
    padding-right: 30px
}

.stats__box-value {
    margin: 0;
    margin-top: auto;
    font-weight: 700;
    font-size: 22px;
    line-height: 130%;
    color: #d5ba81;
    white-space: nowrap;
    position: relative
}

@media(min-width: 1280px) {
    .stats__box-value {
        font-size:32px
    }
}

@media(max-width: 1023px) {
    .\--balance .stats__box-value {
        margin-top:-6px;
        margin-left: 60px;
        margin-right: 20px;
        -webkit-box-flex: 3;
        -ms-flex: 3;
        flex: 3
    }
}

@media(max-width: 600px) {
    .\--balance .stats__box-value {
        margin-left:40px;
        text-align: right
    }
}

@media(max-width: 500px) {
    .stats__box-value {
        font-size:20px
    }

    .\--balance .stats__box-value {
        margin-top: -8px
    }
}

@media(max-width: 500px) {
    .stats a.stats__box:after {
        top:19px!important;
        right: 19px!important;
        width: 15px;
        height: 15px;
        border-right: 3px solid #406164;
        border-top: 3px solid #406164
    }
}

@media(max-width: 340px) {
    .stats a.stats__box:after {
        right:12px!important
    }
}

.balance-nav {
    position: relative
}

.balance-nav.show .balance-nav__btn svg {
    -webkit-transition: .3s;
    transition: .3s;
    -webkit-transform: translateY(-50%) scale(1,-1);
    transform: translateY(-50%) scale(1,-1)
}

.balance-nav__btn {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    min-height: 40px;
    border: 0;
    padding: 4px 12px;
    color: #fff;
    text-align: center;
    background-image: -webkit-gradient(linear,left bottom,left top,from(#00272A),to(#024247));
    background-image: linear-gradient(360deg,#00272A,#024247);
    border-radius: 8px
}

@media(min-width: 500px) {
    .balance-nav__btn {
        padding-right:32px
    }
}

.balance-nav__btn:hover,.balance-nav__btn:focus,.balance-nav__btn:active {
    color: #fff
}

.balance-nav__btn svg {
    fill: #fff;
    position: absolute;
    top: 50%;
    right: 9px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition: .3s;
    transition: .3s
}

@media(max-width: 499px) {
    .balance-nav__btn svg {
        display:none
    }
}

.balance-nav__btn[href] {
    padding-right: 12px
}

.balance-nav__btn[href] svg {
    display: none
}

.balance-nav__btn.\--active svg {
    -webkit-transform: translateY(-50%) rotate(180deg);
    transform: translateY(-50%) rotate(180deg)
}

.balance-nav__label {
    text-transform: uppercase;
    font-size: 10px;
    line-height: 120%
}

.balance-nav__value {
    color: #d5ba81;
    font-weight: 700;
    font-size: 12px;
    line-height: 130%;
    letter-spacing: .01em;
    text-transform: uppercase;
    white-space: nowrap
}

.balance-nav__dropdown {
    right: -48px!important;
    top: calc(100% + 18px)!important;
    padding: 0;
    width: auto;
    border: 0;
    min-width: 0;
    -webkit-box-shadow: 0 2px 20px rgba(16,30,115,.1);
    box-shadow: 0 2px 20px rgba(16,30,115,.1);
    background-color: #fff;
    border-radius: 4px;
    overflow: hidden
}

.balance-nav__dropdown::after {
    display: none
}

.balance-nav__dropdown-list {
    margin: 0;
    padding: 0;
    list-style: none
}

.balance-nav__dropdown-item a,.balance-nav__dropdown-item button {
    display: block;
    width: 100%;
    position: relative;
    border: 0;
    background-color: transparent;
    padding: 12px 16px;
    padding-left: 42px;
    font-size: 14px;
    line-height: 24px;
    letter-spacing: .15px;
    color: inherit;
    white-space: nowrap;
    -webkit-transition: background-color .2s,color .2s,fill .2s;
    transition: background-color .2s,color .2s,fill .2s
}

.balance-nav__dropdown-item a[href]:hover,.balance-nav__dropdown-item a[type]:hover,.balance-nav__dropdown-item button[href]:hover,.balance-nav__dropdown-item button[type]:hover {
    color: #fff;
    background-color: #d5ba81
}

.balance-nav__dropdown-item a[href]:hover svg,.balance-nav__dropdown-item a[type]:hover svg,.balance-nav__dropdown-item button[href]:hover svg,.balance-nav__dropdown-item button[type]:hover svg {
    fill: #fff
}

.balance-nav__dropdown-item a::after,.balance-nav__dropdown-item button::after {
    content: '';
    position: absolute;
    top: 100%;
    left: 16px;
    right: 16px;
    height: 1px;
    background-color: rgba(37,37,37,.1)
}

.balance-nav__dropdown-item:last-child a::after,.balance-nav__dropdown-item:last-child button::after {
    display: none
}

.balance-nav__dropdown-item svg {
    fill: #252525;
    position: absolute;
    top: 50%;
    left: 12px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition: fill .2s;
    transition: fill .2s
}

.profile-nav {
    position: relative
}

.profile-nav__btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 0;
    border: 0;
    width: 40px;
    height: 40px;
    background-color: transparent;
    background-image: -webkit-gradient(linear,left bottom,left top,from(#00272A),to(#024247));
    background-image: linear-gradient(360deg,#00272A,#024247);
    border-radius: 8px
}

.profile-nav__btn svg {
    fill: #d5ba81
}

.profile-nav__dropdown {
    top: calc(100% + 18px)!important;
    padding: 0;
    width: auto;
    border: 0;
    min-width: 0;
    -webkit-box-shadow: 0 2px 20px rgba(16,30,115,.1);
    box-shadow: 0 2px 20px rgba(16,30,115,.1);
    background-color: #fff;
    border-radius: 4px
}

.profile-nav__dropdown::after {
    display: none
}

.profile-nav__dropdown-list {
    margin: 0;
    padding: 0;
    list-style: none
}

.profile-nav__dropdown-item a,.profile-nav__dropdown-item button {
    display: block;
    position: relative;
    padding: 12px 16px;
    padding-left: 42px;
    font-size: 14px;
    line-height: 24px;
    letter-spacing: .15px;
    color: inherit;
    white-space: nowrap;
    -webkit-transition: color .2s;
    transition: color .2s
}

.profile-nav__dropdown-item a:hover,.profile-nav__dropdown-item a[type]:hover,.profile-nav__dropdown-item button:hover,.profile-nav__dropdown-item button[type]:hover {
    color: #d5ba81;
    cursor: pointer
}

.profile-nav__dropdown-item a::after,.profile-nav__dropdown-item button::after {
    content: '';
    position: absolute;
    top: 100%;
    left: 16px;
    right: 16px;
    height: 1px;
    background-color: rgba(37,37,37,.1)
}

.profile-nav__dropdown-item:last-child a::after,.profile-nav__dropdown-item:last-child button::after {
    display: none
}

.profile-nav__dropdown-item svg {
    fill: #252525;
    position: absolute;
    top: 50%;
    left: 12px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition: fill .2s;
    transition: fill .2s
}

.profile-nav__dropdown-item a:hover svg {
    fill: #d5ba81
}

.history-box {
    display: block
}

.history-box .items-wrapper-and-title {
    padding: 24px 16px 16px;
    background-color: #eff2f8;
    margin-bottom: 16px;
    border-radius: 8px
}

.history-box__heading {
    margin: 0;
    position: relative;
    padding-right: 40px;
    font-weight: 700;
    font-size: 20px;
    color: #252525;
    margin-bottom: 16px
}

.history-box__heading svg {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    right: 0;
    fill: #d5ba81
}

.history-box .preloader__anime {
    margin: 0;
    padding: 10px
}

.history-box .preloader__anime .dot {
    width: 15px;
    height: 15px
}

@media(max-width: 499px) {
    .history-box__button-svg {
        -webkit-transform:translateY(-50%) rotate(1deg)!important;
        transform: translateY(-50%) rotate(1deg)!important
    }
}

.history-box__list {
    margin: 0;
    padding: 0;
    list-style: none
}

.history-box__item {
    margin-bottom: 8px
}

.history-box__item:last-child {
    margin-bottom: 0
}

.history-box.\--has-block {
    padding-bottom: 0;
    margin-bottom: 30px
}

.history-box .purchase-button {
    background: #c25141;
    border-radius: 8px;
    color: #fff;
    padding: 10.5px 30px
}

.history-box .purchase-button__text {
    text-transform: uppercase;
    font-weight: 700;
    font-size: 14px;
    line-height: 16px;
    padding-left: 12px
}

.history-box-wrapper {
    margin-top: 16px
}

.history-box-wrapper.loading-state .history-block-loader {
    display: block
}

.history-box-wrapper.loading-state .history-block-loader .preloader__anime {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 16px auto 0
}

.history-box-wrapper.loading-state .history-block-loader .preloader__anime .dot {
    width: 15px;
    height: 15px
}

.history-box-wrapper .history-block-loader {
    display: none
}

.dashboard-history-boxes a.history-box {
    transition: transform .2s,-webkit-transform .2s
}

@media(max-width: 1100px) and (min-width:1024px) {
    .dashboard-history-boxes a.history-box .card .empty-balance-history {
        padding:10px
    }
}

.dashboard-history-boxes a.history-box .card p {
    max-width: 78%
}

@media(min-width: 767px) {
    .dashboard-history-boxes a.history-box .card p {
        font-size:12px
    }
}

@media(min-width: 1280px) {
    .dashboard-history-boxes a.history-box .card p {
        max-width:63%;
        font-size: 14px
    }
}

.dashboard-history-boxes a.history-box .card a {
    padding: 11px 0 10px 10px
}

@media(min-width: 767px) {
    .dashboard-history-boxes a.history-box .card a {
        font-size:13px
    }
}

@media(min-width: 1280px) {
    .dashboard-history-boxes a.history-box .card a {
        font-size:16px
    }
}

@media(min-width: 1024px) {
    .dashboard-history-boxes a.history-box:hover {
        -webkit-transform:scale(1.02);
        transform: scale(1.02)
    }
}

.history-note {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    min-height: 74px;
    padding: 16px 16px 14px;
    background-color: #fff;
    border-radius: 8px
}

.history-note__col {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.history-note__col.\--left {
    padding-right: 16px
}

.history-note__col.\--right {
    text-align: right
}

.history-note__title {
    margin: 0;
    font-weight: 700;
    font-size: 14px;
    line-height: 16px;
    letter-spacing: .15px;
    color: #252525
}

.history-note__status {
    margin: 0;
    margin-top: auto;
    padding-top: 5px;
    font-weight: 500;
    font-size: 12px;
    line-height: 120%;
    letter-spacing: .15px
}

.history-note__status.\--expected {
    color: #f3aa18
}

.history-note__price {
    margin: 0;
    font-weight: 700;
    font-size: 14px;
    line-height: 16px;
    letter-spacing: .5px;
    color: #252525;
    white-space: nowrap
}

.history-note-2 {
    background-color: #fff;
    border-radius: 8px;
    padding: .75rem
}

.history-note-2__header {
    display: grid;
    grid-template-columns: auto auto;
    gap: 12px;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    border-bottom: 1px solid rgba(37,37,37,.1);
    font-size: 14px;
    line-height: 16px;
    letter-spacing: .5px;
    color: #696969
}

.history-note-2__main {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    line-height: 1
}

.history-note-2__main>*+* {
    margin-left: 2px
}

.history-note-2__main:not(:last-child) {
    margin-bottom: .5rem
}

.history-note-2__title {
    font-weight: 600;
    font-size: 12px;
    line-height: 1;
    text-transform: uppercase;
    color: #252525;
    margin: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-top: 3px
}

.history-note-2__title>*+* {
    margin-left: .5rem
}

.history-note-2__title time {
    font-weight: 400;
    opacity: .5
}

.history-note-2__balance-type {
    padding: .15rem .35rem;
    line-height: 1;
    font-size: 12px;
    border-radius: 8px;
    display: inline-block;
    background-color: #d9e4ff;
    text-transform: none;
    font-weight: 600
}

.history-note-2__balance-type.\--main-balance {
    background-color: rgba(213,186,129,.55)
}

.history-note-2__value {
    margin: 0;
    font-weight: 700;
    font-size: 20px;
    line-height: 23px;
    letter-spacing: .15px;
    color: #252525;
    text-align: right;
    -ms-flex-item-align: center;
    align-self: center;
    white-space: nowrap
}

@media(max-width: 1199.98px) {
    .history-note-2__value {
        font-size:16px;
        line-height: 19px
    }
}

.history-note-2__card {
    margin: 0;
    font-weight: 600;
    font-size: 1.1rem;
    line-height: 1.15;
    letter-spacing: .15px;
    color: #252525;
    padding-right: 10px
}

@media(max-width: 1199.98px) {
    .history-note-2__card {
        font-size:16px
    }
}

.history-note-2__ico {
    height: 18px
}

.history-note-2__status {
    margin: 0;
    text-align: right;
    font-weight: 600;
    font-size: 11px;
    letter-spacing: .15px;
    text-transform: uppercase;
    margin-top: 3px
}

.history-note-2__status.\--expected {
    color: #f3aa18
}

.history-note-2 .success {
    color: #2fa84f
}

.history-note-2 .danger {
    color: #c25141
}

.history-note-2 .pending {
    color: #f3aa18
}

.history-note-2 .processing {
    color: #a84b27
}

.history-note-2 .processed {
    color: #a738a8
}

.history-note-2 .success {
    color: #2fa84f
}

.history-note-2 .error {
    color: #ea3d2f
}

.history-note-2 .cancel {
    color: #252525
}

.balance {
    background: -webkit-gradient(linear,left bottom,left top,from(#00272A),to(#024247));
    background: linear-gradient(360deg,#00272A,#024247);
    min-width: 300px;
    margin-bottom: 16px;
    position: relative;
    padding: 24px 16px 16px;
    color: #fff;
    border-radius: 8px;
    -webkit-box-shadow: 0 4px 12px rgba(16,30,115,.25);
    box-shadow: 0 4px 12px rgba(16,30,115,.25)
}

@media(min-width: 769px) {
    .balance {
        padding-bottom:24px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

.balance__heading {
    margin: 0;
    margin-bottom: 5px;
    font-weight: 700;
    font-size: 20px;
    line-height: 150%
}

@media(min-width: 769px) {
    .balance__heading {
        font-size:16px;
        font-weight: 400
    }
}

.balance__value {
    margin: 0;
    padding-bottom: 16px;
    font-weight: 700;
    font-size: 36px;
    line-height: 130%;
    color: #d5ba81;
    white-space: nowrap
}

@media(min-width: 769px) {
    .balance__value {
        padding-bottom:24px;
        margin: auto 0
    }
}

.income {
    background: -webkit-gradient(linear,left bottom,left top,from(#00272A),to(#024247));
    background: linear-gradient(360deg,#00272A,#024247);
    margin-bottom: 24px;
    padding: 12px 16px 8px;
    color: #fff;
    border-radius: 8px;
    -webkit-box-shadow: 0 4px 12px rgba(16,30,115,.25);
    box-shadow: 0 4px 12px rgba(16,30,115,.25)
}

@media(min-width: 769px) {
    .income {
        display:-webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        margin-bottom: 16px;
        height: calc(100% - 16px);
        padding: 24px 16px 8px
    }
}

.income__label {
    margin-bottom: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    padding-bottom: 16px
}

@media(min-width: 769px) {
    .income__label {
        padding-bottom:24px;
        margin-bottom: auto
    }
}

.income__label-text {
    padding-right: 15px;
    font-size: 14px;
    line-height: 120%
}

@media(min-width: 769px) {
    .income__label-text {
        font-size:16px;
        line-height: 1.5
    }
}

.income__price {
    margin-right: auto;
    padding-right: 15px;
    margin-bottom: 8px
}

@media(min-width: 769px) {
    .income__price {
        height:calc(100% - 16px);
        margin-bottom: 16px;
        padding: 16px;
        border: 1px solid #d5ba81;
        border-radius: 8px
    }
}

.income__price:last-child {
    padding-right: 0
}

@media(min-width: 769px) {
    .income__price:last-child {
        padding-right:16px
    }
}

.income__price-value {
    margin: 0;
    font-weight: 700;
    font-size: 24px;
    line-height: 130%;
    color: #d5ba81;
    white-space: nowrap
}

@media(min-width: 769px) {
    .income__price-value {
        font-size:36px;
        line-height: 130%
    }
}

.income__price-label {
    margin: 0;
    font-size: 10px;
    line-height: 150%;
    text-transform: uppercase;
    color: rgba(255,255,255,.5)
}

@media(min-width: 769px) {
    .income__price-label {
        font-size:14px
    }
}

.tabs__nav-list {
    margin: 0;
    padding: 0;
    list-style: none;
    margin-bottom: 24px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

@media(min-width: 769px) {
    .tabs__nav-list:not(.\--mobile) {
        border-bottom:1px solid #d5ba81
    }
}

@media(min-width: 769px) {
    .tabs__nav-list:not(.\--mobile) .tabs__nav-item {
        -webkit-box-flex:0;
        -ms-flex-positive: 0;
        flex-grow: 0
    }
}

@media(min-width: 769px) {
    .tabs__nav-list:not(.\--mobile) .tabs__link {
        border-bottom:0;
        padding: 11px 32px 10px;
        font-size: 16px;
        line-height: 24px;
        letter-spacing: .44px
    }
}

@media(min-width: 1280px) {
    .tabs__nav-list:not(.\--mobile) .tabs__link {
        padding:16px 48px 15px
    }
}

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

.tabs__link {
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border: 1px solid #d5ba81;
    border-right: 0;
    text-align: center;
    padding: 5px;
    font-weight: 600;
    font-size: 14px;
    line-height: 22px;
    letter-spacing: .1px;
    color: inherit;
    background-color: rgba(213,186,129,.1);
    -webkit-transition: background-color .25s;
    transition: background-color .25s
}

.tabs__link:hover {
    background-color: rgba(213,186,129,.2)
}

.tabs__link.active {
    background-color: #d5ba81
}

.tabs__link.label-new {
    -webkit-box-pack: space-evenly;
    -ms-flex-pack: space-evenly;
    justify-content: space-evenly
}

@media(max-width: 374px) {
    .tabs__link.label-new {
        -webkit-box-orient:vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

.tabs__link.label-new:after {
    content: 'New';
    color: #d5ba81;
    font-weight: 700;
    font-size: 12px;
    line-height: 14px;
    padding: 2px 6px;
    background: #252525;
    border-radius: 4px;
    margin-left: 8px
}

.tabs__nav-item:first-child .tabs__link {
    border-radius: 4px 0 0 0
}

.tabs__nav-item:last-child .tabs__link {
    border-radius: 0 4px 0 0;
    border-right: 1px solid #d5ba81
}

.tabs__content-list {
    margin: 0;
    padding: 0;
    list-style: none
}

.tabs__content-item {
    -webkit-animation: fade .5s;
    animation: fade .5s
}

.tabs__content-item.hidden {
    display: none
}

.auth-tabs__list {
    margin: 0;
    padding: 0;
    list-style: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 20px
}

.auth-tabs__item {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    width: 50%
}

.auth-tabs__link {
    color: #bebebe;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center;
    padding-bottom: 10px;
    border-bottom: 1px solid rgba(135,135,135,.1);
    font-weight: 600;
    font-size: 14px;
    line-height: 150%
}

.auth-tabs__link:hover {
    color: #d5ba81
}

.auth-tabs__link.active {
    color: #d5ba81;
    border-bottom: 1px solid #d5ba81
}

.agents {
    min-height: 50px
}

.agents__list {
    margin: 0;
    padding: 0;
    list-style: none;
    display: block;
    margin-bottom: 16px
}

@media(min-width: 769px) {
    .agents__list {
        display:grid;
        gap: 16px;
        grid-template-columns: repeat(2,1fr)
    }
}

@media(min-width: 1280px) {
    .agents__list {
        grid-template-columns:repeat(3,1fr)
    }
}

.agents__item {
    margin-bottom: 16px
}

@media(min-width: 769px) {
    .agents__item {
        margin-bottom:0
    }
}

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

.filter__row>* {
    margin-right: 8px
}

.filter__row>*:last-child {
    margin-right: 0
}

.filter__search-btn {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 8px;
    width: 40px;
    height: 40px;
    border: 1px solid rgba(37,37,37,.05);
    border-radius: 4px;
    background-color: #eff2f8;
    -webkit-transition: background-color .2s;
    transition: background-color .2s
}

@media(min-width: 375px) {
    .filter__search-btn {
        width:45px;
        height: 45px
    }
}

.filter__search-btn.\--active {
    background-color: #d5ba81
}

.filter__search-btn svg {
    -webkit-animation: fade .2s;
    animation: fade .2s
}

.filter__search-btn svg:nth-child(2) {
    display: none
}

.filter__search-btn.\--active svg:nth-child(1) {
    display: none
}

.filter__search-btn.\--active svg:nth-child(2) {
    display: block
}

.filter__select {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    border: 1px solid rgba(37,37,37,.05);
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    padding: 12px 8px;
    padding-right: 24px;
    border-radius: 4px;
    font-size: 12px;
    line-height: 120%;
    letter-spacing: .15px;
    color: inherit;
    background-color: #eff2f8;
    background-image: url(/img/select-arrow-blue.svg);
    background-repeat: no-repeat;
    background-position: right 9px center
}

@media(min-width: 375px) {
    .filter__select {
        font-size:16px
    }
}

.filter__search-form {
    overflow: hidden;
    width: 100%;
    max-height: 0;
    opacity: 0;
    -webkit-transition: max-height .3s,opacity .3s;
    transition: max-height .3s,opacity .3s
}

.filter__search-form.\--active {
    max-height: 48px;
    opacity: 1
}

@media(min-width: 375px) {
    .filter__search-form.\--active {
        max-height:53px
    }
}

.filter__search-input {
    width: 100%;
    padding: 12px 8px;
    border: 1px solid rgba(37,37,37,.05);
    border-radius: 4px;
    font-size: 12px;
    line-height: 120%;
    letter-spacing: .15px;
    color: inherit;
    background-color: #eff2f8;
    -webkit-transition: all .2s;
    transition: all .2s
}

@media(min-width: 375px) {
    .filter__search-input {
        font-size:16px
    }
}

.filter__search-input:focus {
    border-color: #d5ba81;
    -webkit-box-shadow: 0 2px 20px rgba(16,30,115,.1);
    box-shadow: 0 2px 20px rgba(16,30,115,.1);
    background-color: #fff
}

.agent-card {
    position: relative;
    padding-bottom: 14px
}

.agent-card__header {
    background: -webkit-gradient(linear,left bottom,left top,from(#00272A),to(#024247));
    background: linear-gradient(360deg,#00272A,#024247);
    padding: 16px;
    color: #fff;
    background: linear-gradient(360deg,#00272A,#024247);
    border-top-left-radius: 8px;
    border-top-right-radius: 8px
}

.agent-card__position {
    margin: 0;
    font-size: 14px;
    line-height: 120%;
    color: rgba(255,255,255,.5)
}

.agent-card__name {
    margin: 0;
    margin-bottom: 8px;
    font-weight: 700;
    font-size: 20px;
    line-height: 150%
}

.agent-card__id {
    margin: 0;
    font-size: 14px;
    line-height: 120%
}

.agent-card__main {
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
    padding: 16px;
    padding-bottom: 50px;
    background: #fff;
    -webkit-box-shadow: 0 12px 26px rgba(16,30,115,.1);
    box-shadow: 0 12px 26px rgba(16,30,115,.1)
}

.agent-card__stats-list {
    margin: 0;
    padding: 0;
    list-style: none
}

.agent-card__stats-item {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 15px
}

.agent-card__stats-item::before {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    bottom: 6px;
    border-bottom: 1px dashed rgba(37,37,37,.1)
}

.agent-card__stats-item>* {
    position: relative;
    margin: 0;
    background-color: #fff
}

.agent-card__stats-item>*:nth-child(1) {
    max-width: 75%;
    padding-right: 4px;
    padding-bottom: 4px;
    font-size: 14px;
    line-height: 120%;
    letter-spacing: .15px;
    color: #5e6366
}

.agent-card__stats-item>*:nth-child(2) {
    padding-left: 4px;
    font-weight: 700;
    font-size: 24px;
    line-height: 130%;
    text-align: right
}

.agent-card__button-more {
    position: absolute!important;
    left: 16px;
    right: 16px;
    bottom: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-shadow: 0 18px 32px -12px rgba(171,156,129,.6);
    box-shadow: 0 18px 32px -12px rgba(171,156,129,.6)
}

.top-blocks-info {
    margin-bottom: 14px
}

.top-blocks-info .top-blocks-info-inner-wrapper {
    position: static
}

.top-blocks-info .top-blocks-info-inner-wrapper .info-block {
    padding: 16px;
    border: 1px solid #f0f0f0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 8px
}

.top-blocks-info .top-blocks-info-inner-wrapper .info-block .top-block {
    margin-bottom: 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.top-blocks-info .top-blocks-info-inner-wrapper .info-block .top-block__title {
    font-weight: 400;
    font-size: 12px;
    line-height: 14px;
    color: #878787;
    padding-right: 10px
}

.top-blocks-info .top-blocks-info-inner-wrapper .info-block .info-wrapper {
    font-weight: 700;
    font-size: 26px;
    line-height: 31px;
    color: #252525
}

.top-blocks-info .top-blocks-info-inner-wrapper .info-block--second .info-wrapper {
    font-size: 16px
}

.top-blocks-info .top-blocks-info-inner-wrapper .info-block--second .info-wrapper span {
    font-size: 26px
}

.top-blocks-info .top-blocks-info-inner-wrapper .info-block.active {
    z-index: 1000;
    position: relative;
    background-color: #fff
}

.top-blocks-info .top-blocks-info-inner-wrapper .info-block.active:after {
    position: absolute;
    content: "";
    width: 30px;
    height: 30px;
    background-color: #fff;
    left: 50%;
    bottom: -49px;
    -webkit-transform: translateX(-50%) rotate(56deg) skew(25deg);
    transform: translateX(-50%) rotate(56deg) skew(25deg)
}

.top-blocks-info .top-blocks-info-inner-wrapper .hidden-info-popup--second {
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

.top-blocks-info .top-blocks-info-inner-wrapper .hidden-info-popup--third {
    right: 0
}

.inner-tabs-matching-bonus {
    margin-bottom: 28px
}

.inner-tabs-matching-bonus .tabs__nav-list {
    border-bottom: 1px solid #f0f0f0
}

.inner-tabs-matching-bonus .tabs__nav-item:last-child .tabs__link {
    border: 0
}

.inner-tabs-matching-bonus .tabs__link {
    background-color: unset;
    border: 0;
    font-weight: 700;
    padding: 10px 11px!important;
    color: #878787
}

.inner-tabs-matching-bonus .tabs__link.active {
    color: #252525;
    background-color: unset;
    position: relative
}

.inner-tabs-matching-bonus .tabs__link.active:after {
    content: '';
    position: absolute;
    width: 100%;
    height: 2px;
    background-color: #d5ba81;
    bottom: -1px;
    left: 0
}

.inner-tabs-matching-bonus .bottom-text-wrapper {
    display: none
}

.inner-tabs-matching-bonus .wrapper-data {
    background-color: #eff2f8;
    border-radius: 8px;
    padding: 13px 30px 24px
}

.inner-tabs-matching-bonus .wrapper-data__title {
    font-weight: 700;
    font-size: 20px;
    color: #252525
}

.inner-tabs-matching-bonus .wrapper-data__subtitle {
    font-weight: 400;
    font-size: 12px;
    color: #878787
}

.inner-tabs-matching-bonus .wrapper-data .block-history {
    margin-bottom: 19px
}

.inner-tabs-matching-bonus .wrapper-data .block-history__date {
    text-align: center;
    color: #878787;
    line-height: 18px;
    margin-bottom: 3px;
    font-size: 12px
}

.inner-tabs-matching-bonus .wrapper-data .block-history .items-wrapper {
    margin-top: 0
}

.inner-tabs-matching-bonus .wrapper-data .block-history .items-wrapper .item {
    margin-top: 0;
    margin-bottom: 8px
}

.inner-tabs-matching-bonus .wrapper-data .block-history:first-child {
    padding-top: 6px
}

.inner-tabs-matching-bonus .wrapper-data .items-wrapper {
    margin-top: 11px
}

.inner-tabs-matching-bonus .wrapper-data .items-wrapper .item {
    display: grid;
    grid-template-columns: 2fr 1fr 1fr;
    width: 100%;
    background-color: #fff;
    -webkit-box-shadow: 0 12px 26px rgba(16,30,115,.1);
    box-shadow: 0 12px 26px rgba(16,30,115,.1);
    border-radius: 8px;
    padding: 12px 24px;
    margin-bottom: 8px
}

.inner-tabs-matching-bonus .wrapper-data .items-wrapper .item .block__title {
    font-size: 12px;
    line-height: 24px;
    color: #878787
}

.inner-tabs-matching-bonus .wrapper-data .items-wrapper .item .block__text {
    font-weight: 700;
    font-size: 16px;
    line-height: 24px;
    color: #252525;
    overflow: hidden;
    display: block;
    text-overflow: ellipsis;
    display: -moz-box;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    line-clamp: 1;
    box-orient: vertical
}

.inner-tabs-matching-bonus .wrapper-data .items-wrapper .item .block:last-child {
    text-align: right
}

.inner-tabs-matching-bonus .wrapper-data .items-wrapper .item .block--first .block__text {
    padding-right: 10px
}

.inner-tabs-matching-bonus .wrapper-data .items-wrapper .item:last-child {
    margin-bottom: 0
}

.inner-tabs-matching-bonus .show-more-block {
    padding: 12px;
    text-align: center
}

.inner-tabs-matching-bonus .show-more-block__button {
    font-weight: 700;
    font-size: 14px;
    line-height: 16px;
    color: #d5ba81;
    -webkit-box-shadow: none;
    box-shadow: none
}

.inner-tabs-matching-bonus .show-more-block__button.btn-loading svg {
    opacity: 0
}

.inner-tabs-matching-bonus .show-more-block__button:after {
    color: #d5ba81
}

@media(max-width: 1199px) {
    .blur-background {
        z-index:8
    }

    .top-blocks-info .top-blocks-info-inner-wrapper {
        position: relative
    }

    .top-blocks-info .top-blocks-info-inner-wrapper .info-block {
        margin-bottom: 8px;
        position: relative
    }

    .top-blocks-info .top-blocks-info-inner-wrapper .info-block .top-block {
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

    .top-blocks-info .top-blocks-info-inner-wrapper .info-block.active {
        z-index: 9
    }

    .top-blocks-info .top-blocks-info-inner-wrapper .info-block.active:after {
        bottom: -45px;
        left: 50px;
        -webkit-transform: translateX(0) rotate(56deg) skew(25deg);
        transform: translateX(0) rotate(56deg) skew(25deg)
    }

    .top-blocks-info .top-blocks-info-inner-wrapper .hidden-info-popup {
        max-width: 100%!important;
        left: 0!important;
        right: 0!important;
        padding: 0 8px!important;
        -webkit-transform: none!important;
        transform: none!important;
        margin-top: 7px;
        z-index: 9
    }

    .top-blocks-info .top-blocks-info-inner-wrapper .hidden-info-popup .inner-info-popup-block {
        padding: 17px 8px 8px
    }

    .top-blocks-info .top-blocks-info-inner-wrapper .hidden-info-popup .modal-close {
        display: none
    }

    .top-blocks-info .top-blocks-info-inner-wrapper .hidden-info-popup .button {
        display: block
    }

    .inner-tabs-matching-bonus .wrapper-data {
        padding-left: 8px;
        padding-right: 8px
    }

    .inner-tabs-matching-bonus .wrapper-data__title {
        font-size: 16px;
        line-height: 19px;
        margin-bottom: 3px
    }

    .inner-tabs-matching-bonus .wrapper-data__subtitle {
        font-size: 10px;
        line-height: 12px
    }

    .inner-tabs-matching-bonus .wrapper-data .items-wrapper .item {
        padding: 12px 8px
    }

    .inner-tabs-matching-bonus .wrapper-data .items-wrapper .item .block__title {
        font-size: 10px;
        line-height: 12px;
        margin-bottom: 5px
    }

    .inner-tabs-matching-bonus .wrapper-data .items-wrapper .item .block__text {
        font-size: 12px;
        line-height: 14px
    }
}

@media(max-width: 768px) {
    .bottom-text-wrapper.under-article {
        display:none
    }

    .inner-tabs-matching-bonus .bottom-text-wrapper {
        display: block
    }
}

.rank-levels {
    padding: 24px 0
}

@media(min-width: 769px) {
    .rank-levels {
        padding-top:0
    }
}

.rank-levels__list {
    margin: 0;
    padding: 0;
    list-style: none
}

@media(min-width: 1280px) {
    .rank-levels__list {
        gap:0 16px;
        -webkit-column-count: 2;
        -moz-column-count: 2;
        column-count: 2
    }
}

.rank-levels__item {
    margin-bottom: 8px
}

.rank-level {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    max-height: 75px;
    position: relative;
    padding: 16px;
    background-color: #eff2f8;
    border-radius: 8px
}

@media(min-width: 1280px) {
    .rank-level {
        padding:19px 16px 18px
    }
}

.rank-level.\--completed {
    background: -webkit-gradient(linear,left bottom,left top,from(#00272A),to(#024247));
    background: linear-gradient(360deg,#00272A,#024247);
    color: #fff
}

.rank-level.\--current {
    background: linear-gradient(343deg,#D5BA81 13%,#F4E1B9 89%)
}

.rank-level__title-block {
    -ms-flex-item-align: center;
    align-self: center
}

.rank-level__title {
    margin: 0;
    margin-bottom: 8px;
    font-weight: 700;
    font-size: 14px;
    line-height: 120%;
    letter-spacing: .15px
}

.rank-level__bonus {
    margin: 0;
    font-weight: 500;
    font-size: 12px;
    line-height: 120%;
    letter-spacing: .15px;
    color: #2fa84f
}

.rank-level.\--current .rank-level__bonus {
    color: rgba(37,37,37,.8)
}

.rank-level__price-block {
    -ms-flex-item-align: center;
    align-self: center
}

.rank-level__price {
    white-space: nowrap;
    margin: 0;
    font-weight: 700;
    font-size: 16px;
    line-height: 19px;
    text-align: right;
    letter-spacing: .5px
}

.rank-level.\--completed .rank-level__bonus {
    color: rgba(255,255,255,.5)
}

.rank-profile {
    background: -webkit-gradient(linear,left bottom,left top,from(#00272A),to(#024247));
    background: linear-gradient(360deg,#00272A,#024247);
    position: relative;
    margin-bottom: 24px;
    padding: 24px 12px;
    text-align: center;
    color: #fff;
    border-radius: 8px
}

@media(min-width: 1280px) {
    .rank-profile {
        margin-bottom:17px
    }
}

.rank-profile__info-icon {
    position: absolute;
    cursor: pointer;
    top: 18px;
    right: 18px
}

.rank-profile__info-icon svg {
    fill: #fff;
    width: 20px;
    height: 20px
}

.rank-profile__info-icon svg:hover {
    fill: #d5ba81
}

.rank-profile__heading {
    margin: 0;
    margin-bottom: 10px;
    font-weight: 700;
    font-size: 20px
}

.rank-profile .cards-wrapper .card {
    margin-bottom: 8px;
    background: #033f45;
    -webkit-box-shadow: 0 6px 9px rgba(0,0,0,.46);
    box-shadow: 0 6px 9px rgba(0,0,0,.46);
    border-radius: 8px
}

.rank-profile .cards-wrapper .card .top-block {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr
}

.rank-profile .cards-wrapper .card .top-block .info {
    text-align: left;
    padding: 8px 5px 9px 16px;
    position: relative
}

.rank-profile .cards-wrapper .card .top-block .info__title {
    padding-top: 3px;
    font-weight: 400;
    font-size: 10px;
    line-height: 12px;
    color: #fff;
    opacity: .5;
    padding-bottom: 6px
}

.rank-profile .cards-wrapper .card .top-block .info__text {
    font-weight: 700;
    font-size: 16px;
    line-height: 19px;
    color: #fff
}

.rank-profile .cards-wrapper .card .top-block .info:last-child:after {
    content: none
}

.rank-profile .cards-wrapper .card .top-block .info:after {
    content: '';
    position: absolute;
    right: 0;
    height: 40px;
    width: 1px;
    background-color: #fff;
    opacity: .1;
    top: 8px
}

.rank-profile .cards-wrapper .card .bottom-block {
    padding: 13px 8px 15px;
    border-top: 1px solid #1c5258
}

.rank-profile .cards-wrapper .card .bottom-block .agents-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-bottom: 8px
}

.rank-profile .cards-wrapper .card .bottom-block .agents-row .block {
    color: #819fa2;
    font-weight: 400;
    font-size: 10px;
    line-height: 12px;
    text-transform: uppercase
}

.rank-profile .cards-wrapper .card .bottom-block .progress {
    height: 2px;
    background-color: #1c5258;
    border-radius: 1px;
    overflow: unset
}

.rank-profile .cards-wrapper .card .bottom-block .progress .progress-bar {
    margin: -2px 0;
    background: #fff;
    border-radius: 4px
}

.rank-profile .cards-wrapper .card .bottom-block .level-row {
    position: relative;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    padding-top: 8px
}

.rank-profile .cards-wrapper .card .bottom-block .level-row .block {
    color: #819fa2;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-weight: 400;
    font-size: 10px;
    line-height: 12px
}

.rank-profile .cards-wrapper .card .bottom-block .level-row .block span {
    font-weight: 400;
    color: #fff
}

.rank-profile .cards-wrapper .card .bottom-block .level-row .block span.amount {
    padding: 0 2px
}

.rank-profile .cards-wrapper .card .bottom-block .level-row .block__text {
    font-weight: 700
}

.rank-profile .cards-wrapper .card .bottom-block .level-row .block:first-child {
    text-align: left
}

.rank-profile .cards-wrapper .card .bottom-block .level-row .block:nth-child(2) {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.rank-profile .cards-wrapper .card .bottom-block .level-row .block:last-child {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.rank-profile .cards-wrapper .card.main-card {
    position: relative;
    z-index: 4
}

.rank-profile .cards-wrapper .main-card-wrapper {
    position: relative;
    padding-bottom: 40px
}

.rank-profile .cards-wrapper .main-card-wrapper .card.empty {
    position: absolute;
    bottom: 0;
    margin-bottom: 0;
    width: 100%;
    height: 68px;
    border-radius: 8px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

.rank-profile .cards-wrapper .main-card-wrapper .card.empty--first {
    bottom: 33px;
    width: 95%;
    z-index: 3;
    background: -webkit-gradient(linear,left bottom,left top,from(#003337),color-stop(99%,#013A3F));
    background: linear-gradient(360deg,#003337 0%,#013A3F 99%);
    -webkit-box-shadow: 0 4px 4px rgba(0,0,0,.25);
    box-shadow: 0 4px 4px rgba(0,0,0,.25)
}

.rank-profile .cards-wrapper .main-card-wrapper .card.empty--second {
    bottom: 18px;
    width: 85%;
    z-index: 2;
    background: -webkit-gradient(linear,left bottom,left top,from(#00272A),color-stop(99%,#013A3F));
    background: linear-gradient(360deg,#00272A 0%,#013A3F 99%);
    -webkit-box-shadow: 0 4px 4px rgba(0,0,0,.25);
    box-shadow: 0 4px 4px rgba(0,0,0,.25)
}

.rank-profile .cards-wrapper .main-card-wrapper.hide-empty-blocks {
    padding-bottom: 0
}

.rank-profile .cards-wrapper .main-card-wrapper.hide-empty-blocks .card.empty {
    display: none
}

.rank-profile .cards-wrapper .btn span,.rank-profile .cards-wrapper .product-weight-label span {
    color: #d5ba81
}

.rank-profile__bonus {
    margin: 0;
    margin-bottom: 20px;
    font-size: 14px
}

.rank-profile__scale {
    position: relative
}

.rank-profile__scale-values {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%)
}

.rank-profile__scale-percent {
    display: block;
    font-weight: 700;
    font-size: 42px;
    line-height: 130%;
    white-space: nowrap
}

.rank-profile__scale-price {
    font-size: 14px;
    color: #d5ba81
}

.rank-profile__scale-svg {
    fill: none;
    margin-bottom: -16px
}

.rank-profile__scale-svg circle {
    stroke-width: 20px;
    -webkit-transform: rotate(144deg);
    transform: rotate(144deg);
    -webkit-transform-origin: center;
    transform-origin: center
}

.rank-profile__scale-bar {
    stroke: #fff;
    stroke-dasharray: 565;
    stroke-dashoffset: 169.646
}

.rank-profile__scale-progress {
    stroke: #d5ba81;
    stroke-dasharray: 565
}

.rank-profile__price-range {
    max-width: 320px;
    margin: 0 auto 32px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    font-size: 14px
}

.rank-profile__left-value {
    margin: 0;
    margin-bottom: 6px;
    font-weight: 700;
    font-size: 24px;
    color: #d5ba81
}

.rank-profile__left-label {
    margin: 0;
    font-size: 10px;
    text-transform: uppercase;
    color: rgba(255,255,255,.5)
}

.rank-profile__button {
    color: #d5ba81;
    font-size: 14px;
    line-height: 21px;
    font-weight: 600;
    padding: 0
}

.rank-profile__button:hover {
    color: #d5ba81
}

.rank-profile+.button {
    color: #252525;
    margin-bottom: 24px;
    -webkit-box-shadow: none;
    box-shadow: none
}

.rank-profile+.button:before {
    background-image: url(/img/plus-dark.svg)
}

.leader-block {
    background: #f0f0f0;
    border-radius: 8px;
    padding: 18px 8px 16px 70px;
    margin-bottom: 16px;
    position: relative
}

@media(min-width: 769px) {
    .leader-block {
        padding:14px 16px 19px 79px
    }
}

.leader-block__mark {
    background: #252525;
    position: absolute;
    top: 0;
    left: 16px;
    padding: 12px
}

@media(min-width: 769px) {
    .leader-block__mark svg {
        width:24px;
        height: 18px
    }
}

.leader-block__mark::after {
    content: '';
    position: absolute;
    left: 0;
    top: 100%;
    border-left: 22px solid transparent;
    border-right: 22px solid transparent;
    border-top: 22px solid #252525
}

@media(min-width: 769px) {
    .leader-block__mark::after {
        border-left:24px solid transparent;
        border-right: 24px solid transparent;
        border-top: 24px solid #252525
    }
}

.leader-block__title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-line-pack: center;
    align-content: center;
    font-weight: 600;
    font-size: 16px;
    line-height: 19px;
    color: #252525;
    margin: 0 0 6px
}

.leader-block__text {
    font-size: 12px;
    line-height: 150%;
    color: #252525;
    margin: 0
}

@media(min-width: 769px) {
    .leader-block__text {
        font-size:14px
    }
}

.leader-block__info-btn {
    position: absolute;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 0;
    top: 14px;
    right: 16px
}

.leader-block .hidden-info-popup {
    margin-top: 35px;
    right: 0;
    max-width: 100%
}

@media(min-width: 1024px) {
    .leader-block .hidden-info-popup {
        max-width:570px
    }
}

.leader-block .hidden-info-popup .modal-close {
    display: none
}

@media(min-width: 1024px) {
    .leader-block .hidden-info-popup .modal-close {
        display:-webkit-box;
        display: -ms-flexbox;
        display: flex
    }
}

.leader-block .hidden-info-popup .button {
    display: block
}

@media(min-width: 1024px) {
    .leader-block .hidden-info-popup .button {
        display:none
    }
}

.leader-block.active {
    z-index: 9;
    background-color: #fff;
    position: relative
}

@media(min-width: 1024px) {
    .leader-block.active {
        z-index:1000
    }
}

.leader-block.active::after {
    position: absolute;
    content: "";
    width: 30px;
    height: 30px;
    background-color: #fff;
    left: 50%;
    bottom: -49px;
    right: unset;
    -webkit-transform: translateX(-50%) rotate(56deg) skew(25deg);
    transform: translateX(-50%) rotate(56deg) skew(25deg)
}

@media(min-width: 1024px) {
    .leader-block.active::after {
        position:absolute;
        content: "";
        width: 30px;
        height: 30px;
        background-color: #fff;
        right: 20%;
        left: unset;
        bottom: -49px;
        -webkit-transform: rotate(56deg) skew(25deg);
        transform: rotate(56deg) skew(25deg)
    }
}

#matching-bonus-tab .rank-profile {
    background: -webkit-gradient(linear,left bottom,left top,from(#00272A),to(#024247));
    background: linear-gradient(360deg,#00272A,#024247);
    position: relative;
    margin-bottom: 24px;
    padding: 16px 8px 12px;
    text-align: center;
    color: #fff;
    border-radius: 8px
}

@media(min-width: 1280px) {
    #matching-bonus-tab .rank-profile {
        margin-bottom:17px
    }
}

#matching-bonus-tab .rank-profile__button,#matching-bonus-tab .rank-profile__button:focus {
    outline: none;
    -webkit-box-shadow: none;
    box-shadow: none
}

#matching-bonus-tab .rank-profile__info-icon {
    position: absolute;
    cursor: pointer;
    top: 18px;
    right: 18px
}

#matching-bonus-tab .rank-profile__info-icon svg {
    fill: #fff;
    width: 20px;
    height: 20px
}

#matching-bonus-tab .rank-profile__info-icon svg:hover {
    fill: #d5ba81
}

#matching-bonus-tab .rank-profile__heading {
    margin: 0;
    margin-bottom: 10px;
    font-weight: 700;
    font-size: 20px
}

#matching-bonus-tab .rank-profile .cards-wrapper .inner-cards-wrapper--passed .card {
    background: -webkit-gradient(linear,left bottom,left top,from(#00272A),color-stop(99%,#013A3F));
    background: linear-gradient(360deg,#00272A 0%,#013A3F 99%);
    -webkit-box-shadow: 0 6px 9px rgba(0,0,0,.46);
    box-shadow: 0 6px 9px rgba(0,0,0,.46)
}

#matching-bonus-tab .rank-profile .cards-wrapper .inner-cards-wrapper--passed .card .info__title {
    color: #d5ba81!important
}

#matching-bonus-tab .rank-profile .cards-wrapper .inner-cards-wrapper--passed .card .info__text {
    color: #d5ba81!important
}

#matching-bonus-tab .rank-profile .cards-wrapper .card {
    margin-bottom: 8px;
    background: #033f45;
    -webkit-box-shadow: 0 6px 9px rgba(0,0,0,.46);
    box-shadow: 0 6px 9px rgba(0,0,0,.46);
    border-radius: 8px
}

#matching-bonus-tab .rank-profile .cards-wrapper .card .top-block {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr
}

#matching-bonus-tab .rank-profile .cards-wrapper .card .top-block .info {
    text-align: left;
    padding: 8px 5px 9px 16px;
    position: relative
}

#matching-bonus-tab .rank-profile .cards-wrapper .card .top-block .info__title {
    padding-top: 3px;
    font-weight: 400;
    font-size: 10px;
    line-height: 12px;
    color: #fff;
    opacity: .5;
    padding-bottom: 6px
}

#matching-bonus-tab .rank-profile .cards-wrapper .card .top-block .info__text {
    font-weight: 700;
    font-size: 16px;
    line-height: 19px;
    color: #fff
}

#matching-bonus-tab .rank-profile .cards-wrapper .card .top-block .info:last-child:after {
    content: none
}

#matching-bonus-tab .rank-profile .cards-wrapper .card .top-block .info:after {
    content: '';
    position: absolute;
    right: 0;
    height: 40px;
    width: 1px;
    background-color: #fff;
    opacity: .1;
    top: 8px
}

#matching-bonus-tab .rank-profile .cards-wrapper .card .bottom-block {
    padding: 13px 8px 15px;
    border-top: 1px solid #1c5258
}

#matching-bonus-tab .rank-profile .cards-wrapper .card .bottom-block .agents-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-bottom: 8px
}

#matching-bonus-tab .rank-profile .cards-wrapper .card .bottom-block .agents-row .block {
    color: #819fa2;
    font-weight: 400;
    font-size: 10px;
    line-height: 12px;
    text-transform: uppercase
}

#matching-bonus-tab .rank-profile .cards-wrapper .card .bottom-block .progress {
    height: 2px;
    background-color: #1c5258;
    border-radius: 1px;
    overflow: unset
}

#matching-bonus-tab .rank-profile .cards-wrapper .card .bottom-block .progress .progress-bar {
    margin: -2px 0;
    background: #fff;
    border-radius: 4px
}

#matching-bonus-tab .rank-profile .cards-wrapper .card .bottom-block .level-row {
    position: relative;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    padding-top: 8px
}

#matching-bonus-tab .rank-profile .cards-wrapper .card .bottom-block .level-row .block {
    color: #819fa2;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-weight: 400;
    font-size: 10px;
    line-height: 12px
}

#matching-bonus-tab .rank-profile .cards-wrapper .card .bottom-block .level-row .block span {
    font-weight: 400;
    color: #fff
}

#matching-bonus-tab .rank-profile .cards-wrapper .card .bottom-block .level-row .block span.amount {
    padding: 0 2px
}

#matching-bonus-tab .rank-profile .cards-wrapper .card .bottom-block .level-row .block__text {
    font-weight: 700
}

#matching-bonus-tab .rank-profile .cards-wrapper .card .bottom-block .level-row .block:first-child {
    text-align: left
}

#matching-bonus-tab .rank-profile .cards-wrapper .card .bottom-block .level-row .block:nth-child(2) {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

#matching-bonus-tab .rank-profile .cards-wrapper .card .bottom-block .level-row .block:last-child {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

#matching-bonus-tab .rank-profile .cards-wrapper .card.main-card {
    position: relative;
    z-index: 4
}

#matching-bonus-tab .rank-profile .cards-wrapper .main-card-wrapper {
    position: relative;
    padding-bottom: 40px
}

#matching-bonus-tab .rank-profile .cards-wrapper .main-card-wrapper .card.empty {
    position: absolute;
    bottom: 0;
    margin-bottom: 0;
    width: 100%;
    height: 68px;
    border-radius: 8px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

#matching-bonus-tab .rank-profile .cards-wrapper .main-card-wrapper .card.empty--first {
    bottom: 33px;
    width: 95%;
    z-index: 3;
    background: -webkit-gradient(linear,left bottom,left top,from(#003337),color-stop(99%,#013A3F));
    background: linear-gradient(360deg,#003337 0%,#013A3F 99%);
    -webkit-box-shadow: 0 4px 4px rgba(0,0,0,.25);
    box-shadow: 0 4px 4px rgba(0,0,0,.25)
}

#matching-bonus-tab .rank-profile .cards-wrapper .main-card-wrapper .card.empty--second {
    bottom: 18px;
    width: 85%;
    z-index: 2;
    background: -webkit-gradient(linear,left bottom,left top,from(#00272A),color-stop(99%,#013A3F));
    background: linear-gradient(360deg,#00272A 0%,#013A3F 99%);
    -webkit-box-shadow: 0 4px 4px rgba(0,0,0,.25);
    box-shadow: 0 4px 4px rgba(0,0,0,.25)
}

#matching-bonus-tab .rank-profile .cards-wrapper .main-card-wrapper.hide-empty-blocks {
    padding-bottom: 0
}

#matching-bonus-tab .rank-profile .cards-wrapper .main-card-wrapper.hide-empty-blocks .card.empty {
    display: none
}

#matching-bonus-tab .rank-profile__button {
    color: #d5ba81;
    font-size: 14px;
    line-height: 21px;
    font-weight: 600;
    padding: 0
}

#matching-bonus-tab .rank-profile__button.all-ranks-visible svg {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

#matching-bonus-tab .rank-profile__button:hover {
    color: #d5ba81
}

#matching-bonus-tab .rank-profile+.button {
    color: #252525;
    margin-bottom: 24px;
    -webkit-box-shadow: none;
    box-shadow: none
}

#matching-bonus-tab .rank-profile+.button:before {
    background-image: url(/img/plus-dark.svg)
}

#matching-bonus-tab .bottom-text-wrapper {
    padding-left: 40px;
    position: relative
}

#matching-bonus-tab .bottom-text-wrapper p {
    font-size: 12px
}

#matching-bonus-tab .bottom-text-wrapper:before {
    content: url(/img/attention.svg);
    position: absolute;
    left: 8px;
    top: 0
}

.news__list {
    margin: 0;
    padding: 0;
    list-style: none;
    padding: 0 0 16px
}

@media(min-width: 769px) {
    .news__list {
        display:grid;
        grid-template-columns: repeat(2,1fr);
        gap: 16px
    }
}

@media(min-width: 1280px) {
    .news__list {
        grid-template-columns:repeat(3,1fr)
    }
}

.news__item {
    padding-bottom: 8px
}

@media(min-width: 769px) {
    .news__item {
        padding-bottom:0
    }
}

.news-card {
    height: 100%
}

.news-card__link {
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 24px 16px;
    -webkit-box-shadow: 0 2px 20px rgba(16,30,115,.1);
    box-shadow: 0 2px 20px rgba(16,30,115,.1);
    border-radius: 8px
}

.news-card__time {
    display: block;
    margin: 0;
    margin-bottom: 8px;
    font-size: 12px;
    line-height: 120%;
    color: rgba(37,37,37,.5)
}

.news-card__heading {
    margin: 0;
    margin-bottom: 8px;
    font-weight: 700;
    font-size: 18px;
    line-height: 140%
}

.news-card__link:hover .news-card__heading {
    text-decoration: underline
}

.news-card__excerpt {
    margin: 0;
    margin-bottom: 16px;
    font-size: 12px;
    color: rgba(37,37,37,.8)
}

.news-card__more {
    margin: 0;
    margin-top: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-weight: 600;
    font-size: 16px;
    color: #d5ba81
}

.news-card__more::after {
    content: '';
    display: inline-block;
    margin-left: 12px;
    width: 15px;
    height: 10px;
    background-image: url(/img/arrow-details.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    -webkit-transition: -webkit-transform .25s;
    transition: -webkit-transform .25s;
    transition: transform .25s;
    transition: transform .25s,-webkit-transform .25s
}

.news-card__link:hover .news-card__more::after,.news-card__link:focus .news-card__more::after {
    -webkit-transform: translateX(5px);
    transform: translateX(5px)
}

.news-article {
    padding: 0 8px
}

.news-article__heading {
    margin: 0;
    margin-bottom: 16px;
    font-weight: 700;
    line-height: 1.2;
    font-size: 2.1em;
    max-width: 850px
}

@media(max-width: 767.98px) {
    .news-article__heading {
        font-size:1.3em
    }
}

.news-article__time {
    display: block;
    margin: 0;
    margin-bottom: 24px;
    font-size: 1.1em;
    line-height: 120%;
    color: rgba(37,37,37,.5)
}

.news-article__poster {
    margin-bottom: 24px;
    border-radius: 8px;
    display: block
}

.news-article__content {
    padding-bottom: 32px;
    font-size: 16px;
    line-height: 170%;
    color: rgba(37,37,37,.8)
}

.news-article__content p {
    font-size: 1em;
    line-height: 1.3
}

.news-article__content p:not(:last-child) {
    margin-bottom: .75rem
}

.news-article__content strong,.news-article__content b {
    font-weight: 600
}

.news-article__content iframe {
    max-width: 100%
}

.paginationjs {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 16px 0
}

.paginationjs ul {
    margin: 0;
    padding: 0;
    list-style: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.paginationjs li {
    padding: 0 3px
}

.paginationjs li:first-child {
    padding-left: 0
}

.paginationjs li:last-child {
    padding-right: 0
}

.paginationjs a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    min-width: 32px;
    height: 32px;
    padding: 4px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-weight: 700;
    font-size: 14px;
    color: inherit;
    border: 1px solid rgba(37,37,37,.1);
    border-radius: 4px;
    background-color: #fff;
    -webkit-transition: border-color .25s;
    transition: border-color .25s
}

.paginationjs a:hover,.paginationjs a:focus {
    border-color: #d5ba81
}

.paginationjs li.paginationjs-ellipsis a:hover,.paginationjs li.paginationjs-ellipsis a:focus {
    border-color: rgba(37,37,37,.1)
}

.paginationjs li.active a {
    background-color: #d5ba81;
    border: 1px solid #d5ba81
}

.paginationjs li.paginationjs-prev a,.paginationjs li.paginationjs-next a {
    color: transparent;
    background-repeat: no-repeat;
    background-position: center
}

.paginationjs li.paginationjs-prev a {
    background-image: url(/img/arrow-prev.svg)
}

.paginationjs li.paginationjs-next a {
    background-image: url(/img/arrow-next.svg)
}

.faq__list {
    margin: 0;
    padding: 0;
    list-style: none
}

.faq__item {
    margin-bottom: 16px;
    border-radius: 8px;
    background-color: #f0f0f0;
    -webkit-transition: background-color .3s,-webkit-box-shadow .3s;
    transition: background-color .3s,-webkit-box-shadow .3s;
    transition: background-color .3s,box-shadow .3s;
    transition: background-color .3s,box-shadow .3s,-webkit-box-shadow .3s
}

.faq__item.\--active {
    background-color: #fff;
    -webkit-box-shadow: 0 2px 20px rgba(16,30,115,.1);
    box-shadow: 0 2px 20px rgba(16,30,115,.1)
}

.faq__tab-btn {
    width: 100%;
    position: relative;
    border: 0;
    padding: 24px 16px;
    padding-right: 64px;
    border-radius: 8px 8px 0 0;
    background-color: transparent;
    text-align: left;
    font-weight: 700;
    font-size: 18px;
    line-height: 140%
}

.faq__tab-toggle {
    position: absolute;
    top: 50%;
    right: 17px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background-color: #d5ba81
}

.faq__tab-toggle::before,.faq__tab-toggle::after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    width: 15px;
    height: 3px;
    background-color: #fff;
    -webkit-transition: -webkit-transform .2s;
    transition: -webkit-transform .2s;
    transition: transform .2s;
    transition: transform .2s,-webkit-transform .2s
}

.faq__tab-toggle::before {
    -webkit-transform: translate(-50%,-50%) rotate(90deg);
    transform: translate(-50%,-50%) rotate(90deg)
}

.faq__item.\--active .faq__tab-toggle::before,.faq__item.\--active .faq__tab-toggle::after {
    -webkit-transform: translate(-50%,-50%) rotate(360deg);
    transform: translate(-50%,-50%) rotate(360deg)
}

.faq__tab-content-wrapper {
    overflow: hidden;
    -webkit-transition: max-height .3s;
    transition: max-height .3s
}

.faq__tab-content {
    padding: 0 16px 16px;
    font-size: 16px;
    line-height: 170%;
    color: rgba(37,37,37,.8)
}

.faq__tab-content a {
    color: #d5ba81;
    text-transform: uppercase;
    font-weight: 700
}

.faq__tab-content a:hover,.faq__tab-content a:active {
    text-decoration: underline
}

.faq__tab-content p {
    font-size: inherit
}

.faq__tab-content ul {
    margin: 0;
    padding: 0;
    list-style: none
}

.faq__tab-content li {
    position: relative;
    padding-left: 36px;
    margin-bottom: 16px
}

.faq__tab-content li::before {
    content: '';
    position: absolute;
    top: 2px;
    left: 0;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    background: rgba(213,186,129,.2)
}

.faq__tab-content li::after {
    content: '';
    position: absolute;
    top: 8px;
    left: 6px;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background: #d5ba81
}

.form-item {
    margin-bottom: 8px
}

@media(max-width: 1199px) {
    .form-item--phone .form-item__wrapper .form-item__flag {
        bottom:0
    }

    .form-item--phone .form-item__wrapper.show-button .form-item__flag {
        bottom: 54px
    }
}

.form-item--email .form-item__wrapper .form-item__input,.form-item--phone .form-item__wrapper .form-item__input {
    padding-right: 175px!important
}

.form-item--email .form-item__wrapper .form-item__flag,.form-item--phone .form-item__wrapper .form-item__flag {
    -webkit-transition: none;
    transition: none
}

@media(max-width: 1199px) {
    .form-item--email .form-item__wrapper,.form-item--phone .form-item__wrapper {
        background-color:transparent;
        -webkit-box-shadow: none;
        box-shadow: none
    }

    .form-item--email .form-item__wrapper .form-item__input,.form-item--phone .form-item__wrapper .form-item__input {
        background-color: #fff;
        -webkit-box-shadow: 0 2px 20px rgba(16,30,115,.1);
        box-shadow: 0 2px 20px rgba(16,30,115,.1);
        padding-right: 16px!important
    }

    .form-item--email .form-item__wrapper .confirm-method-button,.form-item--phone .form-item__wrapper .confirm-method-button {
        position: static;
        -webkit-transform: none;
        transform: none;
        width: 100%;
        margin-top: 8px;
        margin-bottom: 8px
    }
}

.form-item--authentication {
    padding-left: 3px;
    margin-top: 28px
}

.form-item--authentication label {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.form-item--authentication svg {
    fill: #d5ba81
}

.form-item--authentication .text-auth {
    -webkit-box-flex: 2;
    -ms-flex: 2;
    flex: 2;
    text-align: left;
    padding-left: 15px;
    color: #252525;
    margin-bottom: 0;
    font-weight: 500
}

.form-item.\--hidden,.form-item.hidden {
    display: none
}

.form-item__wrapper {
    position: relative;
    width: 100%;
    -webkit-box-shadow: 0 2px 20px rgba(16,30,115,.1);
    box-shadow: 0 2px 20px rgba(16,30,115,.1);
    border-radius: 8px;
    background-color: #fff
}

.form-item.\--disabled .form-item__wrapper {
    -webkit-box-shadow: none;
    box-shadow: none;
    background-color: #dee3ec
}

.form-item.\--bordered .form-item__wrapper {
    -webkit-box-shadow: none;
    box-shadow: none
}

.form-item__select,.form-item__input {
    position: relative;
    z-index: 2;
    width: 100%;
    max-width: 100%;
    min-height: 66px;
    padding: 30px 16px 12px;
    border: 1px solid #fff;
    background-color: transparent;
    text-overflow: ellipsis;
    font-size: 16px;
    font-weight: 600;
    letter-spacing: .15px;
    color: inherit;
    border-radius: 8px
}

.form-item__select:focus,.form-item__input:focus {
    border-color: #d5ba81
}

.form-item__select.error,.form-item__input.error {
    border-color: #e3342f!important
}

.form-item__select.is-invalid,.form-item__input.is-invalid {
    border-color: #e3342f!important;
    padding-right: calc(1.6em + 0.75rem);
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHdpZHRoPScxMicgaGVpZ2h0PScxMicgZmlsbD0nbm9uZScgc3Ryb2tlPScjZTMzNDJmJyB2aWV3Qm94PScwIDAgMTIgMTInPjxjaXJjbGUgY3g9JzYnIGN5PSc2JyByPSc0LjUnLz48cGF0aCBzdHJva2UtbGluZWpvaW49J3JvdW5kJyBkPSdNNS44IDMuNmguNEw2IDYuNXonLz48Y2lyY2xlIGN4PSc2JyBjeT0nOC4yJyByPScuNicgZmlsbD0nI2UzMzQyZicgc3Ryb2tlPSdub25lJy8+PC9zdmc+);
    background-repeat: no-repeat;
    background-position: right calc(0.4em + 0.1875rem) center;
    background-size: calc(0.8em + 0.375rem) calc(0.8em + 0.375rem)
}

.form-item__input-ico {
    position: absolute;
    right: 10px;
    top: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    width: 24px;
    height: 24px;
    cursor: pointer;
    z-index: 9
}

.form-item__input-ico.disabled {
    z-index: 0
}

.form-item__input~.form-item__label {
    z-index: 3
}

.form-item.\--bordered .form-item__select,.form-item.\--bordered .form-item__input {
    border-color: rgba(0,0,0,.1)
}

.form-item.\--bordered .form-item__select:focus,.form-item.\--bordered .form-item__input:focus {
    border-color: #d5ba81
}

.form-item.\--disabled .form-item__select,.form-item.\--disabled .form-item__input,.form-item__select:disabled,.form-item__input:disabled {
    color: rgba(37,37,37,.5);
    border-color: #dee3ec;
    cursor: not-allowed
}

.form-item.\--with-flag .form-item__select,.form-item.\--with-flag .form-item__input {
    padding-left: 78px
}

.form-item__select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    padding-right: 40px;
    background-image: url(/img/select-arrow-blue.svg);
    background-repeat: no-repeat;
    background-position: right 21px center
}

.form-item__select+.select2 {
    z-index: 2
}

.form-item__select+.select2 .select2-selection {
    min-height: 66px;
    border-radius: 8px;
    border: 1px solid #fff;
    background-color: transparent
}

.form-item__select+.select2 .select2-selection:focus {
    border: 1px solid #d5ba81
}

.form-item__select+.select2.select2-container .select2-selection .select2-selection__rendered {
    min-height: 66px;
    padding: 21px 16px;
    padding-right: 40px;
    font-weight: 600;
    line-height: 24px;
    color: #252525;
    background-image: url(/img/select-arrow-blue.svg);
    background-repeat: no-repeat;
    background-position: right 21px center
}

.form-item__select+.select2 .select2-selection__arrow {
    display: none
}

.form-item__select+.select2-container--default .select2-selection--single .select2-selection__clear {
    font-size: 24px
}

.form-item__select+.select2 .select2-selection__placeholder {
    font-weight: 400
}

.form-item__label {
    display: block;
    margin-bottom: 0;
    position: absolute;
    top: 12px;
    left: 16px;
    right: 40px;
    font-size: 12px;
    line-height: 120%;
    letter-spacing: .15px;
    color: rgba(37,37,37,.5);
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    -webkit-transition: all .2s;
    transition: all .2s;
    will-change: font-size,top
}

.form-item.\--with-flag .form-item__label {
    left: 78px
}

.form-item__select.\--empty~.form-item__label,.form-item__input.\--empty~.form-item__label {
    font-size: 16px;
    top: 24px
}

.form-item__flag {
    margin: 0;
    padding: 0;
    border: 0;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    z-index: 3;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 66px;
    border-radius: 8px 0 0 8px;
    -webkit-box-shadow: 0 2px 20px rgba(16,30,115,.1);
    box-shadow: 0 2px 20px rgba(16,30,115,.1);
    background-color: #fff
}

.form-item__flag .flag-icon {
    width: 40px;
    height: 40px;
    border-radius: 8px;
    background-size: cover
}

.form-item__error {
    display: block;
    margin: 0;
    color: rgba(234,61,47,.8);
    font-size: 12px;
    letter-spacing: .15px
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: #d5ba81
}

.profile-info {
    margin-bottom: 24px;
    position: relative;
    padding-bottom: 32px
}

.profile-info__wrapper {
    padding: 24px 16px 48px;
    background: #eff2f8;
    border-radius: 8px
}

@media(min-width: 769px) {
    .profile-info__wrapper {
        padding-left:20px;
        padding-right: 20px
    }
}

.profile-info__heading {
    margin: 0;
    margin-bottom: 16px;
    font-weight: 700;
    font-size: 20px
}

.profile-info__button {
    position: absolute;
    bottom: 0;
    left: 16px;
    width: calc(100% - 32px)
}

@media(min-width: 769px) {
    .profile-info__button {
        left:20px;
        width: calc(100% - 40px)
    }
}

.confirm-method-button {
    position: absolute;
    right: 16px;
    padding: 10px 12px;
    font-size: 12px;
    line-height: 14px;
    top: 50%;
    -webkit-transform: translate(0,-50%);
    transform: translate(0,-50%);
    z-index: 3
}

.change-confirm-destination {
    font-weight: 600;
    font-size: 16px;
    line-height: 19px;
    color: #d5ba81;
    border: none;
    background: 0 0;
    margin: 8px 0 28px
}

.payment-methods {
    margin-bottom: 32px
}

@media(min-width: 769px) {
    .payment-methods {
        padding-bottom:32px;
        position: relative
    }
}

.payment-methods__header {
    padding: 25px 16px 17px;
    border-radius: 8px 8px 0 0;
    color: #fff;
    background: -webkit-gradient(linear,left bottom,left top,from(#00272A),to(#024247));
    background: linear-gradient(360deg,#00272A,#024247)
}

@media(min-width: 769px) {
    .payment-methods__header {
        display:none
    }
}

.payment-methods__title {
    margin: 0;
    font-weight: 700;
    font-size: 20px;
    line-height: 1.5
}

.payment-methods__th-wrapper {
    display: none
}

@media(min-width: 769px) {
    .payment-methods__th-wrapper {
        display:-webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        padding: 0 20px
    }
}

.payment-methods__th {
    margin: 0;
    width: calc(50% - 2px);
    padding: 16px 0 10px;
    border-bottom: 2px solid rgba(37,37,37,.1);
    font-weight: 500;
    font-size: 16px;
    line-height: 1.2
}

.payment-methods__th:nth-child(even) {
    text-align: right
}

.payment-methods__main {
    padding: 12px 0 24px;
    background-color: #fff;
    border-radius: 0 0 8px 8px;
    -webkit-box-shadow: 0 2px 20px rgba(16,30,115,.1);
    box-shadow: 0 2px 20px rgba(16,30,115,.1)
}

@media(min-width: 769px) {
    .payment-methods__main {
        padding-bottom:56px;
        border-radius: 8px;
        -webkit-box-shadow: none;
        box-shadow: none;
        background-color: #eff2f8
    }
}

.payment-methods__list {
    margin: 0;
    padding: 0;
    list-style: none
}

.payment-methods__item {
    padding: 0 16px;
    margin-bottom: 16px
}

@media(min-width: 769px) {
    .payment-methods__item {
        padding:0 20px;
        margin-bottom: 0
    }
}

@media(max-width: 768px) {
    .payment-methods__item {
        margin-bottom:0
    }
}

.payment-methods__item:nth-child(even) {
    background-color: #eff2f8
}

.payment-methods__add {
    margin: 24px 16px 0;
    width: calc(100% - 32px);
    padding: 15px 24px 14px
}

@media(min-width: 769px) {
    .payment-methods__add {
        position:absolute;
        left: 0;
        bottom: 0;
        padding: 17px 28px 16px;
        margin: 24px 20px 0;
        width: calc(100% - 40px)
    }
}

.card-stats {
}

.card-stats__list {
    margin: 0;
    padding: 0;
    list-style: none
}

.card-stats__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    font-size: 14px;
    padding: 12px 0;
    border-bottom: 1px solid rgba(37,37,37,.1)
}

.card-stats__item--with-logo {
    display: grid;
    grid-template-columns: 1fr 2fr
}

.card-stats__item--with-logo img {
    display: block
}

.card-stats__item--with-logo p {
    text-align: left
}

@media(max-width: 768px) {
    .card-stats__item--with-logo {
        grid-template-columns:2fr 2fr 2fr
    }

    .card-stats__item--with-logo p.card-stats__value {
        text-align: right
    }
}

.card-stats__item:last-child {
    border-bottom: 0
}

.card-stats__label {
    margin: 0;
    margin-right: 12px;
    letter-spacing: .15px;
    color: #696969
}

.card-stats__logo {
    max-width: 60px;
    height: 22px;
    -o-object-fit: contain;
    object-fit: contain
}

.card-stats__value {
    margin: 0;
    font-weight: 700;
    text-align: right;
    letter-spacing: .5px;
    white-space: nowrap
}

.card-stats__value.\--expected {
    color: #f3aa18
}

@media(min-width: 769px) {
    .payment-methods .card-stats__list {
        display:-webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

    .payment-methods .card-stats__item {
        width: calc(50% - 2px)
    }

    .payment-methods .card-stats__item:last-child {
        border-bottom: 1px solid rgba(37,37,37,.1)
    }

    .payment-methods .card-stats__item:nth-child(even) {
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end
    }

    .payment-methods .card-stats__label {
        display: none
    }

    .payment-methods .card-stats__value {
        letter-spacing: 0;
        font-size: 12px
    }
}

@media(min-width: 1280px) {
    .payment-methods .card-stats__value {
        font-size:14px
    }
}

.auth-form-item {
    position: relative;
    margin-bottom: 8px
}

.auth-form-item__input {
    display: block;
    width: 100%;
    min-height: 56px;
    padding: 16px 15px 14px;
    padding-left: 48px;
    font-weight: 500;
    font-size: 14px;
    line-height: 24px;
    color: inherit;
    background-color: #fff;
    border: 1px solid rgba(0,0,0,.1);
    border-radius: 8px
}

.auth-form-item__input.\--show-pass {
    padding-right: 60px
}

.auth-form-item__input.\--show-pass.is-invalid+.\--show-pass,.auth-form-item__input.\--show-pass.is-invalid+.\--hide-pass {
    right: 20px
}

.auth-form-item__input:focus {
    border-color: #d5ba81
}

.auth-form-item__icon {
    position: absolute;
    top: 0;
    left: 0;
    width: 48px;
    min-height: 56px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background-position: center;
    background-repeat: no-repeat
}

.auth-form-item__icon.\--user {
    background-image: url(/img/user.svg)
}

.auth-form-item__icon.\--password {
    background-image: url(/img/lock.svg)
}

.auth-form-item__icon.\--show-pass {
    right: 0;
    left: initial;
    background-image: url(/img/show-password.svg)
}

.auth-form-item__icon.\--hide-pass {
    right: 0;
    left: initial;
    background-image: url(/img/hide-password.svg)
}

.auth-form-item__icon.\--reffer {
    background-image: url(/img/reffer.svg)
}

.auth-form-item__icon.\--email {
    background-image: url(/img/mail.svg)
}

.auth-form-item__icon .btn:focus,.auth-form-item__icon .product-weight-label:focus {
    -webkit-box-shadow: none;
    box-shadow: none
}

.auth-form-item__error {
    display: block;
    margin: 0;
    margin-top: 8px;
    color: rgba(234,61,47,.8);
    font-size: 12px;
    letter-spacing: .15px
}

#tfa-button {
    cursor: pointer
}

.dtable {
    position: relative
}

.dtable__element {
    width: 100%;
    font-size: 10px;
    line-height: 12px;
    text-align: center;
    border-bottom: 1px solid rgba(51,51,51,.15)
}

@media(min-width: 769px) {
    .dtable__element {
        font-size:14px;
        line-height: 1.2;
        border-bottom: 0;
        border-collapse: separate;
        border-spacing: 4px!important
    }
}

.dtable--payments {
    margin-top: 14px
}

.dtable__range {
    margin-bottom: 8px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    font-weight: 500;
    font-size: 14px;
    line-height: 1.5;
    position: relative;
    letter-spacing: .15px;
    background-color: #eff2f8;
    width: calc(100% - 110px);
    border: 1px solid rgba(37,37,37,.05);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 4px
}

@media(min-width: 769px) {
    .dtable__range {
        margin-bottom:8px;
        width: 190px;
        margin-right: 110px;
        margin-left: auto
    }
}

.dtable__range.hide-triangle::after {
    content: none
}

.dtable__range.open::after {
    -webkit-transform: translateY(-85%) scale(1,-1);
    transform: translateY(-85%) scale(1,-1);
    -webkit-transition: .2s ease;
    transition: .2s ease
}

.dtable__range::after {
    content: '';
    position: absolute;
    right: 13px;
    border: 7px solid transparent;
    border-top: 7px solid #4c5979;
    top: 60%;
    pointer-events: none;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition: .2s ease;
    transition: .2s ease
}

.dtable__range-label {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    margin: 0;
    font-size: 12px;
    padding: 11px 10px 9px 8px;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    z-index: 1
}

@media(min-width: 769px) {
    .dtable__range-label {
        padding:11px 11px 9px
    }
}

.dtable__range-input {
    font-size: 12px;
    min-width: 20px;
    min-height: 20px;
    color: inherit;
    border: 0;
    width: 100%;
    background-color: transparent;
    padding: 14px 0 10px 8px;
    text-align: left;
    position: relative;
    z-index: 2
}

@media(min-width: 769px) {
    .dtable__range-input {
        padding:15px 0 11px 8px
    }
}

.dtable__range-reset {
    border: 0;
    padding: 0;
    width: 39px;
    background-color: transparent
}

.dtable__range-reset.hidden {
    display: none
}

.dtable .dataTables_processing.card {
    z-index: 1
}

.dtable .dataTables_length {
    width: 100px;
    top: 0;
    min-height: 40px;
    right: 0;
    left: unset;
    font-weight: 500;
    font-size: 14px;
    line-height: 1.5;
    letter-spacing: .15px;
    background-color: #eff2f8;
    border: 1px solid rgba(37,37,37,.05);
    border-radius: 4px
}

@media(min-width: 769px) {
    .dtable .dataTables_length {
        left:unset;
        right: 0;
        max-width: 100px;
        width: 100%;
        min-height: 42px;
        -webkit-box-sizing: border-box;
        box-sizing: border-box
    }
}

.dtable .dataTables_length label {
    margin: 0;
    padding-left: 8px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    width: 100%;
    font-weight: 500!important;
    font-size: 12px
}

@media(min-width: 769px) {
    .dtable .dataTables_length label {
        padding-left:10px
    }
}

.dtable .dataTables_length.open::after {
    -webkit-transform: translateY(-95%) scale(1,-1);
    transform: translateY(-95%) scale(1,-1);
    -webkit-transition: .2s ease;
    transition: .2s ease
}

.dtable .dataTables_length::after {
    content: '';
    position: absolute;
    right: 6px;
    border: 7px solid transparent;
    border-top: 7px solid #4c5979;
    top: 60%;
    pointer-events: none;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition: .2s ease;
    transition: .2s ease
}

.dtable .dataTables_length select {
    height: 100%!important;
    background-image: none;
    background-color: transparent;
    border: 0!important;
    padding-right: 26px;
    padding-left: 50px;
    text-align: right;
    font: inherit;
    width: 100%!important;
    cursor: pointer;
    position: absolute;
    left: 0;
    right: 0
}

@media(min-width: 769px) {
    .dtable .dataTables_length select {
        padding-right:24px;
        width: 100%
    }
}

.dtable .dataTables_paginate {
    position: static!important
}

.dtable .pagination {
    margin: 0;
    padding: 16px 0
}

.dtable .pagination .page-item {
    padding: 0 3px;
    border-bottom: 0!important
}

.dtable .pagination .page-item:first-child {
    padding-left: 0
}

.dtable .pagination .page-item:last-child {
    padding-right: 0
}

.dtable .pagination .page-item a.page-link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    min-width: 32px!important;
    height: 32px;
    padding: 4px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-weight: 700;
    font-size: 14px;
    color: #252525!important;
    border: 1px solid rgba(37,37,37,.1);
    border-radius: 4px;
    background-color: #fff!important
}

.dtable .pagination .page-item a.page-link:focus {
    -webkit-box-shadow: none;
    box-shadow: none
}

.dtable .pagination .page-item a.page-link:hover {
    color: #252525!important
}

.dtable .pagination .page-item.active a.page-link {
    color: #252525!important;
    background-color: #d5ba81!important
}

.dtable .pagination .page-item.previous a,.dtable .pagination .page-item.next a {
    background-repeat: no-repeat;
    background-position: center
}

.dtable .pagination .page-item.previous a i,.dtable .pagination .page-item.next a i {
    display: none
}

.dtable .pagination .page-item.disabled {
    display: none
}

.dtable .pagination .page-item.previous a {
    background-image: url(/img/arrow-prev.svg)
}

.dtable .pagination .page-item.next a {
    background-image: url(/img/arrow-next.svg)
}

.dtable th,.dtable td {
    padding: 8px 4px
}

.dtable th.dataTables_empty,.dtable td.dataTables_empty {
    color: #696969;
    font-weight: 500
}

@media(min-width: 769px) {
    .dtable th,.dtable td {
        text-align:right
    }
}

.dtable th {
    font-weight: 400;
    color: #919699;
    border-bottom: 1px solid #e3e5e5
}

@media(min-width: 769px) {
    .dtable th {
        font-weight:500;
        letter-spacing: .44px;
        color: #252525;
        border-bottom-width: 2px
    }
}

.dtable td {
    font-weight: 600
}

@media(min-width: 769px) {
    .dtable td {
        border-bottom:1px solid #e3e5e5
    }
}

.dtable td .badge {
    font: inherit
}

.dtable tr.even {
    background-color: #f8f8f8
}

@media(min-width: 769px) {
    .dtable tr.even {
        background-color:transparent
    }
}

.dtable td.td-show-more::before {
    display: none!important
}

.dtable td.td-show-more button {
    border: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background-color: #eff2f8;
    border-radius: 4px;
    width: 32px;
    height: 32px;
    margin: 0 auto
}

.dtable td.td-show-more svg {
    fill: #d5ba81
}

.dtable tr.parent .td-show-more svg {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.dtable tr.parent+tr.child {
    padding: 0
}

.dtable tr.parent+tr.child td.child {
    padding: 0;
    background-color: #eff2f8;
    -webkit-box-shadow: inset 0 4px 7px rgba(0,0,0,.16);
    box-shadow: inset 0 4px 7px rgba(0,0,0,.16)
}

.dtable tr.parent+tr.child .dtr-details {
    padding: 0;
    display: block;
    font-weight: 500;
    font-size: 12px;
    letter-spacing: .15px
}

.dtable tr.parent+tr.child .dtr-details li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 10px 0 9px!important;
    border-bottom: 1px solid #ccc!important
}

.dtable tr.parent+tr.child .dtr-details li:last-child {
    border-bottom: 0!important
}

.dtable tr.parent+tr.child .dtr-details li span {
    width: 50%;
    padding: 0 4px
}

.dtable tr.parent+tr.child .dtr-details li .dtr-title {
    text-align: right;
    min-width: 0
}

.dtable tr.parent+tr.child .dtr-details li .dtr-data {
    text-align: left;
    color: #919191
}

.dtable tr.parent+tr.child .dtr-details li.certificates .dtr-title {
    width: 0;
    padding: 0
}

.dtable tr.parent+tr.child .dtr-details li.certificates .dtr-data {
    width: 100%;
    text-align: center;
    padding: 13px 0 12px
}

.dtable tr.parent+tr.child .dtr-details li.certificates .dtr-data a {
    text-decoration: underline;
    font-weight: 600;
    font-size: 16px
}

@media(min-width: 769px) {
    .payments-table {
        border-top:1px solid #d5ba81;
        padding-top: 16px
    }
}

.payments-table tbody tr td:first-child {
    color: #696969;
    font-weight: 500
}

.payments-table tbody tr td:not(td:first-child) {
    font-weight: 700
}

@media(min-width: 769px) {
    #purchases .dtable__range {
        position:absolute;
        right: 0;
        top: -75px
    }

    #purchases .dataTables_length {
        top: -75px
    }
}

.social-share {
    position: absolute;
    bottom: -25%;
    left: 0;
    right: 0;
    padding: 0 16px;
    border-radius: 8px;
    background-color: #f0f0f0;
    overflow: hidden;
    max-height: 0;
    z-index: 2;
    -webkit-transition: max-height .3s,-webkit-box-shadow .3s;
    transition: max-height .3s,-webkit-box-shadow .3s;
    transition: max-height .3s,box-shadow .3s;
    transition: max-height .3s,box-shadow .3s,-webkit-box-shadow .3s
}

.social-share.\--active {
    max-height: 480px;
    overflow: auto;
    -webkit-box-shadow: 0 2px 20px rgba(16,30,115,.1);
    box-shadow: 0 2px 20px rgba(16,30,115,.1)
}

.social-share__list {
    margin: 0;
    padding: 0;
    list-style: none;
    padding: 16px 0 4px
}

.social-share__heading {
    margin: 0;
    padding: 16px 45px 0 0;
    font-weight: 700;
    font-size: 16px;
    line-height: 1.5
}

.social-share__close {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    padding: 0;
    background-color: #d5ba81;
    border: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: absolute;
    top: 10px;
    right: 10px;
    cursor: pointer
}

.social-share__close svg {
    fill: #fff;
    stroke: #fff
}

.social-share__link {
    display: block;
    position: relative;
    padding: 15px 15px 15px 48px;
    background-color: transparent;
    border: 0;
    border-bottom: 1px solid rgba(0,0,0,.1);
    font-size: 14px;
    line-height: 130%;
    color: inherit;
    cursor: pointer;
    -webkit-transition: color .1s;
    transition: color .1s
}

.social-share__link:hover {
    color: #d5ba81
}

.social-share__link svg {
    width: 32px;
    height: 32px;
    position: absolute;
    top: 50%;
    left: 0;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.social-share__item:last-child .social-share__link {
    border-bottom: 0
}

.modal-content::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: -1;
    background-color: transparent;
    -webkit-transition: background-color .3s;
    transition: background-color .3s;
    border-radius: 8px
}

.modal-content.overlaid::before {
    z-index: 1;
    background-color: rgba(0,0,0,.6)
}

.low-rank__text {
    font-size: 16px;
    margin-bottom: 40px
}

.low-rank__necklace {
    position: absolute;
    top: 48px;
    left: 50%;
    -webkit-transform: translate(-50%);
    transform: translate(-50%)
}

.low-rank__image {
    margin: 32px
}

.low-rank .button {
    margin-bottom: 32px
}

.plug {
    grid-column: 1/-1;
    padding: 40px 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    min-height: 128px;
    font-size: 20px;
    -webkit-box-shadow: 0 2px 20px rgba(16,30,115,.1);
    box-shadow: 0 2px 20px rgba(16,30,115,.1);
    border-radius: 8px;
    text-align: center;
    background-color: #fff
}

.plug h1,.plug h2,.plug h3,.plug h4,.plug h5,.plug h6 {
    font-weight: 400;
    line-height: 1.4
}

.plug * {
    max-width: 640px;
    margin-left: auto;
    margin-right: auto
}

.plug *:last-child {
    margin-bottom: 0
}

.lang-dropdown {
    position: relative
}

.lang-dropdown__btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 0;
    width: 80px;
    height: 40px;
    border-radius: 4px;
    border: 1px solid rgba(0,0,0,.1);
    background-color: #fff;
    -webkit-transition: border-color .2s;
    transition: border-color .2s
}

.lang-dropdown__btn.\--active {
    border-color: #d5ba81
}

.lang-dropdown__btn::after {
    content: '';
    position: absolute;
    top: 50%;
    right: 12px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 10px;
    height: 5px;
    background-image: url(/img/select-arrow-blue.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    -webkit-transition: -webkit-transform .2s;
    transition: -webkit-transform .2s;
    transition: transform .2s;
    transition: transform .2s,-webkit-transform .2s
}

.lang-dropdown__btn.\--active::after {
    -webkit-transform: translateY(-50%) rotateX(180deg);
    transform: translateY(-50%) rotateX(180deg)
}

.lang-dropdown .flag-icon {
    width: 23px;
    border-radius: 2px;
    position: absolute;
    top: 50%;
    left: 16px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    background-size: cover
}

.lang-dropdown__menu {
    top: calc(100% + 9px)!important;
    padding: 0;
    width: auto;
    border: 0;
    min-width: 0;
    -webkit-box-shadow: 0 2px 20px rgba(16,30,115,.1);
    box-shadow: 0 2px 20px rgba(16,30,115,.1);
    background-color: #fff;
    border-radius: 4px;
    border: 1px solid #d5ba81
}

.lang-dropdown__menu::after {
    display: none
}

.lang-dropdown__menu-list {
    margin: 0;
    padding: 0;
    list-style: none
}

.lang-dropdown__menu-item a {
    display: block;
    text-align: right;
    position: relative;
    padding: 9px 16px 6px 50px;
    min-width: 78px;
    font-weight: 700;
    font-size: 16px;
    line-height: 24px;
    color: #252525;
    -webkit-transition: background-color .2s;
    transition: background-color .2s
}

.lang-dropdown__menu-item a[href]:hover {
    background-color: rgba(213,186,129,.15)
}

.agent-details__stats {
    margin-bottom: 16px;
    border-radius: 8px;
    -webkit-box-shadow: 0 4px 12px rgba(16,30,115,.25);
    box-shadow: 0 4px 12px rgba(16,30,115,.25);
    color: #fff;
    background: -webkit-gradient(linear,left bottom,left top,from(#00272A),to(#024247));
    background: linear-gradient(360deg,#00272A,#024247)
}

@media(min-width: 992px) {
    .agent-details__stats {
        background:0 0;
        -webkit-box-shadow: none;
        box-shadow: none;
        border-radius: 0
    }
}

.agent-details__stats-list {
    margin: 0;
    padding: 0;
    list-style: none
}

@media(min-width: 992px) {
    .agent-details__stats-list {
        display:grid;
        grid-template-columns: repeat(4,1fr);
        gap: 8px
    }
}

.agent-details__stats-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 10px 8px;
    line-height: 1.2;
    border-bottom: 2px solid rgba(255,255,255,.2)
}

@media(min-width: 992px) {
    .agent-details__stats-item {
        -webkit-box-align:stretch;
        -ms-flex-align: stretch;
        align-items: stretch;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        border-radius: 8px;
        background: -webkit-gradient(linear,left bottom,left top,from(#00272A),to(#024247));
        background: linear-gradient(360deg,#00272A,#024247);
        border-bottom: 0;
        min-height: 106px;
        padding: 16px
    }
}

.agent-details__stats-item:last-child {
    border-bottom: 0
}

.agent-details__stats-label {
    margin: 0;
    font-size: 14px;
    margin-right: 15px;
    color: rgba(255,255,255,.5)
}

@media(min-width: 992px) {
    .agent-details__stats-label {
        margin-right:0;
        margin-bottom: 8px;
        color: #fff;
        font-size: 16px
    }
}

.agent-details__stats-value {
    font-size: 14px;
    position: relative;
    margin: 0
}

@media(min-width: 992px) {
    .agent-details__stats-value {
        color:#d5ba81;
        font-weight: 700;
        font-size: 16px
    }
}

.agent-details__stats-value #client_id {
    margin-right: 30px
}

@media(min-width: 992px) {
    .agent-details__stats-value #client_id {
        font-size:24px
    }
}

.agent-details__stats-value .copy-btn {
    position: absolute;
    top: 50%;
    right: 0;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    border: 0;
    padding: 0;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 24px;
    height: 24px;
    background-color: transparent;
    font-size: 0
}

.agent-details__stats-value .copy-btn svg {
    width: 15px;
    height: 15px;
    fill: #fff
}

.agent-details__stats-value .copy-btn:hover svg {
    fill: #d5ba81
}

.agent-details__card {
    margin-bottom: 16px;
    -webkit-box-shadow: 0 2px 20px rgba(16,30,115,.1);
    box-shadow: 0 2px 20px rgba(16,30,115,.1);
    border-radius: 8px
}

.agent-details__card-heading {
    background: -webkit-gradient(linear,left bottom,left top,from(#00272A),to(#024247));
    background: linear-gradient(360deg,#00272A,#024247);
    margin: 0;
    padding: 16px 8px;
    font-weight: 700;
    font-size: 14px;
    color: #fff;
    border-radius: 8px 8px 0 0
}

.agent-details__card-main {
    background-color: #fff;
    border-radius: 0 0 8px 8px
}

.agent-details__card-list {
    margin: 0;
    padding: 0;
    list-style: none
}

.agent-details__card-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    min-height: 48px;
    padding: 7px 8px;
    font-size: 14px;
    line-height: 1.2;
    border-bottom: 1px solid rgba(37,37,37,.1)
}

.agent-details__card-item:last-child {
    border-bottom: 0
}

.agent-details__card-label {
    margin: 0;
    margin-right: 15px;
    color: #696969;
    letter-spacing: .15px
}

.agent-details__card-value {
    margin: 0;
    letter-spacing: .5px;
    font-weight: 700;
    white-space: nowrap
}

.agent-details__card-table {
    width: 100%;
    font-size: 10px;
    line-height: 1.2;
    text-align: center
}

@media(min-width: 769px) {
    .agent-details__card-table {
        font-size:12px
    }
}

.agent-details__card-table tbody tr:nth-child(even) {
    background-color: #f8f8f8
}

.agent-details__card-table tfoot {
    border-top: 1px solid rgba(51,51,51,.15)
}

.agent-details__card-table th {
    max-width: 100px;
    font-weight: 400;
    color: #919699;
    padding: 4px;
    border-bottom: 1px solid #e3e5e5
}

@media(min-width: 769px) {
    .agent-details__card-table th {
        padding:10px 4px
    }
}

.agent-details__card-table td {
    padding: 12px 4px
}

.error-page {
    min-height: 100vh;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    text-align: center;
    color: #fff;
    background-image: url("/img/tile-2.svg"),url("/img/tile-2.svg"),url("/img/bg-pattern.svg"),-webkit-gradient(linear,left bottom,left top,from(#00272A),to(#024247));
    background-image: url(/img/tile-2.svg),url(/img/tile-2.svg),url(/img/bg-pattern.svg),linear-gradient(360deg,#00272A,#024247);
    background-repeat: no-repeat,no-repeat,repeat,repeat;
    background-size: 300px auto,300px auto,auto,auto;
    background-position: -150px -150px,calc(100% + 150px) -150px,center,center;
    overflow-x: hidden
}

@media(min-width: 769px) {
    .error-page {
        background-size:431px auto,431px auto,auto,auto;
        background-position: -215px -215px,calc(100% + 215px) -215px,center,center
    }
}

.error-page__wrapper {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    position: relative;
    z-index: 1;
    overflow: hidden;
    padding: 45px 0 30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.error-page__wrapper::before {
    content: '';
    position: absolute;
    bottom: 50%;
    left: 0;
    right: 0;
    height: 62px;
    background: -webkit-gradient(linear,left top,left bottom,from(transparent),to(rgba(0,0,0,0.2)));
    background: linear-gradient(180deg,transparent,rgba(0,0,0,0.2))
}

.error-page__wrapper::after {
    content: '';
    position: absolute;
    top: 50%;
    left: -50%;
    right: -50%;
    bottom: 0;
    background-image: url("/img/bg-pattern.svg"),-webkit-gradient(linear,left top,left bottom,from(#003135),to(#00272A));
    background-image: url(/img/bg-pattern.svg),linear-gradient(to bottom,#003135,#00272A);
    -webkit-transform: skew(-31deg);
    transform: skew(-31deg)
}

.error-page__logo {
    display: block;
    margin-bottom: 30px
}

.error-page__logo img {
    width: 128px
}

@media(min-width: 769px) {
    .error-page__logo img {
        width:242px
    }
}

.error-page__main {
    margin: auto 0
}

.error-page__container {
    position: relative;
    z-index: 1
}

.error-page__title {
    display: inline-block;
    position: relative;
    margin: 0;
    margin-bottom: 60px;
    font-size: 150px;
    line-height: .8;
    letter-spacing: 2.3px;
    color: #d5ba81;
    text-shadow: 8px -4px #8f7b55
}

@media(min-width: 769px) {
    .error-page__title {
        font-size:250px
    }
}

.error-page__title img,.error-page__title svg {
    max-width: 300px
}

@media(min-width: 769px) {
    .error-page__title img,.error-page__title svg {
        max-width:100%
    }
}

.error-page__title::after {
    content: '';
    top: 100%;
    position: absolute;
    background-repeat: no-repeat;
    background-size: contain
}

@media(min-width: 769px) {
    .error-page__title::after {
        top:calc(100% - 3px)
    }
}

.error-page__title.\--code-404::after {
    right: 16px;
    width: 300px;
    height: 162px;
    background-image: url(/img/404-shadow.svg)
}

@media(min-width: 769px) {
    .error-page__title.\--code-404::after {
        width:457px;
        height: 244px
    }
}

.error-page__title.\--code-419::after {
    right: 22px;
    width: 294px;
    height: 182px;
    background-image: url(/img/419-shadow.svg)
}

@media(min-width: 769px) {
    .error-page__title.\--code-419::after {
        right:34px;
        width: 380px;
        height: 244px
    }
}

.error-page__title.\--code-500::after {
    right: 20px;
    width: 325px;
    height: 166px;
    background-image: url(/img/500-shadow.svg)
}

@media(min-width: 769px) {
    .error-page__title.\--code-500::after {
        right:28px;
        width: 487px;
        height: 248px
    }
}

.error-page__title.\--code-503::after {
    right: 20px;
    width: 320px;
    height: 170px;
    background-image: url(/img/503-shadow.svg)
}

@media(min-width: 769px) {
    .error-page__title.\--code-503::after {
        right:28px;
        width: 470px;
        height: 246px
    }
}

.error-page__subtitle {
    position: relative;
    margin: 0;
    margin-bottom: 8px;
    font-weight: 700;
    font-size: 22px;
    line-height: 26px
}

.error-page__text {
    margin: 0;
    margin-bottom: 24px;
    position: relative
}

.error-page__button {
    position: relative;
    padding-left: 76px;
    padding-right: 52px
}

.error-page__button svg {
    position: absolute;
    top: 50%;
    left: 16px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.flatpickr-calendar.arrowTop:before {
    border-bottom-color: rgba(2,66,71,.2)
}

.flatpickr-calendar.arrowTop:after {
    border-bottom-color: #024247
}

.flatpickr-calendar.arrowBottom:before {
    border-top-color: rgba(2,66,71,.2)
}

.flatpickr-calendar.arrowBottom:after {
    border-top-color: #024247
}

.flatpickr-months .flatpickr-month {
    background: #024247
}

.flatpickr-months .flatpickr-prev-month svg,.flatpickr-months .flatpickr-next-month svg {
    fill: #fff
}

.flatpickr-months .flatpickr-prev-month:hover svg,.flatpickr-months .flatpickr-next-month:hover svg {
    fill: #d5ba81
}

.numInputWrapper span {
    border: 1px solid rgba(2,66,71,.15)
}

.numInputWrapper span.arrowUp:after {
    border-bottom: 4px solid rgba(2,66,71,.6)
}

.numInputWrapper span.arrowDown:after {
    border-top: 4px solid rgba(2,66,71,.6)
}

.flatpickr-current-month .flatpickr-monthDropdown-months {
    background-color: #024247;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    padding-right: 15px;
    background-image: url(/img/select-arrow.svg);
    background-position: right center;
    background-repeat: no-repeat;
    line-height: 25px
}

.flatpickr-current-month .flatpickr-monthDropdown-months:hover {
    background-image: url(/img/select-arrow.svg);
    background-position: right center;
    background-repeat: no-repeat;
    background-color: #024247
}

.flatpickr-current-month .flatpickr-monthDropdown-months .flatpickr-monthDropdown-month {
    background-color: #024247
}

.flatpickr-weekdays {
    background: #024247
}

span.flatpickr-weekday {
    background: #024247;
    color: #fff
}

.flatpickr-days {
    border-left: 1px solid rgba(2,66,71,.2);
    border-right: 1px solid rgba(2,66,71,.2)
}

.flatpickr-day.inRange,.flatpickr-day.today.inRange,.flatpickr-day:hover,.flatpickr-day:focus {
    background: #eff2f8;
    border-color: #eff2f8
}

.flatpickr-day.today {
    border-color: #d5ba81
}

.flatpickr-day.today:hover,.flatpickr-day.today:focus {
    border-color: #d5ba81;
    background: #d5ba81
}

.flatpickr-day.selected,.flatpickr-day.startRange,.flatpickr-day.endRange,.flatpickr-day.selected.inRange,.flatpickr-day.startRange.inRange,.flatpickr-day.endRange.inRange,.flatpickr-day.selected:focus,.flatpickr-day.startRange:focus,.flatpickr-day.endRange:focus,.flatpickr-day.selected:hover,.flatpickr-day.startRange:hover,.flatpickr-day.endRange:hover {
    background: #024247;
    border-color: #024247
}

.flatpickr-day.selected.startRange+.endRange:not(:nth-child(7n+1)),.flatpickr-day.startRange.startRange+.endRange:not(:nth-child(7n+1)),.flatpickr-day.endRange.startRange+.endRange:not(:nth-child(7n+1)) {
    -webkit-box-shadow: -10px 0 0 #024247;
    box-shadow: -10px 0 0 #024247
}

.flatpickr-day.inRange {
    -webkit-box-shadow: -5px 0 0 #eff2f8,5px 0 0 #eff2f8;
    box-shadow: -5px 0 0 #eff2f8,5px 0 0 #eff2f8
}

.flatpickr-day.flatpickr-disabled,.flatpickr-day.flatpickr-disabled:hover {
    color: rgba(2,66,71,.3)
}

.flatpickr-day.flatpickr-disabled,.flatpickr-day.flatpickr-disabled:hover {
    color: rgba(2,66,71,.1)
}

.flatpickr-day.week.selected {
    -webkit-box-shadow: -5px 0 0 #1bbc9b,5px 0 0 #024247;
    box-shadow: -5px 0 0 #1bbc9b,5px 0 0 #024247
}

.flatpickr-weekwrapper .flatpickr-weeks {
    border-left: 1px solid rgba(2,66,71,.2)
}

.flatpickr-weekwrapper span.flatpickr-day,.flatpickr-weekwrapper span.flatpickr-day:hover {
    color: rgba(2,66,71,.3)
}

.flatpickr-innerContainer {
    border-bottom: 1px solid rgba(2,66,71,.2)
}

.flatpickr-months .flatpickr-month {
    color: #fff;
    fill: #fff
}

.numInputWrapper span {
    border: 1px solid rgba(255,255,255,.15)
}

.numInputWrapper span.arrowUp:after {
    border-bottom: 4px solid rgba(255,255,255,.6)
}

.numInputWrapper span.arrowDown:after {
    border-top: 4px solid rgba(255,255,255,.6)
}

.flatpickr-current-month .numInputWrapper span.arrowUp:after {
    border-bottom-color: rgba(255,255,255,.9)
}

.flatpickr-current-month .numInputWrapper span.arrowDown:after {
    border-top-color: rgba(255,255,255,.9)
}

.flatpickr-day.flatpickr-disabled,.flatpickr-day.flatpickr-disabled:hover {
    background: 0 0;
    border-color: transparent
}

.payout-form__subtitle {
    margin: 4px 0;
    text-align: center;
    font-size: 14px;
    line-height: 1.2;
    color: #5f5f5f
}

.payout-form__balance {
    margin: 8px 0 24px;
    text-align: center;
    font-weight: 700;
    font-size: 40px;
    color: #d5ba81
}

.payout-form .flatpickr-input.flatpickr-mobile {
    padding-right: 14px;
    background-image: none
}

.payout-form .flatpickr-input.flatpickr-mobile+.form-item__label {
    font-size: 12px;
    top: 12px
}

.payout-form .error {
    border-color: #ea3d2f!important
}

.payout-form .form-item__input--without-inner-text {
    padding-top: 12px
}

.payout-form .form-item--checkbox {
    padding-left: 10px
}

.payout-form .form-item--checkbox label {
    cursor: pointer
}

.payout-form .form-item--checkbox label.error-checked span {
    color: #ea3d2f
}

.payout-form .form-item--checkbox label.error-checked span a {
    color: #ea3d2f
}

.payout-form .form-item--checkbox label.error-checked span::before {
    border-color: #ea3d2f
}

.payout-form .form-item--checkbox input {
    visibility: hidden;
    position: absolute
}

.payout-form .form-item--checkbox input:checked+span::before {
    border-color: #d5ba81;
    background-color: #d5ba81
}

.payout-form .form-item--checkbox input:checked+span::after {
    content: url(/img/checked-white.svg);
    position: absolute;
    left: 4px;
    top: 43.4%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.payout-form .form-item--checkbox span {
    padding-left: 34px;
    position: relative;
    font-size: 14px;
    display: block;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.payout-form .form-item--checkbox span::before {
    content: '';
    position: absolute;
    left: 0;
    top: 48.1%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 18px;
    height: 18px;
    border-radius: 3px;
    border: 1px solid #878787
}

.payout-form .form-item--checkbox a {
    text-decoration: underline;
    color: #d5ba81;
    font-weight: 600
}

.payout-form .form-item span.error-text {
    font-size: 12px;
    font-weight: 400;
    color: #ea3d2f;
    padding-left: 3px;
    padding-top: 2px;
    line-height: 15px;
    display: block
}

.payout-form .two-items {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 16px
}

.payout-form .payout-currency {
    position: absolute;
    top: 0;
    right: 0;
    width: 140px;
    background-color: #f3f3f3;
    padding: 12px 10px;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    bottom: 0;
    display: block;
    margin-bottom: 0;
    overflow: auto
}

.payout-form .payout-currency .form-item__label {
    position: static;
    display: block;
    margin-bottom: 4px
}

.payout-form__method-block--cashbox {
    position: relative
}

.payout-form__method-block--cashbox .error {
    color: #ea3d2f;
    font-size: 12px;
    position: absolute;
    bottom: -12px;
    left: 0;
    display: none
}

.payout-form__desc-tr {
    text-align: center;
    font-weight: 600;
    line-height: 21px;
    font-size: 16px;
    padding-bottom: 32px
}

.payout-form__title {
    font-weight: 700;
    font-size: 12px;
    line-height: 150%;
    color: #252525;
    margin-bottom: 4px
}

.payout-form .preloader__anime {
    max-width: 135px;
    margin: 10px auto 15px
}

.payout-form .preloader__anime .dot {
    width: 10px;
    height: 10px
}

.payout-form .add-card-button {
    background: #f0f0f0;
    border: 1px solid #f0f0f0;
    border-radius: 8px;
    width: 82px;
    margin-left: 8px;
    font-size: 24px
}

.payout-form .add-card-button:hover {
    background: #fff
}

.form-item__max-value-button-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    margin-bottom: 30px
}

.form-item__max-value-button-wrapper button {
    background: #f0f0f0;
    border: 1px solid #f0f0f0;
    border-radius: 8px;
    width: 80px;
    margin-left: 8px;
    font-size: 16px;
    font-weight: 600
}

.form-item__max-value-button-wrapper button:hover {
    background-color: transparent;
    border-color: #f0f0f0
}

#mainInputErrorText,#selectCardsErrorText {
    position: absolute;
    bottom: -18px
}

.paymethod-block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    overflow-x: auto;
    padding-bottom: 8px;
    margin-bottom: 16px
}

.paymethod-block::-webkit-scrollbar {
    height: 5px
}

.paymethod-block::-webkit-scrollbar-track {
    background-color: #fbfbff;
    border-radius: 4px
}

.paymethod-block::-webkit-scrollbar-thumb {
    background-color: #d1dbed;
    border-radius: 4px
}

.paymethod-block::-webkit-scrollbar-thumb:hover {
    background-color: #a9b9dc
}

.paymethod-block__item {
    position: relative;
    cursor: pointer;
    min-width: 175px;
    height: 84px;
    -webkit-filter: grayscale(1);
    filter: grayscale(1);
    background: #eff2f8;
    border-radius: 8px;
    text-align: center;
    border: 1px solid #eff2f8;
    overflow: hidden;
    padding: 4px 4px 8px 32px;
    margin-right: 8px
}

.paymethod-block__item:last-child {
    margin-right: 0
}

.paymethod-block__item.cashbox-item {
    text-align: left;
    min-height: 84px;
    height: auto
}

.paymethod-block__item.cashbox-item:before {
    content: '';
    z-index: 1;
    display: block;
    position: absolute;
    top: 50%;
    left: 8px;
    -webkit-transform: translate(0,-50%);
    transform: translate(0,-50%);
    border-radius: 50%;
    width: 18px;
    height: 18px;
    background: #fff;
    border: 1px solid #d5ba81
}

.paymethod-block__item.cashbox-item .paymethod-block__name {
    position: static;
    width: auto;
    max-width: 160px
}

.paymethod-block__item:hover,.paymethod-block__item.active {
    border: 1px solid #d5ba81;
    -webkit-filter: grayscale(0);
    filter: grayscale(0);
    background: #fff
}

.paymethod-block__item:hover .paymethod-block__item-img:before,.paymethod-block__item.active .paymethod-block__item-img:before {
    background: #fff
}

.paymethod-block__item.active:after {
    content: '';
    z-index: 2;
    display: block;
    position: absolute;
    top: 50%;
    left: 11px;
    -webkit-transform: translate(0,-50%);
    transform: translate(0,-50%);
    border-radius: 50%;
    width: 12px;
    height: 12px;
    background: #d5ba81
}

.paymethod-block__item.active:before {
    content: '';
    z-index: 1;
    display: block;
    position: absolute;
    top: 50%;
    left: 8px;
    -webkit-transform: translate(0,-50%);
    transform: translate(0,-50%);
    border-radius: 50%;
    width: 18px;
    height: 18px;
    background: #fff;
    border: 1px solid #d5ba81
}

.paymethod-block__name {
    position: absolute;
    bottom: 0;
    margin-bottom: 8px;
    width: calc(100% - 36px);
    font-weight: 300;
    font-size: 10px;
    line-height: 150%
}

.paymethod-block__item-img {
    width: 126px;
    height: 46px
}

.paymethod-block__item-img:before {
    content: " ";
    display: block;
    position: absolute;
    top: 4px;
    right: 0;
    width: 126px;
    height: 46px;
    background: #eff2f8
}

.paymethod-block__item-img:after {
    content: attr(alt);
    display: block;
    position: absolute;
    top: 4px;
    right: 0;
    width: 126px;
    height: 46px;
    line-height: 46px;
    text-align: center;
    font-size: 24px;
    letter-spacing: 4px
}

.purchase-balance__title {
    font-weight: 700;
    font-size: 36px;
    line-height: 100%;
    text-align: center
}

@media(max-width: 768px) {
    .purchase-balance__title {
        font-size:24px
    }
}

.purchase-balance__card-info {
    background: -webkit-gradient(linear,left bottom,left top,from(#00272A),to(#024247));
    background: linear-gradient(360deg,#00272A,#024247);
    border-radius: 8px;
    padding: 15px 25px;
    margin: 25px 0
}

.purchase-balance__block-info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

.purchase-balance__block-info--product {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.purchase-balance__block-info--product .purchase-balance__value-info {
    text-align: center
}

@media(max-width: 768px) {
    .purchase-balance__block-info--product {
    }

    .purchase-balance__block-info--product .purchase-balance__type-info {
        padding-top: 3px
    }
}

.purchase-balance__block-info:last-child {
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end
}

.purchase-balance__type-info {
    font-size: 12px;
    line-height: 130%;
    color: #fff;
    margin: 0
}

.purchase-balance__value-info {
    font-weight: 700;
    font-size: 14px;
    line-height: 24px;
    color: #d5ba81;
    margin: 0
}

@media(min-width: 769px) {
    .purchase-balance__value-info {
        font-size:16px
    }
}

.purchase-balance__btn-wrapp {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 10px
}

.purchase-balance__btn-wrapp button {
    width: 50%
}

#purchase-balance-modal {
    overflow-y: hidden
}

#purchase-balance-modal .wrapper-info {
    margin-top: 40px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.tours-page {
    font-family: raleway,arial,sans-serif
}

.tours-page .tabs__nav-item {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1
}

.tours-page .tabs__nav-item--history {
    -webkit-box-ordinal-group: 5!important;
    -ms-flex-order: 4!important;
    order: 4!important
}

.tours-page .tabs__nav-item--history a {
    border-radius: 0 4px 0 0!important
}

.tours-page .tabs__nav-item:nth-child(1) a {
    border-radius: 4px 0 0 0
}

.tours-page .tabs__nav-item:nth-child(2) a {
    border-radius: 4px 0 0 0
}

.tours-page .block-wrapper .block {
    background: -webkit-gradient(linear,left bottom,left top,from(#00272A),color-stop(99%,#013A3F));
    background: linear-gradient(360deg,#00272A 0%,#013A3F 99%);
    -webkit-box-shadow: 0 2px 20px rgba(16,30,115,.1);
    box-shadow: 0 2px 20px rgba(16,30,115,.1);
    border-radius: 8px;
    margin-bottom: 16px
}

.tours-page .block-wrapper .block__title {
    color: #fff;
    font-weight: 500
}

.tours-page .block-wrapper .block .progress-bar-block {
    background-color: #eff2f8;
    border-radius: 8px;
    margin-top: 24px;
    padding: 20px 18px
}

.tours-page .block-wrapper .block .progress-bar-block__title {
    color: #252525;
    opacity: .6;
    margin-bottom: 24px;
    font-weight: 600;
    line-height: 16px;
    font-size: 14px
}

.tours-page .block-wrapper .block .progress-bar-block .progress {
    background: #fff;
    border-radius: 40px;
    height: 8px
}

.tours-page .block-wrapper .block .progress-bar-block .progress .progress-bar {
    background: #d5ba81;
    opacity: .9;
    border-radius: 40px
}

.tours-page .block-wrapper .block .progress-bar-block .results {
    margin-top: 8px
}

.tours-page .block-wrapper .block .progress-bar-block .results .top {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    font-size: 14px;
    line-height: 16px
}

.tours-page .block-wrapper .block .progress-bar-block .results .top div {
    color: #252525;
    font-family: Raleway;
    font-style: normal;
    font-weight: 700
}

.tours-page .block-wrapper .block .progress-bar-block .results .bottom {
    margin-top: 8px;
    font-size: 12px;
    font-weight: 400;
    line-height: 14px
}

.tours-page .block-wrapper .block .progress-bar-block .results .bottom span {
    color: #252525;
    font-size: 14px;
    line-height: 16px;
    font-family: Raleway;
    font-style: normal;
    font-weight: 700
}

.tours-page .block-wrapper__title-mobile {
    font-weight: 700;
    font-size: 16px;
    margin-bottom: 8px;
    line-height: 19px;
    display: none
}

.tours-page .block-wrapper--first .block {
    padding: 17px 26px 32px;
    position: relative
}

.tours-page .block-wrapper--first .block .info-block {
    position: relative;
    cursor: pointer;
    margin-bottom: -7px
}

.tours-page .block-wrapper--first .block .info-block .info-button {
    margin-left: auto
}

.tours-page .block-wrapper--first .block .info-block.active {
    z-index: 9
}

@media(min-width: 1199px) {
    .tours-page .block-wrapper--first .block .info-block.active {
        z-index:1000
    }
}

.tours-page .block-wrapper--first .block .info-block.active:after {
    position: absolute;
    content: "";
    width: 30px;
    height: 30px;
    background-color: #fff;
    right: -6px;
    bottom: -49px;
    -webkit-transform: rotate(56deg) skew(25deg);
    transform: rotate(56deg) skew(25deg)
}

.tours-page .block-wrapper--first .block .info-block .hidden-info-popup {
    min-width: calc(100% + 52px);
    -webkit-transform: none;
    transform: none;
    margin: 21px -26px 0
}

.tours-page .block-wrapper--first .block .info-block .hidden-info-popup .modal-close {
    display: none;
    right: unset;
    left: 0
}

@media(min-width: 1200px) {
    .tours-page .block-wrapper--first .block .info-block .hidden-info-popup .modal-close {
        right:0;
        left: unset
    }
}

@media(min-width: 1024px) {
    .tours-page .block-wrapper--first .block .info-block .hidden-info-popup .modal-close {
        display:-webkit-box;
        display: -ms-flexbox;
        display: flex
    }
}

.tours-page .block-wrapper--first .block .info-block .hidden-info-popup .close-popup {
    display: block
}

@media(min-width: 1024px) {
    .tours-page .block-wrapper--first .block .info-block .hidden-info-popup .close-popup {
        display:none
    }
}

@media(min-width: 1200px) {
    .tours-page .block-wrapper--first .block .info-block .hidden-info-popup {
        right:unset!important
    }
}

@media(min-width: 1024px) {
    .tours-page .block-wrapper--first .block .info-block .hidden-info-popup {
        min-width:570px;
        right: -26px;
        margin: 21px 0 0
    }
}

.tours-page .block-wrapper--first .block__title {
    font-weight: 700;
    font-size: 20px
}

.tours-page .block-wrapper--second .block.point-block {
    text-align: center;
    padding: 18px 0 10px
}

.tours-page .block-wrapper--second .block.point-block .point {
    font-family: Raleway;
    font-style: normal;
    font-weight: 600;
    font-size: 64px;
    line-height: 75px;
    color: #fff
}

.tours-page .block-wrapper--second .block.point-block .button {
    padding: 4.5px 25px;
    font-size: 12px;
    margin-bottom: 8px
}

.tours-page .block-wrapper--second .block.point-block .button.disabled {
    background-color: #1a4044;
    color: #8c9fa1;
    border-color: #1a4044
}

.tours-page .block-wrapper--second .block.tour-block {
    min-height: 131px;
    padding: 12px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    position: relative;
    overflow: hidden
}

.tours-page .block-wrapper--second .block.tour-block .description {
    position: relative;
    z-index: 2;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    width: 100%
}

.tours-page .block-wrapper--second .block.tour-block .description__title {
    font-weight: 700;
    font-size: 18px;
    letter-spacing: .15px;
    color: #fff;
    max-width: 269px;
    padding-right: 15px;
    padding-bottom: 6px
}

.tours-page .block-wrapper--second .block.tour-block .description .price__title {
    font-weight: 500;
    font-size: 14px;
    line-height: 16px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: right;
    letter-spacing: .5px;
    color: #fff
}

.tours-page .block-wrapper--second .block.tour-block .description .price .points-tour {
    color: #d5ba81;
    font-weight: 700;
    font-size: 28px
}

.tours-page .block-wrapper--second .block.tour-block .description .price .points-tour span {
    font-size: 16px
}

.tours-page .block-wrapper--second .block.tour-block .description .price .points-tour span.count {
    font-size: 28px
}

.tours-page .block-wrapper--second .block.tour-block img {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    bottom: 0;
    top: 0;
    right: 0;
    -o-object-fit: cover;
    object-fit: cover;
    border-radius: 8px;
    z-index: 1
}

.tours-page .block-wrapper--second .block.tour-block:after {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    bottom: 0;
    top: 0;
    right: 0;
    background: -webkit-gradient(linear,left bottom,left top,from(rgba(0,0,0,0.7)),to(rgba(0,0,0,0.2))),#00000026;
    background: linear-gradient(0deg,rgba(0,0,0,0.7),rgba(0,0,0,0.2)),#00000026;
    border-radius: 8px;
    z-index: 1
}

.tours-page .block-wrapper--third .block {
    padding: 15px 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-shadow: none;
    box-shadow: none
}

.tours-page .block-wrapper--third .block .step__title {
    font-size: 10px;
    color: #252525
}

.tours-page .block-wrapper--third .block .step__count {
    font-weight: 700;
    color: #252525;
    font-size: 24px
}

.tours-page .block-wrapper--third .block .result__title {
    color: #252525;
    opacity: .7;
    font-size: 10px;
    letter-spacing: .5px
}

.tours-page .block-wrapper--third .block .result__count {
    font-weight: 700;
    font-size: 24px
}

.tours-page .block-wrapper--third .block.done {
    background: -webkit-gradient(linear,left bottom,left top,from(#00272A),color-stop(99%,#013A3F));
    background: linear-gradient(360deg,#00272A 0%,#013A3F 99%)
}

.tours-page .block-wrapper--third .block.done .step__title {
    color: #fff
}

.tours-page .block-wrapper--third .block.done .step__count {
    color: #fff
}

.tours-page .block-wrapper--third .block.done .result__title {
    color: #fff
}

.tours-page .block-wrapper--third .block.done .result__count {
    color: #d5ba81
}

.tours-page .block-wrapper--third .block.in-progress {
    background: #d5ba81
}

.tours-page .block-wrapper--third .block.not-done {
    background: #eff2f8
}

.tours-page .block-wrapper--third .block.not-done .result__count {
    color: #d5ba81
}

.tours-page .table-wrapper.tours-table .dtable__element thead tr th {
    color: #b5b5b5;
    font-weight: 700;
    text-align: left!important
}

.tours-page .table-wrapper.tours-table .dtable__element tbody tr td {
    text-align: center;
    line-height: 15px
}

.tours-page .table-wrapper.tours-table .dtable__element tbody tr td span {
    padding-top: 3px;
    display: inline-block
}

.tours-page .table-wrapper.tours-table .dtable__element tbody tr td span.flag-icon {
    margin-right: 12px!important;
    padding-top: 0;
    width: 37px;
    border-radius: 3px;
    height: 28px;
    vertical-align: middle
}

.tours-page .table-wrapper.tours-table .dtable__element tbody tr td span.closed,.tours-page .table-wrapper.tours-table .dtable__element tbody tr td span.canceled_order {
    color: #f22613
}

.tours-page .table-wrapper.tours-table .dtable__element tbody tr td span.group_recruitment {
    color: #19b5fe
}

.tours-page .table-wrapper.tours-table .dtable__element tbody tr td span.ready_to_fly,.tours-page .table-wrapper.tours-table .dtable__element tbody tr td span.confirmed_order {
    color: #bf55ec
}

.tours-page .table-wrapper.tours-table .dtable__element tbody tr td span.group_sent,.tours-page .table-wrapper.tours-table .dtable__element tbody tr td span.closed_order {
    color: #26c281
}

.tours-page .table-wrapper.tours-table .dtable__element tbody tr td span.new,.tours-page .table-wrapper.tours-table .dtable__element tbody tr td span.new_order {
    color: #f7ca18
}

.tours-page .table-wrapper.tours-table .dtable__element tbody tr td:not(.dataTables_empty) {
    text-align: left!important;
    color: #575757;
    font-weight: 700
}

.success-modal .modal-body .points-title {
    font-size: 16px!important;
    line-height: 25px!important;
    color: #252525!important
}

.shopping-tour-modal .modal-body__title,.success-modal .modal-body__title {
    text-align: center;
    font-weight: 700;
    padding-top: 16px;
    margin-bottom: 24px
}

.shopping-tour-modal .modal-body .points-title,.success-modal .modal-body .points-title {
    color: #878787;
    font-weight: 400;
    font-size: 14px;
    line-height: 16px;
    margin-bottom: 4px;
    text-align: center
}

.shopping-tour-modal .modal-body .all-points,.success-modal .modal-body .all-points {
    font-weight: 700;
    font-size: 64px;
    line-height: 75px;
    color: #d5ba81;
    text-align: center;
    margin-bottom: 16px
}

.shopping-tour-modal .modal-body .tours__title,.success-modal .modal-body .tours__title {
    font-weight: 600;
    font-size: 12px;
    line-height: 14px;
    margin-bottom: 8px
}

.shopping-tour-modal .modal-body .tours .tour-block,.success-modal .modal-body .tours .tour-block {
    border-radius: 8px;
    position: relative;
    margin-bottom: 12px
}

.shopping-tour-modal .modal-body .tours .tour-block .inner-wrapper-tour-block,.success-modal .modal-body .tours .tour-block .inner-wrapper-tour-block {
    cursor: pointer;
    position: relative;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    border-radius: 8px;
    padding: 8px;
    height: 80px;
    overflow: hidden
}

.shopping-tour-modal .modal-body .tours .tour-block .inner-wrapper-tour-block .description,.success-modal .modal-body .tours .tour-block .inner-wrapper-tour-block .description {
    position: relative;
    z-index: 2;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    color: #fff
}

.shopping-tour-modal .modal-body .tours .tour-block .inner-wrapper-tour-block .description__title,.success-modal .modal-body .tours .tour-block .inner-wrapper-tour-block .description__title {
    font-weight: 700;
    font-size: 14px;
    letter-spacing: .5px
}

.shopping-tour-modal .modal-body .tours .tour-block .inner-wrapper-tour-block .description .price,.success-modal .modal-body .tours .tour-block .inner-wrapper-tour-block .description .price {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline
}

.shopping-tour-modal .modal-body .tours .tour-block .inner-wrapper-tour-block .description .price__title,.success-modal .modal-body .tours .tour-block .inner-wrapper-tour-block .description .price__title {
    padding-right: 8px;
    font-size: 10px
}

.shopping-tour-modal .modal-body .tours .tour-block .inner-wrapper-tour-block .description .price .points-tour,.success-modal .modal-body .tours .tour-block .inner-wrapper-tour-block .description .price .points-tour {
    color: #d5ba81;
    font-size: 12px;
    font-weight: 700
}

.shopping-tour-modal .modal-body .tours .tour-block .inner-wrapper-tour-block .description .price .points-tour span:not(.point-text),.success-modal .modal-body .tours .tour-block .inner-wrapper-tour-block .description .price .points-tour span:not(.point-text) {
    font-size: 18px
}

.shopping-tour-modal .modal-body .tours .tour-block .inner-wrapper-tour-block img,.success-modal .modal-body .tours .tour-block .inner-wrapper-tour-block img {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    bottom: 0;
    top: 0;
    right: 0;
    -o-object-fit: cover;
    object-fit: cover;
    z-index: 1
}

.shopping-tour-modal .modal-body .tours .tour-block .inner-wrapper-tour-block:after,.success-modal .modal-body .tours .tour-block .inner-wrapper-tour-block:after {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    bottom: 0;
    top: 0;
    right: 0;
    background: -webkit-gradient(linear,left bottom,left top,from(rgba(0,0,0,0.2)),to(rgba(0,0,0,0.2))),#00000026;
    background: linear-gradient(0deg,rgba(0,0,0,0.2),rgba(0,0,0,0.2)),#00000026;
    z-index: 1
}

.shopping-tour-modal .modal-body .tours .tour-block.active .inner-wrapper-tour-block,.success-modal .modal-body .tours .tour-block.active .inner-wrapper-tour-block {
    border: 2px solid #d5ba81;
    -webkit-box-shadow: 0 2px 5px rgba(0,0,0,.25),2px 8px 15px rgba(0,0,0,.3);
    box-shadow: 0 2px 5px rgba(0,0,0,.25),2px 8px 15px rgba(0,0,0,.3);
    overflow: hidden;
    position: relative
}

.shopping-tour-modal .modal-body .tours .tour-block.active:after,.success-modal .modal-body .tours .tour-block.active:after {
    content: url(/img/done-vector.svg);
    position: absolute;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-radius: 50%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 18px;
    border: 2px solid #d5ba81;
    height: 18px;
    right: -4px;
    padding-bottom: 4px;
    top: -4px;
    background-color: #d5ba81;
    z-index: 3
}

.shopping-tour-modal .modal-body .tours .tour-block.active:before,.success-modal .modal-body .tours .tour-block.active:before {
    content: '';
    position: absolute
}

.shopping-tour-modal .modal-body .tours .tour-block.disabled,.success-modal .modal-body .tours .tour-block.disabled {
    pointer-events: none
}

.shopping-tour-modal .modal-body .tours .tour-block.disabled .inner-wrapper-tour-block .description__title,.success-modal .modal-body .tours .tour-block.disabled .inner-wrapper-tour-block .description__title {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.shopping-tour-modal .modal-body .tours .tour-block.disabled .inner-wrapper-tour-block .description .price__title,.success-modal .modal-body .tours .tour-block.disabled .inner-wrapper-tour-block .description .price__title {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.shopping-tour-modal .modal-body .tours .tour-block.disabled .inner-wrapper-tour-block .description .price .points-tour .count,.success-modal .modal-body .tours .tour-block.disabled .inner-wrapper-tour-block .description .price .points-tour .count {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.shopping-tour-modal .modal-body .tours .tour-block.disabled .inner-wrapper-tour-block .description .price .points-tour .point-text,.success-modal .modal-body .tours .tour-block.disabled .inner-wrapper-tour-block .description .price .points-tour .point-text {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.shopping-tour-modal .modal-body .tours .tour-block.disabled .inner-wrapper-tour-block:after,.success-modal .modal-body .tours .tour-block.disabled .inner-wrapper-tour-block:after {
    z-index: 3;
    background: -webkit-gradient(linear,left bottom,left top,from(rgba(0,0,0,0.2)),to(rgba(0,0,0,0.2))),#EFF2F8;
    background: linear-gradient(0deg,rgba(0,0,0,0.2),rgba(0,0,0,0.2)),#EFF2F8;
    opacity: .7
}

.shopping-tour-modal .modal-body .button,.success-modal .modal-body .button {
    margin-top: 20px;
    margin-bottom: 16px
}

.shopping-tour-modal .modal-body .button.disable,.success-modal .modal-body .button.disable {
    pointer-events: none
}

#tours-table {
    width: 100%!important
}

@media(max-width: 1199px) {
    .tours-page .block-wrapper {
        margin-top:32px
    }

    .tours-page .block-wrapper__title-mobile {
        display: block
    }

    .tours-page .block-wrapper--second .block.point-block {
        margin-bottom: 24px
    }

    .tours-page .block-wrapper--second .block.point-block .button {
        padding: 12.5px 39px
    }

    .tours-page .block-wrapper--third {
        margin-top: 18px
    }
}

@media(max-width: 768px) {
    .tours-page .block-wrapper--second .block.tour-block .description__title {
        line-height:21px;
        letter-spacing: .15px;
        font-size: 14px
    }

    .tours-page .block-wrapper--second .block.tour-block .description .price__title {
        font-weight: 500;
        font-size: 12px;
        line-height: 14px;
        letter-spacing: .5px
    }

    .tours-page .block-wrapper--second .block.tour-block .description .price .points-tour span {
        line-height: 16px;
        font-size: 14px;
        font-weight: 700
    }

    .tours-page .block-wrapper--second .block.tour-block .description .price .points-tour span.count {
        font-size: 24px;
        line-height: 28px;
        letter-spacing: .5px
    }

    .shopping-tour-modal .modal-body .tours .tour-block {
        margin-bottom: 12px
    }

    .shopping-tour-modal .modal-body .tours+.button {
        margin-top: 20px
    }
}

@media(max-width: 768px) {
    .tabs__nav-list--top .tabs__nav-item {
        width:calc(100%/2)
    }
}

.banner {
    background-color: #eff2f8;
    border-radius: 8px;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 16px;
    margin-bottom: 24px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.banner svg {
    position: absolute;
    top: 17px;
    left: 16px;
    color: #00272a
}

@media(min-width: 650px) {
    .banner svg {
        left:35px
    }
}

.banner .text {
    padding-bottom: 12px;
    font-size: 12px
}

@media(min-width: 650px) {
    .banner .text {
        padding-right:50px;
        font-size: 14px;
        padding-bottom: 0;
        -webkit-box-flex: 11;
        -ms-flex: 11;
        flex: 11
    }
}

.banner__title {
    font-weight: 600;
    padding-bottom: 6px;
    padding-left: 36px;
    font-size: 14px
}

@media(min-width: 650px) {
    .banner__title {
        padding-left:0;
        font-size: 16px
    }
}

.banner__about {
    font-weight: 400;
    font-size: 14px;
    line-height: 1.4
}

.banner__button {
    color: #c25141;
    font-size: 16px;
    font-weight: 700;
    cursor: pointer;
    -webkit-transition: .2s;
    transition: .2s;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.banner__button:hover {
    color: #f22613
}

@media(min-width: 650px) {
    .banner {
        -webkit-box-orient:horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        padding: 16px 48px 16px 68px
    }
}

.about-crediting .available {
    border-radius: 8px;
    background: -webkit-gradient(linear,left bottom,left top,from(#00272A),to(#024247));
    background: linear-gradient(360deg,#00272A,#024247);
    margin-bottom: 20px;
    padding: 16px;
    text-align: center
}

@media(min-width: 769px) {
    .about-crediting .available {
        padding:24px
    }
}

.about-crediting .available__title {
    font-weight: 400;
    font-size: 12px;
    padding-bottom: 16px;
    color: #fff
}

@media(min-width: 769px) {
    .about-crediting .available__title {
        padding-bottom:20px
    }
}

.about-crediting .available__money {
    font-weight: 700;
    font-size: 24px;
    color: #d5ba81;
    padding-bottom: 4px
}

.about-crediting .available__subtitle {
    color: #fff;
    font-size: 12px;
    padding-bottom: 20px
}

.about-crediting .available__subtitle--top {
    padding-bottom: 0
}

.about-crediting .available__subtitle span {
    color: #d5ba81;
    font-weight: 700
}

.about-crediting .available__desc {
    color: #b7b7b7;
    font-size: 12px;
    font-weight: 400
}

.about-crediting .about-block {
    display: none
}

@media(min-width: 769px) {
    .about-crediting .about-block {
        display:block
    }
}

.about-block {
    position: relative;
    padding: 16px;
    background-color: #eff2f8;
    border-radius: 8px;
    overflow: hidden
}

.about-block p {
    font-weight: 400;
    font-size: 12px
}

.about-block p:last-child {
    margin-bottom: 0
}

.about-block::after {
    position: absolute;
    content: '';
    width: 89px;
    height: 82px;
    background-color: #d5ba81;
    opacity: .1;
    top: -28px;
    right: -39px;
    border-radius: 21px 18px 19px 54px
}

.about-block::before {
    position: absolute;
    content: '';
    width: 62px;
    height: 56px;
    background-color: #d5ba81;
    top: -24px;
    right: -31px;
    border-radius: 21px 18px 19px 28px
}

.error-text {
    font-size: 12px;
    color: #ea3d2f;
    padding-left: 2px
}

#crediting-table_length {
    position: absolute;
    top: 0;
    right: 0
}

@media(min-width: 769px) {
    #crediting-table_length {
        top:-75px
    }
}

.main-func-crediting {
    margin-bottom: 62px;
    margin-top: 26px
}

@media(min-width: 769px) {
    .main-func-crediting {
        margin-top:0;
        margin-left: 27px;
        border-left: 1px solid #f0f0f0
    }
}

.main-func-crediting .about-block {
    display: block;
    margin-top: 16px
}

@media(min-width: 769px) {
    .main-func-crediting .about-block {
        display:none
    }
}

.main-func-crediting .inner-wrapper {
    max-width: 380px;
    margin: 0 auto
}

.main-func-crediting .inner-wrapper .disable-step-block {
    position: relative;
    pointer-events: none
}

.main-func-crediting .inner-wrapper .disable-step-block::after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    height: 100%;
    width: 100%;
    z-index: 3;
    background-color: rgba(255,255,255,.45)
}

.main-func-crediting .block__title {
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 24px
}

.main-func-crediting .block__title .block-number {
    font-size: 22px;
    padding-right: 16px
}

.main-func-crediting .block .product-cards-wrapper {
    position: relative;
    list-style: none;
    padding-left: 0;
    margin-bottom: 42px
}

.main-func-crediting .block .product-type-card {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-bottom: 12px;
    border-bottom: 1px solid #f0f0f0;
    margin-bottom: 12px;
    position: relative;
    cursor: pointer;
    width: 100%
}

.main-func-crediting .block .product-type-card__label {
    position: absolute;
    left: 7px;
    top: 7px;
    padding: 1px 4px;
    background-color: #d5ba81;
    color: #fff;
    border-radius: 16px;
    font-size: 12px;
    font-weight: 700
}

.main-func-crediting .block .product-type-card .text {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding-right: 40px;
    font-weight: 600;
    font-size: 12px
}

.main-func-crediting .block .product-type-card.active::before {
    border-color: #d5ba81
}

.main-func-crediting .block .product-type-card.active::after {
    display: block
}

.main-func-crediting .block .product-type-card::before {
    content: '';
    position: absolute;
    top: 50%;
    right: 3px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 16px;
    height: 16px;
    border: 2px solid #e3e3e3;
    border-radius: 50%
}

.main-func-crediting .block .product-type-card::after {
    content: '';
    display: none;
    position: absolute;
    top: 50%;
    right: 7px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 8px;
    height: 8px;
    background-color: #d5ba81;
    border-radius: 50%
}

.main-func-crediting .block .product-type-card:last-child {
    padding-bottom: 0;
    margin-bottom: 0;
    border-bottom: 0
}

.main-func-crediting .block .card-logo {
    max-width: 150px;
    margin-right: 12px;
    position: relative
}

.main-func-crediting .block .code {
    position: relative;
    margin-bottom: 8px
}

.main-func-crediting .block .code input {
    padding: 19px 16px 19px 48px;
    border: 1px solid rgba(0,0,0,.1);
    border-radius: 8px;
    color: inherit;
    font-size: 14px;
    width: 100%;
    max-width: 100%
}

.main-func-crediting .block .code .error-text {
    color: #ea3d2f;
    font-size: 12px
}

.main-func-crediting .block .auth-form-item--email {
    position: relative
}

.main-func-crediting .block .auth-form-item--email svg {
    position: absolute;
    left: 16px;
    top: 19px;
    fill: #252525
}

.main-func-crediting .block .resend-sms p {
    font-size: 12px;
    font-weight: 400
}

.main-func-crediting .block .resend-sms p #resend-sms {
    font-weight: 500;
    text-decoration: underline;
    cursor: pointer;
    color: #d5ba81
}

.main-func-crediting .block .tabs {
    margin-top: -10px
}

.main-func-crediting .block .tabs input.error {
    border-color: #ea3d2f
}

.main-func-crediting .block .tabs .client-data__title {
    margin-top: 20px;
    margin-bottom: 12px;
    font-size: 16px;
    font-weight: 600;
    color: #878787;
    text-transform: uppercase
}

.main-func-crediting .block .tabs .client-data__block {
    position: relative;
    background-color: #dee3ec;
    border-radius: 8px;
    margin-bottom: 8px;
    padding: 16px 16px 16px 48px;
    line-height: 24px;
    font-size: 14px
}

.main-func-crediting .block .tabs .client-data .icon {
    position: absolute;
    left: 16px;
    top: 16px;
    color: #878787
}

.main-func-crediting .block .tabs .client-data .icon svg {
    fill: #878787
}

.main-func-crediting .block .tabs .client-data .text {
    color: #878787
}

.main-func-crediting .block .tabs__nav-list {
    border: 0
}

.main-func-crediting .block .tabs__nav-list.\--type .tabs__link {
    font-size: 14px;
    line-height: 1.2;
    font-weight: 600;
    padding: 5px;
    border-bottom: 1px solid #d5ba81
}

.main-func-crediting .block .tabs__nav-list.\--type .tabs__nav-item:first-child a {
    border-radius: 4px 0 0 4px
}

.main-func-crediting .block .tabs__nav-list.\--type .tabs__nav-item:last-child a {
    border-radius: 0 4px 4px 0
}

.main-func-crediting .block .tabs .email-input {
    padding: 19px 16px 19px 50px;
    border: 1px solid rgba(0,0,0,.1);
    border-radius: 8px;
    color: inherit;
    font-size: 14px;
    max-width: 100%;
    width: 100%
}

.main-func-crediting .block .tabs .buttons-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 42px
}

.main-func-crediting .block .tabs .buttons-wrapper .btn,.main-func-crediting .block .tabs .buttons-wrapper .product-weight-label {
    width: calc(100%/2 - 7px);
    font-size: 16px;
    text-transform: unset;
    padding: 10.5px 4px
}

.main-func-crediting .block .tabs .buttons-wrapper .btn.\--outline,.main-func-crediting .block .tabs .buttons-wrapper .\--outline.product-weight-label {
    color: #d9d9d9;
    border-color: #d9d9d9
}

.main-func-crediting .block .tabs .buttons-wrapper .btn.\--outline.active,.main-func-crediting .block .tabs .buttons-wrapper .\--outline.active.product-weight-label {
    border-color: #d5ba81;
    color: #d5ba81
}

.main-func-crediting .block .tabs .buttons-wrapper #findUserButton {
    background-color: #d5ba81;
    border-color: #d5ba81;
    color: #fff
}

.main-func-crediting .block .tabs .buttons-wrapper #findUserButton.disabled {
    opacity: 1;
    background-color: #d9d9d9;
    border-color: #d9d9d9
}

.main-func-crediting .block .tabs .buttons-wrapper.first-hidden {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.main-func-crediting .block .tabs__nav-item {
    width: calc(100%/2)
}

.main-func-crediting .block .tabs__link:not(.\--type) {
    font-size: 14px;
    font-weight: 700;
    color: #878787;
    background-color: transparent;
    border: 0;
    border-bottom: 1px solid #f3f3f3;
    padding: 10px 0;
    width: 100%
}

.main-func-crediting .block .tabs__link:not(.\--type).active {
    color: #d5ba81;
    position: relative
}

.main-func-crediting .block .tabs__link:not(.\--type).active::after {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    height: 2px;
    bottom: -1px;
    background-color: #d5ba81
}

.main-func-crediting .purchase-wrapper .nominal-text {
    font-size: 12px;
    font-weight: 600
}

.main-func-crediting .purchase-wrapper .step-text {
    font-size: 12px;
    font-weight: 600;
    color: #888
}

.main-func-crediting .purchase-wrapper .input-label {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.main-func-crediting .purchase-wrapper .input-group {
    margin-bottom: 16px
}

.main-func-crediting .purchase-wrapper .input-group input {
    text-align: center;
    font-weight: 700;
    font-size: 24px;
    height: 48px;
    margin: 0 -4px;
    z-index: 1
}

.main-func-crediting .purchase-wrapper .input-group input.error {
    background: rgba(234,61,47,.1);
    border: 1px solid #ea3d2f;
    color: #ea3d2f
}

.main-func-crediting .purchase-wrapper .input-group .btn,.main-func-crediting .purchase-wrapper .input-group .product-weight-label {
    background-color: #d5ba81;
    height: 100%;
    border-color: #d5ba81;
    padding: 6px 22.5px;
    border-radius: 4px;
    position: relative;
    z-index: 3
}

.main-func-crediting .purchase-wrapper .input-group .btn:focus,.main-func-crediting .purchase-wrapper .input-group .product-weight-label:focus {
    -webkit-box-shadow: none;
    box-shadow: none
}

.main-func-crediting .purchase-wrapper .input-group .btn:active:focus,.main-func-crediting .purchase-wrapper .input-group .product-weight-label:active:focus {
    -webkit-box-shadow: 0 0 0 .2rem rgba(108,117,125,.5);
    box-shadow: 0 0 0 .2rem rgba(108,117,125,.5);
    border-color: #6c757d;
    background-color: #6c757d
}

.main-func-crediting .purchase-wrapper .input-group .btn span::before,.main-func-crediting .purchase-wrapper .input-group .product-weight-label span::before {
    color: #fff
}

.main-func-crediting .purchase-wrapper .input-error {
    color: #ea3d2f;
    font-size: 10px;
    line-height: 10px;
    margin-top: -14px;
    margin-bottom: 4px
}

.main-func-crediting .purchase-wrapper .amount-buttons-block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding-bottom: 10px
}

.main-func-crediting .purchase-wrapper .amount-buttons-block>*+* {
    margin-left: 3px
}

.main-func-crediting .purchase-wrapper .amount-buttons-block .amount-button-cred {
    width: calc(100%/5 - 10px);
    background-color: #fbf8f2;
    border: 1px solid #d5ba81;
    border-radius: 4px;
    color: #d5ba81;
    padding: 8px 4px;
    font-weight: 700;
    -webkit-transition: .2s;
    transition: .2s;
    font-size: 16px;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

@media(min-width: 769px) {
    .main-func-crediting .purchase-wrapper .amount-buttons-block .amount-button-cred {
        width:calc(100%/5 - 20px)
    }
}

.main-func-crediting .purchase-wrapper .amount-buttons-block .amount-button-cred:hover {
    background-color: #d5ba81;
    color: #252525
}

.main-func-crediting .purchase-wrapper .available {
    font-weight: 400;
    font-size: 12px;
    color: #878787;
    margin-bottom: 24px
}

.main-func-crediting .purchase-wrapper .available span {
    font-weight: 600;
    color: #252525
}

.main-func-crediting .purchase-wrapper .crediting-btn {
    width: 100%;
    text-transform: uppercase
}

.main-func-crediting .purchase-wrapper .crediting-btn:hover::before,.main-func-crediting .purchase-wrapper .crediting-btn:focus::before,.main-func-crediting .purchase-wrapper .crediting-btn:active::before {
    -webkit-transform: translateX(400px) skewX(-15deg);
    transform: translateX(400px) skewX(-15deg)
}

.main-func-crediting .purchase-wrapper .crediting-btn:hover::after,.main-func-crediting .purchase-wrapper .crediting-btn:focus::after,.main-func-crediting .purchase-wrapper .crediting-btn:active::after {
    -webkit-transform: translateX(400px) skewX(-15deg);
    transform: translateX(400px) skewX(-15deg)
}

.table-wrapper--crediting {
    position: relative
}

.table-wrapper--crediting #crediting-table {
    width: 100%!important;
    padding-top: 45px
}

@media(min-width: 769px) {
    .table-wrapper--crediting #crediting-table {
        padding-top:0
    }
}

.input-wrapper-modal {
    padding-bottom: 24px;
    text-align: left
}

.input-wrapper-modal__title {
    font-size: 12px;
    font-weight: 400;
    line-height: 14px;
    padding-bottom: 8px;
    color: #878787
}

.input-wrapper-modal input {
    max-width: 100%;
    border: 1px solid #e3e3e3;
    width: 100%;
    font-size: 14px;
    padding: 16px;
    color: #252525;
    border-radius: 8px;
    display: block
}

.input-wrapper-modal.error input {
    border-color: #ea3d2f
}

#confirmation-tfa-modal .send-one-more-SMS-tfa .send-button-code {
    cursor: pointer
}

#confirmation-tfa-modal .auth-form-item.error input {
    border-color: #ea3d2f
}

#authentication-modal .modal-title {
    padding: 0 0 16px
}

#authentication-modal .qr-code {
    width: 168px;
    height: 168px;
    margin: 0 auto 16px;
    position: relative
}

#authentication-modal .qr-code img {
    width: 100%;
    height: 100%
}

#authentication-modal .qr-code .preloader__anime {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    margin: 0
}

#authentication-modal .qr-code .preloader__anime .dot {
    width: 10px;
    height: 10px
}

#authentication-modal .qr-code .preloader__anime .dot::before {
    left: 0
}

#authentication-modal .modal-body {
    text-align: center;
    padding: 16px
}

@media(min-width: 769px) {
    #authentication-modal .modal-body {
        padding:32px 89px
    }
}

#authentication-modal .secret-code {
    margin-bottom: 24px;
    position: relative
}

#authentication-modal .secret-code__title {
    color: #878787;
    font-size: 12px;
    padding-bottom: 8px;
    text-align: left
}

#authentication-modal .secret-code .code-wrapper {
    background-color: #eff2f8;
    border-radius: 8px;
    font-size: 14px;
    height: 56px;
    font-weight: 500;
    padding: 16px;
    color: #878787;
    text-align: left;
    line-height: 24px
}

#authentication-modal .secret-code .button-copy {
    position: absolute;
    background-color: transparent;
    border: 0;
    right: 16px;
    bottom: 13px
}

#authentication-modal .desc {
    position: relative;
    background-color: #f9f9f9;
    padding: 24px 15px;
    margin-bottom: 24px
}

#authentication-modal .desc__title {
    font-weight: 400;
    padding-bottom: 20px;
    font-size: 12px
}

#authentication-modal .desc__subtitle {
    font-weight: 400;
    padding-bottom: 12px;
    font-size: 12px
}

#authentication-modal .apps {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 16px
}

#authentication-modal .apps img {
    width: 125px
}

#authentication-modal .button--activate {
    font-size: 14px;
    padding-top: 13px;
    padding-bottom: 13px;
    text-transform: unset;
    min-width: 213px
}

#disable-authentication-modal .modal-title {
    padding: 0 0 32px;
    font-size: 20px
}

#disable-authentication-modal .modal-subtitle {
    text-align: center;
    font-size: 12px;
    font-weight: 400;
    padding-bottom: 32px
}

#disable-authentication-modal .buttons-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 8px
}

#disable-authentication-modal .button {
    width: 50%;
    font-size: 14px;
    padding: 14px
}

#disable-authentication-modal .button.\--outline {
    border-color: #d5ba81;
    color: #d5ba81
}

#disable-authentication-modal .button.\--outline:hover {
    border-color: #fff
}

#disable-authentication-modal .modal-body {
    padding: 16px
}

@media(min-width: 769px) {
    #disable-authentication-modal .modal-body {
        padding:32px 89px
    }
}

.reinvest-page-title .page-title__text {
    display: block;
    width: 100%
}

.reinvest-main-wrapper {
    margin-bottom: 40px;
    display: block
}

@media(min-width: 769px) {
    .reinvest-main-wrapper {
        display:grid;
        grid-template-columns: 1fr 2fr
    }
}

.reinvest-info {
    margin-bottom: 20px;
    position: relative;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

@media(min-width: 1366px) {
    .reinvest-info {
        -webkit-box-orient:horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        gap: 12px
    }
}

.reinvest-info .info-outer-wrapper {
    position: static;
    margin-bottom: 8px;
    width: 100%
}

@media(min-width: 1366px) {
    .reinvest-info .info-outer-wrapper {
        width:calc(100%/3)
    }
}

.reinvest-info .inner-wrapper-info-block .hidden-info-popup {
    display: none
}

@media(max-width: 768px) {
    .reinvest-info .inner-wrapper-info-block .hidden-info-popup {
        max-width:100%!important;
        left: 0!important;
        right: 0!important;
        -webkit-transform: none!important;
        transform: none!important;
        margin-top: 7px;
        z-index: 9
    }

    .reinvest-info .inner-wrapper-info-block .hidden-info-popup .inner-info-popup-block {
        padding: 17px 8px 8px
    }

    .reinvest-info .inner-wrapper-info-block .hidden-info-popup .modal-close {
        display: none
    }

    .reinvest-info .inner-wrapper-info-block .hidden-info-popup .button {
        display: block
    }
}

.reinvest-info .inner-wrapper-info-block.active .reinvest-info__block {
    position: relative;
    z-index: 1000
}

.reinvest-info .inner-wrapper-info-block.active .reinvest-info__block::after {
    position: absolute;
    content: "";
    width: 30px;
    height: 30px;
    background-color: #fff;
    left: 50%;
    bottom: -49px;
    -webkit-transform: translateX(-50%) rotate(56deg) skew(25deg);
    transform: translateX(-50%) rotate(56deg) skew(25deg)
}

@media(max-width: 1199px) {
    .reinvest-info .inner-wrapper-info-block.active .reinvest-info__block {
        z-index:9
    }

    .reinvest-info .inner-wrapper-info-block.active .reinvest-info__block::after {
        left: 50px
    }
}

.reinvest-info .inner-wrapper-info-block.active .hidden-info-popup {
    display: block;
    right: 7px;
    z-index: 9
}

@media(min-width: 1199px) {
    .reinvest-info .inner-wrapper-info-block.active .hidden-info-popup {
        z-index:1000
    }
}

@media(min-width: 769px) {
    .reinvest-info {
        display:-webkit-box;
        display: -ms-flexbox;
        display: flex
    }
}

.reinvest-info .inner-wrapper-info-block {
    height: 100%
}

.reinvest-info__block {
    background: -webkit-gradient(linear,left bottom,left top,from(#00272A),to(#024247));
    background: linear-gradient(360deg,#00272A,#024247);
    padding: 16px 24px 24px;
    border-radius: 8px;
    margin-bottom: 8px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100%
}

.reinvest-info #info-reinvest {
    cursor: pointer
}

.reinvest-info__block-title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 12px;
    line-height: 20px;
    color: #fff;
    margin-bottom: 5px
}

.reinvest-info__info-btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 0;
    border-radius: 4px;
    margin-left: 10px
}

.reinvest-info__block-value {
    font-weight: 700;
    font-size: 26px;
    line-height: 31px;
    color: #d5ba81;
    margin-bottom: 0
}

.reinvest-purchase {
    background: #f6f6f6;
    border-radius: 8px;
    padding: 24px 8px;
    grid-row: 3 gridArea/1
}

@media(min-width: 769px) {
    .reinvest-purchase {
        margin-right:24px
    }
}

@media(min-width: 1024px) {
    .reinvest-purchase {
        padding:16px 29px 28px
    }
}

.reinvest-purchase__container {
    margin: auto
}

.reinvest-purchase .graph-wrapper {
    margin-top: 40px
}

.reinvest-purchase .graph-wrapper__title {
    font-weight: 700;
    font-size: 14px
}

.reinvest-purchase .graph-wrapper .inner-wrapper {
    width: 310px;
    height: 245px;
    position: relative;
    padding-left: 40px;
    margin: 16px auto
}

@media(min-width: 769px) {
    .reinvest-purchase .graph-wrapper .inner-wrapper {
        margin:16px 0
    }
}

@media(max-width: 342px) {
    .reinvest-purchase .graph-wrapper .inner-wrapper {
        width:100%
    }

    .reinvest-purchase .graph-wrapper .inner-wrapper .line-trend {
        top: 22px;
        left: 44px
    }
}

.reinvest-purchase .graph-wrapper .example {
    margin: 24px auto 0;
    max-width: 300px
}

@media(min-width: 769px) {
    .reinvest-purchase .graph-wrapper .example {
        margin:24px 0 0;
        max-width: 310px
    }
}

.reinvest-purchase .graph-wrapper .example p {
    margin-bottom: 0
}

.reinvest-purchase .graph-wrapper .month-row {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    margin-left: 40px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    border-top: 2px solid #f0f0f0
}

.reinvest-purchase .graph-wrapper .month-row span {
    color: #c2c2c2;
    font-size: 8px;
    width: 14px;
    text-align: center;
    display: block
}

.reinvest-purchase .graph-wrapper .line-trend {
    position: absolute;
    top: 29px;
    left: 47px;
    z-index: 1
}

@media(max-width: 342px) {
    .reinvest-purchase .graph-wrapper .line-trend svg {
        width:243px;
        height: 197px;
        -webkit-transform: rotate(-2.4deg);
        transform: rotate(-2.4deg)
    }
}

.reinvest-purchase .graph-wrapper .moneys-wrapper {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    padding-bottom: 8px
}

.reinvest-purchase .graph-wrapper .moneys-wrapper .money-row {
    color: #c2c2c2;
    font-size: 8px
}

.reinvest-purchase .graph-wrapper .moneys-wrapper .money-row:last-child::after {
    content: none
}

.reinvest-purchase .graph-wrapper .moneys-wrapper .money-row::after {
    content: '';
    position: absolute;
    width: 270px;
    height: 1px;
    background-color: #e8e8e8;
    -webkit-transform: translate(5px,6px);
    transform: translate(5px,6px)
}

@media(max-width: 342px) {
    .reinvest-purchase .graph-wrapper .moneys-wrapper .money-row::after {
        width:245px
    }
}

.reinvest-purchase .graph-wrapper .col-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    height: 100%;
    padding-bottom: 14px
}

.reinvest-purchase .graph-wrapper .col-bonus-wrapper {
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    position: relative;
    z-index: 2
}

.reinvest-purchase .graph-wrapper .col-bonus-wrapper:hover .col-bonus span {
    -webkit-transition: .2s;
    transition: .2s;
    top: -50px;
    visibility: visible;
    opacity: 1
}

.reinvest-purchase .graph-wrapper .col-bonus-wrapper:hover .col-bonus::after {
    -webkit-transition: .2s;
    transition: .2s;
    visibility: visible;
    top: -35px;
    opacity: 1
}

.reinvest-purchase .graph-wrapper .col-bonus-wrapper:hover .col-bonus--1 span {
    left: 0;
    right: -30px
}

.reinvest-purchase .graph-wrapper .col-bonus {
    background: -webkit-gradient(linear,left top,left bottom,from(rgba(213,186,129,0)),to(#D5BA81));
    background: linear-gradient(180deg,rgba(213,186,129,0) 0%,#D5BA81 100%);
    width: 14px;
    position: relative
}

.reinvest-purchase .graph-wrapper .col-bonus::after {
    content: url(/img/diamond-bonus-plus.svg);
    position: absolute;
    left: -1px;
    top: -25px;
    visibility: hidden;
    opacity: 0
}

.reinvest-purchase .graph-wrapper .col-bonus::before {
    content: '';
    position: absolute;
    left: 50%;
    top: -13px;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 6px;
    height: 6px;
    background-color: #d5ba81;
    border-radius: 50%
}

.reinvest-purchase .graph-wrapper .col-bonus span {
    visibility: hidden;
    opacity: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    position: absolute;
    top: -40px;
    font-size: 10px;
    left: -20px;
    right: -20px;
    text-align: center;
    font-weight: 600
}

.reinvest-purchase .graph-wrapper .col-bonus--1 {
    height: 9px
}

.reinvest-purchase .graph-wrapper .col-bonus--2 {
    height: 16px
}

.reinvest-purchase .graph-wrapper .col-bonus--3 {
    height: 26px
}

.reinvest-purchase .graph-wrapper .col-bonus--4 {
    height: 37px
}

.reinvest-purchase .graph-wrapper .col-bonus--5 {
    height: 50px
}

.reinvest-purchase .graph-wrapper .col-bonus--6 {
    height: 64px
}

.reinvest-purchase .graph-wrapper .col-bonus--7 {
    height: 81px
}

.reinvest-purchase .graph-wrapper .col-bonus--8 {
    height: 98px
}

.reinvest-purchase .graph-wrapper .col-bonus--9 {
    height: 117px
}

.reinvest-purchase .graph-wrapper .col-bonus--10 {
    height: 137px
}

.reinvest-purchase .graph-wrapper .col-bonus--11 {
    height: 162px
}

.reinvest-purchase .graph-wrapper .col-bonus--12 {
    height: 188px
}

.reinvest-purchase__current-balance {
    font-size: 14px;
    line-height: 16px;
    color: #878787;
    text-align: center;
    margin-bottom: 2px
}

.reinvest-purchase__balance-value {
    font-size: 36px;
    line-height: 42px;
    font-weight: 700;
    color: #252525;
    text-align: center;
    margin-bottom: 8px
}

.reinvest-purchase__inputs-wrapper {
    border-radius: 8px;
    margin: 0 -8px;
    padding: 16px 8px
}

@media(min-width: 1024px) {
    .reinvest-purchase__inputs-wrapper {
        margin:0 -13px;
        padding: 16px
    }
}

.reinvest-purchase__reinvest-available {
    text-align: center;
    font-size: 12px;
    line-height: 14px;
    color: #878787;
    margin-bottom: 26px
}

.reinvest-purchase__reinvest-available strong {
    color: #252525
}

.reinvest-purchase .input-group .count_choice {
    border-top: 1px solid #dee3e1;
    border-bottom: 1px solid #dee3e1;
    color: #252525;
    border-left-color: #d5ba81;
    border-right-color: #d5ba81;
    margin: 0 -4px;
    font-weight: 700;
    font-size: 24px;
    line-height: 28px;
    text-align: center
}

.reinvest-purchase .input-group .count_choice.wrong-price {
    background: rgba(234,61,47,.1);
    border: 1px solid #ea3d2f;
    color: #ea3d2f
}

.reinvest-purchase .input-group-prepend,.reinvest-purchase .input-group-append {
    z-index: 4;
    -ms-touch-action: manipulation;
    touch-action: manipulation
}

.reinvest-purchase .input-group-prepend button,.reinvest-purchase .input-group-append button {
    font-size: 20px;
    border-color: #d5ba81!important;
    width: 48px;
    height: 100%!important;
    background-color: #d5ba81;
    border-radius: 4px;
    color: #fff
}

.reinvest-purchase .input-group-prepend button:focus,.reinvest-purchase .input-group-append button:focus {
    -webkit-box-shadow: none;
    box-shadow: none
}

.reinvest-purchase .input-group-prepend button:active,.reinvest-purchase .input-group-append button:active {
    border-color: #6c757d!important
}

.reinvest-purchase .input-label {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.reinvest-purchase .input-label .nominal-text {
    font-weight: 600;
    font-size: 12px;
    line-height: 18px;
    color: #878787
}

.reinvest-purchase .input-label .step-text {
    font-weight: 600;
    font-size: 12px;
    line-height: 14px;
    color: #888
}

.reinvest-purchase .input-error {
    margin: 2px 0 10px;
    font-size: 10px;
    line-height: 10px;
    color: red;
    height: 10px
}

.reinvest-purchase .amount-buttons-block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-top: 4px
}

.reinvest-purchase .amount-buttons-block .amount-button {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    border-radius: 4px;
    border: none;
    color: #252525;
    background: #f0f0f0;
    padding: 9px;
    font-weight: 600;
    font-size: 16px;
    line-height: 19px;
    white-space: nowrap
}

.reinvest-purchase .amount-buttons-block .amount-button:not(:last-child) {
    margin-right: 4px
}

.reinvest-purchase .amount-buttons-block .amount-button:hover,.reinvest-purchase .amount-buttons-block .amount-button.active {
    background-color: #d5ba81;
    color: #fff
}

.reinvest-purchase__profit {
    margin-top: 30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 12px
}

.reinvest-purchase__profit-text {
    font-size: 14px;
    line-height: 16px;
    color: #878787;
    margin: 0
}

.reinvest-purchase__profit-value {
    font-size: 14px;
    line-height: 16px;
    color: #252525;
    margin: 0
}

.reinvest-purchase .reinvest-btn {
    background: #c25141;
    border-radius: 8px;
    text-transform: uppercase;
    color: #fff;
    padding: 12px 0;
    width: 100%;
    border: none;
    font-weight: 700;
    font-size: 16px;
    line-height: 19px
}

@media(max-width: 425px) {
    .reinvest-purchase .reinvest-btn {
        padding:19px 0
    }
}

.reinvest-purchase .reinvest-btn.disabled {
    pointer-events: none;
    opacity: .4
}

.tabs-wrapper__title {
    font-weight: 700;
    font-size: 20px;
    padding-bottom: 14px;
    padding-top: 12px
}

#bonus-plus-tabs {
    min-height: unset
}

@media(min-width: 769px) {
    #bonus-plus-tabs {
        min-height:298px
    }
}

.auto-reinvest {
    padding: 0 40px 40px
}

@media(max-width: 1199px) {
    .auto-reinvest {
        padding:0 8px 40px
    }
}

.auto-reinvest .text-wrapper__title {
    font-size: 14px;
    color: #252525;
    line-height: 21px;
    margin-bottom: 4px
}

.auto-reinvest .text-wrapper .text-and-switcher {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.auto-reinvest .text-wrapper .text-and-switcher__text {
    font-size: 12px;
    color: #878787;
    line-height: 18px
}

.auto-reinvest .text-wrapper .text-and-switcher .switcher-wrapper {
    margin-left: 20px
}

.auto-reinvest .text-wrapper .text-and-switcher .switcher-wrapper input {
    cursor: pointer
}

.auto-reinvest .bottom-wrapper {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-top: 16px;
    padding-bottom: 9px;
    border-bottom: 1px solid #f0f0f0;
    display: none
}

.auto-reinvest .bottom-wrapper.show {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.auto-reinvest .bottom-wrapper__selected-method {
    font-size: 24px;
    font-weight: 700
}

.auto-reinvest .bottom-wrapper__selected-method span {
    font-size: 16px
}

.auto-reinvest .bottom-wrapper__change {
    font-weight: 700;
    font-size: 16px;
    color: #d5ba81;
    cursor: pointer
}

.reinvest-history {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    border-radius: 8px;
    position: relative
}

.reinvest-history .more-show {
    position: absolute;
    left: 0;
    right: 0;
    bottom: -36px;
    z-index: 2
}

.reinvest-history .more-show .btn.btn-loading i::before,.reinvest-history .more-show .btn-loading.product-weight-label i::before {
    content: none
}

.reinvest-history .more-show .btn.btn-loading::after,.reinvest-history .more-show .btn-loading.product-weight-label::after {
    color: #d5ba81
}

.reinvest-history .more-show .btn:focus,.reinvest-history .more-show .product-weight-label:focus,.reinvest-history .more-show .btn:active,.reinvest-history .more-show .product-weight-label:active {
    -webkit-box-shadow: none;
    box-shadow: none
}

.reinvest-history .preloader__anime {
    max-width: 200px;
    margin: 131px auto
}

@media(min-width: 769px) {
    .reinvest-history__items-container {
        overflow:auto;
        max-height: 588px
    }
}

.reinvest-history__items-container::-webkit-scrollbar {
    width: 6px;
    background-color: transparent;
    display: block;
    height: 5px;
    opacity: 0
}

.reinvest-history__items-container::-webkit-scrollbar-thumb {
    border-radius: 4px;
    cursor: pointer;
    height: 30px;
    background: #d1dbed
}

@media(max-width: 1023px) {
    .reinvest-history__items-container::-webkit-scrollbar {
        width:4px
    }
}

.reinvest-history .reinvest-item {
    background: #fff;
    border: 1px solid #ebebeb;
    border-radius: 8px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 12px 8px;
    margin-bottom: 8px
}

@media(min-width: 1280px) {
    .reinvest-history .reinvest-item {
        padding:12px 16px 14px
    }
}

.reinvest-history .reinvest-item.\--empty {
    border: 0;
    padding: 0;
    margin-bottom: 0;
    text-align: center;
    font-size: 14px
}

@media(min-width: 769px) {
    .reinvest-history .reinvest-item.\--empty {
        font-size:16px
    }
}

.reinvest-history .reinvest-item--active {
    position: relative
}

.reinvest-history .reinvest-item--active .button-show-more {
    width: 24px;
    height: 24px;
    position: absolute;
    right: 14px;
    top: 24px;
    cursor: pointer
}

.reinvest-history .reinvest-item--active .button-show-more::after {
    content: '';
    position: absolute;
    right: 5px;
    top: 9px;
    border: 7px solid transparent;
    border-top: 7px solid #878787;
    -webkit-transition: .2s;
    transition: .2s
}

.reinvest-history .reinvest-item--active .bottom {
    display: none
}

.reinvest-history .reinvest-item--active .bottom .row-item-reinvest {
    grid-template-columns: 1fr 1fr 1fr 1fr
}

.reinvest-history .reinvest-item--active .bottom .row-item-reinvest .button-cancel-wrapper {
    padding-top: 14px;
    grid-column: 6/1
}

@media(min-width: 1366px) {
    .reinvest-history .reinvest-item--active .bottom .row-item-reinvest {
        grid-template-columns:1fr 1fr 1fr 1fr 3fr
    }

    .reinvest-history .reinvest-item--active .bottom .row-item-reinvest .button-cancel-wrapper {
        padding-top: 0;
        grid-column: unset
    }
}

.reinvest-history .reinvest-item--active .cancel-purchase-button {
    max-width: -webkit-fit-content;
    max-width: -moz-fit-content;
    max-width: fit-content;
    border: none;
    background-color: transparent;
    color: #878787;
    text-decoration: underline;
    font-size: 12px
}

.reinvest-history .reinvest-item.open .button-show-more::after {
    -webkit-transform: scale(1,-1) translateY(8px);
    transform: scale(1,-1) translateY(8px)
}

.reinvest-history .reinvest-item.open .bottom {
    display: block
}

.reinvest-history .reinvest-item--history .row-item-reinvest {
    grid-template-columns: 1fr 1fr 1fr
}

.reinvest-history .reinvest-item--history .row-item-reinvest .block--status-history {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    padding-top: 10px
}

@media(min-width: 400px) {
    .reinvest-history .reinvest-item--history .row-item-reinvest {
        grid-template-columns:1fr 1fr 1fr 1fr
    }

    .reinvest-history .reinvest-item--history .row-item-reinvest .block--status-history {
        -webkit-box-align: end;
        -ms-flex-align: end;
        align-items: flex-end
    }
}

@media(min-width: 769px) {
    .reinvest-history .reinvest-item--history .row-item-reinvest {
        grid-template-columns:1fr 1fr 1fr 1fr
    }
}

@media(min-width: 1024px) {
    .reinvest-history .reinvest-item--history .row-item-reinvest {
        grid-template-columns:1fr 1fr 1fr
    }

    .reinvest-history .reinvest-item--history .row-item-reinvest .block--status-history {
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        padding-top: 10px
    }
}

@media(min-width: 1280px) {
    .reinvest-history .reinvest-item--history .row-item-reinvest {
        grid-template-columns:1fr 1fr 1fr 1fr
    }

    .reinvest-history .reinvest-item--history .row-item-reinvest .block--status-history {
        -webkit-box-align: end;
        -ms-flex-align: end;
        align-items: flex-end
    }
}

.reinvest-history .row-item-reinvest {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr .4fr
}

@media(min-width: 375px) {
    .reinvest-history .row-item-reinvest {
        grid-template-columns:1fr 1fr 1fr 1fr
    }
}

@media(min-width: 1366px) {
    .reinvest-history .row-item-reinvest {
        grid-template-columns:1fr 1fr 1fr 2fr
    }
}

.reinvest-history .top .wrapper {
    display: grid;
    grid-template-columns: 5fr 1fr;
    position: relative;
    grid-column: 1/5;
    padding-top: 14px;
    margin-top: 8px
}

.reinvest-history .top .wrapper::after {
    display: block;
    width: calc(100% + 16px);
    left: -8px
}

@media(min-width: 1280px) {
    .reinvest-history .top .wrapper::after {
        width:calc(100% + 32px);
        left: -16px
    }
}

@media(min-width: 1366px) {
    .reinvest-history .top .wrapper {
        grid-column:unset;
        padding-top: 0;
        margin-top: 0;
        width: unset
    }

    .reinvest-history .top .wrapper::after {
        display: none;
        left: unset
    }
}

.reinvest-history .top .wrapper::after {
    content: '';
    position: absolute;
    height: 1px;
    background-color: #f0f0f0;
    top: 0
}

.reinvest-history .bottom__title {
    padding-top: 29px;
    font-size: 12px;
    font-weight: 700;
    padding-bottom: 12px
}

.reinvest-history .bottom .block__title {
    font-weight: 700;
    color: #252525
}

.reinvest-history .bottom .block__text {
    font-weight: 400;
    color: #878787
}

.reinvest-history .block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.reinvest-history .block__title {
    font-size: 10px;
    line-height: 14px;
    color: #878787;
    margin-bottom: 8px
}

@media(min-width: 1366px) {
    .reinvest-history .block__title {
        font-size:15px;
        line-height: 14px
    }
}

.reinvest-history .block__text {
    font-weight: 700;
    font-size: 12px;
    line-height: 14px;
    color: #252525;
    margin: 0
}

@media(min-width: 1366px) {
    .reinvest-history .block__text {
        font-size:14px;
        line-height: 14px
    }
}

.reinvest-history .block.button-cancel-wrapper {
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end
}

.reinvest-history .block--status-history {
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end
}

.reinvest-history .block--status-history p {
    margin-bottom: 0
}

.reinvest-history .block--done {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.reinvest-history .block--done span {
    font-size: 12px;
    color: #2fa84f;
    font-weight: 600;
    letter-spacing: .15px
}

.reinvest-history .block--done span.done::before {
    content: url(/img/done.svg);
    vertical-align: middle;
    margin-right: 8px
}

.reinvest-history .block--canceled {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.reinvest-history .block--canceled p {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.reinvest-history .block--canceled p span {
    font-size: 12px;
    color: #c25141;
    font-weight: 600;
    letter-spacing: .15px
}

.reinvest-history .block--canceled p span.canceled {
    position: relative;
    margin-right: 8px;
    height: 14px;
    width: 14px
}

.reinvest-history .block--canceled p span.canceled::before,.reinvest-history .block--canceled p span.canceled::after {
    content: '';
    position: absolute;
    height: 1px;
    width: 16px;
    background-color: #c25141;
    left: 0;
    top: 5px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

.reinvest-history .block--canceled p span.canceled::after {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.reinvest-history .block:nth-child(1) p,.reinvest-history .block:nth-child(2) p {
    text-align: left
}

#profitValue {
    display: inline-block;
    max-width: 165px;
    text-overflow: ellipsis;
    overflow: hidden;
    vertical-align: bottom
}

.reinvest-help-block {
    margin-top: 48px;
    color: #252525;
    border-radius: 8px;
    grid-column: 3/1
}

@media(min-width: 1366px) {
    .reinvest-help-block {
        grid-column:unset
    }
}

.reinvest-help-block__title {
    font-weight: 700;
    font-size: 20px;
    line-height: 23px;
    margin-bottom: 16px
}

.reinvest-help-block__text {
    font-size: 14px;
    line-height: 150%;
    margin: 0
}

.reinvest-help-block__text p:last-child {
    margin-bottom: 0
}

.auto-reinvest-modal .modal-title {
    font-size: 28px;
    padding-bottom: 24px
}

.auto-reinvest-modal .reinvest-wrapper {
    text-align: center;
    max-width: 305px;
    width: 100%;
    margin: 0 auto
}

.auto-reinvest-modal .reinvest-wrapper__subtitle {
    font-size: 14px;
    color: #878787
}

.auto-reinvest-modal .reinvest-wrapper__sum {
    font-size: 52px;
    line-height: 75px;
    padding-bottom: 24px;
    font-weight: 700
}

.auto-reinvest-modal .reinvest-wrapper .selects-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    margin-bottom: 24px
}

.auto-reinvest-modal .reinvest-wrapper .selects-wrapper label {
    max-width: 190px;
    margin-bottom: 0
}

.auto-reinvest-modal .reinvest-wrapper .selects-wrapper input,.auto-reinvest-modal .reinvest-wrapper .selects-wrapper select {
    border: 0;
    border-bottom: 1px solid #f0f0f0
}

.auto-reinvest-modal .reinvest-wrapper .selects-wrapper input {
    font-size: 24px;
    font-weight: 700;
    line-height: 28px;
    padding-bottom: 9px;
    max-width: 100%
}

.auto-reinvest-modal .reinvest-wrapper .selects-wrapper select {
    margin-left: 16px;
    font-weight: 400;
    font-size: 16px;
    line-height: 18px;
    padding-top: 5px;
    letter-spacing: .5px;
    padding-bottom: 12px;
    width: 100%
}

.auto-reinvest-modal .reinvest-wrapper .modals-reinvest-buttons {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 36px
}

.auto-reinvest-modal .reinvest-wrapper .modals-reinvest-buttons .button {
    width: calc(100%/4 - 4px);
    font-size: 14px;
    padding: 7px 10px;
    font-weight: 600;
    border: 0;
    background-color: #f0f0f0;
    color: #252525
}

.auto-reinvest-modal .reinvest-wrapper .modals-reinvest-buttons .button.active {
    background-color: #d5ba81;
    color: #fff
}

.auto-reinvest-modal .reinvest-wrapper .modals-reinvest-buttons .button:hover {
    background-color: #d5ba81;
    color: #fff
}

.auto-reinvest-modal .reinvest-wrapper .save-button {
    display: block;
    width: 100%;
    padding: 14px 26px;
    margin-bottom: 16px
}

.cancel-purchase-bonus-modal .modal-title {
    max-width: 300px;
    margin: 0 auto;
    padding: 20px 0 32px
}

.cancel-purchase-bonus-modal p {
    max-width: 400px;
    text-align: left;
    margin-bottom: 32px
}

.cancel-purchase-bonus-modal .buttons {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 14px
}

.cancel-purchase-bonus-modal .buttons button {
    text-align: center;
    width: calc(100%/2 - 10px);
    font-size: 14px;
    padding: 11px 10px;
    text-transform: unset
}

.cancel-purchase-bonus-modal .buttons button.\--outline {
    color: #d5ba81;
    border-color: #d5ba81;
    -webkit-transition: border-color .2s;
    transition: border-color .2s
}

@media(min-width: 1024px) {
    .cancel-purchase-bonus-modal .buttons button.\--outline {
        border-color:#fff
    }

    .cancel-purchase-bonus-modal .buttons button.\--outline:hover {
        border-color: #d5ba81;
        -webkit-transition: border-color .2s;
        transition: border-color .2s
    }
}

.page-title--dashboard {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.page-title--dashboard .partner-wrapper {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.page-title--dashboard .partner-wrapper .hidden-info-popup {
    top: 10px;
    left: 0;
    width: 100%
}

@media(max-width: 619px) {
    .page-title--dashboard .partner-wrapper .hidden-info-popup {
        left:0;
        right: 0;
        max-width: 100%
    }
}

@media(min-width: 1024px) {
    .page-title--dashboard .partner-wrapper .hidden-info-popup {
        top:30px;
        left: auto
    }
}

.page-title--dashboard .partner-wrapper .hidden-info-popup::after {
    position: absolute;
    z-index: -1;
    content: "";
    width: 30px;
    height: 30px;
    background-color: #fff;
    right: auto;
    left: 50%;
    top: 0;
    -webkit-transform: rotate(56deg) skew(25deg);
    transform: rotate(56deg) skew(25deg)
}

@media(max-width: 619px) {
    .page-title--dashboard .partner-wrapper .hidden-info-popup::after {
        left:auto;
        right: 50px
    }
}

@media(min-width: 1024px) {
    .page-title--dashboard .partner-wrapper .hidden-info-popup::after {
        right:50px;
        left: auto
    }
}

.page-title--dashboard .partners-block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: absolute;
    top: 50%;
    left: 0;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.page-title--dashboard .partners-block .icon {
    margin-right: 16px;
    width: 32px
}

.page-title--dashboard .partners-block .progress {
    min-width: 300px;
    height: 2px;
    border-radius: 1px;
    background-color: #e7e7e7;
    overflow: unset
}

.page-title--dashboard .partners-block .progress .progress-bar {
    margin: -2px 0;
    border-radius: 3px;
    background-color: #d5ba81
}

.page-title--dashboard .partners-block .partner-btn {
    color: #d5ba81;
    font-weight: 600;
    font-size: 14px;
    position: absolute;
    right: 0;
    top: 2px;
    padding: 5px
}

.page-title--dashboard .partners-block .more {
    background-color: transparent;
    border: 0
}

.page-title--dashboard .partners-block .more:after {
    content: '...'
}

@media(max-width: 619px) {
    .page-title--dashboard .partners-block {
        right:0
    }

    .page-title--dashboard .partners-block .progress {
        min-width: 100%
    }
}

@media(min-width: 1024px) {
    .page-title--dashboard .partners-block {
        position:relative;
        -webkit-transform: none;
        transform: none
    }
}

.page-title--dashboard .partners-block--partner .link {
    min-width: 242px;
    padding: 12px 40px 12px 50px;
    background-color: #252525;
    color: #d5ba81;
    position: relative;
    top: unset;
    left: unset;
    right: unset;
    border-radius: 18px;
    line-height: 16px;
    -webkit-transition: .2s;
    transition: .2s
}

.page-title--dashboard .partners-block--partner .link svg {
    width: 24px;
    height: 24px;
    position: absolute;
    left: 16px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

@media(max-width: 500px) {
    .page-title--dashboard .partners-block--partner .link {
        min-width:100%
    }
}

.page-title--dashboard .partners-block--partner .link:hover {
    background-color: #cba451;
    color: #252525
}

.page-title--dashboard .partners-block--partner .link:hover::after {
    border-color: #252525
}

.page-title--dashboard .partners-block a.link::after {
    content: '';
    width: 10px;
    height: 10px;
    border-top: 2px solid #d5ba81;
    border-right: 2px solid #d5ba81;
    position: absolute;
    right: 16px;
    top: 50%;
    -webkit-transform: translateY(-40%) rotate(45deg);
    transform: translateY(-40%) rotate(45deg)
}

.partners-invite .modal-dialog {
    max-width: 465px
}

.partners-invite .modal-body {
    padding: 20px
}

@media(min-width: 769px) {
    .partners-invite .modal-body {
        padding:44px 40px 32px
    }
}

.partners-invite .title {
    font-size: 16px;
    padding-top: 42px;
    font-weight: 700;
    padding-bottom: 40px;
    text-align: center
}

@media(min-width: 769px) {
    .partners-invite .title {
        text-align:left;
        font-size: 20px
    }
}

.partners-invite .image {
    max-width: 82px;
    height: 63px;
    color: #d5ba81;
    display: block;
    margin: 0 auto
}

.partners-invite .data {
    display: grid
}

@media(min-width: 769px) {
    .partners-invite .data {
        grid-template-columns:1fr 1fr 1fr;
        margin-bottom: 40px
    }
}

.partners-invite .data .block {
    margin-bottom: 30px
}

@media(min-width: 769px) {
    .partners-invite .data .block {
        margin-bottom:0
    }
}

.partners-invite .data .block__top {
    font-size: 12px;
    font-weight: 400;
    color: #878787
}

.partners-invite .data .block__bottom {
    font-weight: 600;
    font-size: 14px
}

.partners-invite .accept {
    text-align: center;
    color: #878787;
    font-size: 12px;
    padding-bottom: 16px
}

.partners-invite .buttons-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.partners-invite .buttons-wrapper .btn,.partners-invite .buttons-wrapper .product-weight-label {
    text-transform: capitalize;
    font-size: 14px;
    padding: 11px;
    width: calc(100%/2 - 5px)
}

.partners-invite .buttons-wrapper .btn.\--outline,.partners-invite .buttons-wrapper .\--outline.product-weight-label {
    border-color: #d5ba81;
    color: #d5ba81
}

.success-invite-partners {
    text-align: center
}

.success-invite-partners .modal-body {
    padding: 20px
}

@media(min-width: 769px) {
    .success-invite-partners .modal-body {
        padding:44px 40px 32px
    }
}

.success-invite-partners .image {
    display: block;
    width: 77px;
    height: 77px;
    margin: 0 auto;
    color: #d5ba81;
    margin-bottom: 40px
}

.success-invite-partners .title {
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 16px
}

.success-invite-partners .text {
    font-size: 16px;
    font-weight: 400;
    margin-bottom: 32px
}

.success-invite-partners .button {
    text-transform: unset;
    padding: 13px
}

#preloader-invite-modal .preloader__anime {
    max-width: 250px;
    margin: 50px auto
}

.account-e5-transfer .modal-dialog .transfer-block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 40px 0 32px
}

.account-e5-transfer .modal-dialog .element5-block {
    background-color: #fff;
    border-radius: 16px;
    padding: 20px;
    -ms-flex-item-align: stretch;
    align-self: stretch;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-shadow: 0 2px 20px rgba(16,30,115,.1);
    box-shadow: 0 2px 20px rgba(16,30,115,.1)
}

.account-e5-transfer .modal-dialog .element5-block .element5-block__logo {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.account-e5-transfer .modal-dialog .concri-block {
    background: rgba(255,213,79,.1);
    border: 1px solid #ffd54f;
    border-radius: 16px;
    padding: 20px;
    -ms-flex-item-align: stretch;
    align-self: stretch;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.account-e5-transfer .modal-dialog .concri-block .concri-block__logo {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.account-e5-transfer .modal-dialog .modal-warning {
    font-family: raleway;
    font-style: normal;
    font-weight: 600;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: #c25141
}

.account-e5-transfer .modal-dialog .buttons-wrapper {
    margin-top: 12px;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 12px
}

.account-e5-transfer .modal-dialog .buttons-wrapper button {
    width: 100%
}

.account-e5-transfer-success .modal-dialog .transfer-block,.account-e5-transfer-error .modal-dialog .transfer-block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-top: 16px;
    margin-bottom: 32px
}

.account-e5-transfer-success .modal-dialog .transfer-block .transfer-block__icon,.account-e5-transfer-error .modal-dialog .transfer-block .transfer-block__icon {
    margin-bottom: 40px
}

.account-e5-transfer-success .modal-dialog .transfer-block .transfer-block_info,.account-e5-transfer-error .modal-dialog .transfer-block .transfer-block_info {
    text-align: center;
    font-weight: 700
}

.account-e5-transfer-success .modal-dialog .buttons-wrapper button,.account-e5-transfer-error .modal-dialog .buttons-wrapper button {
    width: 100%
}

.account-treasure-transfer .modal-dialog .transfer-block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 40px 0 32px
}

.account-treasure-transfer .modal-dialog .treasure-block {
    width: 158px;
    background-color: #fff;
    border-radius: 16px;
    padding: 20px;
    -ms-flex-item-align: stretch;
    align-self: stretch;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-shadow: 0 2px 20px rgba(16,30,115,.1);
    box-shadow: 0 2px 20px rgba(16,30,115,.1)
}

.account-treasure-transfer .modal-dialog .treasure-block .treasure-block__logo {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-family: raleway;
    font-style: normal;
    font-weight: 600;
    font-size: 42px;
    line-height: 1.2;
    color: #d04c4c
}

.account-treasure-transfer .modal-dialog .concri-block {
    width: 158px;
    background: rgba(255,213,79,.1);
    border: 1px solid #ffd54f;
    border-radius: 16px;
    padding: 20px;
    -ms-flex-item-align: stretch;
    align-self: stretch;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.account-treasure-transfer .modal-dialog .concri-block .concri-block__logo {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.account-treasure-transfer .modal-dialog .modal-warning {
    font-family: raleway;
    font-style: normal;
    font-weight: 600;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: #c25141
}

.account-treasure-transfer .modal-dialog .buttons-wrapper {
    margin-top: 12px;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 12px
}

.account-treasure-transfer .modal-dialog .buttons-wrapper button {
    width: 100%
}

.account-treasure-transfer-success .modal-dialog .transfer-block,.account-treasure-transfer-error .modal-dialog .transfer-block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-top: 16px;
    margin-bottom: 32px
}

.account-treasure-transfer-success .modal-dialog .transfer-block .transfer-block__icon,.account-treasure-transfer-error .modal-dialog .transfer-block .transfer-block__icon {
    margin-bottom: 40px
}

.account-treasure-transfer-success .modal-dialog .transfer-block .transfer-block_info,.account-treasure-transfer-error .modal-dialog .transfer-block .transfer-block_info {
    text-align: center;
    font-weight: 700
}

.account-treasure-transfer-success .modal-dialog .buttons-wrapper button,.account-treasure-transfer-error .modal-dialog .buttons-wrapper button {
    width: 100%
}