/* input: run-time error CSS1066: Unexpected end of file encountered */
/* ------------------------------------------------------------- *
 * Fonts
/* ------------------------------------------------------------- */
@font-face {
    font-family: 'ProximaNova';
    src: url('../fonts/ProximaNova/ProximaNova-Light.eot?v=CFAb4nqroD6TPPUaGnLN7woU57w');
    src: local('Proxima Nova Light'), local('ProximaNovaLight'), url('../fonts/ProximaNova/ProximaNova-Light.eot?v=CFAb4nqroD6TPPUaGnLN7woU57w&#iefix') format('embedded-opentype'), url('../fonts/ProximaNova/ProximaNova-Light.woff?v=-qrikaevx7B2SlIttqMumceFW3A') format('woff'), url('../fonts/ProximaNova/ProximaNova-Light.ttf?v=iRTCJDsJeGt-bgpallSS6F6HCRA') format('truetype');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'ProximaNova';
    src: url('../fonts/ProximaNova/ProximaNova-Regular.eot?v=32g5rYWRcBlW0oRx1BNVtTTA1qk');
    src: local('Proxima Nova Regular'), local('ProximaNovaRegular'), url('../fonts/ProximaNova/ProximaNova-Regular.eot?v=32g5rYWRcBlW0oRx1BNVtTTA1qk&#iefix') format('embedded-opentype'), url('../fonts/ProximaNova/ProximaNova-Regular.woff?v=-dxIgOOE7TormtIKwQz-_-BmYbc') format('woff'), url('../fonts/ProximaNova/ProximaNova-Regular.ttf?v=3WMpwhutzndGKDf3O6_B5cjQCxo') format('truetype');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'ProximaNova';
    src: url('../fonts/ProximaNova/ProximaNova-Semibold.eot?v=lOu7UlhA-AzPeBWamgH5uyEH388');
    src: local('Proxima Nova Semibold'), local('ProximaNovaSemibold'), url('../fonts/ProximaNova/ProximaNova-Semibold.eot?v=lOu7UlhA-AzPeBWamgH5uyEH388&#iefix') format('embedded-opentype'), url('../fonts/ProximaNova/ProximaNova-Semibold.woff?v=bGZciOuKYOKS2D8tiN1VgxUp0NI') format('woff'), url('../fonts/ProximaNova/ProximaNova-Semibold.ttf?v=KYOsOFhOTSn2Yrv1jjy6jnZ9KDc') format('truetype');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'ProximaNova';
    src: url('../fonts/ProximaNova/ProximaNova-Bold.eot?v=Bfodvmdy7saWBCZqav0OjpY44E0');
    src: local('Proxima Nova Bold'), local('ProximaNovaBold'), url('../fonts/ProximaNova/ProximaNova-Bold.eot?v=Bfodvmdy7saWBCZqav0OjpY44E0&#iefix') format('embedded-opentype'), url('../fonts/ProximaNova/ProximaNova-Bold.woff?v=v_oLY4lCnHDA_tqMtwHUwLgq3Gg') format('woff'), url('../fonts/ProximaNova/ProximaNova-Bold.ttf?v=v_oLY4lCnHDA_tqMtwHUwLgq3Gg') format('truetype');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

/* ------------------------------------------------------------- *
 * Global variables
/* ------------------------------------------------------------- */

:root {
    --main-font: 'ProximaNova', sans-serif;
    ;
    --main-green: #6DB48B;
    --green-shade-1: #79C298;
    --color-dark-1: #191D26;
    --color-dark-2: #394255;
    --color-mint-1: #EAFEF1;
    --color-mint-2: #F8FFFA;
    --color-mint-3: #fbfffc;
    --color-orange: #FFB264;
    --color-white: #FFFFFF;
    --color-link: #2D66C8;
    --color-badge: #FF4E44;
    --bg-color-1: #FAFAFA;
    --state-success: #6DB48B;
    --state-error: #FC847E;
    --state-warning: #FFB264;
    --state-danger: #FC847E;
    --state-info: #2D66C8;
    --state-promo: #A398FF;
    --grey-shade-1: #D1D1D6;
    --grey-shade-2: #F2F2F7;
    --grey-shade-3: #E5E5EA;
    --grey-shade-4: #A1A1A6;
    --grey-shade-5: #73756F;
    --grey-shade-6: #EEEEEE;
    --grey-shade-7: #ECECEC;
    --alert-success-bg: #EEFBF2;
    --alert-success-border: #6DB48B;
    --alert-warning-bg: #FFF7F0;
    --alert-warning-border: #FFE3CA;
    --alert-danger-bg: #FEEDEC;
    --alert-danger-border: #FBCDCA;
    --alert-info-bg: #ECF9FD;
    --alert-info-border: #C9F0F7;
    --alert-promo-bg: #F1F0FE;
    --alert-promo-border: #A398FF;
    --text-danger: #FF817A;
    --text-info: #00CAE3;
    --text-warning: #FC847E;
    --msngr-telegram: #26A4E2;
    --msngr-viber: #7360F2;
    --shadow-small: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
    --shadow-medium: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
    --shadow-large: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
    --font-scale: 1;
    --font-scale-sm: 1.1;
    --font-scale-md: 1.2;
    --font-scale-xl: 1.3;
}

/* ------------------------------------------------------------- *
 * General
/* ------------------------------------------------------------- */

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

html, body {
    padding: 0;
    margin: 0;
    width: 100%;
    height: 100%;
    min-height: 100vh;
}

body {
    position: relative;
    background-color: var(--bg-color-1);
    line-height: 1.6;
    font-family: var(--main-font);
    font-size: 16px;
    font-weight: 400;
    font-style: normal;
    color: var(--color-dark-2);
    overflow-x: hidden;
}

main {
    display: block;
    overflow-x: initial;
    height: 100%;
    width: 100%;
}

p {
    color: var(--color-dark-2);
    margin: 0 0 25px;
    font-weight: 400;
    line-height: 1.3;
}

a {
    color: #fff;
    text-decoration: none;
    outline: none;
    cursor: pointer;
}

a {
    color: var(--main-green);
    -webkit-transition: .2s ease-in;
    -o-transition: .2s ease-in;
    transition: .2s ease-in;
}

button,
input,
optgroup,
select,
textarea {
    font-family: inherit; /* 1 */
    font-size: 100%; /* 1 */
    line-height: 1.15; /* 1 */
    margin: 0; /* 2 */
}

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

    button:-moz-focusring,
    [type="button"]:-moz-focusring,
    [type="reset"]:-moz-focusring,
    [type="submit"]:-moz-focusring {
        outline: 1px dotted ButtonText;
    }

img {
    display: block;
    border-style: none;
}

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

b, strong {
    font-weight: bold;
    font-weight: 700;
}

button {
    font-family: var(--main-font);
    outline: none;
    border: 0;
    padding: 0;
    background: transparent;
    cursor: pointer;
}

    button:focus {
        outline: none;
    }

fieldset {
    border: 0;
    padding: 0;
    margin: 0;
}

input {
    border: 0;
    outline: none;
}

.small, small {
    font-size: 80%;
}

.no-scroll {
    overflow: hidden;
}

.hide {
    display: none;
}

.w-100 {
    width: 100% !important;
}
/* Selection */
::-moz-selection {
    color: #FFF;
    text-shadow: none;
    background: var(--main-green);
}

::selection {
    color: #FFF;
    text-shadow: none;
    background: var(--main-green);
}

::-moz-selection {
    color: #FFF;
    text-shadow: none;
    background: var(--main-green);
}

::-webkit-selection {
    color: #FFF;
    text-shadow: none;
    background: var(--main-green);
}
/* Lists */
ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.list-inline {
    padding-left: 0;
    margin-left: -5px;
    list-style: none;
}

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

figure {
    margin: 0;
    padding: 0;
    overflow: hidden;
}

section {
    position: relative;
    padding: 60px 0;
}

@media (max-width: 767px) {
    section {
        padding: 50px 0;
    }
}
/* Container */
.container {
    width: 100%;
    max-width: 1210px;
    margin: 0 auto;
    padding: 0 15px;
}

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

.row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
/* Main */
.main {
    display: block;
    padding-top: 0;
    /* for Fixed Header */
    /*	padding-top: 72px;*/
}

.main-registration,
.main-cabinet {
    padding-top: 0 !important;
}

@media (max-width: 767px) {
    /* for Fixed Header */
    /*	.main { padding-top: 63px }*/
}

.content-wrap {
    position: relative;
    width: 100%;
    height: 100%;
    min-height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
/* Colors */
.color-green {
    color: var(--main-green) !important;
}

.state-success {
    color: var(--state-success) !important;
}

.state-warning {
    color: var(--state-warning) !important;
}

.state-error, .validation-summary-errors, .field-validation-error {
    color: var(--state-error) !important;
}

.state-error {
    color: var(--state-danger) !important;
}

.state-info {
    color: var(--state-info) !important;
}

.state-promo {
    color: var(--state-promo) !important;
}

.text-danger {
    color: var(--text-danger) !important;
}
/* Font weights */
.fw-300 {
    font-weight: 300 !important;
}

.fw-400 {
    font-weight: 400 !important;
}

.fw-500 {
    font-weight: 500 !important;
}

.fw-600 {
    font-weight: 600 !important;
}
/* Flex Classes */
.align-center {
    -webkit-box-align: center !important;
    -ms-flex-align: center !important;
    align-items: center !important;
}

.justify-content-center {
    -webkit-justify-content: center !important;
    -ms-justify-content: center !important;
    justify-content: center !important;
}
/* Margins */
.mb-0 {
    margin-bottom: 0 !important
}

.mt-0 {
    margin-top: 0 !important
}
/* Paddings */
.pb-0 {
    padding-bottom: 0 !important
}

.pt-0 {
    padding-top: 0 !important
}
/* Background Color */
.bg-gray {
    background-color: var(--bg-color-1) !important
}
/* ------------------------------------------------------------- *
 * Accessibility
/* ------------------------------------------------------------- */
.theme-black-and-white {
    filter: grayscale(1)
}

html.font-sizing-sm {
    --font-scale: var(--font-scale-sm);
}

html.font-sizing-md {
    --font-scale: var(--font-scale-md);
}

html.font-sizing-xl {
    --font-scale: var(--font-scale-xl);
}
/* ------------------------------------------------------------- *
 * Buttons
/* ------------------------------------------------------------- */
.btn {
    background: var(--color-green);
    padding: 15px 20px;
    color: #FFF;
    font-size: 20px;
    font-weight: 600;
    border-radius: 8px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-decoration: none;
    max-height: 56px;
    cursor: pointer;
    -webkit-transition: .2s ease;
    -o-transition: .2s ease;
    transition: .2s ease;
}
/* Btn Solid */
.btn-solid {
    background: var(--main-green);
    color: var(--color-white);
}

    .btn-solid:hover {
        color: var(--color-white);
        -webkit-box-shadow: 0 0 13px rgba(134, 215, 168, .70);
        box-shadow: 0 0 13px rgba(134, 215, 168, .70);
    }
/* Btn Outline */
.btn-outline {
    color: var(--color-dark-2);
    border: 1px solid var(--main-green);
    background: transparent;
}

.btn-outline-filled {
    color: var(--color-dark-2);
    border: 1px solid var(--main-green);
    background: var(--color-white);
}

    .btn-outline-filled:hover {
        -webkit-box-shadow: 0 0 10px rgba(134, 215, 168, .50);
        box-shadow: 0 0 10px rgba(134, 215, 168, .50);
    }
/* Btn Outline Green */
.btn-outline-green {
    color: var(--main-green);
    border: 1px solid var(--main-green);
    background: transparent;
}

    .btn-outline-green:hover {
        background-color: var(--main-green);
        color: var(--color-white);
    }
/* Btn Outline Grey */
.btn-outline-grey {
    border: 1px solid var(--grey-shade-4);
    color: var(--grey-shade-4);
    font-weight: 500;
}

    .btn-outline-grey:hover {
        border-color: var(--main-green);
        color: var(--main-green);
    }
/* Btn Small */
.btn-small {
    font-size: 16px;
    padding: 14px 15px;
    max-height: 54px;
}
/* Btn Medium */
.btn-medium {
    font-size: 16px;
    padding: 12px 17px;
    max-height: 54px;
    margin: 10px 0px 10px 0px;
}
/* Btn Disabled */
.btn-disabled,
.btn-disabled:hover {
    background-color: var(--grey-shade-4);
    cursor: not-allowed;
    -webkit-box-shadow: none;
    box-shadow: none;
    flex-direction: column;
}

.btn-link {
    font-size: 16px;
    font-weight: 400;
    color: var(--color-link);
    text-decoration: underline;
}

.btn-link-green {
    font-size: 16px;
    font-weight: 600;
    color: var(--main-green);
    text-decoration: underline;
}
/* Btn Homepage */
.btn-homepage {
    min-width: 320px;
}
/* Btn Reg */
.btn-reg {
    max-width: 320px;
    width: 100%;
    margin: 0 auto;
}
/* Button Holder */
.button-holder,
.buttons-holder {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: 40px;
    flex-direction: column;
}

.btn-pay-credit > img {
    width: 16px;
    height: 16px;
    margin-left: 5px;
}
/* Back Button */
.back-button {
    display: inline-flex;
    align-items: center;
    font-size: 14px;
    font-weight: 400;
    color: var(--grey-shade-5);
    margin-bottom: 15px;
}

    .back-button img {
        width: 18px;
        margin-right: 5px;
    }

    .back-button:hover {
        text-decoration: underline;
    }

@media (max-width: 767px) {
    .btn {
        font-size: 16px;
        padding: 17px 15px;
        max-height: 56px;
    }

    .btn-small {
        font-size: 15px;
        padding: 15px 13px;
        max-height: 50px;
    }

    .button-holder,
    .buttons-holder {
        margin-top: 25px;
        flex-direction: column;
    }
}

@media (max-width: 560px) {
    .btn-homepage {
        min-width: calc(100% - 30px);
    }
}
/* ------------------------------------------------------------- *
 * Icons
/* ------------------------------------------------------------- */
.icon {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    width: 20px;
    height: 20px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    margin-right: 5px;
    -webkit-mask-repeat: no-repeat !important;
    mask-repeat: no-repeat !important;
}

.icon-login {
    background-color: var(--color-white);
    -webkit-mask: url('../images/icons/icon-login.svg?v=UnteWOb2vOoo8tBbkzLmKTnTADo');
    mask: url('../images/icons/icon-login.svg?v=UnteWOb2vOoo8tBbkzLmKTnTADo');
    width: 16px;
    height: 16px;
}

.icon-arrow-down {
    background-color: var(--color-dark-2);
    -webkit-mask: url('../images/icons/icon-arrow-down.svg?v=Xvgs_1UF4bT9LLZWHOC2bXh9tjM');
    mask: url('../images/icons/icon-arrow-down.svg?v=Xvgs_1UF4bT9LLZWHOC2bXh9tjM');
    width: 14px;
    height: 14px;
    margin-right: 0;
    margin-left: 5px;
}

.icon-arrow-down-2 {
    background-color: var(--color-dark-2);
    -webkit-mask: url('../images/icons/icon-arrow-down-2.svg?v=Xvgs_1UF4bT9LLZWHOC2bXh9tjM');
    mask: url('../images/icons/icon-arrow-down-2.svg?v=Xvgs_1UF4bT9LLZWHOC2bXh9tjM');
    width: 14px;
    height: 14px;
    margin-right: 0;
    margin-left: 5px;
}

.icon-telegram-1 {
    background-color: var(--color-white);
    -webkit-mask: url('../images/icons/icon-telegram-outline.svg?v=eb8d6X8hjAKlFQKSuV2FLzlOZF4');
    mask: url('../images/icons/icon-telegram-outline.svg?v=eb8d6X8hjAKlFQKSuV2FLzlOZF4');
    width: 22px;
    height: 22px;
    margin-right: 0;
}

.icon-telegram-2 {
    background-color: var(--main-green);
    -webkit-mask: url('../images/icons/icon-telegram-circle.svg?v=WMcyUFPIPJRRz8uI6Mvsd3s5tng');
    mask: url('../images/icons/icon-telegram-circle.svg?v=WMcyUFPIPJRRz8uI6Mvsd3s5tng');
    width: 22px;
    height: 22px;
    margin-right: 0;
}

.icon-telegram-3 {
    background-color: var(--color-white);
    -webkit-mask: url('../images/icons/icon-telegram.svg?v=-Yj-BxXVss1L6ZbOextvueYenDw');
    mask: url('../images/icons/icon-telegram.svg?v=-Yj-BxXVss1L6ZbOextvueYenDw');
    width: 15px;
    height: 15px;
    margin-right: 8px;
}

.icon-whatsapp-1 {
    background-color: var(--color-white);
    -webkit-mask: url('../images/icons/icon-whatsapp-outline.svg?v=b4DMhbBhSN5NaYVtm4heRn7rmlg');
    mask: url('../images/icons/icon-whatsapp-outline.svg?v=b4DMhbBhSN5NaYVtm4heRn7rmlg');
    width: 22px;
    height: 22px;
    margin-right: 0;
}

.icon-viber-1 {
    background-color: var(--color-white);
    -webkit-mask: url('../images/icons/icon-viber-outline.svg?v=Wq0JjcebbPlHhM1O5q3D8wil_wE');
    mask: url('../images/icons/icon-viber-outline.svg?v=Wq0JjcebbPlHhM1O5q3D8wil_wE');
    width: 22px;
    height: 22px;
    margin-right: 0;
}

.icon-instagram-1 {
    background-color: var(--main-green);
    -webkit-mask: url('../images/icons/icon-instagram-outline.svg?v=5EPX6rrAALMiDiVAc6QRGgm5ynI');
    mask: url('../images/icons/icon-instagram-outline.svg?v=5EPX6rrAALMiDiVAc6QRGgm5ynI');
    width: 22px;
    height: 22px;
    margin-right: 0;
}

.icon-instagram-2 {
    background-color: var(--color-white);
    -webkit-mask: url('../images/icons/icon-instagram-outline.svg?v=5EPX6rrAALMiDiVAc6QRGgm5ynI');
    mask: url('../images/icons/icon-instagram-outline.svg?v=5EPX6rrAALMiDiVAc6QRGgm5ynI');
    width: 22px;
    height: 22px;
    margin-right: 0;
}

.icon-google-1 {
    background-color: var(--main-green);
    -webkit-mask: url('../images/icons/icon-google.svg?v=QMW_tnb0IVVTEN5hqi7t4dqmzpY');
    mask: url('../images/icons/icon-google.svg?v=QMW_tnb0IVVTEN5hqi7t4dqmzpY');
    width: 22px;
    height: 22px;
    margin-right: 0;
}

.icon-facebook-1 {
    background-color: var(--main-green);
    -webkit-mask: url('../images/icons/icon-facebook.svg?v=GjDlP0cwvhDX02XAnUtxQagsudE');
    mask: url('../images/icons/icon-facebook.svg?v=GjDlP0cwvhDX02XAnUtxQagsudE');
    width: 22px;
    height: 22px;
    margin-right: 0;
}

.icon-question-circle {
    background-color: var(--grey-shade-4);
    -webkit-mask: url('../images/icons/icon-question-circle.svg?v=GKMqaerdg01d6OELYP1WE7FkUqI');
    mask: url('../images/icons/icon-question-circle.svg?v=GKMqaerdg01d6OELYP1WE7FkUqI');
    width: 15px;
    height: 15px;
    margin: 0;
}

.icon-old-passport {
    background-color: var(--grey-shade-5);
    -webkit-mask: url('../images/icons/icon-old-passport.svg?v=eU-g15AsUzHwZo18ztXvNCkU4A0');
    mask: url('../images/icons/icon-old-passport.svg?v=eU-g15AsUzHwZo18ztXvNCkU4A0');
    width: 16px;
    height: 16px;
    margin: 0;
}

.icon-new-passport {
    background-color: var(--grey-shade-5);
    -webkit-mask: url('../images/icons/icon-new-passport.svg?v=RYjhLI6YdyA1NhhSWJJWiVCWTw8');
    mask: url('../images/icons/icon-new-passport.svg?v=RYjhLI6YdyA1NhhSWJJWiVCWTw8');
    width: 16px;
    height: 16px;
    margin: 0;
}

.icon-user-info {
    background-color: var(--color-white);
    -webkit-mask: url('../images/icons/icon-user-info.svg?v=Q_EKSQBlw5PRqZaEmNJMfoSDidk');
    mask: url('../images/icons/icon-user-info.svg?v=Q_EKSQBlw5PRqZaEmNJMfoSDidk');
    width: 25px;
    height: 25px;
    margin: 0;
}

.icon-folder {
    background-color: var(--color-white);
    -webkit-mask: url('../images/icons/icon-folder.svg?v=NKkfJCE1e_z-c9RHsznGUiLAHl0');
    mask: url('../images/icons/icon-folder.svg?v=NKkfJCE1e_z-c9RHsznGUiLAHl0');
    width: 25px;
    height: 25px;
    margin: 0;
}

.icon-folder-2 {
    background-color: var(--main-green);
    -webkit-mask: url('../images/icons/icon-folder-2.svg?v=hXSCy-JIuefOfRtQRH4m4D_62pM');
    mask: url('../images/icons/icon-folder-2.svg?v=hXSCy-JIuefOfRtQRH4m4D_62pM');
    width: 25px;
    height: 25px;
    margin-right: 5px;
}

.icon-upload-document {
    background-color: var(--color-white);
    -webkit-mask: url('../images/icons/icon-upload-document.svg?v=YHSyZ4wuu8hzfRy8zCaZWGJf9-s');
    mask: url('../images/icons/icon-upload-document.svg?v=YHSyZ4wuu8hzfRy8zCaZWGJf9-s');
    width: 25px;
    height: 25px;
    margin: 0;
}

.icon-lock {
    background-color: var(--grey-shade-5);
    -webkit-mask: url('../images/icons/icon-lock.svg?v=UnteWOb2vOoo8tBbkzLmKTnTADo');
    mask: url('../images/icons/icon-lock.svg?v=UnteWOb2vOoo8tBbkzLmKTnTADo');
    width: 20px;
    height: 20px;
}

.icon-file-pdf {
    min-width: 20px;
    min-height: 20px;
    background-image: url('../images/icons/icon-file-pdf.svg?v=hXSCy-JIuefOfRtQRH4m4D_62pM');
}

.icon-file-lock {
    min-width: 20px;
    min-height: 20px;
    background-image: url('../images/icons/icon-file-lock.svg?v=hXSCy-JIuefOfRtQRH4m4D_62pM');
}

.icon-money-hand {
    background-image: url('../images/sidebar/icon-money-hand.svg?v=jsvtF8sNXco0Qdlbsu0Rf79V5vM');
}

.icon-wallet {
    width: 16px;
    height: 16px;
    background-image: url('../images/sidebar/icon-wallet.svg?v=kS1RHJ-k9fOT6-S3BxfT9-Vm3is');
    margin-right: 0;
    margin-left: 5px;
}

.icon-wallet-filled {
    background-color: var(--color-white);
    -webkit-mask: url('../images/icons/icon-wallet-filled.svg');
    mask: url('../images/icons/icon-wallet-filled.svg');
    width: 16px;
    height: 16px;
    margin: 0;
}

.icon-wallet-outline {
    background-image: url('../images/sidebar/icon-wallet-outline.svg?v=VqglfoXKubbTw1gc6tEGnwxCXEQ');
}

.icon-about {
    background-image: url('../images/sidebar/icon-about.svg?v=GVbpP9OYeO5FSazFE0R4EETv_V8');
}

.icon-promo {
    background-image: url('../images/sidebar/icon-promo.svg?v=SWHeMH5ku9uXzfQ3Z97l9nzQCho');
}

.icon-wallpaper {
    background-image: url('../images/sidebar/icon-wallpaper.svg?v=kS1RHJ-k9fOT6-S3BxfT9-Vm3is');
}

.icon-sup-telegram {
    background-image: url('../images/sidebar/icon-telegram.svg?v=SWHeMH5ku9uXzfQ3Z97l9nzQCho');
}

.icon-sup-whatsapp {
    background-image: url('../images/sidebar/icon-whatsapp.svg?v=kS1RHJ-k9fOT6-S3BxfT9-Vm3is');
}

.icon-sup-viber {
    background-image: url('../images/sidebar/icon-viber.svg?v=VqglfoXKubbTw1gc6tEGnwxCXEQ');
}

.icon-sup-messenger {
    background-image: url('../images/sidebar/icon-messenger.svg?v=24N1hbS1EWrPtG2W6hlzZ9do8W0');
}

.icon-sup-phone {
    background-image: url('../images/sidebar/icon-phone.svg?v=jsvtF8sNXco0Qdlbsu0Rf79V5vM');
}

.icon-profile {
    width: 16px;
    height: 16px;
    background-color: var(--main-green);
    -webkit-mask: url('../images/sidebar/icon-profile.svg?v=SWHeMH5ku9uXzfQ3Z97l9nzQCho');
    mask: url('../images/sidebar/icon-profile.svg?v=SWHeMH5ku9uXzfQ3Z97l9nzQCho');
    mask-position: center;
}

.icon-profile-2 {
    width: 16px;
    height: 16px;
    background-color: var(--main-green);
    -webkit-mask: url('../images/icons/icon-profile.svg?v=k_CPZmA6QvKrJBA2Gz8yJKBsDWk');
    mask: url('../images/icons/icon-profile.svg?v=k_CPZmA6QvKrJBA2Gz8yJKBsDWk');
    mask-position: center;
}

.icon-archive {
    background-image: url('../images/sidebar/icon-archive.svg?v=6Tx0lCqyppll-KspV-PPp1vM85k');
}

.icon-documents {
    background-image: url('../images/sidebar/icon-documents.svg?v=24N1hbS1EWrPtG2W6hlzZ9do8W0');
}

.icon-card {
    background-image: url('../images/sidebar/icon-card.svg?v=6Tx0lCqyppll-KspV-PPp1vM85k');
}

.icon-logout {
    width: 16px;
    height: 16px;
    background-color: var(--grey-shade-5);
    -webkit-mask: url('../images/sidebar/icon-logout.svg?v=24N1hbS1EWrPtG2W6hlzZ9do8W0');
    mask: url('../images/sidebar/icon-logout.svg?v=24N1hbS1EWrPtG2W6hlzZ9do8W0');
    mask-position: center;
}

.icon-back-arrows {
    width: 20px;
    height: 20px;
    background-color: var(--main-green);
    -webkit-mask: url('../images/icons/icon-back-arrows.svg?v=9A-MByxpM2OHi5iPwKffShEitUA');
    mask: url('../images/icons/icon-back-arrows.svg?v=9A-MByxpM2OHi5iPwKffShEitUA');
    mask-position: center;
    margin-right: 10px;
}

.icon-close {
    position: relative;
    display: inline-block;
    width: 20px;
    height: 20px;
    overflow: hidden;
}

    .icon-close::before, .icon-close::after {
        content: "";
        position: absolute;
        height: 2px;
        width: 100%;
        top: 50%;
        left: 0;
        margin-top: -1.5px;
        background: var(--color-dark-1);
    }

    .icon-close::before {
        -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        transform: rotate(45deg);
    }

    .icon-close::after {
        -webkit-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        transform: rotate(-45deg);
    }

    .icon-close.big {
        -webkit-transform: scale(3);
        -ms-transform: scale(3);
        transform: scale(3);
    }

    .icon-close.thick::before, .icon-close.thick::after {
        height: 1px;
        margin-top: -.5px;
    }

    .icon-close.black::before, .icon-close.black::after {
        height: 3px;
    }

    .icon-close.rounded::before, .icon-close.rounded::after {
        border-radius: 5px;
    }

.icon-sup-telegram-h {
    background-image: url('../images/icons/icon-sup-telegram-h.svg?v=EeaCBNEvb9UuoeXe34gLKiPrRCI');
}

.icon-sup-whatsapp-h {
    background-image: url('../images/icons/icon-sup-whatsapp-h.svg?v=tAhmX9vW8SjpYN7M2dttGNRwJtA');
}

.icon-sup-viber-h {
    background-image: url('../images/icons/icon-sup-viber-h.svg?v=EeaCBNEvb9UuoeXe34gLKiPrRCI');
}

.icon-sup-messenger-h {
    background-image: url('../images/icons/icon-sup-messenger-h.svg?v=afFIMKbFKlCXO7nSRU2PuhPKYsY');
}

.icon-sup-phone-h {
    background-image: url('../images/icons/icon-sup-phone-h.svg?v=70itqYPxlBW9j3f0iQSxtCdLR2c');
}

.icon-sup-phone-dark {
    width: 16px !important;
    height: 16px !important;
    background-image: url('../images/icons/icon-sup-phone-dark.svg?v=70itqYPxlBW9j3f0iQSxtCdLR2c');
}

/* ------------------------------------------------------------- *
 * Shadows
/* ------------------------------------------------------------- */
.block-shadow-1 {
    -webkit-box-shadow: 0 0 15px rgba(6,31,101,.15);
    box-shadow: 0 0 15px rgba(6,31,101,.15);
}

.block-shadow-2 {
    -webkit-box-shadow: 0 0 15px rgba(6,31,101,.10);
    box-shadow: 0 0 15px rgba(6,31,101,.10);
}

.green-shadow-1 {
    -webkit-box-shadow: 0 0 6px rgba(134,215,168,.45);
    box-shadow: 0 0 6px rgba(134,215,168,.45);
}

.green-shadow-2 {
    -webkit-box-shadow: 0 0 15px rgba(134,215,168,.45);
    box-shadow: 0 0 15px rgba(134,215,168,.45);
}
/* ------------------------------------------------------------- *
 * States
/* ------------------------------------------------------------- */
.state-error {
    color: var(--state-error);
}

.state-warning {
    color: var(--state-warning);
}

.state-danger {
    color: var(--state-danger);
}

.state-success {
    color: var(--state-success);
}

.state-info {
    color: var(--state-info);
}

.state-promo {
    color: var(--state-promo);
}
/* ------------------------------------------------------------- *
 * Titles
/* ------------------------------------------------------------- */
.page-title {
    margin-bottom: 50px;
}

    .page-title h1,
    .page-title h2,
    .page-title h3,
    .page-title h4,
    .page-title .h1,
    .page-title .h2,
    .page-title .h3,
    .page-title .h4 {
        font-weight: 600;
        color: var(--color-dark-1);
        text-align: center;
    }

    .page-title h1 {
        font-size: 34px;
    }

    .page-title h2 {
        font-size: 28px;
    }

    .page-title h3 {
        font-size: 24px;
    }

    .page-title h4 {
        font-size: 20px;
    }

@media (max-width: 767px) {
    .page-title h1 {
        font-size: 22px;
    }

    .page-title h2 {
        font-size: 20px;
    }

    .page-title h3 {
        font-size: 18px;
    }

    .page-title h4 {
        font-size: 16px;
    }
}

h1, h2, h3, h4, h5, h6 {
    font-weight: 600;
    color: var(--color-dark-1);
    margin: 0;
}

.h1, .h2, .h3, .h4, .h5, .h6 {
    font-weight: 600;
    color: var(--color-dark-1);
}

.h1 {
    font-size: 34px
}

.h2 {
    font-size: 28px
}

.h3 {
    font-size: 24px
}

.h4 {
    font-size: 20px
}

.h5 {
    font-size: 18px
}

.h6 {
    font-size: 16px
}

@media (max-width: 767px) {
    .h1 {
        font-size: 22px;
    }

    .h2 {
        font-size: 20px;
    }

    .h3 {
        font-size: 18px;
    }

    .h4 {
        font-size: 16px;
    }
}

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

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

.text-right {
    text-aright: center !important
}
/* ------------------------------------------------------------- *
 * Lists
/* ------------------------------------------------------------- */
.list-style-1 {
    margin-bottom: 20px;
}

    .list-style-1 li {
        position: relative;
        line-height: 1.2;
        padding-left: 20px;
        margin-bottom: 12px;
    }

        .list-style-1 li:before {
            content: "";
            position: absolute;
            top: 6px;
            left: 0;
            width: 5px;
            height: 5px;
            border-radius: 50%;
            background-color: var(--main-green);
        }

        .list-style-1 li:last-child {
            margin-bottom: 0;
        }

.list-style-2 {
    margin-bottom: 0;
}

    .list-style-2 li {
        position: relative;
        line-height: 1.2;
        padding-left: 32px;
        margin-bottom: 15px;
    }

        .list-style-2 li:before {
            content: "";
            position: absolute;
            top: -2.2px;
            left: 0;
            width: 22px;
            height: 22px;
            border: 4px solid rgb(109 180 139 / 25%);
            border-radius: 50%;
            background-image: url('../images/icons/icon-circle-check.svg?v=63uCIHhxo9EvsC3KSPG1iHKeAvg');
            background-size: cover;
            background-repeat: no-repeat;
        }

        .list-style-2 li:last-child {
            margin-bottom: 0;
        }

.ordered-list-style-1 {
    padding-left: 14px;
    margin-bottom: 20px;
}

    .ordered-list-style-1 li {
        position: relative;
        line-height: 1.2;
        padding-left: 6px;
        margin-bottom: 12px;
    }
/* ------------------------------------------------------------- *
 * Header
/* ------------------------------------------------------------- */
.header {
    /*	position: fixed;*/
    position: relative;
    width: 100%;
    top: 0;
    left: 0;
    z-index: 998;
    padding: 15px 0;
    background: #fff;
    /*	-webkit-transition: .2s ease-in;*/
    /*	-o-transition: .2s ease-in;*/
    /*	transition: .2s ease-in;*/
    -webkit-box-shadow: 0 2px 15px rgba(47, 86, 55, .18);
    box-shadow: 0 2px 15px rgba(47, 86, 55, .18);
}

    .header .header-wrap {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }

@media (max-width: 767px) {
}

.header .header-logo {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-size: 24px;
    font-weight: 700;
    color: var(--color-dark-1);
    max-width: 145px;
    /*	margin-right: auto;*/
}

.header .header-menu {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: #FFF;
    margin: auto;
}

.header .header-menu-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: auto;
}

    .header .header-menu-list li {
        margin-right: 25px;
    }

        .header .header-menu-list li:last-child {
            margin-right: 0;
        }

        .header .header-menu-list li a {
            position: relative;
            font-size: 14px;
            font-weight: 400;
            padding: 8px 0;
            color: var(--color-dark-1);
            -webkit-transition: -webkit-transform .2s ease;
            transition: -webkit-transform .2s ease;
            -o-transition: transform .2s ease;
            transition: transform .2s ease;
            transition: transform .2s ease, -webkit-transform .2s ease;
        }

            .header .header-menu-list li a:before {
                content: "";
                position: absolute;
                -webkit-transition: -webkit-transform .2s ease;
                transition: -webkit-transform .2s ease;
                -o-transition: transform .2s ease;
                transition: transform .2s ease;
                transition: transform .2s ease, -webkit-transform .2s ease;
            }

            .header .header-menu-list li a:before {
                left: 0;
                bottom: 0;
                width: 100%;
                height: 1px;
                background: var(--main-green);
                -webkit-transform: scaleX(0);
                -ms-transform: scaleX(0);
                transform: scaleX(0);
            }

            .header .header-menu-list li a:hover,
            .header .header-menu-list li a.active {
                color: var(--main-green);
            }

            .header .header-menu-list li a.active {
                font-weight: 500;
            }

                .header .header-menu-list li a:hover:before,
                .header .header-menu-list li a.active:before {
                    -webkit-transform: scaleX(1);
                    -ms-transform: scaleX(1);
                    transform: scaleX(1);
                }

.header .header-buttons {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.header .btn-login {
    font-size: 14px;
    padding: 10px 12px;
    width: 135px;
    max-height: 42px;
    color: #fff;
}

.header .btn-pay {
    font-size: 14px;
    padding: 10px 12px;
    width: 135px;
    max-height: 42px;
    background: transparent;
    color: var(--main-green);
    border: 1px solid var(--main-green);
    margin-right: 12px;
}

    .header .btn-pay i {
        margin-right: 5px;
    }

/* Header dropdown */
.header-dropdown {
    position: relative;
    display: inline-block;
    font-size: 14px;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    margin-right: 20px;
}

    .header-dropdown .header-dropdown-text {
        background: transparent;
        font-size: 14px;
        font-weight: 600;
        color: var(--color-dark-2)
    }

    .header-dropdown .header-dropdown-toggle img {
        width: 23px;
    }

    .header-dropdown .header-dropdown-toggle .icon,
    .header-dropdown .header-dropdown-text .icon {
        min-width: 14px;
        -webkit-transition: .2s ease;
        -o-transition: .2s ease;
        transition: .2s ease;
    }

    .header-dropdown .header-dropdown-text, .header-dropdown .change-toggle, .header-dropdown .header-dropdown-toggle {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }

    .header-dropdown .header-dropdown-toggle {
        position: relative;
        -webkit-transition: .3s;
        -o-transition: .3s;
        transition: .3s;
        border: 0;
        cursor: pointer
    }

    .header-dropdown .list {
        position: absolute;
        top: calc(100% + 35px);
        left: 50%;
        width: 100%;
        border: 1px solid rgba(0,0,0,.06);
        border-top: none;
        background: var(--color-white);
        padding: 4px 0;
        opacity: 0;
        visibility: hidden;
        -webkit-transform: translate(-50%,-10px);
        -ms-transform: translate(-50%,-10px);
        transform: translate(-50%,-10px);
        z-index: 3;
        text-align: left;
        -webkit-transition: all .3s;
        -o-transition: all .3s;
        transition: all .3s;
        pointer-events: none;
        height: 0;
        font-size: 12px;
        -webkit-box-shadow: 0 4px 12px rgba(47, 86, 55, .18);
        box-shadow: 0 4px 12px rgba(47, 86, 55, .18);
    }

    .header-dropdown.open .list {
        opacity: 1;
        visibility: visible;
        -webkit-transform: translate(-50%,0);
        -ms-transform: translate(-50%,0);
        transform: translate(-50%,0);
        pointer-events: auto;
        height: auto;
        z-index: 999;
    }

    .header-dropdown .list:before {
        content: "";
        position: absolute;
        top: 0;
        right: 50%;
        -webkit-transform: rotate(135deg) translateX(-50%);
        -ms-transform: rotate(135deg) translateX(-50%);
        transform: rotate(135deg) translateX(-50%);
        background-color: #fff;
        border-right: none;
        border-top: none;
        width: 10px;
        height: 10px;
        z-index: -1;
    }

    .header-dropdown .list a, .header-dropdown .list button {
        padding: 4px 6px;
        width: 100%;
        text-align: left;
        -webkit-transition: .3s;
        -o-transition: .3s;
        transition: .3s;
        line-height: 20px
    }

        .header-dropdown .list a:hover, .header-dropdown .list button:hover {
            background: rgba(0,0,0,.06)
        }

    .header-dropdown.open .header-dropdown-toggle .icon,
    .header-dropdown.open .header-dropdown-text .icon {
        -webkit-transform: rotate(-180deg);
        -ms-transform: rotate(-180deg);
        transform: rotate(-180deg);
    }
    /* Header Dropdown Accessibility */
    .header-dropdown .accessibility-content {
        position: absolute;
        top: calc(100% + 35px);
        left: 50%;
        width: max-content;
        border: 1px solid rgba(0,0,0,.06);
        border-top: none;
        background: var(--color-white);
        padding: 14px;
        opacity: 0;
        visibility: hidden;
        -webkit-transform: translate(-50%,-10px);
        -ms-transform: translate(-50%,-10px);
        transform: translate(-50%,-10px);
        z-index: 3;
        text-align: left;
        -webkit-transition: all .3s;
        -o-transition: all .3s;
        transition: all .3s;
        pointer-events: none;
        height: 0;
        font-size: 12px;
        -webkit-box-shadow: 0 4px 12px rgba(47, 86, 55, .18);
        box-shadow: 0 4px 12px rgba(47, 86, 55, .18);
    }

    .header-dropdown.open .accessibility-content {
        opacity: 1;
        visibility: visible;
        -webkit-transform: translate(-50%,0);
        -ms-transform: translate(-50%,0);
        transform: translate(-50%,0);
        pointer-events: auto;
        height: auto;
        z-index: 999;
    }

    .header-dropdown .accessibility-content:before {
        content: "";
        position: absolute;
        top: 0;
        right: 50%;
        -webkit-transform: rotate(135deg) translateX(-50%);
        -ms-transform: rotate(135deg) translateX(-50%);
        transform: rotate(135deg) translateX(-50%);
        background-color: #fff;
        border-right: none;
        border-top: none;
        width: 10px;
        height: 10px;
        z-index: -1;
    }

    .header-dropdown .accessibility-content .heading {
        font-size: 16px;
        font-weight: 600;
        color: var(--color-dark-2);
    }

    .header-dropdown .accessibility-content .accessibility-item {
        display: flex;
        align-items: center;
        justify-content: space-between;
        border: 1px dashed var(--grey-shade-1);
        background: var(--bg-color-1);
        border-radius: 5px;
        padding: 6px 8px;
        margin: 12px 0;
        max-height: 38px;
        gap: 12px;
    }

    .header-dropdown .accessibility-content .accessibility-label {
        display: flex;
        align-items: center;
        gap: 6px;
    }

        .header-dropdown .accessibility-content .accessibility-label img {
            width: 20px;
            height: 20px;
        }

        .header-dropdown .accessibility-content .accessibility-label span {
            font-size: 16px;
            font-weight: 400;
        }

    .header-dropdown .accessibility-font-sizing {
        display: flex;
        align-items: center;
        gap: 4px;
    }

        .header-dropdown .accessibility-font-sizing button {
            display: flex;
            align-items: center;
            width: 33px;
            height: 33px;
            border-radius: 5px;
        }

            .header-dropdown .accessibility-font-sizing button.active {
                background: var(--main-green);
            }

        .header-dropdown .accessibility-font-sizing svg path {
            fill: var(--color-dark-1);
        }

    .header-dropdown .accessibility-reset button {
        padding: 6px 0;
        font-size: 15px;
    }

    .header-dropdown.open .accessibility-content .switch-item {
        cursor: pointer;
    }
/* Header Dropwdown Support */
.header-support {
    margin-right: 15px;
}

.header-dropdown-support {
    width: calc(100% + 20px) !important;
    padding: 8px 4px 15px 4px !important;
}

.header-contacts:hover .header-contacts__title {
    color: #333;
    background-color: #fff;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    -webkit-box-shadow: 0 4px 4px 0 rgba(0,0,0,.25);
    box-shadow: 0 4px 4px 0 rgba(0,0,0,.25)
}

.header-contacts:hover .header-contacts__title-arrow {
    -webkit-transform: scaleY(-1) translateY(-1px);
    -ms-transform: scaleY(-1) translateY(-1px);
    transform: scaleY(-1) translateY(-1px)
}

    .header-contacts:hover .header-contacts__title-arrow svg {
        fill: #909090
    }

.header-contacts:hover .header-contacts__dropdown {
    opacity: 1;
    pointer-events: all;
    -webkit-box-shadow: 0 4px 4px 0 rgba(0,0,0,.25);
    box-shadow: 0 4px 4px 0 rgba(0,0,0,.25);
    display: block;
    position: absolute
}

.header-support-phone {
    margin-top: 10px;
    padding-top: 10px;
    border-top: 1px solid #e7e7e7
}

.header-support-phone-info {
    font-size: 12px;
    font-weight: 400;
    line-height: 1;
    color: var(--main-green);
    padding-left: 37px;
}

@media only screen and (min-width: 1025px)and (max-width:1201px) {
    .header-support-phone-info {
        font-size: 11px
    }
}

.header-support-socials {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.header-support-socials-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: var(--color-dark-2);
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    text-decoration: none;
    padding: 6px 5px 6px 8px !important;
    border-radius: 5px;
    background: #fff;
    -webkit-transition: background .2s;
    -o-transition: background .2s;
    transition: background .2s
}

@media only screen and (min-width: 1025px)and (max-width:1201px) {
    .header-support-socials-item {
        /*        font-size:12px*/
    }
}

.header-support-socials-icon {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0 9px 0 0;
}

    .header-support-socials-icon .icon {
        width: 20px;
        height: 20px;
        margin: 0;
    }

.header-support-socials-item:hover {
    /*    background: #e7e7e7;*/
}

    .header-support-socials-item:hover svg:first-child {
        display: none
    }

    .header-support-socials-item:hover svg:last-child, .header-support-socials-item svg:first-child {
        display: block
    }

.header-contacts__title {
    color: #fff;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    -webkit-transition: all .2s;
    -o-transition: all .2s;
    transition: all .2s;
    padding: 6px 43px 6px 13px;
    border-radius: 5px;
    background-color: #424242;
    position: relative;
    -webkit-box-shadow: 0 4px 4px 0 transparent;
    box-shadow: 0 4px 4px 0 transparent
}

@media only screen and (min-width: 1025px)and (max-width:1201px) {
    .header-contacts__title {
        font-size: 12px;
        padding: 6px 35px 6px 13px
    }
}

.header-contacts__title-arrow {
    position: absolute;
    right: 17px;
    top: 8px;
    width: 12px;
    height: 13px;
    -webkit-transition: -webkit-transform .2s;
    transition: -webkit-transform .2s;
    -o-transition: transform .2s;
    transition: transform .2s;
    transition: transform .2s, -webkit-transform .2s;
    transition: transform .2s,-webkit-transform .2s;
    font-size: 0
}

@media only screen and (min-width: 1025px)and (max-width:1201px) {
    .header-contacts__title-arrow {
        right: 12px;
        top: 10px;
        width: 8px;
        height: 8px
    }
}

.header-contacts__title-arrow svg {
    width: inherit;
    height: inherit;
    fill: #fff;
    -webkit-transition: fill .2s;
    -o-transition: fill .2s;
    transition: fill .2s
}

.header-support-worktime {
    font-size: 11px;
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    color: var(--grey-shade-5);
    margin: 8px 0 15px 10px;
}

@media only screen and (min-width: 1025px)and (max-width:1201px) {
    .header-support-worktime {
        font-size: 11px
    }
}

/* Header Lang */
.header-lang {
    margin-right: 22px;
}

    .header-lang .header-lang-item {
        position: relative;
        font-size: 14px;
        font-weight: 400;
        padding: 8px 0;
        color: var(--grey-shade-4);
    }

        .header-lang .header-lang-item:first-child {
            margin-right: 8px;
        }

            .header-lang .header-lang-item:first-child:before {
                content: "";
                position: absolute;
                top: 50%;
                -webkit-transform: translateY(-50%);
                -ms-transform: translateY(-50%);
                transform: translateY(-50%);
                right: -7px;
                width: 1px;
                height: 20px;
                background-color: var(--grey-shade-1);
            }

        .header-lang .header-lang-item.header-lang-active {
            font-weight: 400;
            color: var(--color-dark-2);
        }

        .header-lang .header-lang-item:hover {
            color: var(--main-green);
        }

/* Header Authorized Buttons */
.header-authorized {
    display: flex;
    align-items: center;
}

    .header-authorized .btn-cabinet,
    .header-authorized .btn-logout {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        font-size: 14px;
        font-weight: 600;
        color: var(--color-dark-2);
    }

        .header-authorized .btn-cabinet span,
        .header-authorized .btn-logout span {
            transform: translateY(.5px);
        }

        .header-authorized .btn-cabinet .icon,
        .header-authorized .btn-logout .icon {
            margin: 0 5px 0 0px;
            background-color: var(--color-dark-2);
            -webkit-transition: .2s ease-in;
            -o-transition: .2s ease-in;
            transition: .2s ease-in;
        }

    .header-authorized .divider {
        height: 18px;
        width: 1px;
        display: block;
        background: var(--grey-shade-1);
        margin: 0 12px;
    }

    .header-authorized a:hover {
        color: var(--main-green);
    }

        .header-authorized a:hover .icon {
            background-color: var(--main-green);
        }
/* Burger Menu */
.header .header-burger {
    position: relative;
    background-color: transparent;
    border: none;
    cursor: pointer;
    display: none;
    padding: 0;
    z-index: 10;
    margin-left: 15px;
}

    .header .header-burger .line {
        fill: none;
        stroke: #262626;
        stroke-width: 6;
        -webkit-transition: stroke-dasharray 600ms cubic-bezier(0.4, 0, 0.2, 1), stroke-dashoffset 600ms cubic-bezier(0.4, 0, 0.2, 1);
        -o-transition: stroke-dasharray 600ms cubic-bezier(0.4, 0, 0.2, 1), stroke-dashoffset 600ms cubic-bezier(0.4, 0, 0.2, 1);
        transition: stroke-dasharray 600ms cubic-bezier(0.4, 0, 0.2, 1), stroke-dashoffset 600ms cubic-bezier(0.4, 0, 0.2, 1);
    }

    .header .header-burger .line1 {
        stroke-dasharray: 60 207;
        stroke-width: 5;
    }

    .header .header-burger .line2 {
        stroke-dasharray: 60 60;
        stroke-width: 5;
    }

    .header .header-burger .line3 {
        stroke-dasharray: 60 207;
        stroke-width: 5;
    }

    .header .header-burger.opened .line1 {
        stroke-dasharray: 90 207;
        stroke-dashoffset: -134;
        stroke-width: 5;
    }

    .header .header-burger.opened .line2 {
        stroke-dasharray: 1 60;
        stroke-dashoffset: -30;
        stroke-width: 5;
    }

    .header .header-burger.opened .line3 {
        stroke-dasharray: 90 207;
        stroke-dashoffset: -134;
        stroke-width: 5;
    }

    .header .header-burger.opened .line {
        stroke: var(--grey-shade-5);
    }

    .header .header-burger span {
        display: none;
        position: absolute;
        top: 100%;
        margin-top: -3px;
        font-size: 9px;
        font-weight: 400;
        color: var(--grey-shade-5);
    }

    .header .header-burger.opened span {
        display: block;
    }
/*@media (min-width: 767px) {
	.header {
		min-height: 72px;
	}
}*/

.header .header-phone span {
    font-weight: 600;
    -webkit-transition: .2s ease-in;
    -o-transition: .2s ease-in;
    transition: .2s ease-in;
}

.header .header-phone:hover span {
    color: var(--main-green);
    text-decoration: underline;
}

@media (max-width: 1450px) {
    .header .logo {
        width: 220px;
    }

    .header .header-menu ul.header-menu-nav li {
        padding-right: 30px;
    }
}

@media (max-width: 1300px) {
    .header .logo {
        width: 200px;
    }

    .header .header-phone svg {
        margin-right: 0;
    }

    .header .header-button .btn {
        padding: 15px;
        font-size: 15px;
    }

    .header .header-menu ul.header-menu-nav li {
        padding-right: 30px;
    }

        .header .header-menu ul.header-menu-nav li a {
            font-size: 15px;
        }

    .header .header-menu ul.header-menu-nav ul.dropdown {
        top: 47.5px;
    }

        .header .header-menu ul.header-menu-nav ul.dropdown li a {
            font-size: 14px;
        }
}

@media (max-width: 1180px) {
    .header .btn-login,
    .header .btn-pay {
        width: auto;
        padding: 10px 20px;
    }
}

@media (max-width: 1080px) {
    .header .header-logo {
        max-width: 120px;
    }

    .header .header-menu-list li {
        margin-right: 15px;
    }
}

@media (max-width: 992px) {
    .header .header-menu {
        display: none;
    }

    .header .header-burger {
        display: -webkit-box !important;
        display: -ms-flexbox !important;
        display: flex !important;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
}

@media (max-width: 767px) {
    .header {
        padding: 12px 0;
        max-height: 65px;
    }

        .header .header-logo {
            font-size: 18px;
            width: 125px;
        }

        .header .header-phone {
            padding: 0 10px;
        }

        .header .header-button .btn {
            padding: 10px;
            font-size: 14px;
        }

        .header .header-burger {
            margin-left: 10px;
        }

        .header.header-scroll {
            padding: 8px 0;
            background: #FFF;
            border-bottom: 1px solid #d9d9d9;
            -webkit-box-shadow: 0px 2px 14px rgba(0, 0, 0, 0.15);
            box-shadow: 0px 2px 14px rgba(0, 0, 0, 0.15);
        }

            .header.header-scroll .header-inner {
                border: 0;
            }

    .header-main .header-support,
    .header-main .header-lang,
    .header-authorized {
        display: none;
    }

    .header-main .btn-login {
        width: auto;
        padding: 10px 12px;
    }

    .dropdown-accessibility {
        margin-right: 12px;
    }

    .header-dropdown.dropdown-accessibility .header-dropdown-toggle img {
        width: 20px;
    }

    .dropdown-accessibility .icon-arrow-down {
        margin-left: 2px;
    }
}

@media (max-width: 475px) {
    .header .btn-pay {
        padding: 10px;
        margin-right: 8px;
    }
}

@media (max-width: 425px) {
    .header-pay {
        display: none;
    }
}

@media (max-width: 350px) {
    .header .logo {
        width: 125px;
    }

    .header .header-burger {
        margin-left: 5px;
    }

    .header-dropdown .header-dropdown-text {
        font-size: 12px;
    }
}
/* ------------------------------------------------------------- *
 * Header Registration + Cabinet
/* ------------------------------------------------------------- */
.header-registration,
.header-cabinet {
    position: relative;
}

    .header-registration .header-dropdown,
    .header-cabinet .header-dropdown {
        margin-right: 0;
    }

        .header-registration .header-dropdown .header-dropdown-text,
        .header-cabinet .header-dropdown .header-dropdown-text {
            color: var(--color-dark-1);
        }

            .header-registration .header-dropdown .header-dropdown-text .icon,
            .header-cabinet .header-dropdown .header-dropdown-text .icon {
                background-color: var(--color-dark-1);
            }

    .header-cabinet .header-authorized {
        margin-left: 20px;
    }

@media (max-width: 992px) {
    .header-registration .header-wrap {
        flex-wrap: wrap;
    }

    .header-registration:has(.reg-credit-params) {
        max-height: 100%;
        -webkit-box-shadow: none;
        box-shadow: none;
        padding-bottom: 0;
    }
}
/* ------------------------------------------------------------- *
 * Badges
/* ------------------------------------------------------------- */
.badge {
    position: absolute !important;
    border-radius: 50%;
    line-height: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background: var(--color-badge);
    color: var(--color-white);
    font-size: 9px;
    font-weight: 400;
    min-width: 12px;
    min-height: 12px;
    top: -1px;
    right: -10px;
}
/* ------------------------------------------------------------- *
 * Mobile Menu
/* ------------------------------------------------------------- */
.sidebar-background {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    z-index: 990;
    width: 100%;
    height: 200%;
    background: rgb(0 0 0 / 80%);
}

    .sidebar-background.active {
        display: block;
        z-index: 990;
    }

.sidebar {
    position: fixed;
    width: 320px;
    top: 0;
    right: -100%;
    height: 100%;
    background: #fff;
    z-index: 999;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    overflow-y: auto;
}

.sidebar-active {
    top: 0;
    right: 0;
    height: 100%;
    min-height: 100vh;
    background: #fff;
    z-index: 999;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    padding-bottom: 100px;
}

.sidebar-wrap {
    overflow-x: hidden;
    padding: 18px 20px;
}

.sidebar-header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 16px;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 100%;
    font-size: 16px;
    font-weight: 600;
    color: var(--color-dark);
    /*    padding-right: 40px;*/
    background: none;
    height: 30px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

    .sidebar-header .btn-cabinet {
        position: relative;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        text-align: center;
        margin-top: 19px;
    }

        .sidebar-header .btn-cabinet img {
            width: 30px;
            height: 30px;
            padding: 3px;
            margin: 0 auto;
        }

        .sidebar-header .btn-cabinet span {
            color: var(--main-green);
            font-size: 9px;
            font-weight: 400;
            -webkit-transform: translateY(-5px);
            -ms-transform: translateY(-5px);
            transform: translateY(-5px);
        }

.sidebar .sidebar-divider {
    display: block;
    width: 100%;
    height: 1px;
    background: rgb(172,172,177);
    background: -o-radial-gradient(circle, rgb(230 226 226) 0%, rgb(230 226 226 / 0%) 100%);
    background: radial-gradient(circle, rgb(230 226 226) 0%, rgb(230 226 226 / 0%) 100%);
    margin: 20px 0;
}

.sidebar .header-lang {
    display: block;
    margin: 0;
    padding: 0;
}

.sidebar .header-dropdown .header-dropdown-toggle {
    padding: 0;
}

.sidebar .header-lang .list {
    top: calc(100% + 6px);
}

.sidebar .sidebar-list-heading {
    font-size: 12px;
    font-weight: 300;
    padding-bottom: 12px;
    line-height: 1;
    text-transform: uppercase;
    color: var(--grey-shade-4);
}

.sidebar-list li {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

    .sidebar-list li a {
        position: relative;
        font-size: 15px;
        font-weight: 400;
        color: var(--color-dark-2);
        padding: 8px 12px 8px 0;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

        .sidebar-list li a span {
            position: relative;
        }

        .sidebar-list li a .badge {
            right: -15px;
        }

    .sidebar-list li:last-child a {
        margin-bottom: 0;
    }

    .sidebar-list li .icon {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        width: 22px;
        height: 22px;
        margin-right: 10px;
    }

/* Sidebar Menu Nav */
.sidebar-menu li {
    margin-bottom: 5px;
}

    .sidebar-menu li:last-child {
        margin-bottom: 0;
    }

    .sidebar-menu li a {
        width: 100%;
        -webkit-transition: all .2s ease-in;
        -o-transition: all .2s ease-in;
        transition: all .2s ease-in;
    }

        .sidebar-menu li a:hover,
        .sidebar-menu li a.active {
            background: var(--color-mint-1);
            -webkit-box-shadow: 0 0 0 1px var(--grey-shade-6);
            box-shadow: 0 0 0 1px var(--grey-shade-6);
            border-radius: 9px;
            padding: 8px 12px;
            margin-left: -12px;
            width: calc(100% + 12px);
        }

/* Sidebar Support */
.sidebar-support li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

    .sidebar-support li .icon-holder {
        background: var(--grey-shade-2);
        border-radius: 50%;
        padding: 5px;
        margin-right: 10px;
    }

        .sidebar-support li .icon-holder .icon {
            margin: 0;
            width: 12px;
            height: 12px;
        }

.sidebar-support .sidebar-support-phone a {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    line-height: 1;
}

    .sidebar-support .sidebar-support-phone a span {
        font-size: 10px;
        color: var(--main-green);
        line-height: 1;
        padding-top: 2px;
    }

@media screen and (max-width: 767px) {
    .sidebar-header .btn-cabinet {
        margin-top: 14px;
        margin-left: auto;
        margin-right: 12px;
    }
}

@media screen and (max-width: 350px) {
    .sidebar {
        width: 90%
    }
}
/* Sidebar Bottom */
.sidebar-bottom {
    padding-top: 40px;
}

.sidebar .btn-logout {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 16px;
    font-weight: 600;
    color: var(--grey-shade-5);
}

    .sidebar .btn-logout .icon {
        margin: 0 0 0 5px;
    }

.sidebar-cabinet .sidebar-bottom {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}

/* ------------------------------------------------------------- *
 * Section Intro
/* ------------------------------------------------------------- */
.section-intro {
    padding-top: 35px;
    background-color: var(--bg-color-1);
    overflow: hidden;
}

    .section-intro .row {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    .section-intro .intro-banner {
        position: relative;
        width: calc(62% - 30px);
        border-radius: 25px;
        max-height: 664.95px;
    }

    .section-intro .intro-banner-inner {
        position: relative;
        height: 100%;
        border-radius: 25px;
        overflow: hidden;
        /*background-image: url('../images/banners/banner-1.webp?v=6rFj5-zStt80hBnDNQOpSA11xjQ');
	background-size: cover;
    background-position: center;*/
    }

    .section-intro .intro-banner img {
        border-radius: 25px;
        height: 100%;
        object-fit: cover;
    }

@media (max-width: 1200px) {
    .section-intro .intro-banner {
        width: calc(58% - 30px);
    }
}

@media (max-width: 992px) {
    .section-intro .intro-banner {
        width: 100%;
        height: 380px;
        margin-bottom: 15px;
    }
}

@media (max-width: 767px) {
    .section-intro .intro-banner {
        height: 180px;
    }

    .section-intro .intro-banner,
    .section-intro .intro-banner-inner {
        border-radius: 25px;
        background-position: 10% 24%;
    }
}

@media (max-width: 600px) {
    .section-intro .intro-banner {
        height: 125px;
    }
}
/* ------------------------------------------------------------- *
 * calc Main
/* ------------------------------------------------------------- */
.calc {
    width: 100%;
    height: 100%;
    max-width: 446px;
    background: var(--color-white);
    padding: 25px 35px;
    border-radius: 25px;
}

.calc-tabs {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin: -25px -35px 20px;
    border-bottom: 1px solid var(--grey-shade-3);
}

    .calc-tabs .calc-tab-btn {
        width: 50%;
        text-align: center;
        padding: 12px 10px;
        font-size: 16px;
        font-weight: 500;
        color: var(--color-dark-2);
    }

        .calc-tabs .calc-tab-btn.active {
            background: var(--main-green);
            color: var(--color-white);
            border-radius: 25px 0 0 0;
        }

            .calc-tabs .calc-tab-btn.active:nth-child(2) {
                border-radius: 0 25px 0 0;
            }

.calc .calc-wrap {
    margin-bottom: 25px;
}

    .calc .calc-wrap:last-child {
        margin-bottom: 0;
    }

.calc-top {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

    .calc-top > span {
        font-size: 19px;
        font-weight: 500;
        color: var(--color-dark-1);
    }

    .calc-top .calc-top-value {
        position: relative;
        width: 135px;
        padding: 8px 10px;
        background-color: #fff;
        border-radius: 5px 5px 0 0;
        border: 1px solid var(--grey-shade-3);
        border-bottom: 2px solid var(--main-green);
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }

        .calc-top .calc-top-value > span {
            font-size: 19px;
            font-weight: 600;
            color: var(--color-dark-1)
        }

.calc-calendar {
    width: 20px;
    height: 20px;
    cursor: pointer;
}

#date-picker-calendar {
    min-height: -webkit-fit-content;
    min-height: -moz-fit-content;
    min-height: fit-content;
    -webkit-box-shadow: 0 5px 11px rgb(51 50 50 / 20%);
    box-shadow: 0 5px 11px rgb(51 50 50 / 20%);
    overflow: hidden;
    padding: 12px;
    border-radius: 10px;
    background: var(--color-white);
    border: 1px solid var(--grey-shade-1);
    width: auto;
    position: absolute;
    top: 100%;
    right: 0;
    margin-top: 10px;
    z-index: 99;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

/* calendar body */
#calendar-header {
    width: 100%;
    min-height: 30px;
    margin-bottom: 8px;
    color: var(--color-dark-2);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.calendar-btn {
    position: relative;
    width: 20px;
    height: 20px;
    border: none;
    padding: 0;
    margin: 0;
    border-radius: 6px;
}

    .calendar-btn:before {
        content: '';
        position: absolute;
        top: 50%;
        left: 50%;
        width: 7px;
        height: 7px;
        border: 2px solid var(--color-dark-2);
        border-top: none;
        border-left: none;
    }

    .calendar-btn.back:before {
        -webkit-transform: translate(-50%,-50%) rotate(135deg);
        -ms-transform: translate(-50%,-50%) rotate(135deg);
        transform: translate(-50%,-50%) rotate(135deg);
    }

    .calendar-btn.front:before {
        -webkit-transform: translate(-50%,-50%) rotate(-45deg);
        -ms-transform: translate(-50%,-50%) rotate(-45deg);
        transform: translate(-50%,-50%) rotate(-45deg);
    }

#cal-days,
#calendar-main {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 6px 1fr 6px 1fr 6px 1fr 6px 1fr 6px 1fr 6px 1fr;
    grid-template-columns: repeat(7, 1fr);
    row-gap: 5px;
    -webkit-column-gap: 6px;
    -moz-column-gap: 6px;
    column-gap: 6px;
    color: var(--dark-inactive-fg);
}

#cal-days {
    margin-top: 10px;
    margin-bottom: 10px;
}

#calendar-main {
    -ms-grid-rows: (min(30px))[5];
    grid-template-rows: repeat(5, min(30px));
}

.cell-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 3px;
    position: relative;
    width: 27px;
    font-size: 14px;
    text-decoration: line-through;
    color: var(--grey-shade-1);
}

.cell-day {
    text-decoration: none;
    text-transform: capitalize;
    color: var(--main-green);
}

.cell-wrapper.current {
    color: var(--color-dark-2);
}

.cell-expired {
    text-decoration: line-through !important;
    color: var(--grey-shade-1) !important;
    cursor: not-allowed !important;
}

.cell-allowed {
    text-decoration: none;
}

.cell-wrapper.current:hover {
    background: var(--main-green) !important;
    color: var(--color-white);
}

.cell-wrapper.cell-expired:hover {
    background: transparent !important;
    color: var(--grey-shade-1) !important;
}

.cell-wrapper.isCurrent {
    background: var(--main-green) !important;
    color: var(--color-white) !important;
}

    .cell-wrapper.isCurrent:hover {
        background: var(--main-green) !important;
        color: var(--color-white) !important;
    }

.cal-btn:hover,
.cell-wrapper.current:hover {
    cursor: pointer;
}

.cell-wrapper.active {
    background: var(--main-green);
    color: var(--color-white);
}

.inactive_indicator:after {
    content: "";
    width: 3px;
    height: 3px;
    background: red;
    border-radius: 50%;
    position: absolute;
    bottom: 3px;
    left: 50%;
}

.calc-top .calc-range-input {
    width: 75px;
    font-size: 19px;
    font-weight: 600;
    color: var(--color-dark-1);
    margin-right: 0;
    border: 0;
    outline: none;
}

.calc-top .calc-summ-input {
}

.calc-term .calc-top .calc-range-input {
    width: 45px;
}

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

.calc-range-input[type="number"] {
    -moz-appearance: textfield;
}

.calc-range {
    margin: 20px 0 5px 0;
}


/* Range Slider */
input[type=range].calc-range-slider {
    height: 8px;
    -webkit-appearance: none;
    width: 100%;
    cursor: pointer;
}

/*progress support*/
input[type=range].calc-range-slider {
    --range: calc(var(--max) - var(--min));
    --ratio: calc((var(--value) - var(--min)) / var(--range));
    --sx: calc(0.5 * 2em + var(--ratio) * (100% - 2em));
}

    input[type=range].calc-range-slider:focus {
        outline: none;
    }

    /*webkit*/
    input[type=range].calc-range-slider::-webkit-slider-thumb {
        position: relative;
        -webkit-appearance: none;
        width: 23px;
        height: 23px;
        border-radius: 1em;
        background: var(--main-green);
        margin-top: calc(max((8px - 1px - 1px) * 0.5,0px) - 22px * 0.5);
        -webkit-box-shadow: 0 0 0 12px rgba(77, 204, 96, .20);
        box-shadow: 0 0 0 12px rgba(77, 204, 96, .20);
        background-image: url('../images/icons/icon-drag-handle.svg?v=rMZME4-2V06FThUqB_p6DI4Kx1I');
        background-size: 65%;
        background-position: center;
        background-repeat: no-repeat;
    }

    input[type=range].calc-range-slider::-webkit-slider-runnable-track {
        height: 8px;
        border: 0;
        border-radius: 0.5em;
        background: var(--grey-shade-2);
        -webkit-box-shadow: none;
        box-shadow: none;
    }

    input[type=range].calc-range-slider::-webkit-slider-thumb:active {
        -webkit-box-shadow: 0 0 0 10px rgba(77, 204, 96, .20);
        box-shadow: 0 0 0 10px rgba(77, 204, 96, .20);
    }

    input[type=range].calc-range-slider:active::-webkit-slider-runnable-track {
        background: #f5f5f5;
        border-color: transparent;
    }

    input[type=range].calc-range-slider::-webkit-slider-runnable-track {
        background: -webkit-gradient(linear,left top, left bottom,from(var(--main-green)),to(var(--main-green))) 0/var(--sx) 100% no-repeat, var(--grey-shade-2);
        background: linear-gradient(var(--main-green),var(--main-green)) 0/var(--sx) 100% no-repeat, var(--grey-shade-2);
    }

    input[type=range].calc-range-slider:active::-webkit-slider-runnable-track {
        background: -webkit-gradient(linear,left top, left bottom,from(var(--main-green)),to(var(--main-green))) 0/var(--sx) 100% no-repeat, #f5f5f5;
        background: linear-gradient(var(--main-green),var(--main-green)) 0/var(--sx) 100% no-repeat, #f5f5f5;
    }

    /*mozilla*/
    input[type=range].calc-range-slider::-moz-range-thumb {
        position: relative;
        -webkit-appearance: none;
        width: 23px;
        height: 23px;
        border-radius: 1em;
        background: var(--main-green);
        margin-top: calc(max((8px - 1px - 1px) * 0.5,0px) - 22px * 0.5);
        -webkit-box-shadow: 0 0 0 12px rgba(77, 204, 96, .20);
        box-shadow: 0 0 0 12px rgba(77, 204, 96, .20);
        background-image: url('../images/icons/icon-drag-handle.svg?v=rMZME4-2V06FThUqB_p6DI4Kx1I');
        background-size: 65%;
        background-position: center;
        background-repeat: no-repeat;
    }

    input[type=range].calc-range-slider::-moz-range-track {
        height: max(calc(1em - 1px - 1px),0px);
        border: none;
        border-radius: 0.5em;
        background: var(--grey-shade-2);
        -webkit-box-shadow: none;
        box-shadow: none;
    }

    input[type=range].calc-range-slider::-moz-range-thumb:hover {
        background: var(--grey-shade-2);
    }

    input[type=range].calc-range-slider::-moz-range-thumb:active {
        background: var(--main-green);
    }

    input[type=range].calc-range-slider:active::-moz-range-track {
        background: #f5f5f5;
        border-color: transparent;
    }

    input[type=range].calc-range-slider::-moz-range-track {
        background: linear-gradient(var(--main-green),var(--main-green)) 0/var(--sx) 100% no-repeat, var(--grey-shade-2);
    }

    input[type=range].calc-range-slider:active::-moz-range-track {
        background: linear-gradient(var(--main-green),var(--main-green)) 0/var(--sx) 100% no-repeat, #f5f5f5;
    }

    /*ms*/
    input[type=range].calc-range-slider::-ms-fill-upper {
        background: transparent;
        border-color: transparent;
    }

    input[type=range].calc-range-slider::-ms-fill-lower {
        background: transparent;
        border-color: transparent;
    }

    input[type=range].calc-range-slider::-ms-thumb {
        position: relative;
        -webkit-appearance: none;
        width: 23px;
        height: 23px;
        border-radius: 1em;
        background: var(--main-green);
        margin-top: calc(max((8px - 1px - 1px) * 0.5,0px) - 22px * 0.5);
        -webkit-box-shadow: 0 0 0 12px rgba(77, 204, 96, .20);
        box-shadow: 0 0 0 12px rgba(77, 204, 96, .20);
        background-image: url('../images/icons/icon-drag-handle.svg?v=rMZME4-2V06FThUqB_p6DI4Kx1I');
        background-size: 65%;
        background-position: center;
        background-repeat: no-repeat;
    }

    input[type=range].calc-range-slider::-ms-track {
        height: 1em;
        border-radius: 0.5em;
        background: var(--grey-shade-2);
        border: 0;
        -webkit-box-shadow: none;
        box-shadow: none;
    }

    input[type=range].calc-range-slider::-ms-thumb:active {
        background: var(--main-green);
    }

    input[type=range].calc-range-slider:active::-ms-track {
        background: #f5f5f5;
        border-color: #c1c1c1;
    }

    input[type=range].calc-range-slider::-ms-fill-lower {
        height: max(calc(1em - 1px - 1px),0px);
        border-radius: 0.5em 0 0 0.5em;
        margin: -1px 0 -1px -1px;
        background: var(--main-green);
        border: 1px solid #b2b2b2;
        border-right-width: 0;
    }

    input[type=range].calc-range-slider:active::-ms-fill-lower {
        background: var(--main-green);
        border-color: #c1c1c1;
    }


.calc .calc-bottom {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

    .calc .calc-bottom .calc-value {
        color: var(--grey-shade-4);
        font-size: 12px;
        font-weight: 300;
    }

.calc-text {
    padding-top: 15px;
    margin-top: 15px;
    border-top: 1px solid var(--grey-shade-3);
}

.calc-text-list li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 8px;
    line-height: 1.2;
}

    .calc-text-list li:last-child {
        margin-bottom: 0;
    }

    .calc-text-list li span {
        font-size: 16px;
        font-weight: 300;
        color: var(--color-dark-1);
    }

    .calc-text-list li .calc-text-inner {
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
        align-items: center;
        margin-left: auto;
    }

.calc div.percent-old-return {
    font-size: 14px;
    font-weight: 500;
    color: var(--grey-shade-4);
    margin-right: 8px;
    text-decoration: line-through;
}

.calc div.percent-sale {
    color: var(--color-white);
    background: var(--state-promo);
    font-size: 14px;
    font-weight: 600;
    padding: 3px 10px;
    line-height: 1;
    border-radius: 5px;
    margin-right: 8px;
}

.calc-text-list li .calc-text-inner p {
    font-size: 16px;
    font-weight: 600;
    color: var(--color-dark-1);
    margin: 0;
}

.calc-text-list li .tooltip-anim,
.calc-text-list li .hint-box {
    margin-left: 6px;
}

.calc-text-list li .tooltip:after {
    font-size: 14px;
    background: var(--alert-info-bg);
    border: 1px solid var(--alert-info-border);
    color: var(--color-dark-2);
    top: calc(-100% - 36px);
    -webkit-box-shadow: 0 0 11px 0 rgba(201, 240, 247, .75);
    box-shadow: 0 0 11px 0 rgba(201, 240, 247, .75);
}

.calc-text-list li .tooltip:before {
    border-color: var(--alert-info-border) transparent transparent transparent;
}

.calc-text-list li .tooltip:hover .icon {
    background: var(--grey-shade-4);
}

.calc-text-list li .hint-box:hover .icon {
    background: var(--main-green);
}

.calc-promo {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 18px 0;
    flex-direction: column;
}

    .calc-promo .calc-promo-show {
        font-size: 15px;
        font-weight: 600;
        color: var(--main-green);
        text-decoration: underline;
        text-align: center;
    }

.calc-promo-form {
    display: none;
    width: 100%;
    text-align: center;
}

    .calc-promo-form .calc-promo-field {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        flex-wrap: wrap;
        margin-bottom: 15px;
    }

        .calc-promo-form .calc-promo-field span {
            font-size: 14px;
            font-weight: 300;
            color: var(--grey-shade-5);
            text-align: left;
            line-height: 1.2;
        }

        .calc-promo-form .calc-promo-field input {
            background: var(--bg-color-1);
            color: var(--color-dark-2);
            border: 1px solid var(--grey-shade-1);
            padding: 12px 14px;
            font-size: 14px;
            font-weight: 400;
            border-radius: 8px;
            width: auto;
        }

            .calc-promo-form .calc-promo-field input.state-error {
                border-color: var(--state-error);
            }

    .calc-promo-form button {
        font-size: 15px;
        font-weight: 600;
        color: var(--main-green);
        text-decoration: underline;
        text-align: center;
        display: inline-block;
    }

    .calc-promo-form .calc-promo-field .input-helper {
        width: 100%;
    }

.calc-button .btn {
    padding: 15px 20px;
    width: 100%;
}

.calc-schedule {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-top: 20px;
}

.calc-schedule-item {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-weight: 300;
    color: var(--color-dark-2);
    cursor: pointer;
    padding-right: 20px;
}

    .calc-schedule-item:before {
        content: "";
        position: absolute;
        right: 0;
        top: 50%;
        -webkit-transform: translate(-50%,-75%) rotate(45deg);
        -ms-transform: translate(-50%,-75%) rotate(45deg);
        transform: translate(-50%,-75%) rotate(45deg);
        width: 7px;
        height: 7px;
        border: 1px solid var(--color-dark-2);
        border-top: none;
        border-left: none;
        -webkit-transition: .2s ease;
        -o-transition: .2s ease;
        transition: .2s ease;
    }

    .calc-schedule-item.open {
        color: var(--main-green);
        font-weight: 500;
    }

        .calc-schedule-item.open:before {
            -webkit-transform: translate(-50%,-25%) rotate(-135deg);
            -ms-transform: translate(-50%,-25%) rotate(-135deg);
            transform: translate(-50%,-25%) rotate(-135deg);
            border: 1.5px solid var(--main-green);
            border-top: none;
            border-left: none;
        }

.calc-links {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding-top: 15px;
    margin-top: 15px;
    border-top: 1px solid var(--grey-shade-3);
}

    .calc-links .btn-link {
        font-size: 14px;
    }
/* schedule */
.hidden {
    display: none;
}

.calc-schedule-content {
    margin-top: 18px;
    padding-top: 15px;
    padding-bottom: 15px;
    border-bottom: 1px solid var(--grey-shade-3);
    border-top: 1px solid var(--grey-shade-3);
}

    .calc-schedule-content .schedule-scroll {
        max-height: 102px;
        overflow: auto;
        padding-right: 20px;
    }
        /* Стили для WebKit (Chrome, Safari) */
        .calc-schedule-content .schedule-scroll::-webkit-scrollbar {
            width: 3px;
        }

        .calc-schedule-content .schedule-scroll::-webkit-scrollbar-thumb {
            background-color: var(--main-green);
            border-radius: 5px;
        }

        .calc-schedule-content .schedule-scroll::-webkit-scrollbar-track {
            background-color: var(--grey-shade-3);
        }

        .calc-schedule-content .schedule-scroll::-webkit-scrollbar:hover {
            scrollbar-color: var(--main-green);
        }

.schedule-content-title {
    font-size: 12px;
    font-weight: 600;
    color: var(--color-dark-1);
    line-height: 1.1;
    margin-bottom: 12px;
}

.schedule-pays,
.schedule-dates,
.schedule-details {
}

    .schedule-pays li,
    .schedule-dates li,
    .schedule-details li {
        list-style: none;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        margin-bottom: 2px;
    }

    .schedule-details li {
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        line-height: 1.1;
        margin-bottom: 5px;
    }

        .schedule-dates li:last-child,
        .schedule-details li:last-child {
            margin-bottom: 0;
        }

    .schedule-pays .schedule-title,
    .schedule-dates .schedule-title,
    .schedule-details .schedule-title {
        font-size: 12px;
        font-weight: 400;
        color: var(--color-dark-1);
    }

    .schedule-details .schedule-title {
        color: var(--grey-shade-5);
        max-width: 250px;
    }

    .schedule-pays .schedule-value,
    .schedule-dates .schedule-value,
    .schedule-details .schedule-value {
        font-size: 12px;
        font-weight: 400;
        color: var(--color-dark-1);
        text-align: right;
    }

    .schedule-details .schedule-value {
        font-weight: 400;
    }

.schedule-value .percent-old {
    color: var(--grey-shade-4) !important;
    text-decoration: line-through !important;
    margin-right: 5px;
}

.calc-main {
    width: 38%;
}

@media (max-width: 1200px) {
    .calc-main {
        width: 42%;
    }

    .calc-top > span,
    .calc-top .calc-range-input,
    .calc-top .calc-top-value > span {
        font-size: 18px;
    }
}

@media (max-width: 992px) {
    .section-intro .calc-main {
        width: 100%;
        /*		max-width: 520px;*/
        max-width: 100%;
        margin: 0 auto;
    }
}

@media (max-width: 767px) {
    .section-intro {
        padding-top: 15px;
    }

    .calc-main,
    .calc-change-params {
        padding: 20px 15px;
    }

    .calc-tabs {
        margin: -20px -15px 20px;
    }

        .calc-tabs .calc-tab-btn {
            font-size: 15px;
        }
    /*.calc-top > span, .calc-top .calc-range-input, .calc-top .calc-top-value > span {
		font-size: 16px;
	}*/
    .calc-text-list li span {
        font-size: 14px;
    }

    .calc-schedule-item {
        font-size: 15px;
    }

    .calc-schedule-content {
        margin-top: 15px;
    }

        .calc-schedule-content .schedule-scroll {
            padding-right: 15px;
        }

    .schedule-pays .schedule-title, .schedule-dates .schedule-title, .schedule-details .schedule-title,
    .schedule-pays .schedule-value, .schedule-dates .schedule-value, .schedule-details .schedule-value {
        font-size: 11px;
    }

    input[type=range].calc-range-slider::-webkit-slider-thumb {
        background-size: 60%;
    }
}

@media (max-width: 375px) {
    .calc div.percent-sale,
    .calc div.percent-old-return {
        font-size: 13px;
    }

    .calc-text-list li .calc-text-inner {
        -webkit-flex-wrap: wrap-reverse;
        flex-wrap: wrap-reverse;
        -webkit-justify-content: flex-end;
        justify-content: flex-end;
    }

    .calc-promo-form .calc-promo-field {
        -webkit-justify-content: center;
        justify-content: center;
        text-align: center;
    }

        .calc-promo-form .calc-promo-field input {
            text-align: center;
            width: 100%;
            margin-top: 5px;
        }

    .calc-promo .calc-promo-show {
        font-size: 14px;
    }
}

@media (max-width: 350px) {
    .calc-top .calc-top-value {
        width: 125px;
    }

        .calc-tabs .calc-tab-btn,
        .calc-top > span,
        .calc-top .calc-range-input,
        .calc-top .calc-top-value > span,
        .calc-schedule-item {
            font-size: 14px;
        }
}
/* ------------------------------------------------------------- *
 * Section Features
/* ------------------------------------------------------------- */
.section-features {
    background: var(--color-white);
}

    .section-features .feature-item {
        width: calc(30% - 30px);
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        padding-right: 30px;
    }

    .section-features .feature-title {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        margin-bottom: 15px;
    }

        .section-features .feature-title img {
            width: 58px;
            height: 58px;
            margin-right: 10px;
        }

        .section-features .feature-title h3 {
            line-height: 1.2;
        }

    .section-features .feature-item .feature-desc {
        font-size: 16px;
        font-weight: 400;
        color: var(--color-dark-2);
    }

@media (max-width: 1200px) {
    .section-features .feature-item {
        padding: 0;
        width: calc(30% - 15px);
    }

    .section-features .feature-title .h4 {
        font-size: 18px;
        line-height: 1.2;
    }
}

@media (max-width: 992px) {
    .section-features .feature-title {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        text-align: center;
    }

        .section-features .feature-title img {
            margin-right: 0;
            margin-bottom: 15px;
        }

    .section-features .feature-item .feature-desc {
        text-align: center;
        margin-bottom: 0;
    }
}

@media (max-width: 767px) {
    .section-features .feature-item {
        width: 100%;
        margin-bottom: 35px;
    }

        .section-features .feature-item:last-child .feature-desc {
            margin-bottom: 0;
        }

    .section-features .feature-title .h4 {
        font-size: 16px;
        max-width: 180px;
    }

    .section-features .feature-item .feature-desc {
        font-size: 14px;
        padding: 0 30px;
    }
}
/* ------------------------------------------------------------- *
 * Testimonials
/* ------------------------------------------------------------- */
.section-testimonials {
    background-color: var(--bg-color-1);
}

    .section-testimonials .page-title {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }

        .section-testimonials .page-title .h1 {
            text-align: left;
        }

    .section-testimonials .page-title-group {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: end;
        -ms-flex-align: end;
        align-items: flex-end;
        line-height: 1;
    }

    .section-testimonials .btn-review-all {
        font-size: 18px;
        font-weight: 400;
        color: var(--main-green);
        text-decoration: underline;
        margin-left: 20px;
        margin-bottom: 5px;
    }

    .section-testimonials .slider-testimonial {
        margin: 0 -7.5px;
    }

    .section-testimonials .testimonial {
        padding: 30px;
        background-color: var(--color-white);
        border-radius: 25px;
        border: 1px solid var(--grey-shade-1);
        margin: 0 7.5px;
    }

        .section-testimonials .testimonial .user-review {
            padding: 15px;
            border-radius: 15px;
            margin-bottom: 20px;
            background-color: var(--bg-color-1);
        }

            .section-testimonials .testimonial .user-review p {
                font-size: 16px;
                line-height: 1.2;
                margin: 0;
            }

.rating-holder {
    display: inline-block;
}

.review-user-data {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 10px;
}

    .review-user-data .review-user-avatar {
        min-width: 55px;
        min-height: 55px;
        border-radius: 50%;
        background-color: var(--main-green);
        font-size: 22px;
        color: var(--color-white);
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

    .review-user-data .review-user-group {
        margin-left: 15px;
    }

    .review-user-data .review-user-name {
        margin-bottom: 0;
        margin-top: 7px;
        line-height: 1.2;
    }

    .review-user-data .review-user-date {
        font-size: 14px;
        font-weight: 300;
        color: var(--grey-shade-5);
    }
/* Rating */
.rating {
    display: flex;
    justify-content: center;
    overflow: hidden;
    flex-direction: row-reverse;
    position: relative;
}

.rating-0 {
    filter: grayscale(100%);
}

.rating > input {
    display: none;
}

.rating > label {
    cursor: pointer;
    width: 15px;
    height: 15px;
    margin-top: auto;
    background-image: url("../images/icons/icon-star-grey.svg?v=BDg8kBsngn7X7ntEb18RsT-odIw");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 90%;
    transition: .3s;
}

.rating > input:checked ~ label,
.rating > input:checked ~ label ~ label {
    background-image: url("../images/icons/icon-star-filled.svg?v=BDg8kBsngn7X7ntEb18RsT-odIw");
}

.rating > input:not(:checked) ~ label:hover,
.rating > input:not(:checked) ~ label:hover ~ label {
    background-image: url("../images/icons/icon-star-filled-2.svg?v=y6maTcCqCZx2ZIokUN6X0tuKszM");
}

@media (max-width: 767px) {
    .section-testimonials .slider-navigation {
        display: none;
    }

    .section-testimonials .page-title {
        margin-bottom: 25px;
    }

    .section-testimonials .page-title-group {
        width: 100%;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }

    .section-testimonials .btn-review-all {
        font-size: 12px;
        margin: 0;
    }

    .section-testimonials .testimonial {
        padding: 30px 25px;
    }

        .section-testimonials .testimonial .user-review p {
            font-size: 14px;
        }

    .review-user-data .review-user-name {
        font-size: 16px;
    }

    .review-user-data .review-user-avatar {
        min-width: 45px;
        min-height: 45px;
        font-size: 18px;
    }

    .section-testimonials .slick-dots {
        margin-top: 25px;
    }
}

/* Slider */
.draggable {
    cursor: move;
    cursor: grab;
    cursor: -webkit-grab;
}

.slick-slider {
    position: relative;
    display: block;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -ms-touch-action: none;
    touch-action: none;
    -webkit-tap-highlight-color: transparent;
}

.slick-list {
    position: relative;
    overflow: hidden;
    display: block;
    margin: 0;
    padding: 0;
}

    .slick-list:focus {
        outline: none;
    }
    /*.slick-loading .slick-list {
  	background: white url(./ajax-loader.gif) center center no-repeat;
}*/
    .slick-list.dragging {
        cursor: pointer;
        cursor: hand;
    }

.slick-slider .slick-list,
.slick-track,
.slick-slide,
.slick-slide img {
    -webkit-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.slick-track {
    position: relative;
    left: 0;
    top: 0;
    display: block;
    zoom: 1;
}

    .slick-track:before, .slick-track:after {
        content: "";
        display: table;
    }

    .slick-track:after {
        clear: both;
    }

.slick-loading .slick-track {
    visibility: hidden;
}

.slick-slide {
    float: left;
    height: 100%;
    min-height: 1px;
    display: none;
}

    .slick-slide img {
        display: block;
    }

        .slick-slide img.slick-loading {
            background: white url(./ajax-loader.gif) center center no-repeat;
            padding-bottom: 100%;
        }

    .slick-slide.dragging img {
        pointer-events: none;
    }

.slick-initialized .slick-slide {
    display: block;
}

.slick-loading .slick-slide {
    visibility: hidden;
}

.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent;
}

/* Slider Nav */
.slider-navigation {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

    .slider-navigation .slide-prev,
    .slider-navigation .slide-next {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        width: 40px;
        height: 40px;
        background-color: var(--grey-shade-6);
        border-radius: 9px;
        -webkit-transition: .2s ease-in-out;
        -o-transition: .2s ease-in-out;
        transition: .2s ease-in-out;
    }

    .slider-navigation .slide-prev {
        margin-right: 15px;
    }

        .slider-navigation .slide-prev i,
        .slider-navigation .slide-next i {
            margin-left: 0;
            -webkit-transition: .2s ease-in-out;
            -o-transition: .2s ease-in-out;
            transition: .2s ease-in-out;
        }

        .slider-navigation .slide-prev i {
            -webkit-transform: rotate(90deg);
            -ms-transform: rotate(90deg);
            transform: rotate(90deg);
        }

    .slider-navigation .slide-next i {
        -webkit-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
        transform: rotate(-90deg);
    }

    .slider-navigation .slide-prev:hover,
    .slider-navigation .slide-next:hover {
        background-color: var(--main-green);
    }

        .slider-navigation .slide-prev:hover i,
        .slider-navigation .slide-next:hover i {
            background-color: var(--color-white);
        }

/* Dots */
.slick-slider {
    margin-bottom: 30px;
}

.slick-dots {
    position: relative;
    margin-top: 40px;
    list-style: none;
    display: block;
    text-align: center;
    padding: 0px;
    width: 100%;
}

    .slick-dots li {
        position: relative;
        display: inline-block;
        height: 15px;
        width: 15px;
        margin: 0px 3px;
        padding: 0px;
        cursor: pointer;
    }

        .slick-dots li button {
            border: 0;
            background: transparent;
            display: block;
            height: 15px;
            width: 15px;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center;
            outline: none;
            line-height: 0;
            font-size: 0;
            color: transparent;
            cursor: pointer;
            outline: none;
        }

            .slick-dots li button:focus {
                outline: none;
            }

            .slick-dots li button:before {
                content: '';
                position: absolute;
                top: 50%;
                left: 50%;
                -webkit-transform: translate(-50%,-50%);
                -ms-transform: translate(-50%,-50%);
                transform: translate(-50%,-50%);
                width: 9px;
                height: 9px;
                border-radius: 50%;
                background-color: var(--grey-shade-3);
                -webkit-font-smoothing: antialiased;
                -moz-osx-font-smoothing: grayscale;
                -webkit-transition: .2s ease-in-out;
                -o-transition: .2s ease-in-out;
                transition: .2s ease-in-out;
            }

        .slick-dots li.slick-active,
        .slick-dots li.slick-active button {
            width: 24px;
        }

            .slick-dots li.slick-active button:before {
                opacity: 1;
                width: 20px;
                border-radius: 5px;
                background-color: var(--main-green);
            }


/* ------------------------------------------------------------- *
 * Section News
/* ------------------------------------------------------------- */
.section-news {
    background-color: var(--color-white);
}

    .section-news .page-title {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }

        .section-news .page-title .h1 {
            text-align: left;
        }

    .section-news .page-title-group {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: end;
        -ms-flex-align: end;
        align-items: flex-end;
        line-height: 1;
    }

    .section-news .btn-news-all {
        font-size: 18px;
        font-weight: 400;
        color: var(--main-green);
        text-decoration: underline;
        margin-left: 20px;
        margin-bottom: 5px;
    }

    .section-news .slider-news {
        margin: 0 -15px;
    }

    .section-news .news-item {
        border-radius: 20px;
        border: 1px solid var(--grey-shade-1);
        margin: 15px;
        background-color: var(--color-white);
    }

        .section-news .news-item .news-banner {
            height: auto;
        }

            .section-news .news-item .news-banner img {
                border-radius: 20px 20px 0 0;
            }

    .section-news .news-text {
        padding: 20px 15px;
    }

    .section-news .news-top .news-title {
        line-height: 1.2;
        margin-bottom: 15px;
    }

    .section-news .news-top p {
        line-height: 1.2;
        font-size: 14px;
    }

        .section-news .news-top p a {
            color: var(--color-link);
            text-decoration: underline;
        }

    .section-news .news-bottom {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }

        .section-news .news-bottom .news-date {
            font-size: 14px;
            font-weight: 300;
            color: var(--grey-shade-5);
        }

        .section-news .news-bottom .btn-news-details {
            font-size: 14px;
            font-weight: 400;
            color: var(--main-green);
            text-decoration: underline;
        }

            .section-news .news-bottom .btn-news-details:hover {
                text-decoration: none;
            }

@media (max-width: 767px) {
    .section-news .news-item .news-banner {
        height: auto;
    }

    .section-news .slider-navigation {
        display: none;
    }

    .section-news .page-title {
        margin-bottom: 25px;
    }

    .section-news .page-title-group {
        width: 100%;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }

    .section-news .btn-news-all {
        font-size: 12px;
        margin: 0;
    }

    .section-news .news-top .news-title {
        font-size: 16px;
    }

    .section-news .news-top p {
        font-size: 14px;
    }

    .section-news .news-text {
        padding: 20px 15px 15px 15px;
    }

    .section-news .slick-dots {
        margin-top: 10px;
        display: none !important;
    }
}
/* ------------------------------------------------------------- *
 * Section HowTo + Tabs
/* ------------------------------------------------------------- */
.section-howto {
    background-color: var(--bg-color-1);
}

    .section-howto .tabs-buttons {
        margin-bottom: -1px;
    }

        .section-howto .tabs-buttons .row {
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center;
        }

        .section-howto .tabs-buttons .tab-button {
            font-size: 25px;
            font-weight: 600;
            color: var(--color-dark-1);
            padding: 10px 20px;
            text-align: center;
            width: 350px;
            background-color: var(--bg-color-1);
            border: 1px solid var(--grey-shade-1);
            border-radius: 15px 15px 0 0;
            margin: 0 2px;
            cursor: pointer;
            -webkit-transition: box-shadow .2s ease-in-out;
            -webkit-transition: -webkit-box-shadow .2s ease-in-out;
            transition: -webkit-box-shadow .2s ease-in-out;
            -o-transition: box-shadow .2s ease-in-out;
            transition: box-shadow .2s ease-in-out;
            transition: box-shadow .2s ease-in-out, -webkit-box-shadow .2s ease-in-out;
        }

            .section-howto .tabs-buttons .tab-button.active {
                background-color: var(--color-white);
                -webkit-box-shadow: inset 0 4px 0 #14AD57;
                box-shadow: inset 0 4px 0 #14AD57;
                border-bottom: 0;
            }

            .section-howto .tabs-buttons .tab-button:hover {
                -webkit-transition: box-shadow .2s ease-in-out;
                -webkit-transition: -webkit-box-shadow .2s ease-in-out;
                transition: -webkit-box-shadow .2s ease-in-out;
                -o-transition: box-shadow .2s ease-in-out;
                transition: box-shadow .2s ease-in-out;
                transition: box-shadow .2s ease-in-out, -webkit-box-shadow .2s ease-in-out;
                -webkit-box-shadow: inset 0 4px 0 #14AD57;
                box-shadow: inset 0 4px 0 #14AD57;
            }
    /* tabs content */
    .section-howto .tabs-content .container .row {
        padding: 40px;
        border-radius: 0 0 50px 50px;
        background: var(--color-white);
        border: 1px solid var(--grey-shade-1);
        border-radius: 0 0 50px 50px;
    }

    .section-howto .tabs-content .tab-item {
    }

    .section-howto .tabs-content .tab-item-wrap {
        width: calc(33.3% - 30px);
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
    }

    .section-howto .howto-num {
        min-width: 62px;
        min-height: 62px;
        border-radius: 50%;
        background-color: var(--main-green);
        font-size: 35px;
        color: var(--color-white);
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

    .section-howto .howto-group {
        margin-left: 15px;
    }

        .section-howto .howto-group p {
            margin-bottom: 0;
            margin-top: 7px;
            line-height: 1.2;
        }
/* Basis for Tabs */
.tab-item {
    display: none;
}

    .tab-item.active {
        display: block;
    }

@media (max-width: 992px) {
    .section-howto .tabs-content .container .row {
        padding: 30px 20px;
    }

    .section-howto .tabs-content .tab-item-wrap {
        width: calc(33.3% - 15px);
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        text-align: center;
    }

    .section-howto .howto-num {
        width: 52px;
        height: 52px;
        min-width: 52px;
        min-height: 52px;
        font-size: 28px;
        margin-bottom: 12px;
    }

    .section-howto .howto-group {
        margin: 0;
    }

        .section-howto .howto-group .h4 {
            font-size: 18px;
        }
}

@media (max-width: 767px) {
    .section-howto .tabs-buttons .row {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    }

    .section-howto .tabs-buttons .tab-button {
        font-size: 16px;
        line-height: 1.2;
        padding: 10px 40px;
        margin: 0;
    }

        .section-howto .tabs-buttons .tab-button:first-child {
            border-right: 0;
        }

    .section-howto .tabs-content .container .row {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .section-howto .tabs-content .tab-item-wrap {
        width: 100%;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        text-align: left;
        margin-bottom: 30px;
    }

        .section-howto .tabs-content .tab-item-wrap:last-child {
            margin-bottom: 0;
        }

    .section-howto .howto-num {
        font-size: 24px;
        margin-right: 15px;
        margin-bottom: 0;
    }

    .section-howto .howto-group .h4 {
        font-size: 16px;
        line-height: 1;
    }

    .section-howto .howto-group p {
        font-size: 14px;
        margin-top: 5px;
    }
}

@media (max-width: 350px) {
    .section-howto .tabs-buttons .tab-button {
        font-size: 14px;
        padding: 10px 33px;
    }

    .section-howto .howto-num {
        min-width: 45px;
        min-height: 45px;
        width: 45px;
        height: 45px;
        font-size: 22px;
    }
}

/* ------------------------------------------------------------- *
 * Section Conditions
/* ------------------------------------------------------------- */
table, td, th {
    border: 1px solid;
    padding: 5px 10px
}

table {
    border-collapse: collapse;
    border-spacing: 0;
    margin-bottom: 14px;
    font-size: 14px
}

.section-conditions {
    background-color: var(--bg-color-1);
}

    .section-conditions .page-title {
        text-align: center;
    }

.conditions-table {
    border: none;
    width: 100%;
    max-width: 1276px;
    margin: 0 auto;
    border-radius: 25px;
    background: var(--color-white);
    overflow: hidden;
    padding: 0;
}

.conditions-table-header {
    width: 100%;
    background-color: var(--main-green);
}

    .conditions-table-header tr th {
        width: 25%;
        font-size: 16px;
        font-weight: 600;
        line-height: 1.25;
        color: var(--color-white);
        padding: 18px 15px;
        text-align: left;
        border: none;
    }

        .conditions-table-header tr th:first-child {
            width: 26%;
        }

        .conditions-table-header tr th:last-child {
            width: 74%;
        }

.conditions-table-body tr td {
    font-size: 16px;
    font-weight: 400;
    line-height: 1.25;
    color: var(--color-dark-2);
    padding: 18px 15px;
    border: none;
    vertical-align: baseline;
}

    .conditions-table-body tr td:first-child {
        font-weight: 500;
    }

.conditions-table-body tr:nth-child(2n) {
    background-color: var(--bg-color-1);
}

.conditions-table .warning {
    padding: 25px;
    background-color: var(--bg-color-1);
}

.conditions-table .conditions-link-row {
    text-align: center;
}

    .conditions-table .conditions-link-row > td {
    }

.conditions-table .conditions-link {
    font-size: 15px;
    font-weight: 400;
    color: var(--main-green);
    text-decoration: underline;
}

.conditions-table .warning-wrap {
    padding: 25px;
    background: #fff;
    border: 2px solid var(--main-green);
    border-radius: 15px;
}

.conditions-table .warning-title {
    font-size: 15px;
    font-weight: 600;
    line-height: 1.2;
    margin-bottom: 10px;
    color: var(--main-green);
}

.conditions-table .warning .list-style-1,
.conditions-table .warning p {
    font-size: 15px;
    font-weight: 600;
    line-height: 1.2;
    margin-bottom: 10px;
}

.conditions-table .examples {
    background-color: transparent;
    padding: 25px;
}

.conditions-table .examples-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.conditions-table .examples-item:first-child {
    width: 35%;
    padding-left: 0;
}

.conditions-table .examples .h2 {
    font-size: 16px;
    line-height: 1.2;
    font-weight: 600;
    margin-bottom: 8px;
    color: var(--color-dark-2)
}

.conditions-table .examples-item {
    padding-left: 15px;
}

    .conditions-table .examples-item:first-child h2 {
        color: #1d2939;
    }

.conditions-table .examples p {
    font-size: 16px;
    font-weight: 400;
    line-height: 1.2;
    color: var(--color-dark-2);
    margin-bottom: 4px;
}

.conditions-table .examples-item:first-child p {
    font-size: 14px;
    font-weight: 400;
    line-height: 1.2;
    color: var(--grey-shade-4);
}

.conditions-table .examples p:last-child {
    margin-bottom: 0;
}

@media (max-width: 767px) {
    .conditions-table {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .conditions-table-body {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        padding-bottom: 25px;
        width: 100%;
    }

        .conditions-table-body tr {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-orient: horizontal;
            -webkit-box-direction: normal;
            -ms-flex-direction: row;
            flex-direction: row;
            width: 100%;
        }

            .conditions-table-body tr td {
                width: 100%;
                font-size: 13px;
                padding: 10px 15px;
            }

                .conditions-table-body tr td:first-child {
                    display: none;
                }

    .conditions-table-header tr:nth-child(1) td,
    .conditions-table-header tr:nth-child(2) td,
    .conditions-table-header tr:nth-child(3) td,
    .conditions-table-header tr:nth-child(4) td {
        width: 100%;
    }

    .conditions-table-header tr th {
        width: 50%;
    }

        .conditions-table-header tr th:first-child {
            display: none;
        }

    .conditions-table .warning,
    .conditions-table .examples {
        padding: 0;
    }

    .conditions-table .warning-wrap {
        padding: 15px;
    }

    .conditions-table .examples-wrap {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    .conditions-table .examples-item {
        width: 100% !important;
        padding-left: 0;
        padding-bottom: 15px;
    }

        .conditions-table .examples-item:last-child {
            padding-bottom: 0;
        }

    .conditions-table .examples .h2 {
        font-size: 14px;
    }

    .conditions-table .examples p {
        font-size: 12px;
    }

    .conditions-table .conditions-link-row {
        /*		display: none;*/
    }

        .conditions-table .conditions-link-row td {
            display: block !important;
        }

        .conditions-table .conditions-link-row .conditions-link {
            font-size: 14px;
            max-width: 250px;
            display: inline-block;
        }

    .conditions-table .warning .list-style-1, .conditions-table .warning p {
        font-size: 14px;
    }
}


/* ------------------------------------------------------------- *
 * Section Seo
/* ------------------------------------------------------------- */
.section-seo {
    background: var(--color-white);
}

    .section-seo .h1 {
        font-size: 24px !important;
        line-height: 1.4;
    }

    .section-seo .page-title {
        text-align: center;
        margin-bottom: 40px;
    }

    .section-seo .seo-item {
        /*	width: calc(50% - 15px);*/
        width: 100%;
    }

    .section-seo .seo-scrolltext {
        position: relative;
        background: var(--color-white);
        border-radius: 25px;
        padding: 30px 30px;
        overflow: hidden;
    }

        .section-seo .seo-scrolltext:before {
            content: "";
            position: absolute;
            left: 0;
            bottom: 0;
            width: calc(100% - 25px);
            height: 60px;
            background: -o-linear-gradient(top,rgba(255,255,255,0) 0%,#FFFFFF 60%);
            background: -webkit-gradient(linear,left top, left bottom,from(rgba(255,255,255,0)),color-stop(60%, #FFFFFF));
            background: linear-gradient(180deg,rgba(255,255,255,0) 0%,#FFFFFF 60%);
            z-index: 2;
        }

    .section-seo .scrolltext-wrap {
        position: relative;
        max-height: 460px;
        padding-right: 15px;
        overflow: auto;
    }

    /* Общие стили */
    .section-seo .scrolltext-wrap {
        overflow-y: scroll; /* Включаем вертикальный скролл */
        -webkit-overflow-scrolling: touch; /* Включаем плавный скролл */
    }

        /* Стилизация скроллбара */
        .section-seo .scrolltext-wrap::-webkit-scrollbar {
            -webkit-appearance: none; /* Убираем стандартный вид скроллбара */
            width: 3px; /* Ширина скроллбара */
        }

        .section-seo .scrolltext-wrap::-webkit-scrollbar-thumb {
            background: var(--main-green); /* Цвет ползунка */
            border-radius: 5px; /* Скругление углов ползунка */
        }

        .section-seo .scrolltext-wrap::-webkit-scrollbar-track {
            background: var(--grey-shade-3); /* Цвет трека скроллбара */
        }

        .section-seo .scrolltext-wrap::-webkit-scrollbar-thumb:hover {
            background: var(--main-green); /* Цвет ползунка при наведении */
        }


        .section-seo .scrolltext-wrap .h5 {
            margin-bottom: 20px;
            line-height: 1.2;
        }

        .section-seo .scrolltext-wrap p {
            font-size: 14px;
            line-height: 1.2;
            margin-bottom: 15px;
        }

        .section-seo .scrolltext-wrap .ordered-list-style-1 li,
        .section-seo .scrolltext-wrap .list-style-1 li {
            font-size: 14px;
        }

            .section-seo .scrolltext-wrap .ordered-list-style-1 li::marker {
                color: var(--main-green);
            }

.seo-keywords {
    padding-top: 30px;
}

    .seo-keywords .seo-keywords-list {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        margin: 0;
        padding: 0;
    }

        .seo-keywords .seo-keywords-list li {
            margin-right: 10px;
            margin-bottom: 10px;
            list-style: none;
        }

            .seo-keywords .seo-keywords-list li a {
                font-size: 12px;
                font-style: normal;
                font-weight: 400;
                border-radius: 5px;
                background-color: var(--color-white);
                color: var(--main-green);
                -webkit-box-shadow: 0 0 6px rgba(134,215,168,.45);
                box-shadow: 0 0 6px rgba(134,215,168,.45);
                display: -webkit-inline-box;
                display: -ms-inline-flexbox;
                display: inline-flex;
                padding: 8px 10px;
                -webkit-box-pack: start;
                -ms-flex-pack: start;
                justify-content: flex-start;
                -webkit-box-align: center;
                -ms-flex-align: center;
                align-items: center;
                gap: 10px;
                text-decoration: none;
            }

                .seo-keywords .seo-keywords-list li a:hover {
                    -webkit-box-shadow: 0 0 12px rgba(134,215,168,.65);
                    box-shadow: 0 0 12px rgba(134,215,168,.65);
                }

@media (max-width: 1200px) {
    .section-seo .seo-item {
        height: 100%;
    }
}

@media (max-width: 992px) {
    .section-seo .seo-item {
        width: 100%;
    }

    .seo-keywords {
        padding-top: 60px;
    }
}

@media (max-width: 767px) {
    .section-seo .page-title {
        margin-bottom: 25px;
    }

        .section-seo .page-title h1,
        .section-seo .page-title h3 {
            font-size: 22px !important;
        }

    .section-seo .seo-scrolltext {
        padding: 25px 15px;
    }

    .section-seo .scrolltext-wrap {
        max-height: 350px;
    }

        .section-seo .scrolltext-wrap p {
            font-size: 14px;
        }

        .section-seo .scrolltext-wrap .h4 {
            font-size: 16px;
        }

    .seo-keywords .seo-keywords-list li a {
        font-size: 11px;
    }
}

@media (max-width: 400px) {
    .section-seo .page-title h1,
    .section-seo .page-title h3 {
        font-size: 19px !important;
    }
}

/* ------------------------------------------------------------- *
 * Page SEO Content
/* ------------------------------------------------------------- */
.section-seo-content h1,
.section-seo-content .h1,
.section-seo-content .seo-keywords h3 {
    font-size: 34px !important;
    line-height: 1.4;
    text-align: center;
}

.section-seo-content h1,
.section-seo-content h2,
.section-seo-content h3,
.section-seo-content h4,
.section-seo-content h5,
.section-seo-content h6 {
    line-height: 1.2;
    margin-bottom: 20px;
}

.section-seo-content h1,
.section-seo-content .h1 {
    margin-bottom: 40px;
}

.section-seo-content .list-style-1,
.section-seo-content .ordered-list-style-1 {
    margin-left: 15px;
}

.section-seo-content .scrolltext-wrap a {
    font-size: 14px;
    display: inline-block;
    margin-bottom: 15px;
    text-decoration: underline;
}

.section-seo-content .scrolltext-wrap {
    padding: 0 15px 20px 0;
    max-height: 580px;
}

.section-seo-content .seo-scrolltext {
    padding: 0;
    border-radius: 0;
}

    .section-seo-content .seo-scrolltext:before {
        width: calc(100% - 5px);
        height: 40px;
    }

.section-seo-content .seo-keywords {
    padding: 0;
}

    .section-seo-content .seo-keywords .seo-keywords-list {
        gap: 16px;
    }

        .section-seo-content .seo-keywords .seo-keywords-list li {
            margin: 0;
        }

            .section-seo-content .seo-keywords .seo-keywords-list li a {
                font-size: 16px;
            }

                .section-seo-content .seo-keywords .seo-keywords-list li a:hover {
                    transform: scaleX(1.01);
                }

@media (max-width: 767px) {
    .section-seo-content h1,
    .section-seo-content .h1,
    .section-seo-content h1,
    .section-seo-content .h1,
    .section-seo-content .seo-keywords h3 {
        font-size: 22px !important;
        line-height: 1.4;
    }

    .section-seo-content h2 {
        font-size: 20px;
    }

    .section-seo-content h3 {
        font-size: 18px;
    }

    .section-seo-content h4 {
        font-size: 16px;
    }

    .section-seo-content .scrolltext-wrap {
        max-height: 400px;
    }

    .section-seo-content .seo-keywords .seo-keywords-list {
        gap: 14px;
    }

        .section-seo-content .seo-keywords .seo-keywords-list li a {
            font-size: 14px;
        }
}
/* ------------------------------------------------------------- *
 * Footer
/* ------------------------------------------------------------- */
.footer {
    padding: 50px 0;
    background-color: var(--main-green);
}

    .footer .row {
        width: 100%;
    }

    .footer .footer-title {
        display: block;
        width: 100%;
    }

    .footer .footer-item {
        width: calc(25% - 15px);
        padding-bottom: 30px;
    }

    .footer .footer-title,
    .footer .footer-menu-title {
        font-size: 14px;
        font-weight: 600;
        color: var(--color-white);
        text-transform: uppercase;
        margin-bottom: 15px;
    }

    .footer .footer-menu-list {
    }

        .footer .footer-menu-list li {
            margin-bottom: 10px;
            line-height: 1.2;
        }

            .footer .footer-menu-list li:last-child {
                margin-bottom: 0;
            }

            .footer .footer-menu-list li a {
                font-size: 14px;
                font-weight: 400;
                color: var(--color-white);
                line-height: 1.2;
            }

                .footer .footer-menu-list li a:hover {
                    text-decoration: underline;
                }
    /* Footer Support */
    .footer .footer-support {
    }

    .footer .footer-support-item {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        margin-top: 20px;
    }

        .footer .footer-support-item .footer-menu-title {
            margin-bottom: 0;
            line-height: 1.2;
            width: 130px;
        }

        .footer .footer-support-item .footer-chat {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            gap: 6px;
        }

    .footer .footer-tel,
    .footer .footer-email {
        line-height: 1;
    }

        .footer .footer-tel a,
        .footer .footer-email a {
            display: inline-block;
            font-size: 20px;
            font-weight: 500;
            margin-bottom: 5px;
            color: var(--color-white);
        }

            .footer .footer-tel a:hover,
            .footer .footer-email a:hover {
                text-decoration: underline;
            }

        .footer .footer-tel span,
        .footer .footer-email span {
            display: block;
            font-size: 12px;
            font-weight: 300;
            color: var(--color-white);
        }

    .footer .footer-address,
    .footer .footer-email {
        margin-top: 20px;
        line-height: 1;
    }

        .footer .footer-address a {
            font-size: 14px;
            font-weight: 300;
            line-height: 1;
            color: var(--color-white);
        }

            .footer .footer-address a:hover {
                text-decoration: underline;
            }
    /*.footer .footer-email a {
	font-size: 16px;
	color: var(--color-white);
}*/

    .footer .footer-chat-item {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        /*	padding: 8px;*/
        /*	border: 1px solid var(--color-white);*/
        border-radius: 100px;
        overflow: hidden;
    }

        .footer .footer-chat-item:last-child {
            margin-right: 0;
        }

        .footer .footer-chat-item span {
            font-size: 14px;
            font-weight: 500;
            padding-left: 4px;
            color: var(--color-white);
        }

        .footer .footer-chat-item img {
            max-width: 40px;
            transition: all .3s;
        }

        .footer .footer-chat-item:hover img {
            transform: scale(1.06);
        }

        .footer .footer-chat-item:hover,
        .footer .footer-message:hover a {
            background: var(--color-white);
        }

            .footer .footer-chat-item:hover span,
            .footer .footer-message:hover a {
                color: var(--main-green);
            }

            .footer .footer-chat-item:hover i,
            .footer .footer-message:hover i {
                background-color: var(--main-green);
            }

    .footer .footer-support-btn {
        display: inline-block;
        width: 100%;
        max-height: 40px;
        padding: 9px;
        font-size: 14px;
        font-weight: 600;
        text-align: center;
        border: 1px solid var(--color-white);
        border-radius: 5px;
        color: var(--color-white);
    }

    .footer .footer-support-item .footer-chat,
    .footer .footer-support-item .footer-message,
    .footer .footer-support-item .footer-app {
        width: 50%;
    }

    .footer .footer-app img {
        height: 22px;
    }
/* Footer Socials */
.footer-sales {
    background: var(--color-white);
    border-radius: 8px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 34px 0;
}

    .footer-sales .footer-text {
        margin-bottom: 0;
        margin-right: 30px;
    }

        .footer-sales .footer-text b {
            font-weight: 500;
        }

    .footer-sales .footer-sales-socials {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
    }

        .footer-sales .footer-sales-socials .btn {
            width: 132px;
            height: 40px;
            font-weight: 400;
        }

            .footer-sales .footer-sales-socials .btn img {
                width: 20px;
                height: 20px;
                margin-right: 5px;
            }

        .footer-sales .footer-sales-socials .btn-telegram {
            background: var(--msngr-telegram);
            margin-right: 7px;
        }

        .footer-sales .footer-sales-socials .btn-viber {
            background: var(--msngr-viber);
        }

/* Footer Seo */
.footer .footer-seo {
    padding: 30px 0;
    /*	border-top: 1px solid rgba(255, 255, 255, 35%);*/
}

.footer .footer-seo-city {
    border-top: 1px solid rgba(255, 255, 255, 35%);
}

/* Footer Bottom */
.footer-bottom {
    padding-top: 12px;
    padding-bottom: 12px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-top: 1px solid rgba(255, 255, 255, 35%);
    /*	border-radius: 0 5px 0 0;*/
}

    .footer-bottom .footer-copyright {
        line-height: 1;
    }

        .footer-bottom .footer-copyright span {
            display: inline-block;
            font-size: 14px;
            font-weight: 400;
            color: var(--color-white);
            line-height: 1.4;
        }

            .footer-bottom .footer-copyright span b {
                font-weight: 500;
            }

    .footer-bottom .footer-socials {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        margin-top: -1px;
    }

        .footer-bottom .footer-socials span {
            font-size: 14px;
            font-weight: 400;
            color: var(--color-white);
            margin-right: 15px;
        }

    .footer-bottom .footer-socials-list {
        background-color: var(--color-white);
        padding: 0 12px;
        border-radius: 5px;
    }

        .footer-bottom .footer-socials-list li {
            display: inline-block;
        }

            .footer-bottom .footer-socials-list li a {
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                padding: 15px 9px;
                vertical-align: middle;
            }

                .footer-bottom .footer-socials-list li a img {
                    width: 20px;
                    height: 20px;
                }

                .footer-bottom .footer-socials-list li a:hover img {
                    opacity: .7;
                }

/* Footer Registration */
.footer-registration {
    padding: 35px 0;
}

    .footer-registration .footer-bottom {
        border: none;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

        .footer-registration .footer-bottom .footer-copyright {
            text-align: center;
        }

        .footer-registration .footer-bottom .footer-socials {
            display: none;
        }

@media (max-width: 1200px) {
    .footer .footer-support-item .footer-menu-title {
        font-size: 13px;
        width: 100px;
    }

    .footer .footer-chat-item {
        /*		padding: 5px;*/
    }

    .footer .footer-support-btn {
        font-size: 12px;
    }
}

@media (max-width: 992px) {
    .footer .footer-item {
        width: calc(50% - 15px);
    }

    .footer .footer-site .footer-item:nth-child(1) {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
    }

    .footer .footer-site .footer-item:nth-child(2) {
        -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
        order: 4;
    }

    .footer .footer-site .footer-item:nth-child(3) {
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3;
    }

    .footer .footer-site .footer-item:nth-child(4) {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
    }

    .footer .footer-support-item .footer-menu-title {
        width: 250px;
    }

    .footer .footer-seo .footer-item {
        padding-bottom: 10px;
    }

        .footer .footer-seo .footer-item:last-child {
            padding-bottom: 30px;
        }
}

@media (max-width: 767px) {
    .footer .footer-item {
        width: 100%;
    }

    .footer .footer-site .footer-item:nth-child(2) {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
    }

    .footer .footer-site .footer-item:nth-child(4) {
        -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
        order: 4;
    }

    .footer .footer-support-item .footer-menu-title {
        width: 130px;
    }

    .footer .footer-support-btn {
        font-size: 14px;
    }

    .footer .footer-chat-item {
        /*		padding: 8px;*/
    }

    .footer .footer-support-item .footer-chat, .footer .footer-support-item .footer-message, .footer .footer-support-item .footer-app {
        max-width: 150px;
    }

    .footer .footer-seo-city .footer-item {
        width: calc(50% - 15px);
    }

    .footer .footer-bottom {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
    }

    .footer-bottom .footer-socials {
        margin-top: 30px;
        margin-bottom: 25px;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

        .footer-bottom .footer-socials span {
            margin-right: 0;
            margin-bottom: 10px;
        }

    .footer-sales {
        padding: 25px 15px;
    }

        .footer-sales .footer-text {
            margin-right: 0;
            margin-bottom: 20px;
            text-align: center;
        }

    .footer-bottom .footer-copyright {
        text-align: center;
    }

        .footer-bottom .footer-copyright span {
            line-height: 1.2;
        }

            .footer-bottom .footer-copyright span br {
                display: none;
            }
}
/* ------------------------------------------------------------- *
 * Inputs
/* ------------------------------------------------------------- */
.input-holder {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
}

    .input-holder > input {
        border: 1px solid var(--grey-shade-1);
        border-radius: 5px;
        width: 100%;
        height: 47px;
        font-size: 16px;
        padding: 12px;
        line-height: 1;
        -webkit-transition: all .2s;
        -o-transition: all .2s;
        transition: all .2s;
    }

        .input-holder > input:focus,
        .input-holder > input:valid,
        .input-holder > input:invalid {
            outline: none;
            padding-top: 20px;
            padding-bottom: 7px;
        }

        .input-holder > input:focus {
            border-color: var(--main-green);
            background: var(--color-white) !important;
        }

            .input-holder > input:focus + .input-label {
                color: var(--main-green) !important;
            }

        .input-holder > input:valid {
            color: var(--color-dark-1);
        }

        .input-holder > input:placeholder {
            color: var(--grey-shade-5)
        }

            .input-holder > input:placeholder::-webkit-input-placeholder { /* Chrome/Opera/Safari */
                color: var(--grey-shade-5)
            }

            .input-holder > input:placeholder::-moz-placeholder { /* Firefox 19+ */
                color: var(--grey-shade-5)
            }

            .input-holder > input:placeholder:-ms-input-placeholder { /* IE 10+ */
                color: var(--grey-shade-5)
            }

    .input-holder input.input-simple:focus,
    .input-holder input.input-simple:valid,
    .input-holder input.input-simple:invalid {
        padding-top: 12px;
        padding-bottom: 12px;
    }
    /* Input Inner Label */
    .input-holder > .input-label {
        position: absolute;
        top: 16.5px;
        left: 12px;
        line-height: 1;
        color: var(--grey-shade-5);
        -webkit-transition: top .2s;
        -o-transition: top .2s;
        transition: top .2s;
        cursor: text;
    }

    .input-holder:hover > input:hover {
        background: var(--bg-color-1);
    }

    .input-holder:hover > input + .input-label {
        color: var(--color-dark-2);
    }

    .input-holder > input:focus + .input-label,
    .input-holder > input:valid + .input-label {
        top: 7px;
        left: 12px;
        font-size: 11px;
    }

    .input-holder > input:filled + .input-label {
        top: 7px;
        left: 12px;
        font-size: 11px;
    }
/* Input Top Label */
.input-group {
    margin-bottom: 15px;
}

    .input-group:last-child {
        margin-bottom: 0;
    }

    .input-group .input-top-label {
        width: 100%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        margin-bottom: 7px;
    }

        .input-group .input-top-label span {
            font-size: 14px;
            font-weight: 400;
        }

            .input-group .input-top-label span > span {
                color: var(--text-danger);
                margin-right: 4px;
            }
/* Input Helper / Errors*/
.input-helper {
    display: none;
    font-size: 12px;
    font-weight: 400;
    line-height: 1;
    margin-top: 5px;
    width: 100%;
}

    .input-helper.state-error {
        display: inline-block;
    }

.input-error > input,
.input-error > input:focus {
    border-color: var(--state-error) !important;
}

    .input-error > input + .input-label,
    .input-error > input:focus + .input-label {
        color: var(--state-error) !important;
    }

.input-validation-error {
    border-color: var(--state-error) !important;
}

.field-validation-error {
    font-size: 12px;
    font-weight: 400;
    line-height: 1;
    margin-top: 5px;
    width: 100%;
}

.field-validation-error {
    display: inline-block !important;
}
/** Input Disabled **/

.input-holder > input:disabled {
    background: var(--omrs-color-bg-low-contrast);
    cursor: not-allowed;
}

    .input-holder > input:disabled + .input-label,
    .input-holder > input:disabled ~ .input-helper {
        color: var(--omrs-color-ink-low-contrast);
    }

    .input-holder > input:disabled ~ svg {
        fill: var(--omrs-color-ink-low-contrast);
    }

/* Mutiple Input */
.multiple-inputs {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

    .multiple-inputs .input-group {
        width: calc(50% - 6px);
    }
/* Textarea */
textarea {
    border: 1px solid var(--grey-shade-1);
    border-radius: 5px;
    width: 100%;
    min-height: 130px;
    font-size: 16px;
    padding: 12px;
    line-height: 1.3;
    outline: none;
}

    textarea:focus {
        border: 1px solid var(--main-green);
    }

/* Validation Summary Errors */
.validation-summary-errors {
    margin-bottom: 20px;
}

    .validation-summary-errors ul {
        position: relative;
        padding: 12px;
        padding-right: 45px;
        background-color: var(--alert-danger-bg);
        border: 1px solid var(--alert-danger-border);
        -webkit-box-shadow: 0 0 11px 0 rgba(251, 205, 202, .75);
        box-shadow: 0 0 11px 0 rgba(251, 205, 202, .75);
        border-radius: 8px;
        width: 100%;
    }

        .validation-summary-errors ul li {
            position: relative;
            display: flex;
            align-items: center;
            flex-direction: row;
            padding-left: 25px;
            line-height: 125%;
            font-size: 15px;
        }

            .validation-summary-errors ul li:nth-child(2),
            .validation-summary-errors ul li:nth-child(3) {
                margin-top: 8px;
            }

            .validation-summary-errors ul li:before {
                content: "";
                position: absolute;
                top: 50%;
                -webkit-transform: translateY(-50%);
                transform: translateY(-50%);
                margin-top: -.5px;
                left: 0;
                width: 20px;
                height: 20px;
                background-image: url('../images/icons-alert/icon-danger.svg?v=Eap8IRGl0SakZM5fVR43mtgns_U');
                background-size: cover;
                background-position: center;
                background-repeat: no-repeat;
            }

/* ------------------------------------------------------------- *
 * Switch
/* ------------------------------------------------------------- */
.switch-holder {
    width: 100%;
    padding: 15px;
    border: 1px dashed var(--grey-shade-1);
    text-align: center;
    background: var(--bg-color-1);
    border-radius: 5px;
}

    .switch-holder p {
        font-size: 16px;
        font-weight: 500;
        color: var(--color-dark-1);
        margin-bottom: 15px;
    }

.switch-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

    .switch-item label {
        font-size: 16px;
        line-height: 1;
        display: inline-block;
        vertical-align: top;
        cursor: pointer;
        margin: 0 10px;
    }

.switch-abroad {
    margin-top: 25px;
}

@supports (-webkit-appearance: none) or (-moz-appearance: none) {
    input[type=checkbox] {
        --active: #bfe0cd;
        --active-inner: #6DB48B;
        --focus: 1px rgba(39, 94, 254, .3);
        --no-active-inner: #FFF;
        --background: #fff;
        --disabled: #F6F8FF;
        --disabled-inner: #E1E6F9;
        -webkit-appearance: none;
        -moz-appearance: none;
        height: 12px;
        outline: none;
        display: inline-block;
        vertical-align: top;
        position: relative;
        margin: 0;
        cursor: pointer;
        border: 0;
        background: var(--b, var(--background));
        -webkit-transition: background 0.3s, border-color 0.3s, box-shadow 0.2s;
        -webkit-transition: background 0.3s, border-color 0.3s, -webkit-box-shadow 0.2s;
        transition: background 0.3s, border-color 0.3s, -webkit-box-shadow 0.2s;
        -o-transition: background 0.3s, border-color 0.3s, box-shadow 0.2s;
        transition: background 0.3s, border-color 0.3s, box-shadow 0.2s;
        transition: background 0.3s, border-color 0.3s, box-shadow 0.2s, -webkit-box-shadow 0.2s;
    }

        input[type=checkbox]:after {
            content: "";
            display: block;
            left: 0;
            top: 0;
            position: absolute;
            -webkit-transition: transform var(--d-t, 0.3s) var(--d-t-e, ease), opacity var(--d-o, 0.2s);
            -webkit-transition: opacity var(--d-o, 0.2s), -webkit-transform var(--d-t, 0.3s) var(--d-t-e, ease);
            transition: opacity var(--d-o, 0.2s), -webkit-transform var(--d-t, 0.3s) var(--d-t-e, ease);
            -o-transition: transform var(--d-t, 0.3s) var(--d-t-e, ease), opacity var(--d-o, 0.2s);
            transition: transform var(--d-t, 0.3s) var(--d-t-e, ease), opacity var(--d-o, 0.2s);
            transition: transform var(--d-t, 0.3s) var(--d-t-e, ease), opacity var(--d-o, 0.2s), -webkit-transform var(--d-t, 0.3s) var(--d-t-e, ease);
        }

        input[type=checkbox]:checked {
            --b: var(--active);
            --bc: var(--active);
            --d-o: .3s;
            --d-t: .6s;
            --d-t-e: cubic-bezier(.2, .85, .32, 1.2);
        }

        input[type=checkbox]:disabled {
            --b: var(--disabled);
            cursor: not-allowed;
            opacity: 0.9;
        }

            input[type=checkbox]:disabled:checked {
                --b: var(--disabled-inner);
                --bc: var(--border);
            }

            input[type=checkbox]:disabled + label {
                cursor: not-allowed;
            }

        input[type=checkbox]:hover:not(:checked):not(:disabled) {
            --b: var(--disabled);
        }

        input[type=checkbox]:not(.switch) {
            width: 21px;
        }

            input[type=checkbox]:not(.switch):after {
                opacity: var(--o, 0);
            }

            input[type=checkbox]:not(.switch):checked {
                --o: 1;
            }

        input[type=checkbox].switch {
            width: 40px;
            border-radius: 11px;
            background: var(--grey-shade-1)
        }

            input[type=checkbox].switch:after {
                left: -5px;
                top: -5px;
                border-radius: 50%;
                width: 21px;
                height: 21px;
                background: var(--ab, var(--no-active-inner));
                -webkit-transform: translateX(var(--x, 0));
                -ms-transform: translateX(var(--x, 0));
                transform: translateX(var(--x, 0));
                -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, .16);
                box-shadow: 0 2px 8px rgba(0, 0, 0, .16);
            }

            input[type=checkbox].switch:checked {
                --ab: var(--active-inner);
                --x: 25px;
                background: var(--active)
            }

            input[type=checkbox].switch:disabled:not(:checked):after {
                opacity: 0.6;
            }
}
/* ------------------------------------------------------------- *
 * Tooltip
/* ------------------------------------------------------------- */
.tooltip {
    position: relative;
    cursor: pointer;
}

    .tooltip .icon {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }

    .tooltip:before,
    .tooltip:after {
        position: absolute;
        content: "";
        opacity: 0;
        -webkit-transition: all 0.4s ease;
        -o-transition: all 0.4s ease;
        transition: all 0.4s ease;
        visibility: hidden;
        z-index: 10;
    }

    .tooltip:before {
        border-width: 10px 8px 0 8px;
        border-style: solid;
        border-color: var(--main-green) transparent transparent transparent;
        top: -100%;
        -webkit-transform: translateY(20px);
        -ms-transform: translateY(20px);
        transform: translateY(20px);
    }

    .tooltip:after {
        content: attr(data-tooltip);
        background: var(--main-green);
        color: var(--color-white);
        width: auto;
        max-width: 320px;
        height: auto;
        font-size: 13px;
        font-weight: 400;
        white-space: nowrap;
        top: calc(-100% - 33px);
        right: -10px;
        padding: 10px 12px;
        border-radius: 5px;
        line-height: 1.2;
        -webkit-transform: translateY(20px);
        -ms-transform: translateY(20px);
        transform: translateY(20px);
    }

    .tooltip:hover::before,
    .tooltip:hover::after {
        opacity: 1;
        visibility: visible;
        -webkit-transform: translateY(2px);
        -ms-transform: translateY(2px);
        transform: translateY(2px);
    }

    .tooltip:hover .icon {
        background: var(--main-green);
    }

.hint-box {
    position: relative;
}

    .hint-box .icon {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        cursor: pointer;
    }

    .hint-box .hint-text {
        visibility: hidden;
        position: absolute;
        z-index: 1;
        width: max-content;
        padding: 10px 12px;
        bottom: calc(150% + 5px);
        right: -10px;
        max-width: 260px;
        font-size: 13px;
        font-weight: 400;
        background: var(--alert-info-bg);
        border: 1px solid var(--alert-info-border);
        border-radius: 5px;
        color: var(--color-dark-2);
        -webkit-box-shadow: 0 0 11px 0 rgba(201, 240, 247, .75);
        box-shadow: 0 0 11px 0 rgba(201, 240, 247, .75);
    }

        .hint-box .hint-text::after {
            content: "";
            position: absolute;
            top: 100%;
            right: 8.5px;
            border-width: 10px 8px 0 8px;
            border-style: solid;
            border-color: var(--alert-info-border) transparent transparent transparent;
        }

    .hint-box:hover .hint-text {
        visibility: visible;
    }

.cabinet .hint-box .hint-text {
    right: unset;
    left: 50%;
    transform: translateX(-50%);
    max-width: 220px;
    text-align: center;
}

    .cabinet .hint-box .hint-text:after {
        right: unset;
        left: 50%;
        transform: translateX(-50%);
    }

@-webkit-keyframes shake {
    0% {
        -webkit-transform: rotate(2deg);
        transform: rotate(2deg);
    }

    50% {
        -webkit-transform: rotate(-2deg);
        transform: rotate(-2deg);
    }

    70% {
        -webkit-transform: rotate(2deg);
        transform: rotate(2deg);
    }

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

@keyframes shake {
    0% {
        -webkit-transform: rotate(2deg);
        transform: rotate(2deg);
    }

    50% {
        -webkit-transform: rotate(-2deg);
        transform: rotate(-2deg);
    }

    70% {
        -webkit-transform: rotate(2deg);
        transform: rotate(2deg);
    }

    100% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
}
/*.tooltip-anim:hover {
  	animation: shake 500ms ease-in-out forwards;
}*/
@media (max-width: 767px) {
    .tooltip:after {
        right: -5px;
    }

    .cabinet .hint-box .hint-text {
        font-size: 12px;
        right: -7px;
        left: unset;
        transform: unset;
    }

        .cabinet .hint-box .hint-text:after {
            right: 4.5px;
            left: unset;
            transform: unset;
        }
}
/* ------------------------------------------------------------- *
 * Select
/* ------------------------------------------------------------- */

.select {
    position: relative;
}

.select-dropdown {
    position: relative;
    font-family: inherit;
    font-size: 16px;
    font-weight: 400;
    cursor: pointer;
    outline: none;
    padding: 11px 30px 11px 15px;
    border: 1px solid var(--grey-shade-1);
    border-radius: 5px;
    width: 100%;
    height: 47px;
    outline: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    color: var(--color-dark-2);
    background-clip: padding-box;
    background-color: var(--color-white);
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

    .select-dropdown:after {
        content: "";
        position: absolute;
        right: 12px;
        top: 50%;
        -webkit-transform: translate(-50%,-75%) rotate(45deg);
        -ms-transform: translate(-50%,-75%) rotate(45deg);
        transform: translate(-50%,-75%) rotate(45deg);
        width: 7px;
        height: 7px;
        border: 1px solid var(--color-dark-2);
        border-top: none;
        border-left: none;
        -webkit-transition: .2s ease;
        -o-transition: .2s ease;
        transition: .2s ease;
    }

.select.opened .select-dropdown:after {
    -webkit-transform: translate(-50%,-50%) rotate(-135deg);
    -ms-transform: translate(-50%,-50%) rotate(-135deg);
    transform: translate(-50%,-50%) rotate(-135deg);
}

.select.opened .selected {
    display: none !important;
}

.select-menu {
    position: absolute;
    display: none;
    top: 100%;
    left: 0;
    width: 100%;
    z-index: 10;
    border-radius: 0.25rem;
    background-color: var(--color-white);
    -webkit-box-shadow: var(--shadow-large);
    box-shadow: var(--shadow-large);
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.select-menu-inner {
    max-height: 250px;
    overflow-y: auto;
    overflow-x: hidden;
}

    .select-menu-inner::-webkit-scrollbar {
        width: 3px;
        height: auto;
    }

    .select-menu-inner::-webkit-scrollbar-thumb {
        border-radius: 5px;
        background-color: var(--grey-shade-1);
    }

    .select-menu-inner::-webkit-scrollbar-track {
        background-color: var(--color-white);
    }

.select-menu-item {
    font-family: inherit;
    font-size: 16px;
    font-weight: normal;
    line-height: inherit;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    padding: 10px 15px;
    background-color: var(--color-white);
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    /*	white-space: nowrap;*/
    overflow: hidden;
    /*    text-overflow: ellipsis;*/
}

    .select-menu-item:hover {
        color: var(--color-dark-2);
        background-color: var(--color-mint-2);
    }

    .select-menu-item.is-select, .select-menu-item.is-select:hover {
        color: var(--color-white) !important;
        background-color: var(--main-green) !important;
    }

.select-menu-search {
    display: block;
    font-family: inherit;
    font-size: 16px;
    font-weight: 400;
    line-height: 1;
    width: 100%;
    height: auto;
    padding: 12px 15px;
    border: none;
    outline: none;
    color: var(--color-dark-2);
    background-clip: padding-box;
    background-color: var(--grey-shade-6);
    border-bottom: 1px solid var(--grey-shade-1);
}

/* Select Error */
.select-error .select-dropdown {
    border-color: var(--state-error);
}

.input-validation-error + .select .select-dropdown {
    border-color: var(--state-error);
}

/* Select Card Styles */
.select-bank-card.opened .selected {
    display: block !important;
}

.select-bank-card .select-dropdown {
    font-size: 14px;
    padding: 12px 30px 12px 35px;
}

    .select-bank-card .select-dropdown:before {
        content: '';
        position: absolute;
        top: 50%;
        left: 12px;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        width: 17px;
        height: 17px;
        background-image: url('../images/icons/icon-card.svg?v=hPhjM0y7fdFolaniYu2JK4Mp-LQ');
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center;
    }

.select-bank-card .select-menu-item {
    font-size: 14px;
}

.select-bank-card .add-card-item {
    display: flex;
    align-items: center;
    border-top: 1px solid var(--grey-shade-3);
}

    .select-bank-card .add-card-item .circle {
        background: var(--main-green);
        border-radius: 99px;
        display: block;
        height: 14px;
        margin-right: 5px;
        margin-top: -1px;
        min-width: 14px;
        position: relative;
        transition: .4s;
        width: 14px;
    }

        .select-bank-card .add-card-item .circle:before {
            content: "";
            background: #fff;
            height: 1px;
            left: 50%;
            position: absolute;
            top: 50%;
            transform: translate(-50%, -50%);
            width: 8px;
        }

        .select-bank-card .add-card-item .circle:after {
            content: "";
            background: #fff;
            height: 8px;
            left: 50%;
            position: absolute;
            top: 50%;
            transform: translate(-50%, -50%);
            width: 1px;
        }

/* select2 lib */
.select2-container--default .select2-selection--single {
    position: relative !important;
    font-family: inherit !important;
    font-size: 16px !important;
    font-weight: 400 !important;
    cursor: pointer !important;
    outline: none !important;
    padding: 11px 30px 11px 15px !important;
    border: 1px solid var(--grey-shade-1) !important;
    border-radius: 5px !important;
    width: 100% !important;
    height: 47px !important;
    outline: none !important;
    -webkit-user-select: none !important;
    -moz-user-select: none !important;
    -ms-user-select: none !important;
    user-select: none !important;
    color: var(--color-dark-2) !important;
    background-clip: padding-box !important;
    background-color: var(--color-white) !important;
    -webkit-transition: all 0.3s ease-in-out !important;
    -o-transition: all 0.3s ease-in-out !important;
    transition: all 0.3s ease-in-out !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}

    .select2-container--default .select2-selection--single .select2-selection__rendered {
        padding: 0 !important;
    }

    .select2-container--default .select2-selection--single .select2-selection__arrow {
        position: absolute !important;
        top: 50% !important;
        transform: translateY(-50%) !important;
        right: 12px !important;
        width: 7px !important;
        height: 7px !important;
    }

        .select2-container--default .select2-selection--single .select2-selection__arrow b {
            transform: rotate(45deg) !important;
            width: 7px !important;
            height: 7px !important;
            border: 1px solid var(--color-dark-2) !important;
            border-top: none !important;
            border-left: none !important;
            -webkit-transition: .2s ease !important;
            top: unset !important;
            left: unset !important;
            margin: 0 !important;
        }

.select2-search--dropdown {
    padding: 0 !important;
}

.select2-container--open .select2-dropdown--below {
    border: 0 !important;
    border-radius: 0.25rem !important;
    background-color: var(--color-white) !important;
    -webkit-box-shadow: var(--shadow-large) !important;
    box-shadow: var(--shadow-large) !important;
}

.select2-container--default .select2-search--dropdown .select2-search__field {
    display: block !important;
    font-family: inherit !important;
    font-size: 16px !important;
    font-weight: 400 !important;
    line-height: 1 !important;
    width: 100% !important;
    height: auto !important;
    padding: 12px 15px !important;
    border: none !important;
    outline: none !important;
    color: var(--color-dark-2) !important;
    background-clip: padding-box !important;
    background-color: var(--grey-shade-6) !important;
    border-bottom: 1px solid var(--grey-shade-1) !important;
}

.select2-results__option[aria-selected] {
    font-family: inherit !important;
    font-size: 16px !important;
    font-weight: normal !important;
    line-height: inherit !important;
    cursor: pointer !important;
    -webkit-user-select: none !important;
    -moz-user-select: none !important;
    -ms-user-select: none !important;
    user-select: none !important;
    padding: 10px 15px !important;
    background-color: var(--color-white) !important;
    -webkit-transition: all 0.2s ease-in-out !important;
    -o-transition: all 0.2s ease-in-out !important;
    transition: all 0.2s ease-in-out !important;
}

.select2-container--default .select2-results > .select2-results__options {
    max-height: 250px !important;
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
    color: var(--color-white) !important;
    background-color: var(--main-green) !important;
}

.select2-results__option:hover {
    color: var(--color-dark-2) !important;
    background-color: var(--grey-shade-3) !important;
}

.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
    -moz-transform: rotate(-135deg) !important;
    -webkit-transform: rotate(-135deg) !important;
    transform: rotate(-135deg) !important;
}

.select2-container--default .select2-results > .select2-results__options::-webkit-scrollbar {
    width: 3px !important;
    height: auto !important;
}

.select2-container--default .select2-results > .select2-results__options::-webkit-scrollbar-thumb {
    border-radius: 5px !important;
    background-color: var(--grey-shade-1) !important;
}

.select2-container--default .select2-results > .select2-results__options::-webkit-scrollbar-track {
    background-color: var(--color-white) !important;
}

.select2-results__option:empty {
    display: none !important;
}

.select-activity ~ .select.select-simple .select-menu-item:first-child {
    background: var(--color-mint-1);
}

/* ------------------------------------------------------------- *
 * Inputs OTP
/* ------------------------------------------------------------- */
input.sms-code {
    border: 1px solid var(--grey-shade-1);
    border-radius: 5px;
    width: 60px;
    height: 60px;
    font-size: 22px;
    margin: 0 5px;
    padding: 15px;
    border-radius: 15px;
    line-height: 1;
    text-align: center;
    text-transform: uppercase;
    -webkit-transition: all .2s;
    -o-transition: all .2s;
    transition: all .2s;
}

    input.sms-code:focus,
    input.sms-code:valid,
    input.sms-code:invalid {
        outline: none;
    }

    input.sms-code:focus {
        border-color: var(--main-green);
        background: var(--color-white) !important;
        -webkit-box-shadow: 0 0 12px 0 rgba(109, 180, 139, .28);
        box-shadow: 0 0 12px 0 rgba(109, 180, 139, .28);
    }

    input.sms-code:valid {
        color: var(--color-dark-1);
    }

    input.sms-code.input-error,
    input.sms-code.input-error:focus {
        border-color: var(--state-error) !important;
    }

.input-holder:hover > input:hover {
    background: var(--bg-color-1);
}

.input-holder:hover > input + .input-label {
    color: var(--color-dark-2);
}

.input-holder > input:focus + .input-label,
.input-holder > input:valid + .input-label {
    top: 7px;
    left: 12px;
    font-size: 11px;
}

.input-holder > input:filled + .input-label {
    top: 7px;
    left: 12px;
    font-size: 11px;
}

@media (max-width: 767px) {
    input.sms-code {
        width: 50px;
        height: 50px;
        padding: 12px;
        font-size: 18px;
    }
}
/* ------------------------------------------------------------- *
 * CheckBox
/* ------------------------------------------------------------- */
.checkbox-group {
    display: inline-block;
    vertical-align: top;
    text-align: left;
}

.checkbox {
    display: block;
    position: relative;
    padding-left: 30px;
    margin-bottom: 15px;
    cursor: pointer;
    font-size: 12px;
    line-height: 1.2;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

    .checkbox input {
        position: absolute;
        z-index: -1;
        opacity: 0;
    }

    .checkbox a {
        color: var(--main-green);
        text-decoration: underline;
    }

.checkbox-indicator {
    position: absolute;
    top: 2px;
    left: 0;
    height: 18px;
    width: 18px;
    border: 1px solid var(--grey-shade-1);
    border-radius: 4px;
}

.checkbox:hover input ~ .checkbox-indicator,
.checkbox input:focus ~ .checkbox-indicator {
    background: transparent;
}

.checkbox input:checked ~ .checkbox-indicator {
    background: var(--main-green);
    border-color: var(--main-green);
}

.checkbox:hover input:not([disabled]):checked ~ .checkbox-indicator,
.checkbox input:checked:focus ~ .checkbox-indicator {
    background: var(--main-green);
}

.checkbox input:disabled ~ .checkbox-indicator {
    background: var(--grey-shade-3);
    border-color: var(--grey-shade-1);
    opacity: 1;
    pointer-events: none;
}

.checkbox-indicator:after {
    content: '';
    position: absolute;
    display: none;
}

.checkbox input:checked ~ .checkbox-indicator:after {
    display: block;
}

.checkbox-control .checkbox-indicator:after {
    left: 6px;
    top: 1.9px;
    width: 5px;
    height: 11px;
    border: solid #fff;
    border-width: 0 2px 2px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.checkbox-control input:disabled ~ .checkbox-indicator:after {
    border-color: #7b7b7b;
}

/* ------------------------------------------------------------- *
 * Alerts
/* ------------------------------------------------------------- */
.alert {
    position: relative;
    padding: 15px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    border: 1px solid var(--grey-shade-1);
    background-color: var(--grey-shade-2);
    border-radius: 14px;
    width: 100%;
}

    .alert .alert-text {
        font-size: 14px;
        font-weight: 400;
        line-height: 1.3;
        margin-bottom: 4px;
        text-align: center;
        color: var(--color-dark-1);
    }

        .alert .alert-text:last-child {
            margin-bottom: 0 !important;
        }

        .alert .alert-text strong {
            font-weight: 500;
        }

    .alert.hide {
        display: none;
    }

    .alert img {
        width: 20px;
        height: 20px;
    }

.alert-success {
    background-color: var(--alert-success-bg);
    border-color: var(--alert-success-border);
    -webkit-box-shadow: 0 0 11px 0 rgba(182, 243, 208, .65);
    box-shadow: 0 0 11px 0 rgba(182, 243, 208, .65);
}

.alert-warning {
    background-color: var(--alert-warning-bg);
    border-color: var(--alert-warning-border);
    -webkit-box-shadow: 0 0 11px 0 rgba(244, 215, 175, .45);
    box-shadow: 0 0 11px 0 rgba(244, 215, 175, .45);
}

.alert-danger {
    background-color: var(--alert-danger-bg);
    border-color: var(--alert-danger-border);
    -webkit-box-shadow: 0 0 11px 0 rgba(251, 205, 202, .75);
    box-shadow: 0 0 11px 0 rgba(251, 205, 202, .75);
}

.alert-info {
    background-color: var(--alert-info-bg);
    border-color: var(--alert-info-border);
    -webkit-box-shadow: 0 0 11px 0 rgba(201, 240, 247, .75);
    box-shadow: 0 0 11px 0 rgba(201, 240, 247, .75);
}

    .alert-info .list-style-1 {
        margin-top: 10px;
        margin-bottom: 0;
    }

        .alert-info .list-style-1 li {
            padding-left: 14px;
            margin-bottom: 4px;
        }

            .alert-info .list-style-1 li:before {
                background-color: var(--text-info);
            }

.alert-promo {
    background-color: var(--alert-promo-bg);
    border-color: var(--alert-promo-border);
    -webkit-box-shadow: 0 0 11px 0 rgba(218, 214, 253, .65);
    box-shadow: 0 0 11px 0 rgba(218, 214, 253, .65);
    margin-top: 15px;
}

    .alert-promo .alert-text {
        padding-left: 7px;
    }
/* Alert Dismiss */
.alert-dismiss {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    padding-right: 45px;
}

    .alert-dismiss .alert-text {
        text-align: left;
        width: calc(100% - 20px);
        padding-left: 7px;
    }

    .alert-dismiss .btn-hide-alert {
        position: absolute;
        top: 15px;
        right: 15px;
        width: 15px;
        height: 15px;
        padding: 0;
        opacity: .75;
    }

        .alert-dismiss .btn-hide-alert:hover {
            opacity: 1;
        }

        .alert-dismiss .btn-hide-alfert,
        .alert-dismiss .btn-hide-alert .icon-close {
            width: 15px;
            height: 15px;
        }
/* Alert on Top */
.alert-on-top {
    width: 610px;
    position: fixed;
    top: 30px;
    left: 50%;
    z-index: 999;
    -webkit-transition: transform 0.2s ease-in-out;
    -webkit-transition: -webkit-transform 0.2s ease-in-out;
    transition: -webkit-transform 0.2s ease-in-out;
    -o-transition: transform 0.2s ease-in-out;
    transition: transform 0.2s ease-in-out;
    transition: transform 0.2s ease-in-out, -webkit-transform 0.2s ease-in-out;
    -webkit-transform: translate(-50%, -200%);
    -ms-transform: translate(-50%, -200%);
    transform: translate(-50%, -200%);
}

    .alert-on-top.show {
        -webkit-transform: translate(-50%, 0) scale(1);
        -ms-transform: translate(-50%, 0) scale(1);
        transform: translate(-50%, 0) scale(1);
    }
/* Alert Align Center */
.alert-dismiss.align-center .btn-hide-alert {
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

@media (max-width: 767px) {
    .alert {
        padding: 12px;
        border-radius: 8px;
    }

        .alert .alert-text {
            font-size: 12px;
            padding-left: 5px;
        }

    .alert-dismiss {
        padding-right: 28px;
    }

        .alert-dismiss img {
            width: 17px;
            height: 17px;
        }

        .alert-dismiss .btn-hide-alert {
            top: 12px;
            right: 12px;
        }

    .alert-on-top {
        max-width: calc(100% - 30px);
    }
}

@media (max-width: 370px) {
    .alert {
        padding: 10px 27px 10px 10px;
    }

        .alert .alert-text {
            font-size: 11px;
        }

    .alert-dismiss .btn-hide-alert {
        top: 10px;
        right: 8px;
    }

        .alert-dismiss .btn-hide-alert, .alert-dismiss .btn-hide-alert .icon-close {
            width: 12px;
            height: 12px;
        }
}

/* ------------------------------------------------------------- *
 * Steps Progress
/* ------------------------------------------------------------- */
.steps-progress {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0 auto;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    width: 271px;
    /*	width: 189px;*/
}

    .steps-progress .step {
        text-align: center;
        width: 100%;
        position: relative;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }

        .steps-progress .step .bullet {
            height: 25px;
            width: 25px;
            border: none;
            display: inline-block;
            border-radius: 50%;
            position: relative;
            -webkit-transition: 0.2s;
            -o-transition: 0.2s;
            transition: 0.2s;
            font-weight: 500;
            font-size: 17px;
            line-height: 25px;
            background: var(--grey-shade-6);
            color: var(--grey-shade-4);
        }

        .steps-progress .step.active .bullet {
            background: var(--main-green);
            color: var(--color-white);
        }

        .steps-progress .step .bullet span {
            position: absolute;
            top: 50%;
            left: 50%;
            -webkit-transform: translate(-50%, -50%);
            -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
            font-size: 11px;
            line-height: 1;
            margin-top: .5px;
        }

        .steps-progress .step.active .bullet span {
            color: var(--color-white);
        }

        .steps-progress .step .line {
            position: relative;
            width: 47px;
            height: 3px;
            border-radius: 5px;
            background: var(--grey-shade-6);
            margin: 0 5px;
        }

        .steps-progress .step.active .line:after {
            position: absolute;
            content: '';
            height: 3px;
            border-radius: 5px;
            background: var(--main-green);
            left: 0;
            /*-webkit-transform: scaleX(0);
	    -ms-transform: scaleX(0);
	        transform: scaleX(0);
	-webkit-transform-origin: left;
	    -ms-transform-origin: left;
	        transform-origin: left;
	-webkit-animation: animate 0.3s linear forwards;
	        animation: animate 0.3s linear forwards;*/
        }

        .steps-progress .step.active.p-25 .line:after {
            width: 25%;
        }

        .steps-progress .step.active.p-50 .line:after {
            width: 50%;
        }

        .steps-progress .step.active.p-75 .line:after {
            width: 75%;
        }

        .steps-progress .step.active.p-100 .line:after {
            width: 100%;
        }

@-webkit-keyframes animate {
    100% {
        -webkit-transform: scaleX(1);
        transform: scaleX(1);
    }
}

@keyframes animate {
    100% {
        -webkit-transform: scaleX(1);
        transform: scaleX(1);
    }
}
/*@media (max-width: 350px) {
	.steps-progress {
		width: 280px;
	}
}*/

/* ------------------------------------------------------------- *
 * Registration
/* ------------------------------------------------------------- */
.reg-form .form-title {
    margin-top: 25px;
    margin-bottom: 20px;
}

.reg-form .button-holder,
.reg-form .buttons-group {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 30px;
}

    .reg-form .button-holder .btn,
    .reg-form .buttons-group .btn {
        width: 100%;
    }

.registration {
    background-color: var(--bg-color-1);
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding-top: 30px;
    padding-bottom: 100px;
}

    .registration .container {
        position: relative;
        max-width: 640px;
        z-index: 5;
    }

    .registration .reg-container {
        padding: 30px;
        background: var(--color-white);
        border-radius: 20px;
        -webkit-box-shadow: 0 0 11px 0 rgba(6,31,101,0.1);
        box-shadow: 0 0 11px 0 rgba(6,31,101,0.1);
    }

    .registration .reg-inner-content {
        max-width: 400px;
        margin: 0 auto;
    }

    .registration .reg-title {
        font-size: 22px;
        font-weight: 600;
        line-height: 1.2;
        margin-bottom: 15px;
        text-align: center;
    }

    .registration .reg-subtitle {
        font-size: 14px;
        font-weight: 400;
        line-height: 1.4;
        text-align: center;
        margin-bottom: 12px;
    }

    .registration .reg-subtitle-md {
        font-size: 16px;
    }

    .registration .reg-subtitle strong {
        font-weight: 500;
    }

.registration-phone .button-holder {
    margin-top: 12px;
}

.registration .reg-divider {
    display: block;
    width: 100%;
    height: 1px;
    background: rgb(172,172,177);
    background: -o-radial-gradient(circle, rgb(230 226 226) 0%, rgb(230 226 226 / 0%) 100%);
    background: radial-gradient(circle, rgb(230 226 226) 0%, rgb(230 226 226 / 0%) 100%);
    margin-top: 20px;
    margin-bottom: 20px;
}

.registration ul.reg-banks-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-bottom: 30px;
}

    .registration ul.reg-banks-list li {
        padding: 5px;
        -webkit-box-shadow: 0 0 4px rgba(6,31,101,.07);
        box-shadow: 0 0 4px rgba(6,31,101,.07);
        border-radius: 5px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        margin: 0 3px;
    }

        .registration ul.reg-banks-list li img {
            width: auto;
            height: 16px;
        }

.registration .alert {
    margin-bottom: 30px;
}

@media (max-width: 767px) {
    .registration {
        padding-top: 15px;
    }
        /*.registration .container {
		max-width: 100%;
	}*/
        .registration .reg-container {
            padding: 25px 15px;
        }

        .registration .reg-title {
            font-size: 20px;
        }

        .registration .reg-subtitle {
            max-width: 350px;
            font-size: 13px;
            margin: 0 auto 5px;
        }

        .registration .reg-subtitle-md {
            font-size: 14px;
        }

        .registration ul.reg-banks-list {
            -ms-flex-wrap: wrap;
            flex-wrap: wrap;
            max-width: 280px;
            margin: 0 auto 30px;
        }

            .registration ul.reg-banks-list li {
                padding: 3px 4px;
                margin-bottom: 3px;
            }

                .registration ul.reg-banks-list li img {
                    height: 15px;
                }

        .registration .alert {
            margin-bottom: 15px;
        }
}

@media (max-width: 640px) {
    .registration .reg-container {
        margin: 0 -15px;
        border-radius: 0;
    }
}

@media (max-width: 375px) {
    .registration .reg-title {
        font-size: 18px;
    }

    .registration .reg-subtitle,
    .registration .reg-subtitle-md {
        font-size: 14px;
        margin-bottom: 5px;
    }
}
/* ------------------------------------------------------------- *
 * Regisration / Credit Params 
/* ------------------------------------------------------------- */
.reg-credit-params {
    width: 100%;
    max-width: 640px;
    padding: 0 15px;
}

.reg-credit-params-inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.reg-credit-params.is-mobile {
    display: none;
    margin: 0 auto;
}

.reg-credit-params-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
}

    .reg-credit-params-list li {
        margin-right: 15px;
        padding: 6px 8px;
        background-color: var(--bg-color-1);
        border: 1px solid var(--grey-shade-3);
        border-radius: 8px;
        height: 40px;
    }

        .reg-credit-params-list li:last-child {
            margin-right: 0;
        }

    .reg-credit-params-list span {
        font-size: 13px;
        font-weight: 300;
        color: var(--color-dark-1);
    }

    .reg-credit-params-list .user-credit-value {
        font-weight: 500;
    }

.reg-change-params {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 6px 18px;
    font-size: 13px;
    color: var(--main-green);
    background-color: var(--color-white);
    border: 1px solid var(--main-green);
    border-radius: 8px;
    height: 40px;
}

    .reg-change-params:hover {
        text-decoration: underline;
    }

    .reg-change-params img {
        width: 14px;
        height: 14px;
        margin-right: 5px;
    }

    .reg-change-params span {
        line-height: 1;
    }

@media (max-width: 992px) {
    .reg-credit-params.is-desktop {
        display: none;
    }

    .reg-credit-params.is-mobile {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        padding: 15px;
        margin-bottom: 30px;
        background-color: var(--color-white);
        border-radius: 20px;
        -webkit-box-shadow: 0 0 11px 0 rgba(6,31,101,0.1);
        box-shadow: 0 0 11px 0 rgba(6,31,101,0.1);
    }

    .reg-credit-params {
        max-width: 100%;
        display: flex;
        justify-content: center;
        order: 3;
        margin: 0 auto;
        background-color: var(--bg-color-1);
        margin-top: 15px;
        padding: 30px 0 0 0;
        margin-left: -15px;
        margin-right: -15px;
        max-width: calc(100% + 30px);
        width: calc(100% + 30px);
        -webkit-box-shadow: inset 0 8px 12px rgba(47, 86, 55, .10);
        box-shadow: inset 0 8px 12px rgba(47, 86, 55, .10);
    }

    .reg-credit-params-inner:parent {
        background: #000;
    }

    .reg-credit-params-inner {
        padding: 15px;
        background-color: var(--color-white);
        border-radius: 20px;
        -webkit-box-shadow: 0 0 11px 0 rgba(6, 31, 101, 0.1);
        box-shadow: 0 0 11px 0 rgba(6, 31, 101, 0.1);
    }
}

@media (min-width: 640px) and (max-width: 992px) {
    .reg-credit-params-inner {
        width: 610px;
    }

    .reg-credit-params.is-mobile {
        max-width: calc(640px - 30px);
    }
}

@media (max-width: 767px) {
    .reg-credit-params {
        margin-top: 12px;
        padding-top: 13px;
    }

    .reg-credit-params-inner {
        padding: 10px 15px;
        -webkit-box-shadow: 0 1px 11px 0 rgba(6, 31, 101, 0.14);
        box-shadow: 0 1px 11px 0 rgba(6, 31, 101, 0.14);
    }

    .reg-credit-params.is-mobile {
        padding: 10px 15px;
        margin-bottom: 15px;
    }

    .reg-credit-params .reg-credit-params-list {
        width: calc(100% - 40px);
    }

        .reg-credit-params .reg-credit-params-list li {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
            -ms-flex-direction: column;
            flex-direction: column;
            height: auto;
            margin-right: 5px;
            width: calc(33.3% - 5px);
        }

        .reg-credit-params .reg-credit-params-list li {
            line-height: 1;
            font-size: 12px;
        }

            .reg-credit-params .reg-credit-params-list li:nth-child(1),
            .reg-credit-params .reg-credit-params-list li:nth-child(3) {
                width: calc(36% - 5px);
            }

            .reg-credit-params .reg-credit-params-list li:nth-child(2) {
                width: calc(28% - 5px);
            }

            .reg-credit-params .reg-credit-params-list li span:first-child {
                margin-bottom: 2px;
            }

    .reg-credit-params .reg-change-params {
        width: 40px;
        padding: 0;
    }

        .reg-credit-params .reg-change-params img {
            margin-right: 0;
        }

        .reg-credit-params .reg-change-params span {
            display: none;
        }
}

@media (max-width: 640px) {
    .reg-credit-params-inner {
        border-radius: 0;
    }

    .reg-credit-params-inner {
        width: 100%;
    }
}

@media (max-width: 370px) {
    .reg-credit-params .reg-credit-params-list li span {
        font-size: 10px;
    }

    .reg-credit-params .reg-change-params {
        width: 36px;
        height: 36px;
    }
}
/* ------------------------------------------------------------- *
 * Registration / Phone Confirm
/* ------------------------------------------------------------- */
.phone-confirm .reg-subtitle {
    margin-bottom: 0;
}

.phone-confirm .phone-change {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

    .phone-confirm .phone-change .phone-user-value {
        font-size: 16px;
        font-weight: 600;
        color: var(--main-green);
        margin-right: 10px;
    }

    .phone-confirm .phone-change .phone-user-change {
        font-size: 16px;
        font-weight: 400;
        color: var(--main-green);
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        line-height: 1;
        cursor: pointer;
    }

        .phone-confirm .phone-change .phone-user-change:hover {
            text-decoration: underline;
        }

        .phone-confirm .phone-change .phone-user-change img {
            width: 17px;
            height: 17px;
            margin-right: 5px;
        }

/* Phone Call */
.phone-countdown .progress-container {
    width: 260px;
    margin: 30px auto 15px;
}

.progress-bar {
    height: 3px;
    border-radius: 5px;
    background-color: var(--grey-shade-6);
    width: 100%;
    overflow: hidden;
}

    .progress-bar div {
        height: 100%;
        background-color: var(--main-green);
        width: 100%;
        -webkit-transition: width .4s ease;
        -o-transition: width .4s ease;
        transition: width .4s ease;
    }

.phone-countdown .countdown {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 12px;
}

    .phone-countdown .countdown img {
        width: 30px;
        height: 30px;
        margin-right: 10px;
    }

    .phone-countdown .countdown span {
        font-size: 18px;
        font-weight: 500;
    }
/* Phone Resend Block SMS */
.phone-send-sms {
    margin-top: 15px;
}

    .phone-send-sms .phone-send-sms-block {
        text-align: center;
    }

        .phone-send-sms .phone-send-sms-block.hidden {
            display: none;
        }

        .phone-send-sms .phone-send-sms-block p {
            margin-bottom: 15px;
        }

        .phone-send-sms .phone-send-sms-block button {
            margin: 0 auto;
        }

.phone-confirm-agreement {
    margin-top: 25px;
}
/* Phone SMS */
.sms-code-group {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

    .sms-code-group .input-helper {
        margin-top: 10px;
    }

.frm-sms-code {
    margin-top: 20px;
}

    .frm-sms-code .sms-code-title {
        text-align: center;
        margin-bottom: 12px;
    }

    .frm-sms-code .sms-code-buttons {
        margin-top: 12px;
        text-align: center;
    }

        .frm-sms-code .sms-code-buttons .btn-resend-sms {
            color: var(--grey-shade-5);
            font-size: 14px;
        }

            .frm-sms-code .sms-code-buttons .btn-resend-sms.active {
                color: var(--main-green);
                text-decoration: underline;
                font-weight: 600;
            }

        .frm-sms-code .sms-code-buttons .btn-submit-sms,
        .frm-sms-code .sms-code-buttons .btn-telegram {
            width: 100%;
        }

        .frm-sms-code .sms-code-buttons .btn-submit-sms {
            margin-top: 12px;
            font-size: 16px;
        }

        .frm-sms-code .sms-code-buttons .btn-telegram {
            display: none;
            margin-top: 20px;
            padding: 15px 20px 13px 20px;
        }

        .frm-sms-code .sms-code-buttons .btn-telegram {
            color: var(--msngr-telegram);
            border-color: var(--msngr-telegram);
        }

            .frm-sms-code .sms-code-buttons .btn-telegram img {
                width: 20px;
                height: 20px;
                margin-right: 6px;
                margin-top: -2px;
            }

    .frm-sms-code .validation-summary-errors {
        margin: 20px 0 8px 0;
    }

@media (max-width: 767px) {
    .phone-confirm .reg-subtitle {
        font-size: 16px;
    }

    .phone-send-sms .phone-send-sms-block p {
        font-size: 14px;
    }
}
/* ------------------------------------------------------------- *
 * Registration / Modal Change Phone
/* ------------------------------------------------------------- */
.modal-change-phone .modal-body p span {
    display: inline-block;
}

.modal-change-phone .modal-body p br {
    display: none;
}

.modal-change-phone form {
    max-width: 350px;
    margin: 0 auto;
}

    .modal-change-phone form .button-holder {
        margin-top: 12px;
    }
/* ------------------------------------------------------------- *
 * Registration / Selfie
/* ------------------------------------------------------------- */
.reg-selfie .reg-selfie-image {
    width: 130px;
    margin: 20px auto 25px;
    text-align: center;
}

.reg-selfie .btn-selfie {
    width: 100%;
    margin: 0 auto;
}

.reg-selfie .btn-selfie-skip {
    font-size: 14px;
    font-weight: 500;
    color: var(--grey-shade-5);
    text-decoration: underline;
    text-align: center;
    margin-top: 20px;
}

.reg-selfie .reg-selfie-skip .btn-selfie-skip:hover {
    color: var(--main-green);
}

.reg-selfie .photo-content .image-holder {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 130px;
    margin: 0 auto 25px;
}

.reg-selfie .photo-content {
    padding-top: 15px;
}

.reg-selfie .buttons-holder {
    margin-top: 20px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

    .reg-selfie .buttons-holder .btn-photo-verification,
    .reg-selfie .camera-wrap .btn-take-picture,
    .reg-selfie .camera-wrap .btn-solid {
        max-width: 320px;
        width: 100%;
        margin: 0 auto 15px;
    }

.reg-selfie .btn-link-green {
    margin: 5px auto 0;
}

.photo-preloader {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgb(16 16 16 / 3%);
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 1000;
}

.loader-spinner {
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    height: 50px;
    width: 50px;
    margin: -25px 0 0 -25px;
    border: 4px #fff solid;
    border-top: 4px var(--text-info) solid;
    border-left: 4px var(--text-info) solid;
    border-radius: 50%;
    -webkit-animation: spin2 1s infinite linear;
    animation: spin2 1s infinite linear;
}

.photo-preloader .loader-spinner {
    border-top: 4px var(--main-green) solid;
    border-left: 4px var(--main-green) solid;
}

@-webkit-keyframes spin2 {
    from {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    to {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg);
    }
}

@keyframes spin2 {
    from {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    to {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg);
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg);
    }
}

/* ------------------------------------------------------------- *
 * Registration / Camera Access
/* ------------------------------------------------------------- */
.reg-camera-access {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

    .reg-camera-access .reg-camera-image {
        width: 130px;
        margin: 20px auto 5px;
        text-align: center;
    }

    .reg-camera-access .reg-camera-btn {
        text-align: center;
    }

        .reg-camera-access .reg-camera-btn button {
            font-size: 16px;
            font-weight: 500;
            color: var(--main-green);
            text-decoration: underline;
        }

    .reg-camera-access .alert {
        margin-top: 30px;
        margin-bottom: 20px;
        -webkit-box-shadow: none;
        box-shadow: none;
    }

        .reg-camera-access .alert .alert-text {
            font-size: 13px;
        }

.reg-selfie-upload {
    margin-top: 30px;
    margin-bottom: 5px;
}

.camera-access .button-holder {
    margin-top: 0;
}

/* ------------------------------------------------------------- *
 * Upload Files Widget
/* ------------------------------------------------------------- */
.upload-files-widget form {
    width: 100%;
    background: var(--color-mint-2);
    border-radius: 14px;
    border: 1px dashed var(--grey-shade-1);
    -o-border-image: none;
    border-image: none;
    margin-left: auto;
    margin-right: auto;
    cursor: pointer;
    text-align: center;
    -webkit-transition: background-color 0.3s ease;
    -o-transition: background-color 0.3s ease;
    transition: background-color 0.3s ease;
}

.upload-files-widget input[type="file"] {
    display: none;
}

.upload-files-widget:hover form {
}

.upload-files-widget .drop-area {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    text-align: center;
    padding: 30px;
}

    .upload-files-widget .drop-area img {
        width: 45px;
        margin: 0 auto 15px;
    }

    .upload-files-widget .drop-area .drop-upload-title {
        font-weight: 500;
        font-size: 14px;
        line-height: 1;
        color: var(--grey-shade-5);
        margin-bottom: 3px;
    }

    .upload-files-widget .drop-area .drop-upload-info {
        font-size: 12px;
        color: var(--grey-shade-5);
        margin-bottom: 12px;
        max-width: 330px;
        margin: 0 auto 12px;
    }

    .upload-files-widget .drop-area .drop-upload-btn {
        font-size: 15px;
        font-weight: 500;
        background: var(--main-green);
        width: 230px;
        border-radius: 8px;
        margin: 0 auto;
        padding: 12px 25px;
        color: var(--color-white);
        display: block;
        cursor: pointer;
        -webkit-transition: .2s ease;
        -o-transition: .2s ease;
        transition: .2s ease;
    }

        .upload-files-widget .drop-area .drop-upload-btn:hover {
            -webkit-box-shadow: 0 0 10px rgba(134, 215, 168, .65);
            box-shadow: 0 0 10px rgba(134, 215, 168, .65);
        }
/* ------------------------------------------------------------- *
 * Registration / Passport
/* ------------------------------------------------------------- */
.reg-passport .reg-passport-content {
    padding-top: 28px;
}

.reg-passport .radio-group {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    margin-bottom: 20px;
}

.reg-passport .radio-button {
    position: relative;
    width: calc(50% - 5px);
    cursor: pointer;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -ms-touch-action: none;
    touch-action: none;
}

    .reg-passport .radio-button label {
        position: relative;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        padding: 10px 8px;
        border: 1px solid var(--grey-shade-1);
        border-radius: 5px;
    }

        .reg-passport .radio-button label::before {
            content: "";
            display: inline-block;
            width: 15px;
            height: 15px;
            border: 1px solid var(--grey-shade-5);
            border-radius: 50%;
            position: absolute;
            top: 10px;
            right: 8px;
        }

        .reg-passport .radio-button label .radio-text {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
            -ms-flex-direction: column;
            flex-direction: column;
            margin-left: 5px;
        }

        .reg-passport .radio-button label span {
            line-height: 1;
        }

            .reg-passport .radio-button label span:first-child {
                font-size: 15px;
                font-weight: 400;
                margin-bottom: 5px;
            }

            .reg-passport .radio-button label span:last-child {
                font-size: 12px;
                font-weight: 400;
            }

    .reg-passport .radio-button input[type="radio"] {
        opacity: 0;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        padding: 0;
        margin: 0;
        cursor: pointer;
        z-index: 10;
    }

        .reg-passport .radio-button input[type="radio"]:checked {
        }

            .reg-passport .radio-button input[type="radio"]:checked + label {
                background-color: var(--main-green);
            }

                .reg-passport .radio-button input[type="radio"]:checked + label .icon {
                    background-color: var(--color-white);
                }

                .reg-passport .radio-button input[type="radio"]:checked + label span {
                    color: var(--color-white);
                }

                .reg-passport .radio-button input[type="radio"]:checked + label:before {
                    border-color: var(--color-white);
                }

                .reg-passport .radio-button input[type="radio"]:checked + label:after {
                    content: "";
                    display: inline-block;
                    position: absolute;
                    width: 9px;
                    height: 9px;
                    border-radius: 50%;
                    top: 13px;
                    right: 11px;
                    background-color: var(--color-white);
                }

.reg-passport .multiple-inputs .input-group:first-child {
    width: calc(35% - 6px);
}

.reg-passport .multiple-inputs .input-group:last-child {
    width: calc(65% - 6px);
}

.reg-passport #firstname,
.reg-passport #secondname,
.reg-passport #thirdname {
    /*	text-transform: capitalize;*/
}

.reg-passport #old-series {
    text-transform: uppercase;
}

.frm-passport-reg {
    margin-top: 25px;
}
/* ------------------------------------------------------------- *
 * Registration / Address
/* ------------------------------------------------------------- */
.reg-address .reg-entrygroup {
    margin-bottom: 20px;
}

.reg-address .reg-form .button-holder,
.frm-address-reg .field-group {
    margin-top: 25px;
}

.address-ukraine {
    margin-bottom: 25px;
}

    .address-ukraine .multiple-inputs .input-group,
    .address-no-ukraine .multiple-inputs .input-group,
    .address-match .multiple-inputs .input-group {
        margin-bottom: 0;
    }

.address-abroad .multiple-inputs .input-group:first-child {
    width: calc(60% - 6px);
}

.address-abroad .multiple-inputs .input-group:last-child {
    width: calc(40% - 6px);
}
/* ------------------------------------------------------------- *
 * Registration / Employment
/* ------------------------------------------------------------- */
.employment .reg-form {
    margin-top: 25px;
}

/* ------------------------------------------------------------- *
 * Registration / Bank Card Add
/* ------------------------------------------------------------- */
.bank-card-wrap {
    height: 390px;
    position: relative;
}

.bank-attention-text {
    position: relative;
    background: var(--color-white);
    border-radius: 12px;
    padding: 12px 12px 20px 12px;
    overflow: hidden;
    margin-top: 20px;
    margin-bottom: 25px;
    -webkit-box-shadow: 0 0 6px 0 rgba(251, 205, 202, .65);
    box-shadow: 0 0 6px 0 rgba(251, 205, 202, .65);
}

    .bank-attention-text:before {
        content: "";
        position: absolute;
        left: 0;
        bottom: 0;
        width: 100%;
        height: 40px;
        background: -o-linear-gradient(top,rgba(255,255,255,0) 0%,#FFFFFF 65%);
        background: -webkit-gradient(linear,left top, left bottom,from(rgba(255,255,255,0)),color-stop(65%, #FFFFFF));
        background: linear-gradient(180deg,rgba(255,255,255,0) 0%,#FFFFFF 65%);
        z-index: 2;
    }

    .bank-attention-text .bank-text-inner {
        position: relative;
        max-height: 100px;
        padding-right: 15px;
        overflow-y: scroll;
    }

        .bank-attention-text .bank-text-inner p {
            font-size: 11px;
            margin-bottom: 8px;
            color: var(--text-warning);
        }

        /* Стили для WebKit (Chrome, Safari) */
        .bank-attention-text .bank-text-inner::-webkit-scrollbar {
            width: 3px;
        }

        .bank-attention-text .bank-text-inner::-webkit-scrollbar-thumb {
            background-color: var(--main-green);
            border-radius: 5px;
        }

        .bank-attention-text .bank-text-inner::-webkit-scrollbar-track {
            background-color: var(--bg-color-1);
        }

        .bank-attention-text .bank-text-inner:hover {
            scrollbar-color: var(--main-green); /* цвет ползунка и трека при наведении */
        }

.card-loader {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 243px;
    border-radius: 15px;
    background: rgb(227 227 227 / 29%);
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 1000;
}

@media (max-width: 375px) {
    .card-loader {
        height: 218px;
    }
}
/* ------------------------------------------------------------- *
 * Registration / Bank Card Process
/* ------------------------------------------------------------- */

.bank-card-process {
    position: relative;
    width: calc(100% - 80px);
    height: 220px;
    padding: 25px 30px;
    transition: transform .6s ease-out;
    margin: 20px auto 40px;
}

    /* adds the 4 corners */
    .bank-card-process:before, .bank-card-process:after, .bank-card-process > :first-child:before, .bank-card-process > :first-child:after {
        position: absolute;
        width: 10%;
        height: 15%;
        border-color: var(--main-green);
        border-style: solid;
        content: ' ';
    }

    /* top left corner */
    .bank-card-process:before {
        top: 0;
        left: 0;
        border-width: 2px 0 0 2px;
    }
    /* top right corner */
    .bank-card-process:after {
        top: 0;
        right: 0;
        border-width: 2px 2px 0 0;
    }
    /* bottom right corner */
    .bank-card-process > :first-child:before {
        bottom: 0;
        right: 0;
        border-width: 0 2px 2px 0;
    }
    /* bottom left corner */
    .bank-card-process > :first-child:after {
        bottom: 0;
        left: 0;
        border-width: 0 0 2px 2px;
    }

    /* animated laser beam */
    .bank-card-process .bank-card-scanner {
        width: -webkit-calc(100% + 30px);
        width: -moz-calc(100% + 30px);
        width: calc(100% + 30px);
        height: 3px;
        background-color: var(--state-warning);
        opacity: 1;
        position: relative;
        box-shadow: 0px 0px 8px 10px rgb(255 201 148 / 50%);
        top: 50%;
        left: 50%;
        -webkit-transform: translateX(-50%);
        -moz-transform: translateX(-50%);
        transform: translateX(-50%);
        -webkit-animation-name: scan;
        -moz-animation-name: scan;
        animation-name: scan;
        -webkit-animation-duration: 4s;
        -moz-animation-duration: 4s;
        animation-duration: 4s;
        -webkit-animation-timing-function: linear;
        -moz-animation-timing-function: linear;
        animation-timing-function: linear;
        -webkit-animation-iteration-count: infinite;
        -moz-animation-iteration-count: infinite;
        animation-iteration-count: infinite;
        -webkit-animation-play-state: running;
        -moz-animation-play-state: running;
        animation-play-state: running;
        z-index: 10;
    }

@-webkit-keyframes scan {
    0% {
        box-shadow: 0px 0px 8px 10px rgb(255 201 148 / 50%);
        top: 50%;
    }

    25% {
        box-shadow: 0px 6px 8px 10px rgb(255 201 148 / 50%);
        top: 5px;
    }

    75% {
        box-shadow: 0px -6px 8px 10px rgb(255 201 148 / 50%);
        top: 98%;
    }
}

@-moz-keyframes scan {
    0% {
        box-shadow: 0px 0px 8px 10px rgb(255 201 148 / 50%);
        top: 50%;
    }

    25% {
        box-shadow: 0px 6px 8px 10px rgb(255 201 148 / 50%);
        top: 5px;
    }

    75% {
        box-shadow: 0px -6px 8px 10px rgb(255 201 148 / 50%);
        top: 98%;
    }
}

@keyframes scan {
    0% {
        box-shadow: 0px 0px 8px 10px rgb(255 201 148 / 50%);
        top: 50%;
    }

    25% {
        box-shadow: 0px 6px 8px 10px rgb(255 201 148 / 50%);
        top: 5px;
    }

    75% {
        box-shadow: 0px -6px 8px 10px rgb(255 201 148 / 50%);
        top: 98%;
    }
}

.bank-card-process .bank-card-item {
    position: relative;
    width: 100%;
    height: 170px;
    margin-top: -2px;
    background: var(--main-green);
    overflow: hidden;
    border-radius: 15px;
    display: flex;
    align-items: center;
    justify-content: center;
}

    .bank-card-process .bank-card-item:before {
        content: "";
        position: absolute;
        right: -200px;
        margin-top: 60px;
        width: 350px;
        height: 350px;
        border-radius: 50%;
        background: #8ac6a2;
        box-shadow: 0 0 25px rgb(114 159 137 / 50%);
    }

    .bank-card-process .bank-card-item:after {
        content: "";
        position: absolute;
        margin-top: 155px;
        right: -125px;
        width: 250px;
        height: 250px;
        border-radius: 50%;
        background: #97d3af;
        box-shadow: 0 0 25px rgb(57 120 89 / 5%);
    }

    .bank-card-process .bank-card-item .bank-card-text-num {
        position: relative;
        font-size: 22px;
        font-weight: 400;
        margin-top: 12px;
        color: var(--color-white);
        letter-spacing: 1.2px;
        z-index: 5;
    }

    .bank-card-process .bank-card-item .bank-card-text-exp {
        position: absolute;
        font-size: 19px;
        font-weight: 400;
        right: 35px;
        bottom: 20px;
        color: var(--color-white);
        letter-spacing: 1.2px;
        z-index: 5;
    }

    .bank-card-process .bank-card-item .icon-chip {
        position: absolute;
        width: 30px;
        height: 30px;
        top: 35px;
        left: 15px;
        z-index: 1;
    }

    .bank-card-process .bank-card-item .icon-paypass {
        width: 20px;
        height: 20px;
        position: absolute;
        top: 40px;
        right: 15px;
        z-index: 1;
    }

.bank-card-process-text {
    font-size: 14px;
    font-weight: 300;
    margin-bottom: 0;
    text-align: center;
}

@media (max-width: 400px) {
    .bank-card-process {
        width: calc(100% - 20px);
    }
}

@media (max-width: 350px) {
    .bank-card-process {
        width: calc(100% - 15px);
        height: 200px;
    }

        .bank-card-process .bank-card-item {
            height: 145px;
        }

            .bank-card-process .bank-card-item .bank-card-text-num {
                margin-top: 20px;
            }
}
/* ------------------------------------------------------------- *
 * Registration / Application
/* ------------------------------------------------------------- */
.application {
    padding-bottom: 20px;
}

.application-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

.application-content {
    margin-top: 20px;
}

.application-hidden {
    display: none;
}

.application-content .alert {
    margin-top: 20px;
}

.application-content .image-holder {
    max-width: 100px;
    margin: 0 auto;
}

.application-timer {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: 15px;
}

    .application-timer .circle {
        -webkit-transform: scaleY(-1) rotate(180deg);
        -ms-transform: scaleY(-1) rotate(180deg);
        transform: scaleY(-1) rotate(180deg);
    }

    .application-timer .controlls {
        position: absolute;
        left: 50%;
        top: 50%;
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        text-align: center;
    }

    .application-timer .display-remain-time {
        font-weight: 500;
        font-size: 30px;
        color: var(--color-dark-2);
    }

    .application-timer .e-c-base {
        fill: none;
        stroke: var(--grey-shade-3);
        stroke-width: 3px;
        stroke-dasharray: 3 2;
    }

    .application-timer .e-c-progress {
        fill: none;
        stroke: #6DB48B;
        stroke-width: 3px;
        -webkit-transition: stroke-dashoffset 0.7s;
        -o-transition: stroke-dashoffset 0.7s;
        transition: stroke-dashoffset 0.7s;
    }

    .application-timer .e-c-pointer {
        fill: #6DB48B;
        stroke: #6DB48B;
        stroke-width: 2px;
    }

.application-text {
    font-size: 14px;
    font-weight: 300;
    margin-bottom: 0;
    text-align: center;
}

.application-blocked .image-holder {
    max-width: 75px;
    margin: 0 auto 15px;
}

.application-countdown {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 25px 0 30px 0;
}

    .application-countdown div {
        position: relative;
        font-size: 30px;
        font-weight: 600;
        line-height: 1;
        width: 56px;
        height: 60px;
        padding: 18px 5px 12px 5px;
        border: 2px solid var(--main-green);
        border-radius: 5px;
        text-align: center;
    }

    .application-countdown div {
        margin-right: 15px;
    }

        .application-countdown div:last-child {
            margin-right: 0;
        }

        .application-countdown div > span {
            position: absolute;
            top: 0;
            left: 50%;
            margin-top: -9px;
            color: var(--color-dark-1);
            font-size: 12px;
            font-weight: 400;
            text-transform: capitalize;
            padding: 2px 5px;
            background: var(--color-white);
            -webkit-transform: translateX(-50%);
            -ms-transform: translateX(-50%);
            transform: translateX(-50%);
            z-index: 2;
        }
/* resalde widget */
.resale-widget {
    background: var(--color-white);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 25px;
    border-radius: 20px;
}

    .resale-widget p {
        font-size: 14px;
        font-weight: 400;
        text-align: center;
    }

    .resale-widget .button-holder,
    .resale-widget .button-holder .btn {
        width: 100%;
        max-width: 100%;
    }

@media (max-width: 767px) {
    .application-timer .display-remain-time {
        font-size: 26px;
    }
}
/* ------------------------------------------------------------- *
 * Registration / Application Approved
/* ------------------------------------------------------------- */
.application-approved .approved-content {
    margin-top: 40px;
}

    .application-approved .approved-content .buttons-group {
        max-width: 310px;
        margin: 0 auto;
    }

    .application-approved .approved-content .btn {
        margin-bottom: 18px;
    }

        .application-approved .approved-content .btn:last-child {
            margin-bottom: 0;
        }

        .application-approved .approved-content .btn img {
            width: auto;
        }

    .application-approved .approved-content .btn-photo {
        color: var(--main-green);
    }

        .application-approved .approved-content .btn-photo span {
            font-size: 14px;
            line-height: 1.1;
            margin-left: 10px;
        }
/* ------------------------------------------------------------- *
 * Registration / BankID
/* ------------------------------------------------------------- */
.bankid .bankid-content {
    margin-top: 30px;
}

    .bankid .bankid-content .bankid-title {
        margin-top: 25px;
        margin-bottom: 20px;
        text-align: center;
    }

    .bankid .bankid-content .buttons-group {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }

        .bankid .bankid-content .buttons-group .btn {
            width: calc(50% - 9px);
            margin-bottom: 18px;
            /*	height: 50px;*/
            height: 54px;
            padding: 4px;
            border-color: var(--grey-shade-3);
        }

            .bankid .bankid-content .buttons-group .btn:hover {
                border-color: var(--main-green) !important;
            }

        .bankid .bankid-content .buttons-group .btn-bankid img {
            /*	max-width: 125px;*/
            /*	max-height: 35px;*/
            width: auto;
            height: 100%;
        }

        .bankid .bankid-content .buttons-group .btn-bankid:last-child {
            margin-bottom: 0;
        }

    .bankid .bankid-content .button-holder {
        margin-top: 15px;
    }

    .bankid .bankid-content .btn-others {
        color: var(--color);
        font-size: 16px;
        font-weight: 500;
        height: 50px;
        width: 50%;
        margin-bottom: 30px;
    }

        .bankid .bankid-content .btn-others.active .icon {
            -webkit-transition: .2s ease;
            -o-transition: .2s ease;
            transition: .2s ease;
        }

        .bankid .bankid-content .btn-others.active .icon {
            -webkit-transform: rotate(-180deg);
            -ms-transform: rotate(-180deg);
            transform: rotate(-180deg);
        }

    .bankid .bankid-content .other-banks {
        display: none;
    }

        .bankid .bankid-content .other-banks.open {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
        }

        .bankid .bankid-content .other-banks .btn {
            width: calc(50% - 9px);
            /*	height: 44px;*/
        }
/* ------------------------------------------------------------- *
 * Registration / Photo Verification
/* ------------------------------------------------------------- */
.photo-verification .photo-content .image-holder {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 250px;
    margin: 0 auto 25px;
}

.photo-verification .photo-content {
    padding-top: 15px;
}

.photo-verification .buttons-holder {
    margin-top: 20px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

    .photo-verification .buttons-holder .btn-photo-verification,
    .photo-verification .camera-wrap .btn-take-picture,
    .photo-verification .camera-wrap .btn-solid {
        max-width: 320px;
        width: 100%;
        margin: 0 auto 15px;
    }

.photo-verification .btn-link-green {
    margin: 5px auto 0;
}

.photo-verification .btn-passport-notexist {
    display: inline-block;
    text-align: center;
    font-size: 15px;
    font-weight: 500;
    color: var(--main-green);
    cursor: pointer;
    text-decoration: underline;
}

    .photo-verification .btn-passport-notexist:hover {
        text-decoration: none;
    }

.modal-set-time .modal-body p {
    margin-bottom: 15px;
}

.modal-set-time .button-holder {
    margin-top: 20px;
}

    .modal-set-time .button-holder .btn {
        width: 100%;
    }

.camera-wrap {
    display: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

    .camera-wrap .camera-stream,
    .camera-wrap .camera-result {
        position: relative;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        width: 250px;
        height: 250px;
        margin: 0 auto 25px;
    }

    .camera-wrap .camera-result-wrap {
        position: relative;
        display: flex;
        flex-wrap: wrap;
    }

    .camera-wrap .camera-result {
        flex-wrap: wrap;
    }

#camera,
#canvas {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    z-index: 0;
    margin: 0 auto;
    border-radius: 8px;
    -webkit-transform: scaleX(-1); /* Для зеркального отображения */
    -ms-transform: scaleX(-1);
    transform: scaleX(-1); /* Для зеркального отображения */
}

#camera {
    width: 250px;
    height: 250px;
}

.camera-rear #camera,
.camera-rear #canvas {
    -webkit-transform: scaleX(1);
    -ms-transform: scaleX(1);
    transform: scaleX(1);
}

.camera-gui {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 99;
}

.photo-area {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.photo-frame {
    position: absolute;
    z-index: 99;
    width: 40px;
    height: 40px;
    border: 4px solid var(--main-green);
    border-radius: 2px;
}

    .photo-frame.frame-top-left {
        top: 15px;
        left: 15px;
        border-right: 0;
        border-bottom: 0;
    }

    .photo-frame.frame-top-right {
        top: 15px;
        right: 15px;
        border-left: 0;
        border-bottom: 0;
    }

    .photo-frame.frame-bottom-left {
        bottom: 15px;
        left: 15px;
        border-top: 0;
        border-right: 0;
    }

    .photo-frame.frame-bottom-right {
        bottom: 15px;
        right: 15px;
        border-top: 0;
        border-left: 0;
    }

.btn-switch-camera {
    position: absolute;
    top: 21px;
    right: 21px;
    font-size: 12px;
    border-radius: 50%;
    background: #73756f82;
    width: 30px;
    height: 30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 0;
}

    .btn-switch-camera img {
        width: 20px;
        height: 20px;
    }

@media (min-width: 992px) {
    .btn-switch-camera {
        opacity: 0;
        visibility: hidden;
    }
}

@media (max-width: 560px) {
    .bankid .bankid-content .btn-others {
        font-size: 15px;
    }
}
/* ------------------------------------------------------------- *
 * Registration / TimePicker
/* ------------------------------------------------------------- */
.timepicker-wrap {
    max-width: 350px;
    margin: 0 auto;
}

    .timepicker-wrap input {
        cursor: pointer;
    }

.timepicker-control {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-top: 10px;
}

    .timepicker-control.hide {
        display: none;
    }

    .timepicker-control .btn-set-time {
        font-size: 14px;
        font-weight: 400;
        border: 1px solid var(--grey-shade-1);
        border-radius: 5px;
        line-height: 1;
        width: calc(33.3% - 5px);
        padding: 12px 10px;
    }

        .timepicker-control .btn-set-time:hover {
            border-color: var(--main-green);
        }

        .timepicker-control .btn-set-time img {
            width: 14px;
            height: 14px;
            margin: 0 auto 5px;
        }

        .timepicker-control .btn-set-time span {
            display: block;
        }


/* ------------------------------------------------------------- *
 * Registration / Agreement
/* ------------------------------------------------------------- */
.agreement .section-title {
    margin-bottom: 20px;
}

.agreement .button-holder {
    margin-top: 30px;
}

    .agreement .button-holder button {
        width: 100%;
    }

.agreement .frm-sms-sign .sms-code-group {
    margin-bottom: 20px;
}

.agreement .frm-sms-sign .sms-code-group {
    margin-bottom: 12px;
}

.agreement .frm-sms-sign .sms-code-title {
    margin-bottom: 15px;
    text-align: center;
}

.agreement .frm-sms-sign .sms-code-buttons {
    text-align: center;
}

    .agreement .frm-sms-sign .sms-code-buttons button {
        margin-top: 20px;
    }

        .agreement .frm-sms-sign .sms-code-buttons button:first-child {
            margin-top: 0;
        }

    .agreement .frm-sms-sign .sms-code-buttons .btn {
        width: 100%;
    }

    .agreement .frm-sms-sign .sms-code-buttons .btn-resend-sms {
        color: var(--grey-shade-5);
        font-size: 14px;
    }

        .agreement .frm-sms-sign .sms-code-buttons .btn-resend-sms.active {
            color: var(--main-green);
            text-decoration: underline;
            font-size: 16px;
            font-weight: 600;
            text-align: center;
        }

.agreement .frm-sms-sign .sms-buttons-messengers {
    margin-top: 25px;
}

    .agreement .frm-sms-sign .sms-buttons-messengers button {
        font-size: 16px;
        font-weight: 500;
        margin-top: 12px;
    }

.agreement .alert .alert-text {
    margin-bottom: 5px;
}

.agreement-military {
    padding-bottom: 150px;
}

    .agreement-military .military-img-bottom {
        position: absolute;
        bottom: 0;
        z-index: 0;
    }

    .agreement-military .military-drone-sm {
        position: absolute;
        top: 85px;
        right: 180px;
        width: 77px;
        z-index: 1;
        transform: rotate(-6.75deg);
    }

    .agreement-military .military-drone-lg {
        position: absolute;
        top: 45px;
        right: 70px;
        width: 105px;
        z-index: 1;
        transform: rotate(10.75deg);
    }

    .agreement-military .military-helicopter {
        position: absolute;
        top: 60px;
        left: 50px;
        z-index: 1;
    }

.agreement .accordion-content {
    max-height: 220px;
    overflow-y: scroll;
    border-radius: 0 0 8px 8px;
}

    .agreement .accordion-content::-webkit-scrollbar {
        width: 3px;
    }

    .agreement .accordion-content::-webkit-scrollbar-thumb {
        background-color: var(--main-green);
        border-radius: 5px;
    }

    .agreement .accordion-content::-webkit-scrollbar-track {
        background-color: var(--grey-shade-2);
    }

    .agreement .accordion-content::-webkit-scrollbar:hover {
        scrollbar-color: var(--main-green);
    }

.direct-download-link {
    display: inline-flex;
    font-size: 14px;
    color: var(--color-link);
    text-decoration: underline;
    margin-right: 5px;
    margin-bottom: 8px;
}

    .direct-download-link img {
        width: 16px;
        height: 16px;
        margin-right: 5px;
    }

@media (max-width: 1200px) {
    .agreement-military .military-drone-lg {
        right: 20px;
        width: 80px;
    }

    .agreement-military .military-drone-sm {
        right: 110px;
        width: 60px;
    }

    .agreement-military .military-helicopter {
        left: 0;
        width: 170px;
    }
}

@media (max-width: 992px) {
    .agreement-military .military-helicopter,
    .agreement-military .military-drone-lg,
    .agreement-military .military-drone-sm {
        display: none;
    }
}

@media (max-width: 767px) {
    .agreement .frm-sms-sign .sms-buttons-messengers button {
        font-size: 14px;
    }
}

@media (max-width: 375px) {
    .agreement input.sms-code {
        width: 48px;
        height: 48px;
        padding: 8px;
        font-size: 16px;
        margin: 0 3px;
    }
}
/* ------------------------------------------------------------- *
 * Registration / Calc Agreement
/* ------------------------------------------------------------- */
.calc-agreement {
    position: relative;
    width: 100%;
    padding: 25px;
    padding-top: 45px;
    margin-bottom: 50px;
}

    .calc-agreement .calc-label {
        position: absolute;
        top: 0;
        left: 0;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        padding: 8px 25px;
        border-radius: 20px 0 20px 0;
        background: var(--main-green);
    }

        .calc-agreement .calc-label img {
            width: 14px;
        }

        .calc-agreement .calc-label span {
            font-size: 12px;
            font-weight: 400;
            color: #fff;
            margin-left: 5px;
            line-height: 1;
        }

    .calc-agreement .calc-top {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        text-align: left;
    }

    .calc-agreement .calc-top-title {
        font-weight: 600;
        line-height: 1;
        margin-bottom: 5px;
    }

    .calc-agreement .calc-top-subtitle,
    .calc-agreement .calc-top-subtitle span {
        font-size: 15.5px;
        font-weight: 400;
    }

    .calc-agreement .calc-range {
        margin-top: 35px;
    }

    .calc-agreement .calc-text-list li span,
    .calc-text-list li .calc-text-inner p {
        font-size: 14px;
    }

    .calc-agreement .calc-button .btn span {
        margin-left: 10px;
        color: var(--main-green);
        background: var(--color-white);
        border-radius: 8px;
        padding: 5px 12px;
    }

    .calc-agreement .calc-range-input {
        font-size: 14px;
        font-weight: 600;
        width: 25px;
        text-align: center;
    }

    .calc-agreement .calc-days-inner {
        margin: 0 5px;
    }

        .calc-agreement .calc-days-inner span {
            font-size: 14px;
            font-weight: 600;
        }

    .calc-agreement .calc-days-btn {
        display: none;
        font-size: 20px;
        font-weight: 600;
        cursor: pointer;
    }

    .calc-agreement .calc-days-edit {
        width: 15px;
        height: 15px;
        background-image: url('../images/icons/icon-pen-edit.svg?v=vv7r3iE5vTrLxrswrepTw5ww2sg');
        background-size: 100% 100%;
        background-position: center;
    }

    .calc-agreement .calc-days-inner input.is-editing {
        border-bottom: 1px solid var(--main-green);
    }

    .calc-agreement .hidden {
        opacity: 0;
        visibility: hidden;
    }

    .calc-agreement .calc-days-wrap {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }

    .calc-agreement .calc-days-btn {
        position: relative;
        width: 22px;
        height: 22px;
        border: 1px solid var(--main-green);
        border-radius: 50%;
    }

        .calc-agreement .calc-days-btn:before,
        .calc-agreement .calc-days-btn:after {
            content: "";
            position: absolute;
            top: 50%;
            left: 50%;
            -webkit-transform: translate(-50%,-50%);
            -ms-transform: translate(-50%,-50%);
            transform: translate(-50%,-50%);
            margin-top: .25px;
            width: 8px;
            height: 1px;
            background: var(--main-green);
        }

        .calc-agreement .calc-days-btn.increment:after {
            width: 1px;
            height: 8px;
        }
/* ------------------------------------------------------------- *
 * Registration / Accordion
/* ------------------------------------------------------------- */
.accordion {
    width: 100%;
    margin-bottom: 30px;
}

.accordion-item {
    margin-bottom: 10px;
    border-radius: 8px;
    background: #FFF;
    -webkit-box-shadow: 0 0 6px rgba(134,215,168,.45);
    box-shadow: 0 0 6px rgba(134,215,168,.45);
}

.accordion-header {
    border-radius: 8px;
    background: var(--color-mint-1);
    padding: 15px 15px 15px 20px;
    cursor: pointer;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    z-index: 10;
}

    .accordion-header .accordion-title {
        font-size: 15px;
        font-weight: 500;
        line-height: 1.2;
        color: var(--color-dark-1);
    }

    .accordion-header:before {
        content: "";
        position: absolute;
        right: 15px;
        top: 50%;
        -webkit-transform: translate(-50%,-75%) rotate(45deg);
        -ms-transform: translate(-50%,-75%) rotate(45deg);
        transform: translate(-50%,-75%) rotate(45deg);
        width: 7px;
        height: 7px;
        border: 2px solid var(--color-dark-2);
        border-top: none;
        border-left: none;
        -webkit-transition: .2s ease;
        -o-transition: .2s ease;
        transition: .2s ease;
    }

.accordion-item.active .accordion-header:before {
    -webkit-transform: translate(-50%,-75%) rotate(-135deg);
    -ms-transform: translate(-50%,-75%) rotate(-135deg);
    transform: translate(-50%,-75%) rotate(-135deg);
}

.accordion-content {
    display: none;
    padding: 10px 20px;
    background: var(--color-white);
    border-top: 1px solid var(--grey-shade-6);
}

    .accordion-content p {
        color: #000;
        font-size: 14px;
        font-style: normal;
        font-weight: 400;
        line-height: 1.2;
        margin-bottom: 0;
    }
/* ------------------------------------------------------------- *
 * Modal Window
/* ------------------------------------------------------------- */
.modal {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgba(0,0,0,0.7);
    z-index: 9999;
}

    .modal .modal-content {
        position: relative;
        margin: 7% auto;
        padding: 40px 50px 30px 50px;
        width: 100%;
        max-width: 550px;
        background-color: #fefefe;
        border-radius: 25px;
        -webkit-transform: translateY(100%);
        -ms-transform: translateY(100%);
        transform: translateY(100%);
        opacity: 0;
    }

    .modal .modal-title {
        margin-bottom: 25px;
        text-align: center;
    }

        .modal .modal-title .h4 {
            line-height: 1.2;
        }

.modal-close {
    position: absolute;
    top: 0;
    right: 10px;
    font-size: 28px;
    font-weight: bold;
    cursor: pointer;
}

.modal-close {
    position: absolute;
    right: 15px;
    top: 15px;
    width: 18px;
    height: 18px;
    opacity: 0.8;
}

    .modal-close:hover {
        opacity: 1;
    }

    .modal-close:before, .modal-close:after {
        content: ' ';
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%,-50%);
        -ms-transform: translate(-50%,-50%);
        transform: translate(-50%,-50%);
        height: 18px;
        width: 2px;
        background-color: var(--grey-shade-5);
        z-index: 5;
    }

    .modal-close:before {
        -webkit-transform: translate(-50%,-50%) rotate(45deg);
        -ms-transform: translate(-50%,-50%) rotate(45deg);
        transform: translate(-50%,-50%) rotate(45deg);
    }

    .modal-close:after {
        -webkit-transform: translate(-50%,-50%) rotate(-45deg);
        -ms-transform: translate(-50%,-50%) rotate(-45deg);
        transform: translate(-50%,-50%) rotate(-45deg);
    }

.modal .buttons-group {
    margin-top: 30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

    .modal .buttons-group .btn {
        width: calc(50% - 15px);
    }

@-webkit-keyframes slideIn {
    from {
        -webkit-transform: translateY(100%);
        transform: translateY(100%);
        opacity: 0;
    }

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

@keyframes slideIn {
    from {
        -webkit-transform: translateY(100%);
        transform: translateY(100%);
        opacity: 0;
    }

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

@-webkit-keyframes slideOut {
    from {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 1;
    }

    to {
        -webkit-transform: translateY(100%);
        transform: translateY(100%);
        opacity: 0;
    }
}

@keyframes slideOut {
    from {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 1;
    }

    to {
        -webkit-transform: translateY(100%);
        transform: translateY(100%);
        opacity: 0;
    }
}

.slide-in {
    -webkit-animation: slideIn 0.3s ease-in-out forwards;
    animation: slideIn 0.3s ease-in-out forwards;
}

.slide-out {
    -webkit-animation: slideOut 0.3s ease-in-out forwards;
    animation: slideOut 0.3s ease-in-out forwards;
}
/* Modal Change Params Styles */
.modal.modal-change-params .modal-content {
    margin: 50px auto;
    padding: 30px 0 0 0;
    max-width: 446px;
    border-radius: 25px;
}

    .modal.modal-change-params .modal-content .calc {
        -webkit-box-shadow: none;
        box-shadow: none;
        padding-top: 0;
    }

@media (max-width: 767px) {
    .modal .modal-content {
        width: calc(100% - 30px);
        padding: 40px 15px 30px 15px;
        margin: 15% auto;
    }

        .modal .modal-content .h4,
        .modal .modal-content .modal-title {
            font-size: 18px;
            line-height: 1.2;
        }

    .modal .modal-body p {
        font-size: 14px;
    }

    .modal .buttons-group {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

        .modal .buttons-group .btn {
            width: 100%;
        }

            .modal .buttons-group .btn:first-child {
                margin-bottom: 15px;
            }
}

@media (max-width: 350px) {
    .modal .modal-content {
        width: calc(100% - 15px);
    }
}
/* ------------------------------------------------------------- *
 * Thanks Page
/* ------------------------------------------------------------- */
.thanks .reg-inner-content {
    max-width: 520px;
}

    .thanks .reg-inner-content .reg-subtitle {
        max-width: 400px;
        margin: 0 auto 12px;
    }

.thanks .thanks-content .banner-holder {
    max-width: 135px;
    margin: 0 auto;
}

.thanks .thanks-content .button-holder {
    margin-top: 15px;
    margin-bottom: 40px;
}

    .thanks .thanks-content .button-holder .btn {
        width: 275px;
    }
/* resalde widget */
.crossale-widget {
    background: var(--bg-color-1);
    border-radius: 12px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: 30px;
    padding: 15px;
    -webkit-box-shadow: 0 0 15px rgb(125 183 150 / 45%);
    box-shadow: 0 0 15px rgb(125 183 150 / 45%);
}

    .crossale-widget p {
        font-size: 14px;
    }

    .crossale-widget .crossale-widget-inner {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }

        .crossale-widget .crossale-widget-inner .crossale-partner {
            width: 23%;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
        }

.telegram-widget {
    background: var(--bg-color-1);
    border-radius: 12px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 15px;
    -webkit-box-shadow: 0 0 16px rgb(27 49 62 / 20%);
    box-shadow: 0 0 16px rgb(27 49 62 / 20%);
}

    .telegram-widget p {
        font-size: 14px;
        margin-bottom: 0;
        margin-right: 25px;
    }

    .telegram-widget .btn-telegram {
        background: var(--msngr-telegram);
        min-width: 150px;
    }

        .telegram-widget .btn-telegram:hover {
            opacity: .92;
        }

@media (max-width: 767px) {
    .crossale-widget {
        -webkit-box-shadow: 0 0 15px rgb(125 183 150 / 45%);
        box-shadow: 0 0 15px rgb(125 183 150 / 45%);
    }

        .crossale-widget .crossale-widget-inner,
        .telegram-widget {
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
            -ms-flex-direction: column;
            flex-direction: column;
            width: 100%;
        }

            .crossale-widget .crossale-widget-inner .crossale-partner {
                max-width: 150px;
                width: 100%;
                margin-bottom: 15px;
                -webkit-box-shadow: 0 0 5px 0 rgb(110 180 139 / 58%);
                box-shadow: 0 0 5px 0 rgb(110 180 139 / 58%);
                padding: 9px 12px;
                max-height: 50px;
                border-radius: 7px;
            }

            .crossale-widget p,
            .telegram-widget p {
                text-align: center;
            }

            .crossale-widget .crossale-widget-inner .crossale-partner span {
                font-size: 16px;
            }

            .crossale-widget .btn,
            .telegram-widget .btn-telegram {
                width: 100%;
                max-width: 320px;
                margin-top: 25px;
            }

    .thanks .thanks-content .button-holder .btn {
        width: 100%;
        max-width: 320px;
    }
}
/* ------------------------------------------------------------- *
 * Login
/* ------------------------------------------------------------- */
.main-login .registration .reg-subtitle {
    margin-bottom: 30px;
}

.main-login .login-link {
    text-align: center;
    margin-top: 30px;
}

    .main-login .login-link p {
        margin-bottom: 0;
        font-size: 14px;
        color: var(--grey-shade-5);
    }

    .main-login .login-link a {
        text-decoration: underline;
        font-weight: 600;
    }
/* ------------------------------------------------------------- *
 * Cabinet / Credit Active
/* ------------------------------------------------------------- */
.cabinet {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

.credit-promo-slider {
    border-radius: 20px;
    margin-bottom: 30px;
    height: 220px;
    overflow: hidden;
}

    .credit-promo-slider a {
        position: relative;
        border-radius: 20px;
        display: block;
        overflow: hidden;
    }

        .credit-promo-slider > div.slide-content,
        .credit-promo-slider a img.banner-bg {
            height: 220px;
            border-radius: 20px;
        }

        .credit-promo-slider a img.banner-bg {
            object-fit: cover;
        }

    .credit-promo-slider .slide-content {
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        z-index: 1;
    }

        .credit-promo-slider .slide-content .text {
            position: absolute;
            top: 50%;
            left: 55px;
            transform: translateY(-50%);
            line-height: 1.4;
            z-index: 3;
        }

            .credit-promo-slider .slide-content .text .title {
                font-size: 28px;
                font-weight: 600;
                color: var(--color-white);
                margin-bottom: 3px;
            }

            .credit-promo-slider .slide-content .text .subtitle {
                font-size: 16px;
                font-weight: 400;
                color: var(--color-white);
                margin-bottom: 16px;
            }

        .credit-promo-slider .slide-content .tg-button {
            display: inline-flex;
            align-items: center;
            font-size: 16px;
            font-weight: 500;
            color: var(--color-white);
            background: var(--color-dark-2);
            border-radius: 8px;
            padding: 12px 16px;
        }

            .credit-promo-slider .slide-content .tg-button img {
                width: 16px;
                height: 16px;
                margin-right: 6px;
            }

        .credit-promo-slider .slide-content .image {
            position: absolute;
            width: 50%;
            top: 50%;
            right: 0;
            transform: translateY(-50%);
        }

            .credit-promo-slider .slide-content .image img {
                width: 300px;
            }

            .credit-promo-slider .slide-content .image span {
                position: absolute;
                font-weight: 600;
                color: var(--color-white);
                z-index: 2;
            }

                .credit-promo-slider .slide-content .image span:nth-child(1) {
                    top: -10px;
                    right: 87%;
                    font-size: 30px;
                    opacity: .35;
                    transform: rotate(-6deg);
                }

                .credit-promo-slider .slide-content .image span:nth-child(2) {
                    top: 55px;
                    right: 78%;
                    font-size: 30px;
                    opacity: .5;
                    transform: rotate(6deg);
                }

                .credit-promo-slider .slide-content .image span:nth-child(3) {
                    top: 84px;
                    right: 33%;
                    font-size: 35px;
                    opacity: .5;
                    transform: rotate(6deg);
                }

                .credit-promo-slider .slide-content .image span:nth-child(4) {
                    top: 44px;
                    left: -15%;
                    font-size: 36px;
                    opacity: .65;
                    transform: rotate(-12deg);
                }

                .credit-promo-slider .slide-content .image span:nth-child(5) {
                    top: 0;
                    right: 15%;
                    font-size: 45px;
                    opacity: .75;
                    transform: rotate(-2deg);
                }

@media (max-width: 992px) {
    .credit-promo-slider .slide-content .text {
        left: 25px;
    }

        .credit-promo-slider .slide-content .text .title {
            font-size: 26px;
        }

        .credit-promo-slider .slide-content .text .subtitle {
            font-size: 15px;
        }

    .credit-promo-slider .slide-content .image img {
        width: 250px;
        margin-left: auto;
        margin-right: 25px;
    }

    .credit-promo-slider .slide-content .image span:nth-child(1) {
        right: 72%;
        font-size: 27px;
    }

    .credit-promo-slider .slide-content .image span:nth-child(2) {
        top: 45px;
        right: 58%;
        font-size: 30px;
    }

    .credit-promo-slider .slide-content .image span:nth-child(4) {
        top: 44px;
        left: -5%;
        font-size: 33px;
    }

    .credit-promo-slider .slide-content .image span:nth-child(5) {
        top: -20px;
        right: 35%;
        font-size: 35px;
    }
}

@media (max-width: 767px) {
    .credit-promo-slider,
    .credit-promo-slider > div.slide-content,
    .credit-promo-slider a img.banner-bg {
        height: 180px;
    }

        .credit-promo-slider .slide-content .text {
            left: 15px;
        }

            .credit-promo-slider .slide-content .text .title {
                font-size: 18px;
            }

            .credit-promo-slider .slide-content .text .subtitle {
                font-size: 12px;
            }

        .credit-promo-slider .slide-content .tg-button {
            font-size: 14px;
            font-weight: 400;
        }

        .credit-promo-slider .slide-content .image img {
            margin-right: 15px;
        }

        .credit-promo-slider .slide-content .image span {
            display: none;
        }
}

@media (max-width: 360px) {
    .credit-promo-slider .slide-content .text .title {
        font-size: 16px;
    }

    .credit-promo-slider .slide-content .text .subtitle {
        font-size: 12px;
    }
}

.credit-promo-slider .slick-list {
    -webkit-box-shadow: 0 0 15px rgba(6,31,101,.10);
    box-shadow: 0 0 15px rgba(6,31,101,.10);
}

.credit-promo-slider .slick-dots {
    margin-top: 5px;
}

.cabinet .page-title {
    margin-bottom: 30px;
}

.cabinet .row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
}

    .cabinet .row .left-block {
        width: calc(58% - 15px);
    }

    .cabinet .row .right-block {
        width: calc(42% - 15px);
    }

.cabinet .cabinet-widget {
    padding: 25px;
    background: var(--color-white);
    border-radius: 20px;
    -webkit-box-shadow: 0 0 15px 0 rgba(6, 31, 101, .10);
    box-shadow: 0 0 15px 0 rgba(6, 31, 101, .10);
    margin-bottom: 30px;
    /*	overflow: hidden;*/
}

.cabinet .widget-title-lg {
    font-size: 18px;
    font-weight: 600;
    line-height: 1;
}

.cabinet .widget-title-md {
    font-size: 16px;
    font-weight: 500;
    line-height: 1;
}

.cabinet .widget-title-sm {
    font-size: 14px;
    font-weight: 400;
    line-height: 1;
}

/* Credit Percent */
.credit .credit-head {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 25px;
}

.credit .credit-percent-group {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

    .credit .credit-percent-group .credit-icon {
        width: 45px;
        height: 45px;
        background: var(--main-green);
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        border-radius: 50%;
        padding: 12px;
        margin-right: 12px;
    }

.credit .credit-percent span {
    display: block;
    font-size: 14px;
    font-weight: 400;
    line-height: 1;
    color: var(--color-dark-1);
}

    .credit .credit-percent span:nth-child(2) {
        font-size: 18px;
        font-weight: 600;
        margin-top: 5px;
    }

.credit .credit-status-group span {
    display: block;
    font-size: 14px;
    font-weight: 400;
    line-height: 1;
}

.credit .credit-status-group .credit-status {
    position: relative;
    font-size: 18px;
    font-weight: 500;
    margin-top: 5px;
    padding-left: 15px;
}

    .credit .credit-status-group .credit-status:before {
        content: '';
        position: absolute;
        top: 50%;
        left: 0;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        width: 9px;
        height: 9px;
        border-radius: 50%;
        background: var(--main-green);
    }

.cabinet-widget-inner {
    padding: 20px;
    border-radius: 15px;
    -webkit-box-shadow: 0 0 10px 0 rgba(6, 31, 101, .10);
    box-shadow: 0 0 10px 0 rgba(6, 31, 101, .10);
}

.credit .credit-progress-group {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.credit .credit-progress .credit-days-left {
    font-size: 26px;
    font-weight: 600;
    color: var(--main-green);
}

.credit .credit-progress-bar {
    position: relative;
    margin: 15px 0 20px 0;
    width: 100%;
    height: 8px;
    border-radius: 10px;
    background: var(--grey-shade-2);
}

.credit .progress-bar-active {
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    height: 100%;
    border-radius: 10px;
    background: var(--state-success);
}

.credit .credit-progress .credit-date-return {
    font-size: 14px;
    font-weight: 600;
    text-align: right;
    color: var(--main-green);
}

.credit .alert {
    margin-bottom: 20px;
}

.credit-warning .credit-icon,
.credit-warning .credit-status:before,
.credit-warning .progress-bar-active {
    background: var(--state-warning) !important;
}

.credit-warning .credit-days-left,
.credit-warning .credit-date-return {
    color: var(--state-warning) !important;
}

.credit-danger .credit-icon,
.credit-danger .credit-status:before,
.credit-danger .progress-bar-active {
    background: var(--state-danger) !important;
}

.credit-danger .credit-days-left,
.credit-danger .credit-date-return,
.credit-danger .credit-status,
.credit-danger .credit-info-list li.credit-fine span {
    color: var(--state-danger) !important;
}

/* Credit Info */
.credit-info .widget-title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 30px;
    line-height: 1;
    gap: 18px;
}

.credit-info .credit-contract-num {
    font-size: 12px;
    color: var(--grey-shade-5);
    text-align: right;
}

.credit-info-list li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 12px;
}

    .credit-info-list li:last-child {
        margin-bottom: 0;
    }

    .credit-info-list li span:nth-child(1) {
        font-size: 14px;
        font-weight: 400;
        line-height: 1;
    }

    .credit-info-list li > span:nth-child(1) {
        display: flex;
        align-items: center;
        gap: 4px;
    }

    .credit-info-list li span:nth-child(2) {
        font-size: 14px;
        text-align: right;
        font-weight: 600;
        line-height: 1;
    }

    .credit-info-list li.big {
        margin-bottom: 20px;
    }

        .credit-info-list li.big span {
            font-size: 16px;
            font-weight: 500;
        }

    .credit-info-list li.credit-fine span {
        font-weight: 600;
    }

.credit-promo {
    flex-wrap: wrap;
    margin-bottom: 0 !important;
}

    .credit-promo span:nth-child(1),
    .credit-promo span:nth-child(2) {
        margin-bottom: 12px;
    }

.credit-promo-sale {
    color: var(--color-white);
    background: var(--state-promo);
    padding: 3px 10px;
    border-radius: 5px;
    margin-right: 3px;
}

.credit-info-list li.credit-promo .credit-promo-old-summ {
    color: var(--grey-shade-4);
    font-weight: 600;
    text-decoration: line-through;
    margin-right: 3px;
}

.credit-info-list li span.credit-percent-old {
    font-weight: 600;
    color: var(--grey-shade-4);
    text-decoration: line-through;
    margin-right: 3px;
}

.credit-info-list li span.credit-percent-sale {
    color: var(--main-green);
    margin-right: 3px;
}

.credit-info-list li span.credit-percent {
    font-weight: 600;
}

.credit-info .schedule-titles,
.credit-info .schedule-payments {
    display: flex;
    justify-content: space-between;
}

    .credit-info .schedule-titles span,
    .credit-info .schedule-payments span {
        text-align: center;
        width: 33.3%;
    }

    .credit-info .schedule-titles span {
        font-size: 14px;
        font-weight: 500;
        color: var(--color-dark-2);
    }

.credit-info .schedule-payments {
    flex-direction: column;
    width: 100%;
    margin-top: 9px;
}

    .credit-info .schedule-payments li {
        display: flex;
        justify-content: space-between;
        margin-bottom: 5px;
    }

        .credit-info .schedule-payments li.paid span {
            text-decoration: line-through;
            font-weight: 500;
        }

        .credit-info .schedule-payments li.current span {
            color: var(--state-success);
            font-weight: 500;
        }

        .credit-info .schedule-payments li.overdue span {
            color: var(--state-danger);
            font-weight: 500;
        }

        .credit-info .schedule-payments li.future span {
            color: var(--color-dark-2);
            font-weight: 500;
        }

    .credit-info .schedule-payments span {
        font-size: 13px;
        font-weight: 400;
        color: var(--grey-shade-5);
    }

.credit-info .schedule-details .schedule-value {
    font-weight: 500;
}
/* credit info schedules */
.credit-schedule {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-top: 20px;
    padding: 0 20px;
}

.credit-schedule-item {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-weight: 500;
    color: var(--grey-shade-5);
    cursor: pointer;
    padding-right: 20px;
}

    .credit-schedule-item:before {
        content: "";
        position: absolute;
        right: 0;
        top: 50%;
        -webkit-transform: translate(-50%,-75%) rotate(45deg);
        -ms-transform: translate(-50%,-75%) rotate(45deg);
        transform: translate(-50%,-75%) rotate(45deg);
        width: 7px;
        height: 7px;
        border: 2px solid var(--grey-shade-5);
        border-top: none;
        border-left: none;
        -webkit-transition: .2s ease;
        -o-transition: .2s ease;
        transition: .2s ease;
    }

    .credit-schedule-item.open {
        color: var(--main-green);
    }

        .credit-schedule-item.open:before {
            -webkit-transform: translate(-50%,-25%) rotate(-135deg);
            -ms-transform: translate(-50%,-25%) rotate(-135deg);
            transform: translate(-50%,-25%) rotate(-135deg);
            border: 1.5px solid var(--main-green);
            border-top: none;
            border-left: none;
        }
/* Credit Min Payment*/
.credit-min-payment-list {
    margin-bottom: 25px;
}

    .credit-min-payment-list li {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        margin-bottom: 16px;
    }

        .credit-min-payment-list li:last-child {
            margin-bottom: 0;
        }

        .credit-min-payment-list li span {
            font-size: 14px;
            font-weight: 600;
            line-height: 1;
        }

            .credit-min-payment-list li span:nth-child(2) {
                text-align: right;
            }

.frm-credit-min-payment .button-holder {
    margin-top: 15px;
}

.frm-credit-min-payment .btn-min-payment {
    width: 100%;
    font-size: 18px;
}

    .frm-credit-min-payment .btn-min-payment span {
        margin-left: 10px;
        color: var(--main-green);
        background: var(--color-white);
        border-radius: 8px;
        padding: 5px 12px;
    }
/* Credit Full Payment */
.credit-full-payment {
    /*	width: calc(42% - 15px);*/
    /*	order: 4;*/
}

.credit-full-payment-list {
    margin-bottom: 26px;
}

    .credit-full-payment-list li {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        margin-bottom: 16px;
    }

        .credit-full-payment-list li:last-child {
            margin-bottom: 0;
        }

        .credit-full-payment-list li span {
            font-size: 14px;
            font-weight: 600;
            line-height: 1;
        }

            .credit-full-payment-list li span:nth-child(2) {
                text-align: right;
            }

.frm-credit-full-payment .field-holder {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
}

    .frm-credit-full-payment .field-holder .input-group {
        margin-bottom: 0;
        width: calc(50% - 5px);
    }

    .frm-credit-full-payment .field-holder .btn-full-payment {
        width: calc(50% - 5px);
        max-height: 47px;
        font-size: 16px;
    }

/* Credit Pay New */
.frm-credit-pay .h5 {
    margin-bottom: 20px;
}

.frm-credit-pay .button-holder {
    margin-top: 15px;
}

.frm-credit-pay .btn-pay {
    width: 100%;
    font-size: 18px;
}

    .frm-credit-pay .btn-pay span {
        margin-left: 10px;
        color: var(--main-green);
        background: var(--color-white);
        border-radius: 8px;
        padding: 5px 12px;
    }

.frm-credit-pay .radio-group {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column;
    width: 100%;
}

.frm-credit-pay .radio-button {
    position: relative;
    width: 100%;
    cursor: pointer;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -ms-touch-action: none;
    touch-action: none;
}

    .frm-credit-pay .radio-button:last-child {
        margin-bottom: 0;
    }

    .frm-credit-pay .radio-button label {
        position: relative;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        align-items: center;
        padding: 12px 0 12px 27px;
        background-color: var(--bg-color-1);
        border: 1px solid var(--bg-color-1);
        border-radius: 5px;
        height: 48px;
        -moz-transition: .2s ease-in-out;
        -webkit-transition: .2s ease-in-out;
        transition: .2s ease-in-out;
    }

    .frm-credit-pay .radio-button:hover label {
        border: 1px solid var(--main-green);
    }

    .frm-credit-pay .radio-button label::before {
        content: "";
        display: inline-block;
        width: 15px;
        height: 15px;
        border: 1px solid var(--grey-shade-5);
        border-radius: 50%;
        position: absolute;
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        left: 8px;
    }

    .frm-credit-pay .radio-button label .radio-text {
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: space-between;
        width: 100%;
        margin-left: 5px;
    }

    .frm-credit-pay .radio-button label span {
        line-height: 1;
    }

    .frm-credit-pay .radio-button label span {
        font-size: 14px;
        font-weight: 400;
        color: var(--color-dark-2);
    }

        .frm-credit-pay .radio-button label span.pay-value {
            font-size: 14px;
            font-weight: 500;
            color: var(--color-dark-1);
            height: 47px;
            padding: 12px 12px 12px 0;
            display: inline-flex;
            align-items: center;
        }

    .frm-credit-pay .radio-button input[type="radio"] {
        opacity: 0;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        padding: 0;
        margin: 0;
        cursor: pointer;
        z-index: 10;
    }

        .frm-credit-pay .radio-button input[type="radio"]:checked {
        }

            .frm-credit-pay .radio-button input[type="radio"]:checked + label {
                border-color: var(--main-green);
            }

                .frm-credit-pay .radio-button input[type="radio"]:checked + label .icon {
                    background-color: var(--main-green)
                }

                .frm-credit-pay .radio-button input[type="radio"]:checked + label:before {
                    border-color: var(--main-green)
                }

                .frm-credit-pay .radio-button input[type="radio"]:checked + label:after {
                    content: "";
                    display: inline-block;
                    position: absolute;
                    width: 9px;
                    height: 9px;
                    border-radius: 50%;
                    top: 50%;
                    -webkit-transform: translateY(-50%);
                    transform: translateY(-50%);
                    left: 11px;
                    background-color: var(--main-green);
                }

.frm-credit-pay .custom-pay {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

    .frm-credit-pay .custom-pay .radio-button label {
        background: transparent;
        border: none;
    }

    .frm-credit-pay .custom-pay .input-group,
    .frm-credit-pay .custom-pay .input-holder {
        width: 220px;
    }

        .frm-credit-pay .custom-pay .input-holder span {
            position: absolute;
            top: 50%;
            transform: translateY(-50%);
            -webkit-transform: translateY(-50%);
            right: 12px;
            font-size: 14px;
            color: var(--color-dark-1);
        }

.frm-credit-pay .custom-pay-input {
    padding-right: 42px;
    font-size: 14px;
}

.frm-credit-pay .contract-info {
    width: 100%;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    padding: 0 0 15px 0;
}

.frm-credit-pay .contract-item {
    background: #fff;
    border: 1px solid #e5e7eb; /* светлая граница */
    border-radius: 10px;
    padding: 16px 20px;
    margin-bottom: 16px;
    display: flex;
    flex-direction: column;
    gap: 12px;
    transition: all .25s ease;
    cursor: pointer;
}

    /* Hover — лёгкое увеличение и тень, как в UI на скрине */
    .frm-credit-pay .contract-item:hover {
        border-color: #3cb37144; /* зелёный оттенок */
        box-shadow: 0 4px 12px rgba(0,0,0,0.06);
        transform: translateY(-2px);
    }

    /* Радио-кнопка и текст в строку */
    .frm-credit-pay .contract-item .radio-button label .radio-text {
        display: flex;
        justify-content: space-between;
        width: 100%;
        align-items: center;
    }

    /* три строки информации о договоре */
    .frm-credit-pay .contract-item .contract-info {
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        flex-wrap: wrap;
        gap: 6px 12px;
    }

        .frm-credit-pay .contract-item .contract-info span {
            font-size: 14px;
            color: #333;
        }
/* promocode redemption */
.promo-redemption {
    padding: 20px 16px;
    background: var(--bg-color-1);
    border-radius: 12px;
    border: 1px solid var(--grey-shade-2);
    margin: 8px 0 15px 0;
}

.promo-redemption-inner {
    display: flex;
    align-items: flex-end;
    flex-wrap: wrap;
    gap: 9px;
}

    .promo-redemption-inner .input-group {
        width: calc(100% - 149px);
        margin-bottom: 0;
    }

    .promo-redemption-inner .input-holder input {
        font-size: 14px;
        background: var(--color-white);
    }

        .promo-redemption-inner .input-holder input:hover {
            background: var(--color-white);
        }

        .promo-redemption-inner .input-holder input.state-error {
            border-color: var(--state-error);
        }

    .promo-redemption-inner .btn-promo {
        width: 140px;
        font-size: 15px;
        max-height: 47px;
    }

.promo-redemption .btn-promo-cancel {
    display: flex;
    flex-wrap: wrap;
    gap: 4px;
    font-size: 13px;
    font-weight: 500;
    text-align: center;
    margin: 12px auto 0;
    color: var(--grey-shade-5);
    text-decoration: underline;
}

    .promo-redemption .btn-promo-cancel:hover {
        color: var(--main-green);
    }

.icon-cross {
    margin: 0;
    padding: 0;
    border: 0;
    background: none;
    position: relative;
    width: 14px;
    height: 14px;
}

    .icon-cross:before, .icon-cross:after {
        content: "";
        position: absolute;
        top: 6.5px;
        left: 0;
        right: 0;
        height: 1.5px;
        background: var(--grey-shade-5);
        border-radius: 5px;
    }

    .icon-cross:before {
        transform: rotate(45deg);
    }

    .icon-cross:after {
        transform: rotate(-45deg);
    }

    .icon-cross span {
        display: block;
    }

.btn-promo-cancel:hover .icon-cross:before,
.btn-promo-cancel:hover .icon-cross:after {
    background: var(--main-green);
}

/* Promo Redemption Info */
.promo-redemption-info {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 25px;
}

    .promo-redemption-info li {
        display: flex;
        align-items: center;
        justify-content: space-between;
        width: 100%;
        gap: 20px;
        padding: 12px 0;
        border-bottom: 1px solid var(--grey-shade-3);
    }

        .promo-redemption-info li .text {
            font-size: 14px;
            /*	width: 120px;*/
            width: 50%;
            line-height: normal;
        }

        .promo-redemption-info li .value {
            font-size: 16px;
            line-height: normal;
            font-weight: 600;
            width: 50%;
            flex: 1;
        }

            .promo-redemption-info li .value .old {
                font-size: 18px;
                font-weight: 500;
                text-decoration: line-through;
                color: var(--grey-shade-4);
                margin-right: 5px;
            }

            .promo-redemption-info li .value .current {
                font-weight: 500;
                color: var(--color-dark-2);
            }

                .promo-redemption-info li .value .current.big {
                    font-size: 18px;
                    font-weight: 600;
                    color: var(--main-green);
                }

                .promo-redemption-info li .value .current.economy {
                    font-size: 18px;
                    font-weight: 600;
                    color: var(--alert-promo-border);
                }

@media (max-width: 560px) {
    .promo-redemption {
        padding: 15px;
    }

    .promo-redemption-inner {
        flex-direction: column;
    }

        .promo-redemption-inner .input-group {
            width: 100%;
        }

        .promo-redemption-inner .btn-promo {
            width: 100%;
            font-size: 14px;
        }

    .promo-redemption-info li .text {
        font-size: 12px;
        width: 35%;
    }

    .promo-redemption-info li .value {
        width: 67%;
    }

        .promo-redemption-info li .value .old {
            font-size: 16px;
        }

        .promo-redemption-info li .value .current {
            font-size: 14px;
        }

            .promo-redemption-info li .value .current.big {
                font-size: 16px;
            }

    .promo-redemption .btn-promo-cancel {
        font-size: 12px;
    }

    .promo-redemption .alert {
        padding: 10px;
    }
}

/* credit schedule */
.credit-schedule-content {
    margin-top: 18px;
    padding: 15px 25px;
    border-top: 1px solid var(--main-green);
    background: var(--color-mint-3);
    border-radius: 15px;
}

    .credit-schedule-content .schedule-scroll {
        max-height: 150px;
        overflow: auto;
        padding-right: 20px;
    }
        /* Стили для WebKit (Chrome, Safari) */
        .credit-schedule-content .schedule-scroll::-webkit-scrollbar {
            width: 3px;
        }

        .credit-schedule-content .schedule-scroll::-webkit-scrollbar-thumb {
            background-color: var(--main-green);
            border-radius: 5px;
        }

        .credit-schedule-content .schedule-scroll::-webkit-scrollbar-track {
            background-color: var(--grey-shade-3);
        }

        .credit-schedule-content .schedule-scroll::-webkit-scrollbar:hover {
            scrollbar-color: var(--main-green);
        }

.credit-graphic,
.credit-graphic th,
.credit-graphic tr,
.credit-graphic td {
    border: none;
}

.credit-graphic {
    width: 100%;
    text-align: center;
    margin: 0;
}

    .credit-graphic th {
        font-weight: 600;
        color: var(--color-dark-2);
    }

    .credit-graphic td {
        padding: 5px 10px;
        line-height: 1;
        color: var(--color-dark-2);
    }

.credit-details li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

    .credit-details li .schedule-title {
        font-size: 14px;
        color: var(--grey-shade-5);
    }

    .credit-details li .schedule-value {
        font-size: 14px;
        font-weight: 600;
        color: var(--color-dark-2);
    }

@media (max-width: 992px) {
    .cabinet .page-title h1 {
        font-size: 28px;
    }

    .cabinet .row .left-block,
    .cabinet .row .right-block {
        width: 100%;
    }

    .cabinet .row .right-block {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
    }

    .cabinet .cabinet-widget {
        width: 100%;
    }

    .credit-info {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
    }

    .credit-min-payment,
    .credit-full-payment {
        width: calc(50% - 15px);
    }

    .credit-min-payment {
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3;
    }

    .credit-full-payment {
        -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
        order: 4;
    }

    .credit-full-payment-list {
        margin-bottom: 25px;
    }
}

@media (max-width: 767px) {
    .cabinet {
        padding-top: 25px;
    }

        .cabinet .page-title {
            text-align: center;
            margin: 0 auto 25px;
        }

            .cabinet .page-title h1 {
                font-size: 18px;
            }

    .credit-min-payment,
    .credit-full-payment {
        width: 100%;
    }

    .cabinet .cabinet-widget {
        margin-bottom: 25px;
    }

    .cabinet .cabinet-widget,
    .cabinet-widget-inner {
        padding: 20px 15px;
    }

    .credit .credit-percent span,
    .credit .credit-status-group span {
        font-size: 12px;
    }

        .credit .credit-percent span:nth-child(2),
        .credit .credit-status-group .credit-status {
            font-size: 15px;
        }

    .credit .credit-percent-group .credit-icon {
        width: 35px;
        height: 35px;
        padding: 10px;
        margin-right: 7px
    }

    .credit .credit-progress .credit-days-left {
        font-size: 23px;
    }

    .credit .credit-progress-bar {
        height: 6px;
    }

    .cabinet .widget-title-sm,
    .credit .credit-progress .credit-date-return {
        font-size: 13px;
    }

    .cabinet .widget-title-lg,
    .cabinet .widget-title-md {
        font-size: 14px;
    }

    .cabinet .widget-title-md {
        max-width: 180px;
    }

    .credit-info-list li.big span {
        font-size: 13px;
    }

    .credit-info-list li span:nth-child(1),
    .credit-info-list li span:nth-child(2) {
        font-size: 12px;
    }

    .credit-min-payment-list li {
        margin-bottom: 14px;
    }

    .credit-schedule {
        padding: 0 15px;
        line-height: 1;
    }

    .credit-schedule-item {
        font-size: 13px;
    }

    .frm-credit-min-payment .btn-min-payment {
        font-size: 16px;
    }

    .credit-promo-slider {
        margin-bottom: 40px;
    }

        .credit-promo-slider .slick-dots {
            margin-top: 0;
        }

    .credit-promo-sale {
        padding: 3px 4px;
    }
}

@media (max-width: 560px) {
    .credit-info .credit-schedule-content {
        padding: 15px 12px;
    }

        .credit-info .credit-schedule-content .schedule-scroll {
            padding-right: 10px;
        }

    .credit-info .schedule-titles {
        align-items: center;
    }

        .credit-info .schedule-titles span,
        .credit-info .schedule-payments li span {
            font-size: 12px;
        }

    .frm-credit-pay .radio-button label span {
        width: 100px;
    }

    .frm-credit-pay .custom-pay .input-group, .frm-credit-pay .custom-pay .input-holder {
        width: 180px;
    }

    .frm-credit-pay .custom-pay-input {
        padding-right: 32px;
    }
}

@media (max-width: 360px) {
    .credit .credit-head {
        flex-direction: column;
    }

    .credit .credit-percent-group {
        margin-bottom: 15px;
    }

    .credit-status-group {
        text-align: center;
    }

    .credit-schedule-item {
        font-size: 12px;
    }

    .credit-schedule-content {
        padding: 15px 10px;
    }

    .credit-full-payment-list li span,
    .credit-min-payment-list li span {
        font-size: 13px;
    }

    .frm-credit-full-payment .field-holder {
        flex-direction: column;
    }

        .frm-credit-full-payment .field-holder .input-group,
        .frm-credit-full-payment .field-holder .btn-full-payment {
            width: 100%;
        }

        .frm-credit-full-payment .field-holder .btn-full-payment {
            margin-top: 8px;
        }

    .credit-info .schedule-titles span,
    .credit-info .schedule-payments li span {
        font-size: 10.5px;
    }

    .frm-credit-pay .btn-pay,
    .frm-credit-pay .btn-pay span {
        font-size: 16px;
    }
}

@media (max-width: 340px) {
    .frm-credit-pay .custom-pay .input-group, .frm-credit-pay .custom-pay .input-holder {
        width: 125px;
    }
}
/* ------------------------------------------------------------- *
 * Cabinet / Credit
/* ------------------------------------------------------------- */
.calc-cabinet {
    max-width: 100%;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 25px 0;
}

    .calc-cabinet .calc-left {
        width: 58%;
        padding: 0 60px 0 30px;
    }

    .calc-cabinet .calc-right {
        width: 42%;
        padding: 0 30px 0 60px;
        border-left: 1px solid var(--grey-shade-6);
    }

    .calc-cabinet .calc-text {
        border-top: 0;
        margin: 0;
        padding: 0;
    }

    .calc-cabinet .calc-schedule-item {
        color: var(--color-dark-1);
        font-weight: 500;
    }

        .calc-cabinet .calc-schedule-item:before {
            border-color: var(--color-dark-1);
            border-width: 2px;
        }

        .calc-cabinet .calc-schedule-item.open {
            color: var(--main-green);
        }

            .calc-cabinet .calc-schedule-item.open:before {
                border-color: var(--main-green);
            }

@media (max-width: 1200px) {
    .calc-cabinet .calc-left {
        padding: 0 40px 0 15px;
    }

    .calc-cabinet .calc-right {
        padding: 0 15px 0 40px;
    }
}

@media (max-width: 1200px) {
    .calc-cabinet .calc-left,
    .calc-cabinet .calc-right {
        width: 50%;
        padding: 0;
    }

    .calc-cabinet .calc-left {
        padding-right: 25px;
    }

    .calc-cabinet .calc-right {
        padding-left: 25px;
    }
}

@media (max-width: 767px) {
    .calc-cabinet .calc-left,
    .calc-cabinet .calc-right {
        width: 100%;
        padding: 0;
    }

    .calc-cabinet .calc-right {
        margin-top: 25px;
        border-left: 0;
    }
}

/* ------------------------------------------------------------- *
 * Cabinet / Bank Cards
/* ------------------------------------------------------------- */
.cabinet .my-cards {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.my-cards .my-card {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    background: var(--main-green);
    border-radius: 15px;
    /*	flex: 1;*/
    height: 238.4px;
    max-height: 240px;
    width: calc(33.3% - 15px);
    margin-right: 15px;
    -webkit-box-shadow: 0 0 15px rgba(6,31,101,.10);
    box-shadow: 0 0 15px rgba(6,31,101,.10);
    margin-bottom: 30px;
}

    .my-cards .my-card:odd,
    .my-cards .my-card:last-child {
        margin-right: 0;
    }

    .my-cards .my-card.card-privatbank {
        background: #56AF2D;
    }

    .my-cards .my-card.card-monobank {
        background: #000000;
    }

    .my-cards .my-card.card-pumb {
        background: #D13239;
    }

    .my-cards .my-card.card-unexbank {
        background: #F24741;
    }

    .my-cards .my-card.card-raiffeisen {
        background: #FFEF00;
    }

    .my-cards .my-card.card-abank {
        background: #212529;
    }

    .my-cards .my-card.card-sensebank {
        background: #000000;
    }

    .my-cards .my-card.card-otpbank {
        background: #231F20;
    }

    .my-cards .my-card.card-oschadbank {
        background: #F9EC31;
    }

    .my-cards .my-card.card-other-bank {
        background: var(--main-green);
    }

    .my-cards .my-card.card-raiffeisen .my-card-date,
    .my-cards .my-card.card-oschadbank .my-card-date,
    .my-cards .my-card.card-raiffeisen .my-card-number,
    .my-cards .my-card.card-oschadbank .my-card-number {
        color: var(--color-dark-1);
    }

    .my-cards .my-card .my-card-top {
        position: relative;
        padding: 15px 25px 25px 25px;
    }

        .my-cards .my-card .my-card-top:before {
            content: "";
            position: absolute;
            top: 50%;
            left: 50%;
            -webkit-transform: translate(-50%,-50%);
            -ms-transform: translate(-50%,-50%);
            transform: translate(-50%,-50%);
            width: 100%;
            height: 100%;
            background-image: url('../images/illustrations/card-vector.svg?v=CaLecDy2kkDOgxEYGSunYh7IGfo');
            background-size: 65%;
            background-repeat: no-repeat;
            background-position: center;
            z-index: 0;
        }

    .my-cards .my-card .my-card-head {
        position: relative;
        z-index: 5;
        height: 40px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }

    .my-cards .my-card .my-card-logo {
        height: 20px;
    }

    .my-cards .my-card .my-card-date {
        font-size: 11px;
        font-weight: 400;
        color: var(--color-white);
    }

    .my-cards .my-card .my-card-number {
        font-size: 24px;
        font-weight: 400;
        letter-spacing: 2px;
        color: var(--color-white);
        padding-top: 50px;
        position: relative;
        z-index: 5;
    }

    .my-cards .my-card .my-card-bottom {
        position: relative;
        z-index: 5;
        height: 70px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        background: var(--color-white);
        padding: 25px;
        border-radius: 0 0 15px 15px;
    }

        .my-cards .my-card .my-card-bottom button {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            text-decoration: underline;
            color: var(--main-green);
            padding: 0;
        }

            .my-cards .my-card .my-card-bottom button img {
                margin-right: 5px;
                width: 20px;
                height: 20px;
            }

        .my-cards .my-card .my-card-bottom .btn-remove-card {
            color: var(--grey-shade-5);
        }

    .my-cards .my-card.add-new {
        background: var(--color-white);
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        cursor: pointer;
        -webkit-transition: .2s ease;
        -o-transition: .2s ease;
        transition: .2s ease;
    }

        .my-cards .my-card.add-new:hover {
            -webkit-box-shadow: 0 0 15px rgba(134,215,168,.45);
            box-shadow: 0 0 15px rgba(134,215,168,.45);
        }

        .my-cards .my-card.add-new .my-card-inner {
            text-align: center;
        }

        .my-cards .my-card.add-new .my-card-plus {
            position: relative;
            display: inline-block;
        }

            .my-cards .my-card.add-new .my-card-plus span {
                display: inline-block;
                width: 9px;
                height: 31px;
                border-radius: 1px;
                background: var(--main-green);
            }

                .my-cards .my-card.add-new .my-card-plus span:nth-child(2) {
                    position: absolute;
                    top: 50%;
                    left: 50%;
                    margin-top: -3px;
                    -webkit-transform: translate(-50%,-50%) rotate(90deg);
                    -ms-transform: translate(-50%,-50%) rotate(90deg);
                    transform: translate(-50%,-50%) rotate(90deg);
                }

        .my-cards .my-card.add-new .my-card-text {
            font-size: 16px;
            font-weight: 600;
            color: var(--main-green);
            text-decoration: underline;
            margin-top: 10px;
        }

.modal-addnew-card .bank-attention-text {
    max-width: 400px;
    margin: 20px auto;
}

@media (max-width: 1200px) {
    .my-cards .my-card {
        height: 228.4px;
    }

        .my-cards .my-card .my-card-number {
            padding-top: 40px;
        }
}

@media (max-width: 992px) {
    .my-cards .my-card {
        width: calc(50% - 15px);
    }

        .my-cards .my-card:even {
            margin-right: 0;
        }

        .my-cards .my-card:odd {
            margin-right: 15px;
        }
}

@media (max-width: 767px) {
    .my-cards .my-card {
        width: 100%;
        margin-right: 0;
        height: 215px;
    }

        .my-cards .my-card .my-card-number {
            padding-top: 30px;
            font-size: 21px;
        }

        .my-cards .my-card .my-card-top {
            padding: 15px;
        }

        .my-cards .my-card .my-card-bottom {
            padding: 15px;
            height: 60px;
        }

            .my-cards .my-card .my-card-bottom button {
                font-size: 14px;
            }

    .modal-addnew-card .modal-content {
        border-radius: 15px;
        padding-bottom: 0;
    }
}

@media (max-width: 350px) {
    .my-cards .my-card {
        height: 200px;
    }
}
/* ------------------------------------------------------------- *
 * Cabinet / Personal Information
/* ------------------------------------------------------------- */
.personal-head {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 100%;
    margin-bottom: 35px;
}

    .personal-head .personal-avatar {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
    }

    .personal-head .personal-avatar-inner {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        position: relative;
        width: 65px;
        height: 65px;
        background: var(--main-green);
        border-radius: 50%;
        margin-right: 12px;
    }

        .personal-head .personal-avatar-inner span {
            font-size: 20px;
            font-weight: 600;
            color: var(--color-white);
            line-height: 1;
            text-transform: uppercase;
        }

.personal-nav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

    .personal-nav .personal-tab {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        border-radius: 8px;
        background: var(--bg-color-1);
        color: var(--color-dark-1);
        padding: 15px 40px 15px 15px;
        margin-right: 15px;
    }

        .personal-nav .personal-tab:last-child {
            margin-right: 0;
        }

        .personal-nav .personal-tab .icon {
            margin-bottom: 5px;
            background: var(--color-dark-1);
            -webkit-transition: .2s ease;
            -o-transition: .2s ease;
            transition: .2s ease;
        }

        .personal-nav .personal-tab.active {
            background: var(--main-green);
            color: var(--color-white);
        }

            .personal-nav .personal-tab.active .icon {
                background: var(--color-white);
            }

        .personal-nav .personal-tab:hover {
            background: var(--main-green);
            color: var(--color-white);
        }

            .personal-nav .personal-tab:hover .icon {
                background: var(--color-white);
            }
/* Personal Data Output */
.personal-data {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.personal-data-output {
    width: calc(50% - 15px);
    margin-bottom: 15px;
}

    .personal-data-output:nth-child(odd) {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
    }

    .personal-data-output:nth-child(even) {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
    }

    .personal-data-output .personal-label {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        margin-bottom: 5px;
    }

        .personal-data-output .personal-label span {
            font-size: 16px;
            font-weight: 400;
            color: var(--grey-shade-5);
        }

    .personal-data-output .personal-output {
        display: flex;
        justify-content: space-between;
        align-items: center;
        border: 1px solid var(--grey-shade-1);
        border-radius: 8px;
        color: var(--color-dark-1);
        padding: 10px 12px;
    }
/* Personal Info */
.personal-info,
.personal-info-inner {
    width: 100%;
}

.personal-info {
    margin-top: 25px;
}

.personal-info-inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 20px;
}

.personal-info .personal-info-item {
    width: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-right: 30px;
}

.personal-info .howto-num {
    min-width: 50px;
    min-height: 50px;
    border-radius: 50%;
    background-color: var(--main-green);
    font-size: 20px;
    color: var(--color-white);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.personal-info .howto-group {
    margin-left: 15px;
}

    .personal-info .howto-group p {
        margin-bottom: 0;
        font-size: 14px;
        line-height: 1.2;
    }

        .personal-info .howto-group p a {
            font-size: 14px;
        }

.personal-info .button-cta {
    margin-left: auto;
}

    .personal-info .button-cta .btn {
        width: 220px;
        font-weight: 500;
    }

        .personal-info .button-cta .btn img {
            width: 22px;
            height: 22px;
            margin-right: 5px;
        }
/* Personal Contact */
.personal-contact {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    padding-top: 30px;
    margin-top: 30px;
    border-top: 1px dashed var(--grey-shade-4);
}

    .personal-contact p {
        font-size: 14px;
        font-weight: 400;
        color: var(--grey-shade-5);
        max-width: 480px;
    }

    .personal-contact > div {
        text-align: right;
    }

        .personal-contact > div > a {
            font-size: 20px;
            font-weight: 500;
            text-decoration: underline;
        }

        .personal-contact > div > span {
            display: block;
            font-size: 12px;
            line-height: 1;
            color: var(--grey-shade-5);
        }

.personal-data .change-data {
    font-size: 14px;
    font-weight: 400;
    color: var(--main-green);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    line-height: 1;
    cursor: pointer;
}

    .personal-data .change-data img {
        width: 15px;
        height: 15px;
        margin-right: 5px;
    }

.modal-change-data .phone-change {
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-transition: all .2s;
    -o-transition: all .2s;
    transition: all .2s;
}

    .modal-change-data .phone-change.is-editing {
        border: 1px solid var(--grey-shade-1);
        border-radius: 5px;
        height: 40px;
        padding: 12px;
        margin-top: 4px;
    }

    .modal-change-data .phone-change .phone-user-value {
        font-size: 16px;
        font-weight: 600;
        color: var(--main-green);
        font-size: 16px;
        line-height: 1;
        -webkit-transition: all .2s;
        -o-transition: all .2s;
        transition: all .2s;
    }

    .modal-change-data .phone-change.is-editing .phone-user-value {
        font-weight: 400;
        color: var(--color-dark-2);
    }

    .modal-change-data .phone-change.input-error {
        border-color: var(--state-error);
    }

    .modal-change-data .phone-change .phone-user-change {
        font-size: 16px;
        font-weight: 400;
        color: var(--main-green);
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        line-height: 1;
        cursor: pointer;
    }

        .modal-change-data .phone-change .phone-user-change:hover {
            text-decoration: underline;
        }

        .modal-change-data .phone-change .phone-user-change img {
            width: 17px;
            height: 17px;
            margin-right: 5px;
        }

.modal-change-data .phone-subtitle {
    margin-bottom: 0;
    margin-top: 8px;
}

@media (max-width: 1200px) {
    .personal-head .personal-avatar-inner span,
    .personal-head .personal-avatar .h4 {
        font-size: 18px;
    }

    .personal-nav .personal-tab {
        padding: 15px 25px 15px 15px;
    }

    .personal-info .howto-group p br {
        display: none;
    }
}

@media (max-width: 992px) {
    .personal-head {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

        .personal-head .personal-avatar {
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center;
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
            -ms-flex-direction: column;
            flex-direction: column;
            margin-bottom: 25px;
        }

        .personal-head .personal-avatar-inner {
            margin-bottom: 12px;
            margin-right: 0;
        }

    .personal-nav {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
}

@media (max-width: 767px) {
    .personal-head .personal-avatar-inner {
        width: 55px;
        height: 55px;
    }

        .personal-head .personal-avatar-inner span,
        .personal-head .personal-avatar .h4 {
            font-size: 16px;
            text-align: center;
        }

    .personal-nav {
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }

        .personal-nav .personal-tab {
            width: 33%;
            padding: 10px;
            font-size: 11px;
            line-height: 1;
            margin-right: 5px;
        }

            .personal-nav .personal-tab .icon {
                margin-bottom: 10px;
            }

    .personal-data-output {
        width: 100%;
    }

        .personal-data-output:nth-child(odd),
        .personal-data-output:nth-child(even) {
            -webkit-box-ordinal-group: inherit;
            -ms-flex-order: inherit;
            order: inherit;
        }

    .personal-contact {
        text-align: center;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

        .personal-contact > div {
            text-align: center;
            margin-top: 12px;
        }

    .personal-info-inner {
        flex-wrap: wrap;
    }

    .personal-info .button-cta {
        margin-left: 0;
    }

    .personal-info .personal-info-item {
        margin-bottom: 25px;
        margin-right: 0;
    }

    .personal-info .howto-num {
        min-width: 45px;
        min-height: 45px;
    }

    .personal-info .howto-group {
        margin-left: 10px;
    }

        .personal-info .howto-group .h6 {
            font-size: 15px;
            line-height: 1.2;
        }

    .personal-info .button-cta,
    .personal-info .button-cta .btn {
        width: 100%;
    }
}
/* ------------------------------------------------------------- *
 * Cabinet / My Documents
/* ------------------------------------------------------------- */
.my-documents {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

    .my-documents .document {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        width: calc(50% - 15px);
        padding: 15px;
        background: var(--bg-color-1);
        border-radius: 8px;
        margin-bottom: 15px;
    }

    .my-documents .document-name {
        font-size: 16px;
        font-weight: 400;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        color: var(--color-dark-1);
    }

        .my-documents .document-name span {
            line-height: 1;
        }

    .my-documents .document-date {
        color: var(--grey-shade-4);
    }

@media (max-width: 767px) {
    .my-documents .document {
        width: 100%;
    }

    .my-documents .document-date {
        font-size: 14px;
    }
}
/* ------------------------------------------------------------- *
 * Registration / Upload Documents
/* ------------------------------------------------------------- */
.upload-documents {
    width: 100%;
    max-width: 540px;
    margin: 0 auto;
}

    .upload-documents .drop-area {
        padding: 30px 50px;
    }

        .upload-documents .drop-area img {
            width: 75px;
        }

        .upload-documents .drop-area .drop-upload-title {
            font-size: 14px;
            line-height: 1.2;
            font-weight: 400;
            color: var(--color-dark-1);
            margin-bottom: 15px;
        }

        .upload-documents .drop-area .drop-upload-btn {
            margin-bottom: 15px;
        }

#file-list {
    margin-top: 25px;
}

.file-item {
    margin-bottom: 20px;
}

.file-info-wrap {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

    .file-info-wrap img {
        width: 20px;
        height: 20px;
    }

.file-name {
    font-size: 14px;
    font-weight: bold;
    margin-right: 12px;
}

.file-size {
    font-size: 14px;
    color: var(--grey-shade-5);
}

.file-progress {
    -webkit-appearance: none;
    appearance: none;
    width: 100%;
    height: 2px;
    margin: 4px 0 9px 0;
}

progress::-webkit-progress-bar {
    background-color: var(--grey-shade-1);
    border-radius: 2px;
}

progress::-webkit-progress-value {
    background-color: var(--main-green);
}

.progress-size {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.progress-percent,
.file-progress-info {
    font-size: 12px;
    color: var(--grey-shade-5);
}

.file-progress.complete {
    background-color: #6fbf73; /* Зеленый цвет для завершенной загрузки */
}

.btn-send-files {
    font-size: 15px;
    margin: 25px auto 0;
    width: 100%;
    max-width: 230px;
}

.file-error progress::-webkit-progress-bar {
    background-color: var(--state-error);
}

.file-error .error-message {
    font-size: 14px;
    color: var(--state-error);
    margin-top: 2px;
}

@media (max-width: 767px) {
    .upload-documents .drop-area img {
        width: 50px;
    }

    .upload-documents .drop-area {
        padding: 25px 20px;
    }

        .upload-documents .drop-area .drop-upload-title {
            font-size: 12px;
        }

    .file-size {
        font-size: 12px;
    }
}

/* ------------------------------------------------------------- *
 * Cabinet / Credit History
/* ------------------------------------------------------------- */
.credits-table {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 100%;
    border-radius: 20px;
    background-color: var(--color-white);
}

    .credits-table .table-head,
    .credits-table .table-row {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        width: 100%;
        padding: 0 25px;
    }

        .credits-table .table-head > div,
        .credits-table .table-row > div {
            -webkit-box-flex: 1;
            -ms-flex: 1;
            flex: 1;
            font-size: 15px;
            line-height: 1;
        }

            .credits-table .table-head > div:nth-child(1),
            .credits-table .table-row > div:nth-child(1) {
                max-width: 130px;
            }

    .credits-table .table-head {
        border-radius: 20px 20px 0 0;
        background-color: var(--main-green);
    }

        .credits-table .table-head > div {
            color: var(--color-white);
            font-weight: 500;
            padding: 30px 0;
        }

    .credits-table .table-row:nth-child(odd) {
        background-color: var(--bg-color-1);
    }

    .credits-table .table-row > div {
        padding: 15px 0;
    }

    .credits-table div.status {
        position: relative;
        padding-left: 12px;
    }

        .credits-table div.status:before {
            content: '';
            position: absolute;
            top: 50%;
            left: 0;
            -webkit-transform: translateY(-50%);
            -ms-transform: translateY(-50%);
            transform: translateY(-50%);
            width: 7px;
            height: 7px;
            border-radius: 50%;
        }

        .credits-table div.status.current:before {
            background: var(--state-success);
        }

        .credits-table div.status.overdue:before {
            background: var(--state-danger);
        }

        .credits-table div.status.paid:before {
            background: var(--grey-shade-4);
        }

    .credits-table .card-documents a {
        color: var(--color-link);
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        margin-bottom: 8px;
        text-decoration: underline;
    }

        .credits-table .card-documents a.not-allowed {
            color: var(--grey-shade-5);
        }

        .credits-table .card-documents a:last-child {
            margin-bottom: 0;
        }

        .credits-table .card-documents a:hover {
            text-decoration: none;
        }

    .credits-table .card-mob-content {
        display: none;
        width: 100%;
        min-width: 100%;
        padding: 20px 0 5px 0 !important;
        background-color: var(--color-white);
        border-radius: 0 0 20px 20px;
    }

        .credits-table .card-mob-content > div {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-pack: justify;
            -ms-flex-pack: justify;
            justify-content: space-between;
            padding: 0 15px;
        }

    .credits-table ul.card-mob-content li {
        position: relative;
        width: calc(100% - 30px);
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        margin: 0 15px 15px 15px;
        font-size: 15px;
        z-index: 1;
    }

        .credits-table ul.card-mob-content li span {
            background: var(--color-white);
            padding: 2px 0;
        }

            .credits-table ul.card-mob-content li span:nth-child(1) {
                font-weight: 600;
            }

        .credits-table ul.card-mob-content li:after {
            content: '';
            position: absolute;
            bottom: 2px;
            left: 0;
            height: 1px;
            width: calc(100% - 10px);
            border-bottom: 1px dashed var(--grey-shade-1);
            border-radius: 1px;
            z-index: -1;
        }

        .credits-table ul.card-mob-content li .status {
            padding: 5px 10px;
            line-height: 1;
            border-radius: 8px;
            color: var(--color-white);
        }

            .credits-table ul.card-mob-content li .status.current {
                background: var(--state-success);
            }

            .credits-table ul.card-mob-content li .status.overdue {
                background: var(--state-danger);
            }

            .credits-table ul.card-mob-content li .status.paid {
                background: var(--grey-shade-4);
            }

        .credits-table ul.card-mob-content li.toggle-item {
            display: none;
        }

            .credits-table ul.card-mob-content li.toggle-item.active {
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
            }

@media (max-width: 992px) {
    .credits-table {
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        background-color: transparent;
        -webkit-box-shadow: none !important;
        box-shadow: none !important;
    }

        .credits-table .table-head {
            display: none;
        }

        .credits-table .table-head,
        .credits-table .table-card {
            -ms-flex-wrap: wrap;
            flex-wrap: wrap;
            padding: 0;
            border-radius: 20px;
            background-color: var(--main-green) !important;
        }

        .credits-table .table-card {
            width: calc(50% - 12px);
            margin-bottom: 25px;
            -webkit-box-shadow: 0 0 15px rgba(6,31,101,.10);
            box-shadow: 0 0 15px rgba(6,31,101,.10);
        }

            .credits-table .table-card > div:nth-child(1):before {
                content: attr(data-card-title);
                font-size: 15px;
                line-height: 1;
                margin-right: 5px;
            }

            .credits-table .table-card > div {
                display: none;
            }

                .credits-table .table-card > div:nth-child(1),
                .credits-table .table-card > div:nth-child(2) {
                    display: block;
                    width: 50%;
                    max-width: 50%;
                    padding: 20px 15px;
                    font-weight: 500;
                    color: var(--color-white);
                }

                .credits-table .table-card > div:nth-child(2) {
                    text-align: right;
                    font-weight: 400;
                }

        .credits-table ul.card-mob-content {
            display: block !important;
        }

        .credits-table .table-card .card-button:after {
            content: "";
            display: inline-block;
            -webkit-transform: translate(-50%, -50%) rotate(45deg);
            -ms-transform: translate(-50%, -50%) rotate(45deg);
            transform: translate(-50%, -50%) rotate(45deg);
            width: 7px;
            height: 7px;
            border: 1.5px solid var(--color-white);
            border-top: none;
            border-left: none;
            margin-left: 10px;
            -webkit-transition: .2s ease;
            -o-transition: .2s ease;
            transition: .2s ease;
        }

        .credits-table .table-card .card-button.active:after {
            -webkit-transform: translate(-50%, -10%) rotate(-135deg);
            -ms-transform: translate(-50%, -10%) rotate(-135deg);
            transform: translate(-50%, -10%) rotate(-135deg);
        }

        .credits-table .table-card .card-documents {
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
            -ms-flex-direction: column;
            flex-direction: column;
            -webkit-box-align: start;
            -ms-flex-align: start;
            align-items: flex-start;
        }

            .credits-table .table-card .card-documents:after {
                display: none;
            }

            .credits-table .table-card .card-documents span {
                margin-bottom: 8px;
            }
}

@media (max-width: 767px) {
    .credits-table .table-card {
        width: 100%
    }
}

/* ------------------------------------------------------------- *
 * Breadcrumbs
/* ------------------------------------------------------------- */
.breadcrumbs {
    padding-bottom: 25px;
}

    .breadcrumbs li {
        display: inline-block;
    }

        .breadcrumbs li:after {
            content: '';
            display: inline-block;
            margin: 0 8px 0 10px;
            color: var(--grey-shade-5);
            width: 6px;
            height: 6px;
            border: 1px solid var(--grey-shade-5);
            border-top: none;
            border-left: none;
            -webkit-transform: translateY(-2px) rotate(-45deg);
            -ms-transform: translate(-50%, -75%) rotate(45deg);
            transform: translateY(-2px) rotate(-45deg);
        }

        .breadcrumbs li:last-child:after {
            display: none;
        }

        .breadcrumbs li a {
            color: var(--grey-shade-5);
            font-size: 14px;
        }

        .breadcrumbs li.current a {
            color: var(--main-green);
        }

        .breadcrumbs li a:hover {
            text-decoration: underline;
        }
/* ------------------------------------------------------------- *
 * Pagination
/* ------------------------------------------------------------- */
.pagination {
    margin: 0 auto;
    width: 100%;
    display: flex;
    justify-content: center;
}

    .pagination ul {
        margin: 0;
        padding: 0;
        list-style-type: none;
    }

    .pagination a {
        display: inline-block;
        color: var(--color-dark-2);
        width: 32px;
        height: 32px;
        line-height: 32px;
        font-size: 14px;
        padding: 0;
        text-align: center;
        border: 1px solid var(--grey-shade-3);
        border-radius: 4px;
    }

        .pagination a:first-child,
        .pagination a:last-child {
            border: none;
            color: var(--grey-shade-4);
        }

        .pagination a:hover {
            background-color: var(--main-green);
            color: var(--color-white);
        }

        .pagination a.is-active {
            background-color: var(--main-green);
            border-color: var(--main-green);
            color: var(--color-white);
        }

/* ------------------------------------------------------------- *
 * Page Styles
/* ------------------------------------------------------------- */
.section-page {
    padding-top: 40px;
}

    .section-page .page-inner-content {
        width: calc(62% - 30px);
        height: 100%;
        background: var(--color-white);
        padding: 30px 30px;
        border-radius: 25px;
        -webkit-box-shadow: 0 0 15px rgba(6,31,101,.15);
        box-shadow: 0 0 15px rgba(6,31,101,.15);
    }

    .section-page .page-title {
        margin-bottom: 30px;
    }

        .section-page .page-title h1 {
            text-align: left;
            line-height: 1.2;
        }

@media (max-width: 1200px) {
    .section-page .page-inner-content {
        width: calc(58% - 15px);
    }
}

@media (max-width: 992px) {
    .section-page .page-inner-content {
        width: 100%;
        margin-bottom: 30px;
    }

    .section-page .calc-main {
        width: 100%;
        max-width: 520px;
        margin: 0 auto;
    }
}

@media (max-width: 767px) {
    .section-page .page-inner-content {
        padding: 25px 15px;
    }

    .section-page .page-title {
        margin-bottom: 25px;
    }
}

@media (max-width: 560px) {
    .section-page .page-inner-content {
        padding: 0;
        -webkit-box-shadow: none;
        box-shadow: none;
        background: transparent;
    }
}
/* ------------------------------------------------------------- *
 * Page News
/* ------------------------------------------------------------- */
.page-news .news-wrap {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.page-news .news-item {
    width: calc(50% - 15px);
    margin: 0 0 30px 0;
    -webkit-box-shadow: 0 0 15px rgba(6,31,101,.10);
    box-shadow: 0 0 15px rgba(6,31,101,.10);
    border: 0;
}

.page-news a.news-item:hover {
    -webkit-box-shadow: 0 0 15px rgba(134,215,168,.45);
    box-shadow: 0 0 15px rgba(134,215,168,.45);
}

.page-news .news-post {
    width: 100%;
    -webkit-box-shadow: none;
    box-shadow: none;
    margin-bottom: 0;
}

    .page-news .news-post .news-text {
        padding: 20px 0;
    }

    .page-news .news-post .news-top p {
        margin-bottom: 20px;
    }

    .page-news .news-post .news-date {
        display: flex;
        justify-content: space-between;
        margin-bottom: 15px;
    }

        .page-news .news-post .news-date .group {
            display: flex;
            flex-wrap: wrap;
        }

@media (max-width: 1200px) {
    .page-news .news-item {
        width: 100%;
    }
}

@media (max-width: 767px) {
    .page-news .news-item {
    }
}
/* ------------------------------------------------------------- *
 * Page News / Other News
/* ------------------------------------------------------------- */
.news-other {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    width: 100%;
    padding: 50px 0;
}

    .news-other .h3 {
        text-align: center;
    }

    .news-other .news-other-slider {
        width: 100%;
        margin-bottom: 0;
    }

        .news-other .news-other-slider .news-item {
            width: auto;
            border: 1px solid var(--grey-shade-2);
            -webkit-box-shadow: none;
            box-shadow: none;
            margin-bottom: 0;
        }

        .news-other .news-other-slider .slick-list {
            /*    padding-right: 14%;*/
            margin: 0 -7.5px;
        }

        .news-other .news-other-slider .slick-slide {
            margin: 0 7.5px;
        }

        .news-other .news-other-slider .slick-slide {
            opacity: .5;
        }

            .news-other .news-other-slider .slick-slide.slick-active {
                opacity: 1;
            }

.news-other-heading {
    display: flex;
    justify-content: space-between;
    width: 100%;
    align-items: center;
    margin-bottom: 25px;
}

.slider-arrows {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 6px;
}

.news-slider-arrow {
    background: none;
    border: none;
    cursor: pointer;
    position: relative;
    z-index: 10;
    width: 34px;
    height: 34px;
    background: var(--main-green);
    border-radius: 9px;
}

    .news-slider-arrow svg {
        fill: var(--color-white);
        width: 22px;
        height: 22px;
        display: inline-block;
        vertical-align: middle;
    }

    .news-slider-arrow:hover svg {
        fill: var(--color-white);
    }

@media (max-width: 560px) {
    .news-slider-arrow {
        width: 30px;
        height: 30px;
    }

        .news-slider-arrow svg {
            width: 20px;
            height: 20px;
        }

    .news-other .news-other-slider .slick-list {
        padding-right: 14%;
        margin: 0 0 0 -7.5px;
    }
}
/* ------------------------------------------------------------- *
 * Page Promo
/* ------------------------------------------------------------- */
.page-promo .promo-wrap {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.page-promo .promo-item {
    width: calc(50% - 10px);
    border-radius: 20px;
    background-color: var(--color-white);
    margin-bottom: 30px;
    overflow: hidden;
}

    .page-promo .promo-item:first-child {
        width: 100%;
    }

    .page-promo .promo-item .promo-banner {
        position: relative;
        overflow: hidden;
    }

        .page-promo .promo-item .promo-banner img {
            border-radius: 20px 20px 0 0;
            object-fit: cover;
            height: 120px;
        }

    .page-promo .promo-item:first-child .promo-banner img {
        height: 100%;
    }

.page-promo .promo-text {
    padding: 20px 15px;
}

.page-promo .promo-top .promo-title {
    font-size: 18px;
    font-weight: 600;
    color: var(--color-dark-2);
    line-height: 1.2;
    margin-bottom: 15px;
}

.page-promo .promo-top p {
    line-height: 1.2;
    margin-bottom: 15px;
}

.page-promo .promo-bottom {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

    .page-promo .promo-bottom .btn-promo-details {
        font-size: 14px;
        font-weight: 400;
        color: var(--main-green);
        text-decoration: underline;
    }

        .page-promo .promo-bottom .btn-promo-details:hover {
            text-decoration: none;
        }

.page-promo .promo-countdown {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    background: var(--color-mint-2);
    border-bottom: 2px solid var(--main-green);
    padding: 8px;
    margin-bottom: 15px;
}

.page-promo .promo-countdown-text {
    display: flex;
    align-items: center;
}

    .page-promo .promo-countdown-text img {
        width: 15px;
        height: 15px;
        margin-right: 5px;
    }

    .page-promo .promo-countdown-text span {
        font-size: 14px;
        font-weight: 400;
        color: var(--color-dark-2);
        line-height: 1;
    }

.page-promo .promo-countdown-wrap span {
    display: inline-block;
    font-size: 15px;
    font-weight: 600;
    color: var(--color-dark-2);
    line-height: 1;
}

.page-promo .promo-expired .promo-banner:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background: rgba(221, 222, 222, .80);
    z-index: 3;
}
/*.page-promo .promo-expired .promo-banner img {
	filter: blur(5px);
    -webkit-filter: blur(5px);
    -moz-filter: blur(5px);
    -o-filter: blur(5px);
    -ms-filter: blur(5px);
    filter:progid:DXImageTransform.Microsoft.Blur(PixelRadius='5');
}*/
.page-promo .promo-expired .promo-banner > span {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%) rotate(-5deg);
    transform: translate(-50%,-50%) rotate(-5deg);
    font-size: 14px;
    font-weight: 600;
    background: var(--main-green);
    color: var(--color-white);
    padding: 12px 20px;
    border-radius: 8px;
    z-index: 5;
    min-width: 180px;
    text-align: center;
    line-height: 1;
    user-select: none;
}

.page-promo .promo-expired .promo-top,
.page-promo .promo-expired .promo-countdown {
    opacity: .5;
}

.page-promo .promo-post {
    margin-bottom: 0;
}

    .page-promo .promo-post .promo-top {
        margin-bottom: 30px;
    }

    .page-promo .promo-post .promo-text {
        padding: 20px 0;
    }

    .page-promo .promo-post .promo-date {
        color: var(--grey-shade-5);
        font-size: 13px;
        margin-bottom: 15px;
    }

    .page-promo .promo-post .accordion-item {
        -webkit-box-shadow: none;
        box-shadow: none;
    }

    .page-promo .promo-post .accordion-header {
        background: var(--bg-color-1);
        padding: 15px;
    }

        .page-promo .promo-post .accordion-header .accordion-title {
            color: var(--color-dark-2);
        }

    .page-promo .promo-post.promo-expired .promo-top {
        opacity: 1;
    }

.post-bottom {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    padding: 20px 15px;
    background: var(--bg-color-1);
    border-radius: 15px;
}

    .post-bottom .rating-holder,
    .post-bottom .group {
        display: flex;
        flex-wrap: wrap;
    }

    .post-bottom .rating-holder {
        align-items: center;
    }

        .post-bottom .rating-holder span {
            font-size: 14px;
            margin-right: 5px;
            color: var(--grey-shade-5);
        }

    .post-bottom .rating > label {
        width: 18px;
        height: 18px;
    }

.post-date {
    font-size: 14px;
    font-weight: 300;
    color: var(--grey-shade-5);
}

.post-views {
    margin-right: 15px;
}

.post-likes {
    cursor: pointer;
}

.post-likes,
.post-views {
    display: flex;
    align-items: center;
}

    .post-likes svg,
    .post-views img {
        width: 18px;
        height: 18px;
        margin-right: 3px;
    }

    .post-likes span,
    .post-views span {
        color: var(--grey-shade-5);
        line-height: 1;
    }

    .post-likes:hover svg path,
    .post-likes.is-liked svg path {
        fill: var(--color-badge);
        stroke: var(--color-badge);
    }

.post-tags {
    display: flex;
    margin: 40px 0 20px 0;
}

    .post-tags span {
        font-weight: 500;
        color: var(--color-dark-1);
    }

    .post-tags ul {
        display: flex;
        flex-wrap: wrap;
        margin-left: 4px;
    }

        .post-tags ul li {
            margin-right: 4px;
        }

            .post-tags ul li:last-child {
                margin-right: 0;
            }

            .post-tags ul li a {
                color: var(--color-dark-2);
            }

                .post-tags ul li a:hover {
                    text-decoration: underline;
                }

.post-share,
.post-share ul {
    display: flex;
    align-items: center;
}

    .post-share ul li {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        background: var(--main-green);
        border-radius: 50%;
        padding: 5px;
        width: 25px;
        height: 25px;
        margin-right: 5px;
    }

        .post-share ul li:last-child {
            margin: 0;
        }

        .post-share ul li img {
            min-width: 20px;
            min-height: 20px;
        }

        .post-share ul li:hover {
            background-color: var(--color-orange);
        }

    .post-share span {
        font-size: 14px;
        line-height: 1;
        color: var(--grey-shade-5);
        margin-right: 10px;
    }

@media (max-width: 1200px) {
    .page-promo .promo-item {
        width: 100%;
    }
}

@media (max-width: 992px) {
    .page-promo .promo-item {
        width: calc(50% - 15px);
    }
}

@media (max-width: 767px) {
    .page-promo .promo-item {
        width: 100%;
    }

        .page-promo .promo-item .promo-banner img,
        .page-promo .promo-item:first-child .promo-banner img {
            height: 125px;
        }

    .page-promo .slider-navigation {
        display: none;
    }

    .page-promo .page-title {
        margin-bottom: 25px;
    }

    .page-promo .page-title-group {
        width: 100%;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }

    .page-promo .btn-news-all {
        font-size: 12px;
        margin: 0;
    }

    .page-promo .promo-top .promo-title {
        font-size: 16px;
    }

    .page-promo .promo-top p {
        font-size: 14px;
    }

    .page-promo .promo-text {
        padding: 20px 15px 15px 15px;
    }

    .page-promo .promo-countdown-text span {
        font-size: 12px;
    }

    .page-promo .promo-countdown-wrap span,
    .page-promo .promo-expired .promo-banner > span {
        font-size: 14px;
    }
}

@media (max-width: 560px) {
    .post-bottom {
        flex-direction: column;
        gap: 12px;
    }

        .post-bottom .rating > label {
            width: 25px;
            height: 25px;
        }
}

@media (max-width: 350px) {
    .page-promo .promo-countdown {
        flex-direction: column;
    }

    .page-promo .promo-countdown-text span {
        font-size: 12px;
    }
}
/* ------------------------------------------------------------- *
 * Page How To
/* ------------------------------------------------------------- */
.page-howto .page-title {
    margin-bottom: 40px;
}

.page-howto .howto-item {
    display: flex;
    flex-direction: row;
    align-items: center;
    margin-bottom: 40px;
}

    .page-howto .howto-item:last-child {
        margin-bottom: 0;
    }

    .page-howto .howto-item:nth-child(1),
    .page-howto .howto-item:nth-child(3) {
        align-items: flex-start;
    }

    .page-howto .howto-item .howto-image {
        width: 80px;
        margin-right: 25px;
    }

    .page-howto .howto-item .howto-text {
        flex: 1;
    }

        .page-howto .howto-item .howto-text .h4 {
            color: var(--color-dark-2);
            line-height: 1.2;
        }

        .page-howto .howto-item .howto-text p {
            margin-bottom: 0;
            margin-top: 5px;
            max-width: 400px;
        }

        .page-howto .howto-item .howto-text .btn {
            margin-top: 20px;
        }

        .page-howto .howto-item .howto-text p.text-small {
            position: relative;
            font-size: 14px;
            margin-top: 12px;
            max-width: 100%;
            background: var(--color-mint-2);
            padding: 15px;
            border-radius: 0 8px 8px 0;
        }

            .page-howto .howto-item .howto-text p.text-small:before {
                content: "";
                position: absolute;
                top: 0;
                left: 0;
                height: 100%;
                width: 1px;
                background: var(--main-green);
                opacity: .75;
            }

        .page-howto .howto-item .howto-text p a {
            font-weight: 500;
            text-decoration: underline;
        }

@media (max-width: 992px) {
    .page-howto .howto-wrap {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }

    .page-howto .howto-item {
        width: calc(50% - 30px);
        /*		align-items: flex-start;*/
    }

        .page-howto .howto-item .howto-image {
            width: 70px;
            margin-right: 15px;
        }
}

@media (max-width: 767px) {
    .page-howto .page-inner-content {
        padding: 20px 15px;
        background: var(--color-white);
        -webkit-box-shadow: 0 0 15px rgba(6, 31, 101, .15);
        box-shadow: 0 0 15px rgba(6, 31, 101, .15);
    }

    .page-howto .page-title {
        margin-bottom: 30px;
    }

    .page-howto .howto-item {
        width: 100%;
        margin-bottom: 30px;
    }

        .page-howto .howto-item .howto-image {
            width: 56px;
        }

        .page-howto .howto-item .howto-text .h4 {
            font-size: 16px;
        }

        .page-howto .howto-item .howto-text .btn {
            margin-top: 12px;
        }

        .page-howto .howto-item .howto-text p {
            font-size: 14px;
        }

            .page-howto .howto-item .howto-text p.text-small {
                font-size: 12px;
            }
}

@media (max-width: 350px) {
    .page-howto .howto-item {
        align-items: flex-start;
    }

        .page-howto .howto-item .howto-image {
            width: 45px;
        }
}
/* ------------------------------------------------------------- *
 * Page Contacts
/* ------------------------------------------------------------- */
.contacts {
    display: flex;
    flex-wrap: wrap;
}

    .contacts .contacts-item {
        width: 50%;
        display: flex;
        flex-direction: row;
        align-items: center;
        margin-bottom: 40px;
    }

    .contacts .contacts-image {
        width: 80px;
        margin-right: 25px;
    }

    .contacts .contacts-text {
        display: flex;
        flex-direction: column;
        flex: 1;
    }

        .contacts .contacts-text .h5,
        .contacts .contacts-text a,
        .contacts .contacts-text p,
        .contacts .contacts-text span {
            line-height: 1;
        }

        .contacts .contacts-text .h5 {
            margin-bottom: 5px;
        }

        .contacts .contacts-text a,
        .contacts .contacts-text p,
        .contacts .contacts-text span {
            margin-bottom: 4px;
        }

        .contacts .contacts-text span {
            font-size: 14px;
            color: var(--grey-shade-5);
        }

        .contacts .contacts-text a:hover {
            text-decoration: underline;
        }

.contacts-details {
    padding: 25px;
    border-radius: 20px;
}

    .contacts-details h5 {
        margin-bottom: 25px;
    }

.contacts-details-group {
    display: flex;
    flex-direction: row;
    align-items: center;
    margin-bottom: 25px;
}

    .contacts-details-group:last-child {
        margin-bottom: 0;
    }

.contacts-requisites {
    align-items: flex-start;
}

.contacts-details-group img {
    width: 25px;
    height: 25px;
}

.contacts-details-group p {
    margin-left: 15px;
    margin-bottom: 0;
}

.contacts-map {
    padding-top: 40px;
}

    .contacts-map .h4 {
        margin-bottom: 25px;
    }

    .contacts-map iframe {
        border-radius: 20px;
    }

.contact-form {
    width: calc(38% - 15px);
    height: 100%;
    padding: 40px 25px;
    background: var(--color-white);
    border-radius: 25px;
}

    .contact-form h3 {
        text-align: center;
        margin-bottom: 40px;
    }

    .contact-form button {
        width: 100%;
    }

@media (max-width: 1200px) {
    .contact-form {
        width: calc(42% - 15px);
    }

    .contacts .contacts-image {
        width: 50px;
        min-width: 50px;
        margin-right: 15px;
    }

    .contacts .contacts-text .h5 {
        font-size: 16px;
    }

    .contacts .contacts-text a, .contacts .contacts-text p, .contacts .contacts-text span {
        font-size: 14px;
    }
}

@media (max-width: 992px) {
    .contact-form {
        width: 100%;
    }
}

@media (max-width: 767px) {
    .contact-form {
        padding: 25px 15px;
    }

    .contacts .contacts-item {
        width: 100%;
        margin-bottom: 25px;
    }

    .contacts-details {
        background: transparent;
        -webkit-box-shadow: none;
        box-shadow: none;
        padding: 0;
    }

    .contact-form h3 {
        font-size: 18px;
        margin-bottom: 25px;
    }

    .contact-form .multiple-inputs {
        flex-wrap: wrap;
    }

        .contact-form .multiple-inputs .input-group {
            width: 100%;
        }

            .contact-form .multiple-inputs .input-group:last-child {
                margin-bottom: 15px;
            }
}
/* ------------------------------------------------------------- *
 * Page About Company
/* ------------------------------------------------------------- */
.about .about-offer {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-bottom: 30px;
}

.about .about-offer-item {
    display: flex;
    flex-direction: column;
    gap: 10px;
    padding: 20px 0;
    width: calc(33.3% - 5px);
    background: var(--bg-color-1);
    border: 1px solid var(--grey-shade-2);
    border-radius: 8px;
    text-align: center;
}

    .about .about-offer-item .about-icon {
        width: 75px;
        height: 75px;
        padding: 15px;
        background: var(--color-white);
        border: 1px solid var(--grey-shade-2);
        border-radius: 50%;
        margin: 0 auto;
    }

    .about .about-offer-item span {
        line-height: 1.3;
        font-size: 14px;
    }

.about .list-style-2 {
    margin-bottom: 30px;
}

.document-wrap {
    margin-top: 30px;
    display: flex;
    flex-direction: column;
}

    .document-wrap .page-title {
        margin-bottom: 15px;
    }

    .document-wrap .h5 {
        margin-bottom: 12px;
    }

    .document-wrap .document-inner {
        margin-bottom: 30px;
    }

        .document-wrap .document-inner .h7 {
            display: block;
            font-weight: 600;
            margin: 18px 0 10px;
        }

    .document-wrap .document-list li a {
        position: relative;
        display: inline-block;
        cursor: pointer;
        font-size: 16px;
        font-weight: 400;
        line-height: 130%;
        color: var(--main-green);
        padding-left: 25px;
        margin-bottom: 8px;
        -webkit-text-decoration-line: underline;
        text-decoration-line: underline;
    }

    .document-wrap .document-list li:last-child a {
        margin-bottom: 0;
    }

    .document-wrap .document-list li a:before {
        content: "";
        display: block;
        position: absolute;
        top: 50%;
        left: 0;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        background: url('../images/icons/icon-pdf.svg?v=vv7r3iE5vTrLxrswrepTw5ww2sg') center center / contain no-repeat;
        width: 20px;
        height: 20px;
    }

@media (max-width: 767px) {
    .about .about-offer-item {
        width: 100%;
        margin-bottom: 15px;
    }

    .document-button {
        padding: 15px 45px;
    }
}
/* ------------------------------------------------------------- *
 * 404 Page
/* ------------------------------------------------------------- */
.section-404 .image-holder {
    max-width: 200px;
    margin: 0 auto;
}

.section-404 .container {
    text-align: center;
    max-width: 580px;
}

.section-404 .title {
    font-size: 80px;
    line-height: 1;
    margin: 20px 0 0 0;
}

.section-404 .subtitle {
    margin-bottom: 10px;
}

.section-404 .title,
.section-404 .subtitle {
    color: var(--color-dark-2);
}

.section-404 .btn {
    max-width: 350px;
    margin: 0 auto;
}

@media (max-width: 560px) {
    .section-404 .image-holder {
        max-width: 150px;
    }

    .section-404 .title {
        font-size: 65px;
        margin: 20px 0 10px 0;
    }

    .section-404 .subtitle {
        font-size: 24px;
    }
}
/* ------------------------------------------------------------- *
 * Modal Cookies
/* ------------------------------------------------------------- */
.modal-cookies .modal-content {
    padding: 30px 40px;
    max-width: 450px;
}

.modal-cookies .modal-title {
    line-height: 1;
}

    .modal-cookies .modal-title img {
        width: 20px;
        height: 20px;
        display: inline-block;
        vertical-align: middle;
        margin-right: 7px;
        margin-top: -3.5px;
    }

.modal-cookies p a {
    color: var(--color-link);
}

.modal-cookies .btn {
    width: 100%;
}

    .modal-cookies .btn img {
        width: 15px;
        height: 15px;
        margin-right: 5px;
        margin-top: -2px;
    }

@media (max-width: 450px) {
    .modal-cookies .modal-content {
        width: 100%;
        border-radius: 20px 20px 0 0;
        padding: 25px 15px 20px 15px;
        position: absolute;
        bottom: 0;
        margin: 0 auto;
    }
}
/* ------------------------------------------------------------- *
 * Payment + Application Status
/* ------------------------------------------------------------- */
.payment-status .container,
.payment-third .container,
.application-status .container {
    max-width: 640px;
}

.payment-status .inner-content,
.application-status .inner-content {
    width: 100%;
    margin: 0 auto;
    padding: 25px 0 0 0;
}

.payment-status .inner-content {
    padding-bottom: 25px;
}

.payment-status .image,
.application-status .image {
    position: relative;
    width: 90px;
    height: 90px;
    margin: 0 auto 15px;
    border-radius: 100px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.payment-status .image-inner,
.application-status .image-inner {
    position: relative;
    width: 50px;
    height: 50px;
    background: var(--main-green);
    border-radius: 100px;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 2;
}

.payment-status .image:before,
.payment-status .image:after,
.application-status .image:before,
.application-status .image:after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    background: var(--main-green);
    opacity: 50%;
    border-radius: 100px;
    z-index: 0;
}

.payment-status .image:before,
.application-status .image:before {
    width: 70px;
    height: 70px;
    opacity: .5;
}

.payment-status .image:after,
.application-status .image:after {
    width: 90px;
    height: 90px;
    opacity: .15;
}

.payment-failed .image-inner,
.payment-failed .image:before,
.payment-failed .image:after,
.application-failed .image-inner,
.application-failed .image:before,
.application-failed .image:after {
    background-color: var(--state-error);
}

.payment-pending .image-inner,
.payment-pending .image:before,
.payment-pending .image:after,
.application-pending .image-inner,
.application-pending .image:before,
.application-pending .image:after {
    background-color: var(--state-warning)
}

.payment-status .image img,
.application-status .image img {
    width: 30px;
    height: 30px;
}

.payment-status .payment-details,
.application-status .application-details {
    margin-top: 30px;
}

    .payment-status .payment-details li,
    .application-status .application-details li {
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 10px 0;
        border-bottom: 1px solid var(--grey-shade-3);
    }

        .payment-status .payment-details li:last-child,
        .application-status .application-details li:last-child {
            border: 0;
        }

        .payment-status .payment-details li span,
        .application-status .application-details li span {
            width: 50%;
        }

        .payment-status .payment-details li .title,
        .application-status .application-details li .title {
            color: var(--grey-shade-5);
        }

        .payment-status .payment-details li .value,
        .application-status .application-details li .value {
            font-weight: 500;
            color: var(--color-dark-2);
        }

            .payment-status .payment-details li .value.big {
                font-size: 20px;
                font-weight: 600;
                color: var(--main-green);
            }

.payment-status .btn {
    width: 100%;
}

    .payment-status .btn:hover .icon {
        background-color: var(--color-white);
    }

.application-status .application-heading {
    padding-bottom: 20px;
}

.application-status .alert span {
    text-align: center;
    font-size: 16px;
}

.application-status .application-subtitle {
    text-align: center;
    margin: 15px auto 0;
    font-size: 14px;
    color: var(--grey-shade-5);
    padding: 0 10px;
}

@media (max-width: 767px) {
    .payment-status .payment-heading h3,
    .application-status .application-heading h3 {
        font-size: 22px;
    }

    .payment-status .btn .icon,
    .application-status .btn .icon {
        -webkit-mask-size: 16px;
        mask-size: 16px;
        margin-right: 5px;
    }

    .payment-status .payment-details li .value.big {
        font-size: 18px;
    }

    .application-status .alert span {
        font-size: 14px;
    }
}

@media (max-width: 350px) {
    .payment-status .payment-heading h3,
    .application-status .applicaton-heading h3 {
        font-size: 20px;
    }

    .payment-status .payment-details li .title,
    .application-status .applicaton-details li .title {
        font-size: 14px;
    }

    .payment-status .payment-details li .value,
    .application-status .applicaton-details li .value {
        font-size: 14px;
    }

        .payment-status .payment-details li .value.big {
            font-size: 16px;
        }
}

/* ------------------------------------------------------------- *
 * Payment Unsuccess on Registration Steps
/* ------------------------------------------------------------- */
.payment-unsuccess {
    padding-bottom: 30px;
}

    .payment-unsuccess .card-damaged {
        position: relative;
        width: 120px;
        height: 120px;
        margin: 0 auto 35px;
    }

    .payment-unsuccess .circle-outer {
        width: 100%;
        height: 100%;
        border: 1px dashed var(--grey-shade-1);
        border-radius: 100%;
        animation: spin 2s linear infinite;
    }

@keyframes spin {
    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(360deg);
    }
}

.payment-unsuccess .card-damaged .icon-attention {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 55px;
    height: 55px;
    transform-origin: center;
    animation: zoomInOut 2.25s ease infinite;
}

@keyframes zoomInOut {
    0% {
        transform: translate(-50%, -50%) scale(1);
    }

    10% {
        transform: translate(-50%, -50%) scale(0.9);
    }

    30% {
        transform: translate(-50%, -50%) scale(1.25);
    }

    70% {
        transform: translate(-50%, -50%) scale(1);
    }

    100% {
        transform: translate(-50%, -50%) scale(1);
    }
}

.payment-unsuccess .card-anim .card-damaged-left {
    position: absolute;
    width: 35px;
    left: 5px;
    bottom: -10px;
    z-index: 5;
    transform: rotate(-15deg);
    animation: leftCardAnim 1.75s ease infinite;
}

@keyframes leftCardAnim {
    0% {
        transform: rotate(-10deg) translateY(-10px);
    }

    50% {
        transform: rotate(-20deg) translateY(10px);
    }

    100% {
        transform: rotate(-10deg) translateY(-10px);
    }
}

.payment-unsuccess .card-anim .card-damaged-right {
    position: absolute;
    width: 35px;
    right: 5px;
    bottom: 10px;
    z-index: 5;
    transform: rotate(10deg);
    animation: rightCardAnim 1.75s ease infinite;
}

@keyframes rightCardAnim {
    0% {
        transform: rotate(10deg) translateY(10px);
    }

    50% {
        transform: rotate(20deg) translateY(-10px);
    }

    100% {
        transform: rotate(10deg) translateY(10px);
    }
}

.payment-unsuccess .payment-text {
    font-size: 14px;
    margin-top: 40px;
}

.payment-unsuccess .btn-add-new-card {
    padding-left: 12px;
}

.form-payment-unsuccess {
    margin-top: 25px;
    padding: 25px;
    border-radius: 20px;
    box-shadow: 0 0 14px 0 rgba(6, 31, 101, 0.13);
}

    .form-payment-unsuccess .input-group {
        margin-top: 12px;
    }

    .form-payment-unsuccess .input-top-label {
        margin-bottom: 9px;
    }

        .form-payment-unsuccess .input-top-label span {
            font-size: 14px;
            line-height: 1.4;
        }

            .form-payment-unsuccess .input-top-label span b {
                font-weight: 500;
            }

    .form-payment-unsuccess .button-holder {
        margin-top: 25px;
    }

@media (max-width: 400px) {
    .payment-unsuccess .card-damaged {
        width: 100px;
        height: 100px;
    }

        .payment-unsuccess .card-damaged .icon-attention {
            width: 40px;
            height: 40px;
        }

    .payment-unsuccess .card-anim .card-damaged-left,
    .payment-unsuccess .card-anim .card-damaged-right {
        width: 30px;
    }

    .form-payment-unsuccess {
        padding: 20px 15px;
    }
}
/* ------------------------------------------------------------- *
 * Add New Card Button Component
/* ------------------------------------------------------------- */
.btn-add-new-card {
    display: flex;
    align-items: center;
    font-size: 14px;
    cursor: pointer;
    padding: 4px 0;
    color: var(--color-dark-2);
}

    .btn-add-new-card:hover {
        text-decoration: underline;
    }

    .btn-add-new-card .circle {
        background: var(--main-green);
        border-radius: 99px;
        display: block;
        width: 16px;
        height: 16px;
        margin-right: 8px;
        margin-top: -1px;
        min-width: 14px;
        position: relative;
        transition: .4s;
    }

        .btn-add-new-card .circle:before {
            content: "";
            background: #fff;
            height: 1px;
            left: 50%;
            position: absolute;
            top: 50%;
            transform: translate(-50%, -50%);
            width: 8px;
        }

        .btn-add-new-card .circle:after {
            content: "";
            background: #fff;
            height: 8px;
            left: 50%;
            position: absolute;
            top: 50%;
            transform: translate(-50%, -50%);
            width: 1px;
        }
/* ------------------------------------------------------------- *
 * Payment Third Person
/* ------------------------------------------------------------- */
.payment-third {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding-top: 30px;
    padding-bottom: 100px;
}

    .payment-third .payment-wrap {
        padding: 25px;
        background: var(--color-white);
        border-radius: 20px;
        -webkit-box-shadow: 0 0 15px 0 rgba(6, 31, 101, .10);
        box-shadow: 0 0 15px 0 rgba(6, 31, 101, .10);
        margin-bottom: 30px;
    }

    .payment-third .payment-heading p {
        font-size: 14px;
        font-weight: 400;
        line-height: 1.4;
        text-align: center;
        margin: 12px 0;
    }

    .payment-third .payment-details {
        margin-bottom: 30px;
    }

    .payment-third .payment-third-form,
    .payment-third form .button-holder {
        margin-top: 20px;
    }

    .payment-third .form-switch {
        display: flex;
        flex-direction: column;
        margin-top: 40px;
    }

    .payment-third .form-switch-heading {
        font-weight: 500;
        margin-bottom: 12px;
    }

    .payment-third .alert {
        margin-bottom: 15px;
    }

    .payment-third .payment-details li {
        gap: 12px;
        padding: 8px 0;
    }

        .payment-third .payment-details li span {
            font-size: 15px;
        }

            .payment-third .payment-details li span:nth-child(1) {
                width: 56%;
            }

            .payment-third .payment-details li span:nth-child(2) {
                width: 44%;
            }

.input-ipn .ipn-ico,
.input-phone-flag .flag-ico {
    position: absolute;
    top: 50%;
    left: 12px;
    transform: translateY(-50%);
    display: flex;
    align-items: center;
}

    .input-ipn .ipn-ico img,
    .input-phone-flag .flag-ico img {
        width: 23px;
        height: 23px;
    }

    .input-ipn .ipn-ico span,
    .input-phone-flag .flag-ico span {
        font-size: 16px;
        color: var(--grey-shade-5);
        margin-left: 5px;
    }

.input-ipn .input-field,
.input-phone-flag .input-field {
    padding-left: 86px;
}

    .input-phone-flag .input-field:focus + .flag-ico span,
    .input-phone-flag .input-field:not(:placeholder-shown) + .flag-ico span {
        color: var(--color-dark-1);
    }

.input-ipn .input-holder:before,
.input-phone-flag .input-holder:before {
    content: '';
    position: absolute;
    top: 0;
    left: 76px;
    height: 100%;
    width: 1px;
    background: #E7E6E7;
}


.form-switch .radio-button input[type="radio"] {
    display: none;
}

.radio-indicator {
    display: inline-block;
    width: 15px;
    height: 15px;
    border: 1px solid var(--main-green); /* Цвет рамки радиокнопки */
    border-radius: 50%;
    position: relative;
    margin-right: 6px;
    margin-top: -1.5px;
    vertical-align: middle;
    cursor: pointer;
}

.radio-button input[type="radio"]:checked + .radio-indicator::before {
    content: '';
    display: block;
    width: 8px;
    height: 8px;
    background-color: var(--main-green); /* Цвет заполненного состояния */
    border-radius: 50%;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.radio-button span {
    font-size: 15px;
    vertical-align: middle;
    cursor: pointer;
}

.form-switch .radio-button {
    margin-bottom: 4px;
}

    .form-switch .radio-button:last-child {
        margin-bottom: 0;
    }

@media (max-width: 767px) {
    .payment-third .payment-wrap {
        padding: 25px 15px;
    }

    .payment-status .inner-content {
        padding: 0;
    }
}

@media (max-width: 640px) {
    .payment-third .payment-wrap {
        margin: 0 -15px;
        border-radius: 0;
    }

    .payment-status .payment-heading h3 {
        font-size: 20px;
    }

    .payment-third .payment-details li span {
        font-size: 14px;
    }
}

@media (max-width: 375px) {
    .payment-status .payment-heading h3 {
        font-size: 18px;
    }
}
/* ------------------------------------------------------------- *
 * HomePage Top Section
/* ------------------------------------------------------------- */
.page-top-section {
    padding: 8px 0;
    background: var(--color-mint-1);
}

    .page-top-section .text {
        display: flex;
        align-items: center;
        justify-content: center;
    }

        .page-top-section .text span {
            font-size: 13px;
            font-weight: 400;
            color: var(--color-dark-2);
        }

            .page-top-section .text span b {
                font-weight: 500;
            }

    .page-top-section .tg-button {
        display: inline-flex;
        align-items: center;
        margin-left: 8px;
        text-decoration: underline;
    }

        .page-top-section .tg-button:hover {
            text-decoration: none;
        }

        .page-top-section .tg-button img {
            width: 16px;
            height: 16px;
            margin-right: 6px;
        }

    .page-top-section .tg-button {
        font-size: 13px;
        font-weight: 500;
        color: var(--color-dark-2);
    }

@media (max-width: 560px) {
    .page-top-section .text {
        flex-direction: column;
    }

        .page-top-section .text span,
        .page-top-section .tg-button {
            font-size: 12px;
        }
}
/* ------------------------------------------------------------- *
 * New Year Theme / Calculator
/* ------------------------------------------------------------- */
.newyear-theme.calc {
    position: relative;
}

    .newyear-theme.calc:before {
        content: "";
        position: absolute;
        top: -14px;
        right: 2px;
        width: 300px;
        height: 48px;
        background-image: url('../images/theme/snow-cap-1.svg?v=0XjbqB3xCXwVoYxKM-R65TzcNDQ');
        background-size: cover;
        background-repeat: no-repeat;
        z-index: 1;
        pointer-events: none;
    }

.newyear-theme .calc-button .btn {
    position: relative;
    z-index: 10;
    background-image: url('../images/theme/bg-ny-snowflakes.svg?v=UlYibUFwCttUKeq9WAmv8f4wZrM');
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: center;
    transition: background-size 0.3s ease-in-out;
}

    .newyear-theme .calc-button .btn:hover {
        background-size: 103%;
    }

@keyframes swing {
    0% {
        transform: rotate(0deg);
    }

    50% {
        transform: rotate(15deg);
    }

    100% {
        transform: rotate(0deg);
    }
}

.newyear-theme .calc-button .btn:before {
    content: "";
    position: absolute;
    background-image: url('../images/theme/ico-ny-cap.svg?v=0kJKx6bVcpSOKvEkaDE_YA5PnHU');
    background-size: cover;
    top: -13px;
    width: 33px;
    height: 20px;
    right: -13px;
    animation: swing 2s ease-in-out infinite;
    transform-origin: bottom center;
}

.newyear-theme .calc-button .btn:after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 50%;
    height: 100%;
    background: radial-gradient(circle, #FFFDEE 0%, rgba(255, 253, 238, 0) 100%);
    opacity: .32;
    pointer-events: none;
    z-index: 0;
}

.newyear-theme input[type=range].calc-range-slider::-webkit-slider-thumb {
    width: 30px;
    height: 30px;
    -webkit-box-shadow: 0 0 0 12px rgba(77, 204, 96, .15);
    box-shadow: 0 0 0 12px rgba(77, 204, 96, .15);
    margin-top: -11px;
    background-image: url('../images/theme/ico-thumb-snowflake.svg?v=0XjbqB3xCXwVoYxKM-R65TzcNDQ');
    background-size: 52%;
}

.newyear-theme.intro-banner-inner {
    position: relative;
    overflow: hidden;
}

.newyear-theme.intro-banner:before {
    content: "";
    position: absolute;
    top: -17px;
    left: 30px;
    width: 154px;
    height: 40px;
    background-image: url('../images/theme/snow-cap-2.svg?v=As3Kvq8NhpHYnFbXH1OGz_BVe4k');
    background-size: cover;
    background-repeat: no-repeat;
    z-index: 1;
    pointer-events: none;
}

.newyear-theme.intro-banner:after {
    content: "";
    position: absolute;
    bottom: -23px;
    right: 47px;
    width: 185px;
    height: 50px;
    background-image: url('../images/theme/snow-cap-3.svg?v=As3Kvq8NhpHYnFbXH1OGz_BVe4k');
    background-size: cover;
    background-repeat: no-repeat;
    z-index: 1;
    pointer-events: none;
}

.snowflake-container {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    opacity: .5;
    overflow: hidden;
}

.snowflake {
    padding-left: 15px;
    font-family: Times, Georgia, serif;
    font-size: 14em;
    line-height: 24px;
    position: absolute;
    color: #FFFFFF;
    user-select: none;
    z-index: 1000;
}

@media (max-width: 992px) {
    .newyear-theme.intro-banner:after {
        display: none;
    }
}

@media (max-width: 600px) {
    .newyear-theme.intro-banner:before {
        top: -14px;
        left: 15px;
        width: 123px;
        height: 32px;
        background-size: 100%;
    }

    .newyear-theme.calc:before {
        top: -10px;
        right: 10px;
        width: 235px;
        height: 40px;
        background-size: 100%;
    }

    .newyear-theme input[type=range].calc-range-slider::-webkit-slider-thumb {
        width: 23px;
        height: 23px;
        -webkit-box-shadow: 0 0 0 10px rgba(77, 204, 96, .15);
        box-shadow: 0 0 0 10px rgba(77, 204, 96, .15);
        margin-top: calc(max((8px - 1px - 1px) * 0.5,0px) - 22px * 0.5);
        background-image: url('../images/theme/ico-thumb-snowflake.svg?v=0XjbqB3xCXwVoYxKM-R65TzcNDQ');
        background-size: 50%;
    }
}
/* ------------------------------------------------------------- *
 * Spring Season Theme / Calculator
/* ------------------------------------------------------------- */
.birds-container {
    position: absolute;
    width: 100%;
    min-height: 100%;
    top: 0;
    left: 0;
}

canvas {
    z-index: 1;
    position: absolute;
    top: 0;
    left: 0;
}

@keyframes anim {
    from {
        transform: translateX(200%);
    }

    to {
        transform: translateX(-200%);
    }
}

@keyframes anime {
    from {
        transform: translateX(0);
    }

    to {
        transform: translateX(-200%);
    }
}
/* ------------------------------------------------------------- *
 * Accessibility Media Queires
/* ------------------------------------------------------------- */
.font-sizing-sm