html {
    box-sizing: border-box
}

body,
html {
    height: 100%
}

body {
    background-color: #fff;
    color: #203b4f;
    font-family: Open Sans, sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.4;
    margin: 0
}

body.menu-open {
    overflow: hidden;
    touch-action: none
}

[disabled] {
    cursor: not-allowed
}

*,
:after,
:before {
    box-sizing: inherit
}

* {
    -webkit-tap-highlight-color: transparent;
    min-height: 0;
    min-width: 0
}

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

[tabindex]:focus {
    outline: 0
}

section {
    padding: 48px 0
}

@media (min-width:768px) {
    section {
        padding: 88px 0
    }
}

p {
    color: #203b4f;
    font-size: 16px;
    line-height: 1.25;
    margin: 0 0 10px
}

main {
    flex: 1 0 auto
}

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

.h2 {
    font-size: 22px;
    font-weight: 700;
    letter-spacing: 0;
    line-height: 26px
}

@media (min-width:1024px) {
    .h2 {
        font-size: 40px;
        line-height: 48px
    }
}

.h3 {
    font-size: 22px;
    font-weight: 700;
    letter-spacing: 0;
    line-height: 26px
}

@media (min-width:1024px) {
    .h3 {
        font-size: 26px;
        line-height: 32px
    }
}

.h4 {
    font-size: 18px;
    font-weight: 700;
    letter-spacing: 0;
    line-height: 22px
}

@media (min-width:1024px) {
    .h4 {
        font-size: 22px;
        line-height: 26px
    }
}

.h5 {
    font-size: 18px;
    font-weight: 700;
    letter-spacing: 0;
    line-height: 22px
}

b,
strong {
    font-weight: 400
}

.semi-bold {
    font-weight: 600
}

.bold {
    font-weight: 700
}

a {
    color: #0076ff;
    font-size: inherit;
    font-weight: 400;
    line-height: 1.4;
    transition: all .3s ease
}

a:hover {
    color: #538dff
}

.wrapper {
    display: flex;
    flex-direction: column;
    min-height: 100vh;
    min-width: 320px;
    overflow: hidden;
    padding-top: 56px
}

@media screen and (min-width:768px) {
    .wrapper {
        padding-top: 72px
    }
}

.wrapper.shop {
    padding-top: 0
}

.container {
    margin: 0 auto;
    max-width: 1216px;
    padding: 0 8px
}

@media (min-width:1400px) {
    .container {
        padding: 0
    }
}

[role=button] {
    cursor: pointer
}

@media screen and (max-width:767px) {
    .d-lg {
        display: none !important
    }
}

.d-xmd {
    display: none
}

@media (min-width:1024px) {
    .d-xmd {
        display: block
    }
}

@media screen and (max-width:991px) {
    .d-md {
        display: none !important
    }
}

.d-xsm {
    display: block
}

@media (min-width:1024px) {
    .d-xsm {
        display: none
    }
}

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

.mobile-br {
    display: block
}

@media screen and (min-width:768px) {
    .mobile-br {
        display: inline
    }
}

@media (min-width:768px) {
    .mob-br {
        display: block
    }
}

.d-iblock {
    display: inline-block
}

.d-inline {
    display: inline
}

.no-padding-top {
    padding-top: 0
}

.d-f-1024 {
    display: none
}

@media (min-width:1024px) {
    .d-f-1024 {
        display: flex
    }
}

@media screen and (max-width:767px) {
    .border-sm {
        border-bottom: 1px solid #e9e9e9;
        border-top: 1px solid #e9e9e9
    }
}

.bordered-black {
    border: 1px solid #000
}

.align-center {
    align-items: center
}

.align-right {
    align-items: flex-end
}

.align-left {
    align-items: flex-start
}

.align-middle {
    vertical-align: middle
}

.justify-center {
    justify-content: center
}

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

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

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

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

.text-center {
    text-align: center
}

.text-right {
    text-align: right
}

.text-left {
    text-align: left
}

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

@media (min-width:768px) {
    .text-center-mobile {
        text-align: left
    }
}

.flex-wrap {
    flex-wrap: wrap
}

.nowrap {
    flex-wrap: nowrap
}

.d-f {
    display: flex
}

@media (max-width:767px) {
    .d-f {
        flex-wrap: wrap
    }
}

.f-wrap {
    flex-wrap: wrap
}

@media (min-width:1024px) and (max-width:1365px) {
    .flex-wrap-1024 {
        flex-wrap: wrap
    }
}

.d-flex {
    display: flex
}

.d-f-col {
    flex-direction: column
}

.pos-a {
    position: absolute
}

.pos-r {
    position: relative
}

.pos-f {
    position: fixed
}

.br {
    display: block
}

.flex-1 {
    flex: 1 0 auto
}

.w-100 {
    width: 100%
}

.h-100 {
    height: 100%
}

.sr-only {
    display: none !important
}

.grey-scale {
    filter: grayscale(1);
    -webkit-filter: grayscale(1);
    opacity: .6
}

.hidden {
    display: none !important
}

ol,
ul {
    list-style-type: none;
    margin: 0;
    padding: 0
}

#chat-24-widget-container #chat-24-icon-7,
#chat-24-widget-container .chat-24-icon-7,
#chat-24-widget-container .chat-24-icon-lch {
    background-image: url(../images/chat-icon.png) !important
}

.bg-block {
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: cover
}

.lh-1 {
    line-height: 1
}

.mb-none {
    margin: 0 auto !important
}

.minus-margin {
    margin: 0 -1px
}

.mb-0 {
    margin-bottom: 0
}

.mb-1 {
    margin: 0 0 8px
}

.mb-2 {
    margin: 0 0 16px
}

.mb-2__responsive {
    margin: 0 0 14px
}

@media (min-width:1024px) {
    .mb-2__responsive {
        margin: 0 0 20px
    }
}

.mb-3 {
    margin: 0 0 8px
}

@media (min-width:1024px) {
    .mb-3 {
        margin: 0 0 16px
    }
}

.mb-4 {
    margin: 0 0 24px
}

@media (min-width:768px) {
    .mb-4-tab {
        margin: 0 0 24px
    }
}

.mb-5 {
    margin: 0 0 24px
}

@media (min-width:768px) {
    .mb-5 {
        margin: 0 0 32px
    }
}

.mb-6 {
    margin: 0 0 24px
}

@media (min-width:1024px) {
    .mb-6 {
        margin: 0 0 16px
    }
}

.mb-7 {
    margin: 0 0 8px
}

@media (min-width:768px) {
    .mb-7 {
        margin: 0 0 24px
    }
}

.mb-8 {
    margin: 0 0 16px
}

@media (min-width:1024px) {
    .mb-8 {
        margin: 0 0 34px
    }
}

.mb-9 {
    margin: 0 0 16px
}

@media (min-width:768px) {
    .mb-9 {
        margin: 0 0 24px
    }
}

.mb-10 {
    margin-bottom: 12px
}

.mb-11 {
    margin: 0 0 8px
}

@media (min-width:1024px) {
    .mb-11 {
        margin: 0 0 24px
    }
}

.mb-12 {
    margin: 0 0 16px
}

@media (min-width:768px) {
    .mb-12 {
        margin: 0 0 24px
    }
}

@media (min-width:1024px) {
    .mb-12 {
        margin: 0 0 32px
    }
}

.mb-13 {
    margin: 0 0 32px
}

.mb-14 {
    margin: 0 0 4px
}

.mb-15 {
    margin: 0 0 8px
}

@media (min-width:768px) {
    .mb-15 {
        margin: 0 0 24px
    }
}

.mb-16 {
    margin: 0 0 16px
}

@media (min-width:1024px) {
    .mb-16 {
        margin: 0 0 24px
    }
}

.mb-17 {
    margin: 0 0 16px
}

@media (min-width:768px) {
    .mb-17 {
        margin: 0
    }
}

.mb-18 {
    margin: 0 0 16px
}

@media (min-width:768px) {
    .mb-18 {
        margin: 0 0 32px
    }
}

@media (min-width:1024px) {
    .mb-20 {
        margin: 0 0 24px
    }
}

.mb-19 {
    margin: 0 0 10px
}

@media (min-width:1024px) {
    .mb-19 {
        margin: 0 0 24px
    }
}

.mb-20 {
    margin: 0 0 12px
}

@media (min-width:1024px) {
    .mb-20 {
        margin: 0 0 16px
    }
}

.mb-21 {
    margin: 0 0 24px
}

@media (min-width:1024px) {
    .mb-21 {
        margin: 0 0 32px
    }
}

.mb-22 {
    margin: 0 0 4px
}

@media (min-width:1024px) {
    .mb-22 {
        margin: 0 0 8px
    }
}

.mb-23 {
    margin: 0 0 20px
}

@media (min-width:1024px) {
    .mb-23 {
        margin: 0 0 24px
    }
}

.mb-24 {
    margin: 0 0 16px
}

@media (min-width:768px) {
    .mb-24 {
        margin: 0 0 8px
    }
}

@media (min-width:1024px) {
    .mb-25 {
        margin: 0 0 16px
    }
}

.mb-40 {
    margin-bottom: 24px
}

@media (min-width:1024px) {
    .mb-40 {
        margin-bottom: 40px
    }
}

.mb-calc {
    margin-bottom: 20px
}

.mr-1 {
    margin-right: 8px
}

@media (min-width:768px) {
    .mr-1 {
        margin-right: 16px
    }
}

.mr-2 {
    margin-right: 8px
}

.mr-3 {
    margin-right: 16px
}

.mr-4 {
    margin-right: 0
}

@media (min-width:768px) {
    .mr-4 {
        margin-right: 24px
    }
}

.mr-5 {
    margin-right: 10px
}

@media (min-width:768px) {
    .mr-5 {
        margin-right: 12px
    }
}

.mr-6 {
    margin-right: 12px
}

.ml-1 {
    margin-left: 4px
}

.p-1 {
    padding: 24px 16px
}

@media (min-width:768px) {
    .p-1 {
        padding: 24px
    }
}

.p-2 {
    padding: 24px 16px
}

@media (min-width:768px) {
    .p-2 {
        padding: 32px 24px
    }
}

.p-3 {
    padding: 16px
}

@media (min-width:768px) {
    .p-3 {
        padding: 24px
    }
}

.p-4 {
    padding: 32px 16px
}

@media (min-width:768px) {
    .p-4 {
        padding: 32px
    }
}

.p-5 {
    padding: 32px 16px 0
}

@media (min-width:768px) {
    .p-5 {
        padding: 32px 32px 0
    }
}

.p-6 {
    padding: 32px 16px 0
}

@media (min-width:768px) {
    .p-6 {
        padding: 32px 24px 0
    }
}

.p-7 {
    padding: 24px 16px
}

@media (min-width:768px) {
    .p-7 {
        padding: 16px 32px
    }
}

.p-8 {
    padding: 16px
}

@media (min-width:768px) {
    .p-8 {
        padding: 20px 32px
    }
}

.p-9 {
    padding: 32px 24px
}

@media (min-width:768px) {
    .p-9 {
        padding: 32px
    }
}

.p-10 {
    padding: 8px 0 0
}

@media (min-width:768px) {
    .p-10 {
        padding: 16px 0
    }
}

.p-11 {
    padding: 24px 16px
}

@media (min-width:1024px) {
    .p-11 {
        padding: 32px 24px
    }
}

.p-12 {
    padding: 0 16px 24px
}

@media (min-width:1024px) {
    .p-12 {
        padding: 0 24px 32px
    }
}

.p-13 {
    padding: 16px
}

@media (min-width:1024px) {
    .p-13 {
        padding: 32px 24px
    }
}

.p-14 {
    padding: 16px
}

@media (min-width:1024px) {
    .p-14 {
        padding: 24px
    }
}

.pt-0 {
    padding-top: 0
}

.pt-1 {
    padding-top: 12px
}

@media (min-width:1024px) {
    .pt-1 {
        padding-top: 32px
    }
}

.p-15 {
    padding: 16px 8px
}

.p-16 {
    padding: 24px 12px
}

@media (min-width:768px) {
    .p-16 {
        padding: 24px
    }
}

.p-17 {
    padding: 16px 8px
}

@media (min-width:1024px) {
    .p-17 {
        padding: 32px 24px
    }
}

.p-18 {
    padding: 12px 0
}

@media (min-width:1024px) {
    .p-18 {
        padding: 24px 0
    }
}

.p-19 {
    padding: 16px
}

.p-20 {
    padding: 12px
}

@media (min-width:1024px) {
    .p-20 {
        padding: 12px 20px 16px 16px
    }
}

.p-21 {
    padding: 24px 16px
}

@media (min-width:1024px) {
    .p-21 {
        padding: 32px 24px 16px
    }
}

.p-t-1 {
    padding: 24px 0 0
}

.p-t-2 {
    padding: 8px 0 0
}

.p-t-3 {
    padding: 16px 0 0
}

@media (min-width:1024px) {
    .p-t-3 {
        padding: 24px 0 0
    }
}

.pr-1 {
    padding-right: 33px
}

.pr-2 {
    padding-right: 24px
}

.pb-0 {
    padding-bottom: 0 !important
}

.pb-1 {
    padding-bottom: 16px
}

@media (min-width:1024px) {
    .pb-1 {
        padding-bottom: 40px
    }
}

.pb-2 {
    padding: 0 0 8px
}

.pb-3 {
    padding: 0 0 16px
}

.p-tb-1 {
    padding: 24px 0
}

@media (min-width:768px) {
    .p-tb-1 {
        padding: 32px 0
    }
}

.p-lr-1 {
    padding: 0 16px
}

@media (min-width:1024px) {
    .p-lr-1 {
        padding: 0 24px
    }
}

.p-lr-2 {
    padding: 0 8px
}

.bg-grey {
    background-color: #a8b1be
}

.bg-body {
    background: #f1f3f6
}

.bg-grey-light-semi {
    background: #f7fafc
}

.bg-white {
    background-color: #fff
}

.blue-text {
    color: #203b4f
}

.text-grey {
    color: #72838f
}

.text-grey-light {
    color: #bfc5cc
}

.text-warning {
    color: #ef5350
}

.text-attention {
    color: #1bb887
}

.text-sucsess {
    color: #0076ff
}

.text-decorated {
    color: rgba(32, 59, 79, .24)
}

.text-light {
    color: rgba(32, 59, 79, .48)
}

.rounded {
    border-radius: 4px
}

@media (min-width:768px) {
    .rounded {
        border-radius: 10px
    }
}

.rounded-1,
.rounded-2 {
    border-radius: 8px
}

@media (min-width:768px) {
    .rounded-2 {
        border-radius: 16px
    }
}

.rounded-3 {
    border-radius: 8px
}

@media (min-width:1024px) {
    .rounded-3 {
        border-radius: 16px
    }
}

.rounded-4 {
    border-radius: 4px
}

.rounded-5 {
    border-radius: 16px
}

.rounded-8 {
    border-radius: 8px
}

.rounded-10 {
    border-radius: 10px
}

.rounded-12 {
    border-radius: 12px
}

.rounded-50 {
    border-radius: 50%
}

.rounded-top {
    border-radius: 4px 4px 0 0
}

@media (min-width:768px) {
    .rounded-top {
        border-radius: 10px 10px 0 0
    }
}

.rounded-bottom {
    border-radius: 0 0 4px 4px
}

@media (min-width:768px) {
    .rounded-bottom {
        border-radius: 0 0 10px 10px
    }

    .reg-col {
        max-width: 376px
    }
}

.m-text {
    font-weight: 600
}

.underline {
    text-decoration: underline
}

.underline:active,
.underline:active span,
.underline:hover,
.underline:hover span {
    text-decoration: none
}

.text-uppercase {
    text-transform: uppercase
}

.text-capitalize {
    text-transform: capitalize
}

.shadow {
    box-shadow: 0 4px 12px rgba(0, 0, 0, .15)
}

.shadow-1,
.shadow-2 {
    box-shadow: 0 4px 8px rgba(6, 66, 135, .15)
}

@media (min-width:1024px) {
    .shadow-2 {
        box-shadow: 0 4px 16px rgba(6, 66, 135, .15)
    }
}

.main-bg {
    background: #f1f3f6
}

.bg-gradient {
    background: linear-gradient(101.75deg, #0076ff 62.39%, #35ace0 81.36%, #7df5b7)
}

.main-lk {
    padding-top: 16px
}

@media (min-width:768px) {
    .main-lk {
        padding-top: 32px
    }
}

.main-lk-info {
    padding-bottom: 16px;
    padding-top: 16px
}

@media (min-width:768px) {
    .main-lk-info {
        padding-bottom: 64px;
        padding-top: 32px
    }
}

.border-top-mob {
    padding-top: 16px;
    position: relative
}

.border-top-mob:before {
    background: #e9e9e9;
    content: "";
    height: 1px;
    left: -16px;
    position: absolute;
    right: -16px;
    top: 0
}

@media (min-width:768px) {
    .border-top-mob:before {
        content: none
    }
}

.text-btn-holder {
    align-items: center;
    display: flex;
    flex-wrap: wrap
}

.text-btn-holder>div {
    margin-bottom: 8px;
    width: 100%
}

.text-btn-holder>div:last-child {
    margin-bottom: 24px
}

@media (min-width:768px) {
    .text-btn-holder>div:last-child {
        margin-bottom: 0
    }

    .text-btn-holder>div {
        width: auto
    }

    .text-btn-holder .btn-holder {
        margin-left: 73px
    }
}

.col-reverse-mob {
    display: flex;
    flex-direction: column-reverse
}

@media (min-width:768px) {
    .col-reverse-mob {
        flex-direction: column
    }
}

.only-mob {
    display: inline
}

@media (min-width:1024px) {
    .only-mob {
        display: none
    }
}

.only-tab {
    display: none
}

@media (min-width:768px) {
    .only-tab {
        display: block
    }
}

.title-bordered {
    padding-bottom: 16px
}

.title-bordered:after {
    background-color: #f7fafc;
    bottom: 0;
    content: "";
    height: 1px;
    left: -16px;
    position: absolute;
    right: -16px;
    width: calc(100% + 32px)
}

@media (min-width:768px) {
    .title-bordered:after {
        left: 0;
        right: 0;
        width: 100%
    }
}

.title-bordered-xl {
    padding-bottom: 16px
}

.title-bordered-xl:after {
    background-color: #f7fafc;
    bottom: 0;
    content: "";
    height: 1px;
    left: -16px;
    position: absolute;
    right: -16px
}

@media (min-width:768px) {
    .title-bordered-xl:after {
        left: -24px;
        right: -24px
    }
}

.block-boddered-top:after {
    border-top: 1px solid #f7fafc;
    content: "";
    left: -16px;
    position: absolute;
    right: -16px;
    top: 0;
    width: auto
}

@media (min-width:1024px) {
    .block-boddered-top:after {
        left: -24px;
        right: -24px
    }
}

.medium-text {
    font-size: 12px
}

@media (min-width:768px) {
    .medium-text {
        font-size: 14px
    }
}

.link-lg {
    font-size: 12px;
    font-weight: 600;
    line-height: 120%;
    text-decoration: none
}

@media (min-width:768px) {
    .link-lg {
        font-size: 14px
    }
}

.link-white {
    color: #fff;
    font-size: 16px;
    font-weight: 600;
    line-height: 1.2
}

.link-white:active,
.link-white:hover,
.link-white:visited {
    color: #fff
}

.bordered-all-attention {
    border: 1px solid #1bb887
}

.mw-64 {
    min-width: 64px
}

@font-face {
    font-display: swap;
    font-family: Bebas Neue Pro Expanded;
    font-style: normal;
    font-weight: 800;
    src: url(../fonts/BebasNeueProExpandedExtraBoldIt.woff2) format("woff2"), url(../fonts/BebasNeueProExpandedExtraBoldIt.woff) format("woff")
}

.banner {
    background: url(../images/fon.png) top/cover no-repeat, radial-gradient(50% 50% at 50% 50%, #0063dd 0, #0054bc 100%);
    overflow: hidden;
    padding-bottom: 20px;
    position: relative;
    z-index: 1
}

@media (min-width:768px) {
    .banner {
        min-height: calc(100vh - 76px)
    }

    .js_show-android .banner {
        min-height: calc(100vh - 143px)
    }
}

@media (min-width:768px) and (min-height:794px) {
    .banner {
        align-items: center;
        display: flex
    }
}

@media (min-width:1024px) {
    .banner {
        background: url(../images/fon.png) top/cover no-repeat radial-gradient(circle, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)),; 
    }
}

@media (min-width:1366px) {
 
}

@media (min-width:1920px) {


    .banner:before {
        height: 206px;
        width: 129px
    }
}

@media (min-width:1600px) {
    .banner .container {
        max-width: 1260px
    }
}

.banner-wrapper {
    display: flex;
    flex-direction: row-reverse;
    flex-wrap: wrap;
    justify-content: center;
    min-height: 568px
}

@media (max-width:767px) {
    .banner-wrapper {
        display: block;
        justify-content: flex-end
    }
}

@media (min-width:1024px) {
    .banner-wrapper {
        align-items: flex-start;
        flex-direction: row;
        min-height: 657px;
        position: relative
    }
}

@media (min-width:1360px) {
    .banner-wrapper {
        min-height: 669px
    }
}

@media (min-width:1600px) {
    .banner-wrapper {
        min-height: 693px
    }
}

@media (min-width:1920px) {
    .banner-wrapper {
        align-items: center
    }
}

.banner-text {
    color: #fff;
    flex: 0 0 205px;
    font-family: Bebas Neue Pro Expanded, Arial, sans-serif;
    padding: 13px 0
}

@media (min-width:360px) {
    .banner-text {
        flex: 0 0 230px
    }
}

@media screen and (min-width:320px) and (orientation:landscape) {
    .banner-text {
        flex: 0 0 auto
    }
}

@media (min-width:768px) {
    .banner-text {
        flex: 0 0 60%;
        max-width: calc(100% - 309px);
        padding: 56px 0
    }
}

@media (min-width:1024px) {
    .banner-text {
        flex: 0 0 100%;
        max-width: none;
        order: 1;
        padding: 24px 0 33px;
        text-align: center
    }
}

@media (min-width:1360px) {
    .banner-text {
        padding: 25px 0 19px
    }
}

@media (min-width:1600px) {
    .banner-text {
        padding: 24px 0 32px
    }
}

.banner-heading {
    font-size: 14px;
    font-weight: 400;
    margin-bottom: 10px;
    /* max-width: 175px */
}

/* @media (min-width:360px) {
    .banner-heading {
        max-width: 193px
    }
} */

@media (max-width:414px) {
    .banner-heading {
        margin-bottom: 14px
    }
}

@media (min-width:768px) {
    .banner-heading {
        align-items: baseline;
        display: flex;
        flex-direction: column;
        font-size: 22px;
        justify-content: flex-end;
        max-width: 322px;
        min-height: 121px
    }
}

@media (min-width:1024px) {
    .banner-heading {
        align-items: center;
        max-width: none;
        min-height: auto
    }
}



.banner-heading_title {
    font-size: 18px;
    line-height: 1.2
}

@media (min-width:768px) {
    .banner-heading_title {
        font-size: 22px
    }
}

.banner-heading_subtitle {
    display: block;
    font-size: 18px;
    font-weight: 700;
    line-height: 24px;
    text-transform: uppercase
}

.banner-heading_subtitle sup {
    font-size: 50%
}

@media (min-width:360px) {
    .banner-heading_subtitle {
        font-size: 22px
    }
}

@media (min-width:768px) {
    .banner-heading_subtitle {
        font-size: 32px;
        line-height: 1.125;
        max-width: 365px
    }
}

@media (min-width:1024px) {
    .banner-heading_subtitle {
        max-width: none
    }
}

@media (min-width:1367px) {
    .banner-heading_subtitle {
        font-size: 56px
    }
}

.banner-left {
    align-items: center;
    /* display: flex; */
    flex: 0 0 calc(100% - 205px);
    /* max-width: calc(100% - 205px); */
    text-align: center;
    /* transform: translate(5px, -5px) */
}

@media (min-width:360px) {
    .banner-left {
        flex: 0 0 calc(100% - 230px);
        /* max-width: calc(100% - 230px);
        transform: translate(-10px, -5px) */
    }
}

@media (min-width:390px) {
    .banner-left {
        /* transform: translate(10px, -5px) */
    }
}

@media (min-width:414px) {
    .banner-left {
        /* transform: translate(20px, -5px) */
    }
}

@media (min-width:768px) {
    .banner-left {
        flex: 0 0 40%;
        /* max-width: 309px;
        transform: translate(-40px, 19px) */
    }
}

@media (min-width:1024px) {
    .banner-left {
        flex: 0 0 calc(100% - 640px);
        margin: 0;
        /* max-width: calc(100% - 640px); */
        min-height: 530px;
        order: 2;
        padding: 0;
        position: relative;
        text-align: center;
        /* transform: translateY(36px) */
    }
}

.banner-left .picture {
    display: block
}

.banner-left .picture-img {
    max-width: none;
    position: relative;
    width: 132px
}

@media (min-width:768px) {
    .banner-left .picture-img {
        width: 309px
    }
}

@media (min-width:1024px) {
    .banner-left .picture-img {
        height: 526px;
        position: absolute;
        right: 0;
        top: 0;
        transform: translate(193px, -61px);
        width: 618px
    }
}

@media (min-width:1366px) {
    .banner-left .picture-img {
        transform: translate(4px, -67px)
    }
}

@media (min-width:1920px) {
    .banner-left .picture-img {
        transform: translate(12px, -32px)
    }
}

.banner-range {
    flex: 0 0 100%;
    z-index: 1
}

@media (min-width:768px) {
    .banner-range {
        order: 3
    }
}

@media (min-width:1024px) {
    .banner-range {
        flex: 0 0 640px;
        margin-top: 0;
        padding-bottom: 8px;
        position: relative
    }
}

@media (min-width:1360px) {
    .banner-range {
        padding-bottom: 0
    }
}

.banner-link {
    background-color: transparent;
    border: 1.5px solid #fff;
    border-radius: 12px;
    color: #fff;
    display: inline-block;
    font-size: 14px;
    font-weight: 600;
    line-height: 1;
    max-width: 117px;
    padding: 10px 8px;
    position: relative;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    width: 100%;
    z-index: 4
}

.banner-link:active,
.banner-link:focus,
.banner-link:hover {
    background: hsla(0, 0%, 100%, .8);
    color: #fff
}

@media (min-width:768px) {
    .banner-link {
        border-radius: 16px;
        color: #fff;
        max-width: none;
        min-width: 155px;
        padding: 15.5px 44px;
        width: auto
    }

    .banner-link:active,
    .banner-link:focus,
    .banner-link:hover {
        background: hsla(0, 0%, 100%, .6)
    }
}

@media (min-width:1024px) {
    .banner-link {
        font-size: 16px;
        letter-spacing: .0057em;
        padding: 14.5px 39px
    }
}

@media (min-width:1600px) {
    .banner-link {
        padding: 14.5px 24px
    }
}

.banner-link .d-tab {
    display: none
}

@media (min-width:768px) {
    .banner-link .d-tab {
        display: block
    }
}

.banner-link .d-mob {
    display: block
}

@media (min-width:768px) {
    .banner-link .d-mob {
        display: none
    }
}

.service-page .mt-2 {
    margin-top: 16px
}

.service-page .mb-88 {
    margin-bottom: 48px
}

@media (min-width:1024px) {
    .service-page .mb-88 {
        margin-bottom: 88px
    }
}

.service-page .p-23-1 {
    padding: 24px 16px 16px
}

.service-page .section-awards {
    padding-top: 48px
}

@media (min-width:768px) {
    .service-page .section-awards {
        padding-top: 88px
    }
}

.service-page .section-awards h2 {
    display: none
}

.service-page .section-app {
    padding-top: 8px
}

@media (min-width:768px) {
    .service-page .section-app {
        padding-top: 48px
    }
}

.service-page .section-question,
.service-page .section-seo {
    padding: 48px 0
}

@media (min-width:768px) {

    .service-page .section-question,
    .service-page .section-seo {
        padding: 88px 0
    }
}

.service-page .section-seo .content {
    background-color: inherit;
    padding: 0
}

.service-page .section-seo .content .custom-ul {
    margin-bottom: 8px
}

@media (min-width:1024px) {
    .service-page .section-seo .content .custom-ul {
        margin-bottom: 16px
    }
}

.service-page .section-seo .content .custom-ul:last-child {
    margin-bottom: 0
}

.service-page .section-app-block,
.service-page .section-question {
    background-color: #fff
}

.service-page .col-content-block {
    margin-bottom: 20px
}

.service-page .fixed-bar {
    display: flex;
    flex-direction: column
}

@media (min-width:1024px) {
    .service-page .fixed-bar .city-aside-links {
        order: 1
    }
}

.service-page .i-personal-btn-calc:before {
    color: #fff;
    content: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjUiIGhlaWdodD0iMjYiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xOS43MjMgMi43NjFBMTIuMzkgMTIuMzkgMCAwIDAgMTIuMzc0LjkgMTIuMzU4IDEyLjM1OCAwIDAgMCA1LjMyIDMuNjYxIDEyLjEwNyAxMi4xMDcgMCAwIDAgMS4yNTcgMTBhMTEuOTg2IDExLjk4NiAwIDAgMCAuNDkgNy40OSAxMi4xNiAxMi4xNiAwIDAgMCA0Ljg1NSA1Ljc2NiAxMi4zOSAxMi4zOSAwIDAgMCA3LjM1NSAxLjg0MiAxMi4zNTcgMTIuMzU3IDAgMCAwIDcuMDQ2LTIuNzgxbC0uOTUzLTEuMTU5YTEwLjg1NyAxMC44NTcgMCAwIDEtNi4xOSAyLjQ0MyAxMC44OSAxMC44OSAwIDAgMS02LjQ2NS0xLjYxOCAxMC42NiAxMC42NiAwIDAgMS00LjI1Ny01LjA1NSAxMC40ODYgMTAuNDg2IDAgMCAxLS40MjktNi41NTNBMTAuNjA3IDEwLjYwNyAwIDAgMSA2LjI3IDQuODIyYTEwLjg1OCAxMC44NTggMCAwIDEgNi4xOTgtMi40MjYgMTAuODkgMTAuODkgMCAwIDEgNi40NTkgMS42MzZjLjU3LjM1OCAxLjEwMy43NjYgMS41OSAxLjIxN2gtMi4xNzRsLS4wMSAxLjVoNC42MjVWMS45NjRsLTEuNTAxLjAxdjIuMTAyYTEyLjI1NSAxMi4yNTUgMCAwIDAtMS43MzQtMS4zMTVaIiBmaWxsPSIjZmZmIi8+PHBhdGggZD0iTTkuODcyIDE3SDUuMDE5di0xLjAxNWwxLjc0My0xLjc1MWMuNTE2LS41MjUuODUzLS44ODkgMS4wMTEtMS4wOWEyLjQ0IDIuNDQgMCAwIDAgLjM0Mi0uNTY3Yy4wNy0uMTczLjEwNC0uMzUyLjEwNC0uNTM4IDAtLjI3Ny0uMDc3LS40ODMtLjIzMi0uNjE4LS4xNTItLjEzNS0uMzU2LS4yMDMtLjYxMy0uMjAzLS4yNjkgMC0uNTMuMDYxLS43ODMuMTg0YTQuMDQ3IDQuMDQ3IDAgMCAwLS43OTMuNTI0TDUgMTAuOTg2Yy4zNDItLjI4OS42MjUtLjQ5NC44NS0uNjEzLjIyNS0uMTIuNDctLjIxLjczNi0uMjc0LjI2Ni0uMDY2LjU2My0uMDk5Ljg5My0uMDk5LjQzMyAwIC44MTYuMDc5IDEuMTQ5LjIzNi4zMzIuMTU3LjU5LjM3OC43NzQuNjYuMTgzLjI4NC4yNzUuNjA4LjI3NS45NzMgMCAuMzE4LS4wNTcuNjE3LS4xNy44OTctLjExMi4yNzctLjI4Ni41NjItLjUyMy44NTQtLjIzNC4yOTMtLjY1LjcxLTEuMjQ0IDEuMjUxbC0uODkzLjgzNnYuMDY2aDMuMDI1VjE3Wk0xNS41ODQgMTUuNTdoLS44MzZWMTdoLTEuNDM0di0xLjQzaC0yLjk2M3YtMS4wMTVsMy4wNDQtNC40NTZoMS4zNTN2NC4zMzhoLjgzNnYxLjEzM1ptLTIuMjctMS4xMzN2LTEuMTdjMC0uMTk2LjAwOC0uNDc5LjAyNC0uODUuMDE2LS4zNzIuMDI5LS41ODcuMDM4LS42NDdoLS4wMzhjLS4xMTcuMjU4LS4yNTguNTEtLjQyMi43NTVsLTEuMjczIDEuOTEyaDEuNjcxWk0xOS43MSAxMC4xIDE3LjEyMiAxN2gtMS4zMTVsMi41ODgtNi45aDEuMzE1Wk0yMC44MzYgMTdsMi42MDctNS42NjRoLTMuNDI0di0xLjIyN0gyNXYuOTE1TDIyLjM3NCAxN2gtMS41MzhaIiBmaWxsPSIjZmZmIi8+PC9zdmc+)
}

.service-page pre {
    background: rgba(114, 131, 143, .1);
    border: 0;
    border-radius: 8px;
    color: #203b4f;
    font-family: monospace;
    font-size: 1em;
    margin: 0 0 16px;
    overflow: auto;
    padding: 16px 8px;
    text-align: left;
    word-break: break-all
}

@media (min-width:1024px) {
    .service-page pre {
        padding: 24px
    }
}

.service-page .kredit-s-otkrytymi-prosrochkami #content-1 {
    font-size: 16px
}

.service-page .kredit-s-otkrytymi-prosrochkami h2,
.service-page .kredit-s-otkrytymi-prosrochkami h3 {
    margin: 35px 0 20px
}

.service-page .kredit-s-otkrytymi-prosrochkami h2 {
    font-size: 22px
}

.service-page .kredit-s-otkrytymi-prosrochkami div.title-1 {
    font-size: 2em;
    font-weight: 700
}

.service-page .kredit-s-otkrytymi-prosrochkami .city-column a {
    box-shadow: 0 4px 16px rgba(6, 66, 135, .15)
}

.service-page .kredit-s-otkrytymi-prosrochkami .container-reverse-1024 {
    width: 100%
}

.service-page .kredit-s-otkrytymi-prosrochkami .contactsMain-heading,
.service-page .kredit-s-otkrytymi-prosrochkami .faq-heading,
.service-page .kredit-s-otkrytymi-prosrochkami .heading-h2,
.service-page .kredit-s-otkrytymi-prosrochkami .question-heading-h2 {
    font-size: 22px;
    font-weight: 700;
    letter-spacing: 0;
    line-height: 26px;
    margin-bottom: 24px
}

.service-page .kredit-s-otkrytymi-prosrochkami .contactsMain-heading {
    padding-bottom: 0
}

.service-page .kredit-s-otkrytymi-prosrochkami .contactsMain-heading-primary {
    color: #0076ff
}

.service-page .kredit-s-otkrytymi-prosrochkami .contactsMain-heading span {
    color: #cce4ff;
    font-weight: 400
}

.service-page .kredit-s-otkrytymi-prosrochkami .contactsMain {
    background-color: #f3f3f3;
    border-radius: 5px;
    margin-bottom: 24px;
    padding: 1px 20px 30px
}

@media screen and (min-width:768px) {
    .service-page .kredit-s-otkrytymi-prosrochkami .contactsMain .col-lg-8 .row {
        display: flex
    }

    .service-page .kredit-s-otkrytymi-prosrochkami .contactsMain .col-lg-8 .col-sm-6 {
        padding: 0 10px;
        width: 50%
    }
}

@media screen and (min-width:1024px) {
    .service-page .kredit-s-otkrytymi-prosrochkami .contactsMain .row {
        display: block
    }
}

@media screen and (min-width:1200px) {
    .service-page .kredit-s-otkrytymi-prosrochkami .contactsMain .row {
        display: flex;
        margin-left: -10px;
        margin-right: -10px
    }

    .service-page .kredit-s-otkrytymi-prosrochkami .contactsMain .col-lg-4 {
        display: flex;
        padding: 0 10px;
        width: 33.33333%
    }

    .service-page .kredit-s-otkrytymi-prosrochkami .contactsMain .col-lg-8 {
        width: 66.66667%
    }

    .service-page .kredit-s-otkrytymi-prosrochkami .contactsMain .col-lg-8 .col-sm-6 {
        padding: 0 10px;
        width: 50%
    }
}

@media screen and (min-width:768px) {
    .service-page .kredit-s-otkrytymi-prosrochkami .contactsMain>.row>div {
        margin-top: 30px
    }
}

.service-page .kredit-s-otkrytymi-prosrochkami .contactsMain-item {
    background-color: #fff;
    border-radius: 5px;
    min-height: 142px;
    padding: 35px 20px 30px;
    position: relative;
    text-align: center
}

@media screen and (max-width:767px) {
    .service-page .kredit-s-otkrytymi-prosrochkami .contactsMain-item {
        height: auto;
        margin-top: 30px
    }
}

.service-page .kredit-s-otkrytymi-prosrochkami .contactsMain-item-top {
    align-items: center;
    background-color: #00b181;
    border-radius: 50%;
    box-shadow: 5px 5px 20px -10px #000;
    color: #fff;
    display: flex;
    font-size: 26px;
    height: 44px;
    justify-content: center;
    left: calc(50% - 22px);
    position: absolute;
    text-align: center;
    top: -22px;
    width: 44px
}

.service-page .kredit-s-otkrytymi-prosrochkami .contactsMain-item-top img {
    display: inline-block
}

.service-page .kredit-s-otkrytymi-prosrochkami .contactsMain-item-heading {
    color: #003764;
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 5px
}

.service-page .kredit-s-otkrytymi-prosrochkami .contactsMain-item ul {
    margin: 0;
    padding: 0
}

.service-page .kredit-s-otkrytymi-prosrochkami .contactsMain-item ul li {
    line-height: normal;
    margin-bottom: 0;
    padding: 0
}

.service-page .kredit-s-otkrytymi-prosrochkami .contactsMain-item ul li:before {
    display: none
}

.service-page .kredit-s-otkrytymi-prosrochkami .contactsMain-item ul li a {
    color: #0056b8;
    display: inline-block;
    font-size: 16px;
    font-weight: 400;
    line-height: 20px;
    margin-bottom: 6px;
    text-decoration: none
}

.service-page .kredit-s-otkrytymi-prosrochkami .contactsMain-item ul li a img,
.service-page .kredit-s-otkrytymi-prosrochkami .contactsMain-item ul li a span,
.service-page .kredit-s-otkrytymi-prosrochkami .contactsMain-item ul li a svg {
    vertical-align: middle
}

.service-page .kredit-s-otkrytymi-prosrochkami .contactsMain-item ul li a img,
.service-page .kredit-s-otkrytymi-prosrochkami .contactsMain-item ul li a svg {
    margin-right: 5px;
    opacity: .5;
    transition: opacity .2s ease
}

.service-page .kredit-s-otkrytymi-prosrochkami .contactsMain-item ul li a:hover img,
.service-page .kredit-s-otkrytymi-prosrochkami .contactsMain-item ul li a:hover svg {
    opacity: 1
}

.service-page .kredit-s-otkrytymi-prosrochkami .contactsMain-item ul li .phone-city {
    margin-bottom: 0
}

.service-page .kredit-s-otkrytymi-prosrochkami .contactsMain-item ul li .phone-free {
    display: inline-block;
    font-size: 12px;
    font-weight: 400;
    font-weight: 700;
    margin-bottom: 15px
}

@media screen and (max-width:767px) {
    .service-page .kredit-s-otkrytymi-prosrochkami .contactsMain-item ul li .phone-free {
        display: block
    }
}

.service-page .kredit-s-otkrytymi-prosrochkami .contactsMain-item ul li:last-child a {
    margin-bottom: 0
}

.service-page .kredit-s-otkrytymi-prosrochkami .contactsMain-item .contact-email {
    color: #0056b8;
    display: inline-block;
    font-size: 16px;
    font-weight: 400;
    line-height: 16px;
    margin-bottom: 10px;
    text-decoration: none
}

.service-page .kredit-s-otkrytymi-prosrochkami .contactsMain-item .contact-email img {
    margin-right: 5px;
    opacity: .5;
    transition: opacity .2s ease;
    vertical-align: middle
}

@media screen and (max-width:767px) {
    .service-page .kredit-s-otkrytymi-prosrochkami .contactsMain-item .contact-email img {
        margin-bottom: 5px
    }
}

.service-page .kredit-s-otkrytymi-prosrochkami .contactsMain-item .contact-email:hover img {
    opacity: 1
}

.service-page .kredit-s-otkrytymi-prosrochkami .contactsMain-heading span {
    color: #1f9bde
}

@media screen and (max-width:767px) {
    .service-page .kredit-s-otkrytymi-prosrochkami .contactsMain-heading span {
        display: block;
        font-size: 16px
    }
}

.service-page .kredit-s-otkrytymi-prosrochkami .contactsMain .contactsMain-description {
    display: flex;
    justify-content: space-between;
    padding-top: 10px
}

@media screen and (max-width:767px) {
    .service-page .kredit-s-otkrytymi-prosrochkami .contactsMain .contactsMain-description {
        padding-top: 20px
    }
}

.service-page .kredit-s-otkrytymi-prosrochkami .contactsMain .contactsMain-description>div {
    font-size: 18px;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 1.3;
    padding-top: 20px;
    text-align: right
}

@media screen and (max-width:767px) {
    .service-page .kredit-s-otkrytymi-prosrochkami .contactsMain .contactsMain-description>div {
        font-size: 14px;
        padding-top: 0;
        text-align: left
    }
}

.service-page .kredit-s-otkrytymi-prosrochkami .contactsMain .contactsMain-description img {
    float: right;
    margin-left: 20px
}

@media screen and (max-width:767px) {
    .service-page .kredit-s-otkrytymi-prosrochkami .contactsMain .contactsMain-description img {
        margin-left: 5px
    }
}

@media screen and (min-width:992px) and (max-width:1023px) {
    .service-page .kredit-s-otkrytymi-prosrochkami .contactsDepartment .row {
        display: flex;
        margin: 0 -10px
    }

    .service-page .kredit-s-otkrytymi-prosrochkami .contactsDepartment .col-lg-4 {
        display: flex;
        padding: 0 10px;
        width: 33.33333%
    }
}

@media screen and (min-width:1024px) {
    .service-page .kredit-s-otkrytymi-prosrochkami .contactsDepartment .row {
        display: block
    }
}

@media screen and (min-width:1200px) {
    .service-page .kredit-s-otkrytymi-prosrochkami .contactsDepartment {
        margin-bottom: 24px
    }

    .service-page .kredit-s-otkrytymi-prosrochkami .contactsDepartment .row {
        display: flex;
        margin: 0 -10px
    }

    .service-page .kredit-s-otkrytymi-prosrochkami .contactsDepartment .col-lg-4 {
        display: flex;
        padding: 0 10px;
        width: 33.33333%
    }
}

.service-page .kredit-s-otkrytymi-prosrochkami .contactsDepartment-item {
    border-radius: 5px;
    box-sizing: border-box;
    color: #003764;
    display: flex;
    flex-direction: column;
    font-size: 16px;
    font-weight: 400;
    margin-bottom: 20px;
    overflow: hidden;
    padding-bottom: 30px;
    position: relative;
    text-align: center;
    z-index: 1
}

@media (max-width:991px) {
    .service-page .kredit-s-otkrytymi-prosrochkami .contactsDepartment-item {
        display: block
    }
}

.service-page .kredit-s-otkrytymi-prosrochkami .contactsDepartment-item:before {
    border: 1px solid #0076ff;
    border-radius: 5px;
    bottom: 0;
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
    z-index: -1
}

.service-page .kredit-s-otkrytymi-prosrochkami .contactsDepartment-item a {
    display: block;
    font-size: 16px;
    font-weight: 600;
    text-decoration: none
}

.service-page .kredit-s-otkrytymi-prosrochkami .contactsDepartment-item a img {
    margin-right: 7px;
    opacity: .5;
    transform: translateZ(0);
    transition: opacity .2s ease;
    vertical-align: middle
}

.service-page .kredit-s-otkrytymi-prosrochkami .contactsDepartment-item a:hover img {
    opacity: 1
}

@media screen and (min-width:768px) {
    .service-page .kredit-s-otkrytymi-prosrochkami .contactsDepartment-item .link-img {
        height: 14px;
        margin-top: auto
    }
}

.service-page .kredit-s-otkrytymi-prosrochkami .contactsDepartment-head {
    background-color: #4c88cd;
    color: #fff;
    font-weight: 700;
    min-height: 70px;
    padding: 20px 10px
}

.service-page .kredit-s-otkrytymi-prosrochkami .contactsDepartment-head.marceting {
    padding: 15px 45px 10px
}

@media screen and (max-width:1023px) {

    .service-page .kredit-s-otkrytymi-prosrochkami .contactsDepartment-head,
    .service-page .kredit-s-otkrytymi-prosrochkami .contactsDepartment-head.marceting {
        padding: 16px
    }

    .service-page .kredit-s-otkrytymi-prosrochkami .contactsDepartment-head {
        font-size: 14px
    }

    .service-page .kredit-s-otkrytymi-prosrochkami .contactsDepartment-head.marceting {
        padding: 16px 0
    }
}

.service-page .kredit-s-otkrytymi-prosrochkami .contactsDepartment-body {
    padding: 30px 20px 15px
}

.service-page .kredit-s-otkrytymi-prosrochkami .contactsDepartment-body a {
    display: inline-block;
    text-decoration: underline
}

.service-page .kredit-s-otkrytymi-prosrochkami .contactsDepartment-body span {
    display: inline-block;
    margin-top: 10px
}

@media screen and (max-width:1023px) {
    .service-page .kredit-s-otkrytymi-prosrochkami .contactsDepartment-body {
        font-size: 14px
    }
}

@media screen and (max-width:767px) {
    .service-page .kredit-s-otkrytymi-prosrochkami .contactsDepartment-body {
        height: auto
    }
}

@media screen and (min-width:768px) {
    .service-page .kredit-s-otkrytymi-prosrochkami .contactsDepartment .contact-email {
        margin-top: 10px
    }
}

.service-page .kredit-s-otkrytymi-prosrochkami .contactsMap {
    height: 0;
    margin-bottom: 24px;
    overflow: hidden;
    padding: 0 0 36.25%;
    position: relative
}

.service-page .kredit-s-otkrytymi-prosrochkami .contactsMap-item {
    border: 0;
    bottom: 0;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

@media (max-width:767px) {
    .service-page .kredit-s-otkrytymi-prosrochkami .rekvizit-item {
        font-size: 14px
    }
}

@media (min-width:768px) {
    .service-page .kredit-s-otkrytymi-prosrochkami .rekvizit-item {
        display: flex
    }
}

.service-page .kredit-s-otkrytymi-prosrochkami .rekvizit-item-name {
    display: inline-block;
    font-weight: 700;
    min-width: 170px
}

@media (max-width:767px) {
    .service-page .kredit-s-otkrytymi-prosrochkami .rekvizit-item-name {
        display: block;
        width: 100%
    }
}

.service-page .kredit-s-otkrytymi-prosrochkami .contact-rekvizits {
    background-color: #f3f3f3;
    border: 1px solid #f3f3f3;
    border-radius: 5px;
    margin-bottom: 24px;
    padding: 35px
}

.service-page .kredit-s-otkrytymi-prosrochkami .contact-rekvizits:after,
.service-page .kredit-s-otkrytymi-prosrochkami .contact-rekvizits:before {
    clear: both;
    content: "";
    display: table
}

@media screen and (max-width:1023px) {
    .service-page .kredit-s-otkrytymi-prosrochkami .contact-rekvizits {
        padding: 20px;
        width: 100%
    }
}

.service-page .kredit-s-otkrytymi-prosrochkami .contact-rekvizits-left {
    display: inline-block;
    padding-right: 16px;
    width: calc(100% - 150px)
}

@media screen and (min-width:768px) and (max-width:1023px) {
    .service-page .kredit-s-otkrytymi-prosrochkami .contact-rekvizits-left {
        width: calc(100% - 100px)
    }
}

@media screen and (max-width:767px) {
    .service-page .kredit-s-otkrytymi-prosrochkami .contact-rekvizits-left {
        padding-right: 4px;
        width: calc(100% - 70px)
    }
}

.service-page .kredit-s-otkrytymi-prosrochkami .contact-rekvizits-right {
    float: right;
    max-width: 150px;
    text-align: center
}

.service-page .kredit-s-otkrytymi-prosrochkami .contact-rekvizits-right img {
    margin-top: 10px;
    opacity: .6;
    width: 100%
}

@media screen and (min-width:768px) and (max-width:1024px) {
    .service-page .kredit-s-otkrytymi-prosrochkami .contact-rekvizits-right {
        max-width: 100px;
        text-align: left
    }
}

@media screen and (max-width:767px) {
    .service-page .kredit-s-otkrytymi-prosrochkami .contact-rekvizits-right {
        max-width: 70px;
        text-align: left
    }

    .service-page .kredit-s-otkrytymi-prosrochkami .contact-rekvizits-right img {
        margin-top: 4px
    }
}

@media (min-width:768px) {
    .service-page .kredit-s-otkrytymi-prosrochkami .feedBack .row {
        display: flex;
        margin: 0 -10px
    }

    .service-page .kredit-s-otkrytymi-prosrochkami .feedBack .col-sm-5 {
        padding: 0 10px;
        width: 41.66667%
    }

    .service-page .kredit-s-otkrytymi-prosrochkami .feedBack .col-sm-7 {
        padding: 0 10px;
        width: 58.33333%
    }

    .service-page .kredit-s-otkrytymi-prosrochkami .feedBack .write-us {
        font-size: 16px;
        height: 155px;
        margin-right: -24px;
        padding: 0 14px 0 0;
        width: calc(100% + 38px)
    }
}

@media (min-width:768px) and (min-width:1024px) {
    .service-page .kredit-s-otkrytymi-prosrochkami .feedBack .write-us {
        height: 171px
    }
}

.service-page .kredit-s-otkrytymi-prosrochkami .faq-heading {
    margin: 32px 0 16px
}

@media (min-width:1024px) {
    .service-page .kredit-s-otkrytymi-prosrochkami .faq-heading {
        margin: 40px 0 16px
    }
}

.service-page .kredit-s-otkrytymi-prosrochkami .how-extend-top>.faq-heading {
    color: #0055bc;
    margin-top: 0
}

@media (min-width:1024px) {
    .service-page .kredit-s-otkrytymi-prosrochkami .row {
        display: flex
    }

    .service-page .kredit-s-otkrytymi-prosrochkami .col-md-6,
    .service-page .kredit-s-otkrytymi-prosrochkami .col-sm-6 {
        width: 50%
    }
}

.service-page .kredit-s-otkrytymi-prosrochkami .content-terminal .pay-heading {
    margin-bottom: 20px;
    text-align: left
}

.service-page .kredit-s-otkrytymi-prosrochkami .content-terminal .pay-heading .pay-img {
    height: 50px;
    line-height: 50px;
    margin: 0 auto;
    width: 100px
}

@media screen and (max-width:767px) {
    .service-page .kredit-s-otkrytymi-prosrochkami .content-terminal .pay-heading .pay-img {
        margin-bottom: 10px;
        margin-left: 0;
        width: 80px
    }
}

.service-page .kredit-s-otkrytymi-prosrochkami .content-terminal .pay-heading .pay-img img {
    display: inline-block;
    vertical-align: bottom;
    width: 100%
}

.service-page .kredit-s-otkrytymi-prosrochkami .content-terminal .pay-heading .pay-img .pay-img__time {
    height: 100%;
    width: auto
}

.service-page .kredit-s-otkrytymi-prosrochkami .content-terminal figure {
    margin-bottom: 20px
}

.service-page .kredit-s-otkrytymi-prosrochkami .content-terminal figure img {
    width: 100%
}

.service-page .kredit-s-otkrytymi-prosrochkami .content-terminal__block:nth-child(2n) {
    border-left: 1px solid rgba(48, 104, 169, .2)
}

.service-page .kredit-s-otkrytymi-prosrochkami .content-terminal-2 .content-terminal__block {
    border-left: none;
    border-right: 1px solid rgba(48, 104, 169, .2);
    border-top: 1px solid rgba(48, 104, 169, .2)
}

.service-page .kredit-s-otkrytymi-prosrochkami .content-terminal-2 .content-terminal__block:nth-child(2n) {
    border-right: none
}

.service-page .kredit-s-otkrytymi-prosrochkami .content-terminal__block {
    padding: 15px 10px
}

@media screen and (max-width:991px) {
    .service-page .kredit-s-otkrytymi-prosrochkami .content-terminal .pay-heading .pay-img {
        margin-left: 125px
    }

    .service-page .kredit-s-otkrytymi-prosrochkami .content-terminal__block:nth-child(2n) {
        border-left: none
    }

    .service-page .kredit-s-otkrytymi-prosrochkami .content-terminal-2 .content-terminal__block {
        border: none;
        border-top: 1px solid rgba(48, 104, 169, .2)
    }

    .service-page .kredit-s-otkrytymi-prosrochkami .content-terminal__block {
        border-top: 1px solid rgba(48, 104, 169, .2)
    }
}

.service-page .kredit-s-otkrytymi-prosrochkami .district path:hover {
    fill: #0056b8
}

.service-page .kredit-s-otkrytymi-prosrochkami .content-redesign .custom-p {
    color: #15a3e8;
    font-size: 14px;
    font-weight: 600;
    line-height: 14px
}

@media (min-width:1024px) {
    .service-page .kredit-s-otkrytymi-prosrochkami .content-redesign .custom-p {
        font-size: 16px;
        line-height: 19px
    }
}

.service-page .kredit-s-otkrytymi-prosrochkami .content-redesign .custom-ul {
    margin-bottom: 16px
}

.service-page .kredit-s-otkrytymi-prosrochkami .content-redesign figure {
    margin: 0;
    text-align: center
}

.service-page .kredit-s-otkrytymi-prosrochkami .content-redesign figcaption {
    color: #72838f;
    font-size: 12px;
    line-height: 13px;
    margin-bottom: 8px;
    text-decoration: none
}

.service-page .kredit-s-otkrytymi-prosrochkami .content-redesign .not-underline {
    text-decoration: none
}

@media (min-width:768px) {
    .service-page .kredit-s-otkrytymi-prosrochkami .terminal-count .row {
        display: flex;
        flex-wrap: wrap
    }

    .service-page .kredit-s-otkrytymi-prosrochkami .terminal-count .col-md-5 {
        padding-right: 20px;
        width: 41.66667%
    }
}

.service-page .kredit-s-otkrytymi-prosrochkami .terminal-wrapper {
    display: inline-block;
    margin: 0 0 30px;
    padding-bottom: 56.25%;
    position: relative;
    vertical-align: middle;
    width: 100%
}

.service-page .kredit-s-otkrytymi-prosrochkami .terminal-wrapper svg {
    display: inline-block;
    height: 100%;
    left: 0;
    overflow: visible !important;
    position: absolute;
    top: 0;
    width: 100%
}

.service-page .kredit-s-otkrytymi-prosrochkami .terminal-marker-wrapper {
    text-decoration: none
}

.service-page .kredit-s-otkrytymi-prosrochkami .terminal-marker-wrapper:hover .terminal-left img,
.service-page .kredit-s-otkrytymi-prosrochkami .terminal-marker-wrapper:hover .terminal-left svg {
    transform: scale(.9);
    transition: transform .3s
}

.service-page .kredit-s-otkrytymi-prosrochkami .terminal-marker-wrapper .terminal-left,
.service-page .kredit-s-otkrytymi-prosrochkami .terminal-marker-wrapper .terminal-right {
    display: inline-block;
    vertical-align: top
}

.service-page .kredit-s-otkrytymi-prosrochkami .terminal-marker-wrapper .terminal-left {
    margin-right: 10px
}

.service-page .kredit-s-otkrytymi-prosrochkami .terminal-marker-wrapper .terminal-left span,
.service-page .kredit-s-otkrytymi-prosrochkami .terminal-marker-wrapper .terminal-right span {
    display: block;
    padding-top: 7px;
    text-decoration: underline
}

.service-page .kredit-s-otkrytymi-prosrochkami .terminal-marker-wrapper .terminal-right {
    color: #0056b8;
    margin-bottom: 20px
}

.service-page .kredit-s-otkrytymi-prosrochkami .terminal-marker-wrapper .terminal-right img {
    height: 30px
}

.service-page .kredit-s-otkrytymi-prosrochkami .dropdown-menu>li,
.service-page .kredit-s-otkrytymi-prosrochkami ul.custom>li {
    padding-left: 0
}

.service-page .kredit-s-otkrytymi-prosrochkami .dropdown-menu>li:before,
.service-page .kredit-s-otkrytymi-prosrochkami ul.custom>li:before {
    display: none
}

.service-page .question-item {
    background: #f6f7f9;
    border-radius: 8px;
    margin-bottom: 8px;
    padding: 16px
}

@media (min-width:768px) {
    .service-page .question-item {
        margin-bottom: 16px;
        padding: 16px 24px;
        position: relative
    }
}

.service-page .question-item:last-child {
    margin-bottom: 0
}

.service-page .question-title {
    color: #203b4f;
    flex: 0 0 calc(100% - 16px);
    font-size: 18px;
    font-weight: 600;
    line-height: 133%;
    padding-right: 8px;
    transition: color .3s ease;
    width: calc(100% - 16px)
}

.service-page .question-title.bold {
    font-weight: 700
}

.service-page .question-btn {
    flex: 0 0 16px;
    height: 16px;
    position: relative;
    top: -4px;
    transform: rotate(45deg);
    width: 16px
}

.service-page .question-btn:after,
.service-page .question-btn:before {
    background-color: #0076ff;
    border-radius: 2px;
    bottom: 2px;
    content: "";
    display: block;
    position: absolute;
    right: 2px
}

.service-page .question-btn:before {
    height: 12px;
    width: 2px
}

.service-page .question-btn:after {
    height: 2px;
    width: 12px
}

.service-page .question-body {
    height: 0;
    overflow: hidden
}

.service-page .question-content {
    color: #203b4f;
    font-size: 14px;
    line-height: 20px;
    padding: 10px 20px 0 0
}

@media (min-width:768px) {
    .service-page .question-content {
        font-size: 16px;
        line-height: 24px;
        padding: 24px 34px 0 0
    }
}

.service-page .question-content a {
    font-size: inherit;
    line-height: inherit
}

.service-page .question-content .bordered-black li {
    font-weight: 700
}

.service-page .js-active .question-btn {
    top: 4px;
    transform: rotate(-135deg)
}

.service-page .js-active .question-title {
    color: #0076ff
}

.service-page .js-accordionBtn {
    cursor: pointer
}

.service-page .how {
    word-wrap: break-word
}

.service-page .how a {
    font-size: inherit
}

@media (max-width:768px) {
    .service-page .how {
        padding: 0
    }
}

.service-page .how-work {
    font-size: 18px;
    font-weight: 300;
    line-height: 1.5
}

.service-page .how-top {
    background-color: #eaf2f9;
    border-left: 2px solid #0083ca;
    color: #003466;
    font-size: 18px;
    font-weight: 300;
    line-height: 1.4;
    margin-bottom: 16px;
    padding: 16px
}

@media (min-width:768px) {
    .service-page .how-top {
        font-size: 20px;
        margin-bottom: 20px;
        padding: 34px 38px
    }
}

.service-page .how-top a {
    color: #0055bc;
    font-size: inherit
}

.service-page .how-top--inverse {
    border-bottom: none
}

.service-page .how-top span {
    font-weight: 600
}

.service-page .how-blocks .row:after,
.service-page .how-blocks .row:before {
    content: " ";
    display: table
}

.service-page .how-blocks .row:after {
    clear: both
}

.service-page .how-block {
    background-color: #0055b8;
    border-radius: 10px;
    color: #fff;
    font-size: 17px;
    font-weight: 300;
    line-height: 25px;
    margin-bottom: -15px;
    padding: 30px;
    position: relative;
    transition: transform .5s ease-out;
    width: 80%;
    z-index: 1
}

.service-page .how-block p {
    color: #fff
}

.service-page .how-block--right {
    float: right
}

.service-page .how-block--second {
    background-color: #5489c7;
    margin-left: 10%;
    z-index: 2
}

.service-page .how-block--third {
    background-color: #75aced;
    z-index: 3
}

.service-page .how-block--thirth {
    background-color: #387dce;
    margin-left: 10%;
    z-index: 4
}

.service-page .how-block a {
    color: #fff
}

.service-page .how-right {
    font-size: 19px;
    margin-bottom: 39px;
    margin-left: 26%;
    width: 74%
}

@media (max-width:768px) {
    .service-page .how-right {
        margin-bottom: 20px;
        margin-left: 0;
        width: 100%
    }
}

.service-page .how-right--bordered {
    border-bottom: 1px solid #dbdbdb;
    margin-bottom: 39px
}

.service-page .how-right p {
    line-height: 28px
}

.service-page .how-right p span {
    color: #0055b8
}

.service-page .how-right a {
    font-size: inherit
}

.service-page .how-right ol li {
    margin-bottom: 3px;
    text-align: left
}

@media (min-width:768px) {
    .service-page .how-right .heading-h2 {
        line-height: 38px
    }
}

.service-page .how-blocks .heading-h2,
.service-page .how-left .heading-h2,
.service-page .how-right .heading-h2 {
    font-size: 22px;
    font-weight: 700;
    letter-spacing: 0;
    line-height: 26px;
    margin-bottom: 24px
}

.service-page .how-number {
    color: #999;
    font-size: 30px;
    font-weight: 700;
    left: -35%;
    line-height: 66px;
    opacity: .25;
    position: relative;
    transform: translate(0);
    transition: transform .5s ease-out
}

@media (max-width:768px) {
    .service-page .how-number {
        display: none
    }
}

@media (min-width:1140px) {
    .service-page .how-number {
        font-size: 34px
    }
}

.service-page .how-left {
    font-size: 19px;
    margin-bottom: 39px
}

.service-page .how-left--bordered {
    border-bottom: 1px solid #dbdbdb;
    padding-bottom: 39px
}

.service-page .how-left p span {
    color: #0055b8
}

.service-page .how-left a {
    font-size: inherit
}

.service-page .how-holder {
    padding-top: 20px
}

.service-page .how-holder:after,
.service-page .how-holder:before {
    content: " ";
    display: table
}

.service-page .how-holder:after {
    clear: both
}

.service-page .how-info {
    float: left;
    width: 40%
}

@media (max-width:768px) {
    .service-page .how-info {
        float: none;
        text-align: center;
        width: 100%
    }
}

.service-page .how-info--right {
    float: right;
    text-align: right
}

@media (max-width:768px) {
    .service-page .how-info--right {
        float: none;
        margin-bottom: 30px;
        text-align: center;
        width: 100%
    }
}

.service-page .how-info--full {
    float: none;
    text-align: center;
    width: 100%
}

.service-page .how-info img {
    height: 80px;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 80px
}

.service-page .how-svg {
    border: 1px dashed #0056b8;
    border-radius: 50%;
    display: inline-block;
    height: 185px;
    padding-top: 40px;
    position: relative;
    width: 185px
}

.service-page .how-img {
    float: right;
    text-align: right;
    width: 60%
}

@media (max-width:768px) {
    .service-page .how-img {
        float: none;
        margin-bottom: 30px;
        text-align: center;
        width: 100%
    }
}

.service-page .how-img--left {
    float: left;
    margin-bottom: 20px;
    text-align: left
}

@media (max-width:768px) {
    .service-page .how-img--left {
        float: none;
        text-align: center;
        width: 100%
    }
}

.service-page-banner .section-service-content .content {
    background-color: inherit;
    padding: 0
}

.service-page-banner .section-service-content li,
.service-page-banner .section-service-content p {
    line-height: 20px
}

.service-page-banner .section-service-content li:last-child,
.service-page-banner .section-service-content p:last-child {
    margin-bottom: 0
}

.service-page-banner .section-service-content .security-item {
    background-color: #f1f3f6
}

.service-page-banner .section-about-credit,
.service-page-banner .section-seo,
.service-page-banner .section-why-credit,
.service-page-banner .security-section {
    padding-bottom: 0
}

.service-page-banner .content-calculator {
    padding-top: 22px
}

.service-page-annuitet .rangeLoan-tab:not(.active),
.service-page-annuitet .rangeLoan-tab__wr:before {
    display: none
}

.service-page-annuitet .rangeLoan-tab,
.service-page-annuitet .rangeLoan-tab:last-child {
    border-radius: 8px 8px 0 0;
    width: 50%
}

.service-page-annuitet .rangeLoan-tab__wr {
    background: 0 0
}

.service-page-annuitet .section-about-credit {
    padding-top: 48px
}

@media (min-width:768px) {
    .service-page-annuitet .section-about-credit {
        padding-top: 88px
    }
}

.service-page-annuitet .section-reviews {
    padding-top: 0
}

.service-page-annuitet .tooltip-content {
    font-size: 14px;
    font-weight: 400
}

@media (min-width:768px) {
    .service-page-annuitet .tooltip-content {
        font-size: 16px
    }
}

.service-page-credit-online .section-why-credit {
    padding: 0
}

@media (min-width:1024px) {
    .service-page-credit-online .section-question {
        padding-bottom: 0
    }
}

.service-page-money .section-about-credit,
.service-page-money .section-seo,
.service-page-reject .section-about-credit {
    padding-top: 0
}

.service-page-reject .section-seo {
    padding: 0
}

.service-page-0 .section-about-credit,
.service-page-365 .section-about-credit,
.service-page-microcredit .section-about-credit {
    padding-top: 0
}

.service-page-0 .section-seo,
.service-page-365 .section-seo,
.service-page-microcredit .section-seo {
    padding: 0
}

.service-page-history .section-about-credit,
.service-page-history .section-seo {
    padding-top: 0
}

.service-page-text .how-top {
    background: #f2f7fc;
    border-left: 4px solid #0076ff;
    border-radius: 8px;
    margin-bottom: 24px;
    padding: 16px 16px 16px 20px
}

.service-page-text p+.how-top {
    margin-top: 24px
}

.service-page-text .col-content-block,
.service-page-text .content {
    background-color: #fff;
    border-radius: 5px;
    padding: 10px 10px 20px
}

@media (min-width:768px) {

    .service-page-text .col-content-block,
    .service-page-text .content {
        padding: 20px 20px 30px
    }
}

.service-page-text .col-content-block li,
.service-page-text .col-content-block p,
.service-page-text .content li,
.service-page-text .content p {
    font-size: 16px;
    line-height: 20px
}

.service-page-text .col-content-block li:before,
.service-page-text .content li:before {
    top: 6px
}

.service-page-text .numbers-gif,
.service-page-text .numbers-play {
    bottom: 0;
    cursor: pointer;
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.service-page-text .numbers-play {
    font-size: 20px;
    z-index: 5
}

.service-page-text .numbers-gif {
    width: 100%;
    z-index: 3
}

.service-page-text .numbers-play--holder {
    align-items: center;
    bottom: 20px;
    color: #fff;
    display: flex;
    left: 20px;
    position: absolute;
    right: 20px;
    text-align: left;
    top: auto;
    transform: translate(0)
}

.service-page-text .numbers-play--holder img {
    height: 50px;
    margin: 0 15px 0 0;
    width: 50px
}

.service-page-text .numbers-play--holder p {
    color: #fff
}

.service-page-text .iframe-relative {
    margin-bottom: 15px;
    overflow: hidden;
    position: relative
}

.service-page-text .iframe-relative:after {
    background-color: rgba(56, 138, 182, .8);
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 3
}

.service-page-text .iframe-relative.active:after {
    display: none
}

.service-page-text .city-column {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between
}

@media (min-width:1024px) {
    .service-page-text .city-column {
        justify-content: flex-start
    }
}

.service-page-text .city-column a {
    align-items: center;
    background: #fff;
    border-radius: 8px;
    box-shadow: 0 6px 16px rgba(6, 66, 135, .06);
    color: #0076ff;
    display: flex;
    font-size: 14px;
    font-weight: 600;
    justify-content: center;
    line-height: 1.3;
    margin-bottom: 8px;
    padding: 13px 0;
    text-decoration: none;
    width: 49%
}

@media (min-width:1024px) {
    .service-page-text .city-column a {
        margin-bottom: 16px;
        margin-right: 16px;
        padding: 13px 24px;
        width: auto
    }
}

.service-page-text .city-column a:active,
.service-page-text .city-column a:focus,
.service-page-text .city-column a:hover {
    background: #0076ff;
    color: #fff
}

.service-page-text .content li:last-child,
.service-page-text .question-item li:last-child {
    margin-bottom: 12px
}

.service-page-text .city-aside-links>ul {
    padding: 10px 0
}

.service-page-text .city-aside-links a,
.service-page-text .city-aside-links li span {
    border: 1px solid #fff;
    color: #203b4f;
    display: block;
    padding: 13px 25px;
    position: relative;
    text-decoration: none
}

.service-page-text .city-aside-links a:after,
.service-page-text .city-aside-links li span:after {
    background-color: #0076ff;
    bottom: 0;
    content: "";
    position: absolute;
    right: 0;
    top: 0;
    transform: scale(0);
    transition: transform .3s;
    width: 3px
}

.service-page-text .city-aside-links a.active,
.service-page-text .city-aside-links a:hover,
.service-page-text .city-aside-links li span.active,
.service-page-text .city-aside-links li span:hover {
    background-color: #eceff9;
    border-color: #dbdee9 #eceff9;
    border-style: solid;
    border-width: 1px;
    color: #0076ff;
    text-decoration: none
}

.service-page-text .city-aside-links a.active:after,
.service-page-text .city-aside-links a:hover:after,
.service-page-text .city-aside-links li span.active:after,
.service-page-text .city-aside-links li span:hover:after {
    transform: scale(1)
}

.service-page-text .city-aside-links li ul a {
    padding-left: 40px
}

@media (min-width:768px) {
    .service-page-text .content-calculator .rangeLoan-bottom {
        align-items: flex-start;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: space-between;
        padding-top: 31px
    }

    .service-page-text .content-calculator .rangeLoan .right-side {
        flex: 0 0 297px;
        order: unset;
        padding: 32px 16px 0 0
    }

    .service-page-text .content-calculator .rangeLoan .left-side {
        flex: 0 0 50%;
        font-size: 13px;
        order: unset;
        padding: 37px 15px 14px
    }
}

@media (min-width:1024px) {
    .service-page-text .content-calculator .rangeLoan .left-side {
        flex: 0 0 calc(100% - 305px);
        padding: 4px 16px 8px 24px
    }
}

.service-page-credit-students .section-about-credit,
.service-page-credit-students .section-seo {
    padding-bottom: 0
}

.table-box {
    background: #fff;
    margin-bottom: 32px
}

.table-box .table-box_item {
    border-radius: 4px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, .15);
    margin-bottom: 25px
}

.table-box .table-box_item .top-part {
    border-bottom: 1px solid #e2e2e2;
    display: flex;
    flex-wrap: wrap
}

@media (max-width:1161px) {
    .table-box .table-box_item .top-part {
        padding: 16px 8px
    }
}

.table-box .table-box_item .top-part>li {
    align-items: center;
    display: flex;
    width: 25%
}

.table-box .table-box_item .top-part>li.top-part_header {
    background: #e2e2e2;
    color: #000;
    font-size: 16px;
    font-weight: 300;
    padding: 15px 25px
}

@media (max-width:1160px) {
    .table-box .table-box_item .top-part>li.top-part_header {
        background: inherit;
        margin-bottom: 8px;
        padding: 0
    }
}

.table-box .table-box_item .top-part>li.border_r_left {
    border-top-left-radius: 4px
}

@media (max-width:1160px) {
    .table-box .table-box_item .top-part>li.border_r_left {
        border-top-right-radius: 4px
    }
}

.table-box .table-box_item .top-part>li.border_r_right {
    border-top-right-radius: 4px
}

@media (max-width:1160px) {
    .table-box .table-box_item .top-part>li.border_r_right {
        border-top-right-radius: 0
    }
}

.table-box .table-box_item .top-part>li.top-part_content {
    color: #003764;
    padding: 30px 25px
}

@media (max-width:1160px) {
    .table-box .table-box_item .top-part>li.top-part_content {
        padding: 0
    }

    .table-box .table-box_item .top-part>li.top-part_content:not(:last-child) {
        margin-bottom: 22px
    }
}

.table-box .table-box_item .top-part>li .bold {
    font-size: 20px;
    font-weight: 600
}

.table-box .table-box_item .top-part>li .unit {
    margin-bottom: -4px;
    margin-left: 2px
}

@media (max-width:1160px) {
    .table-box .table-box_item .top-part>li {
        width: 100%
    }

    .table-box .table-box_item .top-part>li.order_1 {
        order: 1
    }

    .table-box .table-box_item .top-part>li.order_2 {
        order: 3
    }

    .table-box .table-box_item .top-part>li.order_3 {
        order: 5
    }

    .table-box .table-box_item .top-part>li.order_4 {
        order: 7
    }

    .table-box .table-box_item .top-part>li.order_5 {
        order: 2
    }

    .table-box .table-box_item .top-part>li.order_6 {
        order: 4
    }

    .table-box .table-box_item .top-part>li.order_7 {
        order: 6
    }

    .table-box .table-box_item .top-part>li.order_8 {
        order: 8
    }
}

.table-box .table-box_item .footer-part {
    color: #003764;
    padding: 15px 25px
}

@media (max-width:1160px) {
    .table-box .table-box_item .footer-part {
        padding: 16px 8px
    }
}

.table-box .table-box_item .footer-part .title {
    display: block;
    font-size: 16px;
    font-weight: 300;
    margin-bottom: 10px
}

.table-box .table-box_item .footer-part .footer-row {
    margin-bottom: 20px
}

@media screen and (min-width:768px) {
    .table-box .table-box_item .footer-part .footer-row {
        display: flex;
        flex: 0 0 67%;
        flex-wrap: wrap;
        margin-bottom: 0
    }
}

.table-box .table-box_item .footer-part .footer-row>li {
    align-items: center;
    color: #003764;
    display: flex;
    font-size: 15px;
    font-weight: 300
}

.table-box .table-box_item .footer-part .footer-row>li:not(:last-child) {
    margin-bottom: 15px
}

@media screen and (min-width:768px) {
    .table-box .table-box_item .footer-part .footer-row>li:last-child {
        flex: 0 0 100%
    }

    .table-box .table-box_item .footer-part .footer-row>li {
        flex: 0 0 50%
    }
}

.table-box .table-box_item .footer-part .footer-row>li .icon {
    align-items: center;
    background: #0076ff;
    border-radius: 50%;
    box-shadow: 0 2px 8px rgba(0, 85, 184, .4);
    display: flex;
    height: 40px;
    justify-content: center;
    margin-right: 10px;
    width: 40px
}

.table-box .table-box_item .footer-part .footer-row>li .text {
    flex: 1;
    line-height: 19px;
    min-width: 110px
}

.content-box h1,
.content-box h2 {
    margin-bottom: 16px
}

.content-box .content-list {
    margin-bottom: 10px
}

.content-box .content-list li {
    font-size: inherit;
    line-height: inherit;
    padding-left: 16px;
    position: relative
}

.content-box .content-list li:not(:last-child) {
    margin-bottom: 8px
}

.content-box .content-list li:before {
    background-color: #0076ff;
    border-radius: 50%;
    content: "";
    height: 6px;
    left: 0;
    position: absolute;
    top: 8px;
    width: 6px
}

@font-face {
    font-display: block;
    font-family: icomoon-footer;
    font-style: normal;
    font-weight: 400;
    src: url(../fonts/icomoon-footer.ttf) format("truetype")
}

[class*=" icon-"],
[class^=icon-] {
    speak: never;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-family: icomoon-footer !important;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    line-height: 1;
    text-transform: none
}

.icon-telegram-ic .path1:before {
    color: #000;
    content: "\e904"
}

.icon-telegram-ic .path2:before {
    color: #37aef3;
    content: "\e905";
    margin-left: -1em
}

.icon-telegram-ic .path3:before {
    color: #fff;
    content: "\e906";
    margin-left: -1em
}

.icon-viber-ic .path1:before {
    color: #7360f2;
    content: "\e915"
}

.icon-viber-ic .path2:before {
    color: #fff;
    content: "\e918";
    margin-left: -1em
}

.icon-footer--life .path1:before {
    color: #fff;
    content: "\e902"
}

.icon-footer--life .path2:before {
    color: #ffcb05;
    content: "\e903";
    margin-left: -1em
}

.icon-footer--viber:before {
    color: #a6b1b9;
    content: "\e900"
}

.icon-header-pay:before {
    color: #0055b8;
    content: "\e952"
}

.icon-labe--0 .path1:before {
    color: #1f91ca;
    content: "\e91e"
}

.icon-labe--0 .path2:before {
    color: #fff;
    content: "\e91f";
    margin-left: -1em
}

.icon-labe--0 .path3:before {
    color: #fff;
    content: "\e920";
    margin-left: -1em
}

.icon-labe--0 .path4:before {
    color: #fff;
    content: "\e921";
    margin-left: -1em
}

.icon-labe--0 .path5:before {
    color: #fff;
    content: "\e922";
    margin-left: -1em
}

.icon-labe--0 .path6:before {
    color: #fff;
    content: "\e923";
    margin-left: -1em
}

.icon-labe--0 .path7:before {
    color: #fff;
    content: "\e924";
    margin-left: -1em
}

.icon-labe--0 .path8:before {
    color: #fff;
    content: "\e925";
    margin-left: -1em
}

.icon-labe--0 .path9:before {
    color: #fff;
    content: "\e926";
    margin-left: -1em
}

.icon-labe--0 .path10:before {
    color: #fff;
    content: "\e927";
    margin-left: -1em
}

.icon-labe--0 .path11:before {
    color: #fff;
    content: "\e928";
    margin-left: -1em
}

.icon-labe--0 .path12:before {
    color: #fff;
    content: "\e929";
    margin-left: -1em
}

.icon-labe--0 .path13:before {
    color: #fff;
    content: "\e92a";
    margin-left: -1em
}

.icon-labe--0 .path14:before {
    color: #fff;
    content: "\e92b";
    margin-left: -1em
}

.icon-labe--0 .path15:before {
    color: #fff;
    content: "\e92c";
    margin-left: -1em
}

.icon-labe--0-ukr .path1:before {
    color: #1f91ca;
    content: "\e92d"
}

.icon-labe--0-ukr .path2:before {
    color: #fff;
    content: "\e92e";
    margin-left: -1em
}

.icon-labe--0-ukr .path3:before {
    color: #fff;
    content: "\e92f";
    margin-left: -1em
}

.icon-labe--0-ukr .path4:before {
    color: #fff;
    content: "\e930";
    margin-left: -1em
}

.icon-labe--24-7 .path1:before {
    color: #01cf8f;
    content: "\e931"
}

.icon-labe--24-7 .path2:before {
    color: #fff;
    content: "\e945";
    margin-left: -1em
}

.icon-labe--24-7 .path3:before {
    color: #fff;
    content: "\e946";
    margin-left: -1em
}

.icon-labe--24-7 .path4:before {
    color: #fff;
    content: "\e947";
    margin-left: -1em
}

.icon-labe--24-7 .path5:before {
    color: #fff;
    content: "\e948";
    margin-left: -1em
}

.icon-labe--parts .path1:before {
    color: #1f91ca;
    content: "\e949"
}

.icon-labe--parts .path2:before {
    color: #fff;
    content: "\e94a";
    margin-left: -1em
}

.icon-labe--parts .path3:before {
    color: #fff;
    content: "\e94b";
    margin-left: -1em
}

.icon-labe--parts .path4:before {
    color: #fff;
    content: "\e94c";
    margin-left: -1em
}

.icon-labe--parts-ukr .path1:before {
    color: #1f91ca;
    content: "\e94d"
}

.icon-labe--parts-ukr .path2:before {
    color: #fff;
    content: "\e94e";
    margin-left: -1em
}

.icon-labe--parts-ukr .path3:before {
    color: #fff;
    content: "\e94f";
    margin-left: -1em
}

.icon-labe--parts-ukr .path4:before {
    color: #fff;
    content: "\e950";
    margin-left: -1em
}

.icon-footer--telegram:before {
    color: #fff;
    content: "\e91d"
}

.icon-error:before {
    color: #db4437;
    content: "\e917"
}

.icon-list:before {
    color: #01cf8f;
    content: "\e916"
}

.icon-question .path1:before {
    color: #fff;
    content: "\e910"
}

.icon-question .path2:before {
    color: #0055b8;
    content: "\e911";
    margin-left: -1em
}

.icon-question .path3:before {
    color: #0055b8;
    content: "\e912";
    margin-left: -1em
}

.icon-close:before {
    content: "\e90f"
}

.icon-calc--calendar:before {
    color: #01cf8f;
    content: "\e907"
}

.icon-calc--circle .path1:before {
    color: #15a3e8;
    content: "\e908"
}

.icon-calc--circle .path2:before {
    color: #203b4f;
    content: "\e909";
    margin-left: -1em;
    opacity: .4
}

.icon-calc--long-credit:before {
    color: #01cf8f;
    content: "\e90a"
}

.icon-calc--parts:before {
    color: #0055b8;
    content: "\e90b"
}

.icon-calc--shirt-credit:before {
    color: #01cf8f;
    content: "\e90c"
}

.icon-calc--termin:before {
    color: #01cf8f;
    content: "\e90d"
}

.icon-facebook_ic .path1:before {
    color: #3b5998;
    content: "\e932"
}

.icon-facebook_ic .path2:before {
    color: #fff;
    content: "\e933";
    margin-left: -1em
}

.icon-footer--cityphone .path1:before {
    color: #fff;
    content: "\e934"
}

.icon-footer--cityphone .path2:before {
    color: #203b4f;
    content: "\e935";
    margin-left: -1em
}

.icon-footer--facebook:before {
    color: #fff;
    content: "\e936"
}

.icon-footer--google:before {
    color: #fff;
    content: "\e937"
}

.icon-footer--insta:before {
    color: #fff;
    content: "\e938"
}

.icon-footer--kievstar .path1:before {
    color: #fff;
    content: "\e939"
}

.icon-footer--kievstar .path2:before {
    color: #41a6e4;
    content: "\e93a";
    margin-left: -1em
}

.icon-footer--kievstar .path3:before {
    color: #41a6e4;
    content: "\e93b";
    margin-left: -1em
}

.icon-footer--kievstar .path4:before {
    color: #41a6e4;
    content: "\e93c";
    margin-left: -1em
}

.icon-footer--kievstar .path5:before {
    color: #41a6e4;
    content: "\e93d";
    margin-left: -1em
}

.icon-footer--kievstar .path6:before {
    color: #41a6e4;
    content: "\e93e";
    margin-left: -1em
}

.icon-footer--vodafone .path1:before {
    color: #fff;
    content: "\e942"
}

.icon-footer--vodafone .path2:before {
    color: #ec1c2e;
    content: "\e943";
    margin-left: -1em
}

.icon-footer--youtoobe:before {
    color: #fff;
    content: "\e944"
}

.icon-logo-sm .path1:before {
    color: #003764;
    content: "\e96d"
}

.icon-logo-sm .path2:before {
    color: #0055b8;
    content: "\e96e";
    margin-left: -1.3330078125em
}

@font-face {
    font-display: block;
    font-family: icomoon-header;
    font-style: normal;
    font-weight: 400;
    src: url(../fonts/icomoon-header.ttf) format("truetype")
}

[class*=" icon-header-"],
[class^=icon-header-] {
    speak: never;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-family: icomoon-header !important;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    line-height: 1;
    text-transform: none
}

.icon-header-star-ic:before {
    color: #1bb887;
    content: "\e940"
}

.icon-header-edit-ic:before {
    color: #0076ff;
    content: "\e93f"
}

.icon-header-chat-dropdown:before {
    color: #0076ff;
    content: "\e91c"
}

.icon-header-telegram-ic .path1:before {
    color: #000;
    content: "\e904"
}

.icon-header-telegram-ic .path2:before {
    color: #37aef3;
    content: "\e905";
    margin-left: -1em
}

.icon-header-telegram-ic .path3:before {
    color: #fff;
    content: "\e906";
    margin-left: -1em
}

.icon-header-chat-ic .path1:before {
    color: #0055b8;
    content: "\e90e"
}

.icon-header-chat-ic .path2:before {
    color: #fff;
    content: "\e913";
    margin-left: -1em
}

.icon-header-chat-ic .path3:before {
    color: #fff;
    content: "\e914";
    margin-left: -1em
}

.icon-header-viber-ic .path1:before {
    color: #7360f2;
    content: "\e915"
}

.icon-header-viber-ic .path2:before {
    color: #fff;
    content: "\e918";
    margin-left: -1em
}

.icon-header-facebook-ic .path1:before {
    content: "\e932"
}

.icon-header-facebook-ic .path2:before {
    color: #448bff;
    content: "\e933";
    margin-left: -1em
}

.icon-header-facebook-ic .path3:before {
    color: #fff;
    content: "\e91b";
    margin-left: -1em
}

.icon-header-footer--life .path1:before {
    color: #fff;
    content: "\e902"
}

.icon-header-footer--life .path2:before {
    color: #ffcb05;
    content: "\e903";
    margin-left: -1em
}

.icon-header-Account:before {
    color: #0076ff;
    content: "\e901"
}

.icon-header-footer--viber:before {
    color: #a6b1b9;
    content: "\e900"
}

.icon-header-header-pay:before {
    color: #0055b8;
    content: "\e952"
}

.icon-header-labe--0 .path1:before {
    color: #1f91ca;
    content: "\e91e"
}

.icon-header-labe--0 .path2:before {
    color: #fff;
    content: "\e91f";
    margin-left: -1em
}

.icon-header-labe--0 .path3:before {
    color: #fff;
    content: "\e920";
    margin-left: -1em
}

.icon-header-labe--0 .path4:before {
    color: #fff;
    content: "\e921";
    margin-left: -1em
}

.icon-header-labe--0 .path5:before {
    color: #fff;
    content: "\e922";
    margin-left: -1em
}

.icon-header-labe--0 .path6:before {
    color: #fff;
    content: "\e923";
    margin-left: -1em
}

.icon-header-labe--0 .path7:before {
    color: #fff;
    content: "\e924";
    margin-left: -1em
}

.icon-header-labe--0 .path8:before {
    color: #fff;
    content: "\e925";
    margin-left: -1em
}

.icon-header-labe--0 .path9:before {
    color: #fff;
    content: "\e926";
    margin-left: -1em
}

.icon-header-labe--0 .path10:before {
    color: #fff;
    content: "\e927";
    margin-left: -1em
}

.icon-header-labe--0 .path11:before {
    color: #fff;
    content: "\e928";
    margin-left: -1em
}

.icon-header-labe--0 .path12:before {
    color: #fff;
    content: "\e929";
    margin-left: -1em
}

.icon-header-labe--0 .path13:before {
    color: #fff;
    content: "\e92a";
    margin-left: -1em
}

.icon-header-labe--0 .path14:before {
    color: #fff;
    content: "\e92b";
    margin-left: -1em
}

.icon-header-labe--0 .path15:before {
    color: #fff;
    content: "\e92c";
    margin-left: -1em
}

.icon-header-labe--0-ukr .path1:before {
    color: #1f91ca;
    content: "\e92d"
}

.icon-header-labe--0-ukr .path2:before {
    color: #fff;
    content: "\e92e";
    margin-left: -1em
}

.icon-header-labe--0-ukr .path3:before {
    color: #fff;
    content: "\e92f";
    margin-left: -1em
}

.icon-header-labe--0-ukr .path4:before {
    color: #fff;
    content: "\e930";
    margin-left: -1em
}

.icon-header-labe--24-7 .path1:before {
    color: #01cf8f;
    content: "\e931"
}

.icon-header-labe--24-7 .path2:before {
    color: #fff;
    content: "\e945";
    margin-left: -1em
}

.icon-header-labe--24-7 .path3:before {
    color: #fff;
    content: "\e946";
    margin-left: -1em
}

.icon-header-labe--24-7 .path4:before {
    color: #fff;
    content: "\e947";
    margin-left: -1em
}

.icon-header-labe--24-7 .path5:before {
    color: #fff;
    content: "\e948";
    margin-left: -1em
}

.icon-header-labe--parts .path1:before {
    color: #1f91ca;
    content: "\e949"
}

.icon-header-labe--parts .path2:before {
    color: #fff;
    content: "\e94a";
    margin-left: -1em
}

.icon-header-labe--parts .path3:before {
    color: #fff;
    content: "\e94b";
    margin-left: -1em
}

.icon-header-labe--parts .path4:before {
    color: #fff;
    content: "\e94c";
    margin-left: -1em
}

.icon-header-labe--parts-ukr .path1:before {
    color: #1f91ca;
    content: "\e94d"
}

.icon-header-labe--parts-ukr .path2:before {
    color: #fff;
    content: "\e94e";
    margin-left: -1em
}

.icon-header-labe--parts-ukr .path3:before {
    color: #fff;
    content: "\e94f";
    margin-left: -1em
}

.icon-header-labe--parts-ukr .path4:before {
    color: #fff;
    content: "\e950";
    margin-left: -1em
}

.icon-header-footer--telegram:before {
    color: #fff;
    content: "\e91d"
}

.icon-header-error:before {
    color: #db4437;
    content: "\e917"
}

.icon-header-list:before {
    color: #01cf8f;
    content: "\e916"
}

.icon-header-question .path1:before {
    color: #fff;
    content: "\e910"
}

.icon-header-question .path2:before {
    color: #0055b8;
    content: "\e911";
    margin-left: -1em
}

.icon-header-question .path3:before {
    color: #0055b8;
    content: "\e912";
    margin-left: -1em
}

.icon-header-close:before {
    content: "\e90f"
}

.icon-header-calc--calendar:before {
    color: #01cf8f;
    content: "\e907"
}

.icon-header-calc--circle .path1:before {
    color: #15a3e8;
    content: "\e908"
}

.icon-header-calc--circle .path2:before {
    color: #203b4f;
    content: "\e909";
    margin-left: -1em;
    opacity: .4
}

.icon-header-calc--long-credit:before {
    color: #01cf8f;
    content: "\e90a"
}

.icon-header-calc--parts:before {
    color: #0055b8;
    content: "\e90b"
}

.icon-header-calc--shirt-credit:before {
    color: #01cf8f;
    content: "\e90c"
}

.icon-header-calc--termin:before {
    color: #01cf8f;
    content: "\e90d"
}

.icon-header-facebook_ic .path1:before {
    color: #3b5998;
    content: "\e932"
}

.icon-header-facebook_ic .path2:before {
    color: #fff;
    content: "\e933";
    margin-left: -1em
}

.icon-header-footer--cityphone .path1:before {
    color: #fff;
    content: "\e934"
}

.icon-header-footer--cityphone .path2:before {
    color: #203b4f;
    content: "\e935";
    margin-left: -1em
}

.icon-header-footer--facebook:before {
    color: #fff;
    content: "\e936"
}

.icon-header-footer--google:before {
    color: #fff;
    content: "\e937"
}

.icon-header-footer--insta:before {
    color: #fff;
    content: "\e938"
}

.icon-header-footer--kievstar .path1:before {
    color: #fff;
    content: "\e939"
}

.icon-header-footer--kievstar .path2:before {
    color: #41a6e4;
    content: "\e93a";
    margin-left: -1em
}

.icon-header-footer--kievstar .path3:before {
    color: #41a6e4;
    content: "\e93b";
    margin-left: -1em
}

.icon-header-footer--kievstar .path4:before {
    color: #41a6e4;
    content: "\e93c";
    margin-left: -1em
}

.icon-header-footer--kievstar .path5:before {
    color: #41a6e4;
    content: "\e93d";
    margin-left: -1em
}

.icon-header-footer--kievstar .path6:before {
    color: #41a6e4;
    content: "\e93e";
    margin-left: -1em
}

.icon-header-footer--vodafone .path1:before {
    color: #fff;
    content: "\e942"
}

.icon-header-footer--vodafone .path2:before {
    color: #ec1c2e;
    content: "\e943";
    margin-left: -1em
}

.icon-header-footer--youtoobe:before {
    color: #fff;
    content: "\e944"
}

.icon-header-logo-sm .path1:before {
    color: #003764;
    content: "\e96d"
}

.icon-header-logo-sm .path2:before {
    color: #0055b8;
    content: "\e96e";
    margin-left: -1.3330078125em
}

.header {
    background-color: #fff;
    box-shadow: 0 2px 4px rgba(6, 66, 135, .15);
    color: #203b4f;
    flex-wrap: wrap;
    font-size: 14px;
    left: 0;
    padding: 12px 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 1002
}

@media (min-width:768px) {
    .header {
        padding: 16px 0
    }
}

.header:before {
    background: #fff;
    bottom: 0;
    content: "";
    height: 4px;
    position: absolute;
    width: 100%;
    z-index: 100
}

@media (min-width:1366px) {
    .header:before {
        display: none
    }
}

.header_container {
    padding: 0 8px;
    position: relative
}

@media (min-width:768px) {
    .header_container {
        padding: 0 40px
    }
}

@media (min-width:1366px) {
    .header_container {
        padding: 0
    }
}

.header .mobile-btn_calc {
    height: 0;
    opacity: 0;
    transition: all .3s ease-in-out;
    visibility: hidden;
    width: 0;
    z-index: 2
}

@media (min-width:768px) {
    .header .mobile-btn_calc {
        margin-left: auto
    }
}

.header .mobile-btn_calc .btn {
    background: #0076ff;
    border-radius: 8px;
    color: #fff;
    display: none;
    font-size: 12px;
    line-height: 32px;
    min-width: 130px;
    outline: 0;
    padding: 0 12px;
    position: relative;
    transform: none;
    transition: border .3s ease, color .3s ease, background .3s ease;
    width: 100%
}

@media (min-width:768px) {
    .header .mobile-btn_calc .btn {
        border-radius: 16px;
        font-size: 14px;
        line-height: 40px;
        min-width: 166px
    }
}

.header .mobile-logo_sm {
    left: 0;
    opacity: 0;
    position: absolute;
    top: .5px;
    visibility: hidden
}

.header.fixed .mobile-logo_md {
    height: 31px;
    opacity: 0;
    visibility: hidden;
    width: 40px
}

@media (min-width:768px) {
    .header.fixed .mobile-logo_md {
        height: auto;
        opacity: 1;
        visibility: visible;
        width: auto
    }
}

.header.fixed .mobile-logo_sm {
    opacity: 1;
    visibility: visible
}

@media (min-width:768px) {
    .header.fixed .mobile-logo_sm {
        opacity: 0;
        visibility: hidden
    }
}

.header.fixed .mobile-btn_calc {
    height: auto;
    opacity: 1;
    visibility: visible;
    width: auto
}

@media (min-width:1024px) {
    .header.fixed .mobile-btn_calc {
        opacity: 0;
        visibility: hidden
    }
}

.header.fixed .mobile-btn_calc .btn {
    display: block
}

@media (min-width:1024px) {
    .header.fixed .mobile-btn_calc .btn {
        display: none
    }
}

.header_logo {
    padding: .5px 0;
    position: relative;
    z-index: 101
}

@media (min-width:768px) {
    .header_logo {
        padding: 0
    }
}

@media (min-width:1360px) {
    .header_logo {
        flex: 0 0 auto
    }
}

.header_tel {
    padding: 24px 24px 0
}

@media (min-width:768px) {
    .header_tel {
        padding: 24px 40px 0
    }
}

.header_tel-list {
    margin-bottom: 24px
}

.header_tel-list a[href^=tel] {
    color: #0076ff;
    display: inline-flex;
    font-size: 16px;
    line-height: 24px;
    text-decoration: none
}

.header_tel-list li {
    line-height: 1;
    padding: 4px 0
}

@media (min-width:768px) {
    .header_tel-list li {
        line-height: 1.2;
        padding: 3.5px 0
    }
}

@media (min-width:1024px) {
    .header_tel-list li {
        line-height: 0;
        padding: 4px 0
    }
}

.header_tel-list span[class^=icon] {
    border-radius: 50%;
    box-shadow: 0 4px 8px rgba(6, 66, 135, .15);
    font-size: 24px;
    margin-right: 8px;
    vertical-align: middle
}

.header_tel-web {
    background-color: #fff;
    border-radius: 8px;
    box-shadow: 0 4px 16px rgba(6, 66, 135, .15);
    line-height: 1;
    opacity: 0;
    padding: 24px;
    position: absolute;
    right: -48px;
    text-align: center;
    top: calc(100% + 25px);
    transition: all .3s ease-in-out;
    visibility: hidden;
    width: 212px
}

@media (min-width:768px) {
    .header_tel-web {
        left: 50%;
        padding: 26px 24px 24px;
        right: auto;
        top: calc(100% + 27px);
        transform: translateX(-50%)
    }
}

@media (min-width:1366px) {
    .header_tel-web {
        padding: 26px 24px 20px;
        width: 185px
    }
}

.header_tel-web-list {
    margin-bottom: 20px
}

@media (min-width:768px) {
    .header_tel-web-list {
        margin-bottom: 23px
    }
}

@media (min-width:1366px) {
    .header_tel-web-list {
        margin-bottom: 0
    }
}

@media (min-width:768px) {
    .header_tel-web-list li {
        line-height: 0;
        padding: 4px 0
    }
}

.header_tel-web.active {
    opacity: 1;
    transition: all .3s ease-in-out;
    visibility: visible
}

.header_tel-web:before {
    background-color: #fff;
    border-right: none;
    border-top: none;
    content: "";
    height: 7px;
    position: absolute;
    right: 58.5px;
    top: 0;
    transform: rotate(135deg) translateX(-50%);
    width: 7px;
    z-index: 1
}

@media (min-width:768px) {
    .header_tel-web:before {
        right: 50%
    }
}

.header .icon-header-notify {
    background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiIGhlaWdodD0iMzIiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTI3LjYzIDIxLjk5MUMyNi44ODggMjAuNzE1IDI2IDE4LjI5MSAyNiAxNHYtLjg4N0MyNiA3LjU3NyAyMS41NDggMy4wNDEgMTYuMDc2IDNIMTZBMTAgMTAgMCAwIDAgNiAxM3YxYzAgNC4yOTEtLjg4NyA2LjcxNC0xLjYzIDcuOTlBMiAyIDAgMCAwIDYuMDk0IDI1aDE5LjgxYTIgMiAwIDAgMCAxLjcyNi0zLjAwOVpNMTkuOTkxIDI3aC04YTEgMSAwIDAgMCAwIDJoOGExIDEgMCAwIDAgMC0yWiIgZmlsbD0iIzAwNzZGRiIvPjwvc3ZnPg==) top/contain no-repeat;
    cursor: pointer;
    height: 24px;
    margin-right: 16px;
    position: relative;
    width: 24px
}

.header .icon-header-notify.is-active:after {
    background-color: #ef5350;
    border-radius: 50%;
    content: "";
    height: 12px;
    position: absolute;
    right: 0;
    top: 0;
    width: 12px
}

@media (min-width:768px) {
    .header .icon-header-notify {
        height: 32px;
        margin-right: 0;
        width: 32px
    }

    .header .icon-header-notify.is-active:after {
        height: 18px;
        width: 18px
    }
}

@media (min-width:1366px) {
    .header .icon-header-notify {
        left: -240px;
        margin-right: 16px;
        position: absolute
    }
}

.header_chat-list {
    padding: 4px 0 0
}

@media (min-width:1024px) {
    .header_chat-list {
        margin: 0
    }
}

.header_chat-list .header_chat-item,
.header_chat-list a {
    cursor: pointer;
    line-height: inherit;
    margin-right: 16px;
    text-decoration: none
}

@media (min-width:1024px) {

    .header_chat-list .header_chat-item,
    .header_chat-list a {
        margin-right: 12px
    }
}

.header_chat-list span[class^=icon] {
    cursor: pointer;
    font-size: 32px
}

.header_chat-list-web {
    margin-bottom: 0
}

.header_chat-list-web .header_chat-item,
.header_chat-list-web a {
    margin-right: 12px
}

.header_chat-list li:last-child .header_chat-item,
.header_chat-list li:last-child a {
    margin-right: 0
}

.header_chat-holder #chat-24-widget-container {
    -webkit-font-smoothing: none;
    font-family: serif;
    font-size: 0 !important;
    padding-bottom: 0 !important;
    transition: none;
    -webkit-user-select: none
}

.header_chat-holder #chat-24-widget-container a {
    transition: none !important
}

@media (min-width:1366px) {
    .header_chat-holder {
        display: none
    }
}

.header ul.header_chat-list {
    display: flex
}

.header .header_language-mobile {
    margin-top: auto;
    padding: 27px 24px 0
}

@media (min-width:768px) {
    .header .header_language-mobile {
        padding: 32px 40px 0
    }
}

@media (min-width:1366px) {
    .header .header_language-mobile {
        display: none
    }
}

.header_language-web {
    display: none
}

@media (min-width:1366px) {
    .header_language-web {
        display: flex;
        flex: 0 0 56px;
        padding-left: 12px
    }
}

@media (min-width:768px) {

    .header.custom a,
    .header.custom span {
        color: #eb5757;
        display: block;
        transition: color .3s ease-in-out
    }

    .header.custom a:hover {
        color: #f20a06
    }
}

.header-btn {
    position: relative;
    z-index: 4
}

@media (min-width:1366px) {
    .header-btn {
        flex: 0 0 auto
    }
}

.header .btn {
    line-height: 1
}

.header .btn-authorize {
    padding: 0;
    width: auto
}

@media (min-width:768px) {
    .header .btn-authorize {
        margin: 0 8px
    }
}

@media (min-width:1024px) {
    .header .btn-authorize {
        margin: 0 8px 0 16px
    }
}

@media (min-width:768px) {
    .header .btn-authorize .btn-sucsess {
        font-size: 14px;
        min-width: 136px;
        padding: 13px 16px
    }
}

.header .btn-authorize .icon-header-Account:before {
    font-size: 28px
}

.header .btn.header_pay {
    line-height: 16px;
    min-width: 128px;
    width: auto
}

@media (min-width:768px) {
    .header .btn.header_pay {
        font-size: 14px;
        min-width: 98px;
        padding: 10.5px 8px
    }
}

.header .btn_chat {
    display: none;
    position: relative
}

@media (min-width:1024px) {
    .header .btn_chat {
        display: block
    }
}

.header .btn_chat .icon-header-chat-dropdown {
    cursor: pointer
}

.header .btn_chat .icon-header-chat-dropdown:after {
    background-color: transparent;
    border-radius: 50%;
    content: "";
    height: 40px;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    transition: all .3s ease-in-out;
    width: 40px
}

@media (min-width:1024px) {
    .header .btn_chat .icon-header-chat-dropdown:after {
        display: none
    }
}

.header .btn_chat.active .icon-header-chat-dropdown:after {
    background-color: rgba(0, 118, 255, .1)
}

.header .btn_chat-personal {
    display: flex
}

@media (min-width:768px) {
    .header .btn_chat-personal {
        margin-left: 16px;
        margin-right: 16px
    }
}

@media (min-width:1366px) {
    .header .btn_chat-personal {
        left: -192px;
        margin: 0;
        position: absolute
    }
}

.header .icon-header-chat-dropdown {
    font-size: 24px
}

@media (min-width:768px) {
    .header .icon-header-chat-dropdown {
        font-size: 32px
    }
}

.header .icon-header-chat-dropdown:before {
    transition: all .3s ease-in-out
}

.header .active .icon-header-chat-dropdown:before {
    color: rgba(0, 118, 255, .8)
}

.header .navbar-toggle {
    background-color: transparent;
    border-radius: 0;
    font-size: 0;
    height: 22px;
    margin: 0 0 0 16px;
    min-width: 32px;
    padding: 0;
    width: 32px
}

@media (min-width:1366px) {
    .header .navbar-toggle {
        display: none
    }
}

.header .navbar-toggle span,
.header .navbar-toggle span:after,
.header .navbar-toggle span:before {
    background-color: #203b4f;
    border-radius: 8px;
    display: block;
    height: 2px;
    position: absolute;
    transition: .4s;
    width: 32px
}

.header .navbar-toggle span {
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%)
}

.header .navbar-toggle span:before {
    content: "";
    top: -10px
}

.header .navbar-toggle span:after {
    content: "";
    top: 10px
}

.header .navbar-toggle.js_burger-active span {
    background: 0 0
}

.header .navbar-toggle.js_burger-active span:before {
    top: 0;
    transform: rotate(45deg)
}

.header .navbar-toggle.js_burger-active span:after {
    top: 0;
    transform: rotate(-45deg)
}

.header-nav {
    background-color: #f1f3f6;
    bottom: 0;
    display: block;
    opacity: 0;
    position: fixed;
    right: 0;
    top: 56px;
    transform: translateX(100%);
    transition: all .3s ease-in-out;
    visibility: hidden;
    width: 296px;
    z-index: 4
}

.header-nav-notify {
    width: 100%
}

@media (min-width:768px) {
    .header-nav-notify {
        max-width: 404px
    }
}

@media (min-width:1024px) {
    .header-nav-notify:after {
        background: linear-gradient(0deg, rgba(32, 59, 79, .3), rgba(32, 59, 79, 0));
        bottom: 0;
        content: "";
        height: 33px;
        left: 0;
        position: absolute;
        right: 0;
        z-index: 1
    }
}

@media (min-width:768px) {
    .header-nav {
        top: 71px;
        width: 328px
    }

    .header-nav-notify {
        width: 404px
    }
}

@media (min-width:1366px) {
    .header-nav:not(.header-nav-notify) {
        background-color: #fff;
        bottom: auto;
        display: flex;
        flex: 1 0 49%;
        list-style-type: none;
        opacity: 1;
        padding: 0;
        position: static;
        top: 0;
        transform: translate(0);
        visibility: visible
    }
}

.header-nav .dropdown {
    display: none
}

@media (min-width:1366px) {
    .header-nav .dropdown {
        background-color: #fff;
        border-radius: 8px;
        box-shadow: 0 4px 16px rgba(6, 66, 135, .15);
        display: block;
        left: 0;
        min-width: 244px;
        opacity: 0;
        position: absolute;
        top: calc(100% + 25px);
        transition: all .3s ease-in-out;
        visibility: hidden
    }
}

.header-nav .dropdown.active {
    display: block
}

@media (min-width:1366px) {
    .header-nav .dropdown.active {
        opacity: 1;
        transition: all .3s ease-in-out;
        visibility: visible
    }
}

.header-nav .dropdown--item {
    padding: 0
}

@media (min-width:768px) {
    .header-nav .dropdown--item:not(:last-child) {
        border-bottom: 1px solid #f7fafc
    }
}

@media (min-width:1366px) {
    .header-nav .dropdown--item:first-child a:hover {
        border-radius: 8px 8px 0 0
    }

    .header-nav .dropdown--item:last-child a:hover {
        border-radius: 0 0 8px 8px
    }
}

.header-nav .dropdown--item a {
    color: #203b4f;
    display: block;
    font-weight: 400;
    padding: 14px 24px 14px 40px;
    transition: background-color .3s ease-in-out
}

@media (min-width:768px) {
    .header-nav .dropdown--item a {
        padding-right: 48px
    }
}

@media (min-width:1024px) {
    .header-nav .dropdown--item a {
        color: #203b4f;
        padding: 14px 24px
    }
}

.header-nav .dropdown--item a:hover {
    background-color: #ebf1fa
}

@media (min-width:1366px) {
    .header-nav .dropdown:before {
        border-color: transparent transparent #fff;
        border-style: solid;
        border-width: 0 5px 5px;
        content: "";
        display: inline-block;
        height: 7px;
        left: 22px;
        padding: 0;
        position: absolute;
        top: -6px;
        vertical-align: middle;
        width: 7px;
        z-index: 1
    }
}

.header-nav.js_show-android {
    top: 127px
}

@media (min-width:768px) {
    .header-nav.js_show-android {
        top: 152px
    }
}

@media (min-width:1024px) {
    .header-nav.js_show-android {
        top: 0
    }
}

.header-nav:before {
    background: #fff;
    box-shadow: 0 2px 4px rgba(6, 66, 135, .15);
    content: "";
    height: 2px;
    position: absolute;
    top: -2px;
    width: 100%;
    z-index: 99
}

@media (min-width:1366px) {
    .header-nav:before {
        display: none
    }
}

.header-nav.open {
    opacity: 1;
    transform: translateX(0);
    visibility: visible
}

@media (min-width:1366px) {
    .header-nav.open {
        box-shadow: none
    }
}

.header-nav.open .header-nav_wr_mobile {
    display: flex
}

@media (max-width:1365px) {
    .header-nav_wr {
        height: 100%;
        margin-right: -44px;
        overflow-y: auto;
        padding-bottom: 32px;
        padding-right: 44px;
        width: calc(100% + 44px)
    }
}

.header-nav_wr_mobile {
    display: none;
    flex-direction: column;
    min-height: 100%
}

@media (min-width:1366px) {
    .header-nav_wr_mobile {
        align-items: center;
        display: flex;
        flex-direction: row-reverse;
        justify-content: center;
        width: 100%
    }
}

.header-nav_wr_mobile-heading {
    font-size: 12px;
    line-height: 1.333
}

.header-nav_wr_mobile ul {
    display: block;
    padding-bottom: 0
}

@media (min-width:1366px) {
    .header-nav_wr_mobile ul {
        display: flex
    }

    .header-nav_standart {
        margin: auto;
        padding: 0 8px
    }
}

.header-nav_item {
    position: relative
}

@media (min-width:768px) {
    .header-nav_item {
        line-height: 1
    }
}

@media (min-width:1366px) {
    .header-nav_item {
        padding: 12px
    }
}

.header-nav_item a,
.header-nav_item>span {
    border-bottom: 1px solid rgba(32, 59, 79, .07);
    color: #203b4f;
    cursor: pointer;
    display: block;
    font-size: 16px;
    line-height: 1.2;
    padding: 12.5px 24px;
    text-decoration: none
}

@media (min-width:768px) {

    .header-nav_item a,
    .header-nav_item>span {
        padding: 12.5px 40px
    }
}

@media (min-width:1366px) {

    .header-nav_item a,
    .header-nav_item>span {
        border-bottom: none;
        line-height: 1;
        padding: 0
    }

    .header-nav_item a:hover,
    .header-nav_item>span:hover {
        color: #0076ff
    }

    .header-nav_item a:hover .triangle,
    .header-nav_item>span:hover .triangle {
        border-color: #0076ff transparent transparent
    }

    .header-nav_item a:hover .triangle.active,
    .header-nav_item>span:hover .triangle.active {
        border-color: transparent transparent #0076ff
    }
}

.header-nav_item.active span {
    background-color: #cce4ff
}

@media (min-width:1366px) {
    .header-nav_item.active span {
        background-color: transparent;
        color: #0076ff
    }
}

.header-nav_item.active .triangle {
    border-color: transparent transparent #203b4f
}

@media (min-width:1366px) {
    .header-nav_item.active .triangle {
        border-color: transparent transparent #0076ff
    }
}

.header-nav_user {
    flex: 0 0 calc(100% - 32px);
    width: calc(100% - 32px)
}

.header-nav_user-item a {
    display: flex
}

.header-nav_name {
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align: middle;
    white-space: nowrap
}

.header-nav_name a {
    display: flex
}

.header-nav_phone {
    color: #72838f;
    display: inline-block;
    font-size: 12px;
    line-height: 1.167;
    padding-top: 4px
}

.header-nav .icon-header-edit-ic {
    flex: 0 0 32px;
    font-size: 24px;
    padding-left: 8px;
    width: 32px
}

.header-nav_bonus {
    color: #1bb887;
    font-size: 16px
}

.header-nav .icon-header-star-ic {
    margin: 0 4px 0 8px
}

@media (max-width:1365px) {

    .header-nav .dropdown--item.current a,
    .header-nav_item.current a {
        color: #0076ff
    }
}

.header-nav .dropdown--item.exit a,
.header-nav_item.exit a {
    color: #ef5350
}

@media (min-width:1366px) {
    .header-nav_personal {
        padding: 0 8px 0 48px;
        position: relative
    }
}

.header-nav_personal-btn.btn {
    display: none
}

@media (min-width:1366px) {
    .header-nav_personal-btn.btn {
        display: flex;
        height: 38px;
        padding: 0 48px 0 8px;
        width: 136px
    }
}

.header-nav_personal-list {
    background-color: #fff
}

.header-nav_personal-list.dropdown {
    display: block
}

@media (min-width:1366px) {
    .header-nav_personal-list.dropdown {
        left: 48px;
        min-width: 296px
    }

    .header-nav_personal-list .header-nav_item {
        padding: 0
    }
}

.header-nav_personal-list .header-nav_item:hover {
    background-color: #dfedfc
}

@media (min-width:1366px) {
    .header-nav_personal-list .header-nav_item:first-child:hover {
        border-radius: 8px 8px 0 0
    }

    .header-nav_personal-list .header-nav_item:last-child:hover {
        border-radius: 0 0 8px 8px
    }

    .header-nav_personal-list .header-nav_item:not(:last-child) {
        border-bottom: 1px solid #f7fafc
    }
}

.header-nav_personal-list a,
.header-nav_personal-list>span {
    color: #0076ff
}

@media (min-width:1366px) {

    .header-nav_personal-list a,
    .header-nav_personal-list>span {
        padding: 14px 24px
    }
}

.header-nav_personal .user_name {
    display: none
}

@media (min-width:1366px) {
    .header-nav_personal .user_name {
        color: #fff;
        cursor: pointer;
        display: inline-block;
        font-size: 14px;
        left: 56px;
        line-height: 1;
        overflow: hidden;
        position: absolute;
        text-align: center;
        text-overflow: ellipsis;
        top: 12px;
        white-space: nowrap;
        width: 80px
    }
}

.header-nav_personal .caret {
    display: none
}

@media (min-width:1366px) {
    .header-nav_personal .caret {
        border: 0;
        border-left: 1px solid #fff;
        bottom: 0;
        cursor: pointer;
        display: block;
        height: auto;
        line-height: 40px;
        position: absolute;
        right: 8px;
        top: 0;
        width: 40px
    }

    .header-nav_personal .caret:before {
        border-color: #fff transparent transparent #fff;
        border-radius: 2px;
        border-style: solid;
        border-width: 2px;
        content: "";
        display: block;
        height: 12px;
        left: calc(50% - 3px);
        position: absolute;
        top: calc(50% - 3px);
        transform: translate(-50%, -50%) rotate(-135deg);
        transition: all .3s ease-in-out;
        width: 12px
    }
}

.header-nav .custom a {
    background-image: linear-gradient(94.48deg, #0076ff 66.58%, #35ace0 83.43%, #7df5b7);
    color: #fff
}

@media (min-width:1366px) {
    .header-nav .custom a {
        background-image: none;
        color: #ef5350
    }
}

.header-nav .triangle {
    border-color: #203b4f transparent transparent;
    border-style: solid;
    border-width: 5px 5px 0;
    display: inline-block;
    height: 0;
    margin-left: 4px;
    padding: 0;
    vertical-align: middle;
    width: 0
}

@media (min-width:1366px) {
    .header-nav .triangle {
        margin-left: 5px
    }
}

.header-nav .triangle.active {
    border-width: 0 5px 5px
}

@media (min-width:1366px) {
    .header-nav .triangle.active {
        border-color: transparent transparent #0076ff
    }

    .header .active .caret:before {
        left: calc(50% - 8px);
        top: calc(50% - 3px);
        transform: rotate(45deg)
    }
}

.header .chat-list-wrapper {
    margin-top: 24px
}

.header .chat-list-title {
    display: block;
    font-size: 12px;
    font-weight: 600;
    line-height: 1.33;
    margin-bottom: 8px;
    text-transform: uppercase
}

.header .chat-list-items {
    display: flex
}

@media (min-width:1024px) {
    .header .chat-list-items {
        justify-content: center
    }
}

.header .chat-list-items li {
    margin-right: 16px
}

.header .chat-list-items li:last-child {
    margin-right: 0
}

.js_show-android .header {
    top: 72px
}

.lang-link {
    display: inline-flex;
    font-size: 12px;
    line-height: 1;
    text-decoration: none;
    text-transform: uppercase;
    transition: color .3s ease-in-out
}

.lang-rus,
.lang-ukr {
    color: #203b4f;
    display: inline-block
}

.lang-rus.not-active,
.lang-ukr.not-active {
    color: #bfc5cc
}

.lang-rus.not-active:hover,
.lang-ukr.not-active:hover {
    color: #203b4f
}

.lang-ukr {
    padding-left: 4px
}

.lang-rus {
    padding-right: 4px;
    position: relative
}

.lang-rus:after {
    background-color: #bfc5cc;
    content: "";
    height: 11px;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 1px
}

.js-close-nav.navbar-toggle:after {
    bottom: unset
}

.site-off {
    background-color: #f8d7da;
    border: 1px solid #f5c6cb
}

.site-off .error-text {
    background-color: transparent;
    border: none;
    display: block;
    margin: 0 auto;
    max-width: 1200px;
    padding: 10px
}

.site-off__blue {
    background-color: #c8dffa;
    border-color: #9bc8fa
}

.site-off__blue .error-text {
    color: #0053c0
}

.browser-detect .modal-content {
    padding: 60px;
    text-align: center
}

.browser-detect .heading-h2 {
    font-size: 23px !important;
    line-height: 27px;
    margin: 0 !important
}

.browser-detect .heading-h2 strong {
    display: block
}

.browser-detect ul {
    list-style-type: none;
    padding-top: 15px;
    width: 100%
}

.browser-detect ul li {
    margin: 0 10px
}

.browser-detect ul li img {
    width: 100px
}

.nav-backdrop {
    background: #070c10;
    bottom: 0;
    content: "";
    left: 0;
    opacity: .6;
    position: fixed;
    right: 0;
    top: 0;
    transition: all .3s ease-in-out;
    visibility: hidden;
    z-index: 1000
}

.nav-backdrop.in {
    visibility: visible
}

html.menu-open {
    -webkit-overflow-scrolling: auto;
    bottom: 0;
    left: 0;
    overflow: hidden;
    position: fixed;
    right: 0;
    top: 0
}

@font-face {
    font-display: block;
    font-family: icomoon-chat;
    font-style: normal;
    font-weight: 400;
    src: url(../fonts/icomoon-chat.ttf) format("truetype")
}

[class*=" chat-link-"],
[class^=chat-link] {
    speak: never;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-family: icomoon-chat !important;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    line-height: 1;
    text-transform: none
}

.chat-link {
    border-radius: 50%;
    cursor: pointer;
    display: block;
    height: 32px;
    position: relative;
    text-decoration: none;
    width: 32px
}

.chat-link:after,
.chat-link:before {
    color: #fff;
    font-size: 32px;
    left: 0;
    position: absolute;
    top: 0
}

.chat-link-facebook {
    background-color: #0076ff
}

.chat-link-facebook:after {
    content: "\e91b"
}

.chat-link-viber {
    background-color: #7360f2
}

.chat-link-viber:after {
    content: "\e918"
}

.chat-link-novachat,
.chat-list-items .js-openNovaChat {
    background-color: #0055b8
}

.chat-link-novachat:before,
.chat-list-items .js-openNovaChat:before {
    content: "\e913"
}

.chat-link-novachat:after,
.chat-list-items .js-openNovaChat:after {
    content: "\e914"
}

.chat-link-telegram {
    background-color: #37aef3
}

.chat-link-telegram:after {
    content: "\e906"
}

.error-text,
.error_text {
    display: none
}

.has-error .error-text,
.has-error .error_text {
    background-color: #f8d7da;
    border: 1px solid #f5c6cb;
    border-radius: 5px;
    color: #721c24;
    display: flex;
    font-size: 12px;
    font-weight: 400;
    line-height: 1.2;
    margin-top: 5px;
    padding: 8px 16px
}

.has-error .error_text {
    background-color: transparent;
    border: none;
    color: #db5c61;
    justify-content: space-between;
    max-width: 376px;
    padding: 0;
    width: 100%
}

@media screen and (max-width:767px) {
    .has-error .error_text {
        max-width: 272px
    }

    .has-error .error_text.md {
        max-width: 224px
    }
}

.icon-error {
    flex: 0 0 14px;
    float: right;
    margin: 0 2px 0 8px;
    min-width: 14px
}

.wrapper.js_show-android {
    padding-top: 127px
}

@media (min-width:768px) {
    .wrapper.js_show-android {
        padding-top: 143px
    }
}

.wrapper.js_show-android .header-nav {
    top: 128px
}

@media (min-width:768px) {
    .wrapper.js_show-android .header-nav {
        top: 143px
    }
}

.smart-banner {
    align-items: center;
    background: #f3f3f3;
    color: #72838f;
    display: none;
    font-size: 12px;
    justify-content: center;
    left: 0;
    line-height: 1;
    margin: 0;
    padding: 16px 8px 16px 26px;
    position: fixed;
    right: 0;
    top: 0;
    width: 100%
}

.smart-banner.js_show {
    display: flex;
    justify-content: space-between
}

.smart-banner_close {
    cursor: pointer;
    font-size: 10px;
    font-weight: 700;
    left: 0;
    padding: 8px;
    position: absolute;
    right: auto;
    top: 50%;
    transform: translateY(-50%)
}

.smart-banner_logo {
    display: flex
}

.smart-banner_logo--img {
    background: #fff;
    border-radius: 8px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, .12), 0 .5px 1px rgba(0, 0, 0, .1);
    flex: 0 0 40px;
    margin-right: 8px;
    padding: 10px 6px 10px 8px
}

.smart-banner_btn {
    align-items: center;
    background: #fff;
    border-radius: 8px;
    box-shadow: 0 1px 2px rgba(78, 112, 138, .24);
    color: #0076ff;
    display: flex;
    font-size: 10px;
    font-weight: 400;
    font-weight: 700;
    height: 36px;
    justify-content: center;
    line-height: 1.6;
    margin-left: 8px;
    min-width: 92px;
    text-decoration: none;
    text-transform: uppercase
}

.smart-banner_raiting {
    padding-top: 3px
}

.onlyHome_modal-dialog {
    margin: 16px auto;
    max-width: 304px;
    position: relative;
    width: calc(100% - 16px)
}

@media (min-width:1024px) {
    .onlyHome_modal-dialog {
        margin: 30px auto;
        max-width: 800px
    }
}

.onlyHome_modal-dialog .icon-close {
    color: #fff;
    cursor: pointer;
    font-size: 11px;
    position: absolute;
    right: 8px;
    top: 8px;
    z-index: 2
}

@media (min-width:1024px) {
    .onlyHome_modal-dialog .icon-close {
        font-size: 16px;
        right: 15px;
        top: 15px
    }
}

.onlyHome_modal-content {
    background-image: linear-gradient(112.01deg, #0153b4 35.98%, #209ad8 104.72%), linear-gradient(239.59deg, #15a3e8, #fff 138.67%);
    border-radius: 4px;
    box-shadow: 0 8px 12px rgba(0, 0, 0, .15);
    color: #e2e2e2;
    font-size: 16px;
    overflow: hidden;
    padding: 28px 24px 32px;
    position: relative
}

@media (min-width:1024px) {
    .onlyHome_modal-content {
        padding: 68px 32px 60px 390px
    }
}

.onlyHome_modal-header {
    color: #fff;
    font-size: 20px;
    font-weight: 600;
    line-height: 1.3;
    margin-bottom: 16px
}

@media (min-width:1024px) {
    .onlyHome_modal-header {
        font-size: 24px
    }
}

.onlyHome_modal-info {
    margin-bottom: 24px
}

.onlyHome_modal picture {
    left: 0;
    top: 0
}

.onlyHome-form {
    max-width: 280px
}

.onlyHome-form .form-control {
    background-color: #fff;
    border: 1px solid #e2e2e2;
    border-radius: 4px;
    font-size: 16px;
    font-weight: 400;
    height: 48px;
    line-height: 48px;
    padding: 12px 18px
}

@media (min-width:1024px) {
    .onlyHome-form .form-control {
        font-size: 18px
    }
}

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

.onlyHome-form .has-error .form-control {
    border: 1px solid #db5c61
}

.onlyHome-form .form-group {
    margin-bottom: 16px
}

@media (min-width:1024px) {
    .onlyHome-form .form-group {
        margin-bottom: 18px
    }
}

.onlyHome-form .btn.btn-modal {
    border-radius: 4px;
    margin: 0
}

.onlyHome-form .error_text {
    color: #fff
}

.onlyHome_deco {
    border-radius: 50%;
    position: absolute
}

.onlyHome_deco-red-lg {
    background-image: linear-gradient(311.77deg, #f96 -33.81%, #ff5e62 81.84%);
    height: 35px;
    left: -17px;
    top: -17px;
    width: 35px
}

@media (min-width:1024px) {
    .onlyHome_deco-red-lg {
        height: 22px;
        left: 55%;
        top: 16px;
        width: 22px
    }
}

.onlyHome_deco-red-sm {
    background-image: linear-gradient(311.77deg, #f96 -33.81%, #ff5e62 81.84%);
    height: 9px;
    right: 62px;
    top: 30px;
    width: 9px
}

@media (min-width:1024px) {
    .onlyHome_deco-red-sm {
        right: 18px;
        top: 163px
    }
}

.onlyHome_deco-blue-lg {
    background-image: linear-gradient(180deg, #0153b4, #209ad8);
    bottom: -18px;
    height: 35px;
    left: 55%;
    width: 35px
}

@media (min-width:1024px) {
    .onlyHome_deco-blue-lg {
        bottom: -28px;
        height: 66px;
        left: 70%;
        width: 66px
    }
}

.onlyHome_deco-blue-sm {
    background-image: linear-gradient(180deg, #0153b4, #209ad8);
    bottom: 20px;
    height: 12px;
    right: 4px;
    width: 12px
}

@media (min-width:1024px) {
    .onlyHome_deco-blue-sm {
        bottom: 30px;
        height: 16px;
        right: 33px;
        width: 16px
    }
}

div#chat-24-widget-container {
    opacity: 1;
    transition: all .3s ease;
    visibility: visible;
    z-index: 1002
}

div#chat-24-widget-container #chat-24-roll {
    transition: all .3s ease;
    visibility: visible !important
}

div#chat-24-widget-container #chat-24-roll #chat-24-roll-icon {
    opacity: 1
}

@media (max-width:1365px) {
    div#chat-24-widget-container #chat-24-roll #chat-24-roll-icon {
        opacity: 0
    }

    div#chat-24-widget-container {
        width: 0
    }
}

.menu-open div#chat-24-widget-container {
    visibility: hidden;
    z-index: 1001
}

.menu-open #chat-24-roll {
    visibility: hidden !important
}

.chat-24-live-chat-input-inner textarea {
    overflow-x: hidden
}

@media (min-width:1024px) {

    #chat-24-desktop #chat-24-popup-7.desktop_lch.chat-24-lc-size-2,
    #chat-24-desktop #chat-24-popup-7.desktop_lch.chat-24-lc-size-2 #body_lch {
        height: 750px !important;
        max-height: calc(100vh - 140px) !important
    }
}

.leave_modal .modal_dialog {
    left: 0;
    margin: 0 auto;
    right: 0;
    top: 3%;
    width: calc(100% - 16px)
}

@media screen and (min-width:475px) {
    .leave_modal .modal_dialog {
        top: 50%;
        transform: translateY(-50%)
    }
}

@media screen and (min-width:510px) {
    .leave_modal .modal_dialog-494 {
        max-width: 494px
    }
}

.leave_modal .head-gradient {
    background: linear-gradient(101.75deg, #0076ff 62.39%, #35ace0 81.36%, #7df5b7);
    border-radius: 8px 8px 0 0;
    min-height: 212px;
    padding: 24px 16px;
    position: relative;
    z-index: 1
}

.leave_modal .head-gradient:after {
    background: url(../images/bg-modal.svg) top/cover no-repeat;
    content: "";
    height: 256px;
    position: absolute;
    right: 0;
    top: 0;
    width: 172px;
    z-index: -1
}

@media (min-width:768px) {
    .leave_modal .head-gradient {
        border-radius: 16px 16px 0 0;
        min-height: 220px;
        padding: 32px
    }
}

.leave_modal .head-content {
    max-width: 138px
}

@media (min-width:768px) {
    .leave_modal .head-content {
        max-width: 245px
    }
}

.leave_modal .head-bnt {
    background-color: #fff;
    border-radius: 8px;
    color: #0076ff;
    display: inline-block;
    font-family: Bebas Neue Pro Expanded, Arial, sans-serif;
    font-size: 12px;
    font-weight: 700;
    line-height: 1.2;
    margin-bottom: 10px;
    padding: 6px 12px;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase
}

@media (min-width:768px) {
    .leave_modal .head-bnt {
        border-radius: 10px;
        font-size: 16px;
        margin-bottom: 16px;
        padding: 8px 16px
    }
}

.leave_modal .head-text {
    font-family: Bebas Neue Pro Expanded, Arial, sans-serif;
    font-size: 23px;
    font-weight: 700;
    line-height: 1.3;
    text-transform: uppercase
}

@media (min-width:768px) {
    .leave_modal .head-text {
        font-size: 26px
    }
}

.leave_modal .head-picture {
    bottom: 0;
    max-width: 170px;
    -o-object-fit: contain;
    object-fit: contain;
    -o-object-position: bottom;
    object-position: bottom;
    position: absolute;
    right: 0
}

@media (min-width:768px) {
    .leave_modal .head-picture {
        max-width: 205px
    }
}

.leave_modal .modal_close {
    right: 18px;
    top: 14px
}

@media (min-width:1024px) {
    .leave_modal .modal_close {
        right: 16px;
        top: 16px
    }
}

.leave_modal .head-gradient,
.leave_modal .modal_close {
    color: #fff
}

.leave_modal .modal-content {
    border-radius: 0 0 10px 10px;
    padding: 16px 24px 32px
}

@media (min-width:1024px) {
    .leave_modal .btn {
        display: block;
        margin: 0 auto;
        max-width: 256px
    }
}

.leave_modal .text-form {
    font-size: 16px;
    margin: 0 auto 16px;
    max-width: 382px
}

@media (min-width:1024px) {
    .leave_modal .input-holder {
        max-width: 376px
    }
}

.sidebar-turboBabki {
    background: url(../images/bg-banner.svg) 100%/contain no-repeat, radial-gradient(circle, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5));
    color: #fff;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    overflow: hidden;
    padding: 16px
}

.sidebar-turboBabki .title-holder {
    color: #fff;
    font-family: Bebas Neue Pro Expanded, Arial, sans-serif;
    font-size: 28px;
    line-height: 1.3;
    margin-bottom: 16px;
    text-align: center
}

.sidebar-turboBabki .title-holder span {
    display: block;
    font-family: Open sans, sans-serif;
    font-size: 14px;
    font-style: italic;
    margin-bottom: 5px
}

.sidebar-turboBabki .btn {
    align-items: center;
    background-color: #fff;
    border: 1.5px solid #fff;
    display: flex;
    justify-content: center
}

.sidebar-turboBabki .btn:active,
.sidebar-turboBabki .btn:focus,
.sidebar-turboBabki .btn:hover {
    background: #fff;
    color: #0076ff
}

.sidebar-turboBabki .btn .i-personal-btn-calc {
    display: inline-block;
    margin-right: 8px
}

.sidebar-turboBabki .btn .i-personal-btn-calc:before {
    color: #0076ff;
    content: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjUiIGhlaWdodD0iMjYiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xOS43MjMgMi43NjFBMTIuMzkgMTIuMzkgMCAwIDAgMTIuMzc0LjkgMTIuMzU4IDEyLjM1OCAwIDAgMCA1LjMyIDMuNjYxIDEyLjEwNyAxMi4xMDcgMCAwIDAgMS4yNTcgMTBhMTEuOTg2IDExLjk4NiAwIDAgMCAuNDkgNy40OSAxMi4xNiAxMi4xNiAwIDAgMCA0Ljg1NSA1Ljc2NiAxMi4zOSAxMi4zOSAwIDAgMCA3LjM1NSAxLjg0MiAxMi4zNTcgMTIuMzU3IDAgMCAwIDcuMDQ2LTIuNzgxbC0uOTUzLTEuMTU5YTEwLjg1NyAxMC44NTcgMCAwIDEtNi4xOSAyLjQ0MyAxMC44OSAxMC44OSAwIDAgMS02LjQ2NS0xLjYxOCAxMC42NiAxMC42NiAwIDAgMS00LjI1Ny01LjA1NSAxMC40ODYgMTAuNDg2IDAgMCAxLS40MjktNi41NTNBMTAuNjA3IDEwLjYwNyAwIDAgMSA2LjI3IDQuODIyYTEwLjg1OCAxMC44NTggMCAwIDEgNi4xOTgtMi40MjYgMTAuODkgMTAuODkgMCAwIDEgNi40NTkgMS42MzZjLjU3LjM1OCAxLjEwMy43NjYgMS41OSAxLjIxN2gtMi4xNzRsLS4wMSAxLjVoNC42MjVWMS45NjRsLTEuNTAxLjAxdjIuMTAyYTEyLjI1NSAxMi4yNTUgMCAwIDAtMS43MzQtMS4zMTVaIiBmaWxsPSIjMDA3NkZGIi8+PHBhdGggZD0iTTkuODcyIDE3SDUuMDE5di0xLjAxNWwxLjc0My0xLjc1MWMuNTE2LS41MjUuODUzLS44ODkgMS4wMTEtMS4wOWEyLjQ0IDIuNDQgMCAwIDAgLjM0Mi0uNTY3Yy4wNy0uMTczLjEwNC0uMzUyLjEwNC0uNTM4IDAtLjI3Ny0uMDc3LS40ODMtLjIzMi0uNjE4LS4xNTItLjEzNS0uMzU2LS4yMDMtLjYxMy0uMjAzLS4yNjkgMC0uNTMuMDYxLS43ODMuMTg0YTQuMDQ3IDQuMDQ3IDAgMCAwLS43OTMuNTI0TDUgMTAuOTg2Yy4zNDItLjI4OS42MjUtLjQ5NC44NS0uNjEzLjIyNS0uMTIuNDctLjIxLjczNi0uMjc0LjI2Ni0uMDY2LjU2My0uMDk5Ljg5My0uMDk5LjQzMyAwIC44MTYuMDc5IDEuMTQ5LjIzNi4zMzIuMTU3LjU5LjM3OC43NzQuNjYuMTgzLjI4NC4yNzUuNjA4LjI3NS45NzMgMCAuMzE4LS4wNTcuNjE3LS4xNy44OTctLjExMi4yNzctLjI4Ni41NjItLjUyMy44NTQtLjIzNC4yOTMtLjY1LjcxLTEuMjQ0IDEuMjUxbC0uODkzLjgzNnYuMDY2aDMuMDI1VjE3Wk0xNS41ODQgMTUuNTdoLS44MzZWMTdoLTEuNDM0di0xLjQzaC0yLjk2M3YtMS4wMTVsMy4wNDQtNC40NTZoMS4zNTN2NC4zMzhoLjgzNnYxLjEzM1ptLTIuMjctMS4xMzN2LTEuMTdjMC0uMTk2LjAwOC0uNDc5LjAyNC0uODUuMDE2LS4zNzIuMDI5LS41ODcuMDM4LS42NDdoLS4wMzhjLS4xMTcuMjU4LS4yNTguNTEtLjQyMi43NTVsLTEuMjczIDEuOTEyaDEuNjcxWk0xOS43MSAxMC4xIDE3LjEyMiAxN2gtMS4zMTVsMi41ODgtNi45aDEuMzE1Wk0yMC44MzYgMTdsMi42MDctNS42NjRoLTMuNDI0di0xLjIyN0gyNXYuOTE1TDIyLjM3NCAxN2gtMS41MzhaIiBmaWxsPSIjMDA3NkZGIi8+PC9zdmc+) !important;
    font-size: 25px
}

.new-info-module {
    border-radius: 8px;
    box-sizing: border-box;
    font-size: 16px;
    padding: 8px 12px
}

@media (min-width:1024px) {
    .new-info-module {
        padding: 12px
    }
}

.new-info-module.tooltip .text-holder {
    flex-basis: calc(100% - 26px)
}

.new-info-module.tooltip .img-holder {
    min-width: 16px
}

.new-info-module.primary {
    background-color: #cce4ff
}

.new-info-module.primary .img-holder rect {
    fill: #0076ff
}

.new-info-module.attention {
    background-color: #d1f8ec
}

.new-info-module.attention .img-holder rect {
    fill: #1bb887
}

.new-info-module.warning {
    background-color: #fcdddc
}

.new-info-module.warning .img-holder rect {
    fill: #ef5350
}

.new-info-module .img-holder {
    flex: 0 0 20px;
    margin-right: 8px
}

.help-tooltip-data {
    background-color: #fff;
    border-radius: 4px;
    box-shadow: 0 4px 16px rgba(6, 66, 135, .15);
    font-size: 14px;
    line-height: 1.3;
    min-height: 50px;
    padding: 8px 12px;
    position: absolute;
    right: -8px;
    top: calc(100% - 11px);
    width: 252px;
    word-break: break-word;
    z-index: 30
}

.help-tooltip-data:before {
    background-color: #fff;
    border-right: none;
    border-top: none;
    content: "";
    display: none;
    height: 10px;
    position: absolute;
    right: 10px;
    top: -4px;
    transform: rotate(45deg);
    width: 10px;
    z-index: 1
}

@media (min-width:768px) {
    .help-tooltip-data:before {
        display: block
    }
}

.form-control--tooltip .help-tooltip-data {
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 5px;
    bottom: unset;
    color: #333;
    font-size: 12px;
    left: unset;
    min-height: 50px;
    min-width: 240px;
    padding: 16px 12px;
    position: absolute;
    right: -113px;
    top: 30px;
    width: 100%;
    word-break: break-word;
    z-index: 30
}

.form-control--tooltip .help-tooltip-data:before {
    background-color: #fff;
    border: 1px solid #ccc;
    border-right: none;
    border-top: none;
    content: "";
    display: block;
    height: 7px;
    position: absolute;
    right: 50%;
    top: -2px;
    transform: rotate(135deg) translateX(-50%);
    width: 7px;
    z-index: 1
}

@media (max-width:1024px) {
    .form-control--tooltip .help-tooltip-data.left {
        right: 0
    }

    .form-control--tooltip .help-tooltip-data.left:before {
        right: 7px
    }
}

.form-control--tooltip-without-border .help-tooltip-data,
.form-control--tooltip-without-border .help-tooltip-data:before {
    border: none
}

.form-control--tooltip-without-border .help-tooltip-data p {
    font-size: 14px
}

.form-control--tooltip-without-border .help-tooltip-data p:last-child {
    margin-bottom: 0
}

.form-control--tooltip.bottom .help-tooltip-data {
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 5px;
    bottom: unset;
    color: #333;
    font-size: 12px;
    left: unset;
    min-height: 50px;
    min-width: 240px;
    padding: 16px 12px;
    position: absolute;
    right: -113px;
    top: 30px;
    width: 100%;
    word-break: break-word;
    z-index: 30
}

.form-control--tooltip.bottom .help-tooltip-data:before {
    background-color: #fff;
    border: 1px solid #ccc;
    border-right: none;
    border-top: none;
    content: "";
    display: block;
    height: 7px;
    position: absolute;
    right: 50%;
    top: -2px;
    transform: rotate(135deg) translateX(-50%);
    width: 7px;
    z-index: 1
}

@media (max-width:1024px) {
    .form-control--tooltip.bottom .help-tooltip-data.left {
        right: 0
    }

    .form-control--tooltip.bottom .help-tooltip-data.left:before {
        right: 7px
    }
}

.icon-question {
    cursor: pointer
}

.tooltip-holder {
    cursor: pointer;
    display: inline;
    height: 16px;
    position: relative;
    top: 2px;
    width: 16px
}

.tooltip-holder.hover:hover .tooltip-content {
    opacity: 1;
    visibility: visible
}

.tooltip-icon {
    color: #0076ff;
    display: inline-block;
    height: 16px;
    width: 16px
}

.tooltip-content {
    background: #fff;
    border-radius: 4px;
    box-shadow: 0 0 72px rgba(24, 44, 66, .28);
    opacity: 0;
    padding: 16px;
    position: absolute;
    right: -29px;
    text-align: left;
    top: 22px;
    transition: all .3s ease;
    visibility: hidden;
    width: 304px;
    z-index: 4
}

@media (min-width:768px) {
    .tooltip-content {
        left: calc(100% - 29px)
    }
}

.tooltip-content.komission {
    left: -72px;
    right: auto;
    width: 266px
}

@media (min-width:768px) {
    .tooltip-content.komission {
        width: 304px
    }
}

.tooltip-content:before {
    background-color: #fff;
    border-right: none;
    border-top: none;
    content: "";
    height: 10px;
    position: absolute;
    right: 32px;
    top: -4px;
    transform: rotate(45deg);
    width: 10px;
    z-index: 1
}

@media (min-width:768px) {
    .tooltip-content:before {
        left: 16px;
        right: auto
    }
}

.tooltip-content-br {
    left: auto;
    right: 0;
    top: 100%
}

.tooltip-content-br:before {
    left: auto;
    right: 32px
}

.tooltip-table li {
    padding: 12px 0 0
}

.tooltip-table-cell {
    padding: 2px 0
}

.tooltip-table-cell:nth-child(2n) {
    flex: 0 0 35%;
    text-align: right
}

@media (min-width:1024px) {
    .tooltip-table-cell:nth-child(2n) {
        text-align: left
    }
}

.tooltip-table-cell:nth-child(odd) {
    color: #72838f;
    flex: 0 0 65%;
    text-align: left
}

@media (min-width:1024px) {
    .tooltip-table-cell {
        padding: 0
    }

    .tooltip-table-cell:last-child {
        text-align: right
    }
}

.tooltip-table-cell:only-child {
    flex: 0 0 100%
}

.tooltip-component .tooltip-content {
    opacity: 1;
    padding-right: 30px !important;
    visibility: visible
}

.tooltip-component .tooltip-content .arrow {
    display: block;
    height: 16px;
    position: absolute;
    right: 8px;
    top: 8px;
    width: 22px
}

@media (min-width:768px) {
    .tooltip-component .tooltip-content .arrow {
        display: none
    }
}

.tooltip-component .tooltip-content .arrow:after,
.tooltip-component .tooltip-content .arrow:before {
    background: #203b4f;
    border-radius: 8px;
    content: "";
    height: 1.35px;
    position: absolute;
    width: 22px
}

@media (min-width:768px) {

    .tooltip-component .tooltip-content .arrow:after,
    .tooltip-component .tooltip-content .arrow:before {
        opacity: 0;
        visibility: hidden
    }
}

.tooltip-component .tooltip-content .arrow:before {
    right: 0;
    top: 10px;
    transform: rotate(45deg)
}

.tooltip-component .tooltip-content .arrow:after {
    right: 0;
    top: 10px;
    transform: rotate(-45deg)
}

.tooltip-component-star .tooltip-content {
    font-size: 16px;
    line-height: 20px
}

.tooltip-component-star .link-default {
    font-size: 14px;
    font-weight: 400;
    line-height: 18px
}

.form-control--tooltip .help-tooltip-data.top {
    min-width: 272px;
    padding: 12px;
    right: -73px !important
}

.form-control--tooltip .help-tooltip-data.top:before {
    right: 29% !important
}

@media (min-width:1024px) {
    .form-control--tooltip .help-tooltip-data.top:before {
        right: 99% !important;
        top: 102px !important;
        transform: rotate(45deg) translateY(0)
    }

    .form-control--tooltip .help-tooltip-data.top {
        top: -95px;
        transform: translateY(0)
    }

    .form-control--tooltip .help-tooltip-data {
        left: 30px;
        top: 50%;
        transform: translateY(-50%)
    }

    .form-control--tooltip .help-tooltip-data:before {
        right: 100%;
        top: 50%;
        transform: rotate(45deg) translateY(-50%)
    }

    .form-control--tooltip .help-tooltip-data.bottom {
        left: unset;
        top: 30px;
        transform: none
    }

    .form-control--tooltip .help-tooltip-data.bottom:before {
        left: auto;
        right: 50%;
        top: 2px;
        transform: rotate(135deg) translateX(-50%)
    }
}

.form-control--tooltip.large .help-tooltip-data {
    right: -80px
}

.form-control--tooltip.large .help-tooltip-data:before {
    right: 36%
}

@media (min-width:1024px) {
    .form-control--tooltip.large .help-tooltip-data:before {
        right: 100%
    }
}

.form-control--tooltip.left .help-tooltip-data {
    right: -140px
}

.form-control--tooltip.left .help-tooltip-data:before {
    right: 61%
}

@media (min-width:1024px) {
    .form-control--tooltip.left .help-tooltip-data:before {
        right: 100%;
        top: 50%;
        transform: rotate(45deg) translateY(-50%)
    }
}

.form-control--tooltip.right .help-tooltip-data {
    right: -84px
}

.form-control--tooltip.right .help-tooltip-data:before {
    right: 38%
}

@media (min-width:1024px) {
    .form-control--tooltip.right .help-tooltip-data:before {
        right: 100%;
        top: 50%;
        transform: rotate(45deg) translateY(-50%)
    }
}

.form-control--tooltip.calculator {
    align-self: center;
    cursor: pointer;
    display: flex;
    margin-left: auto;
    min-width: 16px;
    padding-left: 8px
}

.form-control--tooltip.calculator .help-tooltip-data {
    border: none;
    border-radius: 8px;
    font-size: 14px;
    line-height: 18px;
    max-width: 272px;
    padding: 8px 12px;
    right: 0;
    text-align: left;
    top: 100%
}

@media (min-width:1024px) {
    .form-control--tooltip.calculator .help-tooltip-data {
        left: auto;
        right: 0;
        top: 100%;
        transform: none
    }
}

.form-control--tooltip.calculator .help-tooltip-data:before {
    border: none;
    right: 19px;
    top: -1px
}

.noUi-target {
    position: relative
}

.noUi-base,
.noUi-connects {
    height: 100%;
    position: relative;
    width: 100%;
    z-index: 2
}

.noUi-base {
    border-radius: 4px;
    margin-top: 15px
}

@media (min-width:768px) {
    .noUi-base {
        margin-top: 18px
    }
}

.noUi-connects {
    background-color: #e0e2e8;
    background-image: linear-gradient(90deg, #e0e2e8 65%, transparent 0);
    border-radius: 3px;
    overflow: hidden;
    z-index: 0
}

.noUi-connect,
.noUi-origin {
    position: absolute;
    right: 0;
    top: 0;
    transform-origin: 0 0;
    transform-style: flat;
    will-change: transform;
    z-index: 1
}

.noUi-connect {
    background-color: #1bb887;
    background: linear-gradient(270deg, #0076ff 64.32%, #7df5b7 97.66%), linear-gradient(90deg, #01cf8f 14.58%, #0fadac 54.5%, #1f91ca 99.97%);
    border-radius: 4px;
    height: 100%;
    width: 100%
}

.noUi-origin {
    height: 10%;
    width: 10%
}

.noUi-handle {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.noUi-touch-area {
    height: 100%;
    width: 100%
}

.noUi-state-tap .noUi-connect,
.noUi-state-tap .noUi-origin {
    transition: transform .3s
}

.noUi-horizontal {
    border-radius: 6px;
    height: 8px;
    margin: 0 auto;
    width: calc(100% - 8px)
}

@media (min-width:768px) {
    .noUi-horizontal {
        border-radius: 4px
    }
}

.noUi-handle {
    background-color: #0076ff;
    border-radius: 50%;
    box-shadow: 0 2px 4px rgba(0, 0, 0, .2);
    cursor: pointer;
    height: 32px;
    position: absolute;
    right: -16px;
    top: -12px;
    width: 32px;
    z-index: 6
}

@media (min-width:768px) {
    .noUi-handle {
        top: -14px
    }
}

.noUi-handle:focus {
    outline: 0
}

.noUi-handle:after,
.noUi-handle:before {
    background-color: #fff;
    border-radius: 1px;
    content: "";
    height: 12px;
    opacity: .7;
    position: absolute;
    top: 10px;
    width: 2px
}

.noUi-handle:before {
    left: 12px
}

.noUi-handle:after {
    left: 17px
}

.range-wrapper {
    margin-bottom: 30px
}

@media (min-width:1024px) {
    .range-wrapper {
        margin-bottom: 38px
    }
}

.range-labe {
    color: #72838f;
    font-size: 12px;
    line-height: 18px
}

.rangeLoan {
    background-color: #fff;
    border-radius: 10px;
    box-shadow: 0 12px 8px rgba(6, 66, 135, .15);
    font-size: 12px;
    font-weight: 400;
    line-height: 22px;
    margin-top: -2px
}

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

.rangeLoan-without-annuity .rangeLoan-money .noUi-base:after,
.rangeLoan-without-annuity .rangeLoan-money .noUi-base:before {
    display: none
}

.accordion-body .rangeLoan {
    border: 1px solid #f7fafc;
    filter: none;
    position: relative
}

.accordion-body .rangeLoan:before {
    background: #e9e9e9;
    content: "";
    height: 1px;
    left: -24px;
    position: absolute;
    right: -24px;
    top: 1px
}

.accordion-body .rangeLoan-hidden-tabs~.rangeLoan {
    box-shadow: none
}

.accordion-body .rangeLoan-hidden-tabs~.rangeLoan:before {
    display: none
}

@media (min-width:768px) {
    .rangeLoan {
        border-radius: 16px;
        font-size: 18px
    }
}

.rangeLoan-head {
    font-size: 18px;
    font-weight: 600;
    line-height: 22px;
    padding: 18px 16px 0
}

@media (min-width:768px) {
    .rangeLoan-head {
        font-size: 24px;
        line-height: 28px;
        padding-top: 20px
    }
}

@media (min-width:1024px) {
    .rangeLoan-head {
        padding: 20px 24px 0
    }
}

.rangeLoan-title {
    color: #203b4f;
    font-size: 16px;
    font-weight: 600;
    line-height: 1.16
}

@media (min-width:768px) {
    .rangeLoan-title {
        font-size: 20px
    }
}

.rangeLoan-title .tooltip-icon {
    height: 20px;
    top: 0
}

.rangeLoan-block {
    padding: 11px 15px 20px
}

@media (min-width:768px) {
    .rangeLoan-block {
        padding: 21px 16px 3px
    }
}

@media (min-width:1024px) {
    .rangeLoan-block {
        padding: 22px 24px 3px
    }
}

@media (min-width:1360px) {
    .rangeLoan-block {
        padding: 22px 24px 3px
    }
}

.rangeLoan-block .img-holder {
    align-self: flex-start;
    height: 21px;
    width: 21px
}

@media (min-width:768px) {
    .rangeLoan-block .img-holder {
        align-self: center;
        height: 24px;
        width: 24px
    }
}

.rangeLoan-hidden-tabs~.rangeLoan-annuity {
    border-radius: 10px
}

@media (min-width:768px) {
    .rangeLoan-hidden-tabs~.rangeLoan-annuity {
        border-radius: 16px
    }
}

.rangeLoan-hidden-tabs~.rangeLoan-annuity .rangeLoan-block:first-of-type {
    padding-top: 16px
}

@media (min-width:1024px) {
    .rangeLoan-hidden-tabs~.rangeLoan-annuity .rangeLoan-block:first-of-type {
        padding-top: 24px
    }
}

@media (min-width:1360px) {
    .rangeLoan-hidden-tabs~.rangeLoan-annuity .rangeLoan-block:first-of-type {
        padding-top: 24px
    }
}

.rangeLoan-hidden-tabs~.calculator-heading~.rangeLoan.personalization {
    border-radius: 0 0 10px 10px
}

@media (min-width:768px) {
    .rangeLoan-hidden-tabs~.calculator-heading~.rangeLoan.personalization {
        border-radius: 0 0 16px 16px
    }
}

.rangeLoan-control {
    border: none;
    color: #203b4f;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    height: 22px;
    padding: 0;
    width: 90px
}

@media (min-width:768px) {
    .rangeLoan-control {
        font-size: 24px;
        height: 30px;
        width: 125px
    }
}

.rangeLoan-control:focus {
    outline: 0
}

.rangeLoan-control_wr {
    line-height: 1;
    margin-bottom: -7px;
    padding-bottom: 2px
}

.rangeLoan-money {
    position: relative
}

.rangeLoan-money .noUi-base {
    width: 100%
}

.rangeLoan-money .noUi-base:after {
    background-color: #fff;
    border: 2px solid #e0e2e8;
    border-radius: 50%;
    content: "";
    height: 8px;
    left: 60%;
    position: absolute;
    top: -1px;
    width: 8px;
    z-index: 2
}

@media (min-width:768px) {
    .rangeLoan-money .noUi-base:after {
        top: 0
    }
}

.rangeLoan-money .noUi-base.annuity:after {
    display: none
}

.rangeLoan-money .noUi-base:before {
    background-color: #e0e2e8;
    background-image: repeating-linear-gradient(90deg, #e2e2e2, #e2e2e2 2px, #fff 0, #fff 4px);
    border-radius: 0 3px 3px 0;
    content: "";
    height: 8px;
    left: 60%;
    position: absolute;
    top: 0;
    width: 40%
}

@media (min-width:768px) {
    .rangeLoan-money .noUi-base:before {
        background-image: repeating-linear-gradient(90deg, #e2e2e2, #e2e2e2 2.5px, #fff 0, #fff 5px);
        border-radius: 0 4px 4px 0
    }
}

.rangeLoan-date {
    align-items: center;
    background: #f6f7f9;
    border-radius: 8px;
    display: flex;
    font-size: 14px;
    font-weight: 400;
    justify-content: space-between;
    line-height: 1.3;
    margin: 12px 0 0;
    padding: 11px 7px
}

@media (min-width:768px) {
    .rangeLoan-date {
        margin: 28px 0 0;
        padding: 11px 12px
    }
}

.accordion-body .rangeLoan-date {
    display: flex;
    flex-wrap: wrap
}

.rangeLoan-date_end {
    color: #1bb887;
    font-weight: 600
}

@media (min-width:768px) {
    .rangeLoan-date_end {
        margin-left: 8px
    }
}

.rangeLoan-date_end.data--attention {
    color: #db5c61
}

.rangeLoan-amount__item {
    font-size: 12px;
    font-weight: 600;
    line-height: 1;
    padding: 0 10px 0 0;
    white-space: nowrap;
    width: 40%
}

@media (min-width:768px) {
    .rangeLoan-amount__item {
        font-size: 14px
    }
}

.rangeLoan-amount__item:nth-child(3) {
    width: 20%
}

.rangeLoan-amount__item .calculator-formula {
    color: #bfc5cc;
    font-size: 16px;
    font-weight: 600;
    line-height: 22px;
    margin-right: 4px
}

@media (min-width:1280px) {
    .rangeLoan-amount__item .calculator-formula {
        font-size: 20px
    }
}

.rangeLoan-amount__item .calculator-formula .through {
    text-decoration-line: line-through
}

.rangeLoan-amount strong {
    font-size: 16px;
    font-weight: 600;
    margin-right: 3px
}

@media (min-width:768px) {
    .rangeLoan-amount strong {
        margin-right: 8px
    }
}

@media (min-width:1280px) {
    .rangeLoan-amount strong {
        font-size: 20px
    }
}

.rangeLoan-table {
    border-spacing: 0;
    width: 100%
}

.rangeLoan-table_th {
    border-spacing: 0;
    font-size: 12px;
    font-weight: 400;
    padding: 0 0 2px;
    position: relative
}

@media (min-width:768px) {
    .rangeLoan-table_th {
        font-size: 14px
    }
}

@media (min-width:1024px) and (max-width:1359px) {
    .rangeLoan-table_th {
        width: 21%
    }
}

.rangeLoan-table_th.cashback {
    font-weight: 600
}

.rangeLoan-operation {
    font-size: 16px;
    font-weight: 600;
    padding-right: 8px
}

@media (min-width:375px) {
    .rangeLoan-operation {
        padding-right: 14px
    }
}

@media (min-width:500px) {
    .rangeLoan-operation {
        padding-right: 24px
    }
}

@media (min-width:768px) {
    .rangeLoan-operation {
        padding: 0;
        text-align: center;
        width: 42px
    }
}

@media (min-width:1024px) and (max-width:1359px) {
    .rangeLoan-operation {
        padding: 0 16px 0 0
    }
}

.rangeLoan-bottom {
    display: flex;
    flex-direction: column;
    padding-top: 14px
}

@media (min-width:768px) {
    .rangeLoan-bottom {
        align-items: flex-start;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: space-between;
        padding-top: 31px
    }
}

.rangeLoan-label {
    color: #72838f;
    font-size: 12px
}

@media (min-width:768px) {
    .rangeLoan-label {
        font-size: 14px
    }
}

.rangeLoan .link-default {
    color: #0076ff;
    font-size: 12px !important;
    font-weight: 400;
    position: relative;
    text-decoration: none
}

@media (min-width:768px) {
    .rangeLoan .link-default {
        font-size: 14px !important
    }

    .col-content-aside .rangeLoan .link-default {
        font-size: 12px !important
    }
}

.rangeLoan .link-default:after {
    background-color: #0076ff;
    bottom: 0;
    content: "";
    height: 1px;
    left: 0;
    opacity: .24;
    position: absolute;
    right: 0
}

.rangeLoan .link-default:hover:after {
    content: none
}

.rangeLoan .link-default-cursor {
    cursor: pointer
}

.rangeLoan .link-default-wrapper {
    padding-top: 16px
}

.col-content-aside .rangeLoan .link-default-wrapper {
    text-align: center
}

@media (min-width:1024px) {
    .rangeLoan .link-default-wrapper {
        padding-bottom: 8px
    }

    .small-wrapper .rangeLoan .link-default-wrapper {
        padding-bottom: 0
    }
}

.rangeLoan .link-default-border:after {
    display: none
}

.rangeLoan .prot-info {
    color: #72838f;
    flex: 1 0 auto;
    font-size: 12px;
    justify-content: center;
    line-height: 16px;
    margin-bottom: 12px;
    width: 100%
}

@media (min-width:768px) {
    .rangeLoan .prot-info {
        justify-content: flex-start;
        margin-bottom: 0;
        margin-right: 5px;
        width: auto
    }
}

.rangeLoan .prot-info .img-holder {
    margin-left: 12px
}

@media (min-width:1024px) {
    .rangeLoan .prot-info .img-holder {
        max-width: 149px
    }
}

.rangeLoan .left-side {
    flex-wrap: nowrap;
    font-size: 10px;
    line-height: 1;
    order: 2;
    padding: 0 16px 16px
}

@media (min-width:768px) {
    .rangeLoan .left-side {
        flex: 0 0 50%;
        font-size: 13px;
        order: unset;
        padding: 37px 15px 14px
    }
}

@media (min-width:1024px) {
    .rangeLoan .left-side {
        flex: 0 0 calc(100% - 305px);
        padding: 4px 16px 8px 24px
    }
}

.rangeLoan .left-side .slide-holder {
    height: 0;
    overflow: hidden
}

.rangeLoan .right-side {
    order: 1;
    padding: 0 16px 14px
}

@media (min-width:768px) {
    .rangeLoan .right-side {
        flex: 0 0 297px;
        order: unset;
        padding: 32px 16px 0 0
    }
}

@media (min-width:1024px) {
    .rangeLoan .right-side {
        padding: 0 24px 0 0
    }
}

@media (min-width:1360px) {
    .rangeLoan .right-side {
        padding: 0 24px 0 0
    }
}

.rangeLoan .right-side .btn-calculator {
    font-size: 16px;
    padding: 15px 24px
}

.rangeLoan .promo-holder .fake-label {
    font-size: 14px;
    font-weight: 400
}

.rangeLoan .promo-holder .fake-label a {
    font-size: inherit
}

.rangeLoan .lending_terms {
    border-top: 1px solid #e2e2e2;
    color: #72838f;
    font-size: 14px;
    order: 3;
    padding: 12px 15px 14px;
    text-align: center
}

@media (min-width:768px) {
    .rangeLoan .lending_terms {
        order: unset;
        padding: 12px 24px 10px
    }
}

.rangeLoan .lending_terms .link-info {
    width: 100%
}

@media (min-width:768px) {
    .rangeLoan .lending_terms .link-info {
        width: auto
    }
}

.rangeLoan .lending_terms a {
    margin-right: 16px
}

.rangeLoan .lending_terms a:last-of-type {
    margin-right: 0
}

.rangeLoan-tab {
    align-items: center;
    background-color: #dee4eb;
    border-radius: 8px 8px 0 0;
    color: rgba(32, 59, 79, .6);
    cursor: pointer;
    display: flex;
    font-size: 14px;
    font-weight: 600;
    justify-content: center;
    line-height: 1;
    padding: 12px 8px 15px;
    position: relative;
    text-align: left;
    transition: all .3s ease-in-out;
    width: 50%;
    z-index: 999
}

.accordion-body .rangeLoan-tab {
    border: 1px solid #f7fafc;
    border-bottom: none
}

@media (min-width:768px) {
    .rangeLoan-tab {
        border-radius: 16px 16px 0 0;
        font-size: 16px;
        padding: 16px 11px
    }
}

.rangeLoan-tab:first-child {
    border-radius: 8px 0 0 0
}

@media (min-width:768px) {
    .rangeLoan-tab:first-child {
        border-radius: 16px 0 0 0
    }
}

.rangeLoan-tab:last-child {
    border-radius: 0 8px 0 0
}

@media (min-width:768px) {
    .rangeLoan-tab:last-child {
        border-radius: 0 16px 0 0
    }
}

.rangeLoan-tab .icon-calc--long-credit:before,
.rangeLoan-tab .icon-calc--shirt-credit:before {
    color: rgba(32, 59, 79, .6);
    font-size: 16px
}

.rangeLoan-tab.active {
    background-color: #fff;
    color: #1bb887
}

.rangeLoan-tab.active .icon-calc--long-credit:before,
.rangeLoan-tab.active .icon-calc--shirt-credit:before {
    color: #1bb887
}

.rangeLoan-tab [class^=icon] {
    margin-right: 3px
}

@media (min-width:768px) {
    .rangeLoan-tab [class^=icon] {
        margin-right: 4px
    }
}

.rangeLoan-tab__wr {
    background-color: #fff;
    border-radius: 8px 8px 0 0;
    overflow: hidden;
    position: relative
}

@media (min-width:768px) {
    .rangeLoan-tab__wr {
        border-radius: 16px 16px 0 0
    }
}

.rangeLoan-tab__wr:after,
.rangeLoan-tab__wr:before {
    background-color: #fff;
    border-radius: 10px 10px 0 0;
    bottom: -1px;
    content: "";
    position: absolute;
    right: 0;
    top: 0;
    width: 50%
}

@media (min-width:768px) {

    .rangeLoan-tab__wr:after,
    .rangeLoan-tab__wr:before {
        width: 104px
    }
}

.rangeLoan-tab__wr:before {
    filter: drop-shadow(0 4px 8px rgba(6, 66, 135, .15));
    left: 0
}

@media (min-width:768px) {
    .rangeLoan-tab__wr:before {
        left: unset;
        right: 104px
    }
}

.rangeLoan-tab__wr:after {
    filter: drop-shadow(0 4px 8px rgba(6, 66, 135, .15))
}

.rangeLoan-tab__wr+.calculator-heading {
    border-top-right-radius: 0
}

.rangeLoan-tab__wr+.info-cashback {
    border-radius: 10px 0 0 0
}

@media (min-width:768px) {
    .rangeLoan-tab__wr+.info-cashback {
        border-radius: 16px 0 0 0
    }
}

.rangeLoan-annuity {
    border-radius: 0 0 10px 10px;
    position: relative
}

@media (min-width:768px) {
    .rangeLoan-annuity {
        border-radius: 0 0 16px 16px
    }
}

.rangeLoan-annuity .rangeLoan-days .noUi-base:after,
.rangeLoan-annuity .rangeLoan-days .noUi-base:before {
    background-color: #fff;
    border: 2px solid #0076ff;
    border-radius: 50%;
    content: "";
    height: 10px;
    left: 60%;
    position: absolute;
    top: -1px;
    width: 10px;
    z-index: 3
}

@media (min-width:768px) {

    .rangeLoan-annuity .rangeLoan-days .noUi-base:after,
    .rangeLoan-annuity .rangeLoan-days .noUi-base:before {
        border-width: 3px;
        height: 12px;
        top: -2px;
        width: 12px
    }

    .rangeLoan-annuity .rangeLoan-days .noUi-base:before {
        top: -2px
    }
}

.rangeLoan-annuity .rangeLoan-days .noUi-base:after {
    left: 100%
}

.rangeLoan-annuity .rangeLoan-money .noUi-touch-area {
    z-index: 6
}

.rangeLoan-annuity .rangeLoan-money .noUi-base {
    width: 100%
}

.rangeLoan-annuity .rangeLoan-money .noUi-base:after {
    border: 2px solid #0076ff;
    height: 10px;
    left: 100%;
    width: 10px;
    z-index: 2
}

@media (min-width:768px) {
    .rangeLoan-annuity .rangeLoan-money .noUi-base:after {
        border-width: 3px;
        height: 12px;
        top: -2px;
        width: 12px
    }
}

.rangeLoan-annuity .rangeLoan-money .noUi-base:before {
    left: 61%;
    width: 40%
}

.rangeLoan-annuity .rangeLoan-head__text {
    display: none
}

.rangeLoan-annuity .rangeLoan-head__text.active {
    display: block
}

.noUi-base.annuity:before {
    display: none
}

@media (min-width:1024px) {
    .annuity__text {
        font-size: 13px;
        line-height: 14px
    }
}

.left-side.annuity .rangeLoan-amount {
    border-top: 0
}

.left-side.annuity .payments-table {
    background: #f6f7f9;
    border-collapse: unset;
    border-radius: 0 0 8px 8px;
    border-spacing: unset;
    border-top: 1px solid #e9e9e9;
    color: #203b4f;
    font-size: 14px;
    font-weight: 400;
    line-height: 1;
    padding: 3px 9px 12px;
    width: 100%
}

@media (min-width:1024px) {
    .left-side.annuity .payments-table {
        padding: 6px 9px 12px
    }
}

.left-side.annuity .payments-table tr:not(:last-child) td {
    padding-bottom: 13px
}

.left-side.annuity .payments-table td:last-child {
    color: #72838f
}

.left-side.annuity .payments-table td:first-child {
    width: 90px
}

@media (min-width:1024px) {
    .left-side.annuity .payments-table td:first-child {
        width: 86px
    }
}

.left-side.annuity .payments-table td:nth-child(2) {
    width: 90px
}

@media (min-width:1024px) {
    .left-side.annuity .payments-table td:nth-child(2) {
        width: 87px
    }
}

.left-side.annuity .pay-holder {
    background: #f6f7f9;
    border-radius: 8px;
    font-size: 16px;
    justify-content: space-between;
    margin-top: 12px;
    padding: 8px 8px 8px 12px
}

@media (min-width:768px) {
    .left-side.annuity .pay-holder {
        margin-top: 28px
    }
}

.left-side.annuity .pay-holder.active {
    border-radius: 8px 8px 0 0
}

.left-side.annuity .pay-holder .current-pay {
    color: #1bb887;
    font-size: 16px;
    font-weight: 600;
    padding: 0 4px
}

.left-side.annuity .js-active .open-arrow:after {
    transform: rotate(139deg)
}

.left-side.annuity .js-active .open-arrow:before {
    transform: rotate(-139deg)
}

.left-side.annuity .open-arrow {
    background: #fff;
    border: 1.5px solid transparent;
    border-radius: 50%;
    box-shadow: 0 4px 8px rgba(6, 66, 135, .15);
    cursor: pointer;
    flex: 0 0 24px;
    height: 24px;
    margin-right: 8px;
    position: relative;
    width: 24px
}

.left-side.annuity .open-arrow:after,
.left-side.annuity .open-arrow:before {
    background-color: #203b4f;
    border-radius: 2px;
    content: "";
    height: 1.5px;
    position: absolute;
    top: 9px;
    width: 7px
}

.left-side.annuity .open-arrow.js-active:after {
    transform: rotate(139deg)
}

.left-side.annuity .open-arrow.js-active:before {
    transform: rotate(-139deg)
}

.left-side.annuity .open-arrow:after {
    right: 9px;
    transform: rotate(-139deg)
}

.left-side.annuity .open-arrow:before {
    left: 9px;
    transform: rotate(139deg)
}

.small-wrapper .left-side.annuity .payments-table td:first-child,
.small-wrapper .left-side.annuity .payments-table td:nth-child(2) {
    width: 90px
}

.rangeLoan.personalization {
    border-radius: 0 0 10px 10px;
    position: relative;
    z-index: 2
}

@media (min-width:768px) {
    .rangeLoan.personalization {
        border-radius: 0 0 16px 16px
    }
}

.rangeLoan.rangeLoan-without-annuity {
    border-radius: 10px
}

@media (min-width:768px) {
    .rangeLoan.rangeLoan-without-annuity {
        border-radius: 16px
    }
}

.calculator-heading {
    background: linear-gradient(103.97deg, #0076ff 61.08%, #35ace0 91.02%, #7df5b7 120.45%);
    border-radius: 0 !important;
    box-shadow: none;
    color: #fff;
    font-size: 14px;
    font-weight: 600;
    line-height: 1.2;
    padding: 8px 16px;
    position: relative;
    z-index: 2
}

@media (min-width:768px) {
    .calculator-heading {
        font-size: 16px;
        padding: 8px 24px
    }
}

.rangeLoan-hidden-tabs~.calculator-heading {
    border-radius: 10px 10px 0 0 !important
}

@media (min-width:768px) {
    .rangeLoan-hidden-tabs~.calculator-heading {
        border-radius: 16px 16px 0 0 !important
    }
}

.calculator-heading--info-title {
    display: block
}

@media (min-width:1024px) {
    .calculator-heading--info-title {
        display: inline
    }
}

.calculator-heading--promo {
    -webkit-text-fill-color: transparent;
    text-fill-color: transparent;
    background: linear-gradient(222.41deg, #f1ca54 29.95%, #ffe9a6 67.08%);
    -webkit-background-clip: text;
    background-clip: text
}

@media (min-width:768px) {
    .calculator-heading--promo {
        font-size: 20px
    }
}

.personal-calc--icon {
    align-items: center;
    background-color: #fff;
    border-radius: 50%;
    display: flex;
    height: 32px;
    justify-content: center;
    margin-right: 8px;
    width: 32px
}

@media (min-width:768px) {
    .personal-calc--icon {
        height: 40px;
        margin-right: 16px;
        width: 40px
    }
}

.content-modile-calcDown--link {
    height: 45px;
    left: 50%;
    text-decoration: none;
    top: 100px;
    transform: translateX(-50%);
    transition: all .3s ease-in-out;
    width: 45px
}

@media screen and (min-width:768px) {
    .content-modile-calcDown--link {
        display: none
    }
}

.content-modile-calcDown--link:hover {
    opacity: .6;
    padding-top: 24px
}

.no-personalization .calculator-heading {
    display: none !important
}

.small-wrapper .rangeLoan {
    filter: drop-shadow(0 6px 16px rgba(6, 66, 135, .06))
}

.small-wrapper .rangeLoan-tab:first-child {
    border-radius: 8px 0 0 0
}

.small-wrapper .rangeLoan-tab:last-child {
    border-radius: 0 8px 0 0
}

.small-wrapper .rangeLoan-tab__wr {
    border-radius: 8px 8px 0 0;
    font-size: 14px;
    margin-top: 0
}

.small-wrapper .rangeLoan .input-withbutton .input-def {
    flex: 0 0 calc(100% - 123px);
    padding: 14px 16px;
    width: calc(100% - 123px)
}

.small-wrapper .rangeLoan .input-withbutton .btn {
    flex: 0 0 123px;
    font-size: 16px;
    padding: 13.5px 4px;
    width: 123px
}

.small-wrapper .rangeLoan-date_end {
    margin-left: 0
}

@media (min-width:768px) {

    .small-wrapper .rangeLoan-annuity .rangeLoan-days .noUi-base:after,
    .small-wrapper .rangeLoan-annuity .rangeLoan-days .noUi-base:before,
    .small-wrapper .rangeLoan-annuity .rangeLoan-money .noUi-base:after {
        border-width: 2px;
        height: 10px;
        top: -1px;
        width: 10px
    }

    .small-wrapper .rangeLoan-annuity .rangeLoan-days .noUi-base:after,
    .small-wrapper .rangeLoan-annuity .rangeLoan-money .noUi-base:after {
        left: calc(100% - 5px)
    }
}

@media (min-width:1024px) {
    .small-wrapper .rangeLoan.personalization {
        border-radius: 0 0 10px 10px
    }

    .small-wrapper .rangeLoan.rangeLoan-without-annuity {
        border-radius: 10px
    }
}

@media (min-width:1024px) and (min-width:768px) {
    .small-wrapper .rangeLoan.rangeLoan-without-annuity {
        border-radius: 16px
    }
}

@media (min-width:1024px) {
    .small-wrapper .rangeLoan .promo-holder .btn-calculator {
        margin-bottom: 8px;
        padding: 14.5px 24px
    }

    .small-wrapper .rangeLoan .right-side {
        flex: 0 0 100%;
        order: 1;
        padding: 0 16px 10px
    }

    .small-wrapper .rangeLoan .right-side .btn-calculator {
        margin: 0 0 11px;
        padding: 15.5px 24px
    }

    .small-wrapper .rangeLoan .left-side {
        flex: 0 0 100%;
        order: 2;
        padding: 0 16px 16px
    }

    .small-wrapper .rangeLoan-date {
        margin-top: 12px !important
    }

    .small-wrapper .rangeLoan-title {
        font-size: 16px;
        line-height: 18px
    }

    .small-wrapper .rangeLoan-block .img-holder {
        align-self: flex-start
    }

    .small-wrapper .rangeLoan-control {
        font-size: 16px;
        height: 22px;
        width: 90px
    }

    .small-wrapper .rangeLoan .lending_terms {
        flex-wrap: wrap;
        justify-content: center;
        order: 3;
        padding: 12px 14px
    }

    .small-wrapper .rangeLoan .lending_terms .prot-info {
        margin-bottom: 8px;
        margin-right: 0
    }

    .small-wrapper .rangeLoan .lending_terms .prot-info .img-holder {
        max-width: 100%
    }

    .small-wrapper .mb-calc {
        margin-bottom: 18px
    }

    .small-wrapper .info-cashback {
        border-radius: 10px 10px 0 0;
        font-size: 14px;
        line-height: 1;
        padding: 6px 16px;
        text-align: left
    }

    .small-wrapper .tooltip-calc .tooltip-content {
        left: unset;
        right: 0
    }

    .small-wrapper .rangeLoan-annuity .rangeLoan-days .noUi-base:after,
    .small-wrapper .rangeLoan-annuity .rangeLoan-money .noUi-base:after {
        left: calc(100% - 5px)
    }

    .small-wrapper .rangeLoan-annuity .rangeLoan-days .noUi-base:after {
        z-index: 3
    }

    .small-wrapper .rangeLoan-head {
        font-size: 18px;
        line-height: 22px;
        padding: 18px 16px 0
    }

    .small-wrapper .rangeLoan-bottom {
        align-items: stretch;
        flex-direction: column;
        padding-top: 16px
    }

    .small-wrapper .rangeLoan-block {
        padding: 14px 16px
    }

    .small-wrapper .rangeLoan-label {
        font-size: 12px
    }

    .small-wrapper .rangeLoan-amount {
        display: block;
        font-size: 10px
    }

    .small-wrapper .rangeLoan-amount__item {
        font-size: 8px
    }

    .small-wrapper .rangeLoan-amount strong {
        font-size: 16px;
        margin-right: 3px
    }

    .small-wrapper .rangeLoan-table {
        width: 100%
    }

    .small-wrapper .rangeLoan-table_th {
        font-size: 12px;
        padding: 0 0 4px
    }

    .small-wrapper .rangeLoan-table_th a {
        font-size: 14px;
        line-height: 18px
    }

    .small-wrapper .rangeLoan-operation {
        padding-right: 8px;
        width: auto
    }

    .small-wrapper .rangeLoan-date {
        font-size: 14px;
        line-height: 1.3;
        padding: 11px 7px
    }

    .small-wrapper .rangeLoan-buttons {
        padding: 0 16px 14px
    }

    .small-wrapper .rangeLoan-buttons_link {
        justify-content: center !important
    }

    .small-wrapper .btn-calc {
        border-radius: 8px;
        margin-bottom: 6px;
        padding: 12px 24px 10px
    }

    .small-wrapper .through {
        font-size: 16px
    }

    .small-wrapper .annuity__text {
        font-size: 12px;
        line-height: 1
    }

    .small-wrapper .calculator-heading {
        border-radius: 10px 10px 0 0;
        box-shadow: 0 2px 4px rgba(0, 0, 0, .24);
        font-size: 14px;
        line-height: 1;
        padding: 6px 16px 4px
    }

    .small-wrapper .calculator-heading--info-title {
        display: block;
        font-size: 12px
    }

    .small-wrapper .personal-calc--icon {
        margin-right: 8px
    }

    .small-wrapper .left-side.annuity .payments-table {
        padding: 3px 9px 12px
    }

    .small-wrapper .left-side.annuity .payments-table td:first-child,
    .small-wrapper .left-side.annuity .payments-table td:nth-child(2) {
        width: 90px
    }
}

.rangeLoan-shadow .rangeLoan {
    box-shadow: 0 4px 15px rgba(0, 0, 0, .24)
}

.info-cashback~.rangeLoan {
    border-radius: 0 0 16px 16px
}

.sticky-container {
    height: auto !important;
    width: auto !important
}

.js-disable-block-open {
    position: relative;
    z-index: 1
}

.js-disable-block-open .disable-turbo-money-block {
    opacity: 1;
    visibility: visible
}

.js-calculator-promo {
    position: relative
}

.disable-turbo-money-block {
    background-color: #fff;
    border-radius: 4px;
    box-shadow: 0 1px 4px rgba(0, 0, 0, .25);
    left: 0;
    opacity: 0;
    padding: 12px 12px 16px;
    position: absolute;
    right: 0;
    top: calc(100% + 2px);
    transition: all .3s ease-in-out;
    visibility: hidden;
    z-index: 1
}

.disable-turbo-money-block:after {
    border-width: 4px;
    box-shadow: 0 1px 4px rgba(0, 0, 0, .25);
    top: -5px
}

.disable-turbo-money-block:after,
.disable-turbo-money-block:before {
    border-color: transparent transparent #fff #fff;
    border-style: solid;
    content: "";
    height: 0;
    left: 50%;
    position: absolute;
    transform: translateX(-50%) rotate(-133deg);
    width: 0
}

.disable-turbo-money-block:before {
    background-color: #fff;
    border-width: 6px;
    top: -3px;
    z-index: 1
}

.disable-turbo-money-block span {
    color: #203b4f;
    display: block;
    font-size: 14px;
    font-weight: 600;
    margin-bottom: 10px
}

.btn {
    border: none;
    border-radius: 16px;
    cursor: pointer;
    display: inline-block;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    line-height: 19px;
    outline: 0;
    padding: 14.5px 8px;
    position: relative;
    text-align: center;
    text-decoration: none;
    transform: none;
    transition: border .3s ease, color .3s ease, background .3s ease;
    width: 100%
}

.btn.disabled,
.btn[disabled] {
    cursor: not-allowed;
    pointer-events: none
}

@media (min-width:768px) {
    .btn {
        font-size: 18px;
        line-height: 21px;
        padding: 13.5px 8px
    }

    .btn-p-16 {
        padding: 13.5px 16px
    }
}

.btn.pos-i {
    position: inherit
}

@media (min-width:768px) {
    .btn.no-padding {
        padding: 13.5px 5px
    }
}

.btn-bordered {
    border: 1.5px solid transparent;
    padding: 13px
}

@media (min-width:768px) {
    .btn-bordered {
        padding: 12px 14px
    }
}

.btn-bordered.disabled,
.btn-bordered[disabled] {
    background: 0 0;
    border: 1.5px solid #bfc5cc;
    color: #bfc5cc
}

.btn-bordered.disabled:after,
.btn-bordered[disabled]:after {
    color: #bfc5cc
}

.btn-bordered.disabled:focus,
.btn-bordered.disabled:hover,
.btn-bordered[disabled]:focus,
.btn-bordered[disabled]:hover {
    background-color: transparent;
    color: #bfc5cc
}

.btn-border_dashed {
    border: 1px dashed #bfc5cc
}

.btn-icon {
    display: flex;
    padding: 11.5px 24px;
    position: relative
}

.btn-icon span {
    font-size: 25px;
    margin-right: 8px
}

.btn-sucsess {
    background: #0076ff;
    color: #fff
}

.btn-sucsess:hover {
    background: rgba(0, 118, 255, .8);
    color: #fff
}

.btn-sucsess:focus {
    background: #0064d7
}

.btn-sucsess.disabled,
.btn-sucsess[disabled] {
    background: rgba(0, 118, 255, .5)
}

.btn-sucsess_white {
    background: #fff;
    border: 1.5px solid #0076ff;
    color: #0076ff
}

.btn-sucsess_white:active,
.btn-sucsess_white:focus,
.btn-sucsess_white:hover {
    background: #0076ff;
    color: #fff
}

.btn-sucsess_white.disabled,
.btn-sucsess_white[disabled] {
    border-color: rgba(0, 118, 255, .5);
    color: rgba(0, 118, 255, .5)
}

.btn-sucsess_transparent {
    background: 0 0;
    border: 1.5px solid #0076ff;
    color: #0076ff
}

.btn-sucsess_transparent:hover {
    background: rgba(0, 118, 255, .1);
    color: #0076ff
}

.btn-sucsess_transparent:active,
.btn-sucsess_transparent:focus {
    background: #0076ff;
    color: #fff
}

.btn-sucsess_transparent.disabled,
.btn-sucsess_transparent[disabled] {
    border-color: rgba(0, 118, 255, .5);
    color: rgba(0, 118, 255, .5)
}

.btn-transparent {
    background-color: transparent
}

.btn-link {
    color: #0076ff;
    font-size: 16px;
    font-weight: 600;
    line-height: 25px;
    text-decoration: none
}

@media (min-width:768px) {
    .btn-link {
        font-size: 18px
    }
}

.btn-link:hover {
    color: rgba(0, 118, 255, .8)
}

.btn-link:focus {
    color: #0064d7;
    outline: 0
}

.btn-link.disabled,
.btn-link[disabled] {
    color: rgba(0, 118, 255, .5)
}

.btn-link_text-decorate {
    text-decoration: underline
}

.btn-link_text-decorate:focus,
.btn-link_text-decorate:hover {
    text-decoration: none
}

@media (min-width:768px) {
    .btn-link-16 {
        font-size: 16px
    }
}

@media (min-width:1024px) {
    .btn-holder .link-auto-1024 {
        max-width: none;
        width: auto
    }
}

.overflow-auto {
    overflow: auto !important
}

.modal {
    -webkit-overflow-scrolling: touch;
    background-color: rgba(0, 0, 0, .7);
    bottom: 0;
    display: none;
    left: 0;
    outline: 0;
    overflow: auto;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 1002
}

.modal-open {
    overflow: hidden
}

.modal-open .modal {
    overflow-x: hidden;
    overflow-y: auto
}

.modal_dialog p {
    line-height: 1.4
}

.modal-content {
    box-shadow: 0 5px 15px rgba(0, 0, 0, .5)
}

@media (min-width:768px) {
    .modal-content-middle {
        font-size: 16px !important
    }
}

.modal_center {
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%)
}

.modal_large {
    margin: .5rem auto
}

@media (min-width:768px) {
    .modal_large {
        margin: 1.75rem auto
    }
}

.modal_close {
    color: #203b4f;
    cursor: pointer;
    font-size: 16px;
    right: 16px;
    top: 16px;
    z-index: 2
}

.modal_validate:before {
    display: inline-block;
    margin-bottom: 16px
}

@media (min-width:768px) {
    .modal_validate:before {
        margin-bottom: 24px
    }

    .modal_buttons .btn {
        min-width: 200px;
        width: auto
    }
}

.modal_buttons .btn+.btn {
    margin: 16px 0 0
}

@media (min-width:768px) {
    .modal_buttons .btn+.btn {
        margin: 0 0 0 24px
    }
}

.modal-title {
    color: #203b4f;
    font-size: 18px;
    font-weight: 600;
    line-height: 22px
}

@media (min-width:768px) {
    .modal-title {
        font-size: 24px;
        line-height: 29px
    }
}

.modal-title_md {
    color: #203b4f;
    font-size: 18px;
    font-weight: 600;
    line-height: 22px
}

@media (min-width:768px) {
    .modal-title_md {
        font-size: 20px;
        line-height: 24px
    }
}

.modal-title_lg {
    color: #203b4f;
    font-size: 18px;
    font-weight: 700;
    line-height: 22px
}

@media (min-width:768px) {
    .modal-title_lg {
        font-size: 26px;
        line-height: 32px
    }
}

.modal.fade .modal-dialog {
    transform: translateY(-25%);
    transition: transform .3s ease-out
}

.modal.in .modal-dialog {
    transform: translate(0)
}

.table>li {
    border-bottom: 1px solid #f7fafc;
    padding: 14px 0
}

.table>li:first-child {
    padding-top: 0
}

.table>li:last-child {
    border-bottom: none;
    padding-bottom: 0
}

@media (min-width:1024px) {
    .table>li {
        padding: 16px 0
    }
}

.table-heading {
    display: none
}

@media (min-width:1024px) {
    .table-heading {
        display: flex
    }

    .table-heading .table-cell {
        color: #203b4f;
        font-weight: 600
    }
}

.table-cell {
    padding: 2px 0
}

.table-cell:nth-child(2n) {
    flex: 0 0 40%;
    text-align: right
}

@media (min-width:1024px) {
    .table-cell:nth-child(2n) {
        text-align: left
    }
}

.table-cell:nth-child(odd) {
    color: #72838f;
    flex: 0 0 60%
}

.table-cell.blue-text {
    color: #203b4f
}

@media (min-width:1024px) {
    .table-cell {
        padding: 0
    }

    .table-cell:last-child {
        text-align: right
    }
}

.table-cell:only-child {
    flex: 0 0 100%
}

.table-cell_flex {
    align-items: center;
    display: flex;
    justify-content: flex-end
}

.table-cell_fix-hight {
    height: 52px
}

.table-cell.text-center-left {
    text-align: center
}

@media (min-width:1024px) {
    .table-cell.text-center-left {
        text-align: left
    }
}

.table-cell.attention {
    color: #1bb887
}

.table-cell.attention-important {
    color: #1bb887 !important
}

.table-cell.warning {
    color: #ef5350
}

.table-cell.warning-important {
    color: #ef5350 !important
}

.table-cell.primary {
    color: #0076ff
}

.table-cell_link {
    flex: 0 0 100%;
    padding: 15px 8px 16px
}

@media (min-width:768px) {
    .table-cell_link {
        flex: 1 0 auto;
        padding: 23px 24px 8px
    }
}

.table-cell_link .link-default {
    line-height: 24px
}

@media (min-width:1024px) {
    .table-cell_link .link-default {
        letter-spacing: normal
    }
}

.table-cell_link-50 {
    border-top: 1px solid #f7fafc
}

@media (min-width:768px) {
    .table-cell_link-50 {
        border-top: none;
        flex: 0 0 50%;
        position: relative
    }

    .table-cell_link-50:after {
        border-left: 1px solid #f7fafc;
        content: "";
        height: 72px;
        left: 0;
        position: absolute;
        top: 0
    }
}

.table-cell_link .i-personal-download:before {
    color: inherit;
    font-size: 16px;
    margin-right: 8px
}

.table .table-cell-star {
    align-items: center;
    background-color: #ef5350;
    border-radius: 29px;
    cursor: pointer;
    display: flex;
    flex: 0 0 auto;
    justify-content: center;
    padding: 7px 10px
}

.table .table-cell-star span {
    color: #f2f2f2;
    font-family: Open Sans, Arial, sans-serif;
    font-size: 12px;
    font-weight: 600;
    padding-left: 20px;
    position: relative
}

.table .table-cell-star span:before {
    background: url(../images/icon-star.svg) top/contain no-repeat;
    content: "";
    height: 16px;
    left: 0;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 16px
}

.table-row_link {
    border-top: 1px solid #f7fafc;
    margin: 0 -16px -8px;
    width: calc(100% + 32px)
}

@media (min-width:768px) {
    .table-row_link {
        margin-bottom: 0
    }
}

@media (min-width:1024px) {
    .table-row_link {
        margin: 0 -24px;
        width: calc(100% + 48px)
    }
}

.table-2 li {
    padding: 14px 0
}

.table-2 li:first-child {
    padding-top: 0
}

.table-2 li:not(:last-child) {
    border-bottom: 1px solid #f7fafc
}

@media (min-width:1024px) {
    .table-2 li {
        padding: 16px 0
    }
}

.table-2 li:last-child {
    padding-bottom: 0
}

.table-2 .table-cell:nth-child(odd) {
    color: #203b4f;
    flex: 0 0 60%
}

.table-2 .table-cell:nth-child(odd).attention {
    color: #1bb887
}

.table-2 .table-cell:nth-child(odd).warning {
    color: #ef5350
}

.table-2 .table-cell:nth-child(odd).primary {
    color: #0076ff
}

.table-2 .table-cell:nth-child(2n) {
    flex: 0 0 40%
}

.font-inherit {
    font-size: inherit;
    line-height: inherit
}

.ptitle-main {
    color: #203b4f;
    font-size: 20px;
    font-weight: 600;
    line-height: 1.25
}

@media (min-width:768px) {
    .ptitle-main {
        font-size: 32px
    }
}

.ptitle-1 {
    color: #203b4f;
    font-size: 18px;
    font-weight: 600;
    line-height: 24px
}

@media (min-width:1024px) {
    .ptitle-1 {
        font-size: 20px
    }
}

.ptitle-white-1 {
    color: #fff
}

.ptitle-2 {
    font-size: 16px;
    font-weight: 600
}

.ptitle-number-2 {
    min-height: 24px;
    padding-left: 32px;
    position: relative
}

.ptitle-number-2:before {
    align-items: center;
    background-color: #f1f3f6;
    border-radius: 8px;
    color: #72838f;
    content: attr(data-number);
    display: flex;
    font-size: 14px;
    height: 24px;
    justify-content: center;
    left: 0;
    position: absolute;
    top: 0;
    width: 24px
}

.ptitle-2-large,
.ptitle-2-medium {
    font-size: 16px;
    font-weight: 400
}

@media (min-width:1024px) {
    .ptitle-2-large {
        font-size: 20px
    }
}

.big-numbers {
    color: #0076ff;
    font-size: 72px;
    line-height: 1.1
}

.small-text {
    color: #203b4f;
    font-size: 12px;
    font-weight: 600;
    line-height: 130%
}

.ptitle-primary {
    color: #0076ff
}

.medium-text {
    font-size: 14px;
    line-height: 18px
}

.small-text-400 {
    font-size: 12px;
    font-weight: 400;
    line-height: 130%
}

.medium-text_grey {
    color: #72838f;
    font-size: 14px;
    font-weight: 400;
    line-height: 18px
}

.modal-valentine:before {
    background-image: url(../images/img-modal.png), url(../images/heart-1.png), url(../images/heart-2.png), url(../images/heart-3.png), url(../images/heart-4.png), url(../images/heart-5.png), url(../images/heart-6.png), url(../images/heart-7.png), url(../images/heart-8.png), url(../images/heart-9.png), url(../images/heart-10.png);
    content: ""
}

.modal-valentine .modal-dialog {
    margin: .5rem;
    max-width: 488px;
    position: relative;
    transform: none !important;
    width: auto
}

@media screen and (min-width:475px) {
    .modal-valentine .modal-dialog {
        margin: 1.75rem auto
    }
}

.modal-valentine.modal .icon-close-modal {
    color: #fff;
    right: 28px;
    top: 28px;
    z-index: 2
}

.modal-valentine .modal-info,
.modal-valentine .modal-items,
.modal-valentine .modal-progress,
.modal-valentine .modal-promocode {
    display: none
}

.modal-valentine .modal-picture {
    background: url(../images/img-modal.png) 50%/contain no-repeat;
    display: block;
    height: 164px;
    margin: 0 auto;
    width: 192px
}

.modal-valentine[data-modifier=gift-1] .modal-picture {
    background-image: url(../images/heart-1.png)
}

.modal-valentine[data-modifier=gift-2] .modal-picture {
    background-image: url(../images/heart-2.png)
}

.modal-valentine[data-modifier=gift-3] .modal-picture {
    background-image: url(../images/heart-3.png)
}

.modal-valentine[data-modifier=gift-4] .modal-picture {
    background-image: url(../images/heart-4.png)
}

.modal-valentine[data-modifier=gift-5] .modal-picture {
    background-image: url(../images/heart-5.png)
}

.modal-valentine[data-modifier=gift-6] .modal-picture {
    background-image: url(../images/heart-6.png)
}

.modal-valentine[data-modifier=gift-7] .modal-picture {
    background-image: url(../images/heart-7.png)
}

.modal-valentine[data-modifier=gift-8] .modal-picture {
    background-image: url(../images/heart-8.png)
}

.modal-valentine[data-modifier=gift-9] .modal-picture {
    background-image: url(../images/heart-9.png)
}

.modal-valentine[data-modifier=gift-10] .modal-picture {
    background-image: url(../images/heart-10.png)
}

.modal-valentine[data-modifier] .btn-valentine,
.modal-valentine[data-modifier] .modal-promocode {
    display: none
}

.modal-valentine[data-modifier] .modal-info {
    color: #fff;
    display: block;
    font-size: 16px;
    line-height: 1.33;
    margin-bottom: 16px
}

.modal-valentine[data-modifier] .modal-info-link {
    line-height: 1;
    padding-top: 16px
}

.modal-valentine[data-modifier] .modal-info a {
    color: #fff;
    font-size: 14px;
    font-weight: 600
}

.modal-valentine[data-modifier] .modal-promocode {
    border-bottom: 1px dashed #fff;
    font-size: 22px;
    margin: 0 auto 16px;
    max-width: 256px;
    padding: 0 8px 8px
}

.modal-valentine[data-modifier] .modal-progress,
.modal-valentine[data-modifier] .modal-promocode {
    display: block;
    font-family: Bebas Neue Pro Expanded, Arial, sans-serif;
    font-weight: 700;
    line-height: 1.2;
    text-transform: uppercase
}

.modal-valentine[data-modifier] .modal-progress {
    align-items: center;
    background-color: #fff;
    border-radius: 20px;
    color: #f7275a;
    display: flex;
    font-size: 24px;
    height: 55px;
    justify-content: center;
    margin: -23px auto 16px;
    width: 160px
}

.modal-valentine[data-modifier] .modal-prize-title {
    font-family: Bebas Neue Pro Expanded, Arial, sans-serif;
    font-size: 22px;
    font-weight: 700;
    line-height: 1.2;
    margin: 0 auto 8px;
    max-width: 256px
}

.modal-valentine[data-modifier] .modal-prize-title span {
    display: block
}

.modal-valentine[data-modifier] .modal-prize-description {
    margin: 0 auto 16px;
    max-width: 256px
}

.modal-valentine[data-modifier] .modal-prize-description a {
    color: #fff
}

.modal-valentine[data-modifier] .modal-prize-footer-description {
    margin: 0 auto;
    max-width: 256px
}

.modal-valentine[data-modifier] .modal-picture {
    height: 140px;
    margin: 22px auto 0;
    width: 159px
}

.modal-valentine[data-modifier].is-visited .modal-picture {
    filter: grayscale(.9) contrast(.7)
}

.modal-valentine[data-modifier=prizes] .modal-buttons,
.modal-valentine[data-modifier=prizes] .modal-picture,
.modal-valentine[data-modifier=prizes] .modal-progress,
.modal-valentine[data-modifier=prizes] .modal-promocode {
    display: none
}

.modal-valentine[data-modifier=prizes] .modal-items {
    display: block;
    margin: 0 auto;
    max-width: 470px
}

.modal-valentine[data-modifier=prizes] .modal-items .modal-item {
    background: #fff;
    border-radius: 8px;
    box-shadow: 0 4px 8px 0 rgba(6, 66, 135, .15);
    margin-bottom: 8px;
    padding: 16px 8px
}

.modal-valentine[data-modifier=prizes] .modal-items .modal-item:last-child {
    margin-bottom: 0
}

.modal-valentine[data-modifier=prizes] .modal-items .modal-header {
    cursor: pointer;
    display: flex;
    margin-bottom: 0;
    padding-right: 44px;
    position: relative
}

.modal-valentine[data-modifier=prizes] .modal-items .modal-thumb {
    background-image: url(../images/heart-1.png);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    display: block;
    height: 34px;
    margin: 0 10px 0 0;
    min-width: 34px;
    width: 34px
}

.modal-valentine[data-modifier=prizes] .modal-items .modal-label {
    color: #203b4f;
    font-size: 16px;
    font-weight: 600;
    line-height: 1.2;
    text-align: left
}

.modal-valentine[data-modifier=prizes] .modal-items .modal-item-btn {
    align-items: center;
    background-color: #0076ff;
    border-radius: 50%;
    display: flex;
    height: 24px;
    justify-content: center;
    margin-left: auto;
    min-width: 24px;
    position: absolute;
    right: 8px;
    top: 50%;
    transform: translateY(-50%);
    width: 24px
}

.modal-valentine[data-modifier=prizes] .modal-items .modal-item-btn:after {
    color: #fff;
    content: "+";
    font-family: monospace;
    position: absolute
}

.modal-valentine[data-modifier=prizes] .modal-items .js-active-parent.modal-item .modal-item-btn:after {
    content: "-"
}

.modal-valentine[data-modifier=prizes] .modal-items .modal-content {
    background-color: transparent;
    box-shadow: none;
    color: #72838f;
    font-size: 16px;
    height: 0;
    line-height: 1.2;
    overflow: hidden;
    padding: 0;
    text-align: left
}

.modal-valentine[data-modifier=prizes] .modal-items .modal-content p {
    color: #72838f;
    margin: 0;
    padding: 16px 0
}

.modal-valentine .modal-content {
    background-color: #fff;
    padding: 0
}

.modal-valentine .modal-wrapper {
    background-color: #fff;
    border-radius: 8px;
    color: #fff;
    font-size: 16px;
    font-weight: 400;
    padding: 32px 24px;
    position: relative;
    text-align: center;
    z-index: 1
}

.modal-valentine .modal-wrapper:after {
    background: #0455be url(../images/bg-modal.jpg) top/cover no-repeat;
    border-radius: 8px;
    bottom: 8px;
    content: "";
    left: 8px;
    position: absolute;
    right: 8px;
    top: 8px;
    z-index: -1
}

@media (min-width:768px) {
    .modal-valentine .modal-wrapper {
        border-radius: 16px;
        border-width: 10px;
        padding: 30px
    }
}

.modal-valentine .modal-title {
    color: #fff;
    font-family: Bebas Neue Pro Expanded, Arial, sans-serif;
    font-size: 26px;
    font-weight: 700;
    line-height: 1.2;
    margin: 22px auto 8px;
    max-width: 364px;
    padding: 0 24px;
    text-transform: uppercase
}

.modal-valentine .modal-title span {
    display: block
}

@media (min-width:495px) {
    .modal-valentine .modal-title {
        padding: 0
    }
}

@media (min-width:1024px) {
    .modal-valentine .modal-title {
        font-size: 38px;
        margin-bottom: 8px
    }
}

.modal-valentine .modal-title-small {
    font-size: 22px;
    line-height: 1.2;
    margin: 0 auto 8px;
    padding: 0;
    text-transform: none
}

@media (min-width:1024px) {
    .modal-valentine .modal-title-small {
        font-size: 22px
    }
}

.modal-valentine .modal-title-summary {
    margin-top: 22px;
    text-transform: uppercase
}

@media (min-width:1024px) {
    .modal-valentine .modal-title-summary {
        font-size: 26px
    }
}

.modal-valentine .modal-buttons .btn-warning {
    margin-bottom: 16px;
    max-width: 256px
}

.modal-valentine>.btn {
    max-width: 256px
}

@media (min-width:768px) {
    .modal-valentine>.btn {
        font-size: 16px
    }
}

.modal-valentine .btn-valentine {
    background: #fff;
    border: 1px solid #fff;
    color: #0076ff;
    max-width: 256px;
    padding: 13.5px 8px
}

@media (min-width:768px) {
    .modal-valentine .btn-valentine {
        padding: 12.5px 8px
    }
}

.modal-valentine .btn-valentine:hover {
    background: #fff
}

.modal-valentine .modal-bottom {
    display: none;
    padding: 10px 16px 8px
}

.modal-valentine .modal-text {
    color: #1f252c;
    line-height: 1.4;
    margin: 0 auto 18px
}

.modal-valentine .modal-link {
    color: #203b4f;
    font-size: 12px;
    margin-top: 10px
}

.modal-valentine .text-small {
    font-size: 12px;
    font-weight: 700;
    margin-top: 10px
}

.valentine-hearts-2024.hearts {
    animation: fadein 5s;
    background-position: top;
    background-repeat: no-repeat;
    background-size: contain;
    bottom: 0;
    cursor: pointer;
    height: 88px;
    left: 24px;
    position: fixed;
    width: 88px;
    z-index: 1000
}

@media (min-width:1024px) {
    .valentine-hearts-2024.hearts {
        height: 205px;
        width: 205px
    }
}

.valentine-hearts-2024.hearts.is-visited {
    filter: grayscale(.9) contrast(.7)
}

.valentine-hearts-2024[data-personage-modifier="1"] {
    background-image: url(../images/heart-1.png)
}

.valentine-hearts-2024[data-personage-modifier="2"] {
    background-image: url(../images/heart-2.png)
}

.valentine-hearts-2024[data-personage-modifier="3"] {
    background-image: url(../images/heart-3.png)
}

.valentine-hearts-2024[data-personage-modifier="4"] {
    background-image: url(../images/heart-4.png)
}

.valentine-hearts-2024[data-personage-modifier="5"] {
    background-image: url(../images/heart-5.png)
}

.valentine-hearts-2024[data-personage-modifier="6"] {
    background-image: url(../images/heart-6.png)
}

.valentine-hearts-2024[data-personage-modifier="7"] {
    background-image: url(../images/heart-7.png)
}

.valentine-hearts-2024[data-personage-modifier="8"] {
    background-image: url(../images/heart-8.png)
}

.valentine-hearts-2024[data-personage-modifier="10"],
.valentine-hearts-2024[data-personage-modifier="9"] {
    background-image: url(../images/heart-9.png)
}

@keyframes fadein {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}