/*------------------
    Reset styles
------------------*/
*
{
    box-sizing: border-box;
    margin: 0;
    padding: 0;

    scroll-margin-top: 109px;
}

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

html
{
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
        -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
    zoom: 0.9;
}

.fm-panel {
    zoom: 1.1;
}

body
{
    margin: 0;

    overscroll-behavior: none;
    -webkit-tap-highlight-color: transparent;
    -webkit-overflow-scrolling: touch;
    text-rendering: optimizeLegibility;
    text-decoration-skip: objects;
}

html body .forceHidden {
    display: none !important;
}

img
{
    border-style: none;
}

textarea
{
    overflow: auto;
}

input,
textarea,
input:active,
textarea:active,
button
{
    margin: 0;

    -webkit-border-radius: 0;
            border-radius: 0;
         outline: none transparent !important;
    box-shadow: none;

    -webkit-appearance: none;
            appearance: none;
    -moz-outline: none !important;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button
{
    margin: 0;

    -webkit-appearance: none;
}

input[type=number]
{
    -moz-appearance: textfield;
}

:focus
{
    outline: 0;
}

:hover,
:active
{
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -webkit-touch-callout: none;
}

.red {
    color: red;
}

.green {
    color: green;
}

::-ms-clear
{
    display: none;
}

.hoverable:hover {
    cursor: pointer !important;
}

[data-letter-lang=letter_lang_en] .data-lang:not(.data-lang-en) {
    display: none !important;
}

[data-letter-lang=letter_lang_ru] .data-lang:not(.data-lang-ru) {
    display: none !important;
}


/*-------------------
    Global styles
-------------------*/
:root
{
    --bg: #fff;
    --sidebar_width: 310px;
    --scroll_width: 17px;
    --text_color: #2e2a27;
    --font_size: 16px;
    --font_size_title: 32px;
    --font_family: 'Golos Text', 'Arial', sans-serif;
    --header_height: 0;
}


::selection
{
    color: #fff;
    background: #16646b;
}

::-moz-selection
{
    color: #fff;
    background: #16646b;
}

.mobile-label {
    display: none;
}

.clear
{
    clear: both;
}

.left
{
    float: left;
}

.right
{
    float: right;
}

.data-attrtext:before {
    content: attr(data-text);
}

.addlink {
    display: block;
    overflow: hidden;
    height: 0px !important;
    pointer-events: none;
}

.clickable:hover {
    cursor: pointer !important;
}

html
{
    height: 100%;
    min-height: -moz-available;
    min-height: -webkit-fill-available;
    min-height:         fill-available;
}

html.custom_scroll ::-webkit-scrollbar
{
    width: 10px;
    height: 10px;

    background-color: var(--bg);
}

html.custom_scroll ::-webkit-scrollbar-thumb
{
    background-color: #38a1ab;
}


body
{
    font: var(--font_size) var(--font_family);

    height: 100%;
    min-height: -moz-available;
    min-height: -webkit-fill-available;
    min-height:         fill-available;

    color: var(--text_color);
}

body.lock
{
    overflow: hidden;
}

.msfavorites-total[data-value='0'] {
    display: none !important;
}


button
{
    font-family: inherit;
    font-size: inherit;
    font-weight: inherit;
    line-height: inherit;

    display: inline-block;

    cursor: pointer;
    vertical-align: top;

    color: inherit;
    border: none;
    background: none;
}


.wrap
{
    position: relative;
    z-index: 9;

    display: flex;
    overflow: clip;
    flex-direction: column;

    min-height: 100%;

    background: var(--bg);
}


.wrap > .main
{
    display: flex;
    flex: 1 0 auto;
    flex-direction: column;
}

.cont
{
    width: 100%;
    max-width: 1488px;
    margin: 0 auto;
    padding: 0 24px;
}


.row
{
    display: flex;
    align-content: flex-start;
    align-items: flex-start;
    flex-wrap: wrap;
    justify-content: flex-start;
}



.content_flex.row,
.content_flex > .cont.row
{
    align-content: stretch;
    align-items: stretch;
    justify-content: space-between;
}


.content_flex .content
{
    position: relative;

    width: calc(100% - var(--sidebar_width) - 50px);
}

.comparison.added .comparison-add {
    display: none !important;
}

.comparison.added .comparison-remove {
    display: flex !important;
}

.comparison:not(.added) .comparison-remove {
    display: none !important;
}

.comparison:not(.added) .comparison-add {
    display: flex !important;
}

.content_flex .content > *:first-child
{
    margin-top: 0;
}

.content_flex .content > *:last-child
{
    margin-bottom: 0;
}

.FAQ .block_head {
    margin-bottom: 0px !important;
}

.block
{
    margin-bottom: 40px;
}

.delivery_info.block {
    margin-bottom: 30px;
}

.block.big_m
{
    margin-bottom: 40px;
}

.advantages.block {
    margin-bottom: 30px;
}

.page-kazakstan .block.big_m {
    margin-bottom: 30px;
}

.page-kazakstan .clients .block_head {
    margin-bottom: 30px;
}

[data-fancybox-close] {
    outline: none !important;
    border: none !important;
    box-shadow: none !important;
}

.modal_btn > *
{
    pointer-events: none;
}

header .menu .swiper-slide.visible {
    opacity: 1 !important;
    visibility: visible !important;
}

header .menu .swiper {
    overflow: hidden !important;
}



/*--------------
    Fancybox
--------------*/
.fancybox__backdrop
{
    background: rgba(0, 0, 0, .6);
}


.fancybox__slide
{
    padding: 40px;
}


.fancybox__content > .f-button.is-close-btn,
.is-compact .fancybox__content > .f-button.is-close-btn
{
    top: 12px;
    right: 12px;

    opacity: 1;

    --f-button-width: 40px;
    --f-button-height: 40px;
    --f-button-border-radius: 0;
    --f-button-color: var(--text_color);
    --f-button-hover-color: var(--text_color);
    --f-button-svg-width: 16px;
    --f-button-svg-height: 16px;
    --f-button-bg: transparent;
    --f-button-hover-bg: transparent;
    --f-button-active-bg: transparent;
}

.articles .article .link:hover {
    color: #38a1ab;
}


.fancybox__content > .f-button.is-close-btn svg
{
    stroke: none;
}



/*----------------
    Pagination
----------------*/
.pagination
{
    display: flex;
    align-content: center;
    align-items: center;
    flex-wrap: wrap;
    justify-content: center;
    list-style-type: none !important;
    margin-top: 40px;
}


.pagination > * + *
{
    margin-left: 24px;
}



.pagination .mob_more_btn
{
    font-size: 14px;

    display: none;

    width: 100%;
    height: 48px;
    margin-bottom: 20px;

    color: #fff;
    border-radius: 6px;
    background-color: rgb(56, 161, 171);
}


.pagination .mob_more_btn > *
{
    margin-left: 0;
}


.pagination a,
.pagination .sep
{
    line-height: 20px;

    display: inline-block;

    transition: color .2s linear;
    text-align: center;
    vertical-align: top;
    text-decoration: none;

    color: currentColor;
}

.btn:hover {
    cursor: pointer !important;
}

.btn-blue {
    font-size: 20px;
    font-weight: 500;
    position: relative;
    display: flex;
    align-content: center;
    align-items: center;
    flex-wrap: wrap;
    justify-content: center;
    width: 560px;
    max-width: 100%;
    height: 50px;
    margin: 32px auto 0;
    transition: background .2s linear;
    text-align: center;
    text-decoration: none;
    color: #fff;
    border-radius: 10px;
    background: #38a1ab;
    margin-top: 0px !important;
}

.btn-blue:hover {
        background: #236d74;
}

.success-text {
    margin-top: 15px;
    text-align: center;
}


.pagination a:hover, .pagination .page-item.active a,
.pagination a.active
{
    color: #38a1ab;
}


.pagination .prev,
.pagination .next
{
    display: flex;
    align-content: center;
    align-items: center;
    flex-wrap: wrap;
    justify-content: center;
}


.pagination .prev .icon,
.pagination .next .icon
{
    position: relative;
    top: 1px;

    display: block;

    width: 12px;
    height: 6px;

    transform: rotate(-90deg);
}


.pagination .next .icon
{
    transform: rotate(90deg);
}



/*---------------
    Accordion
---------------*/
.accordion_item
{
    border-bottom: 1px solid #16646b;
}


.accordion_item .head
{
    position: relative;

    padding: 20px 116px 20px 0;

    cursor: pointer;

    color: #236d73;
}


.accordion_item .head .title
{
    font-size: 20px;
    font-weight: 300;
}


.accordion_item .head .icon
{
    position: absolute;
    top: 32px;
    right: 12px;

    display: block;

    width: 10px;
    height: 5px;

    transition: transform .2s linear;
    transform: rotate(180deg);
}

@media (min-width: 768px) {
    .products .mob_head {
        display: none !important;
    }
    
    .notify-modal {
         pointer-events: none !important;
    }
    
    .notify-modal .fancybox__backdrop {
        display: none !important;
    }
    
    .notify-modal .modal {
        display: block !important;
        top: 20px !important;
        right: 20px !important;
        position: absolute !important;
        box-shadow: 0 6px 29.12px 2.88px rgba(0, 0, 0, .34) !important;
        pointer-events: all !important;
    }
    
    .only-mobile {
        display: none !important;
    }
}


.accordion_item .data
{
    display: none;

    padding-bottom: 40px;
}


.accordion_item.active .head .icon
{
    transform: rotate(0);
}

.normal-link {
    color: currentColor;
    text-decoration: none;
}

.normal-link:hover {
    color: #38a1ab;
}

@media (min-width: 480px) {
    .only-mobile {
        display: none !important;
    }
}

@media (max-width: 479px) {
    .only-desktop {
        display: none !important;
    }
}

/*----------
    Tabs
----------*/
.tabs
{
    display: flex;
    align-content: stretch;
    align-items: stretch;
    flex-wrap: wrap;
    justify-content: flex-start;

    margin-bottom: 20px;
    /*margin-left: -10px;*/
}


.tabs .btn
{
    font-size: 20px;
    font-weight: 400;

    position: relative;

    display: block;

    width: calc(20% - 10px);
    height: 50px;
    margin-left: 0px;
    margin-right: 10px;
    padding: 0 11px 2px;

    transition: .2s linear;

    color: #16646b;
    border: 1px solid #16646b;
    border-radius: 10px;
}

.compare-list .char-label, .compare-list .char-value {
    display: block !important;
    line-height: 1 !important;
    width: 100% !important;
    max-width: none !important;
}

.compare-list .pr-labelline {
    margin-bottom: 13px !important;
}

.compare-list .char-value {
    margin-top: 3px !important;
}

.tabs .btn:hover
{
    color: #fff;
    border-color: #38a1ab;
    background: #38a1ab;
}


.tabs .btn.active
{
    color: #fff;
    border-color: #16646b;
    background: #16646b;
}


.tab_content
{
    position: relative;

    visibility: hidden;
    overflow: hidden;

    height: 0;

    pointer-events: none;

    opacity: 0;
}

.tab_content.active
{
    visibility: visible;
    overflow: visible;

    height: auto;

    transition: opacity .5s linear;
    pointer-events: auto;

    opacity: 1;
}



/*----------------
    Mini modal
----------------*/
.modal_cont
{
    position: relative;
}


.mini_modal
{
    position: absolute;
    z-index: 100;
    top: 100%;
    left: 0;

    visibility: hidden;

    transition: .2s linear;
    pointer-events: none;

    opacity: 0;
}


.mini_modal.active
{
    visibility: visible;

    pointer-events: auto;

    opacity: 1;
}


.form-mainfields > .form-group:nth-child(1), .form-mainfields > .form-group:nth-child(2) {
    position: absolute !important;
    top: 0px !important;
    left: 0px !important;
    right: 0px !important;
    opacity: 0 !important;
    pointer-events: none !important;
}


/*------------
    Header
------------*/
header
{
    position: relative;
    z-index: 9;
    top: 0;
    left: 0;

    width: 100%;
    padding: 18px 0;

    border-bottom: 1px solid #38a1ab;
}



header .top
{
    margin-bottom: 18px;
}


header .data
{
    position: relative;
}


header .bottom
{
    margin-top: 18px;
}



header .cont
{
    align-content: center;
    align-items: center;
    justify-content: space-between;
}



header .location
{
    position: relative;
}


header .location .current
{
    display: flex;
    align-content: center;
    align-items: center;
    flex-wrap: wrap;
    justify-content: flex-start;

    transition: color .2s linear;
    white-space: nowrap;
}

.checkout_info .receiver-label.label-company {
    display: none !important;
}

.checkout_info.choosed-company .receiver-label.label-company {
    display: inline !important;
}

.checkout_info.choosed-company .receiver-label.label-fiz {
    display: none !important;
}

header .location .current .icon
{
    display: block;

    width: 15px;
    height: 18px;
    margin-right: 11px;
}


header .location .current:hover
{
    color: #38a1ab;
}


header .location .dropdown
{
    position: absolute;
    z-index: 5;
    top: 100%;
    left: -8px;

    display: none;

    width: 450px;
    margin-top: 14px;
    padding: 30px 17px 17px;

    white-space: normal;

    border-radius: 10px;
    background: #fff;
    box-shadow: 0 18px 19.11px 1.89px rgba(0, 0, 0, .16);
}


header .location .dropdown:before
{
    position: absolute;
    bottom: 100%;
    left: 0;

    display: block;

    width: 100%;
    height: 14px;

    content: '';
}


header .location .close_btn
{
    position: absolute;
    top: 17px;
    right: 17px;

    display: flex;
    align-content: center;
    align-items: center;
    flex-wrap: wrap;
    justify-content: center;

    width: 16px;
    height: 16px;
}


header .location .close_btn .ion
{
    display: block;

    width: 100%;
    height: 100%;
}


header .location .title
{
    font-size: 20px;
    font-weight: 600;
    line-height: 100%;

    margin-bottom: 24px;
    padding-left: 15px;

    color: #236d73;
}


header .location .btns
{
    display: flex;
    align-content: center;
    align-items: center;
    flex-wrap: wrap;
    justify-content: space-between;

    width: 100%;
    margin-left: 0;
}


header .location .btn
{
    font-size: 20px;
    font-weight: 500;

    display: block;

    width: calc(50% - 7px);
    height: 50px;
    padding-bottom: 5px;

    transition: .2s linear;

    border: 1px solid #b2b2b2;
    border-radius: 10px;
}


header .location .btn:hover
{
    color: #fff;
    border-color: #38a1ab;
    background: #38a1ab;
}


header .location .btn.yes_btn
{
    color: var(--text_color);
    border-color: #f7dd64;
    background: #f7dd64;
}

header .location .btn.yes_btn:hover
{
    border-color: #ffd200;
    background: #ffd200;
}



header .work_time
{
    position: relative;

    display: flex;
    align-content: center;
    align-items: center;
    flex-wrap: wrap;
    justify-content: flex-start;

    margin-left: auto;

    white-space: nowrap;
}


header .work_time .icon
{
    display: block;

    width: 20px;
    height: 20px;
    margin-right: 13px;

    color: #236d73;
}


header .work_time .dropdown
{
    position: absolute;
    z-index: 5;
    top: 100%;
    left: 5px;

    display: none;

    width: 264px;
    margin-top: 17px;
    padding: 16px 24px 24px;

    white-space: normal;

    border-radius: 10px;
    background: #fff;
    box-shadow: 0 18px 19.11px 1.89px rgba(0, 0, 0, .16);
}


header .work_time .dropdown:before
{
    position: absolute;
    bottom: 100%;
    left: 0;

    display: block;

    width: 100%;
    height: 17px;

    content: '';
}


header .work_time:hover .dropdown
{
    display: block;
}


header .work_time .label
{
    line-height: 24px;
}


header .work_time .item
{
    line-height: 24px;

    display: flex;
    align-content: center;
    align-items: center;
    flex-wrap: wrap;
    justify-content: space-between;
}


header .work_time .item .time.green
{
    color: #236d73;
}


header .work_time .day_off
{
    margin-top: 5px;
    padding-top: 2px;

    border-top: 1px solid #a9abad;
}


header .work_time .exp
{
    margin-top: 5px;
    padding-top: 4px;

    color: #686868;
    border-top: 1px solid #a9abad;
}



header .phone
{
    margin-left: auto;
}


header .phone a
{
    transition: color .2s linear;
    white-space: nowrap;
    text-decoration: none;

    color: currentColor;
}


header .phone a:hover
{
    color: #38a1ab;
}

.text-section {
    margin-bottom: 50px;
    margin-top: 20px;
}


header .email
{
    margin-left: auto;
}


header .email a
{
    transition: color .2s linear;
    white-space: nowrap;
    text-decoration: none;

    color: currentColor;
}


header .email a:hover
{
    color: #38a1ab;
}



header .messengers
{
    display: flex;
    align-content: center;
    align-items: center;
    flex-wrap: wrap;
    justify-content: flex-start;

    margin-left: auto;
}


header .messengers a
{
    display: block;

    text-decoration: none;

    color: currentColor;
}


header .messengers a + a
{
    margin-left: 20px;
}


header .messengers img
{
    display: block;

    width: 20px;
    height: 20px;
}



header .links
{
    margin-left: 40px;
}


header .links > *
{
    position: relative;
}


header .links > * + *
{
    margin-left: 25px;
}


header .links a, header .links .sub_link
{
    font-weight: 600;

    position: relative;
    z-index: 7;

    display: flex;
    align-content: center;
    align-items: center;
    flex-wrap: wrap;
    justify-content: flex-start;

    transition: color .2s linear;
    text-decoration: none;

    color: currentColor;
}


header .links .arr
{
    display: block;

    width: 10px;
    height: 5px;
    margin-left: 6px;

    transform: rotate(180deg);
}


header .links .sub_links
{
    position: absolute;
    z-index: 5;
    top: -15px;
    left: -29px;

    visibility: hidden;

    width: 232px;
    padding: 44px 0 15px;

    transition: .2s linear;
    pointer-events: none;

    opacity: 0;
    border-radius: 10px;
    background: #fff;
    box-shadow: 0 18px 19.11px 1.89px rgba(0, 0, 0, .16);
}


header .links > *:hover > a, header .links > *:hover > .sub_link
{
    color: #38a1ab;
    cursor: pointer;
}


header .links > *:hover > a.touch_link + .sub_links, header .links > *:hover > .sub_link.touch_link + .sub_links
{
    visibility: hidden;

    pointer-events: none;

    opacity: 0;
}

header .links > *:hover .sub_links,
header .links > * > a.touch_link + .sub_links.show, header .links > * > .sub_link.touch_link + .sub_links.show
{
    visibility: visible;

    pointer-events: auto;

    opacity: 1;
}


header .links .sub_links a
{
    font-weight: 400;
    line-height: 24px;

    position: relative;

    display: block;

    padding: 0 29px;

    transition: color .2s linear;
}


header .links .sub_links a:before
{
    position: absolute;
    top: 0;
    left: 0;

    display: block;

    width: 5px;
    height: 100%;

    content: '';
    transition: opacity .2s linear;

    opacity: 0;
    background: #38a1ab;
}


header .links .sub_links a:hover,
header .links .sub_links a.active
{
    color: #38a1ab;
}


header .links .sub_links a:hover:before,
header .links .sub_links a.active:before
{
    opacity: 1;
}



header .logo
{
    display: flex;

    text-decoration: none;

    color: currentColor;
}


header .logo img
{
    display: block;

    width: auto;
    height: 50px;
}


header .logo img + img
{
    display: none;

    height: 44px;
}



header .search
{
    position: relative;

    width: 501px;
    max-width: 100%;
    margin-left: auto;
}

header.fixed .search {
    width: 470px;
}


header .search ::-webkit-input-placeholder
{
    color: var(--text_color);
}

header .search :-moz-placeholder
{
    color: var(--text_color);
}

header .search ::-moz-placeholder
{
    opacity: 1;
    color: var(--text_color);
}

header .search :-ms-input-placeholder
{
    color: var(--text_color);
}


header .search .input
{
    font-family: var(--font_family);
    font-size: var(--font_size);

    display: block;

    width: 100%;
    height: 50px;
    padding-right: 57px;
    padding-left: 17px;

    color: var(--text_color);
    border: 1px solid #dfdfdf;
    border-radius: 10px;
    background: none;
}


header .search .input:-webkit-autofill
{
    -webkit-box-shadow: inset 0 0 0 50px var(--form_bg_color) !important;
}


header .search .submit_btn
{
    position: absolute;
    z-index: 3;
    top: 0;
    right: 0;

    display: flex;
    align-content: center;
    align-items: center;
    flex-wrap: wrap;
    justify-content: center;

    width: 58px;
    height: 100%;
}


header .search .submit_btn .icon
{
    display: block;

    width: 18px;
    height: 18px;
}



header .btns
{
    justify-content: space-between;

    width: 345px;
    max-width: 100%;
    margin-left: 40px;
}


header .btns a
{
    display: block;

    min-width: 76px;

    transition: color .2s linear;
    text-align: center;
    text-decoration: none;

    color: currentColor;
}


header .btns .icon
{
    position: relative;

    display: flex;
    align-content: center;
    align-items: center;
    flex-wrap: wrap;
    justify-content: center;

    margin-bottom: 8px;
}


header .btns .icon svg
{
    display: block;

    width: 20px;
    height: 20px;
}


header .btns .count
{
    font-size: 12px;
    font-weight: 400;
    line-height: 20px;

    position: absolute;
    z-index: 2;
    top: -12px;
    left: 50%;

    width: 20px;
    height: 20px;
    margin-left: 12px;

    text-align: center;

    color: #fff;
    border-radius: 50%;
    background: #38a1ab;
}


header .btns a:hover,
header .btns a.active
{
    color: #38a1ab;
}



header .catalog
{
    position: static;

    width: 200px;
    max-width: 100%;
    margin-left: auto;
}


header .catalog .btn
{
    font-size: 20px;
    font-weight: 500;

    display: flex;
    align-content: center;
    align-items: center;
    flex-wrap: wrap;
    justify-content: flex-start;

    width: 100%;
    height: 50px;
    padding: 0 17px;

    transition: background .2s linear;

    color: #fff;
    border-radius: 10px;
    background: #38a1ab;

    gap: 16px;
}


header .catalog .btn .icon
{
    display: block;

    width: 26px;
    height: 20px;
}


header .catalog .btn .icon + .icon
{
    display: none;
}


header .catalog .btn span
{
    position: relative;
    top: -1px;
}


header .catalog .btn:hover,
header .catalog .btn.active
{
    background: #38a1ab;
}


header .catalog .btn.active .icon
{
    display: none;
}

header .catalog .btn.active .icon + .icon
{
    display: block;
}


header .catalog .mini_modal
{
    left: 50%;

    display: flex;
    overflow: hidden;
    align-content: stretch;
    align-items: stretch;
    flex-wrap: wrap;
    justify-content: space-between;

    width: 1487px;
    max-width: 100vw;
    height: calc(100vh - var(--header_height) + 40px);
    margin-top: 20px;

    transform: translateX(-50%);

    border: 1px solid #dedede;
    border-radius: 10px;
    background: #fff;
}


header .catalog .list
{
    overflow: auto;

    width: 390px;
    max-width: 100%;
    height: 100%;
    min-height: -moz-available;
    min-height: -webkit-fill-available;
    min-height:         fill-available;
    padding: 20px;

    overscroll-behavior-y: contain;
}


header .catalog .list::-webkit-scrollbar
{
    width: 10px;
    height: 10px;

    border-right: 5px solid #fff;
    border-left: 4px solid #fff;
    background-color: #16646b;
}

header .catalog .list::-webkit-scrollbar-thumb
{
    background-color: #38a1ab;
}


header .catalog .list > * + *
{
    margin-top: 20px;
}


header .catalog .list a
{
    font-size: 20px;
    line-height: 100%;

    display: flex;
    align-content: center;
    align-items: center;
    flex-wrap: wrap;
    justify-content: space-between;

    transition: color .2s linear;
    text-decoration: none;

    color: currentColor;
}


header .catalog .list .icon
{
    display: block;

    width: 12px;
    height: 6px;

    transition: opacity .2s linear;
    transform: rotate(90deg);

    opacity: 0;
}


header .catalog .list span
{
    width: calc(100% - 18px);
}


header .catalog .list a:hover,
header .catalog .list a.active
{
    color: #236d74;
}


header .catalog .list a:hover .icon,
header .catalog .list a.active .icon
{
    opacity: 1;
}


header .catalog .sub
{
    display: none;
    overflow: auto;

    width: calc(100% - 390px);
    max-width: 100%;
    height: 100%;
    min-height: -moz-available;
    min-height: -webkit-fill-available;
    min-height:         fill-available;
    padding: 20px;

    overscroll-behavior-y: contain;
}


header .catalog .sub::-webkit-scrollbar
{
    width: 10px;
    height: 10px;

    border-right: 5px solid #fff;
    border-left: 4px solid #fff;
    background-color: #16646b;
}

header .catalog .sub::-webkit-scrollbar-thumb
{
    background-color: #38a1ab;
}


header .catalog .columns
{
    column-gap: 20px;
    column-count: 3;
}


header .catalog .columns > *
{
    transform: translateZ(0);

    --webkit-column-break-inside: avoid;
    page-break-inside: avoid;
    break-inside: avoid;
}


header .catalog .columns > * + *
{
    margin-top: 20px;
}


header .catalog .main
{
    font-size: 20px;
    line-height: 100%;

    display: flex;
    align-content: flex-start;
    align-items: flex-start;
    flex-wrap: wrap;
    justify-content: space-between;

    text-decoration: none;

    color: #236d73;
}


header .catalog .main .thumb
{
    display: flex;
    align-content: center;
    align-items: center;
    flex-wrap: wrap;
    justify-content: center;

    width: 93px;
    height: 93px;
}


header .catalog .main .thumb img
{
    display: block;

    max-width: 100%;
    max-height: 100%;
}


header .catalog .main .name
{
    align-self: center;
    word-wrap: break-word;
    width: calc(100% - 109px);
}


header .catalog .sub_links
{
    line-height: 100%;

    margin-top: 8px;
    padding-left: 109px;
}


header .catalog .sub_links > * + *
{
    margin-top: 10px;
}


header .catalog .sub_links a
{
    position: relative;

    transition: color .2s linear;
    text-decoration: none;

    color: currentColor;
}


header .catalog .sub_links a:before
{
    position: absolute;
    top: 7px;
    right: 100%;

    display: block;

    width: 5px;
    height: 5px;
    margin-right: 10px;

    content: '';
    pointer-events: none;

    border-radius: 50%;
    background: #38a1ab;
}


header .catalog .sub_links a:hover,
header .catalog .sub_links a.active
{
    color: #38a1ab;
}



header .menu .swiper
{
    overflow: visible !important;
}


header .menu .swiper-slide
{
    visibility: hidden;

    width: auto;

    transition: opacity .2s linear, visibility .2s linear;
    pointer-events: none;

    opacity: 0;
}


header .menu .swiper-slide.active,
header .menu .swiper-slide-fully-visible
{
    visibility: visible;

    pointer-events: auto;

    opacity: 1;
}

header .menu .swiper-wrapper {
    margin-left: 25px;
}

header .menu .swiper-button-next,
header .menu .swiper-button-prev
{
    width: 20px;
    height: 20px;

    /*
    color: #38a1ab;
    border-radius: 50%;
    background: #fff;
    box-shadow: 0 0 5px 0 rgba(0, 0, 0, .15);
    */
}

header .menu .swiper-button-next .round-inn,
header .menu .swiper-button-prev .round-inn
{
    color: #38a1ab;
    border-radius: 50%;
    background: #fff;
    box-shadow: 0 0 5px 0 rgba(0, 0, 0, .15);
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    position: absolute;
    color: #38a1ab;
}


header .menu .swiper-button-next.swiper-button-disabled,
header .menu .swiper-button-prev.swiper-button-disabled
{
    display: none;
}


header .menu .swiper-button-prev
{
    left: 0;
}

header .menu .swiper-button-next
{
    right: 0;
}


header .menu .swiper-button-next .icon,
header .menu .swiper-button-prev .icon
{
    width: 16px;
    height: 13px;
    z-index: 1;
    color: #38a1ab;
}


header .menu .item a
{
    font-size: 20px;

    display: block;

    transition: color .2s linear;
    text-decoration: none;

    color: currentColor;
}


header .menu .item a:hover,
header .menu .item a.active
{
    color: #38a1ab;
}



header.fixed
{
    position: fixed;

    margin: 0;
    padding: 5px 0;

    animation: moveDown .5s;

    border: none;
    background: var(--bg);
    box-shadow: 0 0 50px 0 rgba(0, 0, 0, .14);
}


.with-fancybox header.fixed
{
    width: calc(100% - var(--scroll_width));
}


header.fixed .top
{
    position: absolute;
    z-index: 5;
    top: 50%;
    right: 50%;

    margin: 0;

    transform: translate(596px, -50%);
}


header.fixed .bottom
{
    margin: 0;
}


header.fixed .top .cont
{
    width: auto;

    gap: 28px;
}


header.fixed .location,
header.fixed .work_time,
header.fixed .phone ~ .phone,
header.fixed .links,
header.fixed .menu
{
    display: none;
}



header.fixed .logo img
{
    display: none;
}


header.fixed .logo img + img
{
    display: block;
}


header.fixed .catalog/*,
header.fixed .search*/
{
    margin-left: 44px;
}

header.fixed .search
{
    margin-left: 20px;
}

.autocomplete-cities {
    position: absolute;
    background: white;
    z-index: 3;
    left: 0px;
    right: 0px;
    border: 1px solid #a9abad;
    border-top: 0px;
    padding: 10px;
}

.suggestion-link {
    margin-bottom: 3px;
}

.autocomplete-cities-wrapper {
    position: relative;
}

.autocomplete-cities:not(.active) {
    display: none !important;
}


header .catalog .mini_modal
{
    margin-top: 5px;
}


header.fixed .btns
{
    width: auto;
    margin-left: auto;
}


header.fixed .btns a
{
    min-width: 44px;
}


header.fixed .btns .icon
{
    margin: 0;
}


header.fixed .btns .count,
header.fixed .btns .icon + *
{
    display: none;
}



@keyframes moveDown
{
    0%
    {
        -webkit-transform: translateY(-100%);
                transform: translateY(-100%);
    }
}



/*-----------------
    Mob. header
-----------------*/
.mob_header
{
    position: sticky;
    z-index: 11;
    top: 0;
    left: 0;

    display: none;

    width: 100%;
    padding: 15px 0;

    background: var(--bg);
    box-shadow: 0 1px 35px 0 rgba(0, 0, 0, .16);
}


.mob_header .cont
{
    align-content: center;
    align-items: center;
    justify-content: space-between;
}



.mob_header .logo
{
    display: block;

    margin-right: auto;

    text-decoration: none;

    color: currentColor;
}


.mob_header .logo img
{
    display: block;

    height: 38px;
}



.mob_header .mob_phone_btn,
.mob_header .mob_email_btn,
.mob_header .mob_search_btn,
.mob_header .mob_menu_btn
{
    display: flex;
    align-content: center;
    align-items: center;
    flex-wrap: wrap;
    justify-content: center;

    width: 20px;
    height: 20px;
    margin-left: 28px;
}


.mob_header .mob_menu_close_btn
{
    position: absolute;
    z-index: 3;
    top: 0;
    right: 0;

    display: none;
    align-content: center;
    align-items: center;
    flex-wrap: wrap;
    justify-content: center;

    width: 44px;
    height: 100%;

    color: #fff;
    background: #16646b;
}

.mob_header .mob_menu_btn.active + .mob_menu_close_btn
{
    display: flex;
}


.mob_header .mob_phone_btn .icon,
.mob_header .mob_email_btn .icon,
.mob_header .mob_search_btn .icon,
.mob_header .mob_menu_btn .icon,
.mob_header .mob_menu_close_btn .icon
{
    display: block;

    width: 20px;
    height: 20px;
}



/*---------------
    Mob. menu
---------------*/
.mob_menu
{
    position: fixed;
    z-index: 10;
    top: 0;
    right: 100%;

    width: 100%;
    height: 100%;
    min-height: -moz-available;
    min-height: -webkit-fill-available;
    min-height:         fill-available;
    margin: 0;
    padding: 70px 0;

    transition: transform .3s linear;

    background: var(--bg);
}

.mob_menu.show
{
    transform: translateX(100%);
}


.mob_menu .scroll
{
    display: flex;
    overflow: auto;
    flex-direction: column;

    height: 100%;
    min-height: -moz-available;
    min-height: -webkit-fill-available;
    min-height:         fill-available;
    padding: 20px 0;

    overscroll-behavior-y: contain;
}


.mob_menu .section + .section
{
    margin-top: 24px;
}


.mob_menu .section .title
{
    font-size: 24px;
    font-weight: 600;

    margin-bottom: 20px;
}


.mob_menu .section .title.green
{
    color: #16646b;
    display: block;
    text-decoration: none;
}

.suggestion-city-link:hover {
    cursor: pointer;
    text-decoration: underline;
}


.mob_menu .links
{
    font-size: 16px;

    text-align: justify;

    column-gap: 24px;
    column-count: 2;
}


.mob_menu .links > *
{
    transform: translateZ(0);

    --webkit-column-break-inside: avoid;
    page-break-inside: avoid;
    break-inside: avoid;
}


.mob_menu .links > * + *
{
    margin-top: 24px;
}


.mob_menu .links a
{
    display: inline-block;

    text-align: left;
    vertical-align: top;
    text-decoration: none;

    color: currentColor;
}



/*-------------
    Sidebar
-------------*/
aside
{
    position: relative;

    width: var(--sidebar_width);
    max-width: 100%;
}


aside > * + *
{
    margin-top: 0px;
}



aside .filter .item + .item
{
    margin-top: 30px;
}

#mse2_filters .mse2_number_slider {
    margin-top: 32px !important;
    margin-bottom: 0px !important;
}

.filter-no #mse2_mfilter {
    display: none !important;
}

.filter-no .mob_filter_btn {
    display: none !important;
}

.filter-no .mob_sort {
    width: 100% !important;
}

.filter-no .mob_head {
    
}

.ui-slider-horizontal {
    height: 3px !important;
    border: 0px !important;
    background: #1e7279 !important;
    margin-right: 24px !important;
    position: relative;
}

.ui-slider-horizontal:before {
    content: '';
    position: absolute;
    height: 3px;
    right: -24px;
    width: 48px;
    background: #1e7279 !important;
}

.ui-slider-horizontal .ui-widget-header {
    background: #1e7279 !important;
}

.ui-slider .ui-slider-handle {
    border: 3px solid #16646b !important;
    border-radius: 50% !important;
    background: #fff !important;
    width: 24px !important;
    height: 24px !important;
    top: -11px !important;
    margin-left: 0px !important;
}


aside .filter .name
{
    font-size: 20px;
    font-weight: 600;
    line-height: 100%;

    position: relative;

    display: flex;
    align-content: center;
    align-items: center;
    flex-wrap: wrap;
    justify-content: flex-start;

    padding: 0 4px 0 0;

    cursor: pointer;

    color: #236d74;
}


aside .filter .name span
{
    max-width: calc(100% - 48px);
}


aside .filter .tooltip
{
    font-weight: 400;

    position: relative;
    top: 2px;

    margin-left: 8px;
}


aside .filter .tooltip .icon
{
    display: block;

    width: 20px;
    height: 20px;

    cursor: help;

    color: #686868;
}


aside .filter .tooltip .text
{
    font-size: var(--font_size);

    position: absolute;
    z-index: 99;
    top: 100%;
    left: 50%;
    left: -58px;

    visibility: hidden;

    width: 272px;
    margin-top: 12px;
    padding: 19px 23px;

    transition: .2s linear;
    pointer-events: none;

    opacity: 0;
    color: #686868;
    border: 1px solid #e9e9e9;
    border-radius: 10px;
    background: #fff;
    box-shadow: 0 76px 32px rgba(0,0,0,.34);
}


aside .filter .tooltip .text:before
{
    position: absolute;
    z-index: 1;
    top: -7px;
    left: 67px;

    display: block;

    width: 14px;
    height: 14px;
    margin-left: -7px;

    content: '';
    transform: rotate(45deg);

    border: 1px solid #e9e9e9;
    background: #fff;
}


aside .filter .tooltip .text:after
{
    position: absolute;
    z-index: 2;
    top: 0;
    left: 0;

    display: block;

    width: 100%;
    height: 15px;

    content: '';

    border-radius: 9px 9px 0 0;
    background: #fff;
}


aside .filter .tooltip:hover .text
{
    visibility: visible;

    pointer-events: auto;

    opacity: 1;
}

aside .filter .f-block .tooltip {
    display: inline-block;
}


aside .filter .name .arr
{
    display: block;

    width: 16px;
    height: 9px;
    margin-left: auto;

    transition: transform .2s linear;
    transform: rotate(0);
}


aside .filter .name.active .arr
{
    transform: rotate(180deg);
}


aside .filter .toggle_checkbox
{
    font-size: 20px;
    font-weight: 600;
    line-height: 100%;

    min-height: 39px;

    color: #236d74;
}


aside .filter .toggle_checkbox .check
{
    margin-right: 0;
    margin-left: auto;
}


aside .filter .toggle_checkbox input + div
{
    position: relative;
    top: -2px;

    max-width: calc(100% - 42px);
}


aside .filter .data
{
    display: none;

    padding-top: 20px;
    padding-bottom: 8px;
}


aside .filter .field.hide
{
    display: none;
}


aside .filter .field:not(:first-child)
{
    margin-top: 16px;
}


aside .filter .range .fields
{
    display: flex;
    align-content: center;
    align-items: center;
    flex-wrap: wrap;
    justify-content: space-between;
}


aside .filter .range .field
{
    width: calc(50% - 4px);
}

aside .filter .range .field + .field
{
    margin-top: 0;
}


aside .filter .range .label
{
    font-size: var(--font_size);

    position: absolute;
    z-index: 3;
    left: 0;

    display: flex;
    align-content: center;
    align-items: center;
    flex-wrap: wrap;
    justify-content: flex-start;

    height: 100%;
    padding: 0 12px;

    white-space: nowrap;
    pointer-events: none;

    color: #686868;
}


aside .filter .range .input
{
    font-size: 20px;

    padding-right: 11px;
    padding-left: 35px;

    text-align: right;

    color: var(--text_color);
}


aside .filter .range .input:focus
{
    border-color: #16646b;
}


aside .filter .irs
{
    margin-top: 32px;
}


aside .filter .irs--flat .irs-min,
aside .filter .irs--flat .irs-max
{
    display: none !important;
}


aside .filter .checkbox
{
    font-size: 20px;
}


aside .filter .checkbox .check
{
    top: 3px;
}

.spoiler-text {
    overflow: hidden;
    transition: 0.15s;
    position: relative;
}

.spoiler-text:not(.open) {
    max-height: 480px;
    transition: 0.15s;
}

.spoiler-text:not(.open):after {
    content: '';
    display: block;
    position: absolute;
    bottom: 0px;
    left: 0px;
    right: 0px;
    height: 100px;
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+0,ffffff+100&0+0,1+100 */
background: linear-gradient(to bottom,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}

aside .filter .spoler_btn
{
    font-size: 20px;

    margin-top: 10px;

    transition: .2s linear;

    color: #686868;
    border-bottom: 1px dotted;
}


aside .filter .spoler_btn:hover
{
    color: #38a0ab;
    border-bottom-style: solid;
}


aside .filter .spoler_btn span + span,
aside .filter .spoler_btn.active span
{
    display: none;
}

aside .filter .spoler_btn.active span + span
{
    display: inline;
}


aside .filter .filter_selected
{
    display: none;

    margin-top: 24px;
}


aside .filter .filter_selected .section + .section
{
    margin-top: 12px;
}


aside .filter .filter_selected .label
{
    font-size: 14px;

    margin-bottom: 12px;

    color: #686868;
}


aside .filter .filter_selected .row
{
    display: block;
    overflow: auto;

    width: calc(100% + 4rem);
    margin: 0 -2rem;
    padding: 0 2rem;

    white-space: nowrap;

    scroll-padding: 0 2rem;
    scroll-snap-type: x mandatory;
    scrollbar-color: transparent transparent !important;
    scrollbar-width: thin !important;
}


aside .filter .filter_selected .row::-webkit-scrollbar
{
    display: none !important;

    width: 0 !important;
    height: 0 !important;

    background-color: transparent !important;
}


aside .filter .filter_selected .row::-webkit-scrollbar-thumb
{
    background-color: transparent !important;
}


aside .filter .filter_selected .row > *
{
    display: inline-block;

    max-width: none;
    margin: 0;

    vertical-align: top;

    scroll-snap-align: start;
}


aside .filter .filter_selected .row > * + *
{
    margin-left: 16px;
}


aside .filter .filter_selected .btn
{
    font-size: 14px;
    line-height: 48px;

    position: relative;

    height: 48px;
    padding: 0 23px 0 17px;

    transition: background .2s linear;
    white-space: nowrap;

    color: #fff;
    border-radius: 10px;
    background: #16646b;
}


aside .filter .filter_selected .btn .icon
{
    position: absolute;
    top: 0;
    right: -12px;
    bottom: 0;

    display: flex;
    align-content: center;
    align-items: center;
    flex-wrap: wrap;
    justify-content: center;

    width: 24px;
    height: 24px;
    margin: auto 0;

    transition: .2s linear;

    color: #16646b;
    border: 1px solid #16646b;
    border-radius: 50%;
    background: #fff;
}


aside .filter .filter_selected .btn .icon svg
{
    display: block;

    width: 12px;
    height: 12px;
}


aside .filter .filter_selected .btn:hover
{
    background: #38a1ab;
}


aside .filter .filter_selected .btn:hover .icon
{
    color: #38a1ab;
    border-color: #38a1ab;
}


aside .filter .filter_reset_btn
{
    font-size: 20px;

    display: block;

    width: 100%;
    height: 50px;
    margin-top: 30px;
    padding-bottom: 2px;

    transition: .2s linear;

    color: #16646b;
    border: 1px solid #16646b;
    border-radius: 10px;
}


aside .filter .filter_reset_btn:hover
{
    color: #fff;
    border-color: #38a0ab;
    background: #38a0ab;
}


aside .filter .submit_btn
{
    font-size: 14px;

    display: none;

    width: 100%;
    margin-top: 28px;
}



aside .links
{
    line-height: 24px;
}


aside .links a
{
    display: inline-block;

    transition: color .2s linear;
    vertical-align: top;
    text-decoration: none;

    color: currentColor;
}


aside .links a:hover,
aside .links a.active,
.mob_aside_links .data a.active
{
    color: #236d73;
}


aside .links a.active
{
    margin-bottom: 8px;
}

aside .links .link-child + .link-parent, .mob_aside_links .data .link-child + .link-parent {
    margin-top: 10px;
}


/*---------------
    Page head
---------------*/
.page_head
{
    margin-bottom: 20px;
    padding-top: 20px;
}

.brands-page .page_head {
    margin-bottom: 20px;
}


.breadcrumbs
{
    line-height: 20px;

    color: #236d74;
}


.breadcrumbs a
{
    transition: border-color .2s linear;
    text-decoration: none;

    color: currentColor;
    border-bottom: 1px dotted transparent;
}


.breadcrumbs a:hover
{
    border-color: currentColor;
}


.breadcrumbs .sep
{
    display: inline-block;

    margin: 0 6px;

    vertical-align: top;
}



.page_title
{
    font-size: var(--font_size_title);
    font-weight: 600;

    position: relative;

    display: block;

    margin-top: 30px;
    padding-top: 20px;
}

.about-page .page_title {
    margin-top: 20px;
}

.brands-page .page_title {
    margin-top: 40px;
}

.success-page .page_title {
    margin-top: 20px;
}

.page_title.hide
{
    display: none;
}


.page_title span
{
    color: #38a1ab;
}


.page_title .current_city
{
    color: #38a1ab;
    border-bottom: 2px dotted;
}


.page_title .current_city:hover
{
    border-bottom-style: solid;
}


.page_title + b
{
    display: block;
        font-size: var(--font_size_title);
    font-weight: 500;
    margin-top: 12px;

    color: #236d73;
}


.page_title:before
{
    position: absolute;
    top: 0;
    left: 0;

    display: block;

    width: 110px;
    height: 3px;

    content: '';
    pointer-events: none;

    background: #38a1ab;
}

.cities-support {
    position: relative !important;
}

.input-nor {
    border-bottom-left-radius: 0px !important;
    border-bottom-right-radius: 0px !important;
}

.suggestion-city-cart-link:not(:last-child) {
    margin-bottom: 5px;
}

.suggestion-city-cart-link:hover {
    cursor: pointer !important;
    text-decoration: underline;
}

/*----------------
    Block head
----------------*/
.block_head
{
    margin-bottom: 20px;
}

.block_head.small_m
{
    margin-bottom: 20px;
}


.block_head .title
{
    font-size: var(--font_size_title);
    font-weight: 600;

    position: relative;

    display: block;

    padding-top: 20px;

    color: var(--text_color);
}

body header .menu .swiper {
    overflow: hidden !important;
}


.block_head .title:before
{
    position: absolute;
    top: 0;
    left: 0;

    display: block;

    width: 110px;
    height: 3px;

    content: '';
    pointer-events: none;

    background: #38a1ab;
}


.block_head .title small
{
    font-size: 20px;
    font-weight: 400;
    line-height: normal;

    margin-left: 20px;
}


.block_head .current_city
{
    margin-left: 12px;

    transition: color .2s linear;

    color: #236d73;
    border-bottom: 2px dotted;
    margin-left: 0px;
        color: #38a1ab;
}


.block_head .current_city:hover
{
    /*color: #38a1ab;*/
    border-bottom-style: solid;
}


.block_head .desc
{
    margin-top: 20px;
}


.block_head .desc > * + *
{
    margin-top: 20px;
}



/*------------------
    Form elements
------------------*/
.form
{
    --form_border_color: #c7c7c7;
    --form_focus_color: #c7c7c7;
    --form_error_color: red;
    --form_border_radius: 10px;
    --form_bg_color: #fff;
    --form_placeholder_color: #b0b0b0;
}


.form ::-webkit-input-placeholder
{
    color: var(--form_placeholder_color);
}

.form :-moz-placeholder
{
    color: var(--form_placeholder_color);
}

.form ::-moz-placeholder
{
    opacity: 1;
    color: var(--form_placeholder_color);
}

.form :-ms-input-placeholder
{
    color: var(--form_placeholder_color);
}


.form .columns
{
    display: flex;
    align-content: flex-end;
    align-items: flex-end;
    flex-wrap: wrap;
    justify-content: flex-start;

    margin-left: calc(var(--form_columns_offset) * -1);

    --form_columns_offset: 12px;
}

.form .columns > *
{
    width: calc(50% - var(--form_columns_offset));
    margin-left: var(--form_columns_offset);
}


.form .columns > *.width1of1
{
    width: calc(100% - var(--form_columns_offset));
}


.form .columns > *.width1of3
{
    width: calc(33.333% - var(--form_columns_offset));
}

.form .columns > *.width2of3
{
    width: calc(66.666% - var(--form_columns_offset));
}


.form .line
{
    margin-bottom: 20px;
}


.form .label
{
    margin-bottom: 10px;

    color: #686868;
}

.manager_top_wrapper {
    display: none !important;
}


.form .required
{
    color: #c63832;
}


.form .field
{
    position: relative;
}

.form .field:not(.withtext) .radio .name {
    position: relative;
    top: -4px;
}

.form .field.withtext .radio .name {
    position: relative;
    top: 1px;
}

.form .input
{
    font-family: var(--font_family);
    font-size: var(--font_size);

    display: block;

    width: 100%;
    height: 50px;
    padding: 0 15px;

    transition: .2s linear;
    text-align: center;

    color: var(--form_placeholder_color);
    border: 1px solid var(--form_border_color);
    border-radius: var(--form_border_radius);
    background: var(--form_bg_color);
}

.form .input:-webkit-autofill
{
    -webkit-box-shadow: inset 0 0 0 50px var(--form_bg_color) !important;
}


.form textarea
{
    font-family: var(--font_family);
    font-size: var(--font_size);

    display: block;

    width: 100%;
    height: 202px;
    padding: 12px 15px;

    resize: none;
    transition: .2s linear;

    color: var(--form_placeholder_color);
    border: 1px solid var(--form_border_color);
    border-radius: var(--form_border_radius);
    background: var(--form_bg_color);
}

.form textarea::-webkit-scrollbar
{
    width: 5px;
    height: 5px;
}


.form .input:focus,
.form textarea:focus
{
    color: var(--text_color);
    border-color: var(--form_focus_color);
}


.form .input.active,
.form textarea.active
{
    color: var(--text_color);
}


.form .error
{
    border-color: var(--form_error_color);
}


.form .checkbox
{
    line-height: 20px;

    position: relative;

    display: flex;
    align-content: center;
    align-items: center;
    flex-wrap: wrap;
    justify-content: flex-start;

    min-height: 20px;
    padding-left: 24px;

    cursor: pointer;
}


.form .checkbox input
{
    display: none;
}


.form .checkbox > *
{
    pointer-events: none;
}


.form .checkbox .check
{
    position: absolute;
    top: 2px;
    left: 0;

    display: flex;
    align-content: center;
    align-items: center;
    flex-wrap: wrap;
    justify-content: center;

    width: 16px;
    height: 16px;

    border: 2px solid #686868;
    border-radius: 2px;
    background: var(--form_bg_color);
}


.form .checkbox .check:after
{
    position: absolute;
    top: -3px;
    right: 0;
    bottom: 0;
    left: 0;

    display: block;

    width: 9px;
    height: 5px;
    margin: auto;

    content: '';
    transition: opacity .2s linear;
    transform: rotate(-45deg);

    opacity: 0;
    border-bottom: 2px solid #236d73;
    border-left: 2px solid #236d73;
}


.form .checkbox a
{
    color: #236d73;

    text-decoration-thickness: 1px;
}


.form .item sup
{
    font-size: 12px;
    line-height: 100%;

    display: inline-block;

    vertical-align: top;

    color: #686868;
    font-weight: normal;
}


.form .checkbox:hover .check:after
{
    opacity: .5;
}

.form .checkbox input:checked ~ .check:after
{
    opacity: 1;
}


.form .radio
{
    line-height: 20px;

    position: relative;

    display: flex;
    align-content: center;
    align-items: center;
    flex-wrap: wrap;
    justify-content: flex-start;

    min-height: 20px;
    padding-left: 30px;

    cursor: pointer;
}


.form .radio input
{
    display: none;
}


.form .radio .check
{
    position: absolute;
    top: 3px;
    left: 0;

    display: flex;
    align-content: center;
    align-items: center;
    flex-wrap: wrap;
    justify-content: center;

    width: 16px;
    height: 16px;

    transition: border-color .2s linear;

    border: 1px solid var(--text_color);
    border-radius: 50%;
    background: var(--form_bg_color);
}


.form .radio .check:after
{
    position: absolute;

    display: block;

    width: 6px;
    height: 6px;
    margin: auto;

    content: '';
    transition: opacity .2s linear;

    opacity: 0;
    border-radius: 50%;
    background: #38a1ab;

    inset: 0;
}


.form .radio .name
{
    font-size: 20px;
}


.form .radio .desc
{
    margin-top: 10px;

    color: #686868;
}


.form .radio input:checked ~ .check
{
    border-color: #38a1ab;
}

.form .radio input:checked ~ .check:after
{
    opacity: 1;
}


.form .method_communication
{
    margin-bottom: 20px;
}


.form .method_communication .row
{
    margin-bottom: -12px;
    margin-left: -12px;
}


.form .method_communication .row > *
{
    width: calc(33.333% - 12px);
    margin-bottom: 12px;
    margin-left: 12px;
}


.form .method_communication label
{
    cursor: pointer;
}

.cookie-btns {
    display: flex;
    align-items: center;
}


.form .method_communication input
{
    display: none;
}

.ts-1 {
    color: #236d74;
    font-size: 14px;
    margin-bottom: 10px;
}


.form .method_communication label div
{
    font-weight: 500;

    display: flex;
    align-content: center;
    align-items: center;
    flex-wrap: wrap;
    justify-content: center;

    height: 50px;
    padding: 7px;

    transition: .2s linear;

    color: #16646b;
    border: 1px solid #16646b;
    border-radius: 10px;
}


.form .method_communication label div.mob
{
    display: none;

    text-align: center;
}


.form .method_communication label .icon
{
    display: block;

    width: 26px;
    height: 26px;
    margin-right: 8px;
}


.form .method_communication label span
{
    max-width: calc(100% - 34px);
}


.form .method_communication label div:hover
{
    color: #fff;
    border-color: #38a1ab;
    background: #38a1ab;
}


.form .method_communication input:checked ~ div,
.form .method_communication input:checked ~ div.mob
{
    color: #fff;
    border-color: #236d74;
    background: #236d74;
}


.form .agree
{
    display: flex;
}


.form .toggle_checkbox
{
    display: flex;
    align-content: center;
    align-items: center;
    flex-wrap: wrap;
    justify-content: center;

    margin: 0 auto;

    cursor: pointer;
    text-align: center;
}

.form .toggle_checkbox.nomargin {
    margin-left: 0px !important;
    margin-right: 0px !important;
}


.form .toggle_checkbox input
{
    display: none;
}


.form .toggle_checkbox .check
{
    position: relative;

    width: 30px;
    height: 20px;
    margin-right: 12px;

    transition: background .2s linear;

    border-radius: 10px;
    background: #c7c7c7;
}


.form .toggle_checkbox .check:before
{
    position: absolute;
    top: 0;
    bottom: 0;
    left: 2px;

    display: block;

    width: 16px;
    height: 16px;
    margin: auto 0;

    content: '';
    transition: left .2s linear;

    border-radius: 50%;
    background: #fff;
}


.form .toggle_checkbox .check + div
{
    max-width: calc(100% - 42px);
}


.form .toggle_checkbox a
{
    text-decoration: none;

    color: #236d73;
    border-bottom: 1px dotted;
}


.form .toggle_checkbox a:hover
{
    border-bottom-style: solid;
}


.form .toggle_checkbox input:checked ~ .check
{
    background: #236d73;
}

.form .toggle_checkbox input:checked ~ .check:before
{
    left: 12px;
}


.form .submit_btn
{
    font-weight: 500;

    display: block;

    width: 100%;
    height: 50px;

    transition: background .2s linear;

    border-radius: 10px;
    background: #f7dd64;
}


.form .submit_btn:hover
{
    background: #ffd200;
}



/*----------------
    Typography
----------------*/
.text_block
{
    font-size: 20px;
    line-height: 32px;

    text-align: justify;

    color: #686868;
}

.text_block.dark
{
    color: var(--text_color);
}


.text_block > *,
.text_block .col > *,
.text_block .warning > *,
.text_block .hide > *
{
    margin-bottom: 20px;
}


.text_block > :last-child,
.text_block .col > :last-child,
.text_block .warning > :last-child,
.text_block .hide > :last-child
{
    margin-bottom: 0 !important;
}

.text_block > :first-child,
.text_block .col > :first-child,
.text_block .warning > :first-child,
.text_block .hide > :first-child
{
    margin-top: 0 !important;
}


.text_block h2
{
    font-size: 24px;
    font-weight: 600;
    line-height: normal;

    text-align: left;

    color: #236d73;
}


.text_block h3
{
    font-size: 20px;
    font-weight: 600;
    line-height: 32px;

    margin-bottom: 12px !important;

    text-align: left;
}

.kvadrat {
    background: #ffffff;
    z-index: 0;
    position: absolute;
    top: -5px;
    bottom: -5px;
    left: -5px;
    right: -5px;
}

.text_block * + .block_head,
.text_block * + h2,
.text_block * + h3
{
    margin-top: 20px;
    margin-bottom: 20px;
}

.text_block h2 + *,
.text_block h3 + *
{
    margin-top: 0 !important;
}


.text_block img
{
    display: block;

    max-width: 100%;
}


.text_block .cols
{
    display: flex;
    align-content: flex-start;
    align-items: flex-start;
    flex-wrap: wrap;
    justify-content: space-between;
}


.text_block .cols .col
{
    width: calc(50% - 30px);
}


.text_block .columns, .text_block .columns2
{
    text-align: justify;

    column-gap: 52px;
    column-count: 2;
}


.text_block .columns > *, .text_block .columns2 > *
{
    transform: translateZ(0);

    --webkit-column-break-inside: avoid;
    page-break-inside: avoid;
    break-inside: avoid;
}


.text_block .columns > * + *, .text_block .columns2 > * + *
{
    margin-top: 24px;
}


.text_block ul li
{
    line-height: 30px;

    position: relative;

    display: flex;
    /*
    align-content: center;
    align-items: center;
    */
    flex-wrap: wrap;
    justify-content: flex-start;

    min-height: 26px;
    padding-left: 40px;

    list-style-type: none;

    text-align: left;
}


.text_block ul li + li
{
    margin-top: 20px;
}


.text_block ul li:before
{
    position: absolute;
    top: 0;
    left: 0;

    display: block;

    width: 30px;
    height: 30px;

    content: '';

    border-radius: 50%;
    background: url(../images/ic_ul_li.svg) 0 0 no-repeat;
}


.text_block ul.columns
{
    width: 1032px;
    max-width: 100%;
}


.text_block ul.columns.full_w
{
    width: 100%;
}


.text_block ul.columns li + li
{
    margin-top: 20px;
}


.text_block ul.point li
{
    line-height: 24px;

    display: block;

    min-height: 0;
}

.text_block ul.point li:before
{
    top: 8px;
    left: 6px;

    width: 10px;
    height: 10px;

    background: #38a1ab;
}


.text_block ul.no_mark li
{
    line-height: 24px;

    display: block;

    min-height: 0;
    padding-left: 0;
}

.text_block ul.no_mark li + li
{
    margin-top: 8px;
}

.text_block ul.no_mark li:before
{
    display: none;
}


.text_block ol
{
    counter-reset: li;
}

.text_block ol li
{
    position: relative;

    display: block;

    padding-left: 24px;

    list-style-type: none;
}


.text_block ol li + li
{
    margin-top: 8px;
}


.text_block ol li:before
{
    position: absolute;
    top: 0;
    left: 0;

    content: counter(li) ')';
    counter-increment: li;
}


.text_block .warning
{
    position: relative;

    min-height: 26px;
    padding-left: 44px;

    background: url(../images/ic_warning.svg) 0 0/26px 26px no-repeat;
}

.text_block a.iconic-link {
    text-decoration: none !important;
    border-bottom: 0px !important;
    display: inline-block;
}

.text_block a.iconic-link:hover > span {
    border-bottom: 1px solid;
}

.text_block a:not(.iconic-link),
.text_block .btn,
.text_block a.iconic-link > span
{
    text-decoration: none;

    color: #236d73;
    border-bottom: 1px dotted;
}


.text_block a:hover,
.text_block .btn:hover
{
    border-bottom-style: solid;
}


.text_block a img,
.text_block .btn img
{
    position: relative;
    top: -1px;

    display: inline-block;

    width: 18px;
    height: 19px;
    margin: 0;

    vertical-align: middle;
}


.text_block .video
{
    position: relative;

    overflow: hidden;

    padding-bottom: 45.787%;

    background: #ddd;
}


.text_block .video iframe
{
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;

    display: block;

    width: 100%;
    height: 100%;
}


.text_block .table_wrap
{
    overflow: auto;

    max-width: 100%;
    margin-top: 32px;
    margin-bottom: 32px;
}


.text_block table
{
    width: 100%;

    table-layout: fixed;
    border-spacing: 0;
    border-collapse: collapse;
}


.text_block table th
{
    font-size: 20px;
    font-weight: 400;
    line-height: 24px;

    padding: 14px 20px;

    text-align: center;
    vertical-align: middle;

    color: #fff;
    background: #38a1ab;
}


.text_block table th + th
{
    border-left: 10px solid var(--bg);
}


.text_block table td
{
    line-height: 24px;

    padding: 14px 20px;

    text-align: center;
    vertical-align: middle;

    border-bottom: 1px solid #16646b;
}


.text_block p.point
{
    line-height: 24px;

    position: relative;

    padding-left: 28px;
}


.text_block p.point:before
{
    position: absolute;
    top: 8px;
    left: 0;

    display: block;

    width: 10px;
    height: 10px;

    content: '';

    border-radius: 50%;
    background: #38a1ab;
}


.text_block .image_block
{
    display: flex;
    align-content: flex-start;
    align-items: flex-start;
    flex-wrap: wrap;
    justify-content: space-between;

    margin-top: 32px;
    margin-bottom: 32px;
}


.text_block .image_block .data
{
    width: calc(100% - 364px);
}


.text_block .image_block .data > * + *
{
    margin-top: 32px;
}


.text_block .image_block img
{
    display: block;

    width: 272px;
    max-width: 100%;
}


.text_block .gallery
{
    margin-top: 32px;
    margin-bottom: 32px;
}


.text_block .gallery .row
{
    margin-bottom: -10px;
    margin-left: -10px;
}


.text_block .gallery .row > *
{
    width: calc(50% - 10px);
    margin-bottom: 10px;
    margin-left: 10px;
}


.text_block .gallery a
{
    position: relative;

    display: block;
    overflow: hidden;

    padding-bottom: 61.151%;

    text-decoration: none;

    color: currentColor;
    background: #ddd;
}


.text_block .gallery img
{
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;

    display: block;

    width: 100%;
    height: 100%;

    object-fit: cover;
}


.text_block .hide
{
    display: none;
}


.text_block .spoler_btn
{
    font-size: 20px;
    line-height: 100%;

    display: flex;
    align-content: center;
    align-items: center;
    flex-wrap: wrap;
    justify-content: center;

    width: 100%;
    padding-top: 24px;

    color: #236d74;
    border-top: 1px solid #16646b;
}


.text_block .spoler_btn .icon
{
    display: block;

    width: 10px;
    height: 5px;
    margin-right: 12px;

    transition: transform .2s linear;
    transform: rotate(180deg);
}


.text_block .spoler_btn span + span,
.text_block .spoler_btn.active span
{
    display: none;
}

.text_block .spoler_btn.active span + span
{
    display: block;
}


.text_block .spoler_btn.active .icon
{
    transform: none;
}


.text_block .copy_btn
{
    position: relative;

    color: #236d73;
}


.text_block .copy_btn .success
{
    font-size: 12px;
    line-height: 28px;

    position: absolute;
    bottom: 100%;
    left: 0;

    display: none;

    width: 174px;
    height: 30px;

    white-space: nowrap;
    pointer-events: none;

    color: #16646b;
    border: 1px solid rgb(231, 231, 231);
    border-radius: 5px;
    background: #fff;
    box-shadow: 0 4px 16px 0 rgba(0, 0, 0, .11);
}


.text_block .copy_btn.copied .success
{
    display: block;
}


.manager_top_wrapper {
    margin-top: 25px;
    margin-bottom: 25px;
}

.manager_top {
    border: 1px solid black;
    padding: 15px;
}

.stockcities-label {
    margin-right: 20px;
    margin-bottom: 5px;
    font-weight: bold !important;
    display: inline-block;
}

.stockcities-label input {
    display: none !important;
}

.stockcities-label input:checked + .filter-onex {
    color: red !important;
}

.stockcities-label:hover {
    cursor: pointer !important;
}

html body.fm {
    padding-top: 0px !important;
}

#msOrder {
    margin-top: 0px !important;
}

.map > iframe {
    width: 100%;
    height: 100%;
}

.cont-row {
    flex-wrap: nowrap !important;
}

.comparison-status.exist .comparison-not-exist {
    display: none;
}

.comparison-status:not(.exist) .comparison-exist {
    display: none;
}

#mob_catalog_modal .sub .head {
    text-align: center;
}

/*Временно, вообще без понятия*/
.fixed_mob_menu .count {
    font-size: 9px;
    font-weight: 400;
    line-height: 13px;
    position: absolute;
    z-index: 2;
    top: -6px;
    left: 50%;
    width: 14px;
    height: 14px;
    margin-left: 12px;
    text-align: center;
    color: #fff;
    border-radius: 50%;
    background: #38a1ab;
    font-weight: 600;
}

.msMiniCart .empty {
    display: flex !important;
}

.msMiniCart .not_empty {
    display: none !important;
}

.msMiniCart.full .empty {
    display: none !important;
}

.msMiniCart.full .not_empty {
    display: flex !important;
}


/*-------------------
    First section
-------------------*/
.first_section
{
    padding-top: 24px;
}


.first_section .col
{
    width: calc(50% - 48px);
}

.first_section .col + .col
{
    margin-left: auto;
}


.first_section .head
{
    position: relative;

    display: flex;
    align-content: flex-start;
    align-items: flex-start;
    flex-wrap: wrap;
    justify-content: space-between;
}


.first_section .head:after
{
    position: absolute;
    z-index: 1;
    top: 116px;
    left: 48px;

    display: block;

    width: 2px;
    height: calc(100% - 92px);

    content: '';

    border-left: 2px dotted;
}


.first_section .head .icon
{
    display: flex;
    align-content: center;
    align-items: center;
    flex-wrap: wrap;
    justify-content: center;

    width: 102px;
    height: 102px;
    padding: 15px;

    border: 3px solid #38a1ab;
    border-radius: 50%;
}


.first_section .head .icon img
{
    display: block;

    max-width: 100%;
    max-height: 100%;
}


.first_section .head .icon + *
{
    width: calc(100% - 126px);
    padding-top: 32px;
}


.first_section .head .name
{
    font-size: 32px;
    font-weight: 600;
}


.first_section .head .desc
{
    margin-top: 10px;
}


.first_section .items
{
    margin-top: 24px;
    padding-left: 126px;
}


.first_section .item
{
    position: relative;

    width: 520px;
    max-width: 100%;
}


.first_section .item:before
{
    position: absolute;
    z-index: 2;
    top: 3px;
    right: 100%;

    display: block;

    width: 22px;
    height: 22px;
    margin-right: 66px;

    content: '';

    border: 3px solid #38a1ab;
    border-radius: 50%;
    background: #fff;
}


.first_section .item:after
{
    position: absolute;
    z-index: 1;
    right: 100%;
    bottom: -24px;

    display: block;

    width: 2px;
    height: calc(100% - 4px);
    margin-right: 76px;

    content: '';

    border-left: 2px dotted;
}


.first_section .item:last-child:after
{
    display: none;
}


.first_section .item + .item
{
    margin-top: 24px;
}


.first_section .item .name
{
    font-size: 24px;
    font-weight: 700;
}


.first_section .item .desc
{
    min-height: 60px;
    margin-top: 10px;
}


.first_section .link a
{
    font-size: 20px;
    font-weight: 700;

    position: relative;

    display: flex;
    align-content: center;
    align-items: center;
    flex-wrap: wrap;
    justify-content: center;

    width: 560px;
    max-width: 100%;
    height: 50px;
    margin: 32px auto 0;

    transition: background .2s linear;
    text-align: center;
    text-decoration: none;

    color: #fff;
    border-radius: 10px;
    background: #38a1ab;
}


.first_section .link span
{
    margin-bottom: 2px;
}


.first_section .link .icon
{
    position: absolute;
    top: 0;
    bottom: 0;
    left: 50%;

    display: block;

    width: 26px;
    height: 20px;
    margin: auto 0 auto 100px;
}


.first_section .link a:hover
{
    background: #236d74;
}



/*-------------
    Catalog
-------------*/
.catalog .row
{
    align-content: stretch;
    align-items: stretch;
    column-gap: 24px;
    row-gap: 40px;
    grid-template-columns: repeat(4, 1fr);
    display: grid;

    /*
    margin-bottom: -40px;
    margin-left: -24px;
    */

    --count: 4;
}


.catalog .row > *
{
    width: 100%;
    
    /*
    margin-bottom: 40px;
    margin-left: 24px;
    */
}


.catalog .category .main
{
    display: block;

    text-decoration: none;

    color: currentColor;
}


.catalog .category .main .thumb
{
    position: relative;

    margin-bottom: 10px;
    padding-bottom: 100%;
}


.catalog .category .main .thumb div
{
    position: absolute;
    top: 0;
    left: 0;

    display: flex;
    align-content: center;
    align-items: center;
    flex-wrap: wrap;
    justify-content: center;

    width: 100%;
    height: 100%;
}


.catalog .category .main .thumb img
{
    display: block;

    max-width: 100%;
    max-height: 100%;
}


.catalog .category .main .name
{
    font-size: 24px;
    font-weight: 600;

    padding-bottom: 13px;

    transition: color .2s linear;

    color: #236d73;
    border-bottom: 3px solid #38a1ab;
}


.catalog .category .main:hover .name
{
    color: #38a1ab;
}


.catalog .category .sub
{
    font-size: 20px;
    line-height: 100%;

    margin-top: 20px;
}


.catalog .category .sub > * + *
{
    margin-top: 25px;
}


.catalog .category .sub a
{
    display: inline-block;

    transition: color .2s linear;
    vertical-align: top;
    text-decoration: none;

    color: currentColor;
}


.catalog .category .sub a:hover
{
    color: #38a1ab;
}


.catalog .category .all_link
{
    line-height: 20px;

    margin-top: 24px;

    color: #236d74;
}


.catalog .category .all_link a
{
    transition: border-color .2s linear;
    text-decoration: none;

    color: currentColor;
    border-bottom: 1px dotted transparent;
}


.catalog .category .all_link a:hover
{
    border-color: currentColor;
}



/*----------------
    Error page
----------------*/
.error_page
{
    display: flex;
    align-content: center;
    align-items: center;
    flex: 1 0 auto;
    flex-wrap: wrap;
    justify-content: center;

    padding: 60px 0;

    text-align: center;
    position: relative;
}


.error_page img
{
    position: absolute;
    z-index: 1;
    top: 50%;
    right: 50%;

    display: block;

    margin-top: -72px;
    margin-right: 356px;

    transform: translateY(-50%);
    pointer-events: none;
}


.error_page img ~ img
{
    right: auto;
    left: 50%;

    margin-right: 0;
    margin-left: 340px;
}


.error_page .code
{
    font-size: 300px;
    font-weight: 600;
    line-height: 240px;

    position: relative;
    z-index: 3;

    padding-right: 40px;

    color: #16646b;
}


.error_page .title
{
    font-size: 24px;
    font-weight: 600;

    position: relative;
    z-index: 3;

    margin-top: 52px;

    color: #16646b;
}


.error_page .desc
{
    font-size: 20px;
    line-height: 24px;

    position: relative;
    z-index: 3;

    margin-top: 40px;
}


.error_page .desc a
{
    text-decoration: none;

    color: #16646b;
    border-bottom: 1px dotted;
}


.error_page .desc a:hover
{
    border-bottom-style: solid;
}



/*------------
    Stocks
------------*/
.stocks .categories
{
    margin-bottom: 20px;
}


.stocks .categories .row
{
    align-content: stretch;
    align-items: stretch;

    margin-bottom: -4px;
    margin-left: -4px;
}


.stocks .categories .row > *
{
    margin-bottom: 4px;
    margin-left: 4px;
}


.stocks .categories a
{
    line-height: 20px;

    display: block;

    padding: 5px 11px;

    transition: .2s linear;
    white-space: nowrap;
    text-decoration: none;

    color: currentColor;
    border-radius: 5px;
}


.stocks .categories a:hover
{
    color: #fff;
    background: #16646b;
}


.stocks .categories a.active
{
    color: #fff;
    background: #38a1ab;
}



.stocks .grid
{
    align-content: stretch;
    align-items: stretch;

    margin-bottom: -30px;
    margin-left: -13px;
}


.stocks .grid > *
{
    width: calc(25% - 13px);
    margin-bottom: 30px;
    margin-left: 13px;
}


.stocks .stock
{
    display: flex;
    flex-direction: column;
}


.stocks .stock .thumb
{
    position: relative;

    display: block;
    overflow: hidden;

    margin-bottom: 24px;
    padding-bottom: 71.428%;

    text-decoration: none;

    color: currentColor;
    background: #ddd;
}


.stocks .stock .thumb img
{
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;

    display: block;

    width: 100%;
    height: 100%;

    object-fit: cover;
}


.stocks .stock .name
{
    font-size: 24px;
    font-weight: 600;
    line-height: 100%;

    width: 100%;
}


.stocks .stock .name a
{
    transition: color .2s linear;
    text-decoration: none;

    color: #236d73;
}


.stocks .stock .thumb:hover ~ .name a,
.stocks .stock .name a:hover
{
    color: #38a1ab;
}


.stocks .stock .desc
{
    width: 100%;
    margin-top: 10px;

    text-align: justify;
}


.stocks .stock .bottom
{
    display: flex;
    align-content: center;
    align-items: center;
    flex-wrap: wrap;
    justify-content: space-between;

    width: 100%;
    margin-top: auto;
    padding-top: 28px;
}


.stocks .stock .date
{
    color: #b0b0b0;
}


.stocks .stock .link
{
    margin-left: auto;
}


.stocks .stock .link a
{
    transition: color .2s linear;
    text-decoration: none;

    color: #16646b;
    border-bottom: 1px dotted;
}


.stocks .stock .link a:hover
{
    color: #38a1ab;
}



.stocks .all_link
{
    font-size: 20px;

    margin-top: 40px;

    text-align: center;
}


.stocks .all_link a
{
    display: inline-block;

    transition: color .2s linear;
    vertical-align: top;
    text-decoration: none;

    color: currentColor;
}


.stocks .all_link a:hover
{
    color: #38a1ab;
}



/*----------------
    Stock info
----------------*/
.stock_info .cont
{
    position: relative;
}


.stock_info .finish_date
{
    font-size: 20px;
    line-height: 23px;

    position: absolute;
    right: 24px;
    bottom: 100%;

    display: flex;
    align-content: flex-start;
    align-items: flex-start;
    flex-wrap: wrap;
    justify-content: flex-start;

    margin-bottom: 24px;
}


.stock_info .finish_date .val
{
    font-weight: 600;

    width: 200px;
    max-width: 100%;
    height: 24px;
    margin-left: 20px;

    text-align: center;

    color: #fff;
    background: #16646b;
}



/*----------------
    Advantages
----------------*/
.advantages .row
{
    align-content: stretch;
    align-items: stretch;
    justify-content: space-between;

    /*margin-bottom: -10px;*/
    /*margin-left: -5px;*/
}


.advantages .row > *
{
    width: calc(25% - 5px);
}


.advantages .item
{
    display: flex;
    flex-direction: column;

    padding: 12px 0 20px;

    transition: border-color .2s linear;
    text-align: center;

    border: 4px solid transparent;
    border-radius: 15px;
}


.advantages .item .icon
{
    display: flex;
    align-content: center;
    align-items: center;
    flex-wrap: wrap;
    justify-content: center;

    height: 135px;
    margin-bottom: 40px;
}


.advantages .item .icon img
{
    display: block;

    max-width: 100%;
    max-height: 100%;
}


.advantages .item .name
{
    font-size: 20px;
    font-weight: 700;

    display: flex;
    align-content: center;
    align-items: center;
    flex: 1 0 auto;
    flex-wrap: wrap;
    justify-content: center;

    padding: 16px;

    text-transform: uppercase;

    color: #fff;
    background-image:    -moz-linear-gradient( 135deg, rgb(22,100,107) 0%, rgb(56,161,171) 100%);
    background-image: -webkit-linear-gradient( 135deg, rgb(22,100,107) 0%, rgb(56,161,171) 100%);
    background-image:     -ms-linear-gradient( 135deg, rgb(22,100,107) 0%, rgb(56,161,171) 100%);
}


.advantages .item .desc
{
    font-size: 20px;

    margin-top: 10px;
    padding: 0 30px;
}


.advantages .item:hover
{
    border-color: #38a1ab;
}



/*----------------
    Order form
----------------*/
.order_form
{
    margin-bottom: 28px;
}


.order_form .block_head
{
    width: 460px;
    max-width: 100%;
    margin-bottom: 0;
}


.order_form .form
{
    position: relative;
    width: calc(100% - 465px);
    margin-right: -20px;
    margin-left: auto;
    padding: 20px;
    border: 2px solid #ececec;
    border-radius: 20px;
}


.order_form .form .mob_title
{
    font-size: 12px;
    font-weight: 600;

    display: none;

    margin-bottom: 8px;

    color: #16646b;
}


.order_form .success
{
    font-size: 20px;
    line-height: 24px;

    position: absolute;
    z-index: 10;
    top: 0;
    left: 0;

    display: none;
    align-content: center;
    align-items: center;
    flex-wrap: wrap;
    justify-content: center;

    width: 100%;
    height: 100%;
    padding: 24px;

    text-align: center;

    border-radius: inherit;
    background: var(--bg);
}

.order_form .success.show
{
    display: flex;
}


.order_form .success .icon
{
    display: block;

    width: 100px;
    height: 100px;
    margin: 0 auto 20px;
}


.order_form .success div
{
    width: 100%;
}



/*--------------
    Products
--------------*/
.products .sort
{
    line-height: 20px;

    display: flex;
    align-content: center;
    align-items: center;
    flex-wrap: wrap;
    justify-content: space-between;

    margin-bottom: 0px;
    /*margin-left: -36px;*/
}


.products .sort .btn
{
    display: flex;
    align-content: center;
    align-items: center;
    flex-wrap: wrap;
    justify-content: flex-start;

    margin-bottom: 10px;
    /*margin-left: 36px;*/

    transition: color .2s linear;
}


.products .sort .btn .icon
{
    display: block;

    width: 20px;
    height: 20px;
    margin-right: 8px;

    color: #15636b;
}


.products .sort .btn .icon.reverse
{
    transform: rotate(180deg);
}

.products .sort .btn .icon.yellow
{
    color: #fdb622;
}


.products .sort .btn.active
{
    -webkit-text-stroke: 1px #38a1ab;
}

.products .sort .btn:hover {
    color: #38a1ab;
}


.products .mob_head
{
    display: flex;
    align-content: center;
    align-items: center;
    flex-wrap: wrap;
    justify-content: space-between;

    margin-bottom: 16px;
}



.products .mob_sort
{
    position: relative;

    display: none;

    width: calc(50% - 6px);
    margin-bottom: 8px;
}


.products .mob_head .mob_sort
{
    margin: 0;
}


.products .mob_sort select
{
    display: none;
}


.products .mob_sort .nice-select
{
    position: relative;

    cursor: pointer;
}


.products .mob_sort .nice-select .current
{
    font-size: 14px;
    font-weight: 500;
    line-height: 48px;

    display: block;
    overflow: hidden;

    height: 50px;
    padding: 0 41px 0 35px;

    cursor: pointer;
    transition: border-color .2s linear;
    white-space: nowrap;
    text-overflow: ellipsis;

    border-radius: 6px;
    background: #f7dd64;
}


.products .mob_sort .nice-select-dropdown
{
    position: absolute;
    z-index: 9;
    top: 100%;
    left: 0;

    visibility: hidden;
    overflow: hidden;

    width: 100%;
    margin-top: 4px;
    padding: 8px 0;

    transition: .2s linear;
    transform: none;

    opacity: 0;
    border-radius: 6px;
    background: #f7dd64;
    background: #fdfbfb;
}

.products .mob_sort .nice-select .list .option:not(:first-child) {
    border-top: 1px solid #ececec;
}

.products .mob_sort .nice-select .list .option {
    text-align: center;
}

.products .mob_sort .nice-select.open .nice-select-dropdown
{
    visibility: visible;
    margin-top: -7px;
    transform: none;
        border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    opacity: 1;
        box-shadow: 0px 0px 0px 1px #ececec;
        padding-bottom: 2px;
}

.products .mob_sort .nice-select .current {
    position: relative;
    z-index: 10;
}


.products .mob_sort .nice-select .list
{
    overflow: auto;

    border-radius: 0;
}


.products .mob_sort .nice-select .list .option
{
    font-size: 14px;
    font-weight: 500;

    display: block;

    padding: 6px 35px;

    list-style-type: none;

    cursor: pointer;
    

            min-height: 50px;
            display: flex;
            align-items: center;
            justify-content: center;
}


.products .mob_sort .nice-select .list .option:empty
{
    display: none;
}


.products .mob_sort .arr
{
    position: absolute;
    top: 0;
    right: 15px;
    bottom: 0;

    display: block;

    width: 10px;
    height: 6px;
    margin: auto 0;
    z-index: 12;

    transition: transform .2s linear;
    transform: rotate(180deg);
    pointer-events: none;
}


.products .mob_sort .nice-select.open + .arr
{
    transform: rotate(0deg);
}



.products .mob_filter_btn
{
    font-size: 14px;
    font-weight: 500;

    display: none;
    align-content: center;
    align-items: center;
    flex-wrap: wrap;
    justify-content: center;

    width: calc(50% - 6px);
    height: 50px;

    border-radius: 6px;
    background: #f7dd64;

    gap: 8px;
}


.products .mob_filter_btn .icon
{
    display: block;

    width: 11px;
    height: 10px;
}



.products .swiper.main
{
    position: relative;
    margin-left: -15px;
    overflow: visible !important;
}


.products .swiper.main:hover
{
    z-index: 5;
}


.products .swiper-slide
{
    position: relative;

    visibility: hidden;

    transition: opacity .2s linear, visibility .2s linear;
    pointer-events: none;

    opacity: 0;
}

.products .swiper-slide.visible
{
    visibility: visible;

    pointer-events: auto;

    opacity: 1;
}


.products .row
{
    position: relative;

    align-content: stretch;
    align-items: stretch;
    row-gap: 40px;

    margin-bottom: -40px;
    /*margin-left: -6px;*/
    margin-left: -15px;

    --count: 4;
}


.products .row:hover
{
    z-index: 5;
}


.products .row > *
{
    width: calc(25% - 0px);
    
    /*
    margin-bottom: 40px;
    */
    /*margin-left: 6px;*/
}


.content .products .row
{
    --count: 3;
}

.content .products .row > *
{
    width: calc(33.333% - 0px);
}


.products .product
{
    position: relative;

    padding: 40px 15px 15px;

    transition: .2s linear;

    border: 1px solid transparent;
    border-radius: 10px;
    background: var(--bg);
}


.products .product .articul
{
    font-size: 20px;
    font-weight: 600;
    line-height: 22px;

    position: absolute;
    z-index: 3;
    top: 15px;
    left: 15px;

    width: 135px;
    height: 24px;

    text-align: center;

    color: #fff;
    background: #38a1ab;
    border-radius: 5px;
}



.products .product .favorite_btn
{
    position: absolute;
    z-index: 3;
    top: 15px;
    right: 59px;

    display: flex;
    align-content: center;
    align-items: center;
    flex-wrap: wrap;
    justify-content: center;

    width: 24px;
    height: 24px;

    transition: color .2s linear;
}


.products .product .favorite_btn .icon
{
    display: block;

    width: 18px;
    height: 24px;
}


.products .product .favorite_btn .icon + .icon
{
    display: none;
}

.product_info .content section.description {
    margin-top: 20px;
}

.product_info .content section.description.description-archive {
    margin-top: 0px !important;
}

.products .product .favorite_btn:hover,
.products .product .favorite_btn.voted,
.product_info .favorite_btn:hover,
.product_info .favorite_btn.voted,
.product_info .favorite_btn.voted .icon,
.fixed_product_info .favorite_btn.voted .icon
{
    color: #38a1ab;
}

.product_info .favorite_btn:after {
    content: attr(data-add-text);
}

.product_info .favorite_btn.voted:after {
    content: attr(data-remove-text);
}


.products .product .favorite_btn.voted .icon, .product_info .favorite_btn.voted .icon, .fixed_product_info .favorite_btn.voted .icon
{
    display: none;
}

.products .product .favorite_btn.voted .icon + .icon, .product_info .favorite_btn.voted .icon + .icon, .fixed_product_info .favorite_btn.voted .icon + .icon
{
    display: block;
}

.product_info .favorite_btn:not(.voted) .icon + .icon {
    display: none !important;
}


.products .product .compare_btn
{
    position: absolute;
    z-index: 3;
    top: 15px;
    right: 23px;

    display: flex;
    align-content: center;
    align-items: center;
    flex-wrap: wrap;
    justify-content: center;

    width: 24px;
    height: 24px;

    transition: color .2s linear;
}


.products .product .compare_btn .icon
{
    display: block;

    width: 18px;
    height: 20px;
}


.products .product .compare_btn:hover, .product_info .compare_btn:hover, .fixed_product_info .compare_btn:hover
{
    color: #38a1ab !important;
    cursor: pointer !important;
}


.products .product .compare_btn.comparison-remove, .product_info .compare_btn.comparison-remove, .fixed_product_info .compare_btn.comparison-remove
{
    color: #d00 !important;
}

.row-product-info {
    align-items: center;
}

.modal.add_success .product .thumb img {
    max-width: 100%;
    max-height: 100%;
}


.products .product .images
{
    margin-bottom: 15px;
    user-select: none !important;
}


.products .product .images .swiper
{
    padding-bottom: 5px;
}


.products .product .thumb
{
    position: relative;

    display: block;
    overflow: hidden;

    padding-bottom: 100%;

    text-decoration: none;

    color: currentColor;
}


.products .product .thumb img
{
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;

    display: block;

    width: 100%;
    height: 100%;

    object-fit: contain;
}


.products .product .name
{
    font-size: 24px;
    font-weight: 500;
}


.products .product .name a
{
    transition: color .2s linear;
    text-decoration: none;

    color: #236d73;
        display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
    overflow: hidden;
    position: relative;
    z-index: 1;
}


.products .product .name a:hover
{
    color: #38a1ab;
}


.products .product .features
{
    font-size: 20px;
    line-height: 32px;

    margin-top: 16px;

    color: #686868;
}


.products .product .features > *
{
    display: flex;
    align-content: flex-start;
    align-items: flex-start;
    flex-wrap: wrap;
    justify-content: space-between;
}


.products .product .features .label
{
    /*width: calc(100% - 88px);*/
}

.swiper-lazy-preloader {
    border-color: #38a1ab !important;
    border-top-color: transparent !important;
}

.pr-labelline.not-firstpack .char-label:before, .pr-labelline.not-firstpack .char-value:before {
    content: attr(data-text);
}


.products .product .features .val
{
    /*width: 76px;*/
    max-width: 100%;

    color: #2e2a27;
}


.products .product .status
{
    font-size: 20px;
    font-weight: 500;

    margin-top: 16px;

    color: #777674;
}


.products .product .status .green
{
    color: #38a1ab;
}

.products .product .status .orange
{
    color: orange;
}


.products .product .status .city
{
    margin-top: 4px;

    color: #236d73;
}


.products .product .price
{
    font-size: 40px;
    font-weight: 500;
    line-height: 100%;

    display: flex;
    align-content: center;
    align-items: center;
    flex-wrap: wrap;
    justify-content: flex-start;

    margin-top: 20px;
    align-items: flex-end;
    line-height: 0.9;
}

.products > .cont > .block_head {
    margin-bottom: 20px !important;
}

.p-oldp {
    margin-top: 5px;
    display: flex;
    align-items: center;
    flex-wrap: nowrap;
}

.filter-block.default-filter-block:not(.opened) .filter-item:not(.visible-filter) {
    display: none !important;
}

.filter-unit:before {
    content: attr(data-label);
}

.product-oldprice {
    color: #909090;
    position: relative;
}

.product-discount {
    display: inline-block;
    background: #236d73;
    color: white;
    font-weight: 400;
    font-size: 16px;
    padding-left: 5px;
    padding-right: 5px;
    border-radius: 3px;
    margin-left: 10px;
    margin-top: 2px;
}

.product-oldprice .old_price {
    font-size: 23px;
    font-weight: 400;
    position: relative;
}

.product-oldprice .old_price:after {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 0px;
    right: 0px;
    height: 2px;
    margin-top: -1px;
    background: #909090;
}


.products .product .price .currency
{
    font-size: 20px;
    font-weight: 400;
    line-height: 100%;

    margin-left: 10px;

    color: #686868;
}


.products .product .btns
{
    display: none;
    align-content: center;
    align-items: center;
    flex-wrap: wrap;
    justify-content: space-between;

    margin-top: 20px;
}


.products .product .buy_btn
{
    font-size: 20px;
    font-weight: 700;

    display: flex;
    align-content: center;
    align-items: center;
    flex-wrap: wrap;
    justify-content: center;

    width: 100%;
    height: 50px;

    transition: background .2s linear;

    color: #fff;
    border-radius: 10px;
    background: #c63832;

    gap: 12px;
}

.mobile-headermenu {
    border-top: 1px solid #e6e6e6;
    padding-top: 25px;
}


.products .product .buy_btn .icon
{
    display: none;

    width: 30px;
    height: 28px;
}


.products .product .buy_btn span
{
    position: relative;
    top: -1px;
}

.products .product .buy_btn:hover {
    border-color: #920a0a;
    background: #920a0a;
}

.filter-downblock.downed {
    display: none !important;
}


.products .product .btns.in-cart .buy_btn, .products .product .btns.in-cart .buy_btn
{
    width: calc(50% - 5px);

    background: #236d73;
}


.products .product .btns.in-cart .buy_btn:hover, .products .product .btns.in-cart .buy_btn:hover
{
    background: #38a1ab;
}


.products .product .btns.in-cart .buy_btn .icon, .products .product .btns.in-cart .buy_btn .icon
{
    display: block;
}

.products .product .btns.in-cart .buy_btn span, .products .product .btns.in-cart .buy_btn span
{
    display: none;
}


.products .product .amount
{
    position: relative;

    display: none;

    width: calc(50% - 5px);
}


.products .product .btns.in-cart .amount, .products .product .btns.in-cart .amount
{
    display: block;
}


.products .product .amount .btn
{
    position: absolute;
    z-index: 3;
    top: 0;
    left: 0;

    display: block;

    width: 50px;
    height: 50px;
}


.products .product .amount .btn:before,
.products .product .amount .btn:after
{
    position: absolute;

    display: block;

    width: 16px;
    height: 2px;
    margin: auto;

    content: '';

    background: #38a1ab;

    inset: 0;
}

.products .product .amount .btn:after
{
    width: 2px;
    height: 16px;
}


.products .product .amount .btn.minus
{
    right: 0;
    left: auto;
}

.products .product .amount .btn.minus:after
{
    opacity: 0;
}


.products .product .amount .input
{
    font-family: var(--font_family);
    font-size: 24px;

    display: block;

    width: 100%;
    height: 50px;
    padding: 0 50px;

    text-align: center;

    color: #000;
    border: 1px solid rgb(178, 178, 178);
    border-radius: 10px;
    background: none;
}


.products .product .quike_buy_btn
{
    font-size: 20px;
    font-weight: 700;

    display: flex;
    align-content: center;
    align-items: center;
    flex-wrap: wrap;
    justify-content: center;

    width: 100%;
    height: 50px;
    margin-top: 13px;

    transition: .2s linear;

    color: #c90000;
    border: 1px solid #c90000;
    border-radius: 10px;
}


.products .product .quike_buy_btn:hover
{
    color: #fff;
    border-color: #920a0a;
    background: #920a0a;
}


.products .product:hover
{
    z-index: 5;

    border-color: #dfdfdf;
    box-shadow: -.541px 30.995px 34px 0 rgba(28, 28, 26, .2);
}

.products .product:hover .name {
    height: auto !important;
}

.products .product:hover .name a {
    display: block !important;
}


.products .product:hover .btns
{
    display: flex;
}



/*------------------
    Antibot page
------------------*/
.antibot_page
{
    display: flex;
    align-content: center;
    align-items: center;
    flex: 1 0 auto;
    flex-wrap: wrap;
    justify-content: center;

    padding: 60px 0;

    text-align: center;
}


.antibot_page .bg
{
    position: absolute;
    z-index: 1;
    top: 50%;
    left: 50%;

    display: block;

    max-width: 100%;
    max-height: 100%;

    transform: translate(-50%, -50%);
    pointer-events: none;

    object-fit: cover;
}


.antibot_page .data
{
    position: relative;
    z-index: 3;

    width: 732px;
    max-width: 100%;
    margin: 0 auto;
    padding: 25px 85px;

    background: #fff;
    box-shadow: 0 38px 16px rgba(0, 0, 0, .06);
}


.antibot_page .title
{
    font-size: 24px;
    font-weight: 600;

    color: #16646b;
}


.antibot_page .desc
{
    font-size: 20px;
    line-height: 24px;

    margin-top: 8px;
}


.antibot_page .link
{
    margin-top: 20px;
}


.antibot_page .link a
{
    font-size: 20px;
    font-weight: 600;

    display: flex;
    align-content: center;
    align-items: center;
    flex-wrap: wrap;
    justify-content: center;

    height: 50px;

    transition: background .2s linear;
    text-decoration: none;

    color: #fff;
    border-radius: 10px;
    background: #38a1ab;
}


.antibot_page .link a:hover
{
    background: #38a1ab;
}



/*------------
    Brands
------------*/
.brands .head
{
    display: flex;
    align-content: flex-start;
    align-items: flex-start;
    flex-wrap: wrap;
    justify-content: space-between;

    margin-bottom: 20px;
}


.brands .popular_link
{
    font-weight: 600;
    line-height: 20px;

    color: #38a1ab;
}


.brands .popular_link a
{
    transition: border-color .2s linear;
    text-decoration: none;

    color: currentColor;
    border-bottom: 1px dotted transparent;
}


.brands .popular_link a:hover
{
    border-color: currentColor;
}


.brands .mob_countries
{
    display: none;
    overflow: auto;

    width: calc(100% + 48px);
    margin: 0 -24px 20px;
    padding: 0 24px;

    white-space: nowrap;

    scroll-padding: 0 24px;
    scroll-snap-type: x mandatory;
    scrollbar-color: transparent transparent !important;
    scrollbar-width: thin !important;
}


.brands .mob_countries::-webkit-scrollbar
{
    display: none !important;

    width: 0 !important;
    height: 0 !important;

    background-color: transparent !important;
}


.brands .mob_countries::-webkit-scrollbar-thumb
{
    background-color: transparent !important;
}


.brands .mob_countries > *
{
    display: inline-block;

    max-width: none;
    margin: 0;

    vertical-align: top;

    scroll-snap-align: start;
}


.brands .mob_countries > * + *
{
    margin-left: 16px;
}


.brands .mob_countries a
{
    display: block;

    white-space: nowrap;
    text-decoration: none;

    color: #686868;
}

.brands .mob_countries a.active, .countries a.active {
    color: #38a1ab !important;
}

.brands .mob_countries a.active {
    font-weight: bold !important;
}


.brands .alphabet
{
    line-height: 20px;

    display: flex;
    align-content: flex-start;
    align-items: flex-start;
    flex-wrap: wrap;
    justify-content: flex-start;

    text-transform: uppercase;
}


.brands .alphabet > * + *
{
    margin-left: 24px;
}


.brands .alphabet a
{
    display: inline-block;

    transition: .2s linear;
    vertical-align: top;
    text-decoration: none;

    color: currentColor;
}


.brands .alphabet a:hover,
.brands .alphabet a.active
{
    color: #38a1ab;
    border-color: #408086;
}


.brands .alphabet .underline
{
    text-decoration: underline;
}


.brands .swiper
{
    overflow: visible !important;
}


.brands .swiper-slide
{
    position: relative;

    visibility: hidden;

    transition: opacity .2s linear, visibility .2s linear;
    pointer-events: none;

    opacity: 0;
}

.brands .swiper-slide.visible
{
    visibility: visible;

    pointer-events: auto;

    opacity: 1;
}


.brands .logos
{
    display: flex;
    align-content: flex-start;
    align-items: flex-start;
    flex-wrap: wrap;
    justify-content: space-between;
    row-gap: 20px;
    margin-left: 0px;
}


.brands .logos > *
{
    width: 12.5%;
    /*
    margin-bottom: 20px;
    */
    margin-left: 0px;
}


.brands .brand
{
    font-size: 20px;

    display: block;

    text-align: center;
    text-decoration: none;

    color: currentColor;
}


.brands .brand .logo
{
    display: flex;
    align-content: center;
    align-items: center;
    flex-wrap: wrap;
    justify-content: center;

    height: 101px;
    padding: 15px;

    transition: border-color .2s linear;

    border: 1px solid transparent;
}


.brands .brand img
{
    display: block;

    max-width: 100%;
    max-height: 100%;
}


.brands .brand .name
{
    margin-top: 10px;
    font-size: 16px;
}


.brands .brand:hover .logo,
.brands .brand.active .logo
{
    border-color: #0f80a6;
}


.brands .all_link
{
    font-size: 20px;

    margin-top: 40px;

    text-align: center;
}


.brands .all_link a
{
    display: inline-block;

    transition: color .2s linear;
    vertical-align: top;
    text-decoration: none;

    color: currentColor;
}


.brands .all_link a:hover
{
    color: #38a1ab;
}



/*---------------
    Countries
---------------*/
.countries .row
{
    display: grid;
    grid-template-columns: repeat(7, 1fr);
    gap: 20px;
}


.countries .row > *
{

}


.countries a
{
    font-size: 20px;

    display: inline-block;

    transition: color .2s linear;
    vertical-align: top;
    text-decoration: none;

    color: #686868;
}


.countries a:hover
{
    color: #38a1ab;
}



/*----------------
    Brand info
----------------*/
.brand_info .col_left
{
    position: relative;

    width: var(--sidebar_width);
    max-width: 100%;
}


.brand_info .logo
{
    display: flex;
    align-content: center;
    align-items: center;
    flex-wrap: wrap;
    justify-content: center;

    height: 230px;
}


.brand_info .logo img
{
    display: block;

    max-width: 100%;
    max-height: 100%;
}



.brand_info .offical
{
    font-size: 20px;
    font-weight: 700;
    line-height: 32px;

    display: flex;
    align-content: center;
    align-items: center;
    flex-wrap: wrap;
    justify-content: space-between;

    color: #16646b;
    justify-content: center;
}


.brand_info .offical .icon
{
    display: block;

    width: 21px;
    height: 21px;

    color: #38a0ab;
}


.brand_info .offical span
{
    /*width: calc(100% - 28px);*/
    margin-left: 5px;
}



.brand_info .cert
{
    margin-top: 20px;
}


.brand_info .cert a
{
    display: block;

    text-decoration: none;

    color: currentColor;
}


.brand_info .cert img
{
    display: block;

    max-width: 100%;
    margin: 0 auto;
}



.brand_info .col_main
{
    position: relative;

    width: calc(100% - var(--sidebar_width) - 50px);
    margin-left: auto;
}



.brand_info .name
{
    font-size: var(--font_size_title);
    font-weight: 600;

    position: relative;

    margin-bottom: 12px;
    padding-bottom: 12px;
}


.brand_info .name:after
{
    position: absolute;
    bottom: 0;
    left: 0;

    display: block;

    width: 110px;
    max-width: 100%;
    height: 3px;

    content: '';

    background: #38a1ab;
}



.brand_info .features
{
    font-size: 20px;
}


.brand_info .features > *
{
    display: flex;
    align-content: flex-start;
    align-items: flex-start;
    flex-wrap: nowrap;
    justify-content: flex-start;
}


.brand_info .features .label
{
    white-space: nowrap;
}


.brand_info .features .val
{
    display: flex;
    align-content: center;
    align-items: center;
    flex-wrap: wrap;
    justify-content: flex-start;

    margin-left: 8px;
}


.brand_info .features a
{
    text-decoration: none;

    color: #236d73;
}



.brand_info .desc
{
    margin-top: 20px;
}



.brand_info .videos
{
    margin-top: 20px;
}


.brand_info .videos .row
{
    margin-bottom: -2px;
    margin-left: -2px;
}


.brand_info .videos .row > *
{
    width: calc(50% - 2px);
    margin-bottom: 2px;
    margin-left: 2px;
}


.brand_info .videos iframe
{
    display: block;

    width: 100%;
    /*height: 304px;*/

    background: #ddd;
}



/*---------------
    Equipment
---------------*/
.equipment .row > *
{
    width: 16.666%;
}


.equipment .item
{
    position: relative;

    display: block;

    padding: 12px;

    transition: box-shadow .2s linear;
    text-align: center;
    text-decoration: none;

    color: currentColor;
}


.equipment .item .thumb
{
    position: relative;

    overflow: hidden;

    margin-bottom: 16px;
    padding-bottom: 100%;
}


.equipment .item .thumb img
{
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;

    display: block;

    width: 100%;
    height: 100%;

    object-fit: cover;
}


.equipment .item .name
{
    font-size: 20px;
    line-height: 100%;

    position: relative;
}


.equipment .item .name sup
{
    font-size: 12px;
    line-height: 20px;

    position: absolute;

    display: inline-block;

    margin-left: 5px;

    vertical-align: top;

    color: #38a1ab;
}


.equipment .item:hover
{
    z-index: 3;

    box-shadow: -.541px 30.995px 34px 0 rgba(28, 28, 26, .2);
}



/*--------------------
    Guarantee info
--------------------*/
.guarantee_info {
    margin-bottom: 20px;
}

.guarantee_info .text_block
{
    line-height: 24px;

    color: var(--text_color);
}



/*-----------------
    Return info
-----------------*/
.return_info .text_block
{
    color: var(--text_color);
}


.return_info .notice
{
    margin-top: 30px;
}



/*------------
    Notice
------------*/
.notice
{
    display: flex;
    align-content: flex-start;
    align-items: flex-start;
    flex-wrap: wrap;
    justify-content: flex-start;

    padding: 34px 48px;

    border: 1px solid #afb1b2;
    border-radius: 100px;
}


.notice .icon
{
    display: block;

    width: 76px;
    height: 76px;
    margin-right: 60px;
}


.notice .title
{
    font-size: 32px;
    font-weight: 600;
}


.notice .desc
{
    font-size: 20px;
    line-height: 24px;

    max-width: calc(100% - 385px);
    margin-left: 55px;
}


.notice .desc a
{
    white-space: nowrap;
    text-decoration: none;

    color: #16646b;
    border-bottom: 1px dotted;
}


.notice .desc a:hover
{
    border-bottom-style: solid;
}



/*---------
    FAQ
---------*/
.FAQ .accordion
{
    /*margin-top: -30px;*/
}

.FAQ .tabs {
    margin-bottom: 0px !important;
    margin-top: 20px;
}

.nofix100 {
    margin-bottom: 0px !important;
}

.FAQ .text_block
{
    color: var(--text_color);
}



/*-------------------
    Delivery info
-------------------*/
.delivery_info .text_block
{
    line-height: 30px;

    width: calc(50% - 10px);

    color: var(--text_color);
}


.delivery_info img
{
    display: block;

    width: calc(50% - 10px);
    max-width: 100%;
    margin-left: auto;
}



/*-------------------------
    Delivery advantages
-------------------------*/
.delivery_advantages .row
{
    align-content: stretch;
    align-items: stretch;
    justify-content: space-between;
    row-gap: 26px;

    /*
    margin-bottom: -26px;
    margin-left: -105px;
    */
}


.delivery_advantages .row > *
{
    width: calc(33.333% - 70px);
    
    /*
    margin-bottom: 26px;
    margin-left: 105px;
    */
}


.delivery_advantages .item
{
    position: relative;

    padding: 20px 20px 20px 40px;

    text-align: center;

    border: 3px solid #38a1ab;
}


.delivery_advantages .item .icon
{
    position: absolute;
    top: 0;
    bottom: 0;
    left: -40px;

    display: flex;
    align-content: center;
    align-items: center;
    flex-wrap: wrap;
    justify-content: center;

    width: 80px;
    height: 80px;
    margin: auto 0;
    padding: 15px;

    border: 3px solid #38a1ab;
    border-radius: 50%;
    background: var(--bg);
}


.delivery_advantages .item .icon img
{
    display: block;

    max-width: 100%;
    max-height: 100%;
}


.delivery_advantages .item .name
{
    font-size: 32px;
    font-weight: 700;
    line-height: 100%;
}


.delivery_advantages .item .desc
{
    font-size: 20px;
    line-height: 24px;

    margin-top: 15px;

    color: #686868;
}



/*-------------------------
    Transport companies
-------------------------*/
.transport_companies .row
{
    align-content: stretch;
    align-items: stretch;

    margin-bottom: -40px;
    margin-left: -103px;
}


.transport_companies .row > *
{
    width: calc(25% - 103px);
    margin-bottom: 40px;
    margin-left: 103px;
}


.transport_companies .item
{
    text-align: center;
}


.transport_companies .item .logo
{
    display: flex;
    align-content: center;
    align-items: center;
    flex-wrap: wrap;
    justify-content: center;

    height: 102px;
    padding: 14px;

    border: 2px solid #e7e7e7;
}


.transport_companies .item .logo img
{
    display: block;

    max-width: 100%;
    max-height: 100%;
}

.transport_companies .item .logo:hover {
    cursor: pointer;
    border-color: #38a1ab;
}


.transport_companies .item .calc_link
{
    font-size: 20px;
    font-weight: 700;

    display: flex;
    align-content: center;
    align-items: center;
    flex-wrap: wrap;
    justify-content: center;

    width: 100%;
    height: 50px;
    margin-top: 12px;
    padding-bottom: 2px;

    transition: .2s linear;
    transition: .2s linear;
    text-decoration: none;

    color: #16646b;
    border: 1px solid #16646b;
    border-radius: 10px;
}


.transport_companies .item .calc_link:hover
{
    color: #fff;
    background: #16646b;
}


.transport_companies .item .track_order
{
    line-height: 20px;

    margin-top: 12px;

    color: #236d74;
}


.transport_companies .item .track_order a
{
    display: inline-block;

    vertical-align: top;
    text-decoration: none;

    color: currentColor;
    border-bottom: 1px dotted;
}


.transport_companies .item .track_order a:hover
{
    border-bottom-style: solid;
}


.transport_companies .item .individual
{
    font-size: 20px;
    font-weight: 500;

    display: flex;
    align-content: center;
    align-items: center;
    flex-wrap: wrap;
    justify-content: center;

    height: 102px;

    color: #16646b;
    border: 2px dotted #e7e7e7;
}


.transport_companies .item .desc
{
    margin-top: 16px;
}



/*----------------------
    Delivery methods
----------------------*/
.delivery_methods .text_block
{
    width: calc(100% - 496px);
}


.delivery_methods .img
{
    display: block;

    margin-left: auto;
}


.delivery_methods .notice
{
    margin-top: 30px;
}

.delivery_methods .row {
    justify-content: space-between;
    align-items: stretch;
}

.delivery_methods .delivery_img {
    overflow: hidden;
    position: relative;
    flex-grow: 1;
}

.delivery_methods .delivery_img img {
    position: absolute;
    top: 0px;
    right: 0px;
    max-height: 100%;
}

/*----------------
    Info block
----------------*/
.info_block .section + .section
{
    margin-top: 40px;
}


.info_block .text_block
{
    line-height: 24px;

    color: var(--text_color);
}


.info_block .bottom
{
    margin-top: 24px;

    /*text-align: center;*/
}


.info_block .bottom .title
{
    font-size: 20px;
    font-weight: 700;
    line-height: 32px;

    color: #38a1ab;
}


.info_block .bottom .desc
{
    font-size: 20px;
    line-height: 24px;

    margin-top: 16px;
    /*padding: 0 92px;*/
}



/*----------------------
    Deliveries to KZ
----------------------*/
.deliveries_to_KZ .head
{
    position: relative;

    height: 350px;

    color: #fff;
    background: #ddd;
}


.deliveries_to_KZ .head img
{
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;

    display: block;

    width: 100%;
    height: 100%;

    object-fit: cover;
}


.deliveries_to_KZ .head .title
{
    font-size: var(--font_size_title);
    font-weight: 600;

    position: absolute;
    z-index: 3;
    bottom: 0;
    left: 0;

    width: 100%;
    padding: 28px 52px;
}



.deliveries_to_KZ .pluses
{
    margin-top: 30px;
}


.deliveries_to_KZ .pluses .row
{
    align-content: stretch;
    align-items: stretch;
    justify-content: space-between;
    row-gap: 10px;

    /*
    margin-bottom: -10px;
    margin-left: -10px;
    */
}


.deliveries_to_KZ .pluses .row > *
{
    width: calc(25% - 5px);
    
    /*
    margin-bottom: 10px;
    margin-left: 10px;
    */
}


.deliveries_to_KZ .pluses .item
{
    padding: 17px;

    text-align: center;

    border: 3px solid #38a1ab;
}


.deliveries_to_KZ .pluses .name
{
    font-size: var(--font_size_title);
    font-weight: 600;
    line-height: 100%;
}


.deliveries_to_KZ .pluses .desc
{
    font-size: 20px;
    line-height: 24px;

    margin-top: 16px;

    color: #686868;
}



/*-------------
    Clients
-------------*/
.clients.block {
    margin-bottom: 20px;
}

.clients .swiper
{
    overflow: visible !important;
    padding: 0 13px;
}

.clients .swiper:not(:last-child) {
    margin-bottom: 30px;
}


.clients .swiper-initialized:before,
.clients .swiper-initialized:after
{
    position: absolute;
    z-index: 5;
    top: 0;
    left: 0;

    display: block;

    width: 200px;
    max-width: 33.333%;
    height: 100%;

    content: '';
    pointer-events: none;

    background: linear-gradient(to right,  rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%);
    display: none !important;
}


.clients .swiper-initialized:after
{
    right: 0;
    left: auto;

    background: linear-gradient(to left,  rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%);
}


.clients .swiper-wrapper
{
    transition-timing-function: linear !important;
}


.clients .swiper-slide
{
    width: 170px;
}


.clients .row
{
    margin-bottom: -13px;
    margin-left: -13px;
}


.clients .row > *
{
    width: calc(33.333% - 13px);
    margin-bottom: 13px;
    margin-left: 13px;
}


.clients .item
{
    display: flex;
    align-content: center;
    align-items: center;
    flex-wrap: wrap;
    justify-content: center;

    height: 100px;
}


.clients .item img
{
    display: block;

    max-width: 100%;
    max-height: 100%;
}



/*-----------
    Certs
-----------*/
.certs .swiper
{
    overflow: visible !important;

    padding: 0 44px;
}


.certs .swiper-slide
{
    position: relative;

    visibility: hidden;

    transition: opacity .2s linear, visibility .2s linear;
    pointer-events: none;

    opacity: 0;
}

.certs .swiper-slide.visible
{
    visibility: visible;

    pointer-events: auto;

    opacity: 1;
}


.certs .swiper-button-next,
.certs .swiper-button-prev
{
    display: none;
}


.certs .swiper-initialized .swiper-button-next,
.certs .swiper-initialized .swiper-button-prev
{
    display: flex;
}


.certs .row
{
    margin-bottom: -24px;
    margin-left: -24px;
    padding-top: 24px;
    row-gap: 20px;
}


.certs .row > *
{
    width: calc(25% - 24px);
    margin-bottom: 24px;
    margin-left: 24px;
}


.certs .item
{
    display: block;

    text-decoration: none;

    color: currentColor;
}


.certs .item .thumb
{
    position: relative;

    display: flex;
    align-content: center;
    align-items: center;
    flex-wrap: wrap;
    justify-content: center;

    height: 227px;

    transition: border-color .2s linear;

    border: 1px solid transparent;
}

.certs .row .item .thumb
{
    height: 353px;
}


/* .certs .item .thumb:after
{
    position: absolute;
    z-index: 2;
    top: 0;
    left: 0;

    display: block;

    width: 100%;
    height: 100%;

    content: '';
    transition: opacity .2s linear;

    opacity: 0;
    background: rgba(255,255,255,.7);
} */


.certs .item .thumb img
{
    display: block;

    max-width: 100%;
    max-height: 100%;
}


/* .certs .item .thumb .zoom
{
    position: absolute;
    z-index: 3;

    display: block;

    width: 42px;
    height: 42px;
    margin: auto;

    transition: opacity .2s linear;

    opacity: 0;

    inset: 0;
}


.certs .item:hover .thumb:after,
.certs .item:hover .thumb .zoom
{
    opacity: 1;
} */


.certs .item:hover .thumb:hover
{
    border-color: #5bb2ba;
}


.certs .all_link
{
    font-size: 20px;

    margin-top: 40px;

    text-align: center;
}


.certs .all_link a
{
    display: inline-block;

    transition: color .2s linear;
    vertical-align: top;
    text-decoration: none;

    color: currentColor;
}


.certs .all_link a:hover
{
    color: #38a1ab;
}



/*---------------
    Geography
---------------*/
.geography .map
{
    position: relative;

    overflow: hidden;

    height: 500px;

    background: #ddd;
}



/*---------------------
    Requisites info
---------------------*/
.requisites_info .block_head
{
    display: flex;
    align-content: center;
    align-items: center;
    flex-wrap: wrap;
    justify-content: space-between;
}


.requisites_info .download
{
    font-size: 20px;
    padding-top: 20px;
    margin-left: auto;
}


.requisites_info .download a
{
    display: flex;
    align-content: center;
    align-items: center;
    flex-wrap: wrap;
    justify-content: flex-start;

    text-decoration: none;

    color: currentColor;
}


.requisites_info .download .icon
{
    display: block;

    width: 20px;
    height: 20px;
    margin-right: 8px;

    color: #15636b;
}


.requisites_info .download span
{
    transition: border-color .2s linear;

    border-bottom: 1px dotted transparent;
}


.requisites_info .download a:hover span
{
    border-color: currentColor;
}


.requisites_info .items > *
{
    font-size: 24px;

    display: flex;
    align-content: flex-start;
    align-items: flex-start;
    flex-wrap: wrap;
    justify-content: space-between;

    

    
}

.requisites_info .items > *:not(:last-child) {
    border-bottom: 1px solid #16646b;
    padding-bottom: 30px;
}


.requisites_info .items > * + *
{
    margin-top: 30px;
}

@media (min-width: 768px) {
    .requisites_info .items > * {
        height: auto !important;
    }
}


.requisites_info .items .label
{
    width: 532px;
    max-width: 100%;

    color: #686868;
}


.requisites_info .items .val
{
    font-weight: 500;

    width: calc(100% - 552px);
}


.requisites_info .mob_download
{
    display: none;

    margin-top: 24px;
}


.requisites_info .mob_download a
{
    font-size: 14px;
    font-weight: 500;

    display: flex;
    align-content: center;
    align-items: center;
    flex-wrap: wrap;
    justify-content: center;

    height: 50px;

    text-decoration: none;

    color: #fff;
    border-radius: 6px;
    background: #38a1ab;

    gap: 16px;
}


.requisites_info .mob_download .icon
{
    display: block;

    width: 18px;
    height: 18px;
}



/*-------------------
    Order methods
-------------------*/
.order_methods .data
{
    padding: 30px 60px;

    border: 1px solid #cecece;
    border-radius: 10px;
}


.order_methods .row
{
    justify-content: space-between;
}


.order_methods .method .label
{
    font-size: 20px;
    font-weight: 500;
    line-height: 24px;

    margin-bottom: 4px;

    color: #236d73;
}


.order_methods .method .phone
{
    font-size: 20px;

    white-space: nowrap;
}


.order_methods .method .phone a
{
    text-decoration: none;

    color: currentColor;
}


.order_methods .method .work_time
{
    margin-top: 12px;
}


.order_methods .method .work_time .label
{
    font-size: 20px;
    font-weight: 500;
    line-height: 24px;

    margin-bottom: 4px;

    color: #236d73;
}


.order_methods .method .work_time .days > *
{
    line-height: 24px;

    display: flex;
    align-content: flex-start;
    align-items: flex-start;
    flex-wrap: wrap;
    justify-content: flex-start;
}


.order_methods .method .work_time .day
{
    width: 106px;
    max-width: 100%;
    padding-right: 20px;
    font-size: 20px;
}


.order_methods .method .work_time .time
{
    width: calc(100% - 106px);
    font-size: 20px;
}


.order_methods .method .email
{
    font-size: 20px;

    margin-top: 8px;

    white-space: nowrap;
}


.order_methods .method .copy_btn
{
    position: relative;

    text-decoration: none;

    color: currentColor;
}


.order_methods .method .copy_btn .success
{
    font-size: 12px;
    line-height: 28px;

    position: absolute;
    bottom: 100%;
    left: 0;

    display: none;

    width: 174px;
    height: 30px;
    margin-bottom: 4px;

    white-space: nowrap;
    pointer-events: none;

    color: #16646b;
    border: 1px solid rgb(231, 231, 231);
    border-radius: 5px;
    background: #fff;
    box-shadow: 0 4px 16px 0 rgba(0, 0, 0, .11);
}


.order_methods .method .copy_btn.copied .success
{
    display: block;
}


.order_methods .method .messengers
{
    font-size: 20px;

    margin-top: 10px;
}


.order_methods .method .messengers > * + *
{
    margin-top: 8px;
}


.order_methods .method .messengers a
{
    display: flex;
    align-content: center;
    align-items: center;
    flex-wrap: wrap;
    justify-content: flex-start;

    white-space: nowrap;
    text-decoration: none;

    color: currentColor;
}


.order_methods .method .messengers img
{
    display: block;

    width: 19px;
    height: 20px;
    margin-right: 10px;
}


.order_methods .method .exp
{
    line-height: 20px;

    margin-top: 16px;

    color: #606060;
}


.order_methods .method .link
{
    font-size: 20px;

    margin-top: 8px;

    color: #236d73;
}


.order_methods .method .link a
{
    text-decoration: none;

    color: currentColor;
    border-bottom: 1px dotted;
}


.order_methods .method .link a:hover
{
    border-bottom-style: solid;
}



/*---------------
    How order
---------------*/
.how_order .method
{
    display: flex;
    align-content: flex-start;
    align-items: flex-start;
    flex-wrap: wrap;
    justify-content: space-between;
}


.how_order .method + .method
{
    margin-top: 40px;
    padding-top: 40px;

    border-top: 1px solid #a9abad;
}


.how_order .method .icon
{
    display: flex;
    align-content: center;
    align-items: center;
    flex-wrap: wrap;
    justify-content: center;

    width: 232px;
    max-width: 100%;
}


.how_order .method .icon img
{
    display: block;

    max-width: 100%;
    max-height: 100%;
}


.how_order .method .icon + div
{
    align-self: center;

    width: calc(100% - 252px);
}


.how_order .method .name
{
    font-size: 24px;
    font-weight: 600;

    margin-bottom: 4px;

    color: #236d73;
}


.how_order .method .desc
{
    counter-reset: number;

    color: var(--text_color);
}


.how_order .method .step
{
    position: relative;
}


.how_order .method .step:before
{
    font-size: 300px;

    position: absolute;
    top: 0;
    right: 100%;

    display: flex;
    align-content: center;
    align-items: center;
    flex-wrap: wrap;
    justify-content: center;

    width: 252px;
    height: 100%;

    content: counter(number);
    counter-increment: number;
    white-space: nowrap;

    opacity: .3;
    color: #b8b8b8;
}



/*-------------------
    Contacts info
-------------------*/
.contacts_info .data
{
    display: flex;
    align-content: flex-start;
    align-items: flex-start;
    flex-wrap: wrap;
    justify-content: space-between;
}


.contacts_info .item + .item
{
    margin-top: 20px;
}


.contacts_info .item .label
{
    line-height: 20px;

    margin-bottom: 10px;
}


.contacts_info .item .phone,
.contacts_info .item .email,
.contacts_info .item .time
{
    font-size: var(--font_size_title);
    line-height: 100%;

    color: #16646b;
}


.contacts_info .item .phone a,
.contacts_info .item .copy_btn,
.copy_btn
{
    position: relative;

    display: inline-block;

    vertical-align: top;
    white-space: nowrap;
    text-decoration: none;

    color: currentColor;
}

.contacts_info .item .phone a:hover,
.contacts_info .item .copy_btn:hover, .copy_btn:hover {
    color: #38a1ab;
}


.contacts_info .item .copy_btn .success, .copy_btn .success
{
    font-size: 12px;
    line-height: 28px;

    position: absolute;
    bottom: 100%;
    left: 188px;

    display: none;

    width: 174px;
    height: 30px;
    margin-bottom: 4px;

    white-space: nowrap;
    pointer-events: none;

    color: #16646b;
    border: 1px solid rgb(231, 231, 231);
    border-radius: 5px;
    background: #fff;
    box-shadow: 0 4px 16px 0 rgba(0, 0, 0, .11);
}

.contacts_info .item .copy_btn .success.bottom, .copy_btn .success.bottom {
    left: 50%;
    transform: translateX(-50%);
    bottom: auto;
    z-index: 1;
    margin-top: 5px;
}


.contacts_info .item .copy_btn.copied .success, .copy_btn.copied .success
{
    display: block;
}


.contacts_info .item .messengers
{
    font-size: var(--font_size_title);
    line-height: 100%;

    display: flex;
    align-content: center;
    align-items: center;
    flex-wrap: wrap;
    justify-content: flex-start;

    color: #16646b;
}


.contacts_info .item .messengers a
{
    display: flex;
    align-content: center;
    align-items: center;
    flex-wrap: wrap;
    justify-content: flex-start;

    text-decoration: none;

    color: currentColor;
}

.contacts_info .item .messengers a:hover {
    color: #38a1ab;
}


.contacts_info .item .messengers a + a
{
    margin-left: 24px;
    margin-left: 37px;
}


.contacts_info .item .messengers img
{
    display: block;

    width: 25px;
    height: 28px;
    margin-right: 12px;
    width: 32px;
    height: 32px;
}


.contacts_info .item .exp
{
    width: 452px;
    max-width: 100%;
    margin-top: 20px;
}



/*-------------------
    Contacts info
-------------------*/
.contacts_info .mob_gallery
{
    display: none;

    margin-top: 40px;
}


.contacts_info .mob_gallery .swiper
{
    overflow: visible !important;

    padding-bottom: 20px;
}


.contacts_info .mob_gallery .image
{
    display: block;

    text-decoration: none;

    color: currentColor;
}


.contacts_info .mob_gallery .image img
{
    display: block;

    width: 100%;
}



.contacts_info .departments
{
    margin-top: 30px;
}


/*
.contacts_info .departments .title
{
    font-size: 24px;
    font-weight: 600;
    line-height: 100%;

    margin-bottom: 16px;
}
*/

/*
.departments-row {
    margin-left: -30px;
    margin-right: -30px;
}
*/

.departments-row {
    justify-content: space-between;
}

.contacts_info .departments .list
{
    width: calc(50% - 8px);
    flex: 0 0 calc(50% - 8px);
    
    /*
    padding: 0 30px;
    */
}


.contacts_info .department
{
    display: flex;
    align-content: flex-start;
    align-items: flex-start;
    flex-wrap: wrap;
    justify-content: space-between;

    min-height: 121px;
    padding: 11px 13px;

    border: 1px solid #a9abad;
}


.contacts_info .department + .department
{
    margin-top: 14px;
}


.contacts_info .department .name
{
    font-size: 20px;

    width: 220px;
    max-width: 100%;
}


.contacts_info .department .name + *
{
    width: calc(100% - 240px);
}


.contacts_info .department .email
{
    font-size: 20px;

    color: #16646b;
}


.contacts_info .department .copy_btn
{
    position: relative;
}

.contacts_info .department .copy_btn:hover {
    color: #38a1ab;
}


.contacts_info .department .copy_btn .success
{
    font-size: 12px;
    line-height: 28px;

    position: absolute;
    top: 50%;
    left: 100%;

    display: none;

    width: 174px;
    height: 30px;
    margin-left: 4px;

    transform: translateY(-50%);
    white-space: nowrap;
    pointer-events: none;

    color: #16646b;
    border: 1px solid rgb(231, 231, 231);
    border-radius: 5px;
    background: #fff;
    box-shadow: 0 4px 16px 0 rgba(0, 0, 0, .11);
}


.contacts_info .department .copy_btn.copied .success
{
    display: block;
}


.contacts_info .department .desc
{
    margin-top: 12px;

    text-align: justify;
}



.contacts_info .gallery
{
    width: calc(100% - 705px);
    margin-left: auto;
}


.contacts_info .gallery .row
{
    margin-bottom: -19px;
    margin-left: -10px;
}


.contacts_info .gallery .row > *
{
    width: calc(25% - 10px);
    margin-bottom: 19px;
    margin-left: 10px;
}

.contacts_info .gallery .row > *.big
{
    width: calc(100% - 10px);
}


.contacts_info .gallery .image
{
    display: block;

    text-decoration: none;

    color: currentColor;
}


.contacts_info .gallery .image img
{
    display: block;

    width: 100%;
}



.contacts_info .map
{
    position: relative;

    overflow: hidden;

    width: 100%;
    max-width: 100%;
    height: 405px;
    /*margin: 64px auto 0;*/

    background: #ddd;
}



/*--------------
    Articles
--------------*/
.articles .categories
{
    margin-bottom: 20px;
}


.articles .categories .row
{
    align-content: stretch;
    align-items: stretch;

    margin-bottom: -4px;
    margin-left: -4px;
}


.articles .categories .row > *
{
    margin-bottom: 4px;
    margin-left: 4px;
}


.articles .categories a
{
    line-height: 20px;

    display: block;

    padding: 5px 11px;

    transition: .2s linear;
    white-space: nowrap;
    text-decoration: none;

    color: currentColor;
    border-radius: 5px;
    background: #e7e7e7;
}


.articles .categories a:hover
{
    color: #fff;
    background: #16646b;
}


.articles .categories a.active
{
    color: #fff;
    background: #38a1ab;
}


.articles .swiper
{
    overflow: visible !important;
}


.articles .swiper-slide
{
    position: relative;

    visibility: hidden;

    transition: opacity .2s linear, visibility .2s linear;
    pointer-events: none;

    opacity: 0;
}

.articles .swiper-slide.visible
{
    visibility: visible;

    pointer-events: auto;

    opacity: 1;
}


.articles .grid
{
    align-content: stretch;
    align-items: stretch;
    justify-content: space-between;
    row-gap: 13px;

    /*
    margin-bottom: -30px;
    margin-left: -13px;
    */
}


.articles .grid > *
{
    width: calc(25% - 13px);
    
    /*
    margin-bottom: 30px;
    margin-left: 13px;
    */
}


.articles .article
{
    display: flex;
    flex-direction: column;
}


.articles .article .thumb
{
    position: relative;

    display: block;
    overflow: hidden;

    margin-bottom: 24px;
    padding-bottom: 71.428%;

    text-decoration: none;

    color: currentColor;
    background: #ddd;
}


.articles .article .thumb img
{
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;

    display: block;

    width: 100%;
    height: 100%;

    object-fit: cover;
}


.articles .article .name
{
    font-size: 24px;
    font-weight: 600;
    line-height: 100%;

    width: 100%;
}


.articles .article .name a
{
    transition: color .2s linear;
    text-decoration: none;

    color: #236d73;
}


.articles .article .thumb:hover ~ .name a,
.articles .article .name a:hover
{
    color: #38a1ab;
}


.articles .article .desc
{
    width: 100%;
    margin-top: 10px;

    text-align: justify;
}


.articles .article .bottom
{
    display: flex;
    align-content: center;
    align-items: center;
    flex-wrap: wrap;
    justify-content: space-between;

    width: 100%;
    margin-top: auto;
    padding-top: 28px;
}


.articles .article .link
{
    margin-left: auto;

    color: #16646b;
}


.articles .article .link a
{
    transition: border-color .2s linear;
    text-decoration: none;

    color: currentColor;
    border-bottom: 1px dotted transparent;
}


.articles .article .link a:hover
{
    border-color: currentColor;
}


.articles .all_link
{
    font-size: 20px;

    margin-top: 40px;

    text-align: center;
}


.articles .all_link a
{
    display: inline-block;

    transition: color .2s linear;
    vertical-align: top;
    text-decoration: none;

    color: currentColor;
}


.articles .all_link a:hover
{
    color: #38a1ab;
}



/*------------------
    Compare info
------------------*/
.compare_info .block_title
{
    font-size: 24px;

    margin-bottom: 24px;
}


.compare_info .block_title a
{
    transition: color .2s linear;
    text-decoration: none;

    color: #236d73;
}


.compare_info .block_title a:hover:hover
{
    color: #38a1ab;
}


.compare_info .categories .title
{
    font-size: 24px;

    margin-bottom: 20px;
}


.compare_info .categories .row
{
    align-content: stretch;
    align-items: stretch;

    margin-bottom: -12px;
    margin-left: -12px;
}


.compare_info .categories .row > *
{
    width: calc(25% - 12px);
    margin-bottom: 12px;
    margin-left: 12px;
}


.compare_info .categories .category
{
    position: relative;

    display: flex;
    align-content: center;
    align-items: center;
    flex-wrap: wrap;
    justify-content: space-between;

    min-height: 120px;
    padding: 15px;

    transition: border-color .2s linear;
    text-decoration: none;

    color: currentColor;
    border: 1px solid transparent;
    border-radius: 10px;
}


.compare_info .categories .category .thumb
{
    display: flex;
    align-content: center;
    align-items: center;
    flex-wrap: wrap;
    justify-content: center;

    width: 83px;
    height: 83px;
}


.compare_info .categories .category .thumb img
{
    display: block;

    max-width: 100%;
    max-height: 100%;
}


.compare_info .categories .category .name
{
    font-size: 20px;
    font-weight: 600;
    line-height: 100%;

    width: calc(100% - 98px);
    margin-bottom: 24px;

    color: #236d73;
}


.compare_info .categories .category .count
{
    position: absolute;
    bottom: 19px;
    left: 113px;

    empty-cells: hide;

    color: #686868;
}


.compare_info .categories .category:hover
{
    border-color: #236d73;
}



/*------------------
    Article info
------------------*/
.article_info .head
{
    position: relative;

    display: flex;
    align-content: flex-end;
    align-items: flex-end;
    flex-wrap: wrap;
    justify-content: flex-start;

    min-height: 350px;
    margin-bottom: 55px;
    padding: 55px 55px 105px;

    color: #fff;
    background: #ddd;
}


.article_info .head img
{
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;

    display: block;

    width: 100%;
    height: 100%;

    object-fit: cover;
}


.article_info .head .title
{
    font-size: 24px;

    position: relative;
    z-index: 2;
}


.article_info .content > * + *
{
    margin-top: 80px;
}



/*-------------
    Anchors
-------------*/
.anchors
{
    position: sticky;
    top: 109px;

    padding: 0 15px 82px;

    border: 2px solid #e7e7e7;
}


.anchors .title
{
    font-size: 20px;
    font-weight: 700;
    line-height: 32px;

    margin-bottom: 12px;
}


.anchors .items
{
    counter-reset: number;
}


.anchors .items > * + *
{
    margin-top: 12px;
}


.anchors .items .btn
{
    line-height: 100%;

    position: relative;

    display: block;

    padding-left: 28px;
}


.anchors .items .btn:before
{
    position: absolute;
    top: 0;
    left: 0;

    content: counter(number) '.';
    counter-increment: number;

    color: #236d73;
}


.anchors .items .btn span
{
    transition: border-color .2s linear;

    border-bottom: 1px dotted transparent;
}


.anchors .items .btn:hover span
{
    border-color: currentColor;
}



/*--------------------
    Pluses/minuses
--------------------*/
.pluses_minuses
{
    display: flex;
    align-content: flex-start;
    align-items: flex-start;
    flex-wrap: wrap;
    justify-content: space-between;
}


.pluses_minuses > *
{
    width: calc(50% - 30px);
}


.pluses_minuses .title
{
    font-size: 20px;
    font-weight: 600;
    line-height: 36px;

    margin-bottom: 12px;
    padding-left: 44px;
}


.pluses_minuses .pluses .title
{
    color: #789f81;
}


.pluses_minuses .minuses .title
{
    color: #8b1414;
}


.pluses_minuses ul li
{
    font-size: 20px;
    line-height: 32px;

    position: relative;

    display: block;

    padding-left: 44px;

    list-style-type: none;

    color: #686868;
}


.pluses_minuses ul li + li
{
    margin-top: 8px;
}


.pluses_minuses ul li:before
{
    position: absolute;
    top: 15px;
    left: 0;

    display: block;

    width: 16px;
    height: 2px;

    content: '';

    background: #38a1ab;
}

.pluses_minuses .pluses ul li:after
{
    position: absolute;
    top: 8px;
    left: 7px;

    display: block;

    width: 2px;
    height: 16px;

    content: '';

    background: #38a1ab;
}



/*----------------------
    Cooperation head
----------------------*/
.cooperation_head .data
{
    position: relative;

    height: 350px;
    margin-bottom: 20px;

    background: #ddd;
}


.cooperation_head .data img
{
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;

    display: block;

    width: 100%;
    height: 100%;

    object-fit: cover;
}


.cooperation_head .data .title
{
    font-size: var(--font_size_title);
    font-weight: 600;

    position: absolute;
    z-index: 3;
    bottom: 0;
    left: 0;

    width: 100%;
    padding: 24px 52px;

    color: #fff;
}

.paycon {
    position: relative;
}


/*-----------
    Stats
-----------*/
.stats .row
{
    align-content: stretch;
    align-items: stretch;

    margin-bottom: 0px;
    margin-left: 0px;
    row-gap: 20px;
    justify-content: space-between;
}


.stats .row > *
{
    width: calc(33.333% - 10px);
    margin-bottom: 0px;
    margin-left: 0px;
}


.stats .item
{
    font-size: var(--font_size_title);
    font-weight: 700;
    line-height: 100%;

    display: flex;
    align-content: center;
    align-items: center;
    flex-wrap: wrap;
    justify-content: center;

    min-height: 150px;
    padding: 20px;

    text-align: center;

    border: 2px solid #38a1ab;
}


.stats .exp
{
    margin-top: 20px;

    text-align: center;
}



/*---------------------------
    Cooperation what need
---------------------------*/
.cooperation_what_need {
    margin-bottom: 20px;
}

.cooperation_what_need .block_head
{
    width: 100%;
    margin-bottom: 0px !important;
    padding-bottom: 20px !important;
}

.cooperation_what_need > .cont.row {
    justify-content: space-between;
    flex-wrap: nowrap;
}

.cooperation_what_need .data
{
    align-self: center;

    width: calc(100% - 495px);
}


.cooperation_what_need .data .row
{
    align-content: stretch;
    align-items: stretch;
    justify-content: space-between;
    row-gap: 20px;

    /*
    margin-bottom: -20px;
    margin-left: -40px;
    */
}


.cooperation_what_need .data .row > *
{
    width: calc(50% - 20px);
    
    /*
    margin-bottom: 20px;
    margin-left: 40px;
    */
}


.cooperation_what_need .item
{
    display: flex;
    align-content: flex-start;
    align-items: flex-start;
    flex-wrap: wrap;
    justify-content: space-between;
}


.cooperation_what_need .item .icon
{
    display: block;

    width: 48px;
    height: 48px;

    color: #38a1ab;
}


.cooperation_what_need .item .name
{
    font-size: 24px;
    font-weight: 600;
    line-height: 100%;

    align-self: center;

    width: calc(100% - 68px);

    color: #236d73;
}


.cooperation_what_need .item .desc
{
    font-size: 20px;
    line-height: 24px;

    width: 100%;
    margin-top: 16px;

    text-align: justify;

    color: #686868;
}


.cooperation_what_need .img
{
    display: block;
    align-self: center;

    max-width: 410px;
    margin-left: auto;
}



/*---------------------
    Categories wall
---------------------*/
.categories_wall {
    margin-bottom: 30px !important;
}

.categories_wall .row
{
    align-content: stretch;
    align-items: stretch;

    /*
    margin-bottom: -40px;
    margin-left: -24px;
    */
    row-gap: 30px;
    justify-content: space-between;
    
    /*
    margin-bottom: 30px;
    */
}


.categories_wall .row > *
{
    width: calc(16.666% - 10px);
    
    /*
    margin-bottom: 40px;
    margin-left: 24px;
    */
}


.categories_wall .category
{
    display: block;

    transition: color .2s linear;
    text-align: center;
    text-decoration: none;

    color: currentColor;
}


.categories_wall .category .thumb
{
    position: relative;

    margin-bottom: 16px;
    padding-bottom: 100%;

    transition: border-color .2s linear;

    border: 1px solid transparent;
}


.categories_wall .category .thumb div
{
    position: absolute;
    top: 0;
    left: 0;

    display: flex;
    align-content: center;
    align-items: center;
    flex-wrap: wrap;
    justify-content: center;

    width: 100%;
    height: 100%;
}


.categories_wall .category .thumb img
{
    display: block;

    max-width: 100%;
    max-height: 100%;
}


.categories_wall .category .name
{
    font-size: 20px;
    line-height: 100%;
}


.categories_wall .category:hover
{
    color: #38a1ab;
}

.categories_wall .category:hover .thumb
{
    border-color: #38a1ab;
}

.review .text_block {
    text-align: left !important;
}

.rating-toggle:hover {
    cursor: pointer;
    color: #38a1ab;
}

.rating-toggle:after {
    content: attr(data-off);
}

.review.opened .rating-toggle:after {
    content: attr(data-on);
}


/*-------------------------
    Cooperation reviews
-------------------------*/
.cooperation_reviews .swiper
{
    overflow: visible !important;

    margin: 80px 0 40px;

    border-radius: 0 0 60px 0;
    background: #f1f1f1;
}


.cooperation_reviews .swiper-slide
{
    position: relative;

    visibility: hidden;

    transition: opacity .2s linear, visibility .2s linear;
    pointer-events: none;

    opacity: 0;
}


.cooperation_reviews .swiper-slide.visible
{
    visibility: visible;

    pointer-events: auto;

    opacity: 1;
}


.cooperation_reviews .swiper-horizontal > .swiper-pagination-bullets,
.cooperation_reviews .swiper-pagination-bullets.swiper-pagination-horizontal,
.cooperation_reviews .swiper-pagination-custom,
.cooperation_reviews .swiper-pagination-fraction
{
    bottom: 32px;
    left: 50%;

    width: auto;
    height: 15px;
    margin: 0 0 0 -128px;
}


.cooperation_reviews .swiper-pagination-bullet
{
    width: 15px;
    height: 15px;

    background: #afb4b4;
}

.cooperation_reviews .swiper-pagination-bullet + .swiper-pagination-bullet
{
    margin-left: 27px !important;
}


.cooperation_reviews .swiper-pagination-bullet:hover,
.cooperation_reviews .swiper-pagination-bullet.active
{
    background: #38a1ab;
}


.cooperation_reviews .review
{
    display: flex;
    align-content: flex-start;
    align-items: flex-start;
    flex-wrap: wrap;
    justify-content: space-between;

    margin: -40px 0;
    padding: 0 76px 0 92px;
}


.cooperation_reviews .review .thumb
{
    position: relative;

    overflow: hidden;

    width: 413px;
    max-width: 100%;
    height: 413px;

    background: #ddd;
}


.cooperation_reviews .review .thumb img
{
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;

    display: block;

    width: 100%;
    height: 100%;

    object-fit: cover;
}


.cooperation_reviews .review .data
{
    width: calc(100% - 500px);
    padding: 76px 0;
}


.cooperation_reviews .review .text
{
    font-size: 20px;
    line-height: 32px;
}


.cooperation_reviews .review .author
{
    display: flex;
    align-content: flex-end;
    align-items: flex-end;
    flex-wrap: wrap;
    justify-content: space-between;

    margin-top: 28px;
}


.cooperation_reviews .review .author .post
{
    font-size: 20px;
    line-height: 24px;

    color: #686868;
}


.cooperation_reviews .review .author .name
{
    font-size: 24px;
    line-height: 32px;

    color: #307379;
}



/*--------------------
    Become partner
--------------------*/
.become_partner .section + .section
{
    margin-top: 32px;
}


.become_partner .section .title
{
    font-size: 24px;
    font-weight: 600;

    margin-bottom: 20px;

    color: #16646b;
}


.become_partner .steps
{
    display: flex;
    align-content: flex-start;
    align-items: flex-start;
    flex-wrap: wrap;
    justify-content: flex-start;
    
    /*margin-bottom: -44px;*/
    /*margin-left: -128px;*/
    margin-left: 0px !important;
    row-gap: 40px;
    
    /*
    padding-top: 12px;
    */
}


.become_partner .steps > *
{
    /*margin-bottom: 44px;*/
    /*
    margin-left: 128px;
    */
    margin-left: 0px !important;
}


/*
.become_partner .steps > *:nth-child(3n+1)
{
    width: 510px;
}
*/

.become_partner .steps > *:nth-child(3n+2)
{
    /*width: 310px;*/
}


.become_partner .steps .step
{
    font-size: 24px;
    line-height: 32px;

    position: relative;

    display: flex;
    align-content: center;
    align-items: center;
    flex-wrap: wrap;
    justify-content: flex-start;

    color: #686868;
    width: 50%;
    flex: 0 0 50%;
}


.become_partner .steps .step:after
{
    position: absolute;
    top: 0;
    bottom: 0;
    left: 100%;

    display: block;

    width: 59px;
    height: 46px;
    margin: auto 0 auto 32px;

    content: '';
    pointer-events: none;

    background: url(../images/ic_steps_arrow.svg) 0 0/100% 100% no-repeat;
    display: none !important;
}

.become_partner .steps .step:nth-child(3n+3):after,
.become_partner .steps .step:last-child:after
{
    display: none;
}


.become_partner .steps .step .icon
{
    display: flex;
    align-content: center;
    align-items: center;
    flex-wrap: wrap;
    justify-content: center;

    width: 75px;
    height: 75px;
    margin-right: 30px;
}


.become_partner .steps .step .icon img
{
    display: block;

    max-width: 100%;
    max-height: 100%;
}


.become_partner .steps .step .icon + *
{
    width: calc(100% - 105px);
    white-space: normal !important;
}


.become_partner .steps .step a
{
    transition: border-color .2s linear;
    white-space: nowrap;
    text-decoration: none;

    color: #236d73;
    border-bottom: 1px dotted;
}


.become_partner .steps .step a:hover
{
    border-bottom-style: solid;
}



/*------------------
    Payment info
------------------*/
.payment_info .item
{
    display: flex;
    align-content: flex-start;
    align-items: flex-start;
    flex-wrap: wrap;
    justify-content: space-between;
}


.payment_info .item + .item
{
    margin-top: 30px;
    padding-top: 30px;

    border-top: 1px solid #16646b;
}


.payment_info .item .icon
{
    width: 244px;
    max-width: 100%;
    width: 20%;
}


.payment_info .item .icon img
{
    display: block;

    max-width: 100%;
    max-height: 100%;
    margin: 0 auto;
}


.payment_info .item .icon + *
{
    width: calc(100% - 264px);
    width: 80%;
}


.payment_info .item .name
{
    font-size: 24px;
    font-weight: 600;

    margin-bottom: 20px;

    color: #236d73;
}


.payment_info .data
{
    width: calc(100% - 332px);
}


.payment_info .text_block
{
    color: #2e2a27;
}


.payment_info .logos,
.payment_info .images
{
    width: 283px;
    max-width: 100%;
    margin-left: auto;
}


.payment_info .logos > *
{
    display: flex;
    align-content: center;
    align-items: center;
    flex-wrap: wrap;
    justify-content: center;

    height: 102px;

    border: 2px solid #e7e7e7;
}


.payment_info .logos > * + *,
.payment_info .images > * + *
{
    margin-top: 18px;
}


.payment_info .logos img,
.payment_info .images img
{
    display: block;

    max-width: 100%;
    max-height: 100%;
    margin: 0 auto;
}


.payment_info .link
{
    display: flex;

    margin-top: 28px;
}


.payment_info .link a
{
    font-size: 20px;
    font-weight: 600;

    position: relative;

    display: flex;
    align-content: center;
    align-items: center;
    flex-wrap: wrap;
    justify-content: center;

    width: 560px;
    max-width: 100%;
    height: 50px;

    transition: background .2s linear;
    text-align: center;
    text-decoration: none;

    color: #fff;
    border-radius: 10px;
    background: rgb(56, 161, 171);
}


.payment_info .link svg
{
    position: absolute;
    top: 0;
    bottom: 0;
    left: 50%;

    display: block;

    width: 26px;
    height: 20px;
    margin: auto 0 auto 114px;
}


.payment_info .link a:hover
{
    background: #38a1ab;
}



/*------------------
    Boss message
------------------*/
.boss_message
{
    padding-top: 0px;
}


.boss_message .text_block
{
    width: calc(100% - 404px);

    color: #2e2a27;
}


.boss_message .boss
{
    position: relative;

    display: flex;
    flex-direction: column;

    width: 348px;
    max-width: 100%;
    margin-left: auto;
}


.boss_message .boss .photo
{
    position: relative;
    z-index: 3;

    overflow: hidden;

    margin-bottom: 20px;
    padding-bottom: 120.689%;

    background: #ddd;
}


.boss_message .boss .photo img
{
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;

    display: block;

    width: 100%;
    height: 100%;

    object-fit: cover;
}


.boss_message .boss .name
{
    font-size: 24px;
    font-weight: 700;

    position: relative;
    z-index: 3;

    margin-left: auto;
}


.boss_message .boss .post
{
    font-size: 20px;

    position: relative;
    z-index: 3;

    margin-top: 8px;

    text-align: right;
}


.boss_message .boss .sign
{
    position: absolute;
    z-index: 1;
    right: 24px;
    bottom: -68px;

    display: block;

    width: 172px;
    max-width: 100%;

    pointer-events: none;
}



.boss_message .logos
{
    width: 100%;
    max-width: calc(100% - 404px);
    margin-top: -25px;
}


.boss_message .logos .row
{
    align-content: center;
    align-items: center;

    margin-bottom: -24px;
    margin-left: -60px;
    justify-content: space-between;
}


.boss_message .logos .row > *
{
    margin-bottom: 24px;
    margin-left: 60px;
    position: relative;
}

.boss_message .logos .row > *:hover {
    cursor: pointer;
    filter: drop-shadow(0px 0px 10px rgba(0, 0, 0, 0.3));
}

.boss_message .logos img
{
    display: block;
}



/*-------------
    History
-------------*/
.history .row
{
    margin-bottom: 0px;
    margin-left: 0px;
    justify-content: space-between;
}


.history .row > *
{
    width: calc(33.333% - 40px);
    margin-bottom: 40px;
    /*margin-left: 72px;*/
}


.history .item
{
    display: flex;
    align-content: center;
    align-items: center;
    flex-wrap: wrap;
    justify-content: space-between;

    min-height: 86px;
    padding: 10px 30px;

    color: #fff;
    border-radius: 0 24px 0 0;
    background-image:    -moz-linear-gradient( -180deg, rgb(22,100,107) 0%, rgb(80,177,187) 100%);
    background-image: -webkit-linear-gradient( -180deg, rgb(22,100,107) 0%, rgb(80,177,187) 100%);
    background-image:     -ms-linear-gradient( -180deg, rgb(22,100,107) 0%, rgb(80,177,187) 100%);
}


.history .item + .item
{
    margin-top: 20px;
}


.history .item .year
{
    font-size: 48px;
    font-weight: 700;
    line-height: 100%;
}


.history .item .desc
{
    font-size: 20px;
    line-height: 100%;

    width: calc(100% - 144px);
}


.history .future .years
{
    font-size: 48px;
    font-weight: 700;
    line-height: 100%;

    display: inline-block;

    padding: 20px 0;

    vertical-align: top;

    color: transparent;
    background-image: linear-gradient(90deg, #50b1bb 0%, #16646b 100%);
    -webkit-background-clip: text;
}


.history .future ul li
{
    font-size: 20px;
    line-height: 24px;

    position: relative;

    display: block;

    list-style-type: none;

    color: #686868;
}


.history .future ul li:before
{
    position: absolute;
    top: 10px;
    left: -20px;

    display: block;

    width: 5px;
    height: 5px;

    content: '';

    border-radius: 50%;
    background: #38a1ab;
}


.history .img
{
    display: block;
    margin: -150px 0 0 0px;
    pointer-events: none;
    max-width: 100%;
}



/*-----------------
    Credit info
-----------------*/
.credit_info {
    margin-bottom: 20px;
}

.credit_conditions.block {
    margin-bottom: 20px;
}

.credit_info .text_block
{
    line-height: 24px;

    width: 50%;
    margin-bottom: 32px;
}


.credit_info .image
{
    width: calc(50% - 40px);
    margin-bottom: 32px;
    margin-left: auto;
}


.credit_info .image img
{
    display: block;

    max-width: 100%;
    margin: -80px auto 0;
}


.credit_info .pluses .row
{
    align-content: stretch;
    align-items: stretch;

    /*margin-bottom: -10px;*/
    /*
    margin-left: -10px;
    */
    row-gap: 10px;
    justify-content: space-between;
}


.credit_info .pluses .row > *
{
    width: calc(25% - 5px);
    
    /*
    margin-left: 10px;
    */
}


.credit_info .pluses .item
{
    padding: 20px;

    text-align: center;

    border: 3px solid #38a1ab;
}


.credit_info .pluses .item .name
{
    font-size: 32px;
    font-weight: 700;
    line-height: 100%;

    margin-bottom: 16px;
}


.credit_info .pluses .item .desc
{
    font-size: 20px;
    line-height: 24px;

    color: #686868;
}



/*-------------------
    Credit stages
-------------------*/
.credit_stages {
    margin-bottom: 20px;
}

.credit_stages .list
{
    counter-reset: number;

    column-gap: 52px;
    column-count: 2;
}


.credit_stages .list > *
{
    transform: translateZ(0);

    --webkit-column-break-inside: avoid;
    page-break-inside: avoid;
    break-inside: avoid;
}


.credit_stages .list > * + *
{
    margin-top: 35px;
}


.credit_stages .stage
{
    position: relative;

    display: flex;
    align-content: center;
    align-items: center;
    flex-wrap: wrap;
    justify-content: flex-start;

    min-height: 25px;
    padding-left: 40px;
}


.credit_stages .stage:before
{
    font-size: var(--font_size);
    font-weight: 400;
    line-height: 25px;

    position: absolute;
    top: 0;
    left: 0;

    width: 25px;
    height: 25px;

    content: counter(number);
    counter-increment: number;
    text-align: center;

    color: #fff;
    border-radius: 50%;
    background: #38a1ab;
}


.credit_stages .stage .name
{
    font-size: 24px;
    font-weight: 500;
    line-height: 100%;

    width: 100%;
    margin-bottom: 20px;

    color: #236d74;
}

.credit_stages .stage .title {
    font-size: 24px;
    line-height: 1.2;
    color: #236d73;
    width: 100%;
    margin-top: -0.1em;
    margin-bottom: 0.6em;
}

.credit_stages .stage .desc
{
    font-size: 20px;
    line-height: 30px;

    width: 100%;
}



/*------------------
    Credit order
------------------*/
.credit_order .form
{
    display: flex;
    align-content: flex-start;
    align-items: flex-start;
    flex-wrap: wrap;
    justify-content: space-between;
}


.credit_order .form .col
{
    width: calc(50% - 24px);
}


.credit_order .form .col > * + *
{
    margin-top: 20px;
}


.credit_order .form .text_block
{
    margin-top: 44px;
}


.credit_order .form .text_block ul li + li
{
    margin-top: 28px;
}

.text_block ul li:last-child {
    height: auto !important;
}

.credit_order .form .title
{
    font-size: 20px;
    font-weight: 600;
    color: #236d73;
}


.credit_order .form .line
{
    margin-bottom: 16px;
}


.credit_order .form .label
{
    margin-bottom: 4px;
}


.credit_order .form .input
{
    text-align: left;
}


.credit_order .form .irs--flat
{
    margin-top: 20px;
}


.credit_order .form .submit
{
    margin-top: 32px;
}



/*---------------
    Cart info
---------------*/
.cart_info .data
{
    width: calc(100% - 346px);
}



.cart_info .product
{
    position: relative;

    display: flex;
    align-content: center;
    align-items: center;
    flex-wrap: wrap;
    justify-content: space-between;

    padding-top: 40px;
}


.cart_info .product + .product
{
    margin-top: 24px;
}


.cart_info .product .articul
{
    font-size: 20px;
    font-weight: 600;
    line-height: 22px;

    position: absolute;
    z-index: 3;
    top: 0;
    left: 0;

    width: 135px;
    height: 24px;

    text-align: center;

    color: #fff;
    background: #38a1ab;
}


.cart_info .product .thumb
{
    display: flex;
    align-content: center;
    align-items: center;
    flex-wrap: wrap;
    justify-content: space-between;

    width: 93px;
    height: 93px;
}


.cart_info .product .thumb img
{
    display: block;

    max-width: 100%;
    max-height: 100%;
}


.cart_info .product .name
{
    font-size: 20px;
    font-weight: 600;
    line-height: 100%;

    width: 448px;
    max-width: 100%;

    color: #236d73;
}


.cart_info .product .name a
{
    display: inline-block;

    vertical-align: top;
    text-decoration: none;

    color: currentColor;
}


.cart_info .product .amount
{
    position: relative;

    width: 150px;
    max-width: 100%;
}

.cart_info .product .amount.show
{
    display: block;
}


.cart_info .product .amount .btn
{
    position: absolute;
    z-index: 3;
    top: 0;
    left: 0;

    display: block;

    width: 50px;
    height: 50px;
}


.cart_info .product .amount .btn:before,
.cart_info .product .amount .btn:after
{
    position: absolute;

    display: block;

    width: 16px;
    height: 2px;
    margin: auto;

    content: '';

    background: #38a1ab;

    inset: 0;
}

.cart_info .product .amount .btn:after
{
    width: 2px;
    height: 16px;
}


.cart_info .product .amount .btn.plus
{
    right: 0;
    left: auto;
}

.cart_info .product .amount .btn.minus:after
{
    opacity: 0;
}


.cart_info .product .amount .input
{
    font-family: var(--font_family);
    font-size: 24px;

    display: block;

    width: 100%;
    height: 50px;
    padding: 0 50px;

    text-align: center;

    color: #000;
    border: 1px solid rgb(178, 178, 178);
    border-radius: 10px;
    background: none;
}


.cart_info .product .buy
{
    position: relative;

    width: 220px;
    max-width: 100%;
}


.cart_info .product .status
{
    font-size: 20px;
    font-weight: 500;
    line-height: 100%;

    position: absolute;
    bottom: 100%;
    left: 0;

    margin-bottom: 10px;

    white-space: nowrap;
}


.cart_info .product .status.green
{
    color: #38a1ab;
}


.cart_info .product .price
{
    font-size: 32px;
    font-weight: 600;
    line-height: 50px;

    color: #2e2a27;
}


.cart_info .product .price .currency
{
    font-size: 20px;
    font-weight: 400;
    line-height: 100%;

    color: #686868;
}


.cart_info .product .delete_btn
{
    display: flex;
    align-content: center;
    align-items: center;
    flex-wrap: wrap;
    justify-content: center;

    width: 50px;
    height: 50px;

    transition: .2s linear;

    border: 1px solid;
    border-radius: 10px;
}


.cart_info .product .delete_btn .icon
{
    display: block;

    width: 16px;
    height: 16px;
}


.cart_info .product .delete_btn:hover
{
    color: #fff;
    border-color: #38a0ab;
    background: #38a0ab;
}



.cart_info .process
{
    margin-top: 40px;
}


.cart_info .process.mob
{
    display: none;
}


.cart_info .process .title
{
    font-size: 24px;
    font-weight: 600;

    margin-bottom: 20px;

    color: #16646b;
}


.cart_info .process .steps
{
    font-size: 20px;
    line-height: 100%;

    /*
    width: calc(100% + 64px);
    margin-right: -32px;
    margin-left: -32px;
    */
    padding: 19px 31px;

    border: 1px solid #dbdbdb;
    border-radius: 12px;
}


.cart_info .process .steps .row
{
    align-content: center;
    align-items: center;
    justify-content: space-between;
}


.cart_info .process .steps .sep
{
    display: block;

    width: 26px;
    height: 20px;

    color: #16646b;
}


.cart_info .process .exp
{
    margin-top: 10px;

    text-align: center;

    color: #b0b0b0;
}



.cart_info .cart_total
{
    position: sticky;
    top: 109px;

    width: 282px;
    max-width: 100%;
    margin-left: auto;
}


.cart_info .cart_total .head
{
    margin-bottom: 20px;
    padding-bottom: 20px;

    border-bottom: 1px solid #a9abad;
}


.cart_info .cart_total .head .label
{
    font-size: 20px;
    font-weight: 600;

    margin-bottom: 10px;

    color: #16646b;
}


.cart_info .cart_total .head .val
{
    line-height: 20px;
}


.cart_info .cart_total .total_price .label
{
    line-height: 20px;

    margin-bottom: 8px;

    color: #686868;
}


.cart_info .cart_total .total_price .price
{
    font-size: 32px;
    line-height: 100%;

    white-space: nowrap;
}


.cart_info .cart_total .total_price .price b
{
    font-weight: 600;
}


.cart_info .cart_total .total_price .price .currency
{
    font-size: 20px;

    color: #686868;
}


.cart_info .cart_total .checkout_link
{
    font-size: 20px;
    font-weight: 500;
    line-height: 48px;

    display: block;

    height: 50px;
    margin-top: 10px;

    transition: background .2s linear;
    text-align: center;
    text-decoration: none;

    color: var(--text_color);
    border-radius: 16px;
    background: #f7dd64;
}


.cart_info .cart_total .checkout_link:hover
{
    background: #ffd200;
}


.cart_info .cart_total .exp
{
    line-height: 20px;

    margin-top: 10px;
}


.cart_info .cart_total .quike_order_btn
{
    font-size: 20px;
    font-weight: 700;

    display: block;

    width: 100%;
    height: 50px;
    margin-top: 20px;
    padding-bottom: 2px;

    transition: .2s linear;

    color: #16646b;
    border: 1px solid #16646b;
    border-radius: 16px;
}


.cart_info .cart_total .quike_order_btn:hover
{
    color: #fff;
    border-color: #38a0ab;
    background: #38a0ab;
}



/*-------------------
    Checkout info
-------------------*/
.comment-form {
    margin-bottom: 30px;
}

.checkout_info {
    margin-bottom: 0px !important;
}

.checkout_info .form .line
{
    margin-bottom: 20px;
}


.checkout_info .form .label
{
    margin-bottom: 5px;
}


.checkout_info .form .input
{
    text-align: left;
}


.checkout_info .data
{
    width: calc(100% - 732px);
}

#msOrder .radio {
    margin-bottom: 0px !important;
}

.checkout_info .data .section + .section
{
    margin-top: 0px;
}


.checkout_info .data .title
{
    font-size: 20px;
    font-weight: 600;

    margin-bottom: 20px;

    color: #236d73;
}


.checkout_info .entity_info
{
    display: none;
}


.checkout_info .delivery_methods .columns,
.checkout_info .payment_methods .columns
{
    align-content: flex-start;
    align-items: flex-start;

    margin-bottom: 0px;
    padding-top: 0px;
    padding-bottom: 0px;
}


.checkout_info .delivery_methods .columns .line,
.checkout_info .payment_methods .columns .line
{
    margin-bottom: 20px;
}



.checkout_info .checkout_total
{
    position: sticky;
    top: 109px;

    width: 615px;
    max-width: 100%;
    margin-left: auto;
}


.checkout_info .cart_informer .title
{
    font-size: 20px;
    font-weight: 600;

    display: flex;
    align-content: center;
    align-items: center;
    flex-wrap: wrap;
    justify-content: flex-start;

    margin-bottom: 10px;
    padding-bottom: 10px;

    color: #16646b;
    border-bottom: 1px solid #a9abad;
}


.checkout_info .cart_informer .edit_link
{
    font-size: var(--font_size);
    font-weight: 400;

    margin-left: 40px;

    transition: border-color .2s linear;
    text-decoration: none;

    color: var(--text_color);
    border-bottom: 1px dotted transparent;
}


.checkout_info .cart_informer .edit_link:hover
{
    border-color: currentColor;
}


.checkout_info .cart_informer .product
{
    display: flex;
    align-content: center;
    align-items: center;
    flex-wrap: wrap;
    justify-content: flex-start;

    /*padding-right: 12px;*/
    padding-bottom: 10px;

    border-bottom: 1px solid #16646b;
}

.msof-form-wrapper {
    margin-bottom: 20px;
}

.msof-form {
    display: flex;
    align-items: center;
    justify-content: center;
}

.checkout_info .cart_informer .product + .product
{
    margin-top: 12px;
}


.checkout_info .cart_informer .product .name
{
    line-height: 20px;

    width: 324px;
    max-width: 100%;
    margin-right: auto;

    color: #236d73;
}


.checkout_info .cart_informer .product .amount
{
    margin-left: 20px;

    text-align: right;
    white-space: nowrap;
}


.checkout_info .cart_informer .product .price
{
    width: 120px;
    max-width: 100%;
    margin-left: 20px;

    text-align: right;
    white-space: nowrap;
}


.checkout_info .cart_informer .total_price
{
    display: flex;
    align-content: flex-start;
    align-items: flex-start;
    flex-wrap: wrap;
    justify-content: space-between;

    margin-top: 20px;
}


.checkout_info .cart_informer .total_price .label
{
    font-size: 20px;
    font-weight: 600;
    line-height: 32px;

    color: var(--text_color);
}


.checkout_info .cart_informer .total_price .price
{
    font-size: 28px;
    line-height: 32px;

    white-space: nowrap;
}


.checkout_info .cart_informer .total_price .price b
{
    font-weight: 600;

    display: inline-block;

    vertical-align: top;
}


.checkout_info .cart_informer .total_price .price small
{
    font-size: 12px;
    font-weight: 400;
    line-height: 100%;

    display: block;

    color: #686868;
}


.checkout_info .cart_informer .total_price .price .currency
{
    font-size: 20px;

    display: inline-block;

    vertical-align: top;

    color: #686868;
}


.checkout_info .submit,
.checkout_info .agree
{
    margin-top: 20px;
}



/*----------------------
    Checkout success
----------------------*/
.checkout_success .icon
{
    display: block;

    width: 100px;
    height: 100px;
    margin: 0 auto 48px;
}


.checkout_success .number
{
    font-size: 24px;
    font-weight: 600;

    margin-bottom: 20px;

    text-align: center;

    color: #16646b;
}


.checkout_success .desc
{
    padding: 20px;

    text-align: center;

    border: 1px solid #e9e9e9;
    border-radius: 12px;
}


.checkout_success .desc > *,
.checkout_success .desc .col > *,
.checkout_success .desc .warning > *,
.checkout_success .desc .hide > *
{
    margin-bottom: 8px;
}


.checkout_success .in_order
{
    margin-top: 20px;
}


.checkout_success .in_order .title
{
    font-size: 20px;
    font-weight: 600;
    line-height: 100%;

    margin-bottom: 32px;
}


.checkout_success .in_order .product
{
    position: relative;

    display: flex;
    align-content: center;
    align-items: center;
    flex-wrap: wrap;
    justify-content: space-between;

    padding-bottom: 20px;
}


.checkout_success .in_order .product:after
{
    position: absolute;
    bottom: 0;
    left: 0;

    display: block;

    width: calc(100% - 350px);
    height: 1px;

    content: '';
    pointer-events: none;

    background: #16646b;
}


.checkout_success .in_order .product + .product
{
    margin-top: 28px;
}


.checkout_success .in_order .product .articul
{
    font-size: 20px;
    font-weight: 600;
    line-height: 22px;

    width: 135px;
    max-width: 100%;
    height: 24px;
    margin-right: 35px;

    text-align: center;

    color: #fff;
    background: #38a1ab;
}


.checkout_success .in_order .product .name
{
    font-size: 20px;
    line-height: 100%;

    width: calc(100% - 518px);
    margin-right: auto;

    color: #236d73;
}


.checkout_success .in_order .product .amount
{
    font-size: 20px;
    line-height: 24px;

    width: 100px;
    max-width: 100%;
    margin-left: 24px;
}


.checkout_success .in_order .product .price
{
    display: flex;
    align-content: center;
    align-items: center;
    flex-wrap: wrap;
    justify-content: space-between;

    width: 208px;
    max-width: 100%;
}


.checkout_success .in_order .product .price b
{
    font-size: 20px;
    font-weight: 400;
    line-height: 24px;

    width: 150px;
    max-width: 100%;

    text-align: right;

    color: #2e2a27;
}


.checkout_success .in_order .product .price .currency
{
    font-size: 20px;

    color: #686868;
}


.checkout_success .in_order .total_price
{
    display: flex;
    align-content: flex-start;
    align-items: flex-start;
    flex-wrap: wrap;
    justify-content: flex-end;

    margin-top: 20px;
}


.checkout_success .in_order .total_price .label
{
    font-size: 20px;
    font-weight: 600;
    line-height: 32px;

    margin-right: 60px;
}


.checkout_success .in_order .total_price .price
{
    display: flex;
    align-content: center;
    align-items: center;
    flex-wrap: wrap;
    justify-content: space-between;

    width: 208px;
    max-width: 100%;
}


.checkout_success .in_order .total_price .price b
{
    font-size: 28px;
    font-weight: 600;
    line-height: 32px;

    width: 144px;
    max-width: 100%;
}


.checkout_success .in_order .total_price .price small
{
    font-size: 12px;
    font-weight: 400;
    line-height: 100%;

    display: block;

    color: #686868;
}


.checkout_success .in_order .total_price .currency
{
    font-size: 20px;

    color: #686868;
}


.checkout_success .link
{
    margin-top: 20px;

    text-align: center;
}


.checkout_success .link a
{
    font-weight: 600;

    display: inline-block;

    width: 560px;
    max-width: 100%;
    padding: 11px;

    transition: background .2s linear;
    text-align: center;
    vertical-align: top;
    text-decoration: none;

    color: #fff;
    border: 1px solid;
    border-radius: 10px;
    background: #38a1ab;
    
    display: inline-flex;
    justify-content: center;
    height: 50px;
    vertical-align: middle;
    align-items: center;
}


.checkout_success .link a:hover
{
    background: #236d74;
}



/*-------------
    Reviews
-------------*/
.reviews {
    margin-top: 40px;
}

.reviews .block_head .title
{
    display: flex;
    align-content: center;
    align-items: center;
    flex-wrap: wrap;
    justify-content: flex-start;
}


.reviews .add_btn
{
    font-size: 20px;
    font-weight: 400;
    line-height: normal;

    display: flex;
    align-content: center;
    align-items: center;
    flex-wrap: wrap;
    justify-content: flex-start;

    margin-left: 52px;
}


.reviews .add_btn .icon
{
    position: relative;
    top: 1px;

    display: block;

    width: 26px;
    height: 26px;
    margin-right: 12px;

    color: #789f81;
}


.reviews .add_btn span
{
    border-bottom: 1px dotted;
}


.reviews .add_btn:hover span
{
    border-bottom-style: solid;
}


.reviews .empty
{
    font-size: 24px;
    font-weight: 600;

    color: #236d73;
}


.reviews .add_review
{
    display: none;

    margin-bottom: 40px;
}


.reviews .add_review .success
{
    font-size: 24px;
    font-weight: 600;

    display: none;

    padding: 20px 0 40px;

    text-align: center;

    color: #16646b;
}


.reviews .add_review .success .icon
{
    display: block;

    width: 100px;
    height: 100%;
    margin: 0 auto 24px;
}


.reviews .add_review .form .top
{
    display: flex;
    align-content: flex-start;
    align-items: flex-start;
    flex-wrap: wrap;
    justify-content: space-between;
}


.reviews .add_review .form .top .line:nth-child(1),
.reviews .add_review .form .top .line:nth-child(2)
{
    width: calc((100% - 280px) / 2);
}


.reviews .add_review .form .rating
{
    display: flex;
    align-content: center;
    align-items: center;
    align-self: center;
    flex-wrap: wrap;
    justify-content: flex-start;

    margin-left: 0;

    color: var(--text_color);
}


.reviews .add_review .form .rating .label
{
    margin: 0 12px 0 0;
    padding: 0;
}


.reviews .add_review .form .stars
{
    display: flex;
    flex-direction: row-reverse;
    justify-content: flex-end;
}


.reviews .add_review .form .stars input
{
    display: none;
}

.reviews .add_review .form .stars label
{
    display: block;

    width: 24px;
    height: 24px;

    cursor: pointer;
}


.reviews .add_review .form .stars label ~ label
{
    margin-right: 4px;
}


.reviews .add_review .form .stars svg
{
    display: block;

    width: 24px;
    height: 24px;
}

.reviews .add_review .form .stars svg + svg
{
    display: none;
}


.reviews .add_review .form .stars input:checked ~ label,
.reviews .add_review .form .stars input:checked ~ label ~ label,
.reviews .add_review .form .stars input:not(:checked) ~ label:hover,
.reviews .add_review .form .stars input:not(:checked) ~ label:hover ~ label
{
    color: #fdb622;
}


.reviews .add_review .form .stars input:checked ~ label svg,
.reviews .add_review .form .stars input:checked ~ label ~ label svg,
.reviews .add_review .form .stars input:not(:checked) ~ label:hover svg,
.reviews .add_review .form .stars input:not(:checked) ~ label:hover ~ label svg
{
    display: none;
}

.reviews .add_review .form .stars input:checked ~ label svg + svg,
.reviews .add_review .form .stars input:checked ~ label ~ label svg + svg,
.reviews .add_review .form .stars input:not(:checked) ~ label:hover svg + svg,
.reviews .add_review .form .stars input:not(:checked) ~ label:hover ~ label svg + svg
{
    display: block;
}


.reviews .add_review .form .label
{
    padding: 0 22px;
}


.reviews .add_review .form .input
{
    text-align: left;
}


.reviews .add_review .form textarea
{
    height: 184px;

    border-color: #f2f2f2;
    background: #f2f2f2;
}


.reviews .add_review .form .submit_btn
{
    width: 300px;
    max-width: 100%;
}


.reviews .row
{
    margin-bottom: -40px;
    margin-left: -24px;
}


.reviews .row > *
{
    width: calc(33.333% - 24px);
    margin-bottom: 40px;
    margin-left: 24px;
}


.reviews .review .head
{
    display: flex;
    align-content: center;
    align-items: center;
    flex-wrap: wrap;
    justify-content: flex-start;

    width: 100%;
    margin: 0;
}

.reviews .review .head > * + *
{
    margin-top: 0;
}


.reviews .review .author
{
    font-size: 20px;

    display: flex;
    align-content: center;
    align-items: center;
    flex-wrap: wrap;
    justify-content: flex-start;

    color: #000;
}


.reviews .review .author .icon
{
    display: block;

    width: 26px;
    height: 25px;
    margin-right: 10px;
}


.reviews .review .rating
{
    display: flex;
    align-content: center;
    align-items: center;
    flex-wrap: wrap;
    justify-content: flex-start;

    margin-left: 20px;
}


.reviews .review .rating > * + *
{
    margin-left: 3px;
}


.reviews .review .rating .icon
{
    display: block;

    width: 26px;
    height: 26px;
}


.reviews .review .rating .icon.active
{
    color: #fdb622;
}


.reviews .review .product
{
    font-size: 20px;
    font-weight: 600;
    line-height: 100%;

    display: flex;
    align-content: flex-start;
    align-items: flex-start;
    flex-wrap: wrap;
    justify-content: space-between;

    margin-top: 24px;
    padding: 12px;

    text-decoration: none;

    color: #236d73;
    border: 1px solid #c7c7c7;
    border-radius: 12px;
}

.reviews .review .product:hover {
    border-color: #38a1ab;
}

.reviews .review .product:hover .name {
    color: #38a1ab;
}

.review:not(.opened) .text-full {
    display: none !important;
}

.review.opened .text-short {
    display: none !important;
}

.reviews .review .product .thumb
{
    display: flex;
    align-content: center;
    align-items: center;
    flex-wrap: wrap;
    justify-content: center;

    width: 93px;
    height: 93px;
}


.reviews .review .product .thumb img
{
    display: block;

    max-width: 100%;
    max-height: 100%;
}


.reviews .review .product .name
{
    align-self: center;

    width: calc(100% - 108px);
}


.reviews .review .pluses
{
    margin-top: 24px;
}


.reviews .review .pluses .label
{
    font-size: 20px;
    font-weight: 600;

    position: relative;

    margin-bottom: 8px;
    padding-left: 36px;

    color: #789f81;
}

.reviews .review .pluses .label:before
{
    position: absolute;
    top: 12px;
    left: 0;

    display: block;

    width: 14px;
    height: 2px;

    content: '';

    background: currentColor;
}

.reviews .review .pluses .label:after
{
    position: absolute;
    top: 6px;
    left: 6px;

    display: block;

    width: 2px;
    height: 14px;

    content: '';

    background: currentColor;
}


.reviews .review .pluses .text_block
{
    padding-left: 36px;
}


.reviews .review .minuses
{
    margin-top: 24px;
}


.reviews .review .minuses .label
{
    font-size: 20px;
    font-weight: 600;

    position: relative;

    margin-bottom: 8px;
    padding-left: 36px;

    color: #8b1414;
}


.reviews .review .minuses .label:before
{
    position: absolute;
    top: 12px;
    left: 0;

    display: block;

    width: 14px;
    height: 2px;

    content: '';

    background: currentColor;
}


.reviews .review .minuses .text_block
{
    padding-left: 36px;
}


.reviews .review .text
{
    margin-top: 24px;
}


.reviews .review .text .label
{
    font-size: 20px;
    font-weight: 600;

    position: relative;

    margin-bottom: 8px;
    padding-left: 36px;

    color: #000;
}


.reviews .review .text .text_block
{
    padding-left: 36px;
}


.reviews .review .link
{
    font-size: 20px;

    margin-top: 24px;
    padding-left: 36px;

    color: #236d73;
}


.reviews .review .link a
{
    transition: color .2s linear;
    text-decoration: none;

    color: currentColor;
}


.reviews .review .link a:hover
{
    color: #38a1ab;
}


.reviews .swiper
{
    overflow: visible !important;
}


.reviews .swiper-slide
{
    position: relative;

    visibility: hidden;

    transition: opacity .2s linear, visibility .2s linear;
    pointer-events: none;

    opacity: 0;
}


.reviews .swiper-slide.visible
{
    visibility: visible;

    pointer-events: auto;

    opacity: 1;
}


.reviews .list .review
{
    display: flex;
    align-content: center;
    align-items: center;
    flex-wrap: wrap;
    justify-content: space-between;
}


.reviews .list .review .pluses,
.reviews .list .review .minuses
{
    width: calc(50% - 12px);
}


.reviews .list .review .text
{
    width: 100%;
}


.reviews .list .review .text .label,
.reviews .list .review .text .text_block
{
    padding: 0;
}



/*-------------------
    Category info
-------------------*/
.category_info #mse2_results {
    margin-left: -15px;
}

.category_info .head
{
    display: flex;
    align-content: flex-end;
    align-items: flex-end;
    flex-wrap: nowrap;
    justify-content: space-between;

    margin-bottom: 10px;
}


.category_info .category_name
{
    font-size: 32px;
    font-weight: 600;

    position: relative;

    display: block;

    padding-top: 16px;
}


.category_info .category_name:before
{
    position: absolute;
    top: 0;
    left: 0;

    display: block;

    width: 110px;
    height: 3px;

    content: '';
    pointer-events: none;

    background: #38a1ab;
}


.category_info .head .count
{
    font-size: 20px;

    margin-bottom: 5px;
    margin-left: 40px;

    color: #16646b;
}


.category_info .filter_selected
{
    margin-bottom: 24px;
}


.category_info .filter_selected .row
{
    margin-bottom: -27px;
    margin-left: -20px;
}


.category_info .filter_selected .row > *
{
    margin-bottom: 27px;
    margin-left: 20px;
}


.category_info .filter_selected .section
{
    display: flex;
    align-content: center;
    align-items: center;
    flex-wrap: wrap;
    justify-content: flex-start;
}

.category_info .filter_selected .section > * + *
{
    margin-left: 20px;
}


.category_info .filter_selected .btn
{
    position: relative;

    display: flex;
    align-content: center;
    align-items: center;
    flex-wrap: nowrap;
    justify-content: flex-start;

    height: 30px;
    padding: 0 20px;

    transition: background .2s linear;
    white-space: nowrap;

    color: #fff;
    border-radius: 10px;
    background: #16646b;
}


.category_info .filter_selected .btn .icon
{
    position: absolute;
    top: 0;
    right: -6px;
    bottom: 0;

    display: flex;
    align-content: center;
    align-items: center;
    flex-wrap: wrap;
    justify-content: center;

    width: 18px;
    height: 18px;
    margin: auto 0;

    transition: .2s linear;

    color: #16646b;
    border: 1px solid #16646b;
    border-radius: 50%;
    background: #fff;
}


.category_info .filter_selected .btn .icon svg
{
    display: block;

    width: 12px;
    height: 12px;
}


.category_info .filter_selected .btn:hover
{
    background: #38a1ab;
}


.category_info .filter_selected .btn:hover .icon
{
    color: #38a1ab;
    border-color: #38a1ab;
}


.category_info .filter_selected .label
{
    line-height: 20px;

    align-self: center;

    white-space: nowrap;

    color: #686868;
}


.category_info .filter_selected .filter_reset_btn
{
    display: block;

    width: 140px;
    height: 30px;
    padding-bottom: 2px;

    transition: .2s linear;

    color: #236d73;
    border: 1px solid #236d73;
    border-radius: 10px;
}


.category_info .filter_selected .filter_reset_btn:hover
{
    color: #fff;
    background: #236d73;
}



.category_info .mob_categories
{
    /*display: none;*/
    display: flex;
    flex-wrap: wrap;
    /*margin: -6px;*/
    margin-bottom: 30px;
    row-gap: 6px;
    justify-content: space-between;
}

.mob_category-outer {
    flex: 0 0 calc(33.333333333333% - 4px);
    /*padding: 6px;*/
}

.category_info .mob_categories .category
{
    position: relative;

    display: flex;
    align-content: center;
    align-items: center;
    flex-wrap: wrap;
    justify-content: space-between;

    min-height: 116px;
    padding: 15px;

    text-decoration: none;

    color: currentColor;
    border: 1px solid #c7c7c7;
    border-radius: 6px;
}


.category_info .mob_categories .category .thumb
{
    display: flex;
    align-content: center;
    align-items: center;
    flex-wrap: wrap;
    justify-content: center;

    width: 80px;
    height: 80px;
}


.category_info .mob_categories .category .thumb img
{
    display: block;

    max-width: 100%;
    max-height: 100%;
}


.category_info .mob_categories .category .name
{
    font-size: 18px;
    font-weight: 600;
    line-height: 100%;

    
    margin-bottom: 24px;

    color: #236d73;
}

.category_info .mob_categories .category .namebar {
    width: calc(100% - 96px);
}

.category_info .mob_categories .category:hover .name {
    color: #38a1ab;
}

.category_info .mob_categories .category:hover {
    border-color: #38a1ab;
}

.category_info .mob_categories .category .count
{
    /*position: absolute;
    bottom: 19px;
    left: 111px;
    */

    empty-cells: hide;

    color: #686868;
}



/*----------------------
    Small categories
----------------------*/
.small_categories
{
    margin-bottom: 20px;
}


.small_categories .section + .section
{
    margin-top: 10px;
}


.small_categories .label
{
    font-size: 12px;
    line-height: 20px;

    margin-bottom: 5px;

    color: #686868;
}


.small_categories .row
{
    margin-bottom: -6px;
    margin-left: -6px;
}


.small_categories .row > *
{
    margin-bottom: 6px;
    margin-left: 6px;
}


.small_categories a
{
    font-size: 12px;
    line-height: 100%;

    display: block;

    padding: 9px 8px;

    transition: .2s linear;
    text-decoration: none;

    color: currentColor;
    border-radius: 6px;
    background: #dfdfdf;
}


.small_categories a:hover, .small_categories a.active
{
    color: #fff;
    background: #38a1ab;
}



/*------------------
    Product info
------------------*/
.product_info
{
    --sidebar_width: 280px;
}


.product_info .content
{
    width: calc(100% - var(--sidebar_width) - 56px);
}


.product_info .content > * + *
{
    margin-top: 48px;
}

.product_info .content .features {
    margin-top: 20px;
}

.product_info .content .reviews {
    margin-top: 40px;
}


.product_info .head
{
    margin-bottom: 24px;
}


.product_info .head > * + *
{
    margin-top: 16px;
}



.product_info .product_name
{
    font-size: 24px;
    font-weight: 600;

    display: block;

    width: calc(100% - 496px);

    color: #236d73;
}



.product_info .brand
{
    display: flex;
    align-content: center;
    align-items: center;
    align-self: center;
    flex-wrap: wrap;
    justify-content: space-between;

    width: 440px;
    max-width: 100%;
    margin-left: auto;
    text-decoration: none !important;
}


.product_info .brand .logo
{
    display: flex;
    align-content: center;
    align-items: center;
    flex-wrap: wrap;
    justify-content: center;

    width: 180px;
    max-width: 100%;
    max-height: 50px;
}


.product_info .brand .logo img
{
    display: block;

    max-width: 100%;
    max-height: 90px;
}


.product_info .brand .offical
{
    font-size: 20px;
    font-weight: 700;
    line-height: 32px;

    display: flex;
    align-content: center;
    align-items: center;
    flex-wrap: wrap;
    justify-content: space-between;

    color: #16646b;
}


.product_info .brand .offical .icon
{
    display: block;

    width: 21px;
    height: 21px;
    margin-right: 7px;

    color: #38a0ab;
}



.product_info .articul
{
    font-size: 20px;
    font-weight: 600;
    line-height: 22px;

    align-self: center;

    width: 135px;
    max-width: 100%;
    height: 24px;

    text-align: center;

    color: #fff;
    background: #38a1ab;
    border-radius: 5px;
}



.product_info .favorite_btn
{
    line-height: 20px;

    display: flex;
    align-content: center;
    align-items: center;
    align-self: center;
    flex-wrap: wrap;
    justify-content: flex-start;

    margin-left: 24px;

    transition: color .2s linear;

    color: #686868;
}


.product_info .favorite_btn .icon
{
    display: block;

    width: 16px;
    height: 20px;
    /*margin-right: 10px;*/
    color: #2d2a27;
}


.product_info .favorite_btn:hover
{
    color: #38a1ab;
}


.product_info .favorite_btn.active
{
    color: #d00;
}



.product_info .compare_btn
{
    line-height: 20px;

    display: flex;
    align-content: center;
    align-items: center;
    align-self: center;
    flex-wrap: wrap;
    justify-content: flex-start;

    margin-left: 18px;

    transition: color .2s linear;

    color: #686868;
}


.product_info .compare_btn .icon
{
    display: block;

    width: 18px;
    height: 20px;
    margin-right: 10px;

}

.product_info .compare_btn.comparison-add:after {
    content: attr(data-btn-text);
}

.product_info .compare_btn.comparison-remove:after {
    content: attr(data-btn-text);
}


.product_info .compare_btn:hover
{
    color: #38a1ab;
}


.product_info .compare_btn.active
{
    color: #d00;
}



.product_info .rating
{
    line-height: 20px;

    display: flex;
    align-content: center;
    align-items: center;
    align-self: center;
    flex-wrap: wrap;
    justify-content: flex-start;

    margin-left: 20px;

    color: #686868;
}

.product_info .rating > * + *
{
    margin-left: 4px;
}


.product_info .rating .icon
{
    display: block;

    width: 19px;
    height: 19px;

    color: #36322f;
}


.product_info .rating .icon.active
{
    color: #feb623;
}


.product_info .rating span
{
    margin-left: 8px;
}



.product_info .data
{
    display: flex;
    align-content: flex-start;
    align-items: flex-start;
    flex-wrap: wrap;
    justify-content: space-between;
}



.product_info .images
{
    width: calc(100% - 490px);
}


.product_info .images .swiper-horizontal > .swiper-pagination-bullets,
.product_info .images .swiper-pagination-bullets.swiper-pagination-horizontal,
.product_info .images .swiper-pagination-custom,
.product_info .images .swiper-pagination-fraction
{
    display: none;
}


.product_info .images .big
{
    position: relative;
}


.product_info .images .exp
{
    font-size: 32px;
    font-weight: 600;

    position: absolute;
    z-index: 5;
    top: 0;
    left: 0;

    display: flex;
    align-content: center;
    align-items: center;
    flex-wrap: wrap;
    justify-content: center;

    width: 100%;
    height: 100%;

    text-align: center;

    background: rgba(255,255,255,.88);
}


.product_info .images .image
{
    position: relative;

    display: flex;
    align-content: center;
    align-items: center;
    flex-wrap: wrap;
    justify-content: center;

    height: 572px;

    text-decoration: none;

    color: currentColor;
}


.product_info .images .image img
{
    display: block;

    max-width: 100%;
    max-height: 100%;
}


.product_info .images .image .zoom
{
    position: absolute;
    z-index: 3;
    right: 46px;
    bottom: 46px;

    display: block;

    width: 58px;
    height: 58px;

    pointer-events: none;
}


.product_info .images .thumbs
{
    margin-top: 24px;
    padding-right: 40px;
    padding-left: 40px;
}

.product_info .images .thumbs.without-arrows {
    padding-right: 80px;
    padding-left: 0px;
}


.product_info .images .thumbs .swiper
{
    overflow: visible !important;
}


.product_info .images .thumbs .swiper-slide
{
    position: relative;

    visibility: hidden;

    transition: opacity .2s linear, visibility .2s linear;
    pointer-events: none;

    opacity: 0;
}

.product_info .images .thumbs .swiper-slide.visible
{
    visibility: visible;

    pointer-events: auto;

    opacity: 1;
}


.product_info .images .swiper-button-next,
.product_info .images .swiper-button-prev
{
    width: 40px;
    height: 32px;
}

.product_info .images .swiper-button-prev
{
    left: -40px;

    /*display: none;*/
}

.product_info .images .swiper-button-next
{
    right: -40px;
}


.product_info .images .swiper-button-next .icon,
.product_info .images .swiper-button-prev .icon
{
    width: 27px;
    height: 20px;
}


.product_info .images .thumbs .image
{
    height: 100px;

    cursor: pointer;
    transition: border-color .2s linear;

    border: 1px solid #a9abad;
}


.product_info .images .thumbs .swiper-slide-thumb-active .image
{
    border-color: #38a1ab;
}



.product_info .mob_info
{
    display: none;

    width: 400px;
    max-width: 100%;
}



.product_info .main_features
{
    width: 440px;
    max-width: 100%;
    margin-left: auto;
}


.product_info .main_features .title
{
    font-size: 20px;
    font-weight: 600;
    line-height: 100%;

    margin-bottom: 16px;
}


.product_info .main_features .items > *
{
    line-height: 20px;

    display: flex;
    align-content: flex-start;
    align-items: flex-start;
    flex-wrap: nowrap;
    justify-content: space-between;
}


.product_info .main_features .items > * + *
{
    margin-top: 12px;
}


.product_info .main_features .label
{
    margin-right: 4px;

    white-space: nowrap;

    color: #686868;
}


.product_info .main_features .dots
{
    width: 100%;
    height: 1px;
    margin-top: 14px;

    border-bottom: 2px dotted #cdcdcd;
}


.product_info .main_features .val
{
    font-weight: 600;

    margin-left: 4px;

    white-space: nowrap;
}


.product_info .main_features .scroll_btn
{
    line-height: 20px;

    margin-top: 20px;

    color: #236d74;
    border-bottom: 1px dotted;
}


.product_info .main_features .scroll_btn:hover
{
    border-bottom-style: solid;
}



.product_info .description .title
{
    font-size: 24px;
    font-weight: 600;

    margin-bottom: 10px;

    color: #16646b;
}


.product_info .features .items > .white-space .dotted {
    width: 10px !important;
}

.product_info .features .items > .white-space .val {
    white-space: normal;
    line-height: 1.2;
    text-align: right;
}


.product_info .features .title
{
    font-size: 24px;
    font-weight: 600;

    margin-bottom: 10px;

    color: #16646b;
}

.reviews.opened .empty {
    display: none !important;
}


.product_info .features .section + .section
{
    margin-top: 16px;
}


.product_info .features .sub_title
{
    font-size: 20px;
    font-weight: 600;

    margin-bottom: 12px;
}


.product_info .features .items > *
{
    font-size: 20px;
    line-height: 32px;

    display: flex;
    align-content: flex-start;
    align-items: flex-start;
    flex-wrap: nowrap;
    justify-content: space-between;
}


.product_info .features .label
{
    margin-right: 8px;

    white-space: nowrap;

    color: #686868;
}


.product_info .features .dotted
{
    align-self: flex-start;

    width: 100%;
    height: 2px;
    margin-bottom: 8px;
    border-bottom: 2px dotted #cdcdcd;
    margin-top: 1.1em;
}

.manager_product_info {
    border: 1px solid black;
    padding: 10px;
    font-size: 14px;
}

.manager_product_info a {
    color: rgb(46, 113, 130);
}

.table-manager {
    border: 1px solid #cacaca;
    border-collapse: collapse;
    margin-top: 5px;
}

.table-manager td {
    border: 1px solid #cacaca;
    padding: 3px;
    min-width: 40px;
}

.item_manager .collapsed {
    display: none;
}

.item_manager .info-button:hover {
    cursor: pointer !important;
}

.video-block-product:not(.first) {
    margin-top: 25px;
}

.kp_button {
    display: block;
    width: 100%;
    padding: 9px 30px;
    text-align: center;
    text-decoration: none;
    font-size: 30px;
    border: 2px solid;
    border-radius: 7px;
    margin: 0px;
    box-sizing: border-box;
    margin-top: 15px;
}

.trust-data-circle {
    margin-right: 10px;
    width: 24px;
    height: 24px;
    border-radius: 50%;
}

.trust-data-circle.trust-circle-1 {
    background: limegreen;
}

.trust-data-circle.trust-circle-2 {
    background: orange;
}


.product_info .features .val
{
    font-weight: 600;

    width: 392px;
    min-width: 392px;
    max-width: 100%;
    margin-left: 40px;
}



.product_info aside > * + *
{
    margin-top: 30px;
}



.product_info .buy .not_available
{
    display: flex;
    align-content: flex-start;
    align-items: flex-start;
    flex-wrap: wrap;
    justify-content: space-between;

    margin-bottom: 24px;
}


.product_info .buy .not_available .icon
{
    display: flex;
    align-content: center;
    align-items: center;
    flex-wrap: wrap;
    justify-content: center;

    width: 50px;
    height: 50px;
    margin-left: 6px;

    color: #fff;
    border-radius: 10px;
    background: #c40606;
}


.product_info .buy .not_available .icon svg
{
    display: block;

    width: 20px;
    height: 20px;
}


.product_info .buy .not_available .name
{
    font-size: 20px;
    font-weight: 500;
    line-height: 20px;

    align-self: center;

    width: calc(100% - 88px);

    color: #c40606;
}


.product_info .buy .not_available .desc
{
    width: 100%;
    margin-top: 10px;
    text-align: justify;
}



.product_info .buy .status
{
    font-size: 20px;

    display: flex;
    align-content: center;
    align-items: center;
    flex-wrap: wrap;
    justify-content: flex-start;

    height: 58px;
    margin-bottom: 4px;

    color: #777674;

    gap: 6px;
}


.product_info .buy .status .green
{
    color: #38a1ab;
}



.product_info .buy .price
{
    font-size: 32px;
    font-weight: 400;
    line-height: 100%;

    display: flex;
    align-content: center;
    align-items: center;
    flex-wrap: wrap;
    justify-content: flex-start;

    color: #2e2a27;
}


.product_info .buy .price b
{
    font-weight: 600;
}


.product_info .buy .price .currency
{
    font-size: 20px;
    line-height: 100%;

    margin-left: 10px;

    color: #686868;
}


.product_info .buy .price small, .product_info .buy .status small
{
    font-size: 12px;
    font-weight: 400;
    line-height: 100%;

    display: block;

    width: 100%;
    margin-top: 4px;

    color: #686868;
}

.product_info .buy .status .orange {
    color: orange !important;
}

.product_info .product-oldprice {
    
}

.discount-infoblock {
    margin-top: 15px;
    display: flex;
    align-items: center;
}

.product_info .product-discount {
    margin-left: 2px;
    font-weight: regular;
    font-size: 20px;
    margin-left: 7px;
}

.product_info .product-oldprice .old_price {
    font-size: 28px;
}

.product_info .currunit {
    font-weight: normal !important;
    font-size: 24px !important;
}


.product_info .buy .buy_btn
{
    font-size: 20px;
    font-weight: 700;

    display: block;

    width: 100%;
    height: 50px;
    margin-top: 28px;
    padding-bottom: 3px;

    transition: background .2s linear;

    color: #fff;
    border-radius: 10px;
    background: #c63832;
}


.product_info .buy .buy_btn:hover
{
    background: #920a0a;
}


.product_info .buy .quike_buy_btn
{
    font-size: 20px;
    font-weight: 700;

    display: block;

    width: 100%;
    height: 50px;
    margin-top: 16px;
    padding-bottom: 3px;

    transition: .2s linear;

    color: #c63832;
    border: 2px solid #c63832;
    border-radius: 10px;
}


.product_info .buy .quike_buy_btn:hover
{
    color: #fff;
    border-color: #920a0a;
    background: #920a0a;
}



.product_info .payment
{
    margin-top: 20px;
}


.product_info .payment .title
{
    font-size: 20px;
    font-weight: 600;
    line-height: 36px;

    display: flex;
    align-content: center;
    align-items: center;
    flex-wrap: wrap;
    justify-content: space-between;

    margin-bottom: 10px;
}


.product_info .payment .link
{
    font-size: 12px;
    font-weight: 400;
    line-height: 18px;

    display: inline-block;

    vertical-align: top;
    text-decoration: none;

    color: #686868;
    border-bottom: 1px dotted;
}


.product_info .payment .link:hover
{
    border-bottom-style: solid;
}


.product_info .payment .row
{
    align-content: stretch;
    align-items: stretch;
    justify-content: space-between;

    /*
    margin: 0 -5px;
    margin-bottom: -6px;
    */
    row-gap: 6px;
    
    /*margin-left: -40px;*/
}


.product_info .payment .row > *
{
    /*margin-bottom: 6px;*/
    width: 50%;
    width: calc(50% - 3px);
    
    
    /*
    padding: 0 5px;
    */
}


.product_info .payment .item
{
    display: flex;
    align-content: center;
    align-items: center;
    flex-wrap: wrap;
    justify-content: center;

    height: 44px;

    border: 2px solid #e7e7e7;
}


.product_info .payment .item img
{
    display: block;
    width: 100%;
}



.product_info .delivery
{
    margin-top: 20px;
}


.product_info .delivery .title
{
    font-size: 20px;
    font-weight: 600;
    line-height: 36px;

    display: flex;
    align-content: center;
    align-items: center;
    flex-wrap: wrap;
    justify-content: space-between;

    margin-bottom: 10px;
}


.product_info .delivery .link
{
    font-size: 12px;
    font-weight: 400;
    line-height: 18px;

    display: inline-block;

    vertical-align: top;
    text-decoration: none;

    color: #686868;
    border-bottom: 1px dotted;
}


.product_info .delivery .link:hover
{
    border-bottom-style: solid;
}


.product_info .delivery .region + .region
{
    margin-top: 20px;
}


.product_info .delivery .region .name
{
    font-weight: 600;

    margin-bottom: 10px;

    color: #16646b;
}


.product_info .delivery .items > *
{
    display: flex;
    align-content: flex-start;
    align-items: flex-start;
    flex-wrap: wrap;
    justify-content: space-between;

    color: #2e2a27;
}


.product_info .delivery .items > * + *
{
    margin-top: 8px;
}


.product_info .delivery .items .val
{
    color: #16646b;
}


.product_info .delivery .calc_btn
{
    font-size: 20px;
    font-weight: 500;
    line-height: 100%;

    display: block;

    width: 100%;
    height: 50px;
    margin-top: 28px;
    padding-bottom: 2px;

    transition: background .2s linear;

    color: #fff;
    border-radius: 10px;
    background: rgb(56, 161, 171);
}


.product_info .delivery .calc_btn:hover
{
    background: #236d73;
}



.product_info .warranty_returns
{
    margin-top: 20px;
}


.product_info .warranty_returns .title
{
    font-size: 20px;
    font-weight: 600;
    line-height: 36px;

    display: flex;
    align-content: center;
    align-items: center;
    flex-wrap: wrap;
    justify-content: space-between;

    margin-bottom: 10px;
}


.product_info .warranty_returns .link
{
    font-size: 12px;
    font-weight: 400;
    line-height: 18px;

    display: inline-block;

    vertical-align: top;
    text-decoration: none;

    color: #686868;
    border-bottom: 1px dotted;
}


.product_info .warranty_returns .link:hover
{
    border-bottom-style: solid;
}


.product_info .warranty_returns .items > *
{
    display: flex;
    align-content: flex-start;
    align-items: flex-start;
    flex-wrap: wrap;
    justify-content: space-between;

    color: #2e2a27;
}


.product_info .warranty_returns .items > * + *
{
    margin-top: 8px;
}


.product_info .warranty_returns .items .val
{
    color: #16646b;
}



.product_info .cert a
{
    display: block;

    text-decoration: none;

    color: currentColor;
}


.product_info .cert img
{
    display: block;

    max-width: 100%;
    margin: 0 auto;
}



.product_info .chart .title
{
    font-size: 20px;
    font-weight: 700;
    line-height: 32px;

    margin-bottom: 12px;
}


.product_info .chart img
{
    display: block;

    max-width: 100%;
}



.product_info .files .title
{
    font-size: 20px;
    font-weight: 700;
    line-height: 32px;

    margin-bottom: 12px;
}


.product_info .files .items > * + *
{
    margin-top: 16px;
}


.product_info .files .file
{
    font-size: 20px;
    line-height: 24px;

    display: flex;
    align-content: flex-start;
    align-items: flex-start;
    flex-wrap: wrap;
    justify-content: space-between;

    transition: color .2s linear;
    text-decoration: none;

    color: #686868;
}


.product_info .files img
{
    display: block;
}


.product_info .files img.pdf
{
    width: 20px;
    height: 25px;
}

.product_info .files img.word
{
    width: 26px;
    height: 27px;
}


.product_info .files img + *
{
    align-self: center;

    width: calc(100% - 34px);
}


.product_info .files .file:hover
{
    color: #38a1ab;
}



.product_info .articles .title
{
    font-size: 20px;
    font-weight: 700;
    line-height: 32px;

    margin-bottom: 12px;
}


.product_info .articles .list > * + *
{
    margin-top: 24px;
}


.product_info .articles .article .thumb
{
    margin-bottom: 16px;
}


.product_info .articles .article .name
{
    font-size: 20px;
}



/*------------
    Cookie
------------*/
.cookie
{
    position: fixed;
    z-index: 1111;
    bottom: 0;
    left: 0;

    width: 100%;
    padding: 10px 0;

    text-align: center;

    color: #fff;
    background: #585552;
    min-height: 70px;
    display: flex;
    align-items: center;
}


.cookie .row
{
    align-content: center;
    align-items: center;
    justify-content: center;
    flex-wrap: nowrap;
}


.cookie a
{
    text-decoration: none;

    color: currentColor;
    border-bottom: 1px dotted;
}


.cookie a:hover
{
    border-bottom-style: solid;
}


.cookie .btn
{
    font-size: 16px;
    width: 130px;
    max-width: 100%;
    height: 38px;
    margin-left: 36px;
    transition: .2s linear;
    color: #585552;
    border-radius: 7px;
    background: #fff;
    margin-right: 50px;
}


.cookie .btn:hover
{
    font-weight: 600;

    background: #f7dd64;
}



/*------------------------
    Fixed product info
------------------------*/
.fixed_product_info
{
    position: fixed;
    z-index: 10;
    top: 60px;
    left: 0;

    display: none;

    width: 100%;
    padding-top: 10px;
    padding-bottom: 10px;
    /* animation: moveDown .5s; */

    background: #fff;
    box-shadow: 0 10px 10px rgba(0, 0, 0, .14);
}


.fixed_product_info .data
{
    display: flex;
    align-content: center;
    align-items: center;
    flex-wrap: wrap;
    justify-content: space-between;
}



.fixed_product_info .thumb
{
    display: flex;
    align-content: center;
    align-items: center;
    flex-wrap: wrap;
    justify-content: center;

    width: 50px;
    height: 50px;
    margin-right: 20px;
}


.fixed_product_info .thumb img
{
    display: block;

    max-width: 100%;
    max-height: 100%;
}



.fixed_product_info .info
{
    display: flex;
    align-content: center;
    align-items: center;
    flex-wrap: wrap;
    justify-content: flex-start;

    width: calc(100% - 602px);
    margin-right: auto;
}


.fixed_product_info .name
{
    font-weight: 500;
    line-height: 20px;

    width: 100%;
    margin-bottom: 4px;

    color: #236d73;
}



.fixed_product_info .articul
{
    font-size: 20px;
    font-weight: 600;
    line-height: 22px;

    width: 135px;
    max-width: 100%;
    height: 24px;

    text-align: center;

    color: #fff;
    background: #38a1ab;
    border-radius: 5px;
}



.fixed_product_info .favorite_btn
{
    display: flex;
    align-content: center;
    align-items: center;
    flex-wrap: wrap;
    justify-content: center;

    width: 24px;
    height: 24px;
    margin-left: 18px;

    transition: color .2s linear;
}


.fixed_product_info .favorite_btn .icon
{
    display: block;

    width: 16px;
    height: 20px;
}


.fixed_product_info .favorite_btn .icon + .icon
{
    display: none;
}



.product_info .favorite_btn:hover .icon,
.fixed_product_info .favorite_btn:hover,
.fixed_product_info .favorite_btn.active
{
    color: #38a1ab;
}


.fixed_product_info .favorite_btn.active .icon
{
    display: none;
}

.fixed_product_info .favorite_btn.active .icon + .icon
{
    display: block;
}



.fixed_product_info .compare_btn
{
    display: flex;
    align-content: center;
    align-items: center;
    flex-wrap: wrap;
    justify-content: center;

    width: 24px;
    height: 24px;
    margin-left: 9px;

    transition: color .2s linear;
}


.fixed_product_info .compare_btn .icon
{
    display: block;

    width: 18px;
    height: 20px;
}


.fixed_product_info .compare_btn:hover,
.fixed_product_info .compare_btn.active
{
    color: #38a1ab;
}



.fixed_product_info .status
{
    font-weight: 700;

    margin-left: 23px;
}


.fixed_product_info .status.green
{
    color: #38a1ab;
}

.fixed_product_info .status.orange {
    color: orange;
}



.fixed_product_info .rating
{
    line-height: 20px;

    display: flex;
    align-content: center;
    align-items: center;
    flex-wrap: wrap;
    justify-content: flex-start;

    margin-left: 30px;

    color: #686868;
}

.fixed_product_info .rating > * + *
{
    margin-left: 4px;
}


.fixed_product_info .rating .icon
{
    display: block;

    width: 19px;
    height: 19px;

    color: #36322f;
}


.fixed_product_info .rating .icon.active
{
    color: #feb623;
}


.fixed_product_info .rating span
{
    margin-left: 8px;
}



.fixed_product_info .price
{
    font-size: 32px;
    font-weight: 400;
    line-height: 100%;

    display: flex;
    align-content: center;
    align-items: center;
    flex-wrap: wrap;
    justify-content: flex-start;

    width: 212px;
    max-width: 100%;

    color: #2e2a27;
}


.fixed_product_info .price b
{
    font-weight: 600;
}


.fixed_product_info .price .currency
{
    font-size: 20px;
    line-height: 100%;

    margin-left: 10px;

    color: #686868;
}


.fixed_product_info .price small
{
    font-size: 12px;
    font-weight: 400;
    line-height: 100%;

    display: block;

    width: 100%;
    margin-top: 4px;

    color: #686868;
}


.fixed_product_info .buy_btn
{
    font-size: 20px;
    font-weight: 700;

    display: flex;
    align-content: center;
    align-items: center;
    flex-wrap: wrap;
    justify-content: center;

    width: 280px;
    max-width: 100%;
    height: 50px;
    margin-left: 40px;
    padding-bottom: 3px;

    transition: background .2s linear;

    color: #fff;
    border-radius: 10px;
    background: #c63832;
}


.fixed_product_info .buy_btn .icon
{
    display: none;

    width: 16px;
    height: 16px;
}


.fixed_product_info .buy_btn:hover
{
    background: #920a0a;
}



/*--------------------
    Contacts block
--------------------*/
.contacts_block .row
{
    justify-content: space-between;
}


.contacts_block .label
{
    line-height: 20px;
}


.contacts_block .val
{
    font-size: 20px;

    margin-top: 8px;
}


.contacts_block .val a
{
    white-space: nowrap;
    text-decoration: none;

    color: #16646b;
}


.contacts_block .messengers .val
{
    display: flex;
    align-content: center;
    align-items: center;
    flex-wrap: wrap;
    justify-content: flex-start;

    gap: 24px;
    gap: 44px;
}


.contacts_block .messengers a
{
    display: flex;
    align-content: center;
    align-items: center;
    flex-wrap: wrap;
    justify-content: flex-start;

    gap: 8px;
}


.contacts_block .messengers img
{
    display: block;

    /*
    width: 19px;
    height: 20px;
    */
    width: 32px;
    height: 32px;
}


.contacts_block .work_time .label
{
    height: auto !important;

    color: #16646b;
}


.contacts_block .work_time .val
{
    font-size: var(--font_size);
    line-height: 24px;
}


.contacts_block .work_time .val > *
{
    display: flex;
    align-content: flex-start;
    align-items: flex-start;
    flex-wrap: wrap;
    justify-content: flex-start;
}


.contacts_block .work_time .day
{
    width: 88px;
}


.contacts_block .cities
{
    line-height: calc(100% + 8px);

    margin-top: 20px;

    text-align: center;
}



/*---------------------
    Fixed mob. menu
---------------------*/
.fixed_mob_menu
{
    position: fixed;
    z-index: 10;
    bottom: 0;
    left: 0;

    display: none;
    align-content: center;
    align-items: center;
    flex-wrap: nowrap;
    justify-content: flex-start;

    width: 100%;

    border-top: 1px solid #f3f3f3;
    background: var(--bg);
}


.fixed_mob_menu > *
{
    width: 100%;
}


.fixed_mob_menu a,
.fixed_mob_menu .btn
{
    font-size: 10px;

    display: flex;
    align-content: center;
    align-items: center;
    flex-wrap: wrap;
    justify-content: center;

    width: 100%;
    height: 69px;
    padding: 8px;

    text-align: center;
    text-decoration: none;

    color: currentColor;
}


.fixed_mob_menu .icon
{
    display: flex;
    align-content: center;
    align-items: center;
    flex-wrap: wrap;
    justify-content: center;

    width: 100%;
    height: 24px;
    margin-bottom: 8px;

    color: #000;
    position: relative;
}


.fixed_mob_menu .icon svg
{
    display: block;

    width: 22px;
    height: 22px;
}



/*-------------------------
    Product description
-------------------------*/
.product_description .text_block
{
    display: flex;
    flex-direction: column;
}


.product_description .text_block .spoler_btn
{
    order: 2;
}



.product_description .popular_requests
{
    margin-bottom: 35px !important;
}


.product_description .text_block .spoler_btn.active + .popular_requests
{
    order: 3;

    margin-top: 12px;
    margin-bottom: 0 !important;
}


.product_description .popular_requests .title
{
    font-size: 20px;
    font-weight: 600;
    line-height: 30px;

    margin-bottom: 15px;
    padding: 0 20px;

    color: #fff;
    background: #c7c7c7;
}


.product_description .popular_requests .row
{
    gap: 10px;
}


.product_description .popular_requests a
{
    font-size: 16px;
    font-weight: 400;
    line-height: 30px;

    display: inline-block;

    padding: 0 16px;

    transition: background .2s linear;
    vertical-align: top;
    white-space: nowrap;
    text-decoration: none;

    color: #fff;
    border: none;
    border-radius: 20px;
    background: #c7c7c7;
}


.product_description .popular_requests a:hover
{
    background: #38a1ab;
}



/*---------------------------
    Mob. popular requests
---------------------------*/
.mob_popular_requests
{
    display: none;

    margin-bottom: 20px;
}


.mob_popular_requests .title
{
    font-size: 14px;
    font-weight: 600;

    display: flex;
    align-content: center;
    align-items: center;
    flex-wrap: wrap;
    justify-content: space-between;

    cursor: pointer;

    color: #4a4845;
}


.mob_popular_requests .title .icon
{
    display: block;

    width: 12px;
    height: 6px;
    margin-left: auto;

    transition: transform .2s linear;
    transform: rotate(180deg);

    color: #18656c;
}


.mob_popular_requests .title.active .icon
{
    transform: rotate(0deg);
}


.mob_popular_requests .data
{
    display: none;

    padding-top: 16px;
}


.mob_popular_requests .row
{
    overflow: auto;

    width: calc(100% + 26px);
    margin: 0 -13px;
    padding: 0 13px;

    white-space: nowrap;

    scroll-padding: 0 13px;
    scroll-snap-type: x mandatory;
    scrollbar-color: transparent transparent !important;
    scrollbar-width: thin !important;
}


.mob_popular_requests .row::-webkit-scrollbar
{
    display: none !important;

    width: 0 !important;
    height: 0 !important;

    background-color: transparent !important;
}


.mob_popular_requests .row::-webkit-scrollbar-thumb
{
    background-color: transparent !important;
}


.mob_popular_requests .row > *
{
    display: inline-block;

    vertical-align: top;

    scroll-snap-align: start;
    margin-right: 4px;
    margin-bottom: 4px;
}


.mob_popular_requests a
{
    font-size: 12px;

    display: inline-block;

    padding: 14px;

    vertical-align: top;
    text-decoration: none;

    color: #236d73;
    border: 1px solid;
    border-radius: 8px;
}



/*-----------------------
    Mob. aside .links
-----------------------*/
aside .links > *:first-child > *:first-child {
    margin-top: 8px;
}

.mob_aside_links
{
    display: none;
}


.mob_aside_links .title
{
    font-size: 14px;
    font-weight: 600;

    display: flex;
    align-content: center;
    align-items: center;
    flex-wrap: wrap;
    justify-content: space-between;

    cursor: pointer;

    color: #4a4845;
}


.mob_aside_links .title .icon
{
    display: block;

    width: 12px;
    height: 6px;
    margin-left: auto;

    transition: transform .2s linear;
    transform: rotate(180deg);

    color: #18656c;
}


.mob_aside_links .title.active .icon
{
    transform: rotate(0deg);
}


.mob_aside_links .data
{
    display: none;

    padding-top: 16px;
}


.mob_aside_links .data > * + *
{
    margin-top: 16px;
}


.mob_aside_links .data a
{
    font-size: 12px;

    display: inline-block;

    vertical-align: top;
    text-decoration: none;

    color: #2e2a27;
}



/*------------
    Footer
------------*/
footer .data
{
    padding: 40px 0 40px;

    color: #fff;
    background: #38a1ab;
}


footer .data .title
{
    font-size: 20px;
    font-weight: 700;

    margin-bottom: 20px;
}



footer .requisites .val
{
    font-size: 20px;

    text-transform: uppercase;
}



footer .ya_rating
{
    position: relative;

    display: flex;
    align-content: center;
    align-items: center;
    flex-wrap: wrap;
    justify-content: flex-start;

    width: 224px;
    max-width: 100%;
    margin-top: 28px;
    text-decoration: none !important;
}


footer .ya_rating .ya_logo img
{
    display: block;

    width: 30px;
    margin-right: 4px;

    border-radius: 50%;
}


footer .ya_rating .val
{
    font-size: 21px;
    font-weight: 500;
    color: white !important;
}


footer .ya_rating .stars
{
    display: flex;
    align-content: center;
    align-items: center;
    flex-wrap: wrap;
    justify-content: flex-start;

    margin-left: 24px;

    gap: 4px;
}


footer .ya_rating .stars .icon
{
    display: block;

    width: 23px;
    height: 23px;

    color: var(--text_color);
}


footer .ya_rating .stars .icon.active
{
    color: #feb623;
}


footer .ya_rating .exp
{
    font-size: 12px;

    width: 100%;
    margin-top: 8px;

    text-align: center;
    color: white !important;
}


footer .ya_rating iframe
{
    position: absolute;
    z-index: 9;
    top: 0;
    right: 0;

    display: block;

    width: 150px;
    height: 50px;

    opacity: 0;
}



footer .data .info
{
    display: flex;
    align-content: flex-start;
    align-items: flex-start;
    flex-wrap: wrap;
    justify-content: space-between;

    width: calc(100% - 366px);
    margin-left: auto;
}



footer .data .line
{
    width: 100%;
    height: 1px;
    margin-top: 36px;

    background: currentColor;
}


footer .links
{
    width: calc(25% - 12px);
}

footer .links.big
{
    width: calc(75% - 12px);
}


footer .links.big .items
{
    display: flex;
    align-content: flex-start;
    align-items: flex-start;
    flex-wrap: wrap;
    justify-content: space-between;
}


footer .links.big .items > *:last-child
{
    min-width: 212px;
}


footer .links .items a
{
    font-size: 20px;

    display: inline-block;

    transition: color .2s linear;
    vertical-align: top;
    text-decoration: none;

    color: currentColor;
}


footer .links .items a:hover,
footer .links .items a.active
{
    color: #000;
}



footer .mob_links
{
    font-size: 12px;

    display: none;

    width: calc(100% + 46px);
    margin-right: -13px;
    margin-left: -13px;
    padding: 20px 13px;

    background: var(--bg);

    column-gap: 13px;
    column-count: 2;
}


footer .mob_links > *
{
    transform: translateZ(0);

    --webkit-column-break-inside: avoid;
    page-break-inside: avoid;
    break-inside: avoid;
}


footer .mob_links > * + *
{
    margin-top: 8px;
}


footer .mob_links a
{
    display: inline-block;

    vertical-align: top;
    text-decoration: none;

    color: var(--text_color);
}



footer .copyright
{
    margin-top: 20px;

    text-transform: uppercase;
}



footer .privacy_policy_link
{
    margin-top: 20px;

    text-transform: uppercase;
}


footer .privacy_policy_link a
{
    transition: border-color .2s linear;
    text-decoration: none;

    color: currentColor;
    border-bottom: 1px dotted transparent;
}


footer .privacy_policy_link a:hover
{
    border-color: currentColor;
}



footer .bottom
{
    padding: 28px 0;
}



/*-----------
    PopUp
-----------*/
.modal
{
    display: none;
    visibility: visible !important;

    width: 761px;
    max-width: 100%;
    padding: 36px 76px;

    color: var(--text_color);
    border-radius: 10px;
    background: #fff;
    box-shadow: 0 76px 29.12px 2.88px rgba(0, 0, 0, .34);
}


.modal_title
{
    font-size: var(--font_size_title);
    font-weight: 600;

    position: relative;
    z-index: 2;

    text-align: center;
}


.mob_modal_title
{
    font-size: 24px;
    font-weight: 400;
    line-height: 100%;

    position: relative;
    z-index: 2;

    display: none;

    padding: 12px 52px;

    text-align: center;

    color: #fff;
    background: #16646b;
}


.mob_modal_title .close_btn
{
    position: absolute;
    top: 15px;
    right: 13px;

    display: flex;
    align-content: center;
    align-items: center;
    flex-wrap: wrap;
    justify-content: center;

    width: 19px;
    height: 19px;

    color: #fff;
}


.mob_modal_title .close_btn .icon
{
    display: block;

    width: 19px;
    height: 19px;
}


.modal_desc
{
    font-size: 20px;

    margin-top: 32px;

    text-align: center;
}


.modal_desc b
{
    color: #236d73;
}


.modal .form
{
    margin-top: 48px;

    --form_border_color: #a9abad;
    --form_focus_color: #a9abad;
    --form_border_radius: 0;
    --form_placeholder_color: #686868;
}


.modal .form .line
{
    margin-bottom: 24px;
}


.modal .form .input
{
    height: 52px;
    padding: 0 19px;

    text-align: left;
}


.modal .form .submit
{
    padding-top: 10px;
}


.modal .form .submit_btn
{
    width: 300px;
    max-width: 100%;
    margin: 0 auto;

    color: #fff;
    background: #236d73;
}



.modal.add_success
{
    width: 360px;
    padding: 32px 16px;
}


.modal.add_success .f-button.is-close-btn
{
    top: 4px;
    right: 4px;
}


.modal.add_success .title
{
    font-size: 20px;
    font-weight: 600;
    line-height: 100%;

    text-align: center;

    color: #236d73;
}


.modal.add_success .product
{
    display: flex;
    align-content: flex-start;
    align-items: flex-start;
    flex-wrap: wrap;
    justify-content: space-between;

    margin-top: 24px;
}


.modal.add_success .product .thumb
{
    display: flex;
    align-content: center;
    align-items: center;
    flex-wrap: wrap;
    justify-content: center;

    width: 93px;
    height: 93px;
}


.modal.add_success .product .name
{
    line-height: 100%;

    align-self: center;

    width: calc(100% - 109px);

    color: #686868;
}



/*------------------------
    PopUp - quike buy
------------------------*/
#quike_buy_modal
{
    width: 360px;
    padding: 40px;
}


#quike_buy_modal .form
{
    position: relative;

    margin: 0;
}


#quike_buy_modal .form .fields
{
    margin-bottom: -16px;
    padding: 11px 23px;

    border: 1px solid #dedede;
    border-radius: 10px 10px 0 0;
}


#quike_buy_modal .form .hide
{
    display: none;

    margin-top: 4px;
}


#quike_buy_modal .form .input
{
    font-size: 20px;

    height: 36px;
    padding: 0;

    border: none;
    border-radius: 0;
    background: none;
}


#quike_buy_modal .form .line + .line .input
{
    border-bottom: 2px solid #dedede;
}


#quike_buy_modal .form .submit
{
    position: relative;
    z-index: 2;
}


#quike_buy_modal .form .submit_btn
{
    font-size: 20px;
    font-weight: 600;
}


#quike_buy_modal .form .success
{
    position: absolute;
    z-index: 3;
    top: 0;
    left: 0;

    display: none;
    align-content: center;
    align-items: center;
    flex-wrap: wrap;
    justify-content: center;

    width: 100%;
    height: 100%;
    padding: 15px;

    text-align: center;

    color: #686868;
    border: 1px solid #e0e0e0;
    border-radius: 10px;
    background: var(--bg);
}

#quike_buy_modal .form .success.show
{
    display: flex;
}



/*------------------------
    PopUp - City modal
------------------------*/
#city_modal .search
{
    position: relative;
    z-index: 2;

    margin-top: 24px;
}


#city_modal .search ::-webkit-input-placeholder
{
    color: var(--text_color);
}

#city_modal .search :-moz-placeholder
{
    color: var(--text_color);
}

#city_modal .search ::-moz-placeholder
{
    opacity: 1;
    color: var(--text_color);
}

#city_modal .search :-ms-input-placeholder
{
    color: var(--text_color);
}


#city_modal .search .input
{
    font-family: var(--font_family);
    font-size: var(--font_size);

    display: block;

    width: 100%;
    height: 43px;
    padding-right: 40px;

    color: var(--text_color);
    border: none;
    border-bottom: 1px solid #a9abad;
    background: #fff;
}

#city_modal .search .input:-webkit-autofill
{
    -webkit-box-shadow: inset 0 0 0 50px var(--form_bg_color) !important;
}


#city_modal .search .submit_btn
{
    position: absolute;
    z-index: 3;
    top: 0;
    right: 0;
    bottom: 0;

    display: block;

    width: 18px;
    height: 18px;
    margin: auto 0;
}


#city_modal .search .submit_btn .icon
{
    display: block;

    width: 18px;
    height: 18px;
}


#city_modal .cloud
{
    font-size: 20px;
    line-height: 36px;

    position: relative;
    z-index: 2;

    display: flex;
    align-content: center;
    align-items: center;
    flex-wrap: wrap;
    justify-content: center;

    margin-top: 20px;

    text-align: center;

    color: #236d73;
}


#city_modal .cloud > *
{
    margin: 0 14px;
}


#city_modal .cloud a
{
    display: inline-block;

    vertical-align: top;
    text-decoration: none;

    color: currentColor;
}


#city_modal .cloud b
{
    font-weight: 600;
}


#city_modal .bg
{
    position: absolute;
    z-index: 1;
    right: 0;
    bottom: 40px;
    left: 0;

    display: block;

    width: 672px;
    max-width: 100%;
    margin: 0 auto;

    pointer-events: none;
}



/*---------------------------------
    PopUp - Mob. contacts modal
---------------------------------*/
#mob_contacts_modal .city
{
    font-size: 16px;
    font-weight: 600;

    display: flex;
    align-content: center;
    align-items: center;
    flex-wrap: wrap;
    justify-content: flex-start;

    padding: 20px 13px;

    gap: 8px;
}


#mob_contacts_modal .city .btn
{
    color: #38a1ab;
    border-bottom: 1px dotted;
}



#mob_contacts_modal .items
{
    padding: 0 13px 20px;
}


#mob_contacts_modal .items .item
{
    display: flex;
    align-content: center;
    align-items: center;
    flex-wrap: nowrap;
    justify-content: space-between;

    min-height: 60px;
    padding: 7px;

    border: 1px solid #cdcdcd;
    border-radius: 6px;
}


#mob_contacts_modal .items .item + .item
{
    margin-top: 12px;
}


#mob_contacts_modal .items .label
{
    line-height: 16px;

    margin-right: 8px;
}


#mob_contacts_modal .items .copy_btn
{
    font-size: 14px;
    font-weight: 500;

    position: relative;

    display: inline-block;

    vertical-align: top;
    white-space: nowrap;
    text-decoration: none;

    color: #16646b;
}


#mob_contacts_modal .items .copy_btn .success
{
    font-size: 12px;
    line-height: 22px;

    position: absolute;
    bottom: 100%;
    left: 0;

    display: none;

    width: 120px;
    height: 24px;
    margin-bottom: 4px;

    white-space: nowrap;
    pointer-events: none;

    color: #16646b;
    border: 1px solid rgb(231, 231, 231);
    border-radius: 5px;
    background: #fff;
    box-shadow: 0 4px 16px 0 rgba(0, 0, 0, .11);
}

.products .product .comparison-comparepage .compare_btn .icon {
    width: 20px;
    height: 20px;
}


#mob_contacts_modal .items .copy_btn.copied .success
{
    display: block;
}


#mob_contacts_modal .items .messengers
{
    font-size: 12px;
    line-height: 100%;

    display: flex;
    align-content: center;
    align-items: center;
    flex-wrap: nowrap;
    justify-content: flex-start;

    color: #16646b;
}


#mob_contacts_modal .items .messengers a
{
    display: flex;
    align-content: center;
    align-items: center;
    flex-wrap: nowrap;
    justify-content: flex-start;

    text-decoration: none;

    color: currentColor;
}


#mob_contacts_modal .items .messengers a + a
{
    margin-left: 12px;
}


#mob_contacts_modal .items .messengers img
{
    display: block;

    width: 16px;
    height: 16px;
    margin-right: 4px;
    width: 26px;
    height: 26px;
}


#mob_contacts_modal .wirk_time
{
    padding: 0 13px 20px;
}


#mob_contacts_modal .wirk_time .label
{
    font-size: 14px;
    font-weight: 600;

    margin-bottom: 12px;

    text-align: center;

    color: #236d73;
}


#mob_contacts_modal .wirk_time .label + *
{
    padding: 11px 37px;

    border: 1px solid #cdcdcd;
    border-radius: 6px;
}


#mob_contacts_modal .wirk_time .item
{
    font-size: 14px;

    display: flex;
    align-content: center;
    align-items: center;
    flex-wrap: wrap;
    justify-content: space-between;

    color: #2e2a27;
}


#mob_contacts_modal .wirk_time .item + .item
{
    margin-top: 12px;
    padding-top: 11px;

    border-top: 1px solid #cdcdcd;
}


#mob_contacts_modal .wirk_time .item .day
{
    padding-left: 24px;
}


#mob_contacts_modal .wirk_time .item .time
{
    font-weight: 500;

    width: 104px;
    max-width: 100%;
}



/*------------------------------
    PopUp - Mob. phone modal
------------------------------*/
#mob_phone_modal .city
{
    font-size: 16px;
    font-weight: 600;

    display: flex;
    align-content: center;
    align-items: center;
    flex-wrap: wrap;
    justify-content: flex-start;

    padding: 20px 13px;

    gap: 8px;
}


#mob_phone_modal .city .btn
{
    color: #38a1ab;
    border-bottom: 1px dotted;
}



#mob_phone_modal .items
{
    padding: 0 13px 20px;
}


#mob_phone_modal .items .item
{
    display: flex;
    align-content: center;
    align-items: center;
    flex-wrap: nowrap;
    justify-content: space-between;

    min-height: 60px;
    padding: 7px;

    border: 1px solid #cdcdcd;
    border-radius: 6px;
}


#mob_phone_modal .items .item + .item
{
    margin-top: 12px;
}


#mob_phone_modal .items .label
{
    line-height: 16px;

    margin-right: 16px;
}


#mob_phone_modal .items .phone a
{
    font-size: 14px;
    font-weight: 500;

    display: inline-block;

    vertical-align: top;
    white-space: nowrap;
    text-decoration: none;

    color: #16646b;
}


#mob_phone_modal .wirk_time
{
    padding: 0 13px 20px;
}


#mob_phone_modal .wirk_time .label
{
    font-size: 14px;
    font-weight: 600;

    margin-bottom: 12px;

    text-align: center;

    color: #236d73;
}


#mob_phone_modal .wirk_time .label + *
{
    padding: 11px 37px;

    border: 1px solid #cdcdcd;
    border-radius: 6px;
}


#mob_phone_modal .wirk_time .item
{
    font-size: 14px;

    display: flex;
    align-content: center;
    align-items: center;
    flex-wrap: wrap;
    justify-content: space-between;

    color: #2e2a27;
}


#mob_phone_modal .wirk_time .item + .item
{
    margin-top: 12px;
    padding-top: 11px;

    border-top: 1px solid #cdcdcd;
}


#mob_phone_modal .wirk_time .item .day
{
    padding-left: 24px;
}


#mob_phone_modal .wirk_time .item .time
{
    font-weight: 500;

    width: 104px;
    max-width: 100%;
}



/*------------------------------
    PopUp - Mob. phone modal
------------------------------*/
#mob_catalog_modal .search
{
    padding: 20px 13px;
}


#mob_catalog_modal .search ::-webkit-input-placeholder
{
    color: #3c3c3c;
}

#mob_catalog_modal .search :-moz-placeholder
{
    color: #3c3c3c;
}

#mob_catalog_modal .search ::-moz-placeholder
{
    opacity: 1;
    color: #3c3c3c;
}

#mob_catalog_modal .search :-ms-input-placeholder
{
    color: #3c3c3c;
}


#mob_catalog_modal .search .input
{
    font-family: var(--font_family);
    font-size: 14px;

    display: block;

    width: 100%;
    height: 47px;
    padding-right: 17px;
    padding-left: 17px;

    color: var(--text_color);
    border: 1px solid #dfdfde;
    border-radius: 10px;
    background: none;
}


#mob_catalog_modal .search .input:-webkit-autofill
{
    -webkit-box-shadow: inset 0 0 0 50px var(--form_bg_color) !important;
}



#mob_catalog_modal .links
{
    margin-top: -20px;
    padding: 20px 13px;
}


#mob_catalog_modal .links a
{
    font-size: 16px;
    line-height: 100%;

    display: flex;
    align-content: center;
    align-items: center;
    flex-wrap: wrap;
    justify-content: space-between;

    min-height: 48px;
    padding: 7px 5px 7px 0;

    text-decoration: none;

    color: currentColor;
    border-bottom: 1px solid #e2e3e4;
}


#mob_catalog_modal .links .icon
{
    display: flex;
    align-content: center;
    align-items: center;
    flex-wrap: wrap;
    justify-content: center;

    width: 40px;
    height: 24px;
    margin-right: 8px;
}


#mob_catalog_modal .links .icon img
{
    display: block;

    max-width: 100%;
    max-height: 100%;
}


#mob_catalog_modal .links span
{
    width: calc(100% - 68px);
}


#mob_catalog_modal .links .arr
{
    display: block;

    width: 12px;
    height: 6px;
    margin-left: auto;

    transform: rotate(90deg);

    color: #19666d;
}



#mob_catalog_modal .sub
{
    position: absolute;
    z-index: 5;
    top: 0;
    left: 100%;

    overflow: auto;

    width: 100%;
    height: 100%;
    min-height: -moz-available;
    min-height: -webkit-fill-available;
    min-height:         fill-available;

    transition: transform .25s linear;

    background: var(--bg);

    overscroll-behavior-y: contain;
}


#mob_catalog_modal .sub.show
{
    transform: translateX(-100%);
}


#mob_catalog_modal .sub .head
{
    font-size: 16px;
    line-height: 20px;

    position: relative;
    z-index: 2;

    display: flex;
    align-content: center;
    align-items: center;
    flex-wrap: wrap;
    justify-content: flex-start;

    min-height: 48px;
    padding: 4px 52px;

    color: #fff;
    background: #16646b;
}


#mob_catalog_modal .sub .head .title
{
    width: 100%;
}


#mob_catalog_modal .sub .close_btn
{
    position: absolute;
    top: 15px;
    right: 13px;

    display: flex;
    align-content: center;
    align-items: center;
    flex-wrap: wrap;
    justify-content: center;

    width: 19px;
    height: 19px;

    color: #fff;
}


#mob_catalog_modal .sub .close_btn .icon
{
    display: block;

    width: 19px;
    height: 19px;
}


#mob_catalog_modal .sub .link
{
    font-size: 14px;
    line-height: 100%;

    padding: 20px 13px;

    text-align: center;

    color: #16646b;
}


#mob_catalog_modal .sub .link a
{
    text-decoration: none;

    color: currentColor;
    border-bottom: 1px dotted;
}


#mob_catalog_modal .sub .links a
{
    font-size: 14px;
}

.return_info .tabs .btn {
    width: calc(30% - 10px);
}

@media (max-width: 767px) {
    #checker_size {
        display: none !important;
    }
}