/****************** VAR *******************/
:root {
    --body_bg           : #F0F3F7;
    --header_bg         : #ffffff;
    --footer_bg         : #323747;
    --text              : #1E2026;
    --text_main         : #008DF2;
    --text_white        : #ffffff;
    --text_link_hover   : #008DF2;

    --main              : #008DF2;
    --main_2            : #26A4FF;
    --main_3            : #D4EDFF;
    --main_4            : #51B6FF;
    --dark              : #323747;
    --logo              : #0057A4;

    --grey_1            : #D6D9E0;
    --grey_2            : #9CA3AF;
    --grey_3            : #F3F4F6;
    --grey_4            : #4D5467;
    --grey_5            : #767E97;
    --grey_6            : #E5E7EB;
    --grey_7            : #DBDBDB;
    --black             : #000000;
    --red               : #FF0000;
    --orange            : #FF7F00;
    --green             : #1AB14D;
    --white             : #ffffff;

    --btn_primary                   : #008DF2;
    --btn_primary_hover             : #008DF2;
    --btn_primary_active            : #26A4FF;
    --btn_primary_disabled          : #A8DBFF;
    --btn_primary_text              : #ffffff;

    --transition                    : 0.1;
}

/****************** VAR - END *******************/

/****************** FONT *******************/
                                     
@font-face {
    font-family: 'Montserrat';
    src: url('fonts/Montserrat/Montserrat-Regular.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Montserrat';
    src: url('fonts/Montserrat/Montserrat-Medium.woff2') format('woff2');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Montserrat';
    src: url('fonts/Montserrat/Montserrat-SemiBold.woff2') format('woff2');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Montserrat';
    src: url('fonts/Montserrat/Montserrat-Bold.woff2') format('woff2');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Montserrat';
    src: url('fonts/Montserrat/Montserrat-ExtraBold.woff2') format('woff2');
    font-weight: 800;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Montserrat';
    src: url('fonts/Montserrat/Montserrat-Black.woff2') format('woff2');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}
									 
/****************** FONT - END *******************/

* {margin: 0;padding: 0;}
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, 
p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, 
dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, 
tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, 
legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, 
canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, 
nav, output, ruby, section, summary, time, mark, audio, video {margin: 0; padding: 0; border: 0; vertical-align: top;}
input, select, textarea, button {font-family: 'Montserrat', sans-serif;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
textarea{max-width: 100%; min-width: 100%;}
input:focus, select:focus, textarea:focus, button:focus, *:focus-visible {outline:none;}

::-webkit-scrollbar {width: 5px;height: 5px;}
::-webkit-scrollbar-track {background: transparent;transition: all 0.5s ease-in-out;}
::-webkit-scrollbar-thumb {background: var(--grey_7);transition: all 0.5s ease-in-out;}

.horisontal__noscroll {overflow-x: auto; overflow-y: hidden; margin:0px -15px; padding: 0px 15px;}
.horisontal__noscroll-high {overflow-x: auto; overflow-y: hidden; margin:-15px -15px; padding: 15px 15px;}
.horisontal__noscroll-minified {font-size:0px;}
.horisontal__noscroll-content {display: inline-block;}
.horisontal__noscroll-content-full-width {min-width:100%;}
.horisontal__noscroll-minified .horisontal__noscroll-content {font-size:16px;}
.horisontal__noscroll::-webkit-scrollbar, .horisontal__noscroll-high::-webkit-scrollbar {width: 0px;height: 0px;}
.horisontal__noscroll::-webkit-scrollbar-track, .horisontal__noscroll-high::-webkit-scrollbar-track {background: var(--main_4);}
.horisontal__noscroll::-webkit-scrollbar-thumb, .horisontal__noscroll-high::-webkit-scrollbar-thumb {background: var(--main);}

/****************** GENERAL *******************/

html {font-size: 16px; font-family: 'Montserrat', sans-serif;}
body {color: var(--text); font-size: 16px; line-height: 1.5;overflow-wrap: anywhere;background-color: var(--body_bg);}

img[src=""] {visibility: hidden;}
img, iframe, video, object, embed {max-width: 100%;}

a, button {
    -webkit-transition: opacity 0.2s ease-in-out, background-color 0.2s ease-in-out, border-color 0.2s ease-in-out, color 0.2s ease-in-out;
    -moz-transition: opacity 0.2s ease-in-out, background-color 0.2s ease-in-out, border-color 0.2s ease-in-out, color 0.2s ease-in-out;
    -o-transition: opacity 0.2s ease-in-out, background-color 0.2s ease-in-out, border-color 0.2s ease-in-out, color 0.2s ease-in-out;
    transition: opacity 0.2s ease-in-out, background-color 0.2s ease-in-out, border-color 0.2s ease-in-out, color 0.2s ease-in-out;
    text-decoration:none;
    user-select:none;
    cursor: pointer;
}
svg {
    stroke:var(--text);fill:var(--text);
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.button__simple {padding:0px;margin:0px;border:none;background:transparent;cursor:pointer;font-size:inherit;}
.link__simple, .link__simple:link {color: var(--text_main);cursor: pointer;}
.link__simple:hover {text-decoration: underline;}

.img__cover {width:100%;height:100%;object-fit:cover;}
.img__contain {width:100%;height:100%;object-fit:contain;}
.text__center {text-align:center;}
.text__left {text-align:left;}
.text__right {text-align:right;}
.text__justify {text-align:justify;}
.text__nowrap {white-space:nowrap;}
.font__bold {font-weight:bold;}
.position__relative {position:relative;}

.container, .container__wide, .container__narrow, .container__narrow-2 {margin: 0px auto; padding-left: 15px; padding-right: 15px;width: auto;}
.container__wide {max-width: 1920px;}
.container {max-width: 1280px;}
.container__narrow {max-width: 830px;}
.container__narrow-2 {max-width: 1200px;}
.content__inner {padding: 30px 0px;}

[class^="container"] .container, [class*=" container"] .container,
[class^="container"] .container__wide, [class*=" container"] .container__wide,
[class^="container"] .container__narrow, [class*=" container"] .container__narrow {padding-left: 0px; padding-right: 0px;width: auto;max-width:none;}

.clear {clear: both;}
.inline__block {display: inline-block;}
.flex__block {
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    align-items: center;
}
.easy__hover {
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}
.required {color: var(--red);}

.overflow__hidden {overflow: hidden;}

.item__link-trigger {cursor:pointer;}

.gradient, .gradient__main {
    background: var(--main_2);
    background: -webkit-gradient(linear, left top, right top, color-stop(0, var(--main_2)), to(var(--main_3)));
    background: linear-gradient(181deg, var(--main_2) -5.41%, var(--main_3) 102.61%);
}
.gradient__main:hover {
    background: var(--main_2);
    background: -webkit-gradient(linear, left top, right top, color-stop(0, var(--main_4)), to(var(--main_3)));
    background: linear-gradient(181deg, var(--main_4) -5.41%, var(--main_3) 102.61%);
}
.gradient__main:active {
    background: var(--main_5);
}

/****************** FORM *******************/

.btn, .swiper-button-prev, .swiper-button-next, .filters__item-block, .filters__checkbox {user-select: none;}

.btn__clear {cursor:pointer;background-color: transparent;border: none;padding: 0px;margin: 0px;color: inherit;vertical-align: baseline;display: inline-block;line-height: inherit;}
.btn__wrapper {margin-top: 20px;}
.btn__wrapper-top {margin-bottom: 20px;}
.btn {
    text-align: center; font-size: 16px; font-weight: 600;
    border: none; color: var(--text); border-radius:8px;
    background: transparent;line-height: 150%;
    height: auto; max-width: 100%; min-width: 228px;
    box-shadow: none; position: relative;
    cursor: pointer; text-decoration: none;
    padding: 12px 35px; display: inline-block;
    user-select: none; text-transform: none;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}
@media screen and (max-width: 420px) {
    .btn {padding: 12px 35px;}
}
.btn__left {text-align: left;}
.btn__narrow {padding: 8px 20px;font-size: 16px;line-height: 140%;min-width: 0px;}
.btn__square {max-width: 60px;width: 60px !important;height: 60px;line-height: 60px;min-width: 0px;padding: 0px !important;text-align: center;font-size: 0px;}
.btn__square-small {max-width: 36px;width: 36px !important;height: 36px;line-height: 36px;min-width: 0px;padding: 0px !important;text-align: center;font-size: 0px;}
.btn__square svg {vertical-align: middle;}
.btn:focus-visible {outline: none;}
.btn:hover {-webkit-box-shadow: none;box-shadow: none;}
a.btn:hover {text-decoration: none;}
a.btn:active {text-decoration: none;}
a.btn.btn__block, .btn.btn__block {min-width: 0px;display:block;width:100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}

.btn:before {
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.btn__loading svg {animation: circle 3s linear infinite;}
@keyframes circle { 0%{transform:rotate(0deg);} 100%{transform:rotate(360deg);} }

.btn__svg-block {display: inline-block;}
.btn__svg-block .flex__block {gap:15px;}
.btn__svg span {vertical-align: middle;}
.btn__svg svg {vertical-align: middle;vertical-align: middle;}
.btn__svg span+svg {margin-left: 3px;}
.btn.btn__svg-simple {font-size: 0px;width: 50px !important;height: 50px;line-height: 50px;vertical-align: middle;padding: 0px}
.btn__svg-simple svg {vertical-align: middle;}

a.btn.disabled, .btn:disabled, a.btn__link.disabled .btn {cursor:default;}

a.btn.btn__primary:link,         .btn.btn__primary,
a.btn.btn__primary:visited,      .btn.btn__primary:visited {color: var(--btn_primary_text); background: var(--btn_primary);}
a.btn.btn__primary:hover,        .btn.btn__primary:hover, a.btn__link:hover .btn.btn__primary {background: var(--btn_primary_hover); box-shadow: 6px 6px 10px 0 rgba(1, 176, 252, 0.20);}
a.btn.btn__primary:active,       .btn.btn__primary:active, a.btn__link:active .btn.btn__primary {background: var(--btn_primary_active); box-shadow: none;}
a.btn.btn__primary.disabled,     .btn.btn__primary:disabled, a.btn__link.disabled {color: var(--btn_primary_text);background: var(--btn_primary_disabled);}
a.btn.btn__primary:link svg,     .btn.btn__primary svg,
a.btn.btn__primary:visited svg,  .btn.btn__primary:visited svg {stroke: var(--btn_primary_text);fill: var(--btn_primary_text);}

a.btn.btn-block, .btn.btn-block {display:block;width:100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}

@media screen and (max-width: 400px) {
    .btn:not(.btn__mobile-simple) {min-width: 0px; display: block;width:100%;}
    .flex__block>.btn:not(.btn__mobile-simple) {flex-grow: 1;}
}

.label__point {color: var(--text);font-weight: 500;margin-bottom: 10px;}
.inputs__items {justify-content: flex-start;flex-wrap:wrap;margin:0px -10px -20px -10px;align-items:flex-start;}
.inputs__item {}
.inputs__items .inputs__item {flex-grow:1;}
.inputs__items.inputs__items-2 .inputs__item {width:50%;min-width:50%;max-width:50%;}
.inputs__items.inputs__items-3 .inputs__item {width:33.3333%;min-width:33.3333%;max-width:33.3333%;}
.inputs__items.inputs__items-5 .inputs__item {width:24%;min-width:24%;max-width:24%;}
.inputs__item-inner {margin:0px 10px 20px 10px;}

@media screen and (max-width: 640px) {
    .inputs__items.inputs__items-2 {flex-direction: column;}
    .inputs__items.inputs__items-3 {flex-direction: column;}
    .inputs__items.inputs__items-4 {flex-direction: column;}
    .inputs__items.inputs__items-2 .inputs__item {width:100%;min-width:0px;max-width:none;}
    .inputs__items.inputs__items-3 .inputs__item {width:100%;min-width:0px;max-width:none;}
    .inputs__items.inputs__items-4 .inputs__item {width:100%;min-width:0px;max-width:none;}
}

.fields__columns {flex-wrap: wrap;margin:0px -10px -20px -10px;justify-content: flex-start;align-items:flex-start;}
.fields__column {}
.fields__columns-4 .fields__column {width: 25%;}
.fields__columns-3 .fields__column {width:33.3333%;}
.fields__columns-2 .fields__column {width:50%;}
.fields__columns-wide .fields__column {width:100%;}
.fields__column-inner {margin: 0px 10px 20px 10px;}


@media screen and (max-width: 767px) {
    .fields__columns-3 .fields__column {width:50%;}
}
@media screen and (max-width: 640px) {
    .fields__columns-4 .fields__column {width:100%;}
    .fields__columns-3 .fields__column {width:100%;}
    .fields__columns-2 .fields__column {width:100%;}
}


.checkboxes__line {gap:15px;margin-bottom: 20px;flex-wrap: wrap;justify-content: flex-start;}
.checkboxes__line-side {margin-left:30px;gap:15px;margin-bottom: 20px;flex-direction:column;flex-wrap: wrap;justify-content: flex-start;align-items: flex-start;}
.checkboxes__line-side-block {margin-left:30px;margin-bottom: 20px;}
.checkboxes__line-side-block>* {display:block;}
.checkboxes__line-side-block>*+* {margin-top: 15px;}



.input__wrapper+.input__wrapper {margin-top: 20px;}
.input__wrapper {position: relative;}
*.input__text {
    outline: none; padding: 10px 15px;
    color: var(--text); margin:0px;border-radius:8px;
    font-size: 16px;height: 48px;
    background-color: var(--white);
    border: 1px solid var(--grey_6);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
*.input__text::placeholder {color: var(--grey_5);}
.input__wrapper .input__text {width: 100%;}

textarea.input__text {height: auto;min-height: 55px;}
*.input__text:hover {border-color: var(--text_link_hover);}
*.input__text:focus {border-color: var(--main);}
*.input__text:disabled {opacity:0.3; border-color: var(--grey_6) !important;}
*.input__text-error {border-color: var(--red) !important;}
.input__text-info {color: var(--grey_5);font-size: 12px;}
.input__text-info>* {margin-top:3px;}
.input__text-info>*:last-child {margin-bottom:-5px;}
.input__text-error+.input__text-info,
.input__text-error+*+.input__text-info {color: var(--red);}

*.input__text-dark {border: 1px solid var(--grey_2);color: var(--text_white);background: rgba(255, 255, 255, 0.20);}
*.input__text-dark::placeholder {color: var(--text_white);}

.input__password-switch {position: absolute;top: 15px; right: 14px;font-size: 0px;}
.input__password-switch svg {display: none;fill: var(--grey_4);}
.input__password-switch svg+svg {display: inline-block;}

input[type="password"]+.input__password-switch svg {display: inline-block;}
input[type="password"]+.input__password-switch svg+svg {display: none;}

.input__label {font-size: 14px; color: var(--grey_5); margin-bottom: 4px; display: block;}
.input__label-dark {color: var(--grey_6);}

*.input__select, *.select__2 {
    border-radius: 8px;height: 40px;
    border: 1px solid var(--grey_7);
    box-shadow: 0px 5px 14.25px 0.75px rgba(225, 228, 231, 0.4);
    display: block;opacity: 1;width: 100%;
    padding: 8px 35px 8px 15px !important;
    color: var(--text) !important;font-size: 14px;
    background-color: var(--color_white);
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24' fill='none' stroke='rgba(0,0,0,1)'><path d='M16 10L12 14L8 10' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/></svg>");
    background-position: right 10px top 50%;
    background-repeat: no-repeat;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-appearance: none;
    -moz-appearance: none;
}
*.input__select:not(:disabled):hover, *.select__2:not(:disabled):hover {border-color: var(--main_5);}
*.input__select:not(:disabled):focus, *.select__2:not(:disabled):focus {border-color: var(--main_5);background-color: var(--main_5);}
*.input__select:disabled, *.select__2:disabled {opacity: 0.5;}
*.input__select.select__2-with-icon,*.select__2.select__2-with-icon {padding-left: 40px !important;}
.input__wrapper *.input__select {width:100% !important;}
.input__wrapper *.input__select+.select2-container {width:100% !important;}

.select__wrapper .select2-container {width: 100% !important;}

.select__2-label {position: relative;cursor: pointer;}
.select__2-label .select__2-label-icon {position: absolute; top:50%; left:12px; margin-top:-10px; z-index: 1;}
.select__2-label .select__2-label-icon {}

.select2.select2-container--default .select2-selection--single {
    border-radius: 8px; border: 1px solid var(--grey_7); height: 40px;
    box-shadow: 0px 5px 14.25px 0.75px rgba(225, 228, 231, 0.4);
}
.select2.select2-container--default .select2-selection--single .select2-selection__placeholder {font-weight:500;font-size:14px;color:var(--grey_5);}
.select2.select2-container .select2-selection--single .select2-selection__rendered {font-size:14px;color:var(--text);text-align:left;line-height: 40px;padding-left: 10px;padding-right: 0px;margin-right: 40px;}
.select2-container.select2-container--default .select2-selection--single .select2-selection__arrow {height:40px; width: 40px;}
.select2.select2-container--default .select2-selection--single .select2-selection__clear {height: 40px;width: 20px;margin-right: 40px;}

.select__2-label .select__2-with-icon+.select2.select2-container .select2-selection--single .select2-selection__rendered {padding-left: 40px;}
.select2.select2-container--default:hover .select2-selection--single:hover {box-shadow: 0px 3px 8px 3px rgba(225, 228, 231, 0.8); }
.select2.select2-container--open:before {
    position: absolute;left: 0px;z-index: -1;
    display: block;content: '';width: 100%; height: 30px;
    background: var(--text_light);
}
.select2.select2-container--above:before {top: 0px;}
.select2.select2-container--below:before {bottom: 0px;}
.select2-container.select2-container--default .select2-dropdown {
    overflow:hidden;border-radius: 8px;
    border: 1px solid var(--grey_7);
    background: var(--white);
    box-shadow: -4px 4px 10px 0 rgba(0, 0, 0, 0.05);
}

.select2-container--open .select2-dropdown {border-radius: 8px;}

.select2.select2-container--default.select2-container--open.select2-container--above .select2-selection--single,
.select2.select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple {border-radius: 8px;}

.select2.select2-container--default.select2-container--open.select2-container--below .select2-selection--single,
.select2.select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple {border-radius: 8px;}

.select2.select2-container--default .select2-selection--single .select2-selection__arrow b {
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24' fill='none' stroke='rgba(0,0,0,1)'><path d='M16 10L12 14L8 10' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/></svg>");
    background-position: center center; background-repeat: no-repeat;
    border: none; width: 30px; margin: 0px; top: 50%;
    margin-top: -15px;right: 5px; left: auto; height: 30px;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}
.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
}

.select2-container--default .select2-results__option {padding: 5px 10px;}

.select2-container--open .select2-dropdown--above {padding: 5px 0px;margin-bottom: 3px;}
.select2-container--open .select2-dropdown--below {padding: 5px 0px;margin-top: 3px;}

.select2-container.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {background-color: var(--main);color: white;}

.select2-container.select2-container--default .select2-results>.select2-results__options {max-height: 250px;margin-right: 3px;padding-right: 3px;}
.select2-container.select2-container--default .select2-results>.select2-results__options::-webkit-scrollbar {width: 4px;}
.select2-container.select2-container--default .select2-results>.select2-results__options::-webkit-scrollbar-track {opacity: 0;}
.select2-container.select2-container--default .select2-results>.select2-results__options::-webkit-scrollbar-thumb {
    background: transparent;
    border-radius: 2px;
    background: var(--grey_7);
} 

.select2-container.select2-container--default .select2-search--dropdown .select2-search__field::placeholder {color: var(--grey_5);}
.select2-container.select2-container--default .select2-search--dropdown .select2-search__field {
    width: 100%;
    box-sizing: border-box;
    outline: none;
    padding: 8px 8px;
    color: var(--text);
    margin: 0px;
    border-radius: 8px;
    font-size: 12px;
    height: 32px;
    background-color: var(--white);
    border: 1px solid var(--grey_6);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.input__radio {display: none;}
.input__radio+span {
    position: relative;vertical-align: middle;
    width: 16px; height: 16px; min-width: 16px;
    display: inline-block;
    background: var(--white);
    border-radius: 18px; padding: 1px;
    text-align: left; cursor: pointer;
    border: 2px solid var(--grey_6);
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}

.input__radio+span:before {
    content: ''; width: 10px; height: 10px;
    display: inline-block;top: 4px; left: 4px;
    border-radius: 50px; position: absolute;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}
.input__radio:checked+span:before {text-align: right;background: var(--black);}
.input__radio:disabled+span {opacity: .3;}

.input__checkbox {display: none;}
.input__checkbox+span {
    display: inline-block; vertical-align: middle;
    width: 18px; height: 18px; min-width: 18px;
    background-color: var(--white);cursor: pointer;
    border: 1px solid var(--grey_6);
    border-radius: 4px; position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}
.input__checkbox:checked+span {background-color: var(--main);border-color: var(--main);}
label:hover .input__checkbox:not(:disabled)+span,.form__label-hover:hover .input__checkbox:not(:disabled)+span {border-color: var(--main);}
.input__checkbox+span:after,.input__checkbox+span:before {content: '';left: 0;position: absolute;z-index: 1;}
.input__checkbox:checked+span:before {top: 6.5px;left: 4.5px;width: 2px;height: 6px;-webkit-transform: rotate(-45deg);transform: rotate(-45deg);background: var(--white);border-radius: 2px;}
.input__checkbox:checked+span:after {top: 3.5px;left: 9px;width: 2px;height: 10px;-webkit-transform: rotate(45deg);transform: rotate(45deg);background: var(--white);border-radius: 2px 2px 2px 0;}

.input__checkbox-line {cursor: pointer;justify-content: flex-start;align-items:center;gap: 10px;}
.input__checkbox-line-input {font-size: 0px;}
.input__checkbox-line-text {font-size: 14px;}
.input__checkbox-line-text a {font-weight: 600;color: inherit;}
.input__checkbox-line-text a:hover {color: var(--text_link_hover);}

/****************** FORM - END *******************/

/****************** TEXT *******************/

.title {font-weight: 600;line-height: 120%;font-size: inherit;}
.subtitle {font-weight: 400;line-height: 120%;font-size: inherit;}
.title__regular {font-weight: normal;}
.h1 {font-size: 32px;margin-bottom: 20px;}
.h2 {font-size: 28px;margin-bottom: 20px;}
.h3 {font-size: 24px;margin-bottom: 20px;}
.h4 {font-size: 22px;margin-bottom: 15px;}
.h5 {font-size: 20px;margin-bottom: 15px;}
.h6 {font-size: 18px;margin-bottom: 15px;}

.title__block {margin-bottom: 30px;}
.title__block-narrow {margin-left: auto;margin-right: auto;max-width: 850px;}
.title__block-narrow-left {max-width: 750px;text-align: justify;}
.title__block .title {margin-bottom: 0px;}
.title__block-small .title {margin-bottom: 0px;}
.title__block-link {font-size: 14px;font-weight: 600;color: var(--text_main);}
.title__block>.title+.subtitle {margin-top: 15px;}
.title__link {color: var(--text);}
.title__link.flex__block {gap:15px;}
.title__link-more {white-space: nowrap;font-weight: 600;line-height: 100%;}
.title__link-more span {position: relative;display: inline-block;vertical-align: bottom;}
.title__link-more svg {
    vertical-align: middle;stroke: var(--text);
}
.title__link:hover {color: var(--text_main);}
a:hover .title__link-more svg {fill: var(--text_main);stroke: var(--text_main);}

.title__swiper {align-items: center;}
.title__swiper .title {margin-bottom: 0}
.title__swiper-nav {flex: 0 0 90px;font-size: 0;position: relative;}
.title__swiper-nav-item+.title__swiper-nav-item {margin-left: 10px;}
.title__swiper-nav-item {width: 40px;height: 40px;display: inline-block !important;}
.title__swiper-nav .swiper__button-prev,
.title__swiper-nav .swiper__button-next {
    border:1px solid var(--grey_6);background-color: var(--white);
    font-size: 0px;width: 36px;height: 36px;border-radius: 4px;
    backdrop-filter: blur(5px);
    -webkit-transition: border-color 0.2s ease-in-out, background-color 0.2s ease-in-out;
    -moz-transition: border-color 0.2s ease-in-out, background-color 0.2s ease-in-out;
    -o-transition: border-color 0.2s ease-in-out, background-color 0.2s ease-in-out;
    transition: border-color 0.2s ease-in-out, background-color 0.2s ease-in-out;
}
.title__swiper-nav .swiper__button-prev {
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
}
.title__swiper-nav .swiper__button-prev.swiper-button-disabled,
.title__swiper-nav .swiper__button-next.swiper-button-disabled {opacity: 0.3;}
.title__swiper-nav .swiper__button-prev:not(.swiper-button-disabled):hover,
.title__swiper-nav .swiper__button-next:not(.swiper-button-disabled):hover {background-color: var(--main);}
.title__swiper-nav .swiper__button-prev svg,
.title__swiper-nav .swiper__button-next svg {position: relative;left:1px;}
.title__swiper-nav .swiper__button-prev:not(.swiper-button-disabled):hover svg,
.title__swiper-nav .swiper__button-next:not(.swiper-button-disabled):hover svg {stroke: var(--text_white);}
.title__swiper-nav-item,
.swiper-pagination-wrapper,
.swiper__button-prev,
.swiper-button-next {animation: 1.5s appear;}

@media (max-width: 680px) {
    .title__swiper-nav {display: none;}
}

@keyframes appear {
    0% {opacity: 0;}
    50% {opacity: 0;}
    100% {}
}

@media (min-width: 681px) {
    .title__center-pc {text-align: center;}
}
@media (max-width: 680px) {
    .h1 {font-size: 26px;}
    .h2 {font-size: 22px;}
    .h3 {font-size: 20px;}
    .h4 {font-size: 19px;}
    .h5 {font-size: 18px;}
    .h6 {font-size: 16px;}
}

/****************** TEXT - END *******************/

.swiper {
    opacity: 0;
    -webkit-transition: opacity 0.8s ease-in-out;
    -moz-transition: opacity 0.8s ease-in-out;
    -o-transition: opacity 0.8s ease-in-out;
    transition: opacity 0.8s ease-in-out;
}
.swiper.swiper-initialized {opacity: 1;}
.swiper .swiper-pagination {line-height: 0px;}
.swiper .swiper-pagination-bullet {width: 5px; height: 5px; display: inline-block; border-radius: 50%; background: var(--main_3); opacity: 1; margin: 0px 2px !important;}
.swiper .swiper-pagination-bullet-active {background: var(--btn_info_hover);}
.swiper .swiper-button-next.swiper-button-disabled, .swiper .swiper-button-prev.swiper-button-disabled {pointer-events: auto;}

.simple__swiper .swiper-button-prev:after,
.simple__swiper .swiper-button-next:after {display:none;content:none;}
.simple__swiper .swiper-button-prev {left:5px;right:auto;}
.simple__swiper .swiper-button-next {right:5px;left:auto;}
.simple__swiper .swiper-button-prev,
.simple__swiper .swiper-button-next {
    border:1px solid var(--grey_6);border-radius:100px;
    font-size: 0px;width: 40px;height: 40px;background-color: var(--grey_13);
}
.simple__swiper .swiper-button-prev.swiper-button-disabled,
.simple__swiper .swiper-button-next.swiper-button-disabled {opacity: .6}
.simple__swiper .swiper-button-prev svg,
.simple__swiper .swiper-button-next svg {position: relative;left:1px;stroke: var(--text_white);}

.simple__swiper .swiper-button-prev.swiper-button-disabled,
.simple__swiper .swiper-button-next.swiper-button-disabled {cursor: default;}
.simple__swiper .swiper-button-prev:not(.swiper-button-disabled):hover,
.simple__swiper .swiper-button-next:not(.swiper-button-disabled):hover {background-color: var(--main);}
.simple__swiper .swiper-button-prev {
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
}

.simple__swiper .swiper-pagination {bottom: 20px;left:10%;width:80%;}
.simple__swiper .swiper-pagination-bullet {transition: all 0.2s ease-in-out;border-radius:5px;width: 10px; height: 10px; margin:0px 4px !important; background: var(--white); opacity: 0.3;transform: scale(1);}
.simple__swiper .swiper-pagination-bullet-active {width: 50px; opacity: 1;}
@media screen and (max-width: 640px) {
    .swiper-button-prev,
    .swiper-button-next {display: none !important;}
}

.cards__slider-wrapper {overflow: hidden;width: 100%;margin:-20px -10px -150px -10px;padding:20px 5px 130px 5px;}
.cards__slider-wrapper-cart {overflow: hidden;width: 100%;margin:-20px -10px -20px -10px;padding:20px 5px 20px 5px;max-width: 100vw;}
.cards__slider-wrapper-cart .cards__slider.swiper {margin-bottom: 0px;}
.cards__slider {}
.cards__slider:hover {position:relative;z-index:5;}
.cards__slider-wide {overflow:visible;}
.cards__slider-wide:hover {overflow:visible;}
.cards__slider-slide {text-align:center;height:auto !important;}
.cards__slider.swiper {overflow: visible; margin-bottom:30px;}
.cards__slider .product__card {width: 100%;height: 100%;}
.cards__slider-slide:hover {z-index:1;}
.cards__slider {padding-bottom: 20px;}

@media (max-width: 580px) {
    .cards__slider-wrapper {margin-left: -15px;margin-right: -15px;width: auto;}
    .cards__slider-swiper-wrapper-11 {padding: 0px 15px;}
    .cards__slider-slide {max-width:calc(50% );}
    .cards__slider-wrapper-cart .cards__slider-slide {max-width:calc(80% - 10px);}
    .cards__slider-slide-11:last-child {padding-right:30px;}
}

.alerts {position: fixed; right: 0; top: 55px; z-index: 1000000; max-width: 80%}
.alert+.alert {margin-top: 10px}
.alert {
    font-size: 18px;
    padding: 10px 15px;
    min-height: 20px;
    padding-right: 45px;
    background: var(--main);
    color: var(--text_white);
    position: relative;
    border-radius: 3px;
    min-width: 150px
}
.alert__close {
    font-size:0px;position: absolute; top: 50%;
    margin-top: -15px; right: 5px; padding: 0;
    display: inline-block; line-height: 0;
    font-size: 0; width: 30px; height: 30px;
}

.alert__close svg {
    fill: var(--text_white);
    stroke: var(--text_white);
}

.ajax__form-result {}
.ajax__form-result>*{margin-top: 15px;font-size:18px;text-align:center;}
.ajax__form-result-bottom>*{margin-bottom: 15px;}

.ajax__form-result .ajax__form-result-success,
.ajax__form-result .form__result-success,
.ajax__form-result .form__success {color:var(--color_success);}
.ajax__form-result .ajax__form-result-error,
.ajax__form-result .form__result-error,
.ajax__form-result .form__error {color:var(--color_error);}

@media screen and (min-width: 641px) {
    .ajax__form-result-left-pc>* {text-align:left;}
}