/* For old browsers */
@supports (not(--css: variables))
{
    .supports_error
    {
        display: flex !important;
    }
}

/* For IE */
@media screen and (-ms-high-contrast: active),
(-ms-high-contrast: none)
{
    .supports_error
    {
        display: flex !important;
    }
}



@font-face
{
    font-family: 'HelveticaNeueCyr';
    font-weight: 300;
    font-style: normal;

    font-display: swap;
    src: url('../fonts/HelveticaNeueCyr-Light.woff') format('woff'),
    url('../fonts/HelveticaNeueCyr-Light.ttf') format('truetype');
}

@font-face
{
    font-family: 'HelveticaNeueCyr';
    font-weight: normal;
    font-style: normal;

    font-display: swap;
    src: url('../fonts/HelveticaNeueCyr-Roman.woff') format('woff'),
    url('../fonts/HelveticaNeueCyr-Roman.ttf') format('truetype');
}

@font-face
{
    font-family: 'HelveticaNeueCyr';
    font-weight: 500;
    font-style: normal;

    font-display: swap;
    src: url('../fonts/HelveticaNeueCyr-Medium.woff') format('woff'),
    url('../fonts/HelveticaNeueCyr-Medium.ttf') format('truetype');
}

@font-face
{
    font-family: 'HelveticaNeueCyr';
    font-weight: 700;
    font-style: normal;

    font-display: swap;
    src: url('../fonts/HelveticaNeueCyr-Bold.woff') format('woff'),
    url('../fonts/HelveticaNeueCyr-Bold.ttf') format('truetype');
}

@font-face
{
    font-family: 'HelveticaNeueCyr';
    font-weight: 900;
    font-style: normal;

    font-display: swap;
    src: url('../fonts/HelveticaNeueCyr-Black.woff') format('woff'),
    url('../fonts/HelveticaNeueCyr-Black.ttf') format('truetype');
}



*
{
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}

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

img
{
    border: none;
}

textarea
{
    overflow: auto;
}

input,
textarea,
input:active,
textarea:active
{
    -webkit-border-radius: 0;
            border-radius: 0;
         outline: none transparent !important;
    box-shadow: none;

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

input[type=submit],
button[type=submit],
input[type=reset],
button[type=reset]
{
    -webkit-border-radius: 0;

    -webkit-appearance: none;
}

:focus
{
    outline: none;
}

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


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


::selection
{
    color: #fff;

    background: #00abdf;
}

::-moz-selection
{
    color: #fff;

    background: #00abdf;
}


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

    background-color: #ccc;
}

html.custom_scroll ::-webkit-scrollbar-thumb
{
    background-color: var(--color_blue);
}

html.custom_scroll
{
    scrollbar-color: var(--color_blue) #ccc;
    scrollbar-width: thin;
}

html.no_scroll
{
    overflow: hidden;
}


/*---------------
    Main styles
---------------*/
:root
{
    --bg: #eee;
    --bg2: #fff;
    --bg3: #f8f8f8;
    --aside_width: 320px;
    --aside_mini_width: 234px;
    --scroll_width: 17px;
    --text_color: #474747; /*737373*/
    --font_size: 14px;
    --font_size_title: 20px;
    --font_family: 'HelveticaNeueCyr', 'Arial', sans-serif;
    --font_family2: 'Exo 2', 'Arial', sans-serif;
    --font_family3: 'Montserrat', 'Arial', sans-serif;
    --font_family4: 'Bad Script', 'Arial', sans-serif;
    --color_white: #fff;
    --color_black: #000;
    --color_blue: #00abdf;
}



.clear
{
    clear: both;
}

.left
{
    float: left;
}

.right
{
    float: right;
}

.hidden
{
    display: none !important;
}



html
{
    height: 100%;

    background: var(--bg);

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


body
{
    color: var(--text_color);
    font-family: var(--font_family);
    font-size: var(--font_size);

    height: 100%;

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

    -webkit-touch-callout: auto;
}

body.lock,
body.menu_open
{
    overflow: hidden;

    width: 100%;
    height: 100%;
}


.wrap
{
    position: relative;

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

    min-width: 360px;
    min-height: 100%;
}

.wrap.bg2
{
    background: var(--bg2);
}

.wrap.bg3
{
    background: var(--bg3);
}

.wrap.no_overflow
{
    overflow: visible;
}


.main
{
    flex: 1 0 auto;
}


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


.compensate-for-scrollbar
{
    margin-right: var(--scroll_width) !important;
}

.compensate-for-scrollbar #cart_widget
{
    width: calc(100% - var(--scroll_width));
}


.lozad
{
    transition: opacity .5s linear;

    opacity: 0;
}

.lozad.loaded
{
    opacity: 1;
}


.flex
{
    display: flex;

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



.page_head
{
    position: relative;
    z-index: 5;
}

.page_head .cont > * + *
{
    margin-top: 20px;
}


.breadcrumbs
{
    color: #737373;
    font-weight: 300;
    list-style: none;

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

.breadcrumbs.no_pad
{
    padding: 0;
}

.breadcrumbs li
{
    display: inline-block;
    margin-top: 10px;
    vertical-align: top;
}

.breadcrumbs a
{
    position: relative;

    color: var(--color_black);
    font-weight: normal;

    display: block;

    max-width: 200px;

    overflow: hidden;

    white-space: nowrap;
    text-decoration: none;
    text-overflow: ellipsis;

    transition: color .1s linear;
    line-height: 15px;
}

.breadcrumbs a:hover
{
    color: var(--color_blue);
}

.breadcrumbs .current
{
    max-width: 450px;
    display: block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.breadcrumbs .current:hover
{
    text-decoration: none;
}


.breadcrumbs .home a
{
    overflow: visible;
}

.breadcrumbs a .home_icon
{
    position: relative;
    top: -2px;

    display: block;

    width: 23px;
    height: 19px;

    fill: var(--color_black);

    transition: fill .1s linear;
}

.breadcrumbs a .home_icon:hover
{
    fill: var(--color_blue);
}

.breadcrumbs a span.isdropdown
{
    padding-right: 14px;
    position: relative;
    display: block;

    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%;
}

.breadcrumbs a span.isdropdown:after 
{
    position: absolute;
    top: 2px;
    right: 1px;
    display: block;
    width: 6px;
    height: 6px;
    margin: auto;
    content: '';
    transform: rotate(45deg);
    transition: all .1s linear;
    border-right: 1px solid var(--color_black);
    border-bottom: 1px solid var(--color_black);
}

.breadcrumbs .with_dropdown:hover a span.isdropdown:after,
.breadcrumbs a.active span.isdropdown:after
{
    transform: rotate(225deg);
    top: 8px;
}

.breadcrumbs .with_dropdown
{
    position: relative;
}

.breadcrumbs .with_dropdown > a:after
{
    position: absolute;
    z-index: 11;
    bottom: -4px;
    left: -10px;

    display: block;

    width: calc(100% + 20px);
    height: 1px;

    content: '';
    transition: opacity .1s linear;
    pointer-events: none;

    opacity: 0;
    background: #fff;
}

.breadcrumbs .with_dropdown .dropdown
{
    position: absolute;
    z-index: 11;
    top: calc(100% + 3px);
    left: -11px;
    min-width: calc(100% + 22px);
    max-width: 250px;

    visibility: hidden;

    padding: 9px 0;

    transition: .1s linear;
    text-align: left;
    pointer-events: none;

    opacity: 0;
    border: 1px solid #e5e5e5;
    border-radius: 0 2px 2px 2px;
    background: #fff;
    box-shadow: 0 4px 3px rgba(0,0,0,.05), 0 0 0 rgba(0,0,0,.01);
}

.breadcrumbs .with_dropdown .dropdown:before
{
    position: absolute;
    bottom: 100%;
    left: 0;

    display: block;

    width: 100%;
    height: 4px;

    content: '';
}

.breadcrumbs .with_dropdown:hover .dropdown,
.breadcrumbs .with_dropdown a.active + .dropdown
{
    visibility: visible;

    pointer-events: auto;

    opacity: 1;
}

.breadcrumbs .with_dropdown:hover > a:after,
.breadcrumbs .with_dropdown a.active:before,
.breadcrumbs .with_dropdown a.active:after
{
    opacity: 1;
}

.breadcrumbs .with_dropdown .dropdown a
{
    font-size: 14px;
    font-weight: 400;
    line-height: 30px;

    position: relative;

    display: inline-block;

    padding-right: 10px;
    padding-left: 10px;

    max-width: 100%;

    transition: color .1s linear;
    vertical-align: middle;
    white-space: nowrap;
    text-decoration: none;
}

.breadcrumbs .with_dropdown .dropdown a[data-sticker="removed"],
.breadcrumbs .with_dropdown .dropdown a[data-sticker="sale"],
.breadcrumbs .with_dropdown .dropdown a[data-sticker="small"]
{
    color: #b0b0b0;
}

.breadcrumbs .with_dropdown .dropdown a:hover
{
    color: var(--color_blue);
}

.breadcrumbs .sep
{
    position: relative;
    z-index: 10;
    top: -1px;

    display: inline-block;

    width: 7px;
    height: 11px;
    margin: 13px 11px 0;

    vertical-align: top;
}

.breadcrumbs .sep:after
{
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;

    display: block;

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

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

    border-right: 2px solid var(--color_black);
    border-bottom: 2px solid var(--color_black);
}



.bg_video .breadcrumbs
{
    color: #959595;
}

.bg_video .breadcrumbs a
{
    color: #fff;
}

.bg_video .breadcrumbs a .home_icon
{
    fill: #fff;
}

.bg_video .breadcrumbs .sep:after
{
    border-color: #fff;
}



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

.content_flex .content
{
    position: relative;

    width: calc(100% - var(--aside_width) - 20px);
}

.content_flex .content.main_products_width_full,
.content_flex .content.articles_width_full,
.content_flex .content.article_width_full
{
    width: 100%;
}

.content_flex aside.mini + .content
{
    position: relative;

    width: calc(100% - var(--aside_mini_width));
}

.content_flex .content .block
{
    margin-bottom: 7px;
}

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

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



.block
{
    margin-bottom: 20px;
}

.block.no_margin
{
    margin-bottom: 0 !important;
}


.block_data
{
    padding: 40px 20px;
    background: #fff;
}


.block_head
{
    display: flex;

    width: 100%;
    margin-bottom: 30px;

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

.block_head.center
{
    text-align: center;

    justify-content: center;
}

.block_head .title
{
    color: #000;
    font-size: var(--font_size_title);
    font-weight: 700;
}

.block_head .desc
{
    font-size: 16px;
    line-height: 18px;

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



.form
{
    --form_border_color: #eee;
    --form_focus_color: #cdcdcd;
    --form_error_color: #ef4836;
    --form_success_color: green;
    --form_border_radius: 10px;
    --form_bg_color: #FFF;
    --form_placeholder_color: #737373;
}


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

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

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


.form .cols
{
    display: flex;

    margin-left: -20px;

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

.form .cols .col
{
    width: calc(50% - 20px);
    margin-left: 20px;
}


.form .columns
{
    margin-left: -12px;

    --form_columns_offset: 12px;
}

.form .columns > *
{
    width: calc(50% - var(--form_columns_offset));
    margin-left: 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 .columns > *.width3of3
{
    width: calc(100% - var(--form_columns_offset));
}


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


.form .label
{
    color: #737373;
    font-size: 15px;
    line-height: 19px;

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

    display: flex;

    width: 100%;
    height: 54px;
    padding: 0 20px;

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

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

.form .input:focus + .label,
.form .input.active + .label,
.form .input:focus + .suggestions-wrapper + .label,
.form .input.active + .suggestions-wrapper + .label,
.form textarea:focus + .label,
.form textarea.active + .label,
.form .nice-select.open + .label,
.form select.active ~ .label
{
    font-size: 12px;
    line-height: 16px;

    height: 36px;
}


.form .required
{
    color: #ef4836;
}


.form .field
{
    position: relative;
}

.form .field.chosen-select
{
    min-height: 54px;
}

.form .field + .field
{
    margin-top: 10px;
}


.form .input
{
    color: var(--color_black);
    font: 300 var(--font_size) var(--font_family);

    display: block;

    width: 100%;
    height: 54px;
    padding: 19px 19px 0;

    transition: .1s linear;

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

.form textarea
{
    color: var(--color_black);
    font: 300 var(--font_size) var(--font_family);

    display: block;

    width: 100%;
    min-width: 100%;
    max-width: 100%;
    height: 94px;
    min-height: 94px;
    padding: 28px 19px 0;

    transition: .1s linear;

    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 #fff !important;
}


.form .input:focus,
.form textarea:focus,
.form .input.active,
.form textarea.active,
.form select.active,
.form .nice-select.open .current
{
    border-color: var(--form_focus_color);
    background: #fff;
}

.form .success,
.form .success.active
{
    border-color: var(--form_success_color);
}

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


.form .input:disabled,
.form textarea:disabled,
.form select:disabled + .nice-select .current
{
    pointer-events: none;

    border-color: #e0e0e0;
    background: #e0e0e0;
}

.form input[type=file]
{
    display: none;
}

.form .files
{
    padding: 19px;
    border-radius: var(--form_border_radius);
    background: #efefef;
    cursor: default;
}

.form .files .desc {
    font-family: var(--font_family);
    color: #737373;
    font-size: 14px;
    line-height: 19px;
}

.form .files .files_list .file
{
    font-family: var(--font_family);
    font-size: 13px;
    margin-top: 10px;
}


.form .files .files_list .file .remove
{
    position: relative;

    display: inline-block;

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

    cursor: pointer;
    vertical-align: middle;
}

.form .files .files_list .file .remove:before,
.form .files .files_list .file .remove:after
{
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;

    display: block;

    width: 100%;
    height: 3px;
    margin: auto;

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

    border-radius: 2px;
    background: red;
}

.form .files .files_list .file .remove:after
{
    transform: rotate(-45deg);
}


.form .files label
{
    font-family: var(--font_family2);
    font-size: 12px;
    line-height: 22px;

    display: block;

    cursor: pointer;
    margin-top: 15px;
}

.form .files label .btn
{
    color: var(--color_blue);

    display: flex;

    margin-top: 8px;

    justify-content: flex-start;
    align-items: center;
    align-content: center;
    flex-wrap: nowrap;
}

.form .files label .btn .icon
{
    display: block;

    width: 16px;
    min-width: 16px;
    height: 19px;
    margin-right: 10px;
}

.form .files label .btn span
{
    display: block;
    overflow: hidden;

    max-width: calc(100% - 26px);

    white-space: nowrap;
    text-overflow: ellipsis;
}

.form .files label .btn span:hover
{
    text-decoration: underline;
}


.form .exp
{
    color: #a7a7a7;
    font-size: 12px;

    margin-top: 7px;
    padding: 0 20px;
}

.form .exp .center
{
    text-align: center;
}


.form input[type=checkbox]
{
    display: none;
}

.form input[type=checkbox] + label
{
    color: #ffd9a9;
    font-size: 12px;
    font-weight: 300;
    line-height: 17px;

    position: relative;

    display: block;

    padding-left: 20px;

    cursor: pointer;
}

.form input[type=checkbox] + label a
{
    color: var(--color_white);
}

.form input[type=checkbox] + label a:hover
{
    text-decoration: none;
}

.form input[type=checkbox] + label:before
{
    position: absolute;
    top: 0;
    left: 0;

    display: block;

    width: 15px;
    height: 15px;

    content: '';
    transition: .1s linear;

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

.form input[type=checkbox].error + label:before
{
    border-color: var(--form_error_color);
}

.form input[type=checkbox] + label:after
{
    position: absolute;
    top: 4px;
    left: 4px;

    display: block;

    width: 8px;
    height: 5px;

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

    opacity: 0;
    border-bottom: 2px solid var(--color_black);
    border-left: 2px solid var(--color_black);
}

.form input[type=checkbox]:checked + label:after
{
    opacity: 1;
}


.form input[type=radio]
{
    display: none;
}

.form input[type=radio] + label
{
    color: var(--color_black);
    font-size: 13px;
    font-weight: 700;

    position: relative;

    display: flex;

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

    cursor: pointer;

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

.form input[type=radio] + label:before
{
    position: absolute;
    top: 0;
    left: 0;

    display: block;

    width: 22px;
    height: 22px;

    content: '';

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

.form input[type=radio] + label:after
{
    position: absolute;
    top: 6px;
    left: 6px;

    display: block;

    width: 10px;
    height: 10px;

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

    opacity: 0;
    border-radius: 50%;
    background: var(--color_blue);
}

.form input[type=radio]:checked + label:after
{
    opacity: 1;
}


.form .with_tip,
[data-form] .with_tip
{
    position: relative;
    z-index: 9;
}

.form .with_tip.loading:before,
[data-form] .with_tip.loading:before
{
    content: "";

    display: block;
    position: absolute;

    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    margin: auto;
    width: 100%;
    height: 100%;

    border-radius: var(--form_border_radius);
    background: rgba(255, 255, 255, 0.7);

    z-index: 11;
}

.form .with_tip.loading:after,
[data-form] .with_tip.loading:after
{
    content: "";

    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    margin: auto;
    width: 30px;
    height: 30px;

    border: 5px solid var(--color_blue);
    border-bottom-color: transparent;
    border-radius: 50%;

    display: block;
    position: absolute;

    z-index: 12;

    animation: submitBtnLoader 1s linear infinite;
}

.form .with_tip.open,
[data-form] .with_tip.open
{
    z-index: 10;
}

.form .with_tip .input,
[data-form] .with_tip .input
{
    position: relative;
    z-index: 3;
}

.form .with_tip .datalist
{
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;

    visibility: hidden;
    overflow: hidden;

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

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

    opacity: 0;
    border: 1px solid #cdcdcd;
    border-radius: 27px;
    background: #fff;
    box-shadow: 0 0 5px rgba(0,0,0,.07);
}

.form .with_tip .datalist .title
{
    font-size: 12px;
    font-weight: 300;

    margin-bottom: 6px;
    padding: 0 15px;
}

.form .with_tip .datalist .tip
{
    font-weight: 300;
    line-height: 20px;

    padding: 10px 15px;

    cursor: pointer;
    transition: background .1s linear;
}

.form .with_tip .datalist .tip .name
{
    color: var(--color_black);
    font-size: 16px;

    text-transform: uppercase;
}

.form .with_tip .datalist .tip .name span
{
    color: var(--color_blue);
}

.form .with_tip .datalist .tip .name.crossout,
.form .with_tip .datalist .tip .name.crossout span
{
    text-decoration: line-through;
}

.form .with_tip .datalist .tip:hover
{
    background: #f6f6f6;
}

.form .with_tip .datalist.show
{
    visibility: visible;

    pointer-events: auto;

    opacity: 1;
}


.form .rate
{
    position: relative;

    display: flex;

    height: 54px;
    padding: 10px 20px;

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

    justify-content: flex-end;
    align-items: center;
    align-content: center;
    flex-wrap: wrap;
}

.form .stars
{
    display: flex;
    overflow: hidden;
    flex-direction: row-reverse;

    height: 18px;

    justify-content: center;
}

.form .stars > input
{
    display: none;
}

.form .stars > label
{
    display: block;

    width: 19px;
    height: 18px;
    margin-left: 15px;

    cursor: pointer;
}

.form .stars > label > *
{
    position: relative;
    top: -1px;

    width: 19px;
    height: 18px;

    background: url(../images/ic_star_big.png) 0 0 no-repeat;
}

.form .stars > input:checked ~ label > *,
.form .stars > input:checked ~ label ~ label > *,
.form .stars > input:not(:checked) ~ label:hover > *,
.form .stars > input:not(:checked) ~ label:hover ~ label > *
{
    background-position: 0 100%;
}


.form select
{
    display: none;
}

.form .nice-select
{
    position: relative;

    display: block;
}

.form .nice-select .current
{
    color: var(--form_placeholder_color);

    position: relative;

    display: block;
    overflow: hidden;

    height: 54px;
    padding: 27px 54px 0 19px;

    cursor: pointer;
    transition: .1s linear;
    white-space: nowrap;
    text-overflow: ellipsis;

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

.form .nice-select.open .current
{
    color: var(--text_color);

    border-radius: var(--form_border_radius) var(--form_border_radius) 0 0;
}

.form .nice-select .current:after
{
    position: absolute;
    top: -4px;
    right: 19px;
    bottom: 0;

    display: block;

    width: 12px;
    height: 12px;
    margin: auto;

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

    border-bottom: 2px solid var(--color_black);
    border-left: 2px solid var(--color_black);
}

.form .nice-select .list
{
    position: absolute;
    z-index: 9;
    top: calc(100% + 30px);
    left: 0;

    visibility: hidden;
    overflow: hidden;

    min-width: 100%;
    padding: 5px 0;

    transition: .1s linear;

    opacity: 0;
    border: 1px solid var(--form_border_color);
    border-radius: 0 0 var(--form_border_radius) var(--form_border_radius);
    background: #fff;
}

.form .nice-select.open .list
{
    top: calc(100% - 1px);

    visibility: visible;

    opacity: 1;
}

.form .nice-select .list .scrollbar
{
    overflow: auto;

    max-height: 240px;
}

.form .nice-select .list .list_item
{
    padding: 9px 19px;

    cursor: pointer;
    transition: background .1s linear;
}

.form .nice-select .list .list_item:empty
{
    display: none;
}

.form .nice-select .list .list_item:hover,
.form .nice-select .list .list_item.selected
{
    background: var(--form_border_color);
}


.form .nice-select .nice-select-search-box
{
    display: none;
    box-sizing: border-box;
    width: 100%;
    padding: 5px;
    border-radius: 5px 5px 0 0;
    margin: 2px 0 5px;
}

.form .nice-select .nice-select-search-box.show
{
    display: block;
}

.form .nice-select .nice-select-search 
{
    box-sizing: border-box;
    background-color: #fff;
    border: 1px solid #e8e8e8;
    border-radius: 3px;
    color: #444;
    display: inline-block;
    vertical-align: middle;
    padding: 7px 12px;
    margin: 0 10px 0 0;
    width: 100%;
    min-height: 36px;
    line-height: 22px;
    height: auto;
    outline: 0 !important;
    font-size: 14px;
}


.form .input.error, 
.form textarea.error,
form .input.error,
form textarea.error,
.form .rate.error,
.form select.error + .chosen-container .chosen-single,
.form select.error + .nice-select .current
{
    border-width: 2px;
    border-color: #ef4836 !important;
    color: #ef4836 !important;
}

.form input[type="radio"].error + label:before,
.form input[type="checkbox"].error + label:before 
{
    border-color: var(--form_error_color) !important;
}

.form span.error,
[data-form] span.error
{
    color: var(--form_error_color);
    font-size: 12px;
    display: block;
    margin-top: 5px;
}

.form span.error:empty,
[data-form] span.error:empty
{
    display: none;
}

.form span.error a,
[data-form] span.error a
{
    color: var(--color_blue);
    text-decoration: none;
}

.form span.error a:hover,
[data-form] span.error a:hover
{
    text-decoration: underline;
}


.form .submit
{
    display: flex;

    padding-top: 10px;

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

.form .submit_btn
{
    color: var(--color_white);
    font: 300 var(--font_size) var(--font_family);

    display: inline-block;
    position: relative;

    height: 35px;
    padding: 0 25px 2px;

    cursor: pointer;
    transition: .1s linear;
    vertical-align: top;

    border: 1px solid #0181b7;
    border-radius: 5px;
    background: #0181b7;
}

.form .submit_btn:hover
{
    border-color: #2794c2;
    background: #2794c2;
}

.form .submit_btn:disabled,
form .submit_btn:disabled
{
    cursor: default;
    border: none;
    position: relative;
}

.form .submit_btn:disabled:before,
form .submit_btn:disabled:before
{
    content: "";

    display: block;
    position: absolute;

    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    margin: auto;
    width: 100%;
    height: 100%;

    background: rgba(255, 255, 255, 0.8);

    z-index: 11;
}

.form .submit_btn:disabled:after,
form .submit_btn:disabled:after
{
    content: "";

    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    margin: auto;
    width: 30px;
    height: 30px;

    border: 5px solid var(--color_blue);
    border-bottom-color: transparent;
    border-radius: 50%;

    display: block;
    position: absolute;

    z-index: 12;

    animation: submitBtnLoader 1s linear infinite;
}

@keyframes submitBtnLoader 
{
    0% 
    {
        transform: rotate(0deg);
    }
    100% 
    {
        transform: rotate(360deg);
    }
} 


.form .replacement input[type="checkbox"] + label:before
{
    display: none;
}

.form .replacement input[type="checkbox"] + label:after
{
    top: 0;
    left: 0;
}



.form .type
{
    display: none !important;
}



.text_block
{
    line-height: 20px;

    letter-spacing: .01em;

    font-weight: 300;
}


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

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


.text_block h1
{
    color: var(--color_black);
    font-size: 30px;
    font-weight: 700;
    line-height: 40px;

    margin-bottom: 30px;
}


.text_block h2
{
    color: var(--color_black);
    font-size: 20px;
    font-weight: 700;
    line-height: 24px;

    margin-bottom: 15px;
}

.text_block h1 + h2
{
    margin-top: 0 !important;
}


.text_block h3
{
    color: var(--color_black);
    font-size: 18px;
    font-weight: 700;
    line-height: 24px;

    margin-bottom: 15px;
}

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


.text_block h4
{
    color: var(--color_black);
    font-size: 16px;
    font-weight: 700;
    line-height: 22px;

    margin-bottom: 10px;
}

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


.text_block * + h2,
.text_block * + h3,
.text_block * + h4
{
    margin-top: 40px;
}

.text_block .clear + h2,
.text_block .clear + h3,
.text_block .clear + h4
{
    margin-top: 30px;
}

.text_block h1 + *,
.text_block h2 + *,
.text_block h3 + *,
.text_block h4 + *,
.text_block h4 + *,
.text_block img.left + h2,
.text_block img.left + h3,
.text_block img.left + h4,
.text_block img.right + h2,
.text_block img.right + h3,
.text_block img.right + h4,
.text_block .img.left + h2,
.text_block .img.left + h3,
.text_block .img.left + h4,
.text_block .img.right + h2,
.text_block .img.right + h3,
.text_block .img.right + h4
{
    margin-top: 0 !important;
}


.text_block p,
.text_block img,
.text_block ul,
.text_block ol
{
    margin-bottom: 20px;
}


.text_block hr
{
    border: 1px solid #ddd;
    margin-bottom: 15px;
}


.text_block .iframe_wrap,
.text_block .table_wrap,
.text_block .video_wrap
{
    margin: 40px 0;
}


.text_block img
{
    display: block;

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

.text_block .img.left,
.text_block img.left
{
    max-width: calc(50% - 35px);
    margin-top: 4px;
    margin-right: 35px;
}

.text_block img.right
{
    max-width: calc(50% - 35px);
    margin-top: 4px;
    margin-left: 35px;
}

.text_block img.loaded
{
    height: auto !important;
}


.text_block .img a
{
    position: relative;

    display: block;
}

.text_block .img a:after
{
    position: absolute;
    z-index: 3;
    top: 10px;
    right: 10px;

    display: block;

    width: 45px;
    height: 45px;

    content: '';

    border-radius: 5px;
    background: rgba(0,0,0,.3) url(../images/ic_zoom.svg) 50% no-repeat;
}


.text_block .iframe_wrap,
.text_block .video_wrap
{
    position: relative;

    overflow: hidden;

    padding-bottom: 56.5%;

    background: #ddd;
}

.text_block .iframe_wrap iframe,
.text_block .video_wrap video
{
    position: absolute;
    top: 0;
    left: 0;

    display: block;

    width: 100% !important;
    height: 100% !important;

    border: none;
}


.text_block ul
{
    padding-left: 0;
}

.text_block ul li
{
    position: relative;

    display: block;
    overflow: hidden;

    padding-left: 21px;

    list-style-type: none;
}

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

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

    display: block;

    width: 12px;
    height: 12px;

    content: '';

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


.text_block ol
{
    padding-left: 0;

    counter-reset: li;
}

.text_block ol li
{
    position: relative;

    display: block;
    overflow: hidden;

    list-style-type: none;
}

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

.text_block ol li:before
{
    color: var(--color_black);
    font-weight: 700;

    margin-right: 5px;

    content: counters(li, '.') '.';
    counter-increment: li;
    text-align: right;
}


.text_block .table_wrap
{
    overflow: auto;

    max-width: 100%;
}

.text_block .table_wrap::-webkit-scrollbar
{
    width: 7px;
    height: 7px;

    border-radius: 0;
    background-color: #eee;

    -webkit-appearance: none;
}

.text_block .table_wrap::-webkit-scrollbar-thumb
{
    border-radius: 0;
    background-color: #0181b7;
}

.text_block table:not(.hljs-ln)
{
    width: 100%;

    border-spacing: 0;
    border-collapse: collapse;

    border-color: #fff;
}

.text_block table:not(.hljs-ln) th
{
    color: #fff;
    font-size: 15px;
    font-weight: 700;
    line-height: 19px;

    padding: 12px 20px;

    text-align: center;
    vertical-align: middle;
    white-space: nowrap;

    background: #e7e7e7;
}

.text_block table:not(.hljs-ln) th p,
.text_block table:not(.hljs-ln) td p
{
    margin-bottom: 0;
}

.text_block table:not(.hljs-ln) th + th,
.text_block table:not(.hljs-ln) td + td
{
    border-left: 2px solid #fff;
}

.text_block table:not(.hljs-ln) td
{
    color: #000;

    padding: 15px 20px;

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

    border-top: 2px solid #fff;
    background: #f3f3f3;
}

.text_block .table:not(.hljs-ln) td
{
    min-width: 250px;
}

.text_block table.hljs-ln td
{
    white-space: nowrap;
}

.text_block table:not(.hljs-ln) td.number
{
    min-width: 0;

    text-align: center;
}

.text_block table:not(.hljs-ln) tbody tr:nth-child(2n) td
{
    background: #f5f6f9;
}

.text_block table:not(.hljs-ln) td.bg_blue
{
    vertical-align: middle;

    background: #ebfaff;
}


.text_block table:not(.hljs-ln) .alignleft
{
    text-align: left;
}

.text_block table:not(.hljs-ln) .aligncenter
{
    text-align: center;
}


.text_block table:not(.hljs-ln).bg_blue td
{
    background: #ebfaff;
}

.text_block table:not(.hljs-ln).bg_blue tbody tr:nth-child(2n) td
{
    background: #dbecf1;
}



.text_block b,
.text_block strong
{
    color: var(--color_black);
}


.text_block .gallery
{
    display: flex;

    margin-top: 25px;
    margin-bottom: -5px;
    margin-left: -30px;

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

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

.text_block .gallery > *.width1of3
{
    width: calc(33.333% - 30px);
}

.text_block .gallery > *.width1of4
{
    width: calc(25% - 30px);
}

.text_block .gallery .item
{
    display: block;
}

.text_block .gallery img
{
    display: block;

    width: 100%;
    margin: 0;
}


.text_block .pluses
{
    display: flex;

    margin-top: 25px;
    margin-bottom: -5px;
    margin-left: -60px;

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

.text_block .pluses > *
{
    width: calc(33.333% - 60px);
    margin-bottom: 30px;
    margin-left: 60px;
}

.text_block .pluses .item
{
    display: flex;

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

.text_block .pluses .icon
{
    display: flex;

    width: 111px;
    height: 111px;
    padding: 20px;

    border-radius: 50%;
    background: #00abdf;

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

.text_block .pluses .item .icon img
{
    display: block;

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

.text_block .pluses .item .icon + *
{
    width: calc(100% - 130px);

    align-self: center;
}

.text_block .pluses .item .name
{
    color: #000;
    font-size: 18px;
    font-weight: 700;
    line-height: 24px;
}

.text_block .pluses .item .desc
{
    color: #737373;
    font-size: 16px;
    line-height: 24px;

    margin-top: 5px;
}


.text_block .cols
{
    display: flex;

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

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

.text_block .cols .col.align_self_center
{
    align-self: center;
}

.text_block .cols .col img,
.text_block .cols .col .iframe
{
    margin: 0 auto;
}

.text_block .cols .col > * + *
{
    margin-top: 20px;
}


.text_block blockquote
{
    color: #00abdf;
    font-size: 16px;
    font-weight: 700;
    line-height: 24px;

    position: relative;

    display: block;

    margin-top: 30px;
    margin-bottom: 30px;
    margin-left: 52px;
    padding: 20px 0 20px 28px;

    border-left: 2px solid;
}

.text_block blockquote:after
{
    position: absolute;
    bottom: 5px;
    left: -2px;

    display: block;

    width: 2px;
    height: 2px;

    content: '';

    background: #fff;
}


.text_block a
{
    color: var(--color_blue);

    text-decoration: none;
}

.text_block a:hover
{
    text-decoration: underline;
}


.text_block .youtube_chat
{
    width: 100%;
    height: 600px;
}


.text_block code:not(.hljs)
{
    background-color: #f1f1f1;
    border-radius: 2px;
    padding: 15px;
    display: block;

    white-space: nowrap;
    overflow: auto;
}

.text_block code .hljs-ln-n
{
   border-right: 1px solid #696969;
   padding-right: 5px;
   margin-right: 10px;
   text-align: right;
}

.text_block code.numberLine-hidden .hljs-ln-n
{
    display: none;
}


.text_block details
{
    overflow: hidden;
    position: relative;
    margin-bottom: 20px;
}

.text_block details summary
{
    border: 1px solid #dfe1e5;
    text-align: left;
    padding: 5px 15px;
    background: #eeeeee;
    cursor: pointer;
}





.spoler_title
{
    display: inline-block;

    position: relative;
    color: var(--color_black);
    font-weight: 500;
    line-height: 18px;
    padding: 5px 20px 5px 10px;

    border-radius: 5px;

    cursor: pointer;
}

.spoler_title:after
{
    display: inline-block;
    position: relative;
    content: "";

    width: 6px;
    height: 6px;

    transition: all .1s linear;
    transform: rotate(-45deg);

    border-bottom: 1px solid #a5a5a5;
    border-left: 1px solid #a5a5a5;

    top: -3px;
    right: -14px;
}

.spoler_title.active:after
{
    transform: rotate(135deg);
    top: 0;
}


.spoler_title.red
{
    border: 2px solid #f15a3c;
}

.spoler_title.red:hover,
.spoler_title.red.active
{
    background: #f15a3c;
    color: #fff;
}

.spoler_title.red:hover:after,
.spoler_title.red.active:after
{
    border-color: #fff;
}



.spoler_text
{
    display: none;
}

.spoler_text > * + *
{
    margin-top: 15px;
}



.modal_cont
{
    position: relative;
}

.mini_modal_link
{
    font-family: var(--font_family);

    display: inline-block;

    cursor: pointer;
    vertical-align: top;
    text-decoration: none;

    border: none;
    background: none;
}

.mini_modal
{
    position: absolute;
    z-index: 100;
    top: calc(100% + 30px);
    left: 0;

    visibility: hidden;

    transition: .1s linear;

    opacity: 0;
}

.mini_modal.active
{
    top: 100%;

    visibility: visible;

    opacity: 1;
}



.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;
}



.tooltip
{
    position: relative;
}

.tooltip .text
{
    color: #000;
    font-family: var(--font_family);
    font-size: 13px;
    font-weight: 300;
    line-height: 15px;

    position: absolute;
    z-index: 10;
    bottom: calc(100% + 25px);
    left: 50%;

    visibility: hidden;

    width: 134px;
    margin-left: -67px;
    padding: 5px;

    transition: .1s linear;
    text-align: center;
    pointer-events: none;

    opacity: 0;
    background: #fff;
    box-shadow: 0 0 5px rgba(0,0,0,.15);

    border-radius: 5px;
}

.tooltip .text span
{
    position: relative;
    z-index: 9;
}

.tooltip .text:before
{
    position: absolute;
    z-index: 1;
    right: 0;
    bottom: -7px;
    left: 0;

    display: block;

    width: 14px;
    height: 14px;
    margin: auto;

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

    background: #fff;
    box-shadow: 0 0 5px rgba(0,0,0,.15);
}

.tooltip .text:after
{
    position: absolute;
    z-index: 2;
    bottom: 0;
    left: 0;

    display: block;

    width: 100%;
    height: 10px;

    content: '';

    background: #fff;

    border-radius: 0 0 5px 5px;
}

.tooltip:hover .text,
.tooltip .text.active
{
    bottom: calc(100% + 15px);

    visibility: visible;

    opacity: 1;
}



.datepicker--day-name
{
    color: #ff9511;
}

.datepicker--cell.-current-
{
    color: var(--color_blue);
}

.datepicker--cell.-selected-,
.datepicker--cell.-selected-.-current-
{
    background: var(--color_blue);
}



.overlay
{
    position: fixed;
    z-index: 100;
    top: 0;
    left: 0;

    display: none;

    width: 100%;
    height: 100%;

    opacity: .65;
    background: #000;
}


.supports_error
{
    font-family: 'Arial', sans-serif;
    font-size: 20px;
    line-height: 30px;

    position: fixed;
    z-index: 1000;
    top: 0;
    left: 0;

    display: none;

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

    text-align: center;

    background: #fff;

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

.supports_error.show
{
    display: flex;
}



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

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

    background: var(--color_white);
}


header.no_margin
{
    margin-bottom: 0;
}



.site_header_banner
{
    padding: 10px 0;
    text-align: center;
    background: #344bba;

    display: flex;
    flex-wrap: nowrap;
    align-items: center;

    width: 100%;
    left: 0;
    top: 0;
    z-index: 9999;
}

.site_header_banner .text
{
    padding: 0 10px;
    width: 100%;
    text-align: center;
    color: #FFF;
    font-weight: bold;
}

.site_header_banner .text a
{
    color: #fff;
}

.site_header_banner .text a:hover
{
    text-decoration: none;
}

.site_header_banner .closed
{
    position: relative;
    display: block;

    height: 20px;
    width: 20px;

    margin-right: 20px;

    cursor: pointer;
}

.site_header_banner .closed:before,
.site_header_banner .closed:after
{
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;

    display: block;

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

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

    background: #fff;
}

.site_header_banner .closed:after
{
    transform: rotate(45deg);
}



header > .close
{
    position: absolute;
    top: 0;
    left: 100%;

    display: none;

    width: 50px;
    height: 50px;
    padding: 13px;

    cursor: pointer;

    border: none;
    background: none;

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

header.show > .close
{
    display: flex;
}

header > .close span
{
    position: relative;

    display: block;

    width: 100%;
    height: 2px;

    background: #fff;
}

header > .close span:nth-child(1)
{
    top: 1px;

    transform: rotate(45deg);
}

header > .close span:nth-child(2)
{
    top: -1px;

    transform: rotate(-45deg);
}



header .info
{
    position: relative;

    padding: 25px 0;
}

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

header .info .cont.flex > * + *
{
    margin-left: 50px;
}

header .info .catalog,
header .info .links
{
    display: none;
}



header .bottom
{
    background: var(--color_blue);

    /* background: linear-gradient(135deg, #2986a9 0%, #33a6c9 40%, #00abdf 70%, #2f9eb3 100%); */
}

header .bottom .cont.flex
{
    justify-content: space-between;
    align-items: stretch;
    align-content: stretch;
}



header .logo
{
    margin-right: auto;
    padding: 5px 0;
}

header .logo a
{
    display: block;
}

header .logo img
{
    display: block;

    height: 70px;

    max-width: 100%;
    margin: 0 auto;


    /* position: absolute;
    top: 0;
    margin-left: -90px; */
}

header .logo .color_white
{
    display: none;
}



header .search
{
    position: static;

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


header .search .link
{
    display: none;

    width: 37px;
    height: 37px;

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

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

    width: 20px;
    height: 20px;

    transition: .1s linear;

    fill: #ff9511;
}


#search_modal
{
    position: relative;

    visibility: visible;

    pointer-events: auto;

    opacity: 1;
}

header .search form
{
    display: flex;

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

header .search ::-webkit-input-placeholder
{
    color: #9a9a9a;
}

header .search :-moz-placeholder
{
    color: #9a9a9a;
}

header .search :-ms-input-placeholder
{
    color: #9a9a9a;
}

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

    display: block;
    position: relative;

    width: 100%;
    height: 37px;
    padding: 0 50px 0 14px;

    border: 2px solid #ff9511;
    border-radius: 19px;
    background: none;
}

header .search .submit_btn
{
    position: relative;

    display: flex;

    width: 48px;
    height: 35px;
    margin-left: -49px;

    border-radius: 50%;

    cursor: pointer;

    border: none;
    background: none;

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

header .search .input.ui-autocomplete-loading + .submit_btn:before
{
    content: "";

    display: block;
    position: absolute;

    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    margin: auto;
    width: calc(100% - 5px);
    height: calc(100% - 5px);

    border-radius: 50%;
    background: rgba(255, 255, 255, 0.7);

    z-index: 1;
}

header .search .input.ui-autocomplete-loading + .submit_btn:after
{
    content: "";

    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    margin: auto;
    width: 20px;
    height: 20px;

    border: 3px solid var(--color_blue);
    border-bottom-color: transparent;
    border-radius: 50%;

    display: block;
    position: absolute;

    z-index: 1;

    animation: submitBtnLoader 1s linear infinite;
}

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

    width: 20px;
    height: 20px;

    transition: .1s linear;

    fill: #ff9511;
}



header .location
{
    margin-top: 25px;
}

header .location .link
{
    color: var(--color_blue);
    font-family: var(--font_family);
    font-size: 14px;

    position: relative;
    z-index: 101;

    display: flex;

    padding-right: 13px;

    cursor: pointer;

    border: none;
    background: none;

    justify-content: flex-start;
    align-items: center;
    align-content: center;
}

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

    width: 12px;
    height: 15px;
    margin-right: 7px;

    transition: .1s linear;

    fill: #c8c8c8;
}

header .location .link:after
{
    position: absolute;
    top: 0;
    right: 1px;
    bottom: 0;

    display: block;

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

    content: '';
    transform: rotate(-45deg);
    transition: all .1s linear;

    border-bottom: 1px solid #c1c1c1;
    border-left: 1px solid #c1c1c1;
}

header .location .link.active:after
{
    top: 5px;
    transform: rotate(135deg);
}

header .location .link > span
{
    transition: border-color .1s linear;

    border-bottom: 1px dashed transparent;
}

header .location .link:hover > span
{
    border-color: inherit;
}

header .location .link.tooltip .icon > *
{
    display: block;

    width: 16px;
    height: 16px;

    fill: #cbcbcb;
}

header .location .link.tooltip .text
{
    top: calc(100% + 15px);
    bottom: auto;
    left: 50%;

    width: 270px;
    margin-left: -135px;
    padding: 8px 12px;

    pointer-events: auto;
}

header .location .link.tooltip .text:before
{
    top: -7px;
    bottom: auto;
}

header .location .link.tooltip .text:after
{
    top: 0;
    bottom: auto;
}

header .location .link:not([data-id="other"]).tooltip .text,
header .location .link.tooltip.active .text
{
    display: none;
}


header .location .price_list
{
    display: flex;
    margin-top: 10px;
    
    color: var(--color_blue);
    font-family: var(--font_family);
    font-size: 14px;
    text-decoration: none;
}

header .location .price_list .icon
{
    display: block;
    width: 12px;
    height: 15px;
    margin-right: 7px;
    transition: .1s linear;
    color: #ef4836;
}

header .location .price_list span
{
    transition: border-color .1s linear;
    border-bottom: 1px dashed transparent;
}

header .location .price_list:hover span
{
    border-color: currentcolor;
}

header .location .academy_link
{
    display: none;
}


#location_modal
{
    top: -15px;
    left: -15px;

    width: 183px;
    padding: 40px 30px 20px 34px;

    background: #fff;
    box-shadow: 0 0 5px rgba(0,0,0,.21);
}

#location_modal.active
{
    top: -15px;
}

#location_modal .list
{
    margin-bottom: -5px;
}

#location_modal .list > *
{
    margin-bottom: 5px;
}

#location_modal a
{
    color: #212121;
    font-size: 14px;
    font-weight: 300;
    line-height: 21px;

    position: relative;

    display: block;

    transition: color .1s linear;
    white-space: nowrap;
    text-decoration: none;
}

#location_modal a:hover
{
    color: #00abdf;
}

#location_modal a.active
{
    display: none;
}


#location_modal .city
{
    color: #212121;
    font-size: 14px;
    font-weight: 300;
    line-height: 21px;

    position: relative;

    display: block;

    transition: color .1s linear;
    white-space: nowrap;
    text-decoration: none;
}

#location_modal .city:hover
{
    color: #00abdf;
    cursor: pointer;
}

#location_modal .city.active
{
    display: none;
}


header .contacts
{
    margin-top: 25px;
}

header .contacts .flex
{
    flex-wrap: nowrap;
}


header .contacts .phone
{
    color: var(--color_black);
    font-size: 20px;
    font-weight: 500;

    display: inline-block;

    vertical-align: top;
    white-space: nowrap;
    text-decoration: none;
}

header .contacts .phone:hover
{
    text-decoration: underline;
}


header .contacts .email
{
    color: var(--text_color);
    font-size: var(--font_size);
    font-family: var(--font_family);

    position: relative;

    display: flex;
    margin-top: 7px;

    cursor: pointer;

    border: none;
    background: none;
}

header .contacts .email:hover
{
    text-decoration: underline;
}

header .contacts .email .icon
{
    width: 13px;
    height: 14px;

    fill: #818181;

    position: relative;
    top: 1px;
    margin-left: 5px;
}

header .contacts .email.copied .text span,
header .contacts .email .text span + span
{
    display: none;
}

header .contacts .email.copied .text span + span
{
    display: block;
}


header .contacts .messengers
{
    margin-left: 7px;

    display: flex;
    align-self: center;
    justify-content: flex-start;
    align-items: center;
    align-content: center;
}

header .contacts .messengers a
{
    position: relative;

    display: block;
}

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

header .contacts .messengers .icon
{
    display: block;
    transition: fill .1s linear;
}

header .contacts .messengers .whatsapp .icon
{
    width: 18px;
    height: 18px;
    fill: #0fc731;
}

header .contacts .messengers .telegram .icon
{
    width: 18px;
    height: 18px;
    fill: #00abdf;
}

header .contacts .messengers .telegram:hover .icon
{
    fill: #009FE3;
}

header .contacts .messengers .telegram:before
{
    content: "";
    position: absolute;
    width: 12px;
    height: 12px;
    background: #fff;
    top: 4px;
    left: 4px;
    border-radius: 50%;
    z-index: -1;
    opacity: 0;
    transition: opacity .1s linear;
}

header .contacts .messengers .telegram:hover:before
{
    opacity: 1;
}


header .contacts .messengers .max .icon
{
    width: 18px;
    height: 18px;
    fill: url('../images/sprite.svg#ic_messenger_Max_gradient');
}

header .contacts .messengers .max:hover .icon
{
    fill: url('../images/sprite.svg#ic_messenger_Max_gradient');
}

header .contacts .messengers .max:before
{
    content: "";
    position: absolute;
    width: 12px;
    height: 12px;
    background: #fff;
    top: 4px;
    left: 4px;
    border-radius: 50%;
    z-index: -1;
    opacity: 0;
    transition: opacity .1s linear;
}

header .contacts .messengers .max:hover:before
{
    opacity: 1;
}


header .callback_link
{
    color: var(--color_white);
    font-family: var(--font_family);
    font-size: var(--font_size);
    font-weight: 300;
    line-height: 35px;

    display: flex;

    height: 35px;
    padding: 0 23px;

    cursor: pointer;
    transition: background .1s linear;
    vertical-align: top;
    text-decoration: none;

    border: none;
    border-radius: 5px;
    background: #ff9511;

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

header .callback_link .icon 
{
    display: block;
    width: 15px;
    height: 15px;
    margin-right: 7px;
    fill-rule: evenodd;
    clip-rule: evenodd;
    fill: var(--color_white);
    color: var(--color_white);
}

header .callback_link:hover
{
    background: var(--color_blue);
}


header .support_link
{
    color: var(--color_blue);
    font-family: var(--font_family);
    font-size: var(--font_size);

    display: flex;

    text-decoration: none;

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

header .support_link .icon 
{
    display: block;
    width: 15px;
    height: 15px;
    margin-right: 7px;
    fill-rule: evenodd;
    clip-rule: evenodd;
    fill: var(--color_blue);
}

header .support_link span
{
    transition: border-color .1s linear;
    border-bottom: 1px solid transparent;
}

header .support_link:hover span
{
    border-color: currentcolor;
}


header .academy_link .icon
{
    color: #fff;
}



header .theme
{
    display: flex;

    width: 66px;
    height: 37px;
    padding: 1px;

    cursor: pointer;

    border: 1px solid #dadada;
    border-radius: 5px;
    background: none;

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

header .theme .icon
{
    width: 33px;
    height: 33px;

    border-radius: 50%;

    transition: .1s linear;

    fill: #dadada;
}



header .catalog
{
    width: 212px;
    max-width: 100%;
    /* margin-right: auto; */
}

header .catalog .link
{
    color: var(--color_white);
    font-family: var(--font_family);
    font-size: 14px;
    font-weight: 700;

    display: flex;

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

    cursor: pointer;
    transition: background .1s linear;
    text-transform: uppercase;

    border: none;
    border-right: 1px solid rgba(64,210,255,.5);
    border-left: 1px solid rgba(64,210,255,.5);
    background: none;

    justify-content: flex-start;
    align-items: center;
    align-content: center;
}

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

    width: 23px;
    margin-left: 13px;
}

header .catalog .link .icon *
{
    position: relative;

    display: block;

    width: 100%;
    height: 3px;

    transition: .1s linear;

    border-radius: 2px;
    background: #fff;
}

header .catalog .link .icon *:nth-child(1)
{
    width: calc(100% - 7px);
}

header .catalog .link .icon *:nth-child(2)
{
    width: calc(100% - 4px);
}

header .catalog .link .icon * + *
{
    margin-top: 2px;
}


header .catalog .link:hover,
header .catalog .link.active
{
    background: #0181b7;
}

header .catalog .link.active span:nth-child(1)
{
    top: 5px;

    width: 100%;

    transform: rotate(45deg);
}

header .catalog .link.active span:nth-child(2)
{
    opacity: 0;
}

header .catalog .link.active span:nth-child(3)
{
    top: -5px;

    transform: rotate(-45deg);
}


header .catalog .fast_catalog
{
    text-decoration: none;
    border-bottom: 1px solid rgba(64,210,255,.5);

    flex-wrap: nowrap;
}

header .catalog .fast_catalog .icon
{
    width: 17px;
}

header .catalog .fast_catalog .text
{
    text-transform: none;
}


#catalog_modal
{
    width: 1370px;

    background: #fff;

    overflow: auto;
    scrollbar-color: var(--color_blue) #ccc;
    scrollbar-width: thin;
}

#catalog_modal .get_price_list .data
{
    background: #ff8611 url(../images/bg_get_price_list.jpg) 50%/cover no-repeat;
}



header .menu
{
    width: calc(100% - var(--aside_width) - 150px);
    padding: 0 20px;

    justify-content: space-between;
    align-items: stretch;
    align-content: stretch;
}

header .menu .item
{
    position: relative;
}

header .menu .item > .count
{
	line-height: 18px;
	position: absolute;
	top: 15px;
	right: 0;
	width: 22px;
	height: 18px;
	text-align: center;
	border-radius: 3px;
	background: #ef4836;
	box-shadow: 0 0 0 2px var(--color_blue);
	color: var(--color_white);
}

header .menu .item > a
{
    color: var(--color_white);
    font-size: 16px;
    font-weight: 300;
    line-height: normal;

    position: relative;

    display: flex;

    height: 100%;
    padding: 15px;

    text-decoration: none;
    letter-spacing: .025em;

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

header .menu .item > a[target="_blank"]
{
    padding-right: 35px;
}

header .menu .item > a[target="_blank"]:before
{
    content: "";
    position: absolute;
    background: url(../images/ic_link_white.svg) 0 0/100% no-repeat;
    height: 20px;
    width: 20px;
    right: 8px;
}

header .menu .item > a .arr
{
    position: relative;

    display: block;

    width: 9px;
    height: 5px;
    margin-left: 6px;
}

header .menu .item > a .arr:after
{
    position: absolute;
    top: -2px;
    right: 0;
    bottom: 0;
    left: 0;

    display: block;

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

    content: '';
    transform: rotate(-45deg);
    transition: all .1s linear;

    border-bottom: 1px solid #96e5fd;
    border-left: 1px solid #96e5fd;
}

header .menu .item:hover > a .arr:after
{
    transform: rotate(135deg);
    top: 2px;
}

header .menu .item > a:after
{
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;

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

    content: '';
    transition: width .1s linear;

    background: #fff;
}

header .menu .item:hover > a:after,
header .menu .item > a.active:after
{
    width: 100%;
}


header .menu .sub_menu
{
    position: absolute;
    z-index: 101;
    top: calc(100% + 30px);
    left: -15px;

    visibility: hidden;

    width: 296px;
    min-width: calc(100% + 30px);
    padding: 25px 30px;

    transition: .1s linear;

    opacity: 0;
    background: #fff;
    box-shadow: 0 0 5px rgba(0,0,0,.21);
}

header .menu .item:hover .sub_menu
{
    top: 100%;

    visibility: visible;

    opacity: 1;
}

header .menu .sub_menu > * + *
{
    margin-top: 9px;
}

header .menu .sub_menu a
{
    color: #212121;
    font-size: 15px;
    font-weight: 300;
    line-height: 21px;

    position: relative;

    display: block;

    transition: color .1s linear;
    text-decoration: none;
}

header .menu .sub_menu a:hover
{
    color: #00abdf;
}

header .menu .sub_menu a.active
{
    color: #212121;
    font-weight: 700;
}



header .links
{
    display: flex;

    border-left: 1px solid rgba(64,210,255,.5);

    justify-content: flex-start;
    align-items: stretch;
    align-content: stretch;
    
    margin-left: auto; /* удалить */
}

header .compare_link a
{
    color: var(--color_white);

    display: flex;
    position: relative;

    width: 70px;
    height: 100%;

    text-decoration: none;
    transition: background .1s linear;

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

header .compare_link a .count
{
    color: var(--color_white);
    font-weight: 700;
    line-height: 18px;

    position: absolute;
    top: -19px;
    right: -31px;
    bottom: 0;
    left: 0;

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

    text-align: center;

    border-radius: 3px;
    background: var(--color_blue);
    box-shadow: 0 0 0 2px var(--color_white);
}

header .compare_link a .count.active
{
    width: 22px;
    height: 18px;

    background: #ef4836;
    box-shadow: 0 0 0 2px var(--color_blue);
}

header .compare_link a .icon
{
    display: block;

    width: 25px;
    height: 24px;

    margin-left: -10px;
}

header .compare_link a:hover,
header .compare_link a.active
{
    background: #0181b7;
}

header .compare_link a.active + .text
{
    display: none;
}


header .favorite_link
{
    margin-left: 12px;
}

header .favorite_link a
{
    color: #96e5fd;

    display: flex;

    width: 40px;
    height: 100%;
    min-height: 77px;

    text-decoration: none;

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

header .favorite_link a .icon
{
    display: block;

    width: 27px;
    height: 24px;
}



header .visited .link
{
    color: var(--color_white);
    font-weight: 700;

    position: relative;

    display: flex;

    width: 70px;
    height: 100%;
    min-height: 77px;

    cursor: pointer;
    transition: background .1s linear;

    border: none;
    background: none;

    justify-content: center;
    align-items: center;
    align-content: center;
    flex-wrap: nowrap;
}

header .visited .link .count
{
    line-height: 16px;

    position: absolute;
    top: -19px;
    right: -16px;
    bottom: 0;
    left: 0;

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

    text-align: center;

    border-radius: 3px;
    background: var(--color_blue);
    box-shadow: 0 0 0 2px #fff;
}

header .visited .link .icon
{
    display: block;

    width: 25px;
    height: 25px;

    margin-left: -12px;

    fill: #96e5fd;
}

header .visited .link:after
{
    position: absolute;
    top: 4px;
    right: -25px;
    bottom: 0;
    left: 0;

    display: block;

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

    content: '';
    transform: rotate(-45deg);
    transition: all .1s linear;

    border-bottom: 1px solid #96e5fd;
    border-left: 1px solid #96e5fd;
}

header .visited .link.active:after
{
    top: 10px;
    transform: rotate(135deg);
}

header .visited .link:hover,
header .visited .link.active,
header .visited .link.here
{
    background: #0181b7;
}

header .visited .link.here .text
{
    display: none;
}


header .visited_modal
{
    left: 0;

    width: 270px;
    padding: 25px;

    background: #fff;
    box-shadow: 0 0 5px rgba(0,0,0,.21);
}

header .visited_modal .list > * + *
{
    margin-top: 15px;
}

header .visited_modal .list
{
	max-height: 300px;
	overflow-y: auto;

	scrollbar-color: #d0d0d0 #eee;
    scrollbar-width: thin;
}

header .visited_modal .list .item
{
    color: var(--color_black);
    font-size: 13px;
    font-weight: 300;
    line-height: 18px;

    display: block;

    transition: color .1s linear;
    text-decoration: none;
}

header .visited_modal .list .item .date,
header .visited_modal .list .item .time
{
    color: #9a9a9a;

    display: inline-block;

    margin-top: 2px;

    vertical-align: top;
}

header .visited_modal .list .item:hover
{
    color: var(--color_blue);
}

header .visited_modal .list .item .name,
#mob_visited_modal .list .item .name
{
    display: block;
}


header .visited_modal .all_link
{
    margin-top: 15px;
}

header .visited_modal .all_link a
{
    color: var(--color_blue);
    font-weight: 300;

    display: inline-block;

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

    border-bottom: 1px dashed;
}

header .visited_modal .all_link a:hover
{
    text-decoration: none;

    border-color: transparent;
}



#contacts_location_modal
{
    top: -15px;
    left: 75px;

    width: 183px;
    padding: 20px 30px 20px 34px;

    background: #fff;
    box-shadow: 0 0 5px rgba(0,0,0,.21);
}

#contacts_location_modal.active
{
    top: 35px;
}

#contacts_location_modal .list
{
    margin-bottom: -5px;
}

#contacts_location_modal .list > *
{
    margin-bottom: 5px;
}

#contacts_location_modal .city
{
    color: #212121;
    font-size: 14px;
    font-weight: 300;
    line-height: 21px;

    position: relative;

    display: block;

    transition: color .1s linear;
    white-space: nowrap;
    text-decoration: none;
}

#contacts_location_modal .city:hover
{
    color: #00abdf;
    cursor: pointer;
}

#contacts_location_modal .city.active
{
    display: none;
}



#manager_list_modal
{
    top: -15px;
    left: auto;
    right: 0;

    padding: 10px 0px 20px 15px;

    background: #fff;
    box-shadow: 0 0 5px rgba(0,0,0,.21);
}

#manager_list_modal.active
{
    top: 30px;
}

.get_price_list_2 #manager_list_modal.active
{
    top: 20px;
}

#manager_list_modal .list
{
    margin-bottom: -5px;
    padding-right: 25px;

    max-height: 285px;
    overflow: auto;
}

#manager_list_modal .list > *
{
    margin-bottom: 5px;
}

#manager_list_modal .item
{
    color: #212121;
    font-size: 14px;
    font-weight: 300;
    line-height: 21px;

    position: relative;

    display: block;

    transition: color .1s linear;
    white-space: nowrap;
    text-decoration: none;
}

#manager_list_modal .item small
{
    font-size: 11px;
}

#manager_list_modal .item .data-tooltip
{
    display: none;
}

#manager_list_modal .item:hover
{
    color: #00abdf;
    cursor: pointer;
}

#manager_list_modal .item.active
{
    display: none;
}



header .cart_link
{
    display: flex;
    position: relative;

    width: 180px;
    padding: 10px 15px;

    text-decoration: none;
    transition: background .1s linear;

    border-right: 1px solid rgba(64,210,255,.5);
    border-left: 1px solid rgba(64,210,255,.5);

    justify-content: center;
    align-items: center;
    align-content: center;
    flex-wrap: nowrap;
}

header .cart_link .icon
{
    display: block;

    height: 32px;
    margin-right: 18px;

    fill: #96e5fd;
}

header .cart_link:hover,
header .cart_link.active
{
    background: #0181b7;
}

header .cart_link .ms2_total_count
{
    color: var(--color_white);
    line-height: 16px;
    position: absolute;
    top: -19px;
    right: 60px;
    bottom: 0;
    left: 0;
    width: 20px;
    height: 16px;
    margin: auto;
    text-align: center;
    border-radius: 3px;
    background: var(--color_blue);
    box-shadow: 0 0 0 2px var(--color_white);
    font-weight: 700;
    font-size: var(--font_size);
}

header .cart_link .ms2_total_count.active
{
    box-shadow: none;
    background: #ef4836;
}

header .cart_link .title
{
    color: var(--color_white);
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
}

header .cart_link.active .text
{
    display: none;
}



header.fixed
{
    background: var(--color_blue);
    /* background: linear-gradient(135deg, #2986a9 0%, #33a6c9 40%, #00abdf 70%, #2f9eb3 100%); */

    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    margin-bottom: 0;

    -webkit-animation: moveDown .5s;
    animation: moveDown .5s;
}

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

@-moz-keyframes moveDown
{
    0%
    {
        -webkit-transform: translateY(-40px);
        transform: translateY(-40px);
    }
}
@keyframes moveDown
{
    0%
    {
        -webkit-transform: translateY(-40px);
        transform: translateY(-40px);
    }
}


header.fixed .info
{
    padding: 0;
}

header.fixed .info .cont.flex
{
    flex-wrap: nowrap;
}

header.fixed .info .cont.flex > * + *
{
    margin-left: 25px;
}


header.fixed .logo img
{
    height: 55px;
}

header.fixed .catalog
{
    width: 133px;
}

header.fixed .search .input
{
    background: var(--color_white);
}

header.fixed .location,
header.fixed .contacts
{
    margin-top: 0;
}

header.fixed .location .link,
header.fixed .location .price_list,
header.fixed .location .price_list .icon,
header.fixed .contacts .phone,
header.fixed .contacts .email
{
    color: var(--color_white);
}

header.fixed .search .link .icon,
header.fixed .location .link .icon,
header.fixed .location .link.tooltip .icon > *,
header.fixed .contacts .email .icon,
header.fixed .contacts .messengers a .icon
{
    fill: var(--color_white);
}

header.fixed .location .link:after
{
    border-color: var(--color_white);
}


header.fixed .location .link.active
{
    color: var(--color_blue);
}

header.fixed .location .link.active .icon,
header.fixed .location .link.active.tooltip .icon > *
{
    fill: #cbcbcb;
}

header.fixed .location .link.active:after
{
    border-color: #c1c1c1;
}


header.fixed .logo .color_blue,
header.fixed .support_link,
header.fixed .callback_link
{
    display: none;
}


header.fixed .logo .color_white
{
    display: block;
}


header.fixed .info .catalog
{
    display: block;
}

header.fixed .info .catalog .link
{
    border: none;
    border-radius: 25px;
    box-shadow: 0 0px 3px 0 #3720004d;
}

header.fixed .info .catalog .fast_catalog
{

}


header.fixed .info .search
{
    max-width: calc(100% - 980px);
}


header.fixed .info .links
{
    display: flex;
}

header.fixed .info .visited_modal
{
    left: -200px;
}

header.fixed .info .cart_link
{
    width: 70px;
    padding: 0;
    border-right: none;
}

header.fixed .info .cart_link .ms2_total_count
{
    right: -28px;
}

header.fixed .info .cart_link .icon
{
    height: 32px;
    margin-right: 0;
}

header.fixed .info .tooltip .text
{
    top: 100%;
    bottom: auto;
}

header.fixed .info .contacts .email.tooltip .text
{
    top: calc(100% + 15px);
}

header.fixed .tooltip .text:before
{
    top: -7px;
    bottom: auto;
}

header.fixed .tooltip .text:after
{
    top: 0;
    bottom: auto;
}


header.fixed .bottom
{
    background: #00abdf;
    border-top: 1px solid #e1e1e1;
}

header.fixed .bottom .catalog .link,
header.fixed .bottom .links,
header.fixed .bottom .cart_link
{
    display: none;
}


header.fixed .bottom .menu
{
    width: 100%;
    justify-content: center;
    height: 0;
    opacity: 0;
    overflow: hidden;

    transition: opacity .1s linear;
}

header.fixed .bottom .menu.show
{
    opacity: 1;
    height: 40px;
    overflow: visible;
}

header.fixed .menu .item > a
{
    font-size: 14px;

    min-height: 40px;
    padding: 10px 20px;
}

header.fixed .compare_link a
{
    min-height: 65px;
}



.mob_header
{
    position: relative;

    top: 0;
    left: 0;

    display: none;

    width: 100%;
    margin-bottom: 20px;
    padding: 15px 0;

    background: #fff;
}

.mob_header .cont
{
    display: flex;

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


.mob_header .logo
{
    margin-right: auto;
}

.mob_header .logo a
{
    display: block;
}

.mob_header .logo img
{
    display: block;

    height: 50px;

    /* position: absolute;
    top: 0;
    margin-left: -60px; */
}



.mob_header .contacts
{
    margin: 0 auto;
}

.mob_header .phone
{
    color: var(--color_black);
    font-size: 17px;
    font-weight: 500;
}

.mob_header .phone a
{
    color: var(--color_black);

    display: inline-block;

    vertical-align: top;
    white-space: nowrap;
    text-decoration: none;
}

.mob_header .contacts .messengers
{
    margin-left: 7px;

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

.mob_header .contacts .messengers a
{
    display: block;
}

.mob_header .contacts .messengers a + a
{
    margin-left: 5px;
}

.mob_header .contacts .messengers .icon
{
    display: block;
    margin-top: -4px;
}

.mob_header .contacts .messengers .whatsapp .icon
{
    width: 18px;
    height: 18px;
    fill: #0fc731;
}

.mob_header .contacts .messengers .telegram .icon
{
    width: 18px;
    height: 15px;
    fill: #00abdf;
}

.mob_header .contacts .messengers .max .icon
{
    width: 18px;
    height: 15px;
    fill: url('../images/sprite.svg#ic_messenger_Max_gradient');
}

.mob_header .contacts .item2
{
    justify-content: space-between;
    margin-top: 10px;
}

.mob_header .callback_link
{
    color: var(--color_white);
    font-family: var(--font_family);
    font-size: 13px;
    font-weight: 300;
    line-height: 30px;

    display: block;

    width: 100%;
    height: 30px;
    margin-top: 3px;
    padding: 0 15px;

    cursor: pointer;
    transition: background .1s linear;

    border: none;
    border-radius: 18px;
    background: #ff9511;
}

.mob_header .callback_link .icon 
{
    display: block;
    width: 15px;
    height: 15px;
    margin: -3px 3px 0 0;
    fill-rule: evenodd;
    clip-rule: evenodd;
    fill: var(--color_blue);
}

.mob_header .callback_link:hover
{
    background: #fea537;
}

.mob_header .price_list
{
    color: var(--color_blue);
    font-family: var(--font_family);
    font-size: 12px;

    display: flex;

    text-decoration: none;
}

.mob_header .price_list .icon
{
    display: block;
    width: 12px;
    height: 13px;
    margin: -2px 3px 0 0;
    transition: .1s linear;
    color: #ef4836;
}

.mob_header .price_list span
{
    transition: border-color .1s linear;
    border-bottom: 1px solid transparent;
    border-bottom-color: transparent;
}

.mob_header .price_list:hover span
{
    border-color: currentcolor;
}

.mob_header .support_link
{
    color: var(--color_blue);
    font-family: var(--font_family);
    font-size: 12px;

    display: flex;

    text-decoration: none;

    justify-content: flex-end;
    align-items: center;
    align-content: center;
    flex-wrap: wrap;
}

.mob_header .support_link .icon 
{
    display: block;
    width: 15px;
    height: 15px;
    margin: -3px 3px 0 0;
    fill-rule: evenodd;
    clip-rule: evenodd;
    fill: var(--color_blue);
}

.mob_header .support_link span
{
    transition: border-color .1s linear;
    border-bottom: 1px solid transparent;
    margin-top: 1px;
}

.mob_header .support_link:hover span
{
    border-color: currentcolor;
}


.mob_header .academy_link .icon
{
    color: #000;
}


.mob_header .links
{
    display: flex;

    margin-left: auto;

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


.mob_header .search
{
    position: static;

    width: 37px;
}


.mob_header .search .link
{
    display: flex;

    width: 37px;
    height: 37px;

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

.mob_header .search .link .icon
{
    display: block;

    width: 28px;
    height: 28px;

    transition: .1s linear;

    fill: var(--color_blue);
}


#mob_search_modal
{
    position: absolute;

    display: flex;

    width: 100%;
    padding: 20px;

    background: #fff;
    box-shadow: 0 0 5px rgba(0,0,0,.21);

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

    z-index: 101;
}

.mob_header .search form
{
    display: flex;

    width: 100%;

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

.mob_header .search ::-webkit-input-placeholder
{
    color: #9a9a9a;
}

.mob_header .search :-moz-placeholder
{
    color: #9a9a9a;
}

.mob_header .search :-ms-input-placeholder
{
    color: #9a9a9a;
}

.mob_header .search .input
{
    color: var(--text_color);
    font-family: var(--font_family);
    font-size: var(--font_size);

    display: block;

    width: 100%;
    height: 37px;
    padding: 0 50px 0 14px;

    border: 2px solid #ff9511;
    border-radius: 19px;
    background: none;
}

.mob_header .search .submit_btn
{
    position: relative;

    display: flex;

    width: 48px;
    height: 37px;
    margin-left: -49px;

    cursor: pointer;

    border: none;
    background: none;

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

.mob_header .search .input.ui-autocomplete-loading + .submit_btn:before
{
    content: "";

    display: block;
    position: absolute;

    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    margin: auto;
    width: calc(100% - 5px);
    height: calc(100% - 5px);

    border-radius: 50%;
    background: rgba(255, 255, 255, 0.7);

    z-index: 1;
}

.mob_header .search .input.ui-autocomplete-loading + .submit_btn:after
{
    content: "";

    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    margin: auto;
    width: 20px;
    height: 20px;

    border: 3px solid var(--color_blue);
    border-bottom-color: transparent;
    border-radius: 50%;

    display: block;
    position: absolute;

    z-index: 1;

    animation: submitBtnLoader 1s linear infinite;
}

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

    width: 20px;
    height: 20px;

    transition: .1s linear;

    fill: #ff9511;
}


.mob_header .compare_link
{
    margin-left: 16px;
}

.mob_header .compare_link a
{
    color: var(--color_blue);

    display: flex;
    position: relative;

    text-decoration: none;

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

.mob_header .compare_link a .count
{
    line-height: 18px;
    color: var(--color_black);
    font-weight: 700;

    position: absolute;
    z-index: 3;
    top: -24px;
    right: -27px;
    bottom: 0;
    left: 0;

    width: 22px;
    height: 18px;
    margin: auto;

    text-align: center;

    border-radius: 3px;
    background: var(--color_white);
    box-shadow: 0 0 0 2px var(--color_blue);
}

.mob_header .compare_link a .count.active
{
    color: var(--color_white);

    background: #ef4836;
    box-shadow: 0 0 0 2px var(--color_white);
}

.mob_header .compare_link a .icon
{
    display: block;

    width: 28px;
    height: 28px;

    margin-left: -10px;
}


.mob_header .favorite_link
{
    margin-left: 20px;
}

.mob_header .favorite_link a
{
    color: var(--color_blue);

    display: flex;

    text-decoration: none;

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

.mob_header .favorite_link a .icon
{
    display: block;

    width: 27px;
    height: 24px;
}


.mob_header .visited
{
    margin-left: 20px;
}

.mob_header .visited .link
{
    color: var(--color_black);
    font-weight: 700;

    position: relative;

    display: flex;

    padding-right: 8px;

    text-decoration: none;

    justify-content: center;
    align-items: center;
    align-content: center;
    flex-wrap: nowrap;
}

.mob_header .visited .link .count
{
    line-height: 18px;

    position: absolute;
    z-index: 3;
    top: -24px;
    right: -24px;
    bottom: 0;
    left: 0;

    width: 22px;
    height: 18px;
    margin: auto;

    text-align: center;

    border-radius: 3px;
    background: #fff;
    box-shadow: 0 0 0 2px var(--color_blue);
}

.mob_header .visited .link .icon
{
    display: block;

    width: 25px;
    height: 25px;

    fill: var(--color_blue);
}

.mob_header .visited .link:after
{
    position: absolute;
    top: 4px;
    right: -36px;
    bottom: 0;
    left: 0;

    display: block;

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

    content: '';
    transform: rotate(-45deg);
    transition: all .1s linear;

    border-bottom: 1px solid #96e5fd;
    border-left: 1px solid #96e5fd;
}

.mob_header .visited .link.active:after
{
    top: 9px;
    transform: rotate(135deg);
}

.mob_header .visited .text
{
    display: none;
}


#mob_visited_modal
{
    left: 50%;

    width: 274px;
    margin-top: 15px;
    margin-left: -190px;
    padding: 20px 25px;

    background: #fff;
    box-shadow: 0 0 5px rgba(0,0,0,.21);
}

#mob_visited_modal .list
{
    max-height: 300px;
    overflow-y: auto;
    scrollbar-color: #d0d0d0 #eee;
    scrollbar-width: thin;
}

#mob_visited_modal .list > * + *
{
    margin-top: 15px;
}

#mob_visited_modal .list .item
{
    color: var(--color_black);
    font-size: 13px;
    font-weight: 300;
    line-height: 18px;

    display: block;

    transition: color .1s linear;
    text-decoration: none;
}

#mob_visited_modal .list .item .date,
#mob_visited_modal .list .item .time
{
    color: #9a9a9a;

    display: inline-block;

    margin-top: 2px;

    vertical-align: top;
}

#mob_visited_modal .list .item:hover
{
    color: var(--color_blue);
}


#mob_visited_modal .all_link
{
    margin-top: 15px;
}

#mob_visited_modal .all_link a
{
    color: var(--color_blue);
    font-weight: 300;

    display: inline-block;

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

    border-bottom: 1px dashed;
}

#mob_visited_modal .all_link a:hover
{
    text-decoration: none;

    border-color: transparent;
}



.mob_header .cart_link
{
    position: relative;
    
    color: var(--color_black);
    font-size: 14px;
    font-weight: 700;

    display: flex;

    margin-left: 20px;

    text-decoration: none;
    text-transform: uppercase;

    justify-content: center;
    align-items: center;
    align-content: center;
    flex-wrap: nowrap;
}

.mob_header .cart_link .count
{
    line-height: 18px;

    position: absolute;
    z-index: 3;
    top: -24px;
    right: -24px;
    bottom: 0;
    left: 0;

    width: 22px;
    height: 18px;
    margin: auto;

    text-align: center;

    border-radius: 3px;
    background: #fff;
    box-shadow: 0 0 0 2px var(--color_blue);
}

.mob_header .cart_link .icon
{
    display: block;

    height: 28px;
    width: 28px;

    color: var(--color_blue);
}


.mob_header .mob_menu_link
{
    display: block;

    width: 48px;
    height: 38px;
    margin-right: -10px;
    margin-left: 20px;
    padding: 10px;

    cursor: pointer;

    border: none;
    background: none;
}

.mob_header .mob_menu_link.table
{
    display: none;
}

.mob_header .mob_menu_link span
{
    display: block;

    width: 100%;
    height: 2px;

    background: #000;
}

.mob_header .mob_menu_link span + span
{
    margin-top: 6px;
}



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

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

aside.mini
{
    width: var(--aside_mini_width);
}


aside .most_popular
{
    margin-bottom: 12px;
}


aside .most_popular .swiper
{
    overflow: hidden;

    background: #fff;
}


aside .most_popular .product
{
    display: flex;
    align-content: flex-start;
    align-items: flex-start;
    flex-wrap: wrap;
    justify-content: space-between;

    padding: 16px 20px;

    text-decoration: none;

    color: #000;
}


aside .most_popular .product .title
{
    width: 100%;
    margin-bottom: 4px;

    font-size: 16px;
    font-weight: 700;
}


aside .most_popular .product .thumb
{
    display: flex;
    align-content: center;
    align-items: center;
    flex-wrap: wrap;
    justify-content: center;

    width: 96px;
    height: 42px;
}


aside .most_popular .product .thumb img
{
    display: block;

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


aside .most_popular .product .name
{
    align-self: center;

    width: calc(100% - 103px);

    font-size: 19px;

    color: #009cdf;
}

aside .most_popular .product .name span
{
    transition: border-color .1s linear;
    border-bottom: 1px solid transparent;
    border-bottom-color: transparent;
}

aside .most_popular .product:hover .name span
{
    border-color: currentcolor;
}


aside .most_popular .product .desc
{
    width: 100%;
    margin-top: 7px;

    font-size: 17px;
}


aside .compare_informer
{
    display: none;
    position: relative;

    margin-bottom: 8px;
    padding: 21px 19px 21px 12px;

    border-left: 1px solid #ff9511;
    background: #fff;

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

aside.mini .compare_informer
{
    border-right: 1px solid #dadada;
}

aside .compare_informer.active
{
    display: flex;
}

aside .compare_informer.loading:before
{
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(255, 255, 255, 0.4);
    z-index: 4;
    cursor: wait;
}

aside .compare_informer .icon
{
    display: flex;

    width: 39px;
    height: 39px;

    border-radius: 50%;
    background: #ff9511;

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

aside .compare_informer .icon svg
{
    color: #fff;

    display: block;

    width: 20px;
    height: 20px;
}

aside .compare_informer .icon + div
{
    width: calc(100% - 54px);
}

aside .compare_informer .count
{
    color: #000;
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
}

aside .compare_informer .link
{
    color: #00abdf;
    font-size: 14px;
    font-weight: 300;
    line-height: 18px;

    display: none;

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

    border-bottom: 1px solid transparent;
}

aside .compare_informer .link.active
{
    display: inline-block;
}

aside .compare_informer .link:hover
{
    border-color: currentcolor;
}



aside .cats
{
    padding: 20px;

    background: #fff;
    box-shadow: 0 0 13px rgba(72,72,72,.14);

    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-start;
    flex-direction: column;
    height: calc(100% - 132px);
}


aside .cats div
{
    width: 100%;
}

aside .cats a
{
    color: #212121;
    font-size: 15px;
    font-weight: 300;

    display: flex;

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

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

aside .cats a h2
{
    font-size: 15px;
    font-weight: 300;
}

aside .cats .title h2
{
    margin-bottom: 10px;

    color: #212121;
    font-size: 15px;
    font-weight: 700;
}

aside .cats a .icon
{
    width: 25px;
}

aside .cats a .icon > *
{
    display: block;

    max-width: 100%;
    max-height: 100%;
    margin: 0 auto;

    transition: fill .1s linear;

    fill: var(--color_blue);
}

aside .cats a .icon1 > *
{
    width: 20px;
    height: 8px;
}

aside .cats a .icon2 > *
{
    width: 20px;
    height: 8px;
}

aside .cats a .icon3 > *
{
    width: 20.2px;
    height: 13.5px;
}

aside .cats a .icon4 > *
{
    width: 19.85px;
    height: 16.4px;
}

aside .cats a .icon5 > *
{
    width: 14.4px;
    height: 17.94px;
}

aside .cats a .icon6 > *
{
    width: 19.97px;
    height: 15.9px;
}

aside .cats a .icon7 > *
{
    width: 9px;
    height: 18px;
}

aside .cats a .icon8 > *
{
    width: 20px;
    height: 17px;
}

aside .cats a .icon9 > *
{
    width: 20px;
    height: 16.5px;
}

aside .cats a .icon10 > *
{
    width: 20px;
    height: 14px;
}

aside .cats a .icon11 > *
{
    width: 20px;
    height: 13.8px;
}

aside .cats a .icon12 > *
{
    width: 15px;
    height: 15px;
}

aside .cats a .icon13 > *
{
    width: 20px;
    height: 16.9px;
}

aside .cats a .icon14 > *
{
    width: 16px;
    height: 17px;
}

aside .cats a .icon15 > *
{
    width: 19.1px;
    height: 16px;
}

aside .cats a .icon16 > *
{
    width: 18px;
    height: 18px;
}

aside .cats a .icon17 > *
{
    width: 26px;
    height: 18px;
}

aside .cats a .icon_flag_rus > *
{
    width: 24px;
    height: 17px;
}

aside .cats a .icon + *
{
    width: calc(100% - 37px);
}

aside .cats a:hover,
aside .cats a.active
{
    color: var(--color_blue);
}

aside .cats a:hover .icon > *,
aside .cats a.active .icon > *
{
    fill: var(--color_blue);
}



aside .articles_cats
{
    background: #fff;
}

aside .articles_cats > * + *
{
    border-top: 1px solid var(--bg);
}

aside .articles_cats a
{
    color: var(--color_black);
    font-weight: 300;

    position: relative;

    display: flex;

    min-height: 50px;
    padding: 10px 47px 10px 6px;

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

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


aside .articles_cats a .icon
{
    width: 43px;
}

aside .articles_cats a .icon > *
{
    display: block;

    max-width: 100%;
    max-height: 100%;
    margin: 0 auto;

    transition: fill .1s linear;

    fill: #a6e2f4;

    width: 0;
    height: 0;
}

aside .articles_cats a .icon1 > *
{
    width: 15px;
    height: 15px;
}

aside .articles_cats a .icon2 > *
{
    width: 20px;
    height: 5px;
}

aside .articles_cats a .icon3 > *
{
    width: 20px;
    height: 9px;
}

aside .articles_cats a .icon4 > *
{
    width: 21px;
    height: 15px;
}

aside .articles_cats a .icon5 > *
{
    width: 15px;
    height: 18px;
}

aside .articles_cats a .icon6 > *
{
    width: 20px;
    height: 17px;
}

aside .articles_cats a .icon7 > *
{
    width: 19px;
    height: 5px;
}

aside .articles_cats a .icon8 > *
{
    width: 20px;
    height: 17px;
}

aside .articles_cats a .icon9 > *
{
    width: 20px;
    height: 16.5px;
}

aside .articles_cats a .icon10 > *
{
    width: 20px;
    height: 14px;
}

aside .articles_cats a .icon11 > *
{
    width: 20px;
    height: 13.8px;
}

aside .articles_cats a .icon12 > *
{
    width: 15px;
    height: 15px;
}

aside .articles_cats a .icon13 > *
{
    width: 20px;
    height: 16.9px;
}

aside .articles_cats a .icon14 > *
{
    width: 16px;
    height: 17px;
}

aside .articles_cats a .icon15 > *
{
    width: 19.1px;
    height: 16px;
}

aside .articles_cats a .icon16 > *
{
    width: 18px;
    height: 18px;
}

aside .articles_cats a .icon17 > *
{
    width: 26px;
    height: 18px;
}

aside .articles_cats a .icon18 > *
{
    width: 25px;
    height: 17px;
}

aside .articles_cats a .icon_flag_rus > *
{
    width: 24px;
    height: 17px;
}



aside .articles_cats a .icon + *
{
    width: calc(100% - 43px);
}


aside .articles_cats a .arr
{
    position: absolute;
    top: 0;
    right: 15px;
    bottom: 0;

    display: block;

    width: 17px;
    height: 1px;
    margin: auto;

    transition: opacity .1s linear;

    opacity: 0;
    background: var(--color_blue);
}

aside .articles_cats a .arr:after
{
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;

    display: block;

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

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

    border-right: 1px solid var(--color_blue);
    border-bottom: 1px solid var(--color_blue);
}


aside .articles_cats a:hover,
aside .articles_cats a.active
{
    color: var(--color_blue);
    font-weight: 500;
}

aside .articles_cats a:hover .icon > *,
aside .articles_cats a.active .icon > *
{
    fill: var(--color_blue);
}

aside .articles_cats a:hover .arr,
aside .articles_cats a.active .arr
{
    opacity: 1;
}



aside .cases_cats
{
    background: #fff;
}

aside .cases_cats > * + *
{
    border-top: 1px solid var(--bg);
}

aside .cases_cats a
{
    color: var(--color_black);
    font-weight: 300;

    position: relative;

    display: flex;

    min-height: 50px;
    padding: 10px 47px 10px 6px;

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

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


aside .cases_cats a .icon
{
    width: 43px;
}

aside .cases_cats a .icon > *
{
    display: block;

    max-width: 100%;
    max-height: 100%;
    margin: 0 auto;

    transition: fill .1s linear;

    fill: #a6e2f4;
}

aside .cases_cats a .icon1 > *
{
    width: 15px;
    height: 14px;
}

aside .cases_cats a .icon2 > *
{
    width: 15px;
    height: 18px;
}

aside .cases_cats a .icon3 > *
{
    width: 20px;
    height: 8px;
}

aside .cases_cats a .icon4 > *
{
    width: 20px;
    height: 6px;
}

aside .cases_cats a .icon5 > *
{
    width: 20px;
    height: 17px;
}


aside .cases_cats a .icon + *
{
    width: calc(100% - 43px);
}


aside .cases_cats a .arr
{
    position: absolute;
    top: 0;
    right: 15px;
    bottom: 0;

    display: block;

    width: 17px;
    height: 1px;
    margin: auto;

    transition: opacity .1s linear;

    opacity: 0;
    background: var(--color_blue);
}

aside .cases_cats a .arr:after
{
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;

    display: block;

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

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

    border-right: 1px solid var(--color_blue);
    border-bottom: 1px solid var(--color_blue);
}


aside .cases_cats a:hover,
aside .cases_cats a.active
{
    color: var(--color_blue);
    font-weight: 500;
}

aside .cases_cats a:hover .icon > *,
aside .cases_cats a.active .icon > *
{
    fill: var(--color_blue);
}

aside .cases_cats a:hover .arr,
aside .cases_cats a.active .arr
{
    opacity: 1;
}



aside .mob_filter_link
{
    color: var(--color_blue);
    font-family: var(--font_family);
    font-size: 15px;

    display: none;

    width: 100%;
    padding: 15px 20px;

    cursor: pointer;
    text-align: center;

    border: none;
    border-bottom: 1px solid #dadada;
    background: #fff;

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

aside .mob_filter_link span
{
    display: inline-block;

    transition: border-color .1s linear;
    vertical-align: top;

    border-bottom: 1px dashed;
}

aside .mob_filter_link.active span
{
    border-color: transparent;
}



aside .filter
{
    border-right: 1px solid #dadada;
    background: #fff;
}

aside .filter .item
{
    padding: 20px;
}

aside .filter .item + .item
{
    border-top: 1px solid #dadada;
}


aside .filter .item fieldset
{
    border: none;
}


aside .filter .item .name
{
    font-size: var(--font_size);
    color: var(--color_black);
    font-weight: 500;
    line-height: 18px;

    padding-right: 20px;

    position: relative;

    cursor: pointer;
}

aside .filter .item .name:before
{
    position: absolute;
    top: 0;
    left: -20px;

    display: block;

    width: 1px;
    height: 100%;

    content: '';
    pointer-events: none;

    background: var(--color_blue);
}


aside .filter .item .name .arrow
{
    display: inline-block;
    height: 16px;
    width: 16px;
    cursor: pointer;
    position: absolute;
    top: 1px;
    right: -10px;
    border-radius: 50%;
    z-index: 1;
}

aside .filter .item .name .arrow:before
{
    display: block;
    position: relative;
    content: "";

    width: 6px;
    height: 6px;

    transition: all .1s linear;
    transform: rotate(-45deg);

    border-bottom: 1px solid #a5a5a5;
    border-left: 1px solid #a5a5a5;

    top: 4px;
    right: -5px;
}

aside .filter .item .name.active .arrow:before
{
    transform: rotate(135deg);
    top: 6px;
}

aside .filter .item .name:hover .arrow
{
    background: #00abdf;
}

aside .filter .item .name:hover .arrow:before
{
    border-color: #fff;
}


aside .filter .item .data
{
    padding-top: 15px;
}

aside .filter .item .data > * + *
{
    margin-top: 12px;
}


aside .filter input[type=checkbox]
{
    display: none;
}

aside .filter input[type=checkbox] + label
{
    color: #737373;
    font-size: var(--font_size);
    font-weight: 300;
    line-height: 16px;

    position: relative;

    display: block;

    padding-left: 28px;

    cursor: pointer;
    transition: color .1s linear;
}

aside .filter input[type=checkbox] + label:before
{
    position: absolute;
    top: 0;
    left: 0;

    display: block;

    width: 17px;
    height: 17px;

    content: '';
    transition: color .1s linear;

    border: 1px solid #cbcbcb;
    border-radius: 3px;
    background: #fff;
    box-shadow: inset 0 2px .74px 1.26px rgba(0, 0, 0, .07);
}

aside .filter input[type=checkbox] + label:after
{
    position: absolute;
    top: 4px;
    left: 4px;

    display: block;

    width: 10px;
    height: 6px;

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

    opacity: 0;
    border-bottom: 3px solid var(--color_black);
    border-left: 3px solid var(--color_black);
}

aside .filter input[type=checkbox] + label.disabled
{
    color: #939393 !important;
    cursor: default;
    opacity: .5;
}

aside .filter input[type=checkbox] + label:hover
{
    color: var(--color_blue);
}

aside .filter input[type=checkbox]:checked + label
{
    color: var(--color_black);
}

aside .filter input[type=checkbox]:checked + label:after
{
    opacity: 1;
}

aside .filter input[type="checkbox"] + label > span
{
    font-size: 12px;
}

aside .filter input[type="checkbox"] + label > span:before
{
    content: "(";
}

aside .filter input[type="checkbox"] + label > span:after
{
    content: ")";
}


aside .filter .item .data .field.level_2
{
    padding-left: 15px;
}

aside .filter .item .data .field.level_2 label
{
    font-size: 12px;
    padding-left: 25px;
}

aside .filter .item .data .field.level_3
{
    padding-left: 30px;
}

aside .filter .item .data .field.level_3 label
{
    font-size: 12px;
    padding-left: 25px;
}

aside .filter .item .data .field.level_4
{
    padding-left: 45px;
}

aside .filter .item .data .field.level_4 label
{
    font-size: 12px;
    padding-left: 25px;
}


aside .filter .item .data .mse2_number_inputs .field
{
    width: 50%;
}

aside .filter .item .data .mse2_number_inputs .field label
{
    color: #737373;
    font-size: var(--font_size);
    font-weight: 300;
    line-height: 16px;
}

aside .filter .item .data .mse2_number_inputs .field input
{
    margin-left: 5px;
    width: calc(100% - 45px);
    color: #737373;
    font-size: var(--font_size);
    font-weight: 300;
    line-height: 20px;
    padding: 0 5px;

    border: 1px solid #cbcbcb;
    border-radius: 3px;
    background: #fff;
    box-shadow: inset 0 2px .74px 1.26px rgba(0, 0, 0, .07);
}


aside .filter .reset_btn
{
    color: var(--color_blue);
    font-family: var(--font_family);
    font-size: var(--font_size);
    font-weight: 300;

    position: relative;

    display: inline-block;

    padding-left: 22px;

    cursor: pointer;
    vertical-align: top;
    white-space: nowrap;

    border: none;
    background: none;
}

aside .filter .reset_btn:before,
aside .filter .reset_btn:after
{
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;

    display: block;

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

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

    border-radius: 2px;
    background: var(--color_blue);
}

aside .filter .reset_btn:after
{
    transform: rotate(-45deg);
}

aside .filter .reset_btn span
{
    transition: border-color .1s linear;

    border-bottom: 1px dashed;
}

aside .filter .reset_btn span:hover
{
    border-color: transparent;
}



aside .products_list
{
    padding: 20px;

    background: #fff;
}


aside .products_list .main_cat
{
    color: var(--color_black);
    font-weight: 500;
    line-height: 18px;

    position: relative;

    margin-bottom: 15px;
}

aside .products_list .main_cat:before
{
    position: absolute;
    top: 0;
    left: -20px;

    display: block;

    width: 1px;
    height: 100%;

    content: '';
    pointer-events: none;

    background: var(--color_blue);
}

aside .products_list .main_cat a
{
    color: var(--color_black);
    font-weight: 500;
    line-height: 18px;
    position: relative;
    margin-bottom: 15px;
    text-decoration: none;
    display: block;
}

aside .products_list .main_cat a:hover
{
    text-decoration: underline;
}


aside .products_list .list
{
    margin-bottom: 15px;
}


aside .products_list .item + .item
{
    margin-top: 10px;
}


aside .products_list .item .cat
{
    color: var(--color_black);
    line-height: 18px;

    margin-bottom: 7px;
}

aside .products_list .item .cat.level2
{
    display: flex;
    position: relative;

    cursor: pointer;
}

aside .products_list .item .cat.level2 + .list
{
    display: none;

    margin-bottom: 25px;
}

aside .products_list .item .cat.level2.active + .list
{
    display: block;
}

aside .products_list .item .cat.level2 > a
{
    color: var(--color_black);
    line-height: 18px;
    margin-bottom: 7px;
    padding-left: 0;
    font-weight: 300;
}

aside .products_list .item .cat.level2:hover > a{
    text-decoration: underline;
}

aside .products_list .item .cat.level2 .arrow
{
    display: block;
    height: 16px;
    width: 16px;
    cursor: pointer;
    position: absolute;
    top: 1px;
    right: -10px;
    border-radius: 50%;
    z-index: 1;
}

aside .products_list .item .cat.level2 .arrow:before
{
    display: block;
    position: relative;
    content: "";

    width: 6px;
    height: 6px;

    transition: all .1s linear;
    transform: rotate(-45deg);

    border-bottom: 1px solid #a5a5a5;
    border-left: 1px solid #a5a5a5;

    top: 4px;
    right: -5px;
}

aside .products_list .item .cat.level2.active .arrow:before
{
    transform: rotate(135deg);
    top: 6px;
}

aside .products_list .item .cat.level2:hover .arrow
{
    background: #00abdf;
}

aside .products_list .item .cat.level2:hover .arrow:before
{
    border-color: #fff;
}

aside .products_list .item .cat.level3 > a,
aside .products_list .item .cat.level4 > a
{
    line-height: 16px;
    margin-bottom: 7px;
    padding-left: 0;
    font-size: 14px;
    color: #424242;
}

aside .products_list .item .cat.level4 > a
{
    padding-left: 5px;
    margin-top: 10px;
}

aside .products_list .item .cat.level3 > a:hover,
aside .products_list .item .cat.level4 > a:hover
{
    text-decoration: underline;
}


aside .products_list .list > * + *
{
    margin-top: 3px;
}

aside .products_list .list a
{
    color: var(--text_color);

    position: relative;

    display: block;

    /*padding-left: 15px;*/

    transition: color .1s linear;
    text-decoration: none;
}

/*aside .products_list .list a.new:before,
aside .products_list .list a.dev:before,
aside .products_list .list a.sale:before,
aside .products_list .list a.hits:before,
aside .products_list .list a.individual:before,
aside .products_list .list a.removed:before
{
    position: absolute;
    top: 6px;
    left: 4px;

    display: block;

    width: 5px;
    height: 5px;

    content: '';

    border-radius: 50%;
}

aside .products_list .list a.new:before
{
    background: #46b03d;
}

aside .products_list .list a.dev:before
{
    background: #7e7fa6;
}

aside .products_list .list a.removed:before
{
    background: #989898;
}

aside .products_list .list a.sale:before
{
    background: #ffcc00;
}

aside .products_list .list a.hits:before
{
    background: #ef4836;
}

aside .products_list .list a.individual:before
{
    background: #00685b;
}

aside .products_list .list a.small:before
{
    background: #ff8403;
}
*/

aside .products_list .list a.removed,
aside .products_list .list a.sale,
aside .products_list .list a.small
{
    color: #b0b0b0;
}

aside .products_list .list a:hover
{
    color: #000;
}

aside .products_list .list a:not(.active):hover
{
    text-decoration: underline;
}

aside .products_list .list a.active
{
    color: #00abdf;
}


aside .products_list + .reset_btn
{
    border-top: 1px solid #dadada;
    padding: 20px;
    background: #fff;
}

aside .products_list + .reset_btn a
{
    color: var(--color_blue);
    font-family: var(--font_family);
    font-size: var(--font_size);
    font-weight: 300;

    position: relative;

    display: inline-block;

    padding-left: 22px;

    vertical-align: top;
    white-space: nowrap;

    text-decoration: none;
}

aside .products_list + .reset_btn a:before,
aside .products_list + .reset_btn a:after
{
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;

    display: block;

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

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

    border-radius: 2px;
    background: var(--color_blue);
}

aside .products_list + .reset_btn a:after
{
    transform: rotate(-45deg);
}

aside .products_list + .reset_btn a span
{
    transition: border-color .1s linear;

    border-bottom: 1px dashed;
}

aside .products_list + .reset_btn a span:hover
{
    border-color: transparent;
}



aside .filter .products_list .item
{
    padding: 0;
}

aside .filter .products_list .item + .item
{
    border-top: none;
}

aside .filter .products_list .item .active > a
{
    color: var(--color_blue);
}

aside .filter .products_list .item .cat.level2
{
    cursor: default;
}

aside .filter .products_list .item .cat.level2:hover > a
{
    text-decoration: none;
}

aside .filter .products_list .item .cat.level2:not(.active) > a:hover
{
    text-decoration: underline;
}

aside .filter .products_list .item .cat.level2:hover .arrow
{
    background: none;
}

aside .filter .products_list .item .cat.level2:hover .arrow:before
{
    border-color: #a5a5a5;
}

aside .filter .products_list .item .cat.level2 .arrow:hover
{
    background: var(--color_blue);
}

aside .filter .products_list .item .cat.level2 .arrow:hover:before
{
    border-color: var(--color_white);
}



aside .equipment
{
    margin-top: 7px;
    padding: 20px;

    background: #fff;
}

aside .equipment .block_title
{
    color: var(--color_black);
    font-size: 20px;
    font-weight: 700;

    margin-bottom: 20px;
}


aside .equipment .product + .product
{
    margin-top: 20px;
}


aside .equipment .product .thumb
{
    position: relative;

    display: block;
    overflow: hidden;

    padding-bottom: 75%;
}

aside .equipment .product .thumb .img
{
    position: absolute;
    top: 0;
    left: 0;

    display: flex;

    width: 100%;
    height: 100%;

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

aside .equipment .product .thumb img
{
    display: block;

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

aside .equipment .product .thumb .view360
{
    position: absolute;
    z-index: 9;
    bottom: 0;
    left: 0;

    display: block;

    width: 25px;
    height: 25px;

    pointer-events: none;

    fill: var(--color_black);
}


aside .equipment .product .name
{
    color: var(--color_black);
    font-size: 16px;
    font-weight: 700;

    margin-top: 10px;
}

aside .equipment .product .name a
{
    color: var(--color_black);

    display: inline-block;

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

aside .equipment .product .name a:hover,
aside .equipment .product .thumb:hover ~ .name a
{
    color: var(--color_blue);
}


aside .equipment .product .desc
{
    color: #737373;
    font-weight: 300;

    margin-top: 15px;
}



aside .page_links
{
    padding: 17px 20px 25px;

    background: #fff;
}


aside .page_links .title
{
    color: #000;
    font-size: 14px;
    font-weight: 500;

    position: relative;

    margin-bottom: 17px;
}

aside .page_links .title:before
{
    position: absolute;
    top: 0;
    left: -20px;

    display: block;

    width: 1px;
    height: 100%;

    content: '';

    background: #00abdf;
}

aside .page_links .title a
{
    color: #000;
    text-decoration: none;
}

aside .page_links .title a:hover,
aside .page_links .title a.active
{
    color: #00abdf;
}

aside .page_links .title .icon
{
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;

    display: none;

    width: 20px;
    height: 15px;
    margin: auto;
}

aside .page_links .title .icon span
{
    display: block;

    position: absolute;
    top: 6px;
    right: 0;
    bottom: 0;

    width: 20px;
    height: 2px;

    background: var(--color_black);
}

aside .page_links .title .icon span:before,
aside .page_links .title .icon span:after
{
    position: absolute;
    top: -6px;
    left: 0;

    display: block;

    width: 100%;
    height: 100%;

    content: '';

    background: var(--color_black);

    transition: transform .1s linear;
}

aside .page_links .title .icon span:after
{
    top: 6px;
}

aside .page_links .title.active .icon span
{
    top: 12px;
    background: var(--color_white);
}

aside .page_links .title.active .icon span:before
{
    transform: rotate(-45deg);
}

aside .page_links .title.active .icon span:after
{
    top: -6px;
    transform: rotate(45deg);
}


aside .page_links .items > * + *
{
    margin-top: 17px;
}

aside .page_links .items a
{
    color: #000;
    font-size: 14px;
    line-height: 20px;

    display: inline-block;

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

    padding: 2px 0;
}

aside .page_links .items a:hover,
aside .page_links .items a.active
{
    color: #00abdf;
}



aside .page_cats .title
{
    color: var(--color_black);
    font-weight: 300;
    padding: 0;
    border: none;
    background: none;
    line-height: normal;
    font-size: 14px;
    position: relative;
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
}

aside .page_cats .title .icon_menu
{
    position: absolute;
    top: 0;
    right: 20px;
    bottom: 0;
    width: 20px;
    height: 16px;
    margin: auto;

    display: none;

    flex-direction: column;
    justify-content: center;
    align-items: center;
    align-content: center;
    flex-wrap: wrap;
}

aside .page_cats .title .icon_menu span {
    display: block;
    width: 100%;
    height: 2px;
    background: #000;
}

aside .page_cats .title .icon_menu span + span {
    margin-top: 4px;
}

aside .page_cats .items > * + * {
    border-top: 1px solid var(--bg);
}

aside .page_cats .title .icon_menu.active span:nth-child(1)
{
    display: none;
}

aside .page_cats .title .icon_menu.active span:nth-child(2)
{
    transform: rotate(-45deg);
    margin-top: 0;
}

aside .page_cats .title .icon_menu.active span:nth-child(3)
{
    transform: rotate(45deg);
    margin-top: -2px;
}



/*---------------
   Main section
---------------*/
.owl-carousel,
.owl-carousel .slide:first-child
{
    display: block;
}

.owl-carousel .slide
{
    display: none;
}

.owl-carousel .owl-stage
{
    white-space: nowrap;
}

.owl-carousel .owl-item
{
    display: inline-block;
    float: none;

    vertical-align: top;
    white-space: normal;
}

.owl-carousel .slide .lozad
{
    transition: .1s linear;
}

.owl-carousel .owl-nav button.owl-prev
{
    left: 0;
}

.owl-carousel .owl-nav button.owl-next
{
    right: 0;
}

.owl-dots
{
    bottom: 10px;
}



.main_slider
{
    background: #ddd;
    box-shadow: 0 0 13px rgba(72,72,72,.14);
    max-height: 563px;
    overflow: hidden;
}


.main_slider .owl-carousel .owl-nav button.owl-prev,
.main_slider .owl-carousel .owl-nav button.owl-next
{
    width: 27px;
    height: 57px;

    transition: background .1s linear;

    border-radius: 0 50px 50px 0;
    background: rgba(0,0,0,.3);
}

.main_slider .owl-carousel .owl-nav button.owl-prev
{
    left: 0;
}

.main_slider .owl-carousel .owl-nav button.owl-next
{
    right: 0;
}

.main_slider .owl-carousel .owl-nav button span
{
    width: 16px;
    height: 16px;

    border-width: 2px;
    border-color: #fff;
}

.main_slider .owl-carousel .owl-nav button.owl-prev:hover,
.main_slider .owl-carousel .owl-nav button.owl-next:hover
{
    background: var(--color_blue);
}


.main_slider .slide
{
    position: relative;

    overflow: hidden;

    min-height: 563px;
    padding: 80px;
}


.main_slider .slide div.bg,
.main_slider .slide div.tablet_bg,
.main_slider .slide div.mob_bg
{
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;

    width: 100%;
    height: 100%;

    background-repeat: no-repeat;
    background-position: 50%;
    background-size: cover;
}

.main_slider .slide img.bg,
.main_slider .slide img.tablet_bg,
.main_slider .slide img.mob_bg
{
    width: 100%;
    height: 100%;
}

.main_slider .slide .tablet_bg,
.main_slider .slide .mob_bg
{
    display: none;
}


.main_slider .slide .info
{
    color: var(--color_white);

    position: relative;
    z-index: 5;

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

.main_slider .slide .title
{
    font-size: 30px;
    font-weight: 500;
    line-height: 36px;

    letter-spacing: .025em;
}

.main_slider .slide .desc
{
    font-size: 20px;
    font-weight: 300;

    margin-top: 35px;

    letter-spacing: .025em;
}

.main_slider .slide .link
{
    color: var(--color_white);
    font-size: 18px;
    font-weight: bold;
    line-height: 55px;

    display: inline-block;

    height: 55px;
    margin-top: 32px;
    padding: 0 30px;

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

    border-radius: 7px;
    background: rgb(255, 149, 17);
    text-shadow: 0 1px 0 #916319;
}


.main_slider .slide .link.link2
{
    color: #112449;
    border: none;
    cursor: pointer;

    display: flex;

    width: 258px;
    max-width: 100%;
    margin-right: 30px;

    text-transform: uppercase;

    text-shadow: none;

    white-space: nowrap;

    justify-content: center;
    align-items: center;
    align-content: center;
}

.main_slider .slide .link.link2 .icon
{
    color: currentColor;

    display: block;

    width: 18px;
    height: 16px;
    margin-left: 10px;
    margin-top: -3px;
}

.main_slider .slide .link.link3
{
    color: #FFF;
    border: 2px solid #d4d4d4;
    cursor: pointer;
    background: none;

    display: flex;

    width: 258px;
    max-width: 100%;

    text-transform: uppercase;

    text-shadow: none;

    white-space: nowrap;

    justify-content: center;
    align-items: center;
    align-content: center;
}

.main_slider .slide .link.link3 .icon
{
    color: currentColor;

    display: block;

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

    fill-rule: evenodd;
    clip-rule: evenodd;
    fill: #FFFFFF;
}


.main_slider .slide .link.link4
{
    color: #ff9511;
    border: 2px solid #fff;
    cursor: pointer;
    background: #fff;

    display: flex;

    width: 258px;
    max-width: 100%;

    text-transform: uppercase;

    text-shadow: none;

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

.main_slider .slide .link.link4 .icon
{
    color: currentColor;

    display: block;

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

    fill-rule: evenodd;
    clip-rule: evenodd;
    fill: #ff9511;
}


.main_slider .slide .link.link5
{
    color: #FFF;
    border: 2px dashed #d4d4d4;
    cursor: pointer;
    background: none;

    display: flex;

    width: 65px;
    height: 65px;
    max-width: 100%;

    text-transform: uppercase;

    text-shadow: none;

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

    padding: 0;
    border-radius: 50%;
}

.main_slider .slide .link.link5 + .link
{
    margin-left: 20px;
}

.main_slider .slide .link.link5 .icon
{
    color: currentColor;

    display: block;

    width: 25px;
    height: 25px;

    fill-rule: evenodd;
    clip-rule: evenodd;
    fill: #FFFFFF;
}


.main_slider .slide .link.link6
{
    color: #FFF;
    border: none;
    cursor: pointer;

    display: flex;

    width: 258px;
    max-width: 100%;
    margin-right: 30px;

    text-transform: uppercase;

    text-shadow: none;

    white-space: nowrap;

    justify-content: center;
    align-items: center;
    align-content: center;

    background: #75ab1f;
}

.main_slider .slide .link.link7
{
    width: auto;
}

.main_slider .slide .link.link7 .icon
{
    margin-right: 10px;
    margin-left: 0;
}


.main_slider .slide .link:hover
{
    color: var(--color_white);

    background: #22b5e2;
}

.main_slider .slide .link.link4:hover
{
    color: var(--color_white);

    background: #ff9511;
}


.main_slider .slide .items
{
    font-size: 18px;

    margin-top: 24px;
}

.main_slider .slide .items > *
{
    position: relative;

    padding-left: 26px;
}

.main_slider .slide .items > * + *
{
    margin-top: 12px;
}

.main_slider .slide .items > *:before
{
    position: absolute;
    top: 4px;
    left: 0;

    display: block;

    width: 14px;
    height: 8px;

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

    border-bottom: 3px solid #ff9511;
    border-left: 3px solid #ff9511;
    border-radius: 1px;
}

.main_slider .slide .items + .flex
{
    flex-wrap: nowrap;
}


.main_slider .slide .stickers
{
    position: absolute;
    z-index: 3;
    top: 50%;
    right: 58px;

    transform: translateY(-50%);
}

.main_slider .slide .stickers > * + *
{
    margin-top: 10px;
}

.main_slider .slide .stickers .sticker
{
    color: var(--color_white);
    font-size: 13px;
    font-weight: 300;
    line-height: 18px;

    display: flex;

    width: 111px;
    height: 111px;

    text-align: center;

    border-radius: 50%;

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

.main_slider .slide .stickers .sticker.bg_blue
{
    background: #00abdf;
}

.main_slider .slide .stickers .sticker.bg_green
{
    background: #69bb41;
}

.main_slider .slide .stickers .sticker .val
{
    font-size: 23px;
    font-weight: 900;
    line-height: normal;

    width: 100%;
}


.main_slider .slide .slide_title
{
    color: var(--color_white);
    font-size: 36px;
    font-weight: 900;

    position: relative;
    z-index: 3;

    width: 100%;
    margin-bottom: 45px;

    text-align: center;
    letter-spacing: .025em;
}


.main_slider .advantages
{
    color: var(--color_black);
    font-size: 16px;

    position: absolute;
    z-index: 5;
    bottom: 0;
    left: 0;

    display: flex;

    width: 100%;
    padding: 45px 55px;

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

.main_slider .advantages .item
{
    display: flex;

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

.main_slider .advantages .icon
{
    display: block;

    margin-right: 13px;
}

.main_slider .advantages b
{
    display: block;
}


.main_slider .slide.img2
{
    display: flex;

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

.main_slider .slide.img3
{
    padding: 0;
}


.main_slider .slide.duty1
{
    display: flex;

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

.main_slider .slide.duty1 .desc
{
    font-size: 18px;
}


.main_slider .slide.video
{
    background: #031831;
}

.main_slider .slide.video .info
{
    position: absolute;
    bottom: 18%;
}

.main_slider .slide.video video
{
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;

    position: absolute;
    z-index: 1;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}

.main_slider .slide.youtube
{
    padding: 0;
}

.main_slider .slide.youtube .video
{
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: 1;
}


.main_slider .slide.youtube_chat
{
    padding: 0;
    height: 100%;
}

.main_slider .slide.youtube_chat .blind
{
    position: absolute;
    width: calc(100% - 300px);
    height: 70px;
    z-index: 2;
}

.main_slider .slide.youtube_chat .flex
{
    height: 100%;

    justify-content: space-between;
}

.main_slider .slide.youtube_chat .video
{
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: calc(100% - 300px);
    height: 100%;
    object-fit: cover;
    z-index: 1;
}

.ytp-offline-slate-background
{
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    background-color: #fff;
}

.main_slider .slide.youtube_chat .chat
{
    position: absolute;
    top: 0;
    right: 0;
    display: block;
    width: 300px;
    height: 100%;
    object-fit: cover;
    z-index: 1;
}


.main_slider .slide .videos_row
{
    position: relative;
    z-index: 3;

    display: flex;

    width: calc(100% + 122px);
    margin-right: -46px;
    margin-left: -76px;

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

.main_slider .slide .videos_row > *
{
    width: calc(33.333% - 30px);
    margin-left: 30px;
}


.main_slider .slide .videos_row .video
{
    color: var(--color_white);

    display: block;

    text-align: center;
    text-decoration: none;
}

.main_slider .slide .videos_row .name
{
    font-size: 15px;
    font-weight: 300;

    position: relative;

    display: flex;

    min-height: 56px;
    margin-bottom: 10px;
    padding: 8px 0;

    background: var(--color_blue);

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

.main_slider .slide .videos_row > *:first-child .name:before,
.main_slider .slide .videos_row > *:last-child .name:before
{
    position: absolute;
    top: 0;
    right: 100%;

    display: block;

    width: 100%;
    height: 100%;

    content: '';
    pointer-events: none;

    background: var(--color_blue);
}

.main_slider .slide .videos_row > *:last-child .name:before
{
    right: auto;
    left: 100%;
}

.main_slider .slide .videos_row .thumb
{
    position: relative;

    display: block;
    overflow: hidden;

    padding-bottom: 54.76%;

    background: #ddd;
}

.main_slider .slide .videos_row .thumb img
{
    position: absolute;
    top: 0;
    left: 0;

    display: block;

    width: 100%;
    height: 100%;

    object-fit: cover;
}

.main_slider .slide .videos_row .thumb + .name
{
    margin-top: 10px;
    margin-bottom: 0;
}



.main_cases .slider
{
    margin-bottom: 40px;
    height: 100%;
}


.main_cases .case
{
    padding: 20px;
    background: #fff;
}


.main_cases .case .thumb
{
    position: relative;

    cursor: pointer;

    display: block;
    overflow: hidden;

    margin-bottom: 15px;
    padding-bottom: 52.23%;

    background: #ddd;
}

.main_cases .case .thumb img
{
    position: absolute;
    top: 0;
    left: 0;

    display: block;

    width: 100%;
    height: 100%;

    object-fit: cover;
}


.main_cases .case .name
{
    color: var(--color_black);
    font-size: 16px;
    font-weight: 700;

    margin-bottom: 10px;
}

.main_cases .case .name a
{
    color: var(--color_black);

    display: inline-block;

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

.main_cases .case .thumb:hover ~ div .name a,
.main_cases .case .name a:hover
{
    color: var(--color_blue);
}


.main_cases .case .desc
{
    color: #737373;
    font-size: 15px;
    font-weight: 300;
}

.main_cases .case .desc span
{
    color: #9a9a9a;
}


.main_cases .case .cats
{
    color: #9a9a9a;

    margin-top: 15px;
}

.main_cases .case .cats > * + *
{
    margin-left: 6px;
}

.main_cases .case .cats a
{
    color: var(--color_blue);

    display: inline-block;

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

.main_cases .case .cats a:hover
{
    text-decoration: underline;
}



.for_integrators
{
    padding: 40px 20px 20px;

    background: #fff;
    box-shadow: 0 0 13px rgba(72,72,72,.14);
}

.for_integrators .block_head
{
    margin-bottom: 25px;
}

.for_integrators .links
{
    padding: 0 20px;
}

.for_integrators .links * + *
{
    margin-top: 20px;
}

.for_integrators .links a
{
    color: var(--color_black);
    font-weight: 300;

    position: relative;

    display: inline-block;

    padding-left: 20px;

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

.for_integrators .links a:before
{
    position: absolute;
    top: 4px;
    left: 0;

    display: block;

    width: 9px;
    height: 9px;

    content: '';

    border-radius: 50%;
    background: var(--color_blue);
}

.for_integrators .links a:hover
{
    color: var(--color_blue);
}

.for_integrators .links a.modal_link:hover
{
    cursor: pointer;
}


.for_integrators .desc
{
    color: #737373;
    font-weight: 300;
}

.for_integrators .desc p
{
	margin-top: 20px;
}

.for_integrators .desc p.item
{
    padding-left: 40px;
    margin: 10px 0 30px;
}

.for_integrators .desc a
{
	color: var(--color_black);
	text-decoration: none;
    display: inline-block;
}

.for_integrators .desc a:hover
{
	color: var(--color_blue);
    text-decoration: none;
}


.for_integrators .all_link
{
    color: var(--color_blue);
    font-size: 14px;
    font-weight: 300;

    display: flex;

    margin-top: 20px;

    text-align: center;

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

.for_integrators .all_link a
{
    color: currentColor;

    display: flex;

    text-decoration: none;

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

.for_integrators .all_link a .icon
{
    position: relative;
    top: 2px;

    display: block;

    width: 17px;
    height: 1px;
    margin-left: 6px;

    background: currentColor;
}

.for_integrators .all_link a .icon:after
{
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;

    display: block;

    width: 7px;
    height: 7px;
    margin: auto;

    content: '';
    transition: border-color .1s linear;
    transform: rotate(-45deg);

    border-right: 1px solid;
    border-bottom: 1px solid;
}

.for_integrators .all_link a:hover
{
    text-decoration: underline;
}



.products_block
{
     overflow: hidden; 

    box-shadow: 0 0 13px rgba(72,72,72,.14);
}

.products_block .tabs_container
{
    padding: 40px 20px 75px;
}

.products_block .slider
{
    padding: 0 50px;
}

.products_block .slider .owl-stage-outer
{
    overflow: visible !important;
}

.products_block .slider .owl-item
{
    visibility: hidden;

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

    opacity: 0;
}

.products_block .slider .owl-item.active
{
    visibility: visible;

    pointer-events: auto;

    opacity: 1;
}

.products_block .slider .owl-item .slide .product_wrap + .product_wrap
{
	margin-top: 30px;
}



.products .tabs
{
    display: flex;

    margin-bottom: 40px;

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

.products .tabs button
{
    color: #a7a7a7;
    font-family: var(--font_family);
    font-size: 20px;
    font-weight: 300;

    position: relative;

    display: inline-block;

    cursor: pointer;
    transition: .1s linear;
    text-align: center;
    vertical-align: top;

    border: none;
    background: none;
}

.products .tabs button:hover,
.products .tabs button.active
{
    color: #000;
}

.products .tabs button.active
{
    font-weight: 700;
}

.products .tabs .sep
{
    color: #a7a7a7;
    font-size: 20px;
    font-weight: 300;

    margin: 0 35px;
}


.products .flex
{
    margin-bottom: 0;
    margin-left: -20px;

    align-items: stretch;
    align-content: stretch;
    --products_count: 6;
}

.products .flex.center
{
    justify-content: center;
}

.products .flex > *
{
    width: calc(16.666% - 20px);
    margin-bottom: 30px;
    margin-left: 20px;
}


.products .product
{
    position: relative;
    z-index: 3;
}

.products .product:before
{
    position: absolute;
    z-index: -1;
    top: -10px;
    left: -10px;

    display: block;

    width: calc(100% + 20px);
    height: calc(100% + 20px);

    content: '';
    transition: opacity .1s linear;
    pointer-events: none;

    opacity: 0;
    border: 1px solid #dadada;
    background: #fff;
    box-shadow: 0 0 9px rgba(0,0,0,.1);
}


.products .product .stickers
{
    color: #fff;
    font-size: 12px;
    font-weight: 300;
    line-height: 26px;

    position: absolute;
    z-index: 5;
    top: 0;
    left: 0;
    width: 100%;

    display: flex;
    flex-wrap: wrap;

    text-transform: uppercase;
    pointer-events: none;
}

.products .product .stickers > * + *
{
    margin-top: 1px;
}

.products .product .sticker
{
    display: inline-block;

    height: 26px;
    padding: 0 10px;
    margin: 0 5px 5px 0;

    vertical-align: top;
}

.products .product .sticker:last-child
{
    margin-right: 0;
}

.products .product .sticker.development
{
    background: #7e7fa6;
}

.products .product .sticker.hit
{
    background: #ef4836;
}

.products .product .sticker.removed
{
    background: #989898;
}

.products .product .sticker.new
{
    background: #46b03d;
}

.products .product .sticker.hits
{
    background: #ef4836;
}

.products .product .sticker.sale
{
    background: #ffcc00;
}

.products .product .sticker.individual
{
    background: #00685b;
    font-size: 11px;
}

.products .product .sticker.small
{
    background: #ff8403;
}

.products .product .sticker.torp
{
    display: flex;
    align-items: center;
    color: #737373;
}

.products .product .sticker.torp .flag
{
    margin-right: 5px;
    width: 24px;
    height: 17px;
}

.products .product .sticker.reestr_digital
{
    display: flex;
    align-items: center;
    border: 1px solid #c4c4c4;
    color: #737373;
    font-size: 10px;
    background: #fff;
}

.products .product .sticker.reestr_digital .icon
{
    margin-right: 10px;
    width: 24px;
    height: 23px;
}


.products .product .thumb
{
    position: relative;

    display: block;
    overflow: hidden;

    padding-bottom: 75%;
}

.products .product .thumb .img
{
    position: absolute;
    top: 0;
    left: 0;

    display: flex;

    width: 100%;
    height: 100%;

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

.products .product .thumb img
{
    display: block;

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

.products .product .thumb .view360
{
    position: absolute;
    z-index: 9;
    top: 30px;
    right: 0;

    display: block;

    width: 25px;
    height: 25px;

    pointer-events: none;

    fill: #c4c4c4;
}


.products .product .name
{
    color: var(--color_black);
    font-size: 16px;
    font-weight: 700;

    margin-top: 10px;
}

.products .product .name a
{
    color: var(--color_black);

    display: block;

    transition: color .1s linear;
    vertical-align: top;
    text-decoration: none;
    word-wrap: break-word;
}

.products .product .name a:hover,
.products .product .thumb:hover ~ .name a
{
    color: var(--color_blue);
}


.products .product .inline
{
    display: flex;

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

.products .product .inline .desc
{
    width: calc(100% - 38px);
}


.products .product .desc
{
    color: #737373;
    font-weight: 300;

    margin-top: 15px;

    overflow: hidden;
    overflow-wrap: break-word;
}

.products .product .desc ul
{
    list-style: none;
}


.products .product .compare_btn
{
    color: var(--color_blue);

    display: flex;

    width: 26px;
    height: 26px;
    margin-top: 15px;
    margin-left: auto;

    cursor: pointer;
    transition: background .1s linear;

    border: 1px solid;
    border-radius: 50%;
    background: none;

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

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

    width: 14px;
    height: 13px;
    margin: 0;

    transition: color .1s linear;
}

.products .product .compare_btn:hover,
.products .product .compare_btn.active
{
    background: var(--color_blue);
}

.products .product .compare_btn:hover .icon,
.products .product .compare_btn.active .icon
{
    color: #fff;
}


.products .product .bottom
{
    display: none;

    margin-top: 15px;
    padding-bottom: 10px;

    justify-content: space-between;
    align-items: center;
    align-content: center;
}


.products .product .price
{
    color: var(--color_black);
    font-size: 16px;
    font-weight: 500;

    position: relative;

    display: inline-block;

    padding-right: 14px;

    vertical-align: top;
    white-space: nowrap;

    background: url(../images/ic_rouble.png) 100% 50% no-repeat;
}


.products .product .buy_link
{
    color: var(--color_blue);
    font-family: var(--font_family);
    font-size: var(--font_size);
    font-weight: 300;
    line-height: 16px;

    display: flex;
    position: relative;

    width: 150px;
    max-width: 100%;
    height: 37px;
    padding: 0 20px;

    cursor: pointer;
    transition: background .1s linear;

    border: 1px solid #22b5e2;
    border-radius: 5px;
    background: var(--color_white);

    justify-content: center;
    align-items: center;
    align-content: center;
    flex-wrap: nowrap;
}

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

    width: 22px;
    height: 20px;
    margin: 0 10px 0 -4px;

    fill: var(--color_blue);
}


.products .product .buy_link.active
{
    color: var(--color_white);

    position: relative;

    padding: 0 0 0 25px;

    background: var(--color_blue);

    border: none;
}

.products .product .buy_link.active:before
{
    position: absolute;
    top: 13px;
    left: 21px;

    display: block;

    width: 14px;
    height: 8px;

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

    border-bottom: 2px solid;
    border-left: 2px solid;
}

.products .product .buy_link:not(.active):hover
{
    color: var(--color_white);
    background: var(--color_blue);
}

.products .product .buy_link:not(.active):hover .icon
{
    fill: var(--color_white);
}

.products .product .buy_link.active:hover
{
    color: var(--color_blue);
    background: var(--color_white);
    border: 1px solid #22b5e2;
}

.products .product .buy_link.active .text.add,
.products .product .buy_link:not(.active) .text.remove,
.products .product .buy_link.active .icon
{
    display: none;
}


.products .product .buy_link:disabled
{
    cursor: default;
}

.products .product .buy_link:disabled:before
{
    content: "";

    display: block;
    position: absolute;

    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    margin: auto;
    width: 100%;
    height: 100%;

    background: var(--color_white);
    border-radius: 5px;

    z-index: 11;

    transform: none;
    border: none;
}

.products .product .buy_link:disabled:after
{
    content: "";

    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    margin: auto;
    width: 20px;
    height: 20px;

    border: 3px solid var(--color_blue);
    border-bottom-color: transparent;
    border-radius: 50%;

    display: block;
    position: absolute;

    z-index: 12;

    animation: submitBtnLoader 1s linear infinite;
}


.products .product .get_price
{
    color: var(--color_blue);
    font-family: var(--font_family);
    font-size: var(--font_size);
    font-weight: 300;

    display: inline-block;

    cursor: pointer;
    transition: .1s linear;
    vertical-align: top;
    white-space: nowrap;

    border: none;
    border-bottom: 1px dashed;
    background: none;
}

.products .product .get_price:hover
{
    border-color: transparent;
}


.products .product:hover
{
    z-index: 9;
}

.products .product:hover:before
{
    opacity: 1;
}

.products .product:hover .bottom
{
    display: flex;
}



.products .table_wrap
{
    overflow-x: auto;
    overflow-y: hidden;

    max-width: 100%;
    padding: 20px;

    border-top: 1px solid #dadada;

    scrollbar-color: var(--color_blue) #ccc;
    scrollbar-width: thin;
}

.products .table_wrap:first-child
{
    border-top: none;
}

.products .table_wrap::-webkit-scrollbar
{
    width: 7px;
    height: 7px;

    border-radius: 0;
    background-color: #eee;

    -webkit-appearance: none;
}

.products .table_wrap::-webkit-scrollbar-thumb
{
    border-radius: 0;
    background-color: var(--color_blue);
}


.products table
{
    width: 100%;
    max-width: 1093px;

    border-spacing: 0;
    border-collapse: collapse;
}

.products table thead
{
    /* position: sticky;
    top: 80px;
    z-index: 1;*/

    position: static;
    top: auto;
    z-index: auto;
}

.products table thead.show
{
    top: 120px;
}

.products table th
{
    color: var(--color_white);
    font-size: 12px;
    font-weight: 300;

    padding: 10px 5px;

    text-align: center;
    vertical-align: top;
    letter-spacing: .01em;

    background: var(--color_blue);
}

.products table th:first-child
{
    text-align: left;
}

.products table th.sort
{
    position: relative;

    padding-right: 20px;

    cursor: pointer;
}

.products table th.sort:hover
{
   background: #0181b7; 
}

.products table th.sort.down,
.products table th.sort.up
{
    background: #0181b7;
}

.products table th .arr
{
    position: absolute;
    top: 14px;
    right: 4px;

    display: none;

    width: 10px;
    height: 6px;

    border-top: 6px solid #fff;
    border-right: 5px solid transparent;
    border-left: 5px solid transparent;
}

.products table th.up .arr
{
    display: block;

    transform: rotate(-180deg);
}

.products table th.down .arr
{
    display: block;
}


.products table tbody tr:first-child:hover
{
    position: relative;
    z-index: 1;
}

.products table tbody tr:first-child .tooltip .text
{
    bottom: -40px;
}

.products table tbody tr:first-child .tooltip .text:before
{
    top: -33px;
}

.products table tbody tr:first-child .tooltip .text:after
{
    top: 0;
    bottom: auto;
}

.products table tbody td
{
    color: var(--color_black);
    font-weight: 300;

    padding: 10px;

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

    max-width: 100px;
}

.products table tbody tr:nth-child(2n)
{
    background: #eee;
}

.products table tbody tr:hover
{
    transform: translateZ(0);

    box-shadow: 0 0 3px #00abdf;
}


.products table td.thumb
{
    min-width: 85px;
    width: 85px;

    table-layout: fixed;

    text-align: center;
}

.products table td.thumb a
{
    display: inline-block;

    vertical-align: top;
}

.products table td.thumb img
{
    display: block;

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


.products table td.name
{
    text-align: left;
    white-space: nowrap;

    max-width: none;
}

.products table td.name a
{
    color: var(--color_blue);

    display: inline-block;

    vertical-align: top;
    text-decoration: none;
    position: relative;
}

.products table td.name a:hover
{
    text-decoration: underline;
}


/*.products table td.name a.new,
.products table td.name a.dev,
.products table td.name a.sale,
.products table td.name a.hits,
.products table td.name a.individual,
.products table td.name a.removed
{
    padding-left: 15px;
}
*/

/*.products table td.name a.new:before,
.products table td.name a.dev:before,
.products table td.name a.sale:before,
.products table td.name a.hits:before,
.products table td.name a.individual:before,
.products table td.name a.removed:before
{
    position: absolute;
    top: 6px;
    left: 4px;

    display: block;

    width: 5px;
    height: 5px;

    content: '';

    border-radius: 50%;
}

.products table td.name a.new:before
{
    background: #46b03d;
}

.products table td.name a.dev:before
{
    background: #7e7fa6;
}

.products table td.name a.removed:before
{
    background: #989898;
}

.products table td.name a.sale:before
{
    background: #ffcc00;
}

.products table td.name a.hits:before
{
    background: #ef4836;
}

.products table td.name a.individual:before
{
    background: #00685b;
}

.products table td.name a.small:before
{
    background: #ff8403;
}
*/

.products table td.name a.removed,
.products table td.name a.sale,
.products table td.name a.small
{
    color: #b0b0b0;
}


.products table td.price
{
    font-weight: 700;

    white-space: nowrap;

    width: 107px;
}

.products table td.price > div
{
    display: inline-block;

    padding-right: 13px;

    vertical-align: top;

    background: url(../images/ic_rouble.png) 100% 50%/10px 11px no-repeat;
}

.products table td.price .get_price
{
    color: var(--color_blue);
    font-family: var(--font_family);
    font-size: var(--font_size);
    font-weight: 300;

    display: inline-block;

    cursor: pointer;
    vertical-align: top;

    border: none;
    background: none;
}

.products table td.price .get_price:hover
{
    text-decoration: underline;
}


.products table td.action
{
    min-width: 130px;
}

.products table td.action .group
{
    display: flex;

    justify-content: center;
    align-items: center;
}

.products table td.action .group > * + *
{
    margin-left: 5px;
}

.products table td.action .to_cart
{
    color: #00abdf;

    display: flex;

    position: relative;

    width: 36px;
    height: 36px;

    cursor: pointer;
    transition: background .1s linear;
    transition: color .1s linear;

    border: 1px solid #00abdf;
    border-radius: 50%;
    background: none;

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

.products table td.action .to_cart.active,
.products table td.action .to_cart:hover
{
    color: #fff;

    background: var(--color_blue);
}

.products table td.action .to_cart.active:before
{
    position: relative;
    top: -2px;
    left: 1px;

    display: block;

    width: 14px;
    height: 8px;

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

    border-bottom: 2px solid;
    border-left: 2px solid;
}

.products table td.action .to_cart .icon
{
    display: block;

    width: 18px;
    height: 18px;
}

.products table td.action .to_cart.active .icon,
.products table td.action .to_cart.active .text.add,
.products table td.action .to_cart:not(.active) .text.remove
{
    display: none;
}

.products table td.action .to_cart:disabled
{
    cursor: default;
}

.products table td.action .to_cart:disabled:before
{
    content: "";

    display: block;
    position: absolute;

    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    margin: auto;
    width: 100%;
    height: 100%;

    border-radius: 50%;
    background: var(--color_white);

    z-index: 11;

    transform: none;
    border: none;
}

.products table td.action .to_cart:disabled:after
{
    content: "";

    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    margin: auto;
    width: 20px;
    height: 20px;

    border: 3px solid var(--color_blue);
    border-bottom-color: transparent;
    border-radius: 50%;

    display: block;
    position: absolute;

    z-index: 12;

    animation: submitBtnLoader 1s linear infinite;
}


.products table td.action .compare,
.products .product .bottom .compare
{
    position: relative;

    cursor: pointer;
    transition: .1s linear;
    vertical-align: middle;
}

.products table td.action .compare .compare_link,
.products .product .bottom .compare .compare_link
{
    color: var(--color_blue);
    font-weight: 300;

    position: relative;

    display: block;

    cursor: pointer;

    border: none;
    background: none;
}

.products table td.action .compare.added .compare_link.comparison-add, 
.products table td.action .compare .compare_link.comparison-remove,
.products table td.action .compare .compare_link.comparison-go,
.products .product .bottom .compare.added .compare_link.comparison-add, 
.products .product .bottom .compare .compare_link.comparison-remove,
.products .product .bottom .compare .compare_link.comparison-go
{
    display: none;
}

.products table td.action .compare .compare_link.comparison-add, 
.products table td.action .compare.added .compare_link.comparison-remove,
.products table td.action .compare.added .compare_link.comparison-go,
.products .product .bottom .compare .compare_link.comparison-add, 
.products .product .bottom .compare.added .compare_link.comparison-remove,
.products .product .bottom .compare.added .compare_link.comparison-go
{
    display: block;
}

.products table td.action .compare .compare_link .icon,
.products .product .bottom .compare .compare_link .icon
{
    display: flex;

    width: 36px;
    height: 36px;

    transition: border-color .1s linear;
    transition: color .1s linear;

    border: 1px solid;
    border-radius: 50%;

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

    margin-top: 0;
}

.products table td.action .compare .compare_link .icon > *,
.products .product .bottom .compare .compare_link .icon > *
{
    display: block;
    width: 16px;
    height: 15px;
}

.products table td.action .compare:not(.added) .compare_link:hover .icon,
.products table td.action .compare.added .compare_link .icon,
.products .product .bottom .compare:not(.added) .compare_link:hover .icon,
.products .product .bottom .compare.added .compare_link .icon
{
    color: #fff;
    background: var(--color_blue);
    border-color: var(--color_blue);
}

.products table td.action .compare .compare_link.loading .icon:before,
.products .product .bottom .compare .compare_link.loading .icon:before
{
    content: "";

    display: block;
    position: absolute;

    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    margin: auto;
    width: 100%;
    height: 100%;

    border-radius: 50%;
    background: rgba(255, 255, 255, 0.7);

    z-index: 11;
}

.products table td.action .compare .compare_link.loading .icon:after,
.products .product .bottom .compare .compare_link.loading .icon:after
{
    content: "";

    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    margin: auto;
    width: 20px;
    height: 20px;

    border: 3px solid var(--color_blue);
    border-bottom-color: transparent;
    border-radius: 50%;

    display: block;
    position: absolute;

    z-index: 12;

    animation: submitBtnLoader 1s linear infinite;
}

.products table td.action .compare .comparison-go,
.products .product .bottom .compare .comparison-go
{
    display: none;
}


.products .product .bottom .compare .compare_link .text
{
    left: 0;
    margin-left: -90px;
}

.products .product .bottom .compare .compare_link .text:before
{
    left: auto;
    right: 20px;
}


.products table td.action .doc
{
    display: inline-block;

    cursor: pointer;
    vertical-align: middle;

    border: none;
    background: none;
}

.products table td.action .doc img
{
    display: block;

    width: 27px;
    height: 32px;
}

.products table td.action .doc img + img
{
    display: none;
}

.products table td.action .doc:hover img
{
    display: none;
}

.products table td.action .doc:hover img + img
{
    display: block;
}

.products table td.action .doc .text
{
    right: -16px;
    left: auto;

    width: 140px;

    transform: none;
}

.products table td.action .doc .text:before
{
    right: 26px;
    left: auto;

    margin-left: 0;
}



.related_products .flex > *
{
    width: calc(20% - 20px);
}


.main_title
{
    margin: 30px 0;
    text-align: center;
    font-size: 22px;
    color: #000;
    font-weight: 700;
}

.main_title a
{
    color: var(--color_blue);
    text-decoration: none;
}

.main_title a:hover
{
    text-decoration: underline;
}



.banners .flex
{
    margin-bottom: -20px;
    margin-left: -30px;
}

.banners .flex > *
{
    width: calc(50% - 30px);
    margin-bottom: 20px;
    margin-left: 30px;
}


.banners .banner
{
    display: block;

    box-shadow: 0 0 13px rgba(72,72,72,.14);
}

.banners .banner img
{
    display: block;

    width: 100%;
}



.troubleshooting .cont
{
    display: flex;

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

    position: relative;
}

.troubleshooting .cont.load:before
{
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(255, 255, 255, 0.4);
    z-index: 4;
    cursor: wait;
}


.troubleshooting .knowledge_base
{
    width: var(--aside_width);
    max-width: 100%;
}


.troubleshooting .articles
{
    width: calc(100% - var(--aside_width));
    padding: 20px 30px 40px;

    background: #fff;
}

.troubleshooting .articles .tabs
{
    margin-bottom: 20px;

    justify-content: flex-start;
}

.troubleshooting .articles .flex > *
{
    width: calc(33.333% - 30px);
}

.troubleshooting .articles .article > * + *
{
    margin-top: 10px;
}



.knowledge_base
{
    color: var(--color_white);

    padding: 20px;

    background: var(--color_blue);
}

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

.knowledge_base .block_head .title
{
    color: var(--color_white);
}

.knowledge_base .links
{
    margin-bottom: -5px;
    margin-left: -5px;
}

.knowledge_base .links > *
{
    width: calc(100% - 5px);
    margin-bottom: 5px;
    margin-left: 5px;
}

.knowledge_base .links > * + *.margin
{
    margin-top: 34px;
}

.knowledge_base .links a
{
    color: var(--color_white);
    line-height: 27px;

    display: inline-block;

    height: 29px;
    padding: 0 12px;

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

    border: 1px solid #83cee5;
    border-radius: 15px;
}

.knowledge_base .links a:hover,
.knowledge_base .links a.active
{
    color: var(--color_blue);
    font-weight: 700;

    border-color: var(--color_white);
    background: var(--color_white);
}



.about .flex
{
    justify-content: space-between;
}

.about .flex > *
{
    width: calc(50% - 15px);
}

.about .img
{
    display: block;
}

.about .text_block
{
    align-self: center;
}

.about .text_block .details
{
    display: inline-block;

    transition: .1s linear;
    vertical-align: top;

    border-bottom: 1px dashed;
}

.about .text_block .details:hover
{
    text-decoration: none;

    border-color: transparent;
}



.articles .tabs
{
    display: flex;

    margin-bottom: 30px;

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

.articles .tabs .box
{
    display: flex;

    border-radius: 17px;
    box-shadow: 0 0 0 1px var(--color_blue);

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

.articles .tabs button
{
    color: var(--color_blue);
    font-family: var(--font_family);
    font-size: var(--font_size);
    font-weight: 300;
    line-height: 32px;

    position: relative;

    display: inline-block;

    height: 32px;
    padding: 0 20px;

    cursor: pointer;
    transition: .1s linear;
    text-align: center;
    vertical-align: top;
    letter-spacing: .025em;

    border: none;
    border-radius: 16px;
    background: none;
}

.articles .tabs button + button:before
{
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;

    display: block;

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

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

    background: var(--color_blue);
}

.articles .tabs button:hover
{
    color: #17c0f4;
}

.articles .tabs button.active
{
    color: #fff;

    background: var(--color_blue);
}

.articles .tabs button.active:before,
.articles .tabs button.active + button:before
{
    opacity: 0;
}


.articles .flex
{
    margin-bottom: -30px;
    margin-left: -30px;
}

.articles .flex > *
{
    width: calc(25% - 30px);
    margin-bottom: 30px;
    margin-left: 30px;
}


.articles .article > * + *
{
    margin-top: 15px;
}

.articles .article .thumb
{
    position: relative;

    display: block;
    overflow: hidden;

    padding-bottom: 64.5%;

    background: #ddd;
}

.articles .article .thumb img
{
    position: absolute;
    top: 0;
    left: 0;

    display: block;

    width: 100%;
    height: 100%;

    object-fit: cover;
}


.articles .article .name
{
    color: var(--color_black);
    font-size: 16px;
    font-weight: 700;
}

.articles .article .name a
{
    color: var(--color_black);

    display: inline-block;

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

.articles .article .name a:hover,
.articles .article .thumb:hover ~ .name a
{
    color: var(--color_blue);
}


.articles .article .name + .date
{
    color: #9a9a9a;
    font-size: 12px;
    font-weight: 300;
    font-style: italic;

    margin-top: 5px;
}


.articles .article .desc
{
    color: #737373;
    font-weight: 300;
}


.articles .article .bottom
{
    color: #737373;
    font-size: 12px;
    font-weight: 300;

    display: flex;

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

.articles .article .bottom .sep
{
    margin: 0 10px;
}

.articles .article .bottom a
{
    color: var(--color_blue);

    display: inline-block;

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

.articles .article .bottom a:hover
{
    text-decoration: underline;
}



.block_tabs_search
{
    display: flex;

    justify-content: space-between;
    align-items: center;
    flex-wrap: nowrap;
    
    background: #fff;
}


.block_tabs_search .search
{
    position: relative;

    padding: 0 20px;
    width: 350px;
    min-width: 350px;
}

.block_tabs_search .search form
{
    display: flex;

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

.block_tabs_search .search ::-webkit-input-placeholder
{
    color: #9a9a9a;
}

.block_tabs_search .search :-moz-placeholder
{
    color: #9a9a9a;
}

.block_tabs_search .search :-ms-input-placeholder
{
    color: #9a9a9a;
}

.block_tabs_search .search .input
{
    color: var(--text_color);
    font-family: var(--font_family);
    font-size: var(--font_size);

    display: block;
    position: relative;

    width: 100%;
    height: 37px;
    padding: 0 50px 0 14px;

    border: 2px solid #ff9511;
    border-radius: 5px;
    background: none;
}

.block_tabs_search .search .submit_btn
{
    position: relative;

    display: flex;

    width: 48px;
    height: 35px;
    margin-left: -49px;

    border-radius: 50%;

    cursor: pointer;

    border: none;
    background: none;

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

.block_tabs_search .search .input.ui-autocomplete-loading + .submit_btn:before
{
    content: "";
    display: block;
    position: absolute;

    left: 7px;
    top: 1px;

    width: 32px;
    height: 32px;

    background: url('../images/preloader.gif');
    background-repeat: no-repeat;
    background-color: #fff;
    background-position: center;

    border-radius: 50%;
}

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

    width: 20px;
    height: 20px;

    transition: .1s linear;

    fill: #ff9511;
}



.get_price_list .mob_form_btn
{
    color: var(--color_white);
    font-family: var(--font_family);
    font-size: var(--font_size);
    font-weight: 300;
    line-height: 35px;

    display: none;

    width: 100%;
    height: 35px;
    padding: 0 23px;

    cursor: pointer;
    transition: background .1s linear;

    border: none;
    border-radius: 18px;
    background: #ff9511;
}

.get_price_list .mob_form_btn.active
{
    background: #fea537;
}


.get_price_list .data
{
    display: flex;

    padding: 20px;

    background: #ff8611 url(../images/bg_get_price_list.jpg) 50%/cover no-repeat;

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

.get_price_list .title
{
    color: var(--color_white);
    font-size: 16px;
    font-weight: 700;
    line-height: 16px;

    width: 350px;
    max-width: 100%;
    margin-top: 10px;

    letter-spacing: .05em;
    text-transform: uppercase;
}

.get_price_list .form
{
    position: relative;

    display: flex;

    width: calc(100% - 370px);

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

.get_price_list .form .line
{
    width: calc((100% - 184px) / 3);
    margin: 0;
}

.get_price_list .form .agree
{
    position: absolute;
    right: 100%;
    bottom: 0;

    width: 350px;
    max-width: 100%;
    margin-right: 20px;
}

.get_price_list .form .submit
{
    width: 154px;
    max-width: 100%;
    padding: 0;
}

.get_price_list .form .submit_btn
{
    width: 100%;
    height: 54px;
}



.content_flex .category_info .get_price_list_2
{
    margin-bottom: 0;
    border-bottom: 1px solid #e0e0e0;
}

.get_price_list_2
{
    background: #fff;
    margin-bottom: 7px;
    width: 100%;
}

.get_price_list_2 > *
{
    align-items: center;
    align-content: center;

    max-width: 1350px;
}

.get_price_list_2.no_manager > *
{
    justify-content: center;
}

.get_price_list_2 .col_left
{
    padding: 15px 40px 15px 0;
    width: calc(100% - 340px);

    border-right: 1px solid #e0e0e0;
}

.get_price_list_2.no_manager .col_left
{
    max-width: 940px;
    width: 100%;
    padding: 15px 0;
    border-right: none;
}

.get_price_list_2 .col_left.bg_blue
{
    border-right: none;
    padding: 10px 0;
}


.get_price_list_2 .col_right
{
    padding: 15px 0 15px 40px;
    width: 340px;
}

.get_price_list_2.no_manager .col_right
{
    display: none;
}


.get_price_list_2 .form .form_v1
{
    justify-content: space-between;
    align-items: center;
    align-content: center;
    flex-wrap: nowrap;
}

.get_price_list_2 .form .form_v1 .line
{
    margin-bottom: 0;
}


.get_price_list_2 .form .form_v1 .agree
{
    width: 100%;
    max-width: 500px;
    min-width: 290px;

    align-items: center;
    align-content: center;
    flex-wrap: nowrap;
}

.get_price_list_2 .form .form_v1 .agree .icon
{
    width: 76px;
    height: 92px;
}

.get_price_list_2 .form .form_v1 .agree .field
{
    width: calc(100% - 110px);
    margin-left: 25px;
}

.get_price_list_2 .form .form_v1 .agree .title
{
    color: var(--color_black);
    font-size: 24px;
    font-weight: 400;
    line-height: 24px;

    margin-bottom: 10px;
    white-space: nowrap;
}

.get_price_list_2 .form .form_v1 .agree input[type="checkbox"] + label,
.get_price_list_2 .form .form_v1 .agree input[type="checkbox"] + label a
{
    color: #909090;
    font-size: 13px;
}


.get_price_list_2 .form .form_v1 .phone
{
    width: 100%;
    max-width: 400px;
    margin-left: 40px;
}

.get_price_list_2.no_manager .form .form_v1 .phone
{
    max-width: 420px;
    margin-left: 0;
}

.get_price_list_2 .form .form_v1 .phone .flex
{
    align-items: center;
    align-content: center;
    flex-wrap: nowrap;
}

.get_price_list_2 .form .form_v1 .phone .field
{
    width: 100%;
    max-width: 280px;
}

.get_price_list_2.no_manager .form .form_v1 .phone .field
{
    max-width: 290px;
}

.get_price_list_2 .form .form_v1 .phone .messenger
{
    margin-top: 10px;
}

.get_price_list_2 .form .form_v1 .phone .messenger label
{
    color: #000;
    font-size: 14px;
}

.get_price_list_2 .form .form_v1 .input
{
    width: 100%;
    max-width: 280px;
    min-width: 190px;

    background: #fff;
    border: 1px solid #e0e0e0;
    border-right: none;
    border-radius: 2px;

    height: 50px;
}

.get_price_list_2.no_manager .form .form_v1 .input
{
    max-width: 290px;
}


.get_price_list_2 .form .form_v1 .label
{
    color: #919191;
    height: 50px;
}


.get_price_list_2 .form .form_v1 .submit
{
    width: 130px;
    max-width: 100%;
    padding: 0;
}

.get_price_list_2 .form .form_v1 .submit_btn
{
    width: 100%;
    height: 50px;

    font-size: 16px;
    color: #00abdf;
    border-radius: 2px;
    border: 1px solid #00abdf;
    background: #fff;
}

.get_price_list_2 .form .form_v1 .submit_btn:hover
{
    color: #fff;
    background: #00abdf;
}

.get_price_list_2 .form .form_v1 .submit_btn:disabled:before
{
    border-radius: 2px;
}


.get_price_list_2 .form .form_v2
{
    background: #daf7ff;
    border-radius: 5px;
    border-right: none;
    padding: 20px 30px 20px 30px;
}

.get_price_list_2 .form .form_v2 .title
{
    color: #000;
    font-size: 18px;
    font-weight: 700;

    line-height: normal;
    padding: 0;
    border: none;
    background: none;
    text-align: left;
}

.get_price_list_2 .form .form_v2 .box
{
    margin-top: 15px;

    flex-wrap: nowrap;
}

.get_price_list_2 .form .form_v2 .box .desc
{  
    font-size: 14px;
    color: #000;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;

    position: relative;

    padding: 12px 35px 12px 35px;

    width: calc(100% - 370px);
    min-width: 255px;
    max-width: 340px;
}

.get_price_list_2 .form .form_v2 .box .desc .icon
{
    position: absolute;

    top: 0;
    bottom: 0;
    margin: auto 0;
}

.get_price_list_2 .form .form_v2 .box .desc .icon_1
{
    left: 0;

    width: 23px;
    height: 28px;
}

.get_price_list_2 .form .form_v2 .box .desc .icon_2
{
    right: 10px;
    
    width: 23px;
    height: 14px;
}

.get_price_list_2 .form .form_v2 .box .field
{
    max-width: 370px;
    width: 100%;
}

.get_price_list_2 .form .form_v2 .box .field .flex
{
    flex-wrap: nowrap;
}

.get_price_list_2 .form .form_v2 .box .field .icon
{
    position: absolute;
    left: 10px;
    top: 6px;

    width: 22px;
    height: 28px;

    fill: var(--color_blue);

    z-index: 1;
}

.get_price_list_2 .form .form_v2 .box .field .input
{
    width: 100%;
    max-width: 280px;

    background: #fff;
    border: 1px solid #fff;
    border-radius: 2px;

    height: 40px;
    padding: 10px 19px 10px 45px;

    position: relative;
}

.get_price_list_2 .form .form_v2 .box .submit
{
    width: 100%;
    min-width: 110px;
    max-width: 170px;
    padding: 0;
}

.get_price_list_2 .form .form_v2 .box .submit_btn
{
    width: 100%;
    height: 40px;

    font-size: 16px;
    color: #fff;
    border-radius: 2px;
    border: none;
    background: #f15a3c;

    padding: 0 5px;
}

.get_price_list_2 .form .form_v2 .box .submit_btn:hover
{
    color: #fff;
    background: #00abdf;
}

.get_price_list_2 .form .form_v2 .box .submit_btn:disabled:before
{
    border-radius: 2px;
}


.get_price_list_2 .form .form_v2 .box .agree
{
    margin-top: 10px;
}

.get_price_list_2 .form .form_v2 .box .agree input[type="checkbox"] + label
{
    color: #818181;
    font-size: 12px;
}

.get_price_list_2 .form .form_v2 .box .agree input[type="checkbox"] + label a
{
    color: var(--color_blue);
    text-decoration: none;
}

.get_price_list_2 .form .form_v2 .box .agree input[type="checkbox"] + label a:hover
{
    text-decoration: underline;
}


.get_price_list_2 .manager
{
    display: flex;

    width: 340px;
    max-width: 100%;

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

    position: relative;

    padding: 0;
    border: none;
    border-radius: 0;
}

.get_price_list_2 .manager .photo
{
    position: relative;

    width: 90px;
    height: 90px;

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

.get_price_list_2 .manager .photo .text
{
    background: rgba(0, 35, 69, 0.87);
    border-radius: 5px 0 5px 5px;
    left: 0;
    top: 100%;
    bottom: auto;
    color: #a0bad4;
    width: 300px;
    margin-left: -260px;
    padding: 15px 25px;
    text-align: left;
}

.get_price_list_2 .manager .photo.tooltip:hover .text,
.get_price_list_2 .manager .photo.tooltip .text.active,
.get_price_list_2 .manager .photo.tooltip .text:hover
{
    top: calc(100% - 20px);
    bottom: auto;
    visibility: visible;
    opacity: 1;
    pointer-events: auto;
}

.get_price_list_2 .manager .photo .text:before
{
    left: auto;
    top: -10px;
    bottom: auto;
    border: 10px solid transparent;
    border-bottom: 0;
    border-right: 15px solid rgba(0, 35, 69, 0.87);
    height: auto;
    width: auto;
    transform: none;
    background: none;
    box-shadow: none;
}

.get_price_list_2 .manager .photo .text:after
{
    display: none;
}

.get_price_list_2 .manager .photo .text .line + .line
{
    margin-top: 10px;
}

.get_price_list_2 .manager .photo .text .line b
{
    font-weight: 300;
    color: #eeeeee;   
}

.get_price_list_2 .manager .photo .text .line ul
{
    list-style: none;
    margin-left: 5px;
}

.get_price_list_2 .manager .photo .text .line ul li
{
    margin-top: 5px;
    padding-left: 10px;
    position: relative;
}

.get_price_list_2 .manager .photo .text .line ul li:before
{
    content: "–";
    position: absolute;
    left: 0;
}

.get_price_list_2 .manager .photo .text .line ul li a
{
    color: #a0bad4;
    display: block;
}

.get_price_list_2 .manager .photo .text .line ul li a:hover
{
    text-decoration: none;
}

.get_price_list_2 .manager .photo img
{
    display: block;

    width: 100%;
    height: 100%;

    border-radius: inherit;

    object-fit: cover;

    cursor: pointer;
}

.get_price_list_2 .manager .photo.online:after
{
    position: absolute;
    z-index: 3;
    right: 6px;
    bottom: 6px;

    display: block;

    width: 14px;
    height: 14px;

    content: '';

    border: 3px solid #fff;
    border-radius: 50%;
    background: #99e51f;
}

.get_price_list_2 .manager .data_manager
{
    display: flex;

    width: calc(100% - 110px);

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

.get_price_list_2 .manager .name
{
    color: #000;
    font-size: 16px;
    font-weight: 500;

    padding-right: 15px;

    text-align: left;
    display: block;
    position: relative;

    transition: color .1s linear;

    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.get_price_list_2 .manager button.name:hover
{
    color: #00abdf;
}

.get_price_list_2 .manager button.name:after
{
    position: absolute;
    top: 5px;
    right: 0;

    display: block;

    width: 6px;
    height: 6px;

    content: '';
    transition: all .1s linear;
    transform: rotate(-45deg);

    border-bottom: 1px solid #c1c1c1;
    border-left: 1px solid #c1c1c1;
}

.get_price_list_2 .manager .name.active:after
{
    transform: rotate(135deg);
    top: 9px;
}


.get_price_list_2 .manager .post
{
    color: #737373;
    font-size: var(--font_size);

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

.get_price_list_2 .manager .email
{
    color: var(--color_blue);
    font-size: var(--font_size);

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

.get_price_list_2 .manager .email a
{
    color: currentColor;

    display: inline-block;

    vertical-align: top;
    white-space: nowrap;
    text-decoration: none;
}

.get_price_list_2 .manager .email a:hover
{
    text-decoration: underline;
}

.get_price_list_2 .manager .phone
{
    color: var(--color_black);
    font-size: var(--font_size);

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

.get_price_list_2 .manager .phone a
{
    color: currentColor;

    display: inline-block;

    vertical-align: top;
    white-space: nowrap;
    text-decoration: none;

    border-bottom: 1px dashed;

    transition: .1s linear;
}

.get_price_list_2 .manager .phone a:hover
{
    border-color: transparent;
}

.get_price_list_2 .manager .chat_btn
{
    color: var(--color_blue);
    line-height: 21px;

    height: 23px;
    margin-top: 12px;
    padding: 0 14px;

    cursor: pointer;
    transition: .1s linear;

    border: 1px solid var(--color_blue);
    border-radius: 12px;
    background: none;
}

.get_price_list_2 .manager .chat_btn:hover
{
    color: #fff;

    background: var(--color_blue);
}

.get_price_list_2 .manager .messengers
{
    display: flex;

    margin-top: 12px;
    margin-left: auto;

    align-self: center;
    justify-content: flex-start;
    align-items: center;
    align-content: center;
    flex-wrap: wrap;
}

.get_price_list_2 .manager .messengers a
{
    display: block;
}

.get_price_list_2 .manager .messengers a + a
{
    margin-left: 8px;
}

.get_price_list_2 .manager .messengers .icon
{
    display: block;
}

.get_price_list_2 .manager .messengers .icon1
{
    width: 18px;
    height: 18px;

    fill: #0fc731;
}

.get_price_list_2 .manager .messengers .icon2
{
    width: 18px;
    height: 15px;

    fill: #00abdf;
}



.cats_list .data
{
    padding: 20px;

    background: #fff;
}

.cats_list .flex
{
    margin-bottom: -5px;
    margin-left: -20px;
}

.cats_list .flex > *
{
    width: calc(20% - 20px);
    margin-bottom: 5px;
    margin-left: 20px;
}

.cats_list a
{
    color: #212121;
    font-size: 15px;
    font-weight: 300;
    line-height: 18px;

    position: relative;
    z-index: 3;

    display: inline-block;
    overflow: hidden;

    max-width: calc(100% + 28px);
    margin-right: -16px;
    margin-left: -12px;
    padding: 4px 16px 4px 49px;

    transition: color .1s linear;
    vertical-align: top;
    white-space: nowrap;
    text-decoration: none;
    text-overflow: ellipsis;
}

.cats_list a:before
{
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;

    display: block;

    width: 100%;
    height: 100%;

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

    opacity: 0;
    border-radius: 15px;
    background: var(--color_blue);
}

.cats_list a .icon
{
    position: absolute;
    top: 0;
    left: 12px;

    display: flex;

    width: 25px;
    height: 100%;

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

.cats_list a .icon > *
{
    display: block;

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

    transition: fill .1s linear;

    fill: var(--color_blue);
}

.cats_list a .icon1 > *
{
    width: 20px;
    height: 8px;
}

.cats_list a .icon2 > *
{
    width: 20px;
    height: 8px;
}

.cats_list a .icon3 > *
{
    width: 20.2px;
    height: 13.5px;
}

.cats_list a .icon4 > *
{
    width: 19.85px;
    height: 16.4px;
}

.cats_list a .icon5 > *
{
    width: 14.4px;
    height: 17.94px;
}

.cats_list a .icon6 > *
{
    width: 19.97px;
    height: 15.9px;
}

.cats_list a .icon7 > *
{
    width: 9px;
    height: 18px;
}

.cats_list a .icon8 > *
{
    width: 20px;
    height: 17px;
}

.cats_list a .icon9 > *
{
    width: 20px;
    height: 16.5px;
}

.cats_list a .icon10 > *
{
    width: 20px;
    height: 14px;
}

.cats_list a .icon11 > *
{
    width: 20px;
    height: 13.8px;
}

.cats_list a .icon12 > *
{
    width: 15px;
    height: 15px;
}

.cats_list a .icon13 > *
{
    width: 20px;
    height: 16.9px;
}

.cats_list a .icon14 > *
{
    width: 16px;
    height: 17px;
}

.cats_list a .icon15 > *
{
    width: 19.1px;
    height: 16px;
}

.cats_list a .icon16 > *
{
    width: 18px;
    height: 18px;
}

.cats_list a .icon17 > *
{
    width: 26px;
    height: 18px;
}

.cats_list a .icon_flag_rus > *
{
    width: 24px;
    height: 17px;
}

.cats_list a .icon + *
{
    overflow: hidden;

    text-overflow: ellipsis;
}

.cats_list a:hover
{
    color: var(--color_blue);
}

.cats_list a.active
{
    color: #fff;
}

.cats_list a.active:before
{
    opacity: 1;
}

.cats_list a.active .icon > *
{
    fill: #fff;
}



.category_info
{
    padding-bottom: 20px;

    background: #fff;
}

.category_info.full
{
    width: 100%;
}

.category_info .content_description
{
    padding: 20px;
    color: var(--color_black);
}

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

.category_info .block_head
{
    padding: 20px;

    border-bottom: 1px solid #dadada;
}

.category_info .block_head.level_1
{
    background-color: #f5f5f5;
    margin-bottom: 0;
}

.category_info .block_head.level_2
{
    border-top: none;
}

.category_info .block_head.level_2 a.title 
{
    font-size: 18px;
}

.category_info .block_head.level_3
{
    border: none;
    padding-top: 0;
}

.category_info .block_head.level_3 a.title 
{
    font-size: 16px;
}

.category_info .block_head.level_4
{
    border: none;
    padding-top: 0;
}

.category_info .block_head.level_4 a.title 
{
    font-size: 14px;
}

.category_info .block_head.level_table
{
    border-bottom: none;
    padding-bottom: 0;
}

.category_info .block_head.level_table a.title 
{
    font-size: 18px;
}

.category_info .block_head a.title
{
    text-decoration: none;
    transition: color .1s linear;
}

.category_info .block_head a.title:hover
{
    color: var(--color_blue);
}


.category_info .head
{
    color: var(--color_black);
    font-size: 15px;
    font-weight: 300;
    line-height: 20px;

    display: flex;

    padding: 20px;

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

    border-bottom: 1px solid #dadada;
}

.category_info .head .name
{
    padding-right: 6px;
}

.category_info .head select
{
    display: none;
}

.category_info .head .nice-select
{
    position: relative;

    display: block;

    padding-right: 15px;
}

.category_info .head .nice-select .current
{
    font-weight: 700;
    line-height: 17px;

    display: block;
    overflow: hidden;

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

    border-bottom: 2px dotted;
}

.category_info .head .nice-select.open .current,
.category_info .head .nice-select:hover .current
{
    border-color: transparent;
}

.category_info .head .nice-select .current:after
{
    position: absolute;
    top: 5px;
    right: 2px;

    display: block;

    width: 6px;
    height: 6px;

    content: '';
    transition: all .1s linear;
    transform: rotate(-45deg);

    border-bottom: 1px solid #c1c1c1;
    border-left: 1px solid #c1c1c1;
}

.category_info .head .nice-select.open .current:after
{
    transform: rotate(135deg);
    top: 8px;
}

.category_info .head .nice-select .list
{
    position: absolute;
    z-index: 9;
    top: calc(100% + 30px);
    left: -20px;

    visibility: hidden;
    overflow: hidden;

    min-width: calc(100% + 40px);

    transition: .1s linear;

    opacity: 0;
    border: 1px solid #dadada;
    background: #fff;
}

.category_info .head .nice-select.open .list
{
    top: calc(100% + 6px);

    visibility: visible;

    opacity: 1;
}

.category_info .head .nice-select .list .scrollbar
{
    overflow: auto;

    max-height: 240px;
}

.category_info .head .nice-select .list .list_item
{
    font-size: var(--font_size);
    white-space: nowrap;

    padding: 5px 20px;

    cursor: pointer;
    transition: .1s linear;
}

.category_info .head .nice-select .list .list_item:empty
{
    display: none;
}

.category_info .head .nice-select .list .list_item:hover,
.category_info .head .nice-select .list .list_item.selected
{
    background: #dadada;
}


.category_info .head .title
{
    width: calc(100% - 340px);
    padding-right: 40px;
    line-height: 28px;
    font-size: 26px;
}


.category_info .head .sort
{
    display: flex;

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

.category_info .head .sort + .sort
{
    margin-left: 90px;
}


.category_info .head .view
{
    display: flex;

    margin-left: auto;

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

.category_info .head .view > * + *
{
    margin-left: 30px;
}


.category_info .head .view .grid_link
{
    display: flex;
    flex-direction: column;

    width: 26px;
    height: 26px;

    cursor: pointer;

    border: none;
    background: none;
}

.category_info .head .view .grid_link > *
{
    position: relative;

    display: block;

    width: 8px;
    height: 8px;
    margin: 0 9px;

    transition: background .1s linear;

    background: #ccc;
}

.category_info .head .view .grid_link > * + *
{
    margin-top: 1px;
}

.category_info .head .view .grid_link > *:before,
.category_info .head .view .grid_link > *:after
{
    position: absolute;
    top: 0;
    left: -10px;

    display: block;

    width: 100%;
    height: 100%;

    content: '';
    transition: background .1s linear;

    background: #ccc;
}

.category_info .head .view .grid_link > *:after
{
    left: 10px;
}

.category_info .head .view .grid_link:hover > *,
.category_info .head .view .grid_link:hover > *:before,
.category_info .head .view .grid_link:hover > *:after,
.category_info .head .view .grid_link.active > *,
.category_info .head .view .grid_link.active > *:before,
.category_info .head .view .grid_link.active > *:after
{
    background: var(--color_blue);
}


.category_info .head .view .list_link
{
    display: flex;
    flex-direction: column;

    width: 32px;
    height: 26px;

    cursor: pointer;

    border: none;
    background: none;
}

.category_info .head .view .list_link > *
{
    position: relative;

    display: block;

    width: 23px;
    height: 8px;
    margin-left: 9px;

    transition: background .1s linear;

    background: #ccc;
}

.category_info .head .view .list_link > * + *
{
    margin-top: 1px;
}

.category_info .head .view .list_link > *:before
{
    position: absolute;
    top: 0;
    left: -10px;

    display: block;

    width: 8px;
    height: 100%;

    content: '';
    transition: background .1s linear;

    background: #ccc;
}

.category_info .head .view .list_link:hover > *,
.category_info .head .view .list_link:hover > *:before,
.category_info .head .view .list_link.active > *,
.category_info .head .view .list_link.active > *:before
{
    background: var(--color_blue);
}


.category_info .products .no_results
{
    margin-top: 20px;
    font-size: 16px;
}


.category_info .products .flex
{
    padding: 0 20px;

    --products_count: 5;

    margin-top: 20px;
}

.category_info .products .flex > *
{
    width: calc(20% - 20px);
}



.product_page aside.mini + .content
{
    width: calc(100% - var(--aside_mini_width) - 7px);
}


.product_info .data
{
    background: var(--color_white);

    justify-content: space-between;
    align-items: stretch;
    align-content: stretch;
}


.product_info .product_name
{
    color: var(--color_black);
    font-size: 30px;
    font-weight: 700;
    line-height: 40px;

    display: block;

    width: 100%;
    padding: 20px 30px;

    border-bottom: 1px solid #dadada;
}

  .dev-visible-only {
    /* По умолчанию скрыт */
    display: none !important;
  }


.product_info .images
{
    position: relative;

    width: 40.36%;
    padding: 20px;

    border-right: 1px solid #dadada;
}

.product_info .images .big .slide
{
    position: relative;
}

.product_info .images .big .slide .image-note
{
    position: absolute;
    top: 0;
    padding: 4px 12px;
    background: rgba(33,33,33,.5);
    pointer-events: none;
    z-index: 1;

    display: flex;
    align-items: center;
}

.product_info .images .big .slide .image-note .icon
{
    margin-right: 8px;
    width: 20px;
    height: 20px;
    fill: #fff;
}

.product_info .images .big .slide .image-note .text
{
    color: #fff;
    font-size: 12px;
}


.product_info .images .big .slide a
{
    position: relative;

    display: block;
}

.product_info .images .big .slide img
{
    display: block;

    width: 378px;
    max-width: 100%;
    margin: auto;
}


.product_info .images .big .slide .Magic360-container
{
    display: flex;

    width: 100% !important;
    max-width: 100% !important;
    height: 100%;
    min-height: 0;
    margin: auto;

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

.product_info .images .big .slide a.Magic360
{
    display: block !important;

    width: 100%;
}

.product_info .images .big .slide a.Magic360:not(.m360-spin-x)
{
    display: flex !important;

    height: 100%;
    min-height: 320px;

    align-items: center;
    justify-content: center;
}

.product_info .images .big .slide a.Magic360:not(.m360-spin-x):after
{
    content: "";
    position: absolute;
    width: 80px;
    height: 80px;
    background: #fff url(../images/ic_click.png) center center no-repeat;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    opacity: 1;
    z-index: 2;
    border-radius: 50%;
}

.product_info .images .big .slide a.Magic360:not(.m360-spin-x):before
{
    content: "";
    position: absolute;
    width: 50px;
    height: 50px;
    background-image: url(../images/ic_photo360.jpg);
    bottom: 5px;
    left: 0;
    right: 0;
    margin: auto;
    background-size: 100%;
    opacity: 0.6;
    z-index: 2;
}


.product_info .images .big .slide .video video
{
    width: 100%;
    height: 378px;
    max-height: 100%;
}


#photo360_modal
{
    width: 100%;
    max-width: 1370px;
}

#photo360_modal .Magic360-container
{

    width: 100% !important;
    max-width: 100% !important;
    height: 100%;
    min-height: 0;
    margin: auto;
}

#photo360_modal .Magic360-container:after
{
    padding-bottom: 0 !important;
}

#photo360_modal a.Magic360
{
    display: block !important;

    width: 100%;
}

#photo360_modal a.Magic360:not(.m360-spin-x)
{
    display: flex !important;

    height: 100%;

    align-items: center;
    justify-content: center;
}

#photo360_modal a.Magic360:not(.m360-spin-x):after
{
    content: "";
    position: absolute;
    width: 80px;
    height: 80px;
    background: #fff url(../images/ic_click.png) center center no-repeat;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    opacity: 1;
    z-index: 2;
    border-radius: 50%;
}

#photo360_modal a.Magic360:not(.m360-spin-x):before 
{
    content: "";
    position: absolute;
    width: 50px;
    height: 50px;
    background-image: url(../images/ic_photo360.jpg);
    bottom: 53px;
    left: 0;
    right: 0;
    margin: auto;
    background-size: 100%;
    opacity: 0.6;
    z-index: 2;
}


#ProdIMG_modal
{
    padding: 10px 50px;
}

#ProdIMG_modal .Magic360
{
    position: relative;

    display: block;
    overflow: hidden;

    width: 100%;
}

#ProdIMG_modal .Magic360-container
{
    width: 100% !important;
    max-width: 100% !important;
    min-height: 260px;
    margin: auto;
}


.product_info .images .thumbs
{
    position: relative;
    left: -5px;

    width: 378px;
    max-width: 100%;
    margin: 10px auto -10px;
}

.product_info .images .thumbs .slide
{
    display: flex;

    justify-content: flex-start;
    align-items: stretch;
    align-content: stretch;
    flex-wrap: wrap;
}

.product_info .images .thumbs .slide > *
{
    width: calc(25% - 10px);
    margin-bottom: 10px;
    margin-left: 10px;
}


.product_info .images .thumbs .owl-carousel .owl-nav button.owl-prev,
.product_info .images .thumbs .owl-carousel .owl-nav button.owl-next
{
    width: 18px;
    height: 57px;

    transition: background .1s linear;

    border-radius: 50px 0 0 50px;
    background: rgba(0,0,0,.3);
}

.product_info .images .thumbs .owl-carousel .owl-nav button.owl-prev
{
    left: -10px;
}

.product_info .images .thumbs .owl-carousel .owl-nav button.owl-next
{
    right: -20px;
}

.product_info .images .thumbs .owl-carousel .owl-nav button span
{
    width: 10px;
    height: 10px;

    border-width: 2px;
    border-color: #fff;
}

.product_info .images .thumbs .owl-carousel .owl-nav button.owl-prev:hover,
.product_info .images .thumbs .owl-carousel .owl-nav button.owl-next:hover
{
    background: var(--color_blue);
}


.product_info .images .thumbs .slide button
{
    position: relative;

    display: block;

    padding-bottom: calc(22.25% - 10px);

    cursor: pointer;
    transition: border-color .1s linear;

    border: 1px solid #dadada;
    background: none;
}

.product_info .images .thumbs .slide button .icon_isuser
{
    position: absolute;
    z-index: 1;
    top: 3px;
    left: 3px;

    width: 15px;
    height: 15px;

    pointer-events: none;

    fill: #8f8f8f;
    background: #fff;
    border-radius: 50%;
}


.product_info .images .thumbs .slide button .icon_add-photo
{
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;

    display: block;

    width: 32px;
    height: 32px;
    margin: auto;

    fill: #7d7d7d;
    background: #fff;

    transition: .1s linear;
}

.product_info .images .thumbs .slide button:hover .icon_add-photo
{
    fill: #d60000;
}

.product_info .images .thumbs .slide button.btn_add-photo:hover
{
    border-color: #d60000;
}


.product_info .images .thumbs .slide button .icon_video
{
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;

    width: 25px;
    height: 25px;

    fill: var(--color_blue);
}

.product_info .images .thumbs .slide button:hover .icon_video
{
    fill: #212121;
}


.product_info .images .thumbs .slide button img
{
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;

    display: block;

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

.product_info .images .thumbs .slide button:hover,
.product_info .images .thumbs .slide button.active
{
    border-color: var(--color_blue);
}

.product_info .images .thumbs .slide button.active:before
{
    opacity: 1;
}


.product_info .images .view360
{
    position: absolute;
    z-index: 1;
    top: 0;
    right: 0;

    display: block;

    cursor: pointer;

    border: none;
    background: none;
}

.product_info .images .view360 .icon
{
    display: block;

    width: 40px;
    height: 40px;

    fill: var(--color_blue);

    transition: .4s ease;
}

.product_info .images .view360 .icon:hover
{
    transform: rotate(360deg);
}

.product_info .images .product_delivery-info
{
    margin: 50px 0;
}

.product_info .images .product_delivery-info .delivery_guarantee--desktop
{
    display: flex;
    gap: 50px;
    justify-content: flex-end;
    align-items: center;
}

.product_info .info .product_delivery-info .delivery_guarantee--mobile
{
    display: none;
    gap: 30px;
    justify-content: space-between;
    align-items: center;
}

.product_info .images .product_delivery-info .delivery_guarantee-item,
.product_info .info .product_delivery-info .delivery_guarantee-item
{
    display: flex;
    align-items: center;
    gap: 12px;
    min-width: 200px;
}

.product_info .info .product_delivery-info .delivery_guarantee-item
{
    min-width: unset;
}

.product_info .images .product_delivery-info .icon-container,
.product_info .info .product_delivery-info .icon-container
{
    width: 32px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.product_info .images .product_delivery-info .icon-container img,
.product_info .info .product_delivery-info .icon-container img
{
    display: block;
    max-width: 100%;
    height: auto;
    object-fit: contain;
    margin-bottom: unset;
    width: 32px;
    height: 32px;
}

.product_info .images .product_delivery-info .delivery_guarantee-item span,
.product_info .info .product_delivery-info .delivery_guarantee-item span
{
    font-size: 14px;
    color: #000;
}

.product_info .links_messager
{
    display: flex;
    justify-content: space-around;
    align-items: flex-start;
    align-content: space-between;
    flex-wrap: nowrap;
    margin-top: 50px;
}

.product_info .links_messager .messager
{
    display: inline-block;
    padding: 18px 10px 18px 50px;
    background-repeat: no-repeat;
    background-size: 35px 35px;
    background-position: 10px center;
    text-decoration: none;
    color: #fff;
    font-family: var(--font_family);
    -webkit-transition: background .1s linear;
    -moz-transition: background .1s linear;
    -ms-transition: background .1s linear;
     -o-transition: background .1s linear;
        transition: background .1s linear;
}

.product_info .links_messager .messager.wa
{
    background-image: url('../images/ic_big_whatsapp.png');
    color: #00cc5c;
}

.product_info .links_messager .messager.wa:hover
{
    color: #00e676;
}

.product_info .links_messager .messager.tg
{
    background-image: url('../images/ic_big_telegram.png');
    color: #269bd1;
}

.product_info .links_messager .messager.tg:hover
{
    color: #38ade3;
}



.product_info .info
{
    position: relative;

    width: 59.64%;
    padding: 20px 20px 66px;

    justify-content: space-between;
}


.product_info .images .discontinued
{
    display: flex;
    
    position: absolute;
    
    left: 0;
    top: 0;

    margin-bottom: 5px;

    width: max-content;
    max-width: 200px;

    flex-wrap: wrap;
    align-items: center;
    align-content: center;
    gap: 5px;

    z-index: 2;
}

.product_info .images .discontinued .sticker
{
    color: #fff;
    font-size: 14px;
    font-weight: 300;
    line-height: 18px;
    width: max-content;

    padding: 8px 10px;

    background: #e33518;
}

.product_info .images .discontinued .sticker.new
{
    background: #46b03d;
}

.product_info .images .discontinued .sticker.hits
{
    background: #ef4836;
}

.product_info .images .discontinued .sticker.dev
{
    background: #7e7fa6;
}

.product_info .images .discontinued .sticker.sale
{
    background: #ffcc00;
}

.product_info .images .discontinued .sticker.removed
{
    background: #989898;
}

.product_info .images .discontinued .sticker.individual
{
    background: #00685b;
}

.product_info .images .discontinued .sticker.small
{
    background: #ff8403;
}

.product_info .images .discontinued .sticker.torp
{
    background: none;
    display: flex;
    align-items: center;
    color: #737373;
    background: #fff;
}

.product_info .images .discontinued .sticker.torp .flag
{
    margin-right: 5px;
    width: 24px;
    height: 17px;
}

.product_info .images .discontinued .sticker.reestr_digital
{
    background: none;
    display: flex;
    align-items: center;
    border: 1px solid #c4c4c4;
    color: #737373;
    font-weight: bold;
    background: #fff;
}

.product_info .images .discontinued .sticker.reestr_digital .icon
{
    margin-right: 10px;
    width: 24px;
    height: 23px;
}

.product_info .info .replacement
{
    color: var(--color_black);
    line-height: 18px;

    margin-bottom: 30px;

    width: 100%;
}

.product_info .info .replacement a
{
    color: var(--color_blue);

    display: inline-block;

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

.product_info .info .replacement a span
{
    transition: border-color .1s linear;

    border-bottom: 1px dashed;
}

.product_info .info .replacement a:hover span
{
    border-color: transparent;
}


.product_info .info .description
{
    color: #3d3d3d;
    font-weight: 300;
    padding-right: 10px;
    width: calc(100% - 230px);
}


.product_info .info .brand
{
    display: flex;

    width: 220px;
    max-width: 100%;

    justify-content: flex-end;
    align-items: flex-start;
    align-content: flex-start;
    flex-wrap: wrap;
}

.product_info .info .brand a,
.product_info .info .brand img
{
    display: block;

    max-width: 220px;
}


.product_info .info .articul
{
    color: #818181;
    font-weight: 300;
    line-height: 20px;

    display: flex;

    margin-bottom: 20px;

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

.product_info .info .articul h4
{
    color: var(--color_black);
    font-size: 20px;
    font-weight: 300;

    margin-left: 5px;
}

.product_info .info .copy_link
{
    position: relative;
    top: 3px;

    display: inline-block;

    margin-left: 8px;

    cursor: pointer;
    vertical-align: top;

    border: none;
    background: none;
}

.product_info .info .copy_link .icon
{
    display: block;

    width: 13px;
    height: 14px;

    fill: #818181;
}

.product_info .info .copy_link.copied .text span,
.product_info .info .copy_link .text span + span,
.product_info_v2_2 .product_vendor_code .copy_link.copied .text span,
.product_info_v2_2 .product_vendor_code .copy_link .text span + span

{
    display: none;
}

.product_info .info .copy_link.copied .text span + span,
.product_info_v2_2 .product_vendor_code .copy_link.copied .text span + span
{
    display: block;
}


.product_info .info .rating
{
    cursor: pointer;

    color: #818181;
    font-weight: 300;
    line-height: 18px;

    display: flex;

    margin-bottom: 20px;
    margin-right: auto;
    margin-left: 45px;

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

.product_info .info .rating .stars
{
    position: relative;
    top: -1px;

    display: flex;

    width: 75px;
    height: 15px;

    margin-right: 5px;

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

    background: url(../images/ic_star.png) 0 0 repeat-x;
}

.product_info .info .rating .stars span
{
    display: block;

    height: 15px;

    margin-left: 0;

    background: url(../images/ic_star.png) 0 -30px repeat-x;
}

.product_info .info .rating .stars > *
{
    width: 15px;
    height: 15px;

    background: url(../images/ic_star.png) 0 0 no-repeat;
}

.product_info .info .rating .stars > * + *
{
    margin-left: 3px;
}

.product_info .info .rating .stars > *.middle
{
    background-position: 0 -15px;
}

.product_info .info .rating .stars > *.active
{
    background-position: 0 100%;
}

.product_info .info .rating button
{
    display: inline-block;

    cursor: pointer;
    vertical-align: top;

    border: none;
    background: none;
}

.product_info .info .rating button .count
{
    color: #818181;
    font-family: var(--font_family);
    font-size: var(--font_size);
    font-weight: 300;
    line-height: 18px;

    margin-left: 5px;

    transition: border-color .1s linear;

    border-bottom: 1px solid;
}

.product_info .info .rating button .count:hover
{
    border-color: transparent;
}

.product_info .info .rating.no_margin_left
{
    margin-left: 0;
}

.product_info .info .rating + .flex
{
    width: 100%;
}

.product_info .info .okpd2 
{
    color: #818181;
    font-weight: 300;
    line-height: 20px;
    display: flex;
    margin-top: 20px;
    justify-content: flex-start;
    align-items: flex-start;
    align-content: flex-start;
    flex-wrap: wrap;
}

.product_info .info .okpd2 b 
{
    margin-left: 5px;
    color: #00abdf;
}

.product_info .info .okpd2 img
{
    margin-bottom: 0;
    margin-right: 10px;
}


.product_info .info .buy_info
{
    display: flex;

    position: relative;

    width: 100%;
    margin-top: 25px;
    padding: 20px 25px;

    background: #ebfafe;

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

.product_info .info .buy_info.load:before
{
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(255, 255, 255, 0.4);
    z-index: 4;
    cursor: wait;
}


.product_info .info .buy_info .col_left
{
    display: flex;

    width: calc(100% - 234px);

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

.product_info .info .buy_info .col_left > *
{
    width: 100%;
}

.product_info .info .buy_info .col_left > * + *
{
    margin-top: 25px;
}


.product_info .info .buy_info .col_right
{
    display: flex;

    width: 209px;
    max-width: 100%;

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

.product_info .info .buy_info .col_right > *
{
    width: 100%;
}

.product_info .info .buy_info .col_right > * + *
{
    margin-top: 30px;
}


.product_info .info .price_block
{
    color: var(--color_black);
    font-size: 18px;
    font-weight: 500;
    line-height: 26px;

    display: flex;

    white-space: nowrap;

    justify-content: flex-start;
    align-items: flex-start;
    align-content: flex-start;
    flex-wrap: nowrap;
}

.product_info .info .price_block .val
{
    margin-left: 20px;
}

.product_info .info .price_block .val div:last-child
{
    text-align: right;
}

.product_info .info .price_block .price
{
    color: var(--color_blue);
    font-size: 60px;
    font-weight: normal;
    line-height: 48px;

    position: relative;

    display: inline-block;

    vertical-align: top;
}

.product_info .info .price_block .price.million
{
    font-size: 45px;
}

.product_info .info .price_block .price span
{
    position: relative;

    display: inline-block;

    vertical-align: top;
    cursor: pointer;
}

/*.product_info .info .price_block .price span:after
{
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;

    display: block;

    width: 100%;
    height: 2px;
    margin: auto;

    content: '';

    background: var(--color_blue);
}*/

.product_info .info .price_block .price sup
{
    font-size: 18px;
    font-weight: 500;
    line-height: 12px;

    display: inline-block;

    vertical-align: top;
}

.product_info .info .price_block .price .arr
{
    position: absolute;
    top: 22px;
    right: 20px;

    display: block;

    width: 10px;
    height: 13px;

    background: #ff8611;
}

.product_info .info .price_block .price .arr:hover
{
    cursor: pointer;
}

.product_info .info .price_block .price .arr:before
{
    position: absolute;
    top: 100%;
    left: -5px;

    display: block;

    width: 20px;
    height: 10px;

    content: '';

    border-top: 10px solid #ff8611;
    border-right: 10px solid transparent;
    border-left: 10px solid transparent;
}


.product_info .info .price_block .garanti_price
{
    color: var(--color_blue);
    font-size: 24px;
    font-weight: 700;

    margin-top: 3px;
}

.product_info .info .price_block .garanti_price small
{
    font-size: 18px;
    font-weight: normal;
}


.product_info .info .price_block .get_price
{
    color: #ff8611;
    font-family: var(--font_family);
    font-size: var(--font_size);
    font-weight: 300;

    display: inline-block;

    margin-top: 5px;

    cursor: pointer;
    transition: border-color .1s linear;
    vertical-align: top;

    border: none;
    border-bottom: 1px dashed;
    background: none;
}

.product_info .info .price_block .get_price:hover
{
    border-color: transparent;
}


.product_info .info .price_block .get_corp_price
{
    color: #ff8611;
    font-family: var(--font_family);
    font-size: var(--font_size);
    font-weight: 400;

    display: inline-block;

    margin-top: 8px;

    cursor: pointer;
    transition: border-color .1s linear;
    vertical-align: top;

    border: none;
    border-bottom: 1px dashed;
    background: none;
}

.product_info .info .price_block .get_corp_price:hover
{
    border-color: transparent;
}


.product_info .info .status
{
    color: var(--color_black);
    font-weight: 700;

    display: flex;

    justify-content: flex-start;
    align-items: flex-start;
    align-content: flex-start;
    flex-wrap: nowrap;
}

.product_info .info .status .val
{
    position: relative;

    padding-left: 20px;

    white-space: nowrap;
}

.product_info .info .status .val:before
{
    position: absolute;
    top: 2px;
    left: 0;

    display: block;

    width: 12px;
    height: 12px;

    content: '';

    border-radius: 50%;
}

.product_info .info .status .green:before
{
    background: #7abe0d;
}

.product_info .info .status .blue:before
{
    background: #00abdf;
}

.product_info .info .status .under_order:before
{
    top: 1px;

    width: 13px;
    height: 14px;

    background: url(../images/ic_under_order.png) 0 0 no-repeat;
}

.product_info .info .status .cities
{
    color: #737373;
    font-weight: 300;

    margin-left: 15px;
}

.product_info .info .status .cities > * + *
{
    margin-top: 5px;
}

.product_info .info .status .cities b
{
    color: var(--color_black);
}


.product_info .info .buy_info .buy_links
{
    display: flex;

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

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

.product_info .info .buy_info .buy_links > * + *
{
    margin-left: 13px;
}


.product_info .info .buy_info .quike_buy_link
{
    color: var(--color_white);
    font-family: var(--font_family);
    font-size: 18px;
    font-weight: 700;
    line-height: 54px;

    display: inline-block;

    height: 54px;
    padding: 0 25px;

    cursor: pointer;
    transition: background .1s linear;
    vertical-align: top;

    border: none;
    border-radius: 27px;
    background: #ff9511;
}

.product_info .info .buy_info .quike_buy_link:hover
{
    background: #fea537;
}


.product_info .info .buy_info .buy_link
{
    color: var(--color_white);
    font-family: var(--font_family);
    font-size: 18px;
    font-weight: 700;
    line-height: 54px;

    display: flex;

    height: 54px;
    padding: 0 25px;

    cursor: pointer;
    transition: background .1s linear;

    border: none;
    border-radius: 27px;
    background: var(--color_blue);

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

.product_info .info .buy_info .buy_link .icon
{
    display: block;

    width: 33px;
    height: 30px;

    fill: #96e5fd;
}

.product_info .info .buy_info .buy_link:hover
{
    background: #22b5e2;
}


.product_info .info .compare
{
    margin-left: 32px !important;
}


.product_info .info .compare_link
{
    color: var(--color_blue);
    font-family: var(--font_family);
    font-size: 14px;
    font-weight: 300;

    display: flex;

    cursor: pointer;

    border: none;
    background: none;

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

.product_info .info .compare .compare_link.comparison-add,
.product_info .info .compare.added .compare_link.comparison-remove,
.product_info .info .compare.added .compare_link.comparison-go
{
    display: flex;
}

.product_info .info .compare.added .compare_link.comparison-add,
.product_info .info .compare .compare_link.comparison-remove,
.product_info .info .compare .compare_link.comparison-go
{
    display: none;
}

.product_info .info .compare_link .icon
{
    display: flex;

    width: 44px;
    height: 44px;

    transition: border-color .1s linear;

    border: 1px solid;
    border-radius: 50%;

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

.product_info .info .compare_link .icon > *
{
    display: block;

    width: 20px;
    height: 20px;
}

.product_info .info .added .compare_link .icon
{
    color: #fff;

    background: var(--color_blue);
}

.product_info .info .added .compare_link:hover .icon
{
    border-color: var(--color_blue);
}

.product_info .info .compare .compare_link.loading:before
{
    content: "";

    display: block;
    position: absolute;

    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    margin: auto;
    width: 100%;
    height: 100%;

    border-radius: 50%;
    background: rgba(255, 255, 255, 0.7);

    z-index: 11;
}

.product_info .info .compare .compare_link.loading:after
{
    content: "";

    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    margin: auto;
    width: 30px;
    height: 30px;

    border: 5px solid var(--color_blue);
    border-bottom-color: transparent;
    border-radius: 50%;

    display: block;
    position: absolute;

    z-index: 12;

    animation: submitBtnLoader 1s linear infinite;
}


.product_info .info .buy_info .amount
{
    position: relative;
    z-index: 3;

    display: none;
    visibility: hidden;
    overflow: hidden;

    width: 0;

    margin-left: 0;

    pointer-events: none;

    opacity: 0;

    justify-content: flex-start;
    align-items: center;
    align-content: center;
    flex-wrap: nowrap;
}

.product_info .info .buy_info .amount.show
{
    display: flex;
}

.product_info .info .buy_info .amount:before
{
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;

    display: block;

    width: 50px;
    height: 100%;

    content: '';
    transition: width .1s linear;

    border-radius: 27px;
    background: var(--color_blue);
}

.product_info .info .buy_info .amount button
{
    position: absolute;
    z-index: 3;
    top: 0;
    left: 0;

    display: block;

    width: 42px;
    height: 54px;

    cursor: pointer;
    transition: opacity .1s linear .25s;

    opacity: 0;
    border: none;
    background: none;
}

.product_info .info .buy_info .amount button:before,
.product_info .info .buy_info .amount button:after
{
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;

    display: block;

    width: 12px;
    height: 2px;
    margin: auto;

    content: '';

    background: #fff;
}

.product_info .info .buy_info .amount button:after
{
    width: 2px;
    height: 12px;
}

.product_info .info .buy_info .amount button.plus
{
    right: 0;
    left: auto;
}

.product_info .info .buy_info .amount button.minus:after
{
    opacity: 0;
}

.product_info .info .buy_info .amount .input
{
    color: #fff;
    font-family: var(--font_family);
    font-size: 20px;
    font-weight: 700;

    display: block;

    width: 100%;
    height: 54px;
    padding: 0 42px;

    transition: opacity .1s linear .25s;
    text-align: center;

    opacity: 0;
    border: none;
    background: none;
}

.product_info .info .buy_info .amount.show
{
    visibility: visible;
    overflow: visible;

    width: 127px;

    pointer-events: auto;

    opacity: 1;
}

.product_info .info .buy_info .amount.show:before
{
    width: 100%;
}

.product_info .info .buy_info .amount.show button,
.product_info .info .buy_info .amount.show .input
{
    opacity: 1;
}


.product_info .info .buy_info .ms2_form .submit
{
    display: none;
}


.product_info .info .buy_info .issue_invoice
{
    color: var(--color_blue);
    font-family: var(--font_family);
    font-size: var(--font_size);
    font-weight: 300;
    line-height: 16px;

    position: relative;

    display: flex;

    width: 209px;
    max-width: 100%;
    height: 54px;
    padding: 10px 28px 10px 68px;

    cursor: pointer;

    border: 1px solid;
    border-radius: 25px;
    background: none;

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

    transition: background .1s linear;
}

.product_info .info .buy_info .issue_invoice:hover
{
    background-color: #FFFFFF;
}

.product_info .info .buy_info .issue_invoice img
{
    position: absolute;
    top: 3px;
    bottom: 0;
    left: 28px;

    display: block;

    width: 27px;
    height: 31px;
    margin: auto;
}


.product_info .info .buy_info .links > * + *
{
    margin-top: 10px;
}

.product_info .info .buy_info .links button
{
    color: var(--color_blue);
    font-family: var(--font_family);
    font-size: 16px;
    font-weight: 300;

    display: inline-block;

    cursor: pointer;
    vertical-align: top;

    border: none;
    background: none;
}

.product_info .info .buy_info .links button span
{
    transition: border-color .1s linear;

    border-bottom: 1px dashed;
}

.product_info .info .buy_info .links button:hover span
{
    border-color: transparent;
}


.product_info .info .buy_info .garanti
{
    color: var(--color_black);

    display: flex;

    width: 100%;
    margin-top: 20px;

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

.product_info .info .buy_info .garanti .add_link
{
    color: #7abe0d;
    font-family: var(--font_family);
    font-size: 16px;
    font-weight: 300;
    line-height: 24px;

    position: relative;

    display: inline-block;

    margin-left: 24px;
    padding-left: 28px;

    cursor: pointer;
    vertical-align: top;

    border: none;
    background: none;
}

.product_info .info .buy_info .garanti .add_link .icon
{
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;

    display: block;

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

    fill: #7abe0d;
}

.product_info .info .buy_info .garanti .add_link span
{
    line-height: 16px;

    position: relative;
    top: -1px;

    display: inline-block;

    transition: border-color .1s linear;
    vertical-align: middle;

    border-bottom: 1px dashed;
}

.product_info .info .buy_info .garanti .add_link:hover span
{
    border-color: transparent;
}


.product_info .info .pluses
{
    color: var(--color_black);
    font-weight: 300;

    display: flex;

    width: calc(100% + 40px);
    margin-top: 20px;
    margin-bottom: -10px;
    margin-left: -40px;

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

.product_info .info .pluses > *
{
    display: flex;

    margin-bottom: 10px;
    margin-left: 40px;

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

.product_info .info .pluses .icon
{
    display: block;

    fill: #c8c8c8;
}

.product_info .info .pluses .icon1
{
    width: 22px;
    height: 23px;
}

.product_info .info .pluses .icon2
{
    width: 18px;
    height: 21px;
}


.product_info .info .similar_link
{
    color: var(--color_blue);
    font-family: var(--font_family);

    position: absolute;
    right: 20px;
    bottom: 25px;

    display: inline-block;

    cursor: pointer;
    transition: border-color .1s linear;
    vertical-align: top;

    border: none;
    border-bottom: 1px dashed;
    background: none;
}

.product_info .info .similar_link.active
{
    border: none;
}

.product_info .info .similar_link:hover
{
    border-color: transparent;
}



.product_info_v2 .info
{
    padding: 20px 20px 13px;
}


.product_info_v2 .info .buy_info
{
    display: flex;

    width: 100%;
    margin-top: 25px;
    padding: 20px 25px;

    background: #ebfafe;

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


.product_info_v2 .info .buy_info .col_left
{
    width: calc(100% - 234px);
    display: block;
}

.product_info_v2 .info .buy_info .col_left > *
{
    width: 100%;
}


.product_info_v2 .info .buy_info .col_right
{
    width: 202px;
    max-width: 100%;
}

.product_info_v2 .info .buy_info .col_right > *
{
    width: 100%;
}


.product_info_v2 .info .price_block
{
    color: var(--color_black);
    font-size: 18px;
    font-weight: 500;
    line-height: 26px;

    display: flex;

    white-space: nowrap;

    justify-content: flex-start;
    align-items: flex-start;
    align-content: flex-start;
    flex-wrap: nowrap;
}

.product_info_v2 .info .price_block .val
{
    margin-left: 20px;
}

.product_info_v2 .info .price_block .price
{
    color: var(--color_blue);
    font-size: 60px;
    font-weight: normal;
    line-height: 54px;

    position: relative;

    display: inline-block;

    vertical-align: top;
}

.product_info_v2 .info .price_block .price span
{
    position: relative;

    display: inline-block;

    vertical-align: top;
}

/*.product_info_v2 .info .price_block .price span:after
{
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;

    display: block;

    width: 100%;
    height: 2px;
    margin: auto;

    content: '';

    background: var(--color_blue);
}*/

.product_info_v2 .info .price_block .price sup
{
    font-size: 18px;
    font-weight: 500;
    line-height: 12px;

    display: inline-block;

    vertical-align: top;
}

.product_info_v2 .info .price_block .agree{white-space: normal;}

.product_info_v2 .info .buy_info .col_left .status
{
    color: #737373;
    font-weight: 300;

    display: flex;

    margin-top: 20px;

    justify-content: flex-start;
    align-items: flex-start;
    align-content: flex-start;
    flex-wrap: nowrap;
}

.product_info_v2 .info .status .val
{
    position: relative;

    padding-left: 0;
    padding-right: 19px;

    white-space: nowrap;
}

.product_info_v2 .info .status .val:before
{
    position: absolute;
    top: 4px;
    right: 0;
    left: auto;
    display: block;

    width: 10px;
    height: 10px;

    content: '';

    border-radius: 50%;
}

.product_info_v2 .info .status .green:before
{
    background: #7abe0d;
}

.product_info_v2 .info .status .under_order:before
{
    top: 1px;

    width: 13px;
    height: 14px;

    background: url(../images/ic_under_order.png) 0 0 no-repeat;
}

.product_info_v2 .info .status .cities
{
    margin-left: 0;
}

.product_info_v2 .info .status .cities > * + *
{
    margin-top: 6px;
}


.product_info_v2 .info .status .get_availability
{
    color: #737373;
    font-family: var(--font_family);
    font-weight: 300;

    display: inline-block;

    cursor: pointer;
    vertical-align: top;

    border: none;
    background: none;

    padding-left: 0;
    margin-left: 0;
}

.product_info_v2 .info .status .get_availability span
{
    transition: border-color .1s linear;

    border-bottom: 1px dashed;
}

.product_info_v2 .info .status .get_availability:hover span
{
    border-color: transparent;
}



.product_info_v2 .info .reduce_price_btn
{
    color: var(--color_white);
    font-family: var(--font_family);
    font-size: 16px;
    font-weight: 500;
    line-height: 100%;

    position: relative;

    display: block;

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

    cursor: pointer;

    border: none;
    border-radius: 5px;
    background: rgb(255, 134, 17);

    transition: background .1s linear;
}

.product_info_v2 .info .reduce_price_btn:hover
{
    background: #00abdf;
}


.product_info_v2 .info .buy_info .garanti
{
    margin-top: 12px;
}

.product_info_v2 .info .buy_info .garanti:first-child
{
    margin-top: 0;
}


.product_info_v2 .info .buy_info .links
{
    margin-top: 30px;
}

.product_info_v2 .info .buy_info .links > * + *,
.product_info_v2 .info .buy_info .garanti .links,
.product_info_v2 .info .buy_info .garanti .links > * + *
{
    margin-top: 6px;
}

.product_info_v2 .info .buy_info .links button,
.product_info_v2 .info .buy_info .garanti .links button
{
    color: var(--color_blue);
    font-family: var(--font_family);
    font-size: var(--font_size);
    font-weight: 300;

    display: inline-block;

    cursor: pointer;
    vertical-align: top;

    border: none;
    background: none;

    padding-left: 0;
    margin-left: 0;
}

.product_info_v2 .info .buy_info .links button b,
.product_info_v2 .info .buy_info .garanti .links button b
{
    font-weight: 500;
}

.product_info_v2 .info .buy_info .links button span,
.product_info_v2 .info .buy_info .garanti .links button span
{
    transition: border-color .1s linear;

    border-bottom: 1px dashed;
}

.product_info_v2 .info .buy_info .links button:hover span,
.product_info_v2 .info .buy_info .garanti .links button:hover span
{
    border-color: transparent;
}


.product_info_v2 .info .buy_info .buy_links
{
    display: flex;

    width: 100%;
    margin-top: 30px;

    justify-content: flex-start;
    align-items: center;
    align-content: center;
    flex-wrap: wrap;
    row-gap: 20px;
}

.product_info_v2 .info .buy_info .buy_links > * + *
{
    margin-left: 0 !important;
}


.product_info_v2 .info .buy_info .quike_buy_link
{
    color: var(--color_white);
    font-family: var(--font_family);
    font-size: var(--font_size);
    font-weight: 500;
    line-height: 44px;

    display: inline-block;

    width: 170px;
    height: 44px;

    cursor: pointer;
    transition: background .1s linear;
    vertical-align: top;

    border: none;
    border-radius: 5px;
    background: rgb(0, 171, 223);
}

.product_info_v2 .info .buy_info .quike_buy_link:hover
{
    background: rgb(255, 134, 17);
}


.product_info_v2 .info .buy_info .issue_invoice
{
    color: var(--color_blue);
    font-family: var(--font_family);
    font-size: 16px;
    font-weight: 300;
    line-height: 100%;

    position: relative;

    display: flex;

    width: 200px;
    max-width: 100%;
    height: 44px;
    padding: 0 16px;
    margin-right: 20px;

    cursor: pointer;
    text-align: left;

    border: 1px solid var(--color_blue);
    border-radius: 5px;
    background: none;

    justify-content: center;
    align-items: center;
    align-content: center;
}

.product_info_v2 .info .buy_info .issue_invoice img
{
    position: absolute;
    top: 3px;
    bottom: 0;
    left: 22px;

    display: block;

    width: 21px;
    height: 25px;
    margin: auto;
}

.product_info_v2 .info .buy_info .issue_invoice small
{
    color: #737373;
    font-size: 12px;

    display: block;
}

.product_info_v2 .info .buy_info .issue_invoice .icon
{
    color: currentColor;

    display: block;

    width: 18px;
    height: 16px;
    margin-left: 10px;
}


.product_info_v2 .info .buy_info .issue_invoice.blue
{
    background: rgb(0, 171, 223);
    color: var(--color_white);
    border: none;
}

.product_info_v2 .info .buy_info .issue_invoice.blue:hover
{
    background: rgb(255, 134, 17);
}


.product_info_v2 .info .buy_info .issue_invoice.orange
{
    background: rgb(255, 134, 17);
    color: var(--color_white);
    border: none;
}

.product_info_v2 .info .buy_info .issue_invoice.orange:hover
{
    background: rgb(0, 171, 223);
}


.product_info_v2 .info .buy_info .buy_link
{
    color: var(--color_blue);
    font-family: var(--font_family);
    font-size: var(--font_size);
    font-weight: 300;
    line-height: 160%;

    display: flex;

    width: 200px;
    max-width: 100%;
    height: 44px;
    padding: 0 16px;

    cursor: pointer;
    transition: .1s linear;

    border: 1px solid var(--color_blue);
    border-radius: 5px;
    background: none;

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

.product_info_v2 .info .buy_info .buy_link .icon 
{
    display: block;

    width: 20px;
    height: 20px;

    margin-right: 5px;
}

.product_info_v2 .info .buy_info .buy_link:hover
{
    color: var(--color_white);
    background: var(--color_blue);
}


.product_info_v2 .info .buy_info .compare
{
    margin-left: 14px !important;
    display: flex;
    align-items: center;
}

.product_info_v2 .info .buy_info .compare .compare_link
{
    color: var(--color_blue);
    font-size: 12px;

    position: relative;

    display: block;

    cursor: pointer;

    border: none;
    background: none;
}

.product_info_v2 .info .buy_info .compare.added .compare_link.comparison-add, 
.product_info_v2 .info .buy_info .compare .compare_link.comparison-remove,
.product_info_v2 .info .buy_info .compare .compare_link.comparison-go
{
    display: none;
}

.product_info .info .buy_info .compare .compare_link.comparison-add, 
.product_info .info .buy_info .compare.added .compare_link.comparison-remove,
.product_info .info .buy_info .compare.added .compare_link.comparison-go
{
    display: block;
}

.product_info_v2 .info .buy_info .compare .compare_link .icon
{
    display: flex;

    width: 44px;
    height: 44px;

    transition: border-color .1s linear;
    transition: color .1s linear;

    border: 1px solid;
    border-radius: 50%;

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

    margin-top: 0;
}

.product_info_v2 .info .buy_info .compare:not(.added) .compare_link:hover .icon
{
    color: var(--color_white);
    border-color: var(--color_blue);
    background: var(--color_blue);
}

.product_info_v2 .info .buy_info .compare .comparison-go
{
    display: none;
    text-decoration: none;
    font-size: 12px;
    color: var(--color_blue);
    margin-left: 8px;
}

.product_info_v2 .info .buy_info .compare.added .comparison-go
{
    display: block;
}

.product_info_v2 .info .buy_info .compare .comparison-go:hover
{
    text-decoration: underline;
}


.product_info_v2 .info .buy_info .amount
{
    position: relative;
    z-index: 3;

    display: none;
    visibility: hidden;
    overflow: hidden;

    width: 0;
    margin: 0;

    pointer-events: none;

    opacity: 0;

    justify-content: flex-start;
    align-items: center;
    align-content: center;
    flex-wrap: nowrap;
}

.product_info_v2 .info .buy_info .amount:before
{
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;

    display: block;

    width: 44px;
    height: 100%;

    content: '';
    transition: width .1s linear;

    border: 1px solid var(--color_blue);
    border-radius: 22px;
    background: none;
}

.product_info_v2 .info .buy_info .amount button
{
    position: absolute;
    z-index: 3;
    top: 0;
    left: 0;

    display: block;

    width: 28px;
    height: 100%;

    cursor: pointer;
    transition: opacity .1s linear .25s;

    opacity: 0;
    border: none;
    background: none;
}

.product_info_v2 .info .buy_info .amount button:before,
.product_info_v2 .info .buy_info .amount button:after
{
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;

    display: block;

    width: 10px;
    height: 2px;
    margin: auto;

    content: '';

    background: var(--color_blue);
}

.product_info_v2 .info .buy_info .amount button:after
{
    width: 2px;
    height: 10px;
}

.product_info_v2 .info .buy_info .amount button.plus
{
    right: 0;
    left: auto;
}

.product_info_v2 .info .buy_info .amount button.minus:after
{
    opacity: 0;
}

.product_info_v2 .info .buy_info .amount button.minus:hover
{
    background: #00abdf;
    border-radius: 22px 0 0 22px;
}

.product_info_v2 .info .buy_info .amount button.plus:hover
{
    background: #00abdf;
    border-radius: 0 22px 22px 0;
}

.product_info_v2 .info .buy_info .amount button:hover:before,
.product_info_v2 .info .buy_info .amount button:hover:after
{
    background: #fff;
}

.product_info_v2 .info .buy_info .amount .input
{
    color: var(--color_blue);
    font-family: var(--font_family);
    font-size: 16px;
    font-weight: 700;

    display: block;

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

    transition: opacity .1s linear .25s;
    text-align: center;

    opacity: 0;
    border: 1px solid;
    border-radius: 22px;
    background: none;
}

.product_info_v2 .info .buy_info .amount.show
{
    display: flex;
    visibility: visible;
    overflow: visible;

    width: 72px;

    pointer-events: auto;

    opacity: 1;
}

.product_info_v2 .info .buy_info .amount.show:before
{
    width: 100%;
}

.product_info_v2 .info .buy_info .amount.show button,
.product_info_v2 .info .buy_info .amount.show .input
{
    opacity: 1;
}


.product_info_v2 .info .bottom
{
    display: flex;

    width: 100%;
    margin-top: 7px;

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

.product_info_v2 .info .bottom .col_right
{
    width: 210px;
    max-width: 100%;
    margin-left: auto;

    text-align: right;
}


.product_info_v2 .info .pluses
{
    color: var(--color_black);
    margin: auto;
    display: block;
    width: 100%;
    font-weight: 400;
}

.product_info_v2 .info .pluses > *
{
    display: flex;

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

    margin: auto;
}

.product_info_v2 .info .pluses > * + *
{
    margin-top: 12px;
}

.product_info_v2 .info .pluses .icon
{
    display: block;

    margin-left: 9px;

    fill: #c8c8c8;
}

.product_info_v2 .info .pluses .icon1
{
    width: 22px;
    height: 23px;
}

.product_info_v2 .info .pluses .icon2
{
    width: 18px;
    height: 21px;
    margin-right: 2px;
    margin-left: 11px;
}


.product_info_v2 .info .similar_link
{
    color: var(--color_blue);
    font-family: var(--font_family);
    font-weight: 400;

    display: inline-block;

    margin-top: 15px;

    cursor: pointer;
    transition: border-color .1s linear;
    vertical-align: top;

    border: none;
    border-bottom: 1px dashed;
    background: none;

    position: relative;
    right: auto;
    bottom: auto;
}

.product_info_v2 .info .similar_link:hover
{
    border-color: transparent;
}



/*------------------
    Product info v2.1
------------------*/
.product_info_v2_1 .data
{
    position: relative;
    padding-bottom: 140px;
}

.product_info_v2_1 .data.no_padding
{
    padding-bottom: 0;
}


.product_info_v2_1 .product_name
{
    display: flex;

    border: none;

    justify-content: flex-start;
    flex-wrap: nowrap;
}

.product_info_v2_1 .product_name h1
{
    color: var(--color_black);
    font-size: 30px;
    font-weight: 700;
    line-height: 40px;
    display: block;
    width: 100%;
    padding-right: 10px;
}

.product_info_v2_1 .product_name .brand
{
    display: flex;

    width: 220px;
    max-width: 100%;

    justify-content: flex-end;
    align-items: flex-start;
    align-content: flex-start;
    flex-wrap: wrap;
}

.product_info_v2_1 .product_name .brand a,
.product_info_v2_1 .product_name .brand img
{
    display: block;

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


.product_info_v2_1 .images
{
    position: static;

    width: 50%;
    height: 100%;

    border: none;
}


.product_info_v2_1 .images_wrap
{
    position: relative;

    padding-left: 95px;
}


.product_info_v2_1 .images .swiper
{
    position: relative;
    overflow: hidden;
    list-style: none;
    padding: 0;
    z-index: 1;
}


.product_info_v2_1 .images .swiper-button-prev,
.product_info_v2_1 .images .swiper-button-next
{
    position: absolute;
    top: 0;
    bottom: 0;

    display: flex;
    overflow: visible;

    width: 27px;
    height: 57px;
    margin: auto;

    cursor: pointer;
    text-indent: -9999px;

    border: none;
    background: var(--color_white);

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

    transition: background .2s linear;
}

.product_info_v2_1 .images .swiper-button-prev span,
.product_info_v2_1 .images .swiper-button-next span
{
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 4px;

    display: block;

    width: 13px;
    height: 13px;
    margin: auto;

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

    border-top: 2px solid var(--color_white);
    border-left: 2px solid var(--color_white);
    border-width: 2px;
    border-color: #3d3d3d;
}

.product_info_v2_1 .images .swiper-button-prev:hover span,
.product_info_v2_1 .images .swiper-button-next:hover span
{
    border-color: #000000;
}

.product_info_v2_1 .images .swiper-button-disabled
{
    display: none;
}


.product_info_v2_1 .images .thumbs
{
    position: absolute;
    top: 0;
    left: 10px;

    width: 60px;
    height: 100%;
    margin: 0;
}


.product_info_v2_1 .images .thumbs .swiper
{
    position: absolute;
    top: 0;
    left: 0;

    width: 100%;
    height: 100%;
}

.product_info_v2_1 .images .thumbs .swiper-slide
{
    height: 60px;
}


.product_info_v2_1 .images .thumbs .swiper-slide .btn
{
    width: 100%;
    height: 100%;

    padding: 0;
    margin: 0;

    background: #fff;
}

.product_info_v2_1 .images .thumbs .swiper-slide-thumb-active .btn
{
    border-color: var(--color_blue);
}


.product_info_v2_1 .images .thumbs .btn img
{
    display: block;

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

.product_info_v2_1 .images .thumbs .btn img.cover
{
    position: absolute;
    top: 0;
    left: 0;

    display: block;

    width: 100%;
    height: 100%;

    object-fit: cover;
}


.product_info_v2_1 .images .thumbs .swiper-button-prev
{
    top: -40px;
    bottom: auto;
    left: 0;
    right: 0;

    transform: rotate(90deg);
}

.product_info_v2_1 .images .thumbs .swiper-button-next
{
    top: auto;
    bottom: -40px;
    left: 0;
    right: 0;

    transform: rotate(-90deg);
}


.product_info_v2_1 .images .big
{
    position: relative;
}

.product_info_v2_1 .images .big .swiper-slide a
{
    color: currentColor;

    position: relative;

    display: block;

    text-decoration: none;
}


.product_info_v2_1 .images .big .image
{
    position: absolute;
    top: 0;
    left: 0;

    display: flex;

    width: 100%;
    height: 100%;

    background: #FFFFFF;

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

.product_info_v2_1 .images .big .image img
{
    display: block;

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

.product_info_v2_1 .images .big .image img.cover
{
    position: absolute;
    top: 0;
    left: 0;

    display: block;

    width: 100%;
    height: 100%;

    object-fit: cover;
}


.product_info_v2_1 .images .big .Magic360-container:before
{
    bottom: 18px;
}

.product_info_v2_1 .images .big .Magic360-container button.m360-icon.m360-icon-fullscreen-open, 
.product_info_v2_1 .images .big .Magic360-container button.m360-icon.m360-icon-fullscreen-close
{
    top: 50px !important;
    bottom: auto !important;
}


.product_info_v2_1 .images .big .swiper-button-prev
{
    left: 0;
}

.product_info_v2_1 .images .big .swiper-button-next
{
    right: 0;
    transform: rotate(-180deg);
}


.product_info_v2_1 .images .files_user
{
    position: absolute;
    left: 30px;
    bottom: 20px;

    width: calc(100% - 50px);
    overflow: hidden;
}


.product_info_v2_1 .images .files_user .title
{
    margin-bottom: 20px;

    color: var(--color_black);
}


.product_info_v2_1 .images .files_user .slide
{
    width: 75px;
}

.product_info_v2_1 .images .files_user .btn
{
    display: block;
    position: relative;

    width: 75px;
    height: 75px;

    padding: 0;
    margin: 0;

    background: #fff;
}


.product_info_v2_1 .images .files_user .btn img
{
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;

    display: block;

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

    width: 100%;
    height: 100%;

    margin: auto;
}

.product_info_v2_1 .images .files_user .btn .icon_video
{
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;

    width: 25px;
    height: 25px;

    fill: #00abdf;
}

.product_info_v2_1 .images .files_user .btn:hover .icon_video
{
    fill: #212121;
}

.product_info_v2_1 .images .files_user .btn .icon_isuser
{
    position: absolute;
    z-index: 1;
    top: 3px;
    left: 3px;

    width: 15px;
    height: 15px;

    pointer-events: none;

    fill: #8f8f8f;
    background: #fff;
    border-radius: 50%;
}

.product_info_v2_1 .images .files_user .btn .count
{
    display: flex;
    position: absolute;

    font-size: 25px;
    font-weight: 500;

    top: 0;
    left: 0;

    width: 100%;
    height: 100%;

    color: #000;
    background: rgba(255, 255, 255, 0.8);

    justify-content: center;
    align-items: center;
    align-content: center;

    z-index: 2;
}


.product_info_v2_1 .images .files_user .swiper-button-prev
{
    background: #fff;
    height: 100%;

    left: 0;
}

.product_info_v2_1 .images .files_user .swiper-button-next
{
    background: #fff;
    height: 100%;

    right: 0;
    transform: rotate(-180deg);
}

.product_info_v2_1 .images .files_user .swiper-button-prev span, 
.product_info_v2_1 .images .files_user .swiper-button-next span
{
    left: 0;
}


.product_info_v2_1 .info
{
    width: 50%;
}


.product_info_v2_1 .info .articul
{
    top: auto;
    display: flex;
    margin-left: 0;
}

.product_info_v2_1 .info .articul h4
{
    font-size: var(--font_size);

    transition: border-color .1s linear;
    
    border: none;
    border-bottom: 1px dashed transparent;
}

.product_info_v2_1 .info .articul:hover h4
{
    border-color: currentcolor;
}

.product_info_v2_1 .info .articul button
{
    border: none;
    background: none;

    position: relative;

    margin-left: 8px;
    top: 3px;

    cursor: pointer;
}


.product_info_v2_1 .info .rating
{
    margin-left: 15px;
    margin-right: 0;
}

.product_info_v2_1 .info .rating .rating_stars .stars
{
    width: 15px;
}

.product_info_v2_1 .info .rating .rating_simple
{
    color: var(--color_black);
}

.product_info_v2_1 .info .rating .rating_count
{
    margin-left: 5px;

    transition: border-color .1s linear;
    
    border: none;
    border-bottom: 1px dashed;
}

.product_info_v2_1 .info .rating .rating_count:hover
{
    border-color: transparent;
}


.product_info_v2_1 .info .compare
{
    margin-left: 20px !important;
    margin-right: auto;
}

.product_info_v2_1 .info .compare_link
{
    text-decoration: none;
}

.product_info_v2_1 .info .compare_link .icon
{
    width: 20px;
    height: 20px;
    border: none;

    margin-right: 5px;
}

.product_info_v2_1 .info .compare_link .icon > *
{
    fill: #B8B8B8;
}

.product_info_v2_1 .info .compare_link .text_link
{
    margin-top: -2px;

    color: #818181;

    transition: border-color .1s linear;
    
    border: none;
    border-bottom: 1px dashed transparent;
}

.product_info_v2_1 .info .compare_link:hover .text_link
{
    border-color: currentcolor;
}

.product_info_v2_1 .info .added .compare_link .icon
{
    background: none;
    border-radius: 0;
}

.product_info_v2_1 .info .added .compare_link .icon > *
{
    fill: var(--color_blue);
}

.product_info_v2_1 .info .added .compare_link .text_link
{
    color: var(--color_blue);
}

.product_info_v2_1 .info .compare .compare_link.loading:before
{
    border-radius: 0;
}


.product_info_v2_1 .info .share_widget
{
    margin-bottom: 20px;
}


.product_info_v2_1 .info .buy_info .col_left
{
    width: 100%;
}


.product_info_v2_1 .info .buy_info .col_left .status:first-child
{
    margin-top: 0;
}


.product_info_v2_1 .info .buy_info .col_left .price_block .form
{
    width: 100%;
}

.product_info_v2_1 .info .buy_info .col_left .price_block .form .field
{
    max-width: 370px;
    width: 100%;
}

.product_info_v2_1 .info .buy_info .col_left .price_block .form .field .flex
{
    flex-wrap: nowrap;
}

.product_info_v2_1 .info .buy_info .col_left .price_block .form .field .icon
{
    position: absolute;
    left: 10px;
    top: 6px;

    width: 22px;
    height: 28px;

    fill: var(--color_blue);

    z-index: 1;
}

.product_info_v2_1 .info .buy_info .col_left .price_block .form .field .input
{
    width: 100%;
    max-width: 280px;

    background: #fff;
    border: 1px solid #fff;
    border-radius: 2px;

    height: 40px;
    padding: 10px 19px 10px 45px;

    position: relative;
}

.product_info_v2_1 .info .buy_info .col_left .price_block .form .submit
{
    width: 100%;
    min-width: 110px;
    max-width: 170px;
    padding: 0;
}

.product_info_v2_1 .info .buy_info .col_left .price_block .form .submit_btn
{
    width: 100%;
    height: 40px;

    font-size: 16px;
    color: #fff;
    border-radius: 2px;
    border: none;
    background: #f15a3c;

    padding: 0 5px;
}

.product_info_v2_1 .info .buy_info .col_left .price_block .form .submit_btn:hover
{
    color: #fff;
    background: #00abdf;
}

.product_info_v2_1 .info .buy_info .col_left .price_block .form .submit_btn:disabled:before
{
    border-radius: 2px;
}


.product_info_v2_1 .info .buy_info .col_left .price_block .form .agree
{
    margin-top: 10px;
}

.product_info_v2_1 .info .buy_info .col_left .price_block .form .agree input[type="checkbox"] + label
{
    color: #818181;
    font-size: 12px;
}

.product_info_v2_1 .info .buy_info .col_left .price_block .form .agree input[type="checkbox"] + label a
{
    color: var(--color_blue);
    text-decoration: none;
}

.product_info_v2_1 .info .buy_info .col_left .price_block .form .agree input[type="checkbox"] + label a:hover
{
    text-decoration: underline;
}


.product_info_v2_1 .info .buy_info .buy_link
{
    display: flex !important;
}

.product_info_v2_1 .info .buy_info .buy_link.hidden .add_cart,
.product_info_v2_1 .info .buy_info .buy_link .in_cart
{
    display: none;
}

.product_info_v2_1 .info .buy_info .buy_link.hidden .in_cart
{
    display: block;
}

.product_info_v2_1 .info .buy_info .buy_link.hidden .icon
{
    margin-left: -70px;
}

.product_info_v2_1 .info .buy_info .amount
{
    margin-left: -72px;

    background: #ebfafe;
}

.product_info_v2_1 .info .buy_info .amount:before
{
    border-radius: 0 5px 5px 0; 
}

.product_info_v2_1 .info .buy_info .amount button.minus:hover
{
    border-radius: 0;
}

.product_info_v2_1 .info .buy_info .amount button.plus:hover
{
    border-radius: 0 5px 5px 0;
}

.product_info_v2_1 .info .buy_info .amount .input
{
    border-radius: 0 5px 5px 0;
}



.share_widget
{
    position: relative;
}

.share_widget .link
{
    display: flex;

    color: var(--color_blue);

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

    border: none;
    background: none;

    cursor: pointer;
}

.share_widget .link .icon
{
    display: flex;

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

    border: none;
    transition: border-color .1s linear;

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

.share_widget .link .icon > *
{
    display: block;

    width: 20px;
    height: 20px;

    fill: var(--color_blue);
}

.share_widget .link span
{

    transition: border-color .1s linear;
    
    border: none;
    border-bottom: 1px dashed transparent;
}

.share_widget .link:hover span
{
    border-color: currentcolor;
}


.share_widget .list
{
    top: -15px;
    right: 0;
    left: auto;

    display: flex;

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

    position: absolute;

    background: #e7e7e7;
    padding: 20px;
    border-radius: 5px;
    box-shadow: 0 0 5px rgba(0,0,0,.21);

    transition: .1s linear;

    z-index: 1;

    opacity: 0;
    visibility: hidden;
}

.share_widget .link.active + .list
{
    top: calc(100% + 20px);
    
    opacity: 1;
    visibility: visible;
}

.share_widget .list:before
{
    position: absolute;
    z-index: 1;
    right: 30px;
    top: -7px;

    display: block;

    width: 14px;
    height: 14px;
    margin: auto;

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

    background: #e7e7e7;
}

.share_widget .list > * + *
{
    margin-left: 6px;
}

.share_widget .list a
{
    display: flex;

    position: relative;

    width: 35px;
    height: 35px;

    cursor: pointer;

    border: none;
    border-radius: 50%;

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

    background: #FFFFFF;
}


.share_widget .list .copy_link
{
    display: flex;

    top: 0;

    margin-left: 0;
}


.share_widget .list .color_copy
{
    background: #f1252d;
}

.share_widget .list .color_copy:not(.copied) .text span:last-child,
.share_widget .list .color_copy.copied .text span:first-child
{
    display: none;
}

.share_widget .list .color_tg
{
    background: #1b93cf;
}

.share_widget .list .color_wa
{
    background: #22be5c;
}

.share_widget .list .color_vb
{
    background: #7360f2;
}

.share_widget .list .color_vk
{
    background: #4a7cb6;
}

.share_widget .list .color_ok
{
    background: #df7a16;
}

.share_widget .list a img
{
    display: block;
}



.product_info_v2_1 .info .okpd2
{
    top: 0;
    margin-left: 0;
}

.product_info_v2_1 .info .okpd2 b
{
    transition: border-color .1s linear;
    
    border: none;
    border-bottom: 1px dashed transparent;
}

.product_info_v2_1 .info .okpd2:hover b
{
    border-color: currentcolor;
}

.product_info_v2_1 .info .okpd2 button
{
    border: none;
    background: none;

    position: relative;

    margin-left: 8px;
    top: 3px;

    cursor: pointer;
}


.product_info_v2_1 .info .description
{
    width: 100%;
}

.product_info_v2_1 .info .description .text_desc ul
{
    margin: 10px 0;
}


.product_info_v2_1 .info .description .commercial_request_btn
{
    display: inline-block;

    height: 40px;

    font-size: 16px;
    color: var(--color_blue);

    border: 1px solid var(--color_blue);
    border-radius: 2px;
    background: none;

    padding: 0 22px;
    margin-top: 20px;

    transition: all .1s linear;
}

.product_info_v2_1 .info .description .commercial_request_btn:hover
{
    cursor: pointer;

    color: var(--color_white);
    background: var(--color_blue);
}


.product_info_v2_1 .info .buy_info .status
{
    display: block;
}

.product_info_v2_1 .info .buy_info .status .val
{

}



.product_info_v2_2 .product_name
{
    padding: 25px;
}

.product_info_v2_2 .product_name h1
{
    font-size: 24px;
}


.product_info_v2_2 .data
{
    padding-bottom: 0;
}


.product_info_v2_2 .product_vendor_code
{
    display: flex;

    align-items: center;
    justify-content: space-between;

    width: 100%;

    padding: 0 25px;

    gap: 10px;
}

.product_info_v2_2 .product_vendor_code .code
{
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    flex-wrap: wrap;

    gap: 10px 30px;
}

.product_info_v2_2 .product_vendor_code .code button
{
    border: none;
    background: none;

    position: relative;

    cursor: pointer;

    color: var(--text_color);
    font-size: 14px;
    font-weight: 300;
}

.product_info_v2_2 .product_vendor_code .code button b
{
    transition: border-color .1s linear;
    
    border: none;
    border-bottom: 1px dashed transparent;

    color: #00abdf;
}

.product_info_v2_2 .product_vendor_code .code button:hover b
{
    border-color: currentcolor;
}


.product_info_v2_2 .product_vendor_code .code .rrpp .text
{
    margin-left: -15px;
}

.product_info_v2_2 .product_vendor_code .code .okpd2 .text
{
    margin-left: -25px;
}


.product_info_v2_2 .product_vendor_code .brand
{
    width: 123px;
}

.product_info_v2_2 .product_vendor_code .brand img
{
    display: block;

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



.product_info_v2_2 .images
{
    padding: 25px;
}

.product_info_v2_2 .images .images_wrap
{
    padding-left: 0;
}


.product_info_v2_2 .images .discontinued .sticker
{
    border-radius: 5px;
}


.product_info_v2_2 .images .big .test_product_btn
{
    position: absolute;
    right: 0;
    top: 0;

    z-index: 3;

    color: #13A6D3;
    font-family: var(--font_family);
    font-size: var(--font_size);
    font-weight: 400;

    display: flex;

    width: 210px;
    max-width: 100%;
    height: 35px;
    padding: 0 12px;

    cursor: pointer;
    transition: .1s linear;

    border: none;
    border-radius: 5px;
    background: #E1F9FF;

    justify-content: center;
    align-items: center;
    align-content: center;
}

.product_info_v2_2 .images .big .test_product_btn .arrow
{
    display: inline-block;

    height: 10px;
    width: 10px;

    cursor: pointer;

    transform: rotate(-90deg);
}

.product_info_v2_2 .images .big .test_product_btn .arrow:before
{
    display: inline-block;
    position: relative;
    content: "";

    width: 6px;
    height: 6px;

    transition: all .1s linear;
    transform: rotate(-45deg);

    border-bottom: 1px solid #13A6D3;
    border-left: 1px solid #13A6D3;

    top: 0;
    right: 0;
}


.product_info_v2_2 .images .big .test_product_btn:hover
{
    color: var(--color_white);
    background: var(--color_blue);
}

.product_info_v2_2 .images .big .test_product_btn:hover .arrow:before
{
    border-color: var(--color_white);
}


.product_info_v2_2 .images .big .view360
{
    top: auto;
    bottom: 0;
}


.product_info_v2_2 .images .big .slide img
{
    width: 512px;
}

.product_info_v2_2 .images .big .slide .video video
{
    height: 512px;
}


.product_info_v2_2 .images .big .swiper-button-prev,
.product_info_v2_2 .images .big .swiper-button-next,
.product_info_v2_2 .images .thumbs .swiper-button-prev,
.product_info_v2_2 .images .thumbs .swiper-button-next,
.product_info_v2_2 .images .files_user .swiper-button-prev,
.product_info_v2_2 .images .files_user .swiper-button-next
{
    opacity: 0;
    transition: opacity .1s linear;
}

.product_info_v2_2 .images .big:hover .swiper-button-prev,
.product_info_v2_2 .images .big:hover .swiper-button-next,
.product_info_v2_2 .images .thumbs:hover .swiper-button-prev,
.product_info_v2_2 .images .thumbs:hover .swiper-button-next,
.product_info_v2_2 .images .files_user:hover .swiper-button-prev,
.product_info_v2_2 .images .files_user:hover .swiper-button-next
{
    opacity: 1;
}


.product_info_v2_2 .images .thumbs
{
    position: relative;

    top: auto;
    left: auto;

    width: 100%;
    height: 63px;

    margin-top: 15px;
}

.product_info_v2_2 .images .thumbs .swiper-slide
{
    width: 68px;
    height: 63px;
    border-radius: 5px;
}

.product_info_v2_2 .images .thumbs .swiper-slide .btn
{
    border-radius: 5px;
}

.product_info_v2_2 .images .thumbs .swiper-slide .btn img
{
    display: block;
    position: relative;

    top: auto;
    right: auto;
    bottom: auto;
    left: auto;
    
    max-width: 100%;
    max-height: 100%;
    width: 100%;
    height: 100%;

    margin: auto;
    border-radius: 5px;
    
    object-fit: cover;
}


.product_info_v2_2 .images .thumbs .swiper-button-prev,
.product_info_v2_2 .images .thumbs .swiper-button-next
{
    top: auto;
    bottom: auto;
    left: 0;
    right: auto;

    height: 100%;

    transform: rotate(0deg);
}

.product_info_v2_2 .images .thumbs .swiper-button-next
{
    left: auto;
    right: 0;
    transform: rotate(180deg);
}

.product_info_v2_2 .images .description
{
    margin-top: 25px;
    font-weight: 400;
}


.product_info_v2_2 .images .files_user
{
    left: 0;
    bottom: 0;

    padding: 25px;

    width: 100%;

    background: #FFFFFF;
    z-index: -1;
}

.product_info_v2_2 .images .files_user .title
{
    font-size: 16px;
}

.product_info_v2_2 .images .files_user .slide
{
    width: 80px;
}

.product_info_v2_2 .images .files_user .btn
{
    width: 80px;
    height: 60px;
}

.product_info_v2_2 .images .files_user .btn img
{
    border-radius: 5px;
}



.product_info_v2_2 .info
{
    padding: 25px;
}


.product_info_v2_2 .info .filter_manager
{
    flex-wrap: nowrap;
    justify-content: space-between;

    gap: 10px;

    width: 100%;
}


.product_info_v2_2 .info .product_filter .filter_group + .filter_group
{
    margin-top: 18px;
}

.product_info_v2_2 .info .product_filter .filter_title
{
    margin-bottom: 17px;

    font-size: 13px;
    font-weight: 400;

    color: #666666;
}

.product_info_v2_2 .info .product_filter .filter_options
{
    display: flex;
    flex-wrap: wrap;
    gap: 7px;
}

.product_info_v2_2 .info .product_filter .filter_btn
{
    display: flex;
    align-items: center;
    justify-content: center;

    min-width: 44px;
    height: 33px;
    padding: 0 10px;

    border: 1px solid #bebebe;
    border-radius: 5px;

    background: none;

    font-size: 15px;
    color: #000000;
    text-decoration: none;

    transition: border-color .1s linear;
}

.product_info_v2_2 .info .product_filter .filter_btn.active,
.product_info_v2_2 .info .product_filter .filter_btn:hover
{
    border-color: var(--color_blue);
}


@media (min-width: 768px)
{
    .product_info_v2_2 .info .filter_manager.filter_not .manager_widget
    {
        width: 100%;
        gap: 15px;
        justify-content: flex-start;
    }

    .product_info_v2_2 .info .filter_manager.filter_not .manager_widget .data_manager
    {
        width: 100%;
        max-width: 200px;
    }

    .product_info_v2_2 .info .filter_manager.filter_not .manager_widget .data_manager #manager_list_modal
    {
        left: auto;
        right: auto;
    }

    .product_info_v2_2 .info .filter_manager.filter_not .manager_widget .data_manager .chat_btn
    {
        position: absolute;
        width: 38%;
        height: auto;
        padding: 5px;
        right: 12px;
    }

    .product_info_v2_2 .info .filter_manager.filter_not .manager_widget .data_manager .messengers
    {
        margin-left: 0;
    }
}

@media (min-width: 1023.1px)
{
	.product_info_v2_2 .info .filter_manager.fullwidth{flex-direction: row;flex-wrap: wrap;}
    .product_info_v2_2 .info .filter_manager.fullwidth .product_filter{order:2;}
    .product_info_v2_2 .info .filter_manager.fullwidth .manager_widget{width:100%;}
}

.product_info_v2_2 .info .product_cart
{
    width: 100%;

    margin-top: 15px;
    padding: 20px;

    border-radius: 5px;

    background: #f8f8f8;

    box-shadow: 3px 3px 10px 0px rgba(0, 0, 0, 0.2);
}


.product_info_v2_2 .info .product_cart .replacement,
.product_info_v2_2 .info .product_cart .availability
{
    display: inline-block;
    padding: 10px;
    border-radius: 5px;
    margin: 20px 0 0;
    width: auto;
}

.product_info_v2_2 .info .product_cart .replacement
{
    background: #DDDDDD;
}

.product_info_v2_2 .info .product_cart .availability
{
    background: #F0F0F0;
}


.product_info_v2_2 .info .product_cart .top_line
{
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;

    gap: 20px;
}

.product_info_v2_2 .info .product_cart .top_line > *
{
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-wrap: nowrap;

    margin: 0 !important;
}


.product_info_v2_2 .info .product_cart .top_line .rating .rating_count
{
    position: relative;

    border: none;
    border-bottom: 1px dashed transparent;

    padding-left: 10px;

    white-space: nowrap
}

.product_info_v2_2 .info .product_cart .top_line .rating .rating_count:hover
{
    border-color: currentcolor;
}

.product_info_v2_2 .info .product_cart .top_line .rating .rating_count:before
{
    content: '';
    position: absolute;

    left: 0;
    top: 0;
    bottom: 0;

    margin: auto;

    width: 5px;
    height: 5px;

    background: #7D7D7D;

    border-radius: 50%;
}


.product_info_v2_2 .info .product_cart .top_line .status .val
{
    padding: 0;

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

.product_info_v2_2 .info .product_cart .top_line .status .val:before
{
    top: auto;
    position: relative;

    margin-right: 10px;

    height: 12px;
    width: 12px;
}


.product_info_v2_2 .info .product_cart .top_line .compare_link
{
    align-items: center;
}

.product_info_v2_2 .info .product_cart .top_line .compare_link .icon > *
{
    fill: #7D7D7D;
}

.product_info_v2_2 .info .product_cart .top_line .compare_link.comparison-go .icon > *
{
    fill: #ff9511;
}

.product_info_v2_2 .info .product_cart .top_line .compare_link.comparison-go .text_link
{
    color: #ff9511;
}

.product_info_v2_2 .info .product_cart .top_line .rating .rating_count,
.product_info_v2_2 .info .product_cart .top_line .compare_link .text_link,
.product_info_v2_2 .info .product_cart .top_line .share_widget .link span
{
    margin-top: 1px;
}


.product_info_v2_2 .info .product_cart .top_line .rating .rating_simple,
.product_info_v2_2 .info .product_cart .top_line .rating .rating_count,
.product_info_v2_2 .info .product_cart .top_line .status .val,
.product_info_v2_2 .info .product_cart .top_line .compare_link .text_link,
.product_info_v2_2 .info .product_cart .top_line .share_widget .link
{   
    line-height: normal;
    color: #7D7D7D;
    font-weight: 400;
    font-size: 12px;
}

.product_info_v2_2 .info .product_cart .top_line .rating .rating_stars .stars
{
    margin-right: 0;
}

.product_info_v2_2 .info .product_cart .top_line .rating .rating_simple
{
    margin-left: 5px;
}


.product_info_v2_2 .info .product_cart .params
{
    margin-top: 20px;
}

.product_info_v2_2 .info .product_cart .params .param_row
{
    font-size: 14px;
    font-weight: 400;
}

.product_info_v2_2 .info .product_cart .params .param_row + .param_row
{
    margin-top: 8px;
}

.product_info_v2_2 .info .product_cart .params .param_row .label
{
    color: #666666;
}

.product_info_v2_2 .info .product_cart .params .param_row .value
{
    color: var(--color_black);
}

.product_info_v2_2 .info .product_cart .params .param_row.article .value
{
    margin-left: 0;
    color: var(--color_blue);
    top: 0;
}

.product_info_v2_2 .info .product_cart .params .param_row.article .value > span:not(.text)
{
    transition: border-color .1s linear;
    border-bottom: 1px dashed transparent;
}

.product_info_v2_2 .info .product_cart .params .param_row.article .value:hover > span:not(.text)
{
    border-color: currentcolor;
}


.product_info_v2_2 .info .product_cart > .price_block
{
    align-items: flex-end;
    margin-top: 20px;
}

.product_info_v2_2 .info .product_cart > .price_block .price
{
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 10px;

    color: #FA682A;
    font-size: 48px;

    cursor: pointer;
}

.product_info_v2_2 .info .product_cart > .price_block .price.million
{
    font-size: 40px;
}

.product_info_v2_2 .info .product_cart > .price_block .price .text
{
    width: 230px;
}

.product_info_v2_2 .info .product_cart > .price_block .label
{
    font-size: 14px;
    font-weight: 400;

    margin-left: 10px;
}


.product_info_v2_2 .info .product_cart .buttons
{
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    column-gap: 30px;
    row-gap: 20px;

    background: none;
    padding: 0;
    margin-top: 20px;
}


.product_info_v2_2 .info .product_cart .buttons .commercial_request_btn
{
    display: block;

    height: 45px;

    font-size: 16px;
    font-weight: 400;
    color: var(--color_blue);

    border-radius: 5px;
    border: 1px solid var(--color_blue);
    background: var(--color_white);

    padding: 0 10px;

    transition: all .1s linear;
}

.product_info_v2_2 .info .product_cart .buttons .commercial_request_btn:hover
{
    cursor: pointer;

    color: var(--color_white);
    background: var(--color_blue);
}

.product_info_v2_2 .info .product_cart .buttons .buy_links
{
    margin-top: 0;
}

.product_info_v2_2 .info .product_cart .buttons .buy_links form,
.product_info_v2_2 .info .product_cart .buttons .buy_links form .flex
{
    width: 100%;
}

.product_info_v2_2 .info .product_cart .buttons .buy_links .buy_link
{
    background: #ff9511;
    color: var(--color_white);
    height: 45px;
    width: 100%;
    border: none;
    padding: 0 10px;

    font-size: 16px;
    font-weight: 400;
}

.product_info_v2_2 .info .product_cart .buttons .buy_links .buy_link:hover
{
    background: var(--color_blue);
}

.product_info_v2_2 .info .product_cart .buttons .buy_links .amount
{
    background: var(--color_white);
}

.product_info_v2_2 .info .product_cart .buttons .buy_links .amount .input
{
    height: 45px;
    color: #ff9511;
}

.product_info_v2_2 .info .product_cart .buttons .buy_links .amount button:hover,
.product_info_v2_2 .info .product_cart .buttons .buy_links .amount button:before,
.product_info_v2_2 .info .product_cart .buttons .buy_links .amount button:after
{
    background: #ff9511;
}

.product_info_v2_2 .info .product_cart .buttons .buy_links .amount button:hover:before,
.product_info_v2_2 .info .product_cart .buttons .buy_links .amount button:hover:after
{
    background: var(--color_white);
}


.product_info_v2_2 .info .product_cart .bottom_line
{
    background: none;
    padding: 0;
}

.product_info_v2_2 .info .product_cart .bottom_line .col_left .price_block .form .field
{
    max-width: 100%;
}

.product_info_v2_2 .info .product_cart .bottom_line .col_left .price_block .form .field .icon
{
    display: none;
}

.product_info_v2_2 .info .product_cart .bottom_line .col_left .price_block .form .field .input
{
    padding-left: 15px;

    font-weight: 400;

    height: 45px;
    border-radius: 5px;
}

.product_info_v2_2 .info .product_cart .bottom_line .col_left .price_block .form .submit
{
    max-width: 222px;
}

.product_info_v2_2 .info .product_cart .bottom_line .col_left .price_block .form .submit_btn
{
    font-size: 16px;
    font-weight: 400;
    height: 45px;

    border-radius: 5px;
}

.product_info_v2_2 .info .product_cart .bottom_line .col_left .price_block .form .agree input[type="checkbox"] + label
{
    margin-top: 20px;
}


.product_info_v2_2 .info .product_services
{
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 5px;

    width: 100%;
    max-width: 100%;

    margin-top: 15px;
}

.product_info_v2_2 .info .product_services .service_item
{
    border: 1px solid #D9D9D9;
    border-radius: 5px;
    overflow: hidden;
    background: #F8F8F8;
}

.product_info_v2_2 .info .product_services .service_item .service_head
{
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 12px;

    min-height: 67px;
    padding: 5px;

    border-bottom: 1px solid #D9D9D9;
    border-radius: 5px;
    background: #FFFFFF;
}

.product_info_v2_2 .info .product_services .service_item .service_head .service_icon
{
    width: 30px;
    height: 30px;
}

.product_info_v2_2 .info .product_services .service_item .service_head .service_icon img
{
    width: 100%;
    height: 100%;
}

.product_info_v2_2 .info .product_services .service_item .service_head .service_title
{
    font-size: 12px;
    font-weight: 400;
    color: var(--color_blue);

    border: none;
    background: none;
}

.product_info_v2_2 .info .product_services .service_item .service_head .service_title span
{
    transition: border-color .1s linear;
    border-bottom: 1px dashed transparent;
}

.product_info_v2_2 .info .product_services .service_item .service_head .service_title:hover span
{
    cursor: pointer;

    border-color: currentcolor;
}

.product_info_v2_2 .info .product_services .service_options
{
    display: flex;
    justify-content: space-between;
    align-items: center;

    gap: 2px;

    height: 65px;
    padding: 5px;

    background: #F8F8F8;
}

.product_info_v2_2 .info .product_services .service_options .service_btn
{
    display: flex;
    align-items: center;
    justify-content: center;

    padding: 3px;

    border: 1px solid transparent;
    border-radius: 5px;

    text-decoration: none;
    text-align: center;
    font-size: 12px;

    color: #666666;

    width: 33.333%;
    height: 100%;
}

.product_info_v2_2 .info .product_services .service_options .service_btn.wide
{
    width: 50%;
}

.product_info_v2_2 .info .product_services .service_options .service_btn.active,
.product_info_v2_2 .info .product_services .service_options .service_btn:hover
{
    cursor: pointer;
    border-color: #00ABDF;
    background: #FFFFFF;
    color: var(--color_black);
}

.product_info_v2_2 .info .product_services .service_options .service_btn.active
{
    cursor: default;
}



.product_tabs_v2_2 .tabs_wrap
{
    position: relative;
}

.product_tabs_v2_2 .tabs.fixed
{
    position: fixed;
    z-index: 100;

    display: flex;
    flex-wrap: nowrap;
    gap: 0;

    padding: 0;
    overflow-x: auto;
    overflow-y: hidden;

    background: #fff;
    border-bottom: 1px solid #e5e5e5;
    box-shadow: 0 2px 10px rgba(0,0,0,.06);

    -ms-overflow-style: none;
    scrollbar-width: none;
}

.product_tabs_v2_2 .tabs.fixed:-webkit-scrollbar
{
    display: none;
}

.product_tabs_v2_2 .tabs.fixed > div
{
    flex: 0 0 auto;
}

.product_tabs_v2_2 .tabs.fixed h2
{
    margin: 0;
}

.product_tabs_v2_2 .tabs.fixed button,
.product_tabs_v2_2 .tabs.fixed a
{
    position: relative;
    width: auto;
    padding: 16px 20px 20px 20px;
    background: transparent;
    border-radius: 0;
    font-weight: 400;
    white-space: nowrap;
}

.product_tabs_v2_2 .tabs.fixed button:hover,
.product_tabs_v2_2 .tabs.fixed a:hover,
.product_tabs_v2_2 .tabs.fixed button.active,
.product_tabs_v2_2 .tabs.fixed a.active
{
    background: transparent;
    color: var(--color_black);
}

.product_tabs_v2_2 .tabs.fixed button:after,
.product_tabs_v2_2 .tabs.fixed a:after
{
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0px;
    height: 4px;

    background: #D9D9D9;
}

.product_tabs_v2_2 .tabs.fixed button.active:after,
.product_tabs_v2_2 .tabs.fixed a.active:after
{
    border-radius: 3px;
    background: #ff9511;
}

@media (hover: hover) and (pointer: fine) {
    .product_tabs_v2_2 .tabs.fixed button:hover:after,
    .product_tabs_v2_2 .tabs.fixed a:hover:after
    {
        border-radius: 3px;
        background: #ff9511;
    }
}

.product_tabs_v2_2 .tabs.fixed button b,
.product_tabs_v2_2 .tabs.fixed a b,
.product_tabs_v2_2 .tabs.fixed button:hover b,
.product_tabs_v2_2 .tabs.fixed a:hover b,
.product_tabs_v2_2 .tabs.fixed button.active b,
.product_tabs_v2_2 .tabs.fixed a.active b
{
    color: inherit;
}


.product_tabs_v2_2 .tabs.fixed,
.product_tabs_v2_2 .tabs.dragging
{
    cursor: grab;
}

.product_tabs_v2_2 .tabs.dragging
{
    cursor: grabbing;
    user-select: none;
}

.product_tabs_v2_2 .tabs.dragging *
{
    user-select: none;
}



.product_tabs_v2_2 .prod_description .features
{
    width: 100%;
}

.product_tabs_v2_2 .prod_description .features h3
{
    font-size: 16px;
    font-weight: 700;
}

.product_tabs_v2_2 .prod_description .features table:last-child
{
    margin-bottom: 0;
}

.product_tabs_v2_2 .prod_description .features table tr td
{
    background: #FFFFFF !important;
    border-bottom: 1px solid #ECECEC;

    font-size: 16px;
    font-weight: 400;
    padding: 10px 0;
}

.product_tabs_v2_2 .prod_description .features table tr td.name
{
    color: #616161;

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

.product_tabs_v2_2 .prod_description .features table tr td.val
{
    color: var(--color_black);
}

.product_tabs_v2_2 .prod_description .features table
{
    border-bottom: none;
}


.similar_products
{
    position: relative;

    visibility: hidden;
    overflow: hidden;

    height: 0;
    padding: 0 20px;

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

    opacity: 0;
    border-top: 1px solid #dadada;
    background: #fff;
}

.similar_products.show
{
    visibility: visible;
    overflow: visible;

    height: auto;
    padding-top: 20px;
    padding-bottom: 20px;

    pointer-events: auto;

    opacity: 1;
}

.similar_products .flex > *
{
    width: calc(20% - 20px);
}



.product_tabs .data
{
    background: #fff;
}

.product_tabs .tabs
{
    display: flex;

    justify-content: flex-start;
    flex-wrap: wrap;

    width: 100%;

    padding: 25px;

    gap: 5px 5px;

    border-bottom: 2px solid #eee;
}

.product_tabs .tabs button,
.product_tabs .tabs a
{
    color: var(--color_black);
    font-family: var(--font_family);
    font-size: 15px;
    font-weight: 300;
    text-decoration: none;

    position: relative;

    display: flex;

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

    cursor: pointer;
    transition: background .1s linear;
    text-align: center;
    vertical-align: middle;

    border: none;
    background: #EEEEEE;
    border-radius: 5px;

    justify-content: center;
    align-items: center;
    align-content: center;
}

.product_tabs .tabs button b,
.product_tabs .tabs a b
{
    color: #ff850c;

    margin-left: 6px;
}

.product_tabs .tabs button:hover,
.product_tabs .tabs button.active,
.product_tabs .tabs a:hover,
.product_tabs .tabs a.active
{
    background: #FF9511;

    color: var(--color_white);
}

.product_tabs .tabs button:hover b,
.product_tabs .tabs button.active b,
.product_tabs .tabs a:hover b,
.product_tabs .tabs a.active b
{
    color: var(--color_white);
}

.product_tabs .tabs button h2,
.product_tabs .tabs a h2
{
    font-family: inherit;
    font-size: inherit;
    font-weight: inherit;
}


.product_tabs .tab_content.active
{
    padding: 25px;
}


.prod_description
{
    display: flex;

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

.prod_description .text_block
{
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;

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

.prod_description * + .text_block
{
    margin-top: 40px;
}

.prod_description .text_block.mini
{
    width: calc(64.32% - 10px);
}

.prod_description .text_block ul li:before
{
    top: 6px;
}

.prod_description .text_block .title
{
    color: var(--color_blue);
    font-size: 16px;
    font-weight: 700;
    line-height: 22px;
    text-decoration: none;

    position: relative;

    margin-bottom: 15px;

    cursor: pointer;
    transition: color .1s linear;
}

.prod_description .text_block .iframe
{
    margin-bottom: 30px;
    padding-bottom: 0;
}

.prod_description .text_block iframe
{
    width: 100%;
    height: 530px;
}


.prod_description .features
{
    width: calc(35.68% - 10px);
}

.prod_description .features.full
{
    width: 100%;
    max-width: 680px;
}

.prod_description .features h3
{
    margin-bottom: 20px;
    color: var(--color_black);
}

.prod_description .features table
{
    width: 100%;

    border-spacing: 0;
    border-collapse: collapse;

    border-bottom: 4px solid #eee;

    margin-bottom: 40px;
}

.prod_description .features table td
{
    color: #3d3d3d;
    font-weight: 300;
    line-height: 18px;

    padding: 9px 18px;

    text-align: left;
    vertical-align: middle;
}

.prod_description .features table td + td
{
    border-left: 2px solid #fff;
}

.prod_description .features table tr:nth-child(odd) td
{
    background: #eee;
}

.prod_description .features table td.val
{
    min-width: 120px;

    table-layout: fixed;
}



.prod_features
{
    position: relative;
}


.prod_features .notice_wrap
{
    display: flex;

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

    margin-bottom: 20px;
}

.prod_features .notice
{
    color: var(--color_black);
    font-family: var(--font_family);
    font-size: 15px;
    font-weight: 300;

    position: relative;

    display: flex;

    width: 100%;
    max-width: 400px;

    padding: 20px;

    transition: background .1s linear;
    text-align: center;

    background: #EEEEEE;
    border-radius: 5px;

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

.prod_features .notice a
{
    display: block;

    width: 100%;
    margin-top: 10px;

    color: var(--color_blue);
    text-decoration: underline;
}

.prod_features .notice a:hover
{
    text-decoration: none;
}


.prod_features .text_block
{
    font-size: 14px;
    line-height: 24px;
}



.prod_files
{
    display: flex;

    margin-bottom: -40px;
    margin-left: -40px;

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

.prod_files .item
{
    width: 460px;
    max-width: calc(50% - 40px);
    margin-bottom: 40px;
    margin-left: 40px;
}

.prod_files .title
{
    color: var(--color_black);
    font-size: 16px;
    font-weight: 700;

    margin-bottom: 10px;
}

.prod_files .notification
{
    color: #ff850c;
    
    margin-bottom: 10px;
}

.prod_files .list
{
    width: 500px;
    max-width: 100%;
}

.prod_files .list > * + *
{
    margin-top: 15px;
}

.prod_files .list > div > a,
.prod_files .list > div > button
{
    color: #c1c1c1;
    font-size: 12px;
    line-height: 18px;
    font-family: var(--font_family);
    font-weight: 400;

    display: block;

    min-height: 32px;
    padding-left: 38px;

    text-decoration: none;

    overflow: hidden;
    text-overflow: ellipsis;
    text-align: left;

    border: none;

    cursor: pointer;
}

.prod_files .list > div > a,
.prod_files .list > div > button
{
    background: url(../images/ic_other.svg) 0 3px/auto 30px no-repeat;
}

.prod_files .list > div > .pdf
{
    background: url(../images/ic_pdf.svg) 0 3px/auto 30px no-repeat;
}

.prod_files .list > div > .rfb
{
    background: url(../images/ic_rfb.svg) 0 3px/auto 30px no-repeat;
}

.prod_files .list > div > .zip
{
    background: url(../images/ic_zip.svg) 0 3px/auto 30px no-repeat;
}

.prod_files .list > div > .link
{
    background: url(../images/ic_link.svg) 0 3px/auto 30px no-repeat;
}

.prod_files .list > div > * > * + *
{
    margin-top: 2px;
}

.prod_files .list > div > * .error
{
    color: #ef4836;
}

.prod_files .list .name
{
    color: var(--color_blue);
    font-size: var(--font_size);
}

.prod_files .list .name span
{
    transition: border-color .1s linear;

    border-bottom: 1px dashed transparent;
}

.prod_files .list > div > *:hover .name span
{
    border-color: var(--color_blue);
}


.prod_files .list .btn_old_files
{
    color: var(--color_blue);
    cursor: pointer;
}

.prod_files .list .btn_old_files .text
{
    transition: border-color .1s linear;
    border-bottom: 1px dashed var(--color_blue);
    padding-bottom: 1px;
}

.prod_files .list .btn_old_files:hover .text
{
    border-color: transparent;
}

.prod_files .list .btn_old_files .arr
{
    position: relative;

    display: inline-block;
    vertical-align: middle;

    width: 9px;
    height: 5px;
    margin-left: 7px;
}

.prod_files .list .btn_old_files .arr:after
{
    position: absolute;
    top: -4px;
    right: 0;
    bottom: 0;
    left: 0;

    display: block;

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

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

    border-bottom: 1px solid var(--color_blue);
    border-left: 1px solid var(--color_blue);
}

.prod_files .list .btn_old_files.active .arr:after
{
    transform: rotate(135deg);
    top: 2px;
}


.prod_files .list .list_old_files
{
    display: none;
    margin-left: 10px;
}



.prod_specification .product
{
    display: flex;

    padding: 30px 0;

    border-bottom: 1px solid #dadada;

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

.prod_specification .product.flex-start
{
    justify-content: flex-start;
}

.prod_specification .product .thumb
{
    display: flex;

    width: 146px;
    max-width: 100%;
    height: 83px;

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

.prod_specification .product.flex-start .thumb
{
    margin-right: 25px;
}

.prod_specification .product .thumb img
{
    display: block;

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


.prod_specification .product .info
{
    color: #737373;

    width: calc(100% - 386px);

    margin-left: 20px;
}

.prod_specification .product .info > * + *
{
    margin-top: 10px;
}


.prod_specification .product .name
{
    color: var(--color_black);
    font-size: 16px;
    font-weight: 700;
}

.prod_specification .product .name a
{
    color: var(--color_black);

    display: inline-block;

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

.prod_specification .product .name a:hover,
.prod_specification .product .thumb:hover ~ .info .name a
{
    color: var(--color_blue);
}


.prod_specification .product .buy_link
{
    color: var(--color_blue);
    font-family: var(--font_family);
    font-size: var(--font_size);
    font-weight: 300;
    line-height: 16px;

    display: flex;
    position: relative;

    width: 180px;
    max-width: 100%;
    height: 37px;
    padding: 0 20px;
    margin-left: 20px;

    cursor: pointer;
    transition: background .1s linear;

    border: 1px solid #22b5e2;
    border-radius: 5px;
    background: var(--color_white);

    justify-content: center;
    align-items: center;
    align-content: center;
    flex-wrap: nowrap;
}

.prod_specification .product .buy_link .icon
{
    display: block;

    width: 22px;
    height: 20px;
    margin: 0 10px 0 -4px;

    fill: var(--color_blue);
}


.prod_specification .product .buy_link.active
{
    color: var(--color_white);

    position: relative;

    padding: 0 0 0 25px;

    background: var(--color_blue);

    border: none;
}

.prod_specification .product .buy_link.active:before
{
    position: absolute;
    top: 13px;
    left: 21px;

    display: block;

    width: 14px;
    height: 8px;

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

    border-bottom: 2px solid;
    border-left: 2px solid;
}

.prod_specification .product .buy_link:not(.active):hover
{
    color: var(--color_white);
    background: var(--color_blue);
}

.prod_specification .product .buy_link:not(.active):hover .icon
{
    fill: var(--color_white);
}

.prod_specification .product .buy_link.active:hover
{
    color: var(--color_blue);
    background: var(--color_white);
    border: 1px solid #22b5e2;
}

.prod_specification .product .buy_link.active .text.add,
.prod_specification .product .buy_link:not(.active) .text.remove,
.prod_specification .product .buy_link.active .icon
{
    display: none;
}

.prod_specification .product .buy_link:disabled
{
    cursor: default;
}

.prod_specification .product .buy_link:disabled:before
{
    content: "";

    display: block;
    position: absolute;

    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    margin: auto;
    width: 100%;
    height: 100%;

    background: var(--color_white);
    border-radius: 5px;

    z-index: 11;

    transform: none;
    border: none;
}

.prod_specification .product .buy_link:disabled:after
{
    content: "";

    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    margin: auto;
    width: 20px;
    height: 20px;

    border: 3px solid var(--color_blue);
    border-bottom-color: transparent;
    border-radius: 50%;

    display: block;
    position: absolute;

    z-index: 12;

    animation: submitBtnLoader 1s linear infinite;
}



.prod_equipment .item
{
    display: flex;

    padding: 30px 0;

    border-bottom: 1px solid #dadada;

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

.prod_equipment .item .thumb
{
    width: 146px;
    max-width: 100%;
}

.prod_equipment .item .thumb img
{
    display: block;

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

.prod_equipment .item .name
{
    color: var(--color_black);
    font-size: 16px;
    font-weight: 700;

    width: calc(100% - 176px);
}



.prod_reviews
{
    padding: 10px 0;
}


.prod_reviews .videos
{
    padding: 20px;
    margin-bottom: 40px;
}

.prod_reviews .videos .slider
{
    padding-bottom: 0;
}

.prod_reviews .videos .owl-carousel .owl-nav button
{
    top: 0;
}

.prod_reviews .videos .owl-carousel .owl-nav button.owl-prev
{
    left: -20px;

    margin-left: 0;
}

.prod_reviews .videos .owl-carousel .owl-nav button.owl-next
{
    right: -20px;

    margin-right: 0;
}



.prod_settings .item
{
    position: relative;

    min-height: 74px;
    padding: 25px 82px 25px 32px;

    transition: .1s linear;

    border: 1px solid #eaeaea;
}

.prod_settings .item + .item
{
    margin-top: 14px;
}


.prod_settings .item .title
{
    color: var(--color_blue);
    font-size: 16px;
    font-weight: 700;
    line-height: 22px;
    text-decoration: none;

    position: relative;

    padding-left: 31px;

    cursor: pointer;
    transition: color .1s linear;
}

.prod_settings .item .title .icon
{
    position: absolute;
    top: 2px;
    left: 0;

    display: block;

    width: 17px;
    height: 18px;

    transition: fill .1s linear;

    fill: var(--color_blue);
}

.prod_settings .item .title span
{
    transition: border-color .1s linear;

    border-bottom: 1px dashed;
}

.prod_settings .item .title:hover span
{
    border-color: transparent;
}


.prod_settings .item .exp
{
    color: #737373;
    font-size: 16px;
    font-weight: 300;
    line-height: 26px;

    margin-top: 15px;
    padding-left: 31px;

    overflow: hidden;
    text-overflow: ellipsis;
}

.prod_settings .item .exp span
{
    color: var(--color_black);
}

.prod_settings .item .exp ul
{
    color: var(--color_black);

    padding-left: 13px;
}

.prod_settings .item .exp ul li
{
    position: relative;

    display: block;

    padding-left: 17px;

    list-style-type: none;
}

.prod_settings .item .exp ul li + li
{
    margin-top: 5px;
}

.prod_settings .item .exp ul li:before
{
    position: absolute;
    top: 10px;
    left: 0;

    display: block;

    width: 9px;
    height: 9px;

    content: '';

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


.prod_settings .item .arr
{
    position: absolute;
    top: 15px;
    right: 20px;

    width: 42px;
    height: 42px;

    cursor: pointer;
    transition: .1s linear;

    border: 1px solid #c1c1c1;
    border-radius: 50%;
}

.prod_settings .item .arr:before
{
    position: absolute;
    top: -6px;
    right: 0;
    bottom: 0;
    left: 0;

    display: block;

    width: 11px;
    height: 11px;
    margin: auto;

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

    border-bottom: 2px solid #c1c1c1;
    border-left: 2px solid #c1c1c1;
}

.prod_settings .item .arr:hover,
.prod_settings .item .arr:hover:before,
.prod_settings .item.active .arr,
.prod_settings .item.active .arr:before
{
    border-color: var(--color_blue);
}

.prod_settings .item.active .arr
{
    top: calc(100% - 57px);

    transform: rotate(-180deg);
}


.prod_settings .item .data
{
    display: none;

    margin-top: 15px;
    padding-left: 31px;

    background: none;
}

.prod_settings .item .text_block
{
    color: #737373;
    font-size: 16px;
    font-weight: 300;
    line-height: 26px;
    overflow: hidden;
    text-overflow: ellipsis;
}

.prod_settings .item .text_block span
{
    color: var(--color_black);
}

.prod_settings .item .text_block iframe
{
    width: 100%;
    height: 530px;
}


.prod_settings .item.active
{
    border-color: #f5f5f5;
    background: #f5f5f5;
}

.prod_settings .item.active .title
{
    color: var(--color_black);
}

.prod_settings .item.active .title .icon
{
    fill: var(--color_black);
}

.prod_settings .item.active .title span
{
    border-color: transparent;
}



.prod_delivery .flex
{
    justify-content: space-between;
    align-items: stretch;
    align-content: stretch;
}


.prod_delivery .route
{
    width: calc(50% - 15px);
    padding: 26px 46px;

    border: 6px solid #ebfafe;
}

.prod_delivery .route .title
{
    color: #070f14;
    font-size: 16px;
    font-weight: 700;
    line-height: 20px;

    margin-bottom: 15px;

    text-transform: uppercase;
}

.prod_delivery .route .item
{
    display: flex;

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

.prod_delivery .route .item + .item
{
    margin-top: 14px;
}

.prod_delivery .route .item .input
{
    color: var(--form_placeholder_color);

    position: relative;

    display: block;
    overflow: hidden;

    height: 41px;
    padding: 0 15px;

    transition: .1s linear;
    white-space: nowrap;
    text-overflow: ellipsis;

    border: 1px solid #cdcdcd;
    border-radius: 27px;
    background: #fff;
    color: #212121;
    font-size: 16px;
    font-weight: 300;
    line-height: 39px;
    width: calc(100% - 146px)
}
    
.prod_delivery .route .item .input:after
{
    position: absolute;
    top: -3px;
    right: 17px;
    bottom: 0;

    display: block;

    width: 8px;
    height: 8px;
    margin: auto;

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

    border-bottom: 2px solid var(--color_blue);
    border-left: 2px solid var(--color_blue);
}

.prod_delivery .route .item span.error
{
    color: #ef4836;
    margin-top: 10px;
    text-align: right;
    width: 100%;
}

.prod_delivery .route .label
{
    color: var(--color_black);
    font-size: 13px;
    font-weight: 700;
    line-height: 15px;

    width: 141px;
    padding-right: 15px;

    align-self: center;
}

.prod_delivery .route select
{
    display: none;
}

.prod_delivery .route .nice-select
{
    position: relative;

    display: block;

    width: calc(100% - 146px);
}

.prod_delivery .route .nice-select .current
{
    color: #212121;
    font-size: 16px;
    font-weight: 300;
    line-height: 39px;

    display: block;
    overflow: hidden;

    height: 41px;
    padding: 0 42px 0 15px;

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

    border: 1px solid #cdcdcd;
    border-radius: 20px;
    background: #fff;
}

.prod_delivery .route .nice-select.open .current,
.prod_delivery .route .nice-select:hover .current
{
    border-color: var(--color_blue);
}

.prod_delivery .route .nice-select .current:after
{
    position: absolute;
    top: -3px;
    right: 17px;
    bottom: 0;

    display: block;

    width: 8px;
    height: 8px;
    margin: auto;

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

    border-bottom: 2px solid var(--color_blue);
    border-left: 2px solid var(--color_blue);
}

.prod_delivery .route .nice-select .list
{
    position: absolute;
    z-index: 9;
    top: calc(100% + 21px);
    left: 0;

    visibility: hidden;
    overflow: hidden;

    min-width: 100%;

    transition: .1s linear;

    opacity: 0;
    border: 1px solid var(--color_blue);
    border-radius: 15px;
    background: #fff;
}

.prod_delivery .route .nice-select.open .list
{
    top: calc(100% + 1px);

    visibility: visible;

    opacity: 1;
}

.prod_delivery .route .nice-select .list .scrollbar
{
    overflow: auto;

    max-height: 240px;
}

.prod_delivery .route .nice-select .list .list_item
{
    color: #212121;
    font-size: var(--font_size);
    font-weight: 300;
    line-height: 16px;

    padding: 7px 15px;

    cursor: pointer;
    transition: .1s linear;
}

.prod_delivery .route .nice-select .list .list_item:empty
{
    display: none;
}

.prod_delivery .route .nice-select .list .list_item:hover,
.prod_delivery .route .nice-select .list .list_item.selected
{
    color: #fff;

    background: var(--color_blue);
}


.prod_delivery .info
{
    position: relative;
    z-index: 3;

    width: calc(50% - 15px);
    padding: 31px;

    background: #ebfafe;
}

.prod_delivery .info .path
{
    color: #070f14;
    font-size: 16px;
    font-weight: 300;
    line-height: 20px;

    display: flex;

    text-transform: uppercase;

    justify-content: flex-start;
    align-items: flex-start;
    align-content: flex-start;
    flex-wrap: nowrap;
}

.prod_delivery .info .path .to
{
    position: relative;

    margin-left: 95px;
}

.prod_delivery .info .path .to:before
{
    position: absolute;
    top: 15px;
    left: -65px;

    display: block;

    width: 31px;
    height: 4px;

    content: '';

    background: var(--color_blue);
}

.prod_delivery .info .path .to:after
{
    position: absolute;
    top: 11px;
    left: -37px;

    display: block;

    width: 8px;
    height: 12px;

    content: '';

    border-top: 6px solid transparent;
    border-bottom: 6px solid transparent;
    border-left: 8px solid var(--color_blue);
}


.prod_delivery .info .time
{
    color: var(--color_blue);

    margin-top: 20px;
}

.prod_delivery .info .time .val
{
    color: var(--color_black);

    margin-left: 11px;
}

.prod_delivery .info .time .exp
{
    color: #737373;
    font-size: var(--font_size);
    line-height: normal;
    margin-top: 5px;
}


.prod_delivery .info .price
{
    color: var(--color_blue);
    font-size: 36px;
    line-height: 36px;

    margin-top: 25px;
}

.prod_delivery .info .price sup
{
    font-size: 18px;
    font-weight: 500;
    line-height: 16px;

    position: relative;

    display: inline-block;

    vertical-align: top;
}

.prod_delivery .info .price sup:before
{
    position: absolute;
    top: calc(100% + 3px);
    left: 0;

    display: block;

    width: 16px;
    height: 3px;

    content: '';

    background: var(--color_blue);
}

.prod_delivery .info .price .exp
{
    color: #737373;
    font-size: var(--font_size);
    line-height: normal;

    margin-top: 2px;
}


.prod_delivery .info .icon
{
    position: absolute;
    z-index: -1;
    right: 14px;
    bottom: 11px;

    display: block;

    width: 170px;
    height: 97px;

    pointer-events: none;

    fill: #fff;
}



.prod_delivery_payment .text_block
{
    font-size: 16px;
    line-height: 24px;
    font-weight: 400;
}



.prod_delivery + .prod_order
{
    margin-top: 50px;
}

.prod_order .form
{
    width: 810px;
    max-width: 100%;
    margin: 0 auto;
}

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

.prod_order .form .input
{
    font-size: 15px;
}

.prod_order .form .agree .field
{
    display: flex;

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

.prod_order .form input[type=checkbox] + label
{
    color: #b4b4b4;
    font-size: 13px;
}

.prod_order .form input[type=checkbox] + label a
{
    color: var(--color_blue);

    text-decoration: none;
}

.prod_order .form input[type=checkbox] + label a:hover
{
    text-decoration: underline;
}

.prod_order .form input[type=checkbox] + label:before
{
    top: 1px;
}

.prod_order .form input[type=checkbox] + label:after
{
    top: 5px;
}

.prod_order .form .submit
{
    width: 100%;
    padding: 0;

    justify-content: center;
}

.prod_order .form .submit_btn
{
    font-size: 16px;
    line-height: 39px;

    height: 41px;
    padding: 0 31px 2px;

    border-color: var(--color_blue);
    background: var(--color_blue);
}



.prod_services .item
{
    padding: 20px;

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

.prod_services .item + .item
{
    margin-top: 10px;
}


.prod_services .item .head
{
    display: flex;

    cursor: pointer;

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


.prod_services .item .head .name
{
    color: #00abdf;
    font-size: 18px;
    font-weight: 700;
    line-height: 160%;

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


.prod_services .item .head .arr
{
    color: #777;

    display: flex;

    width: 18px;
    height: 18px;
    margin-left: 8px;

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

    border-radius: 50%;

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

.prod_services .item .head .arr svg
{
    display: block;

    width: 16px;
    height: 16px;
}


.prod_services .item .head.active .arr
{
    transform: rotate(0);
}

.prod_services .item .head:hover .arr
{
    color: #fff;

    background: #00abdf;
}

.prod_services .item .hide
{
    display: none;
}


.prod_services .regulations
{
    display: inline-block;
    color: var(--color_blue);
    margin-top: 10px;
    text-decoration-style: dashed;

    margin-bottom: 50px;
}

.prod_services .regulations:hover
{
    text-decoration: none;
}


.prod_services .product
{
    margin-top: 25px;
    position: relative;

    padding: 0 50px;
}

.prod_services .product + .product
{
    margin-top: 50px;
}

.prod_services .product.course + .course
{
    margin-top: 20px;
}


.prod_services .product .desc
{
    font-family: var(--font_family);
    font-size: 16px;
    font-weight: 300;
    color: #737373;
    line-height: 24px;
}

.prod_services .product .desc b
{
    color: #000000;
    font-weight: 700;
}

.prod_services .product .desc .sticker
{
    font-size: 15px;
    font-weight: 700;
}


.prod_services .product .options
{
    margin-top: 20px;

    max-width: 600px;
}

.prod_services .product .options .option
{
    display: flex;

    align-items: center;
    justify-content: space-between;
}

.prod_services .product .options .option + .option
{
    margin-top: 10px;
}

.prod_services .product .options .option .name
{
    font-size: 16px;
    color: #000000;
    font-family: var(--font_family);
    font-weight: 300;
}

.prod_services .product .options .option .name b
{
    font-weight: 300;
}


.prod_services .product .options .option .buy_link
{
    color: var(--color_blue);
    font-family: var(--font_family);
    font-size: var(--font_size);
    font-weight: 300;
    line-height: 16px;

    display: flex;
    position: relative;

    width: 180px;
    max-width: 100%;
    height: 37px;
    padding: 0 20px;
    margin-left: 20px;

    cursor: pointer;
    transition: background .1s linear;

    border: 1px solid #22b5e2;
    border-radius: 5px;
    background: var(--color_white);

    justify-content: center;
    align-items: center;
    align-content: center;
    flex-wrap: nowrap;
}

.prod_services .product .options .option .buy_link .icon
{
    display: block;

    width: 22px;
    height: 20px;
    margin: 0 10px 0 -4px;

    fill: var(--color_blue);
}


.prod_services .product .options .option .buy_link.active
{
    color: var(--color_white);

    position: relative;

    padding: 0 0 0 25px;

    background: var(--color_blue);

    border: none;
}

.prod_services .product .options .option .buy_link.active:before
{
    position: absolute;
    top: 13px;
    left: 21px;

    display: block;

    width: 14px;
    height: 8px;

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

    border-bottom: 2px solid;
    border-left: 2px solid;
}

.prod_services .product .options .option .buy_link:not(.active):hover
{
    color: var(--color_white);
    background: var(--color_blue);
}

.prod_services .product .options .option .buy_link:not(.active):hover .icon
{
    fill: var(--color_white);
}

.prod_services .product .options .option .buy_link.active:hover
{
    color: var(--color_blue);
    background: var(--color_white);
    border: 1px solid #22b5e2;
}

.prod_services .product .options .option .buy_link.active .text.add,
.prod_services .product .options .option .buy_link:not(.active) .text.remove,
.prod_services .product .options .option .buy_link.active .icon
{
    display: none;
}

.prod_services .product .options .option .buy_link:disabled
{
    cursor: default;
}

.prod_services .product .options .option .buy_link:disabled:before
{
    content: "";

    display: block;
    position: absolute;

    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    margin: auto;
    width: 100%;
    height: 100%;

    background: var(--color_white);
    border-radius: 5px;

    z-index: 11;

    transform: none;
    border: none;
}

.prod_services .product .options .option .buy_link:disabled:after
{
    content: "";

    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    margin: auto;
    width: 20px;
    height: 20px;

    border: 3px solid var(--color_blue);
    border-bottom-color: transparent;
    border-radius: 50%;

    display: block;
    position: absolute;

    z-index: 12;

    animation: submitBtnLoader 1s linear infinite;
}


.prod_services .product.course .options
{
    max-width: 100%;
}

.prod_services .product.course .options .option
{
    justify-content: space-between;
}

.prod_services .product.course .options .option .buy_link
{
    margin-left: 30px;
}



.prod_services .product_v2
{
    display: flex;

    margin-bottom: 50px;
    padding: 0 50px;

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


.prod_services .product_v2 .name
{
    color: #000;
    font-size: 16px;
}

.prod_services .product_v2 .name .time
{
    margin-left: 30px;
}

.prod_services .product_v2 .name a
{
    display: block;

    text-decoration: none;

    color: var(--color_black);

    transition: color .1s linear;
}

.prod_services .product_v2 .name a:hover
{
    color: var(--color_blue);
}


.prod_services .product_v2 .name button
{
    display: block;

    margin-top: 5px;

    font-size: 12px;
    color: var(--color_blue);

    border: none;
    background: none;

    transition: border-color .1s linear;
    border-bottom: 1px dashed;
}

.prod_services .product_v2 .name button:hover
{
    cursor: pointer;

    border-color: transparent;
}


.prod_services .product_v2 .cart
{
    display: flex;

    border: 1px solid var(--color_blue);
    border-radius: 5px;
    padding-right: 10px;

    justify-content: flex-start;
    align-items: center;
    align-content: center;
    flex-wrap: nowrap;
}


.prod_services .product_v2 .cart .buy_link
{
    color: var(--color_blue);
    font-family: var(--font_family);
    font-size: var(--font_size);
    font-weight: 300;
    line-height: 16px;

    display: flex;
    position: relative;

    width: 200px;
    max-width: 100%;
    height: 37px;
    padding: 0 20px;

    cursor: pointer;
    transition: background .1s linear;

    border: none;
    border-radius: 1px 0 0 1px;
    background: none;

    justify-content: center;
    align-items: center;
    align-content: center;
    flex-wrap: nowrap;
}

.prod_services .product_v2 .cart .buy_link .icon
{
    display: block;

    width: 22px;
    height: 20px;
    margin: 0 10px 0 -4px;

    fill: var(--color_blue);
}


.prod_services .product_v2 .cart .buy_link.active
{
    color: var(--color_white);

    position: relative;

    padding: 0 0 0 25px;

    border-radius: 3px 0 0 3px;

    background: var(--color_blue);

    border: none;
}

.prod_services .product_v2 .cart .buy_link.active:before
{
    position: absolute;
    top: 13px;
    left: 21px;

    display: block;

    width: 14px;
    height: 8px;

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

    border-bottom: 2px solid;
    border-left: 2px solid;
}

.prod_services .product_v2 .cart .buy_link:not(.active):hover
{
    color: var(--color_white);
    background: var(--color_blue);
}

.prod_services .product_v2 .cart .buy_link:not(.active):hover .icon
{
    fill: var(--color_white);
}

.prod_services .product_v2 .cart .buy_link.active:hover
{
    color: var(--color_blue);
    background: var(--color_white);
}

.prod_services .product_v2 .cart .buy_link.active .text.add,
.prod_services .product_v2 .cart .buy_link:not(.active) .text.remove,
.prod_services .product_v2 .cart .buy_link.active .icon
{
    display: none;
}

.prod_services .product_v2 .cart .buy_link:disabled
{
    cursor: default;
}

.prod_services .product_v2 .cart .buy_link:disabled:before
{
    content: "";

    display: block;
    position: absolute;

    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    margin: auto;
    width: 100%;
    height: 100%;

    background: var(--color_white);
    border-radius: 5px;

    z-index: 11;

    transform: none;
    border: none;
}

.prod_services .product_v2 .cart .buy_link:disabled:after
{
    content: "";

    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    margin: auto;
    width: 20px;
    height: 20px;

    border: 3px solid var(--color_blue);
    border-bottom-color: transparent;
    border-radius: 50%;

    display: block;
    position: absolute;

    z-index: 12;

    animation: submitBtnLoader 1s linear infinite;
}


.prod_services .product_v2 .cart .options
{
    display: flex;

    margin-left: 15px;

    justify-content: flex-start;
    align-items: center;
    align-content: center;
    flex-wrap: nowrap;
    gap: 5px;
}

.prod_services .product_v2 .cart .options .item
{
    padding: 5px 10px;
    margin: 0;

    color: var(--color_blue);
    white-space: nowrap;

    border: 1px solid var(--color_blue);
    border-radius: 5px;

    transition: background .1s linear;
}

.prod_services .product_v2 .cart .options .item.active,
.prod_services .product_v2 .cart .options .item:hover
{
    cursor: pointer;

    background: var(--color_blue);
    color: var(--color_white);
}

.prod_services .product_v2 .cart .options .item.disabled
{
    opacity: .5;
    cursor: default;
    color: #ccc;
    border-color: #ccc;
    background: none;
}



.prod_analogues .list
{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;

    margin-left: -20px;
    margin-top: -20px;
}

.prod_analogues .list .item
{
    width: 100% /*calc(50% - 20px)*/;

    margin-left: 20px;
    margin-top: 20px;
}

.prod_analogues .list .item b
{
    color: #000;
}


.prod_analogues .form
{
    background: #daf7ff;
    border-radius: 5px;
    border-right: none;
    padding: 20px 30px 20px 30px;

    margin-top: 15px;
}

.prod_analogues .form .title
{
    color: #000;
    font-size: 18px;
    font-weight: 700;

    line-height: normal;
    padding: 0;
    border: none;
    background: none;
}

.prod_analogues .form .box
{
    margin-top: 15px;

    flex-wrap: nowrap;
}

.prod_analogues .form .box .desc
{  
    font-size: 14px;
    color: #000;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;

    position: relative;

    padding: 12px 35px 12px 35px;

    width: calc(100% - 370px);
    min-width: 255px;
    max-width: 340px;
}

.prod_analogues .form .box .desc .icon
{
    position: absolute;

    top: 0;
    bottom: 0;
    margin: auto 0;
}

.prod_analogues .form .box .desc .icon_1
{
    left: 0;

    width: 23px;
    height: 28px;
}

.prod_analogues .form .box .desc .icon_2
{
    right: 10px;
    
    width: 23px;
    height: 14px;
}

.prod_analogues .form .box .field
{
    max-width: 370px;
    width: 100%;
}

.prod_analogues .form .box .field .flex
{
    flex-wrap: nowrap;
}

.prod_analogues .form .box .field .icon
{
    position: absolute;
    left: 10px;
    top: 6px;

    width: 22px;
    height: 28px;

    fill: var(--color_blue);

    z-index: 1;
}

.prod_analogues .form .box .field .input
{
    width: 100%;
    max-width: 280px;

    background: #fff;
    border: 1px solid #fff;
    border-radius: 2px;

    height: 40px;
    padding: 10px 19px 10px 45px;

    position: relative;
}

.prod_analogues .form .box .submit
{
    width: 100%;
    min-width: 110px;
    max-width: 170px;
    padding: 0;
}

.prod_analogues .form .box .submit_btn
{
    width: 100%;
    height: 40px;

    font-size: 16px;
    color: #fff;
    border-radius: 2px;
    border: none;
    background: #f15a3c;

    padding: 0 5px;
}

.prod_analogues .form .box .submit_btn:hover
{
    color: #fff;
    background: #00abdf;
}

.prod_analogues .form .box .submit_btn:disabled:before
{
    border-radius: 2px;
}


.prod_analogues .form .box .agree
{
    margin-top: 10px;
}

.prod_analogues .form .box .agree input[type="checkbox"] + label
{
    color: #818181;
    font-size: 12px;
}

.prod_analogues .form .box .agree input[type="checkbox"] + label a
{
    color: var(--color_blue);
    text-decoration: none;
}

.prod_analogues .form .box .agree input[type="checkbox"] + label a:hover
{
    text-decoration: underline;
}


.prod_analogues .link
{
    margin-top: 40px;
}

.prod_analogues .link a
{
    color: var(--color_white);
    font-family: var(--font_family);
    font-size: 15px;
    font-weight: 300;
    line-height: 160%;
    text-decoration: none;

    display: flex;

    width: 340px;
    max-width: 100%;
    height: 44px;
    padding: 0 16px;

    cursor: pointer;
    transition: .1s linear;

    border: none;
    border-radius: 5px;
    background: var(--color_blue);

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

    margin: auto;
}

.prod_analogues .link a:hover
{
    background: #FF9511;
}



.prod_compare_btn_ajax
{
    display: flex;
    position: relative;
    gap: 5px;

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

    font-size: var(--font_size_title);
    margin: auto;

    color: var(--color_blue);

    background: none;
    border: none;
    border-bottom: 1px dashed transparent;
}

.prod_compare_btn_ajax:hover
{
    cursor: pointer;
    border-color: inherit;
}

.prod_compare_btn_ajax .arrow
{
    display: block;

    height: 10px;
    width: 10px;

    cursor: pointer;

    transform: rotate(-90deg);
}

.prod_compare_btn_ajax .arrow:before
{
    display: block;
    position: relative;
    content: "";

    width: 8px;
    height: 8px;

    transition: all .1s linear;
    transform: rotate(-45deg);

    border-bottom: 1px solid var(--color_blue);
    border-left: 1px solid var(--color_blue);

    top: 0;
    right: 0;
}


.prod_compare_btn_ajax.loading
{
    color: var(--color_white);
}

.prod_compare_btn_ajax.loading:before
{
    content: "";

    display: block;
    position: absolute;

    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    margin: auto;
    width: 100%;
    height: 100%;

    background: var(--color_white);

    z-index: 1;
}

.prod_compare_btn_ajax.loading:after
{
    content: "";

    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    margin: auto;
    width: 20px;
    height: 20px;

    border: 3px solid var(--color_blue);
    border-bottom-color: transparent;
    border-radius: 50%;

    display: block;
    position: absolute;

    z-index: 2;

    animation: submitBtnLoader 1s linear infinite;
}


.manager_widget
{
    display: flex;
	flex-shrink: 0;
		
    width: 340px;
    max-width: 100%;
    padding: 10px 12px;

    border: 3px solid #d9ebf0;
    border-radius: 5px;

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

    position: relative;
}

.manager_widget .photo
{
    position: relative;

    width: 90px;
    height: 90px;

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

.manager_widget .photo .text
{
    background: rgba(0, 35, 69, 0.87);
    border-radius: 5px 5px 0 5px;
    left: 0;
    bottom: 100%;
    color: #a0bad4;
    width: 300px;
    margin-left: -260px;
    padding: 15px 25px;
    text-align: left;
}

.manager_widget .photo.tooltip:hover .text,
.manager_widget .photo.tooltip .text.active,
.manager_widget .photo.tooltip .text:hover
{
    bottom: calc(100% - 40px);
    visibility: visible;
    opacity: 1;
    pointer-events: auto;
}

.manager_widget .photo .text:before
{
    left: auto;
    bottom: -10px;
    border: 10px solid transparent;
    border-top: 0;
    border-right: 15px solid rgba(0, 35, 69, 0.87);
    height: auto;
    width: auto;
    transform: none;
    background: none;
    box-shadow: none;
}

.manager_widget .photo .text:after
{
    display: none;
}

.manager_widget .photo .text .line + .line
{
    margin-top: 10px;
}

.manager_widget .photo .text .line b
{
    font-weight: 300;
    color: #eeeeee;   
}

.manager_widget .photo .text .line ul
{
    list-style: none;
    margin-left: 5px;
}

.manager_widget .photo .text .line ul li
{
    margin-top: 5px;
    padding-left: 10px;
    position: relative;
}

.manager_widget .photo .text .line ul li:before
{
    content: "–";
    position: absolute;
    left: 0;
}

.manager_widget .photo .text .line ul li a
{
    color: #a0bad4;
    display: block;
}

.manager_widget .photo .text .line ul li a:hover
{
    text-decoration: none;
}


.manager_widget .photo img
{
    display: block;

    width: 100%;
    height: 100%;

    border-radius: inherit;

    object-fit: cover;

    cursor: pointer;
}

.manager_widget .photo.online:after
{
    position: absolute;
    z-index: 3;
    right: 6px;
    bottom: 6px;

    display: block;

    width: 14px;
    height: 14px;

    content: '';

    border: 3px solid #fff;
    border-radius: 50%;
    background: #99e51f;
}

.manager_widget .data_manager
{
    display: flex;

    width: calc(100% - 110px);

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

.manager_widget .duty_manager
{
    border-radius: 5px 5px 5px 0;
    padding: 5px 10px;
    background: #E23F2F;
    color: #fff;
    margin-bottom: 10px;
    font-size: 13px;
    position: relative;
}

.manager_widget .duty_manager:before
{
    bottom: -7px;
    border: 7px solid transparent;
    border-top: 0;
    border-left: 10px solid #E23F2F;
    position: absolute;
    z-index: 1;
    left: 0;
    display: block;
    width: 7px;
    height: 7px;
    content: '';
}

.manager_widget .name
{
    color: #000;
    font-size: 16px;
    font-weight: 500;

    padding-right: 15px;

    text-align: left;
    display: block;
    position: relative;

    transition: color .1s linear;
}


.manager_widget .name.mini_modal_link
{
    padding-right: 15px;
}

.manager_widget .name.mini_modal_link:hover
{
    color: #00abdf;
}

.manager_widget .name.mini_modal_link:after
{
    position: absolute;
    top: 5px;
    right: 0;

    display: block;

    width: 6px;
    height: 6px;

    content: '';
    transition: all .1s linear;
    transform: rotate(-45deg);

    border-bottom: 1px solid #c1c1c1;
    border-left: 1px solid #c1c1c1;
}

.manager_widget .name.mini_modal_link.active:after
{
    transform: rotate(135deg);
    top: 9px;
}


.manager_widget .post
{
    color: #737373;
    font-size: var(--font_size);

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

.manager_widget .post:empty
{
    display: none;
}

.manager_widget .email
{
    color: var(--color_blue);
    font-size: var(--font_size);

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

.manager_widget .email a
{
    color: currentColor;

    display: inline-block;

    vertical-align: top;
    white-space: nowrap;
    text-decoration: none;
}

.manager_widget .email a:hover
{
    text-decoration: underline;
}

.manager_widget .phone
{
    color: var(--color_black);
    font-size: var(--font_size);

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

.manager_widget .phone a
{
    color: currentColor;

    display: inline-block;

    vertical-align: top;
    white-space: nowrap;
    text-decoration: none;

    border-bottom: 1px dashed;

    transition: .1s linear;
}

.manager_widget .phone a:hover
{
    border-color: transparent;
}

.manager_widget .chat_btn
{
    color: var(--color_white);
    line-height: 21px;

    height: 23px;
    margin-top: 12px;
    padding: 0 14px;

    cursor: pointer;
    transition: .1s linear;

    border: 1px solid var(--color_blue);
    border-radius: 5px;
    background: var(--color_blue);
}

.manager_widget .chat_btn:hover
{
    border-color: #FF9511;
    background: #FF9511;
}

.manager_widget .messengers
{
    display: flex;

    margin-top: 10px;
    margin-left: auto;

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

.manager_widget .messengers a
{
    display: block;
}

.manager_widget .messengers a + a
{
    margin-left: 8px;
}

.manager_widget .messengers .icon
{
    display: block;
}

.manager_widget .messengers .icon1
{
    width: 18px;
    height: 18px;

    fill: #0fc731;
}

.manager_widget .messengers .icon2
{
    width: 18px;
    height: 15px;

    fill: #00abdf;
}



.reviews .head
{
    display: flex;

    padding-bottom: 40px;

    border-bottom: 1px solid #dadada;

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


.reviews .head .title
{
    color: var(--color_black);
    font-size: 16px;
    font-weight: 700;

    width: 200px;
}

.reviews .head .title span
{
    color: #9a9a9a;
    font-weight: 300;
    font-size: 14px;
}

.reviews .head .no_reviews
{
    width: 100%;
    text-align: center;
}

.reviews .head .no_reviews .text
{
    color: var(--color_black);
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 35px;
}


.reviews .head .rating
{
    color: var(--color_black);
    font-size: 24px;
    font-weight: 500;

    display: flex;

    margin-left: 30px;

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

.reviews .head .rating .stars
{
    position: relative;
    top: -1px;

    display: flex;

    width: 75px;
    height: 15px;

    margin-right: 15px;

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

    background: url(../images/ic_star.png) 0 0 repeat-x;
}

.reviews .head .rating .stars span
{
    display: block;
    
    height: 15px;

    margin-left: 0;

    background: url(../images/ic_star.png) 0 -30px repeat-x;
}

.reviews .head .rating .stars > *
{
    width: 19px;
    height: 18px;

    background: url(../images/ic_star.png) 0 0/100% auto no-repeat;
}

.reviews .head .rating .stars > * + *
{
    margin-left: 7px;
}

.reviews .head .rating .stars > *.middle
{
    background-position: 0 -18px;
}

.reviews .head .rating .stars > *.active
{
    background-position: 0 100%;
}


.reviews .head .add_review_link
{
    color: #fff;
    font-family: var(--font_family);
    font-size: var(--font_size);
    font-weight: 300;
    line-height: 16px;

    display: inline-block;

    height: 37px;
    margin-left: auto;
    padding: 0 22px 2px;

    cursor: pointer;
    transition: all .1s linear;
    vertical-align: top;

    border: 1px solid var(--color_blue);
    border-radius: 5px;
    background: var(--color_blue);
}

.reviews .head .add_review_link:hover
{
    color: var(--color_blue);
    background: var(--color_white);
}


.reviews .review
{
    display: flex;

    padding: 30px 0;

    border-bottom: 1px solid #dadada;

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

.reviews .review .author
{
    width: 200px;
    max-width: 100%;
}

.reviews .review .author > * + *
{
    margin-top: 10px;
}

.reviews .review .name,
.reviews .review .company
{
    color: var(--color_black);
    font-size: 16px;
    font-weight: 700;
}

.reviews .review .date
{
    color: #9a9a9a;
    font-weight: 300;
    line-height: 18px;
}

.reviews .review .date .sep
{
    margin: 0 10px;
}

.reviews .review .info
{
    width: calc(100% - 230px);
}

.reviews .review .info > * + *
{
    margin-top: 15px;
}

.reviews .review .rating
{
    display: flex;

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

.reviews .review .rating > *
{
    width: 15px;
    height: 15px;

    background: url(../images/ic_star.png) 0 0 no-repeat;
}

.reviews .review .rating > * + *
{
    margin-left: 3px;
}

.reviews .review .rating > *.middle
{
    background-position: 0 -15px;
}

.reviews .review .rating > *.active
{
    background-position: 0 100%;
}

.reviews .review .text
{
    color: #000;
    font-size: 16px;
    font-weight: 300;
    line-height: 26px;
    margin-top: 10px;
}

.reviews .review .reply
{
    margin-top: 20px;
    padding: 15px;
    background: #eee;
}

.reviews .review .reply .author
{
    color: #737373;
    font-weight: 300;
}

.reviews .review .reply .text
{
    color: #000;
    margin-top: 0;
}



.checkout_info
{
    --aside_width: 345px;
}

.checkout_info .content
{
    position: relative;

    width: calc(100% - var(--aside_width) - 7px);
}



.cart_info
{
    position: relative;

    padding: 20px;

    background: #fff;
}


.cart_info .block_title
{
    display: flex;

    color: #00abdf;
    font-size: 20px;
    font-weight: 700;

    margin-bottom: 20px;

    justify-content: flex-start;
    align-items: center;
    align-content: center;
}


.cart_info .block_title .download
{
    display: flex;

    margin-left: 20px;

    justify-content: flex-start;
    align-items: center;
    align-content: center;
}

.cart_info .block_title .download > * + *
{
    margin-left: 10px;
}

.cart_info .block_title .download a
{
    display: block;

    text-decoration: none;
}

.cart_info .block_title .download img
{
    display: block;
}

.cart_info .block_title .download .copy_link.copied .text span,
.cart_info .block_title .download .copy_link .text span + span
{
    display: none;
}

.cart_info .block_title .download .copy_link.copied .text span + span
{
    display: block;
}


.cart_info .need_help
{
    color: #b4b4b4;

    position: absolute;
    top: 25px;
    right: 20px;

    display: flex;

    cursor: pointer;
    transition: color .1s linear;

    border: none;
    background: none;

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

.cart_info .need_help .icon
{
    display: block;

    width: 21px;
    height: 20px;
    margin-right: 5px;

    fill: currentColor;
}

.cart_info .need_help span
{
    transition: border-color .1s linear;

    border-bottom: 1px dashed currentColor;
}

.cart_info .need_help:hover
{
    color: #00abdf;
}

.cart_info .need_help:hover span
{
    border-color: transparent;
}


.cart_info table
{
    width: 100%;

    border-spacing: 0;
    border-collapse: collapse;
}


.cart_info table th
{
    color: #9a9a9a;
    font-weight: normal;

    padding-bottom: 15px;

    text-align: left;

    border-bottom: 4px solid #eee;
}

.cart_info table th + th
{
    padding-left: 25px;
}


.cart_info table .part_title td
{
    color: #00abdf;
    font-weight: 500;
}


.cart_info table td
{
    padding: 10px 0;

    text-align: left;
    vertical-align: middle;

    border-bottom: 1px solid #dadada;
}

.cart_info table td + td
{
    padding-left: 25px;
}


.cart_info table td.thumb
{
    width: 85px;
    min-width: 85px;

    table-layout: fixed;
}

.cart_info table td.thumb a
{
    display: flex;

    height: 56px;

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

.cart_info table td.thumb img
{
    display: block;

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


.cart_info table td.info .warranty_order
{
    color: #fff;
    line-height: 19px;
    display: inline-block;
    margin-top: 5px;
    padding: 0 10px;
    vertical-align: top;
    background: #7abe0d;
}


.cart_info table td.info .name
{
    font-weight: 700;
}

.cart_info table td.info .name a
{
    color: #000;

    display: inline-block;

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

.cart_info table td.info .name a:hover
{
    color: #00abdf;
}


.cart_info table td.info .available
{
    color: #a7a7a7;

    display: flex;

    margin-top: 5px;
    margin-bottom: -5px;
    margin-left: -20px;

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

.cart_info table td.info .available > *
{
    max-width: calc(100% - 20px);
    margin-bottom: 5px;
    margin-left: 20px;
}


.cart_info table td.info .under_order
{
    color: #fff;
    line-height: 19px;

    display: inline-block;

    margin-top: 5px;
    padding: 0 10px;

    vertical-align: top;

    background: #cdcdcd;
}


.cart_info table td.price
{
    color: #737373;
    font-size: 16px;
    line-height: 31px;

    width: 134px;
    min-width: 134px;

    table-layout: fixed;

    white-space: nowrap;
}

.cart_info table td.price.total
{
    width: auto;
    min-width: 0;
}


.cart_info table td.amount
{
    width: 135px;
    min-width: 135px;

    table-layout: fixed;
}

.cart_info table td.amount .box
{
    position: relative;

    width: 105px;
}

.cart_info table td.amount button
{
    position: absolute;
    z-index: 3;
    top: 0;
    left: 0;

    display: block;

    width: 34px;
    height: 31px;

    cursor: pointer;

    border: none;
    background: none;
}

.cart_info table td.amount button:before,
.cart_info table td.amount button:after
{
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;

    display: block;

    width: 12px;
    height: 2px;
    margin: auto;

    content: '';

    background: #fff;
}

.cart_info table td.amount button.plus
{
    right: 0;
    left: auto;
}

.cart_info table td.amount button.plus:after
{
    width: 2px;
    height: 12px;
}

.cart_info table td.amount .input
{
    color: #fff;
    font-family: var(--font_family);
    font-size: 16px;
    font-weight: 700;

    display: block;

    width: 100%;
    height: 31px;
    padding: 0 34px;

    text-align: center;

    border: none;
    border-radius: 16px;
    background: #00abdf;
}


.cart_info table td.compare
{
    text-align: center;

    width: 90px;
}

.cart_info table td.compare .comparison-btn
{
    position: relative;

    display: inline-block;

    cursor: pointer;
    transition: .1s linear;
    vertical-align: middle;
}

.cart_info table td.compare .comparison-btn .compare_link
{
    color: var(--color_blue);
    font-weight: 300;

    position: relative;

    display: block;

    cursor: pointer;

    border: none;
    background: none;
}

.cart_info table td.compare .comparison-btn.added .compare_link.comparison-add, 
.cart_info table td.compare .comparison-btn .compare_link.comparison-remove,
.cart_info table td.compare .comparison-btn .compare_link.comparison-go
{
    display: none;
}

.cart_info table td.compare .comparison-btn .compare_link.comparison-add, 
.cart_info table td.compare .comparison-btn.added .compare_link.comparison-remove,
.cart_info table td.compare .comparison-btn.added .compare_link.comparison-go
{
    display: block;
}

.cart_info table td.compare .comparison-btn .compare_link .icon
{
    display: flex;

    width: 32px;
    height: 32px;

    transition: border-color .1s linear;
    transition: color .1s linear;

    border: 1px solid;
    border-radius: 50%;

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

    margin-top: 0;
}

.cart_info table td.compare .comparison-btn .compare_link .icon > *
{
    display: block;
    width: 16px;
    height: 14px;
}

.cart_info table td.compare .comparison-btn.added .compare_link .icon
{
    color: #fff;
    background: var(--color_blue);
}

.cart_info table td.compare .comparison-btn .compare_link:hover .icon
{
    border-color: var(--color_blue);
}

.cart_info table td.compare .comparison-btn:not(.added) .compare_link:hover .icon
{
    color: var(--color_blue);
}

.cart_info table td.compare .comparison-btn .compare_link.loading:before
{
    content: "";

    display: block;
    position: absolute;

    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    margin: auto;
    width: 100%;
    height: 100%;

    border-radius: 50%;
    background: rgba(255, 255, 255, 0.7);

    z-index: 11;
}

.cart_info table td.compare .comparison-btn .compare_link.loading:after
{
    content: "";

    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    margin: auto;
    width: 20px;
    height: 20px;

    border: 3px solid var(--color_blue);
    border-bottom-color: transparent;
    border-radius: 50%;

    display: block;
    position: absolute;

    z-index: 12;

    animation: submitBtnLoader 1s linear infinite;
}

.cart_info table td.compare .comparison-btn .comparison-go
{
    display: none;
}


.cart_info table td.delete button
{
    position: relative;

    display: block;

    width: 17px;
    height: 17px;
    margin: auto;

    cursor: pointer;

    border: none;
    background: none;
}

.cart_info table td.delete button:before,
.cart_info table td.delete button:after
{
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;

    display: block;

    width: 18px;
    height: 3px;
    margin: auto;

    content: '';
    transition: background .1s linear;
    transform: rotate(45deg);

    border-radius: 2px;
    background: #000;
}

.cart_info table td.delete button:after
{
    transform: rotate(-45deg);
}

.cart_info table td.delete button:hover:before,
.cart_info table td.delete button:hover:after
{
    background: #ef4836;
}


.cart_info .need_parts
{
    margin-top: 20px;
}

.cart_info .need_parts input[type=checkbox]
{
    display: none;
}

.cart_info .need_parts label
{
    color: #ff8611;
    font-weight: 500;
    line-height: 19px;

    position: relative;

    display: block;

    padding-left: 26px;

    cursor: pointer;
}

.cart_info .need_parts label small
{
    color: #b4b4b4;
    font-weight: normal;
}

.cart_info .need_parts label:before
{
    position: absolute;
    top: 0;
    left: 0;

    display: block;

    width: 19px;
    height: 19px;

    content: '';
    transition: .1s linear;

    border: 1px solid #ff8611;
    border-radius: 3px;
}

.cart_info .need_parts label:after
{
    position: absolute;
    top: 4px;
    left: 4px;

    display: block;

    width: 11px;
    height: 7px;

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

    opacity: 0;
    border-bottom: 3px solid #ff8611;
    border-left: 3px solid #ff8611;
}

.cart_info .need_parts input[type=checkbox]:checked + label:after
{
    opacity: 1;
}


.cart_info .cart_total
{
    color: #000;
    font-size: 16px;
    font-weight: 700;

    display: flex;

    margin-top: 20px;

    justify-content: flex-end;
    align-items: center;
    align-content: center;
    flex-wrap: wrap;
}

.cart_info .cart_total .val
{
    color: #737373;
    font-weight: normal;

    margin-left: 10px;
}

.cart_info .cart_total .get_corp_price
{
    color: #ff8611;
    font-size: 14px;
    line-height: 29px;

    height: 31px;
    margin-right: 30px;
    padding: 0 20px;

    cursor: pointer;
    transition: .1s linear;

    border: 1px solid #ff8611;
    border-radius: 16px;
    background: none;
}

.cart_info .cart_total .get_corp_price:hover
{
    color: #fff;

    background: #ff8611;
}



.cart_info .empty
{
    display: flex;

    padding: 60px 0 120px;

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

.cart_info .empty .icon
{
    display: block;

    width: 120px;
    height: 89px;
    margin-right: 12px;

    fill: #c1c1c1;
}

.cart_info .empty .title
{
    color: #c1c1c1;
    font-size: 36px;
    line-height: 40px;
}

.cart_info .empty .desc
{
    margin-top: 30px;
}

.cart_info .empty .links
{
    display: flex;

    width: calc(100% + 20px);
    margin-top: 10px;
    margin-bottom: -10px;
    margin-left: -20px;

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

.cart_info .empty .links > *
{
    max-width: calc(100% - 20px);
    margin-bottom: 10px;
    margin-left: 20px;
}

.cart_info .empty .links a
{
    color: #fff;
    font: 700 16px/40px var(--font_family);

    display: block;

    height: 41px;
    padding: 0 33px;

    transition: .1s linear;
    text-decoration: none;
    letter-spacing: .03em;

    border: 1px solid #00abdf;
    border-radius: 20px;
    background: #00abdf;
}

.cart_info .empty .links a:hover
{
    border-color: #0181b7;
    background: #0181b7;
}



.checkout_form .block
{
    position: relative;

    padding: 20px;

    background: #fff;
}

.checkout_form > :first-child
{
    margin-top: 0;
}

.checkout_form > :last-child
{
    margin-bottom: 0;
}

.checkout_form .block_title
{
    color: #000;
    font-size: 18px;
    font-weight: 700;

    margin-bottom: 15px;
}


.checkout_form .payment_methods,
.checkout_form .delivery_methods,
.checkout_form .contacts_info
{
    display: flex;

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


.checkout_form .methods
{
    width: 300px;
    max-width: 100%;
}

.checkout_form .methods input[type=radio] + label
{
    color: #000;
    font-weight: normal;

    display: flex;

    height: auto;
    min-height: 24px;
    padding-left: 39px;

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

.checkout_form .methods input[type=radio] + label .icon
{
    display: block;

    margin-right: 10px;

    transition: fill .1s linear;

    fill: #c1c1c1;
}

.checkout_form .methods input[type=radio] + label .icon1
{
    width: 27px;
    height: 31px;
    margin-right: 11px;
    margin-left: 4px;
}

.checkout_form .methods input[type=radio] + label .icon2
{
    width: 32px;
    height: 24px;
}

.checkout_form .methods input[type=radio] + label .icon3
{
    width: 22px;
    height: 28px;
    margin-right: 14px;
    margin-left: 6px;
}

.checkout_form .methods input[type=radio] + label span
{
    color: #aeaeae;

    margin-left: 5px;
}

.checkout_form .methods input[type=radio] + label:before
{
    top: 0;
    bottom: 0;

    margin: auto;

    border-color: #cecece;
    background: none;
}

.checkout_form .methods input[type=radio] + label:after
{
    top: 0;
    bottom: 0;

    margin: auto;
}

.checkout_form .methods input[type=radio]:checked + label .icon
{
    fill: #00abdf;
}

.checkout_form .method_info
{
    display: none;

    width: calc(100% - 330px);
}

.checkout_form .method_info .text
{
    color: #aeaeae;
    font-size: 16px;
    line-height: 24px;

    width: 400px;
    max-width: 100%;
    margin: 30px auto;

    text-align: center;
}


.checkout_form .delivery_methods
{
    padding-top: 20px;
}

.checkout_form .delivery_methods .methods
{
    position: absolute;
    top: 15px;
    left: 125px;

    display: flex;

    width: auto;

    border: 1px solid #00abdf;
    border-radius: 16px;

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

.checkout_form .delivery_methods .methods input[type=radio] + label
{
    line-height: 30px;

    display: block;

    height: 30px;
    padding: 0 20px;

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

    border-radius: 16px;
}

.checkout_form .delivery_methods .methods input[type=radio] + label:before,
.checkout_form .delivery_methods .methods input[type=radio] + label:after
{
    display: none;
}

.checkout_form .delivery_methods .methods input[type=radio]:checked + label
{
    color: #fff;

    background: #00abdf;
}

.checkout_form .delivery_methods .method_info
{
    width: 435px;
    max-width: 100%;
    padding-right: 120px;
}


.checkout_form .delivery_methods .pickup
{
    padding-right: 0;
}

.checkout_form .delivery_methods .pickup .line
{
    margin-bottom: 0;
}

.checkout_form .delivery_methods .pickup .line + .line
{
    margin-top: 25px;
}

.checkout_form .delivery_methods .pickup input[type=radio] + label
{
    color: #000;
    font-weight: normal;

    display: block;

    height: auto;
    min-height: 24px;
    padding-left: 39px;
}

.checkout_form .delivery_methods .pickup input[type=radio] + label .city
{
    color: #00abdf;
    font-size: 16px;
    font-weight: 700;
    line-height: 24px;
}

.checkout_form .delivery_methods .pickup input[type=radio] + label .adres
{
    color: #000;
    font-size: var(--font_size);

    margin-top: 2px;
}

.checkout_form .delivery_methods .pickup input[type=radio] + label .time
{
    color: #a7a7a7;
    font-size: var(--font_size);

    margin-top: 7px;
}

.checkout_form .delivery_methods .pickup input[type=radio] + label .time b
{
    color: #00abdf;
    font-weight: 500;

    margin-left: 20px;
}

.checkout_form .delivery_methods .pickup input[type=radio] + label:before
{
    top: 0;

    border-color: #cecece;
    background: none;
}

.checkout_form .delivery_methods .pickup input[type=radio] + label:after
{
    top: 6px;
}


.checkout_form .delivery_methods .shipment
{
    display: flex;

    width: 400px;
    max-width: 100%;
    margin-right: auto;
    margin-left: 30px;

    text-align: center;

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

.checkout_form .delivery_methods .shipment .icons
{
    position: relative;

    width: 100%;
    height: 102px;
}

.checkout_form .delivery_methods .shipment .icons .icon
{
    display: block;

    width: 110px;
    height: 102px;
    margin: 0 auto;

    fill: #eee;
}

.checkout_form .delivery_methods .shipment .icons .icon.mini
{
    position: absolute;
    bottom: -9px;
    left: 50%;

    width: 64px;
    height: 69px;
    margin: 0;
    margin-left: -94px;

    fill: #00abdf;
}

.checkout_form .delivery_methods .shipment .icons .icon.mini + .icon.mini
{
    margin-left: 30px;
}

.checkout_form .delivery_methods .shipment .price
{
    color: #00abdf;
    font-size: 18px;
    font-weight: 700;

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

.checkout_form .delivery_methods .shipment .price.free
{
    text-transform: uppercase;
}

.checkout_form .delivery_methods .shipment .part
{
    color: #a7a7a7;

    max-width: calc(50% - 15px);
    margin-top: 20px;
}

.checkout_form .delivery_methods .shipment .part .name
{
    color: #00abdf;
    font-weight: 500;

    margin-bottom: 5px;
}

.checkout_form .delivery_methods .shipment .part .time b
{
    color: #000;

    display: block;

    margin-top: 3px;
}

.checkout_form .delivery_methods .shipment .need_parts
{
    display: flex;

    width: 100%;
    margin-top: 25px;

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

.checkout_form .delivery_methods .shipment .need_parts input[type=checkbox]
{
    display: none;
}

.checkout_form .delivery_methods .shipment .need_parts label
{
    color: #ff8611;
    font-size: 14px;
    font-weight: 500;
    line-height: 19px;

    position: relative;

    display: block;

    padding-left: 26px;

    cursor: pointer;
}

.checkout_form .delivery_methods .shipment .need_parts label small
{
    color: #b4b4b4;
    font-weight: normal;
}

.checkout_form .delivery_methods .shipment .need_parts label:before
{
    position: absolute;
    top: 0;
    left: 0;

    display: block;

    width: 19px;
    height: 19px;

    content: '';
    transition: .1s linear;

    border: 1px solid #ff8611;
    border-radius: 3px;
}

.checkout_form .delivery_methods .shipment .need_parts label:after
{
    position: absolute;
    top: 4px;
    left: 4px;

    display: block;

    width: 11px;
    height: 7px;

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

    opacity: 0;
    border-bottom: 3px solid #ff8611;
    border-left: 3px solid #ff8611;
}

.checkout_form .delivery_methods .shipment .need_parts input[type=checkbox]:checked + label:after
{
    opacity: 1;
}


.checkout_form .delivery_methods .shipment .delivery_data
{
    display: flex;
    width: 100%;
    text-align: center;
    justify-content: space-between;
    align-items: flex-start;
    align-content: flex-start;
    flex-wrap: wrap;
}

.checkout_form .delivery_methods .shipment .text 
{
    margin-top: 25px;
}

.checkout_form .delivery_methods .shipment .part.full
{
    max-width: 100%;
    width: 100%;
}


.checkout_form .exp
{
    margin-bottom: 30px;

    text-align: center;
}


.checkout_form .agree
{
    display: flex;
    justify-content: center;
}

.checkout_form .agree input[type=checkbox]
{
    display: none;
}

.checkout_form .agree input[type=checkbox] + label
{
    color: #818181;
    font-size: 13px;
    font-weight: 300;
    line-height: 17px;

    position: relative;

    display: block;

    padding-left: 20px;

    cursor: pointer;
}

.checkout_form .agree input[type=checkbox] + label a
{
    color: var(--color_blue);

    text-decoration: none;
}

.checkout_form .agree input[type=checkbox] + label a:hover
{
    text-decoration: underline;
}

.checkout_form .agree input[type=checkbox] + label:before
{
    position: absolute;
    top: 0;
    left: 0;

    display: block;

    width: 15px;
    height: 15px;

    content: '';
    transition: .1s linear;

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

.checkout_form .agree input[type=checkbox].error + label:before
{
    border-color: var(--form_error_color);
}

.checkout_form .agree input[type=checkbox] + label:after
{
    position: absolute;
    top: 4px;
    left: 4px;

    display: block;

    width: 8px;
    height: 5px;

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

    opacity: 0;
    border-bottom: 2px solid var(--color_black);
    border-left: 2px solid var(--color_black);
}

.checkout_form .agree input[type=checkbox]:checked + label:after
{
    opacity: 1;
}

.checkout_form .submit
{
    display: flex;
    justify-content: center;
}

.checkout_form .submit_btn
{
    display: flex;
    justify-content: center;

    font-size: 16px;
    line-height: 39px;

    height: 41px;
    padding: 0 31px 2px;

    border-color: var(--color_blue);
    background: var(--color_blue);
}

.checkout_form .submit_btn:hover 
{
    border-color: #2794c2;
    background: #2794c2;
}




.checkout_total
{
    padding: 20px 20px 40px;

    background: #fff;

    position: relative;
    z-index: 1;
}

.checkout_total .block_title
{
    color: #00abdf;
    font-size: 20px;
    font-weight: 700;

    margin-bottom: 15px;
}


.checkout_total .item
{
    color: #737373;
    line-height: 20px;

    display: flex;

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

.checkout_total .item + .item
{
    margin-top: 3px;
}

.checkout_total .item .name
{
    color: #000;
    font-weight: 500;
}

.checkout_total .item .val
{
    margin-left: 15px;
    position: relative;
    white-space: nowrap;
}


.checkout_total .outer_dimensions
{
    margin: 12px 0 !important;
    padding: 12px 0;

    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee;
}

.checkout_total .outer_dimensions .item
{
    width: 100%;

    justify-content: flex-end;
}

.checkout_total .outer_dimensions .name
{
    font-weight: normal;
}

.checkout_total .outer_dimensions .val
{
    width: 60px;

    text-align: right;
}

.checkout_total .outer_dimensions .val sup
{
    position: absolute;
    top: -3px;
    font-size: 9px;
}


.checkout_total .delivery_time .parts
{
    width: 100%;
    margin-top: 3px;
}

.checkout_total .delivery_time .item
{
    width: 100%;

    justify-content: flex-end;
}

.checkout_total .delivery_time .parts .name
{
    color: #00abdf;
    font-weight: normal;
}

.checkout_total .delivery_time .parts .val
{
    width: 112px;
}

.checkout_total .delivery_time .val
{
    width: 112px;

    text-align: right;
}

.checkout_total .delivery_time .val.full
{
    width: auto;
}


.checkout_total .total
{
    color: #000;
    font-size: 22px;
    font-weight: 500;

    display: flex;

    margin-top: 30px;

    text-align: right;

    justify-content: flex-end;
    align-items: flex-start;
    align-content: flex-start;
    flex-wrap: wrap;
}

.checkout_total .total .price
{
    font-weight: 300;

    margin-left: 10px;

    white-space: nowrap;
}

.checkout_total .total .exp
{
    color: #b4b4b4;
    font-size: var(--font_size);
    font-weight: normal;

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


.checkout_total .agree
{
    display: flex;

    margin-top: 40px;

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

.checkout_total .agree input[type=checkbox]
{
    display: none;
}

.checkout_total .agree label
{
    color: #818181;
    font-size: 13px;
    line-height: 17px;

    position: relative;

    display: block;

    padding-left: 23px;

    cursor: pointer;
    text-align: center;
}

.checkout_total .agree label a
{
    color: #00abdf;
}

.checkout_total .agree label a:hover
{
    text-decoration: none;
}

.checkout_total .agree label:before
{
    position: absolute;
    top: 0;
    left: 0;

    display: block;

    width: 15px;
    height: 15px;

    content: '';
    transition: .1s linear;

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

.checkout_total .agree label:after
{
    position: absolute;
    top: 4px;
    left: 4px;

    display: block;

    width: 8px;
    height: 5px;

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

    opacity: 0;
    border-bottom: 2px solid var(--color_black);
    border-left: 2px solid var(--color_black);
}

.checkout_total .agree input[type=checkbox]:checked + label:after
{
    opacity: 1;
}


.checkout_total .checkout_btn
{
    color: var(--color_white);
    font: 700 16px var(--font_family);

    display: block;

    width: 200px;
    height: 41px;
    margin: 15px auto 0;
    padding: 0 25px 2px;

    cursor: pointer;
    transition: .1s linear;

    border: 1px solid #00abdf;
    border-radius: 20px;
    background: #00abdf;
}

.checkout_total .checkout_btn:hover
{
    border-color: #0181b7;
    background: #0181b7;
}



.contacts_info .data
{
    background: #fff;
}


.contacts_info .data .title
{
    color: var(--color_black);
    font-size: 30px;
    font-weight: 700;
    line-height: 40px;

    padding: 20px 30px;
}


.contacts_info .data .flex
{
    justify-content: space-between;
    align-items: stretch;
    align-content: stretch;
}


.contacts_info .data .info
{
    width: 350px;
    max-width: 100%;
    padding: 25px 25px 25px 30px;

    position: relative;

    border-top: 1px solid #dadada;
    border-bottom: 1px solid #dadada;
}

.contacts_info .data .info > * + *
{
    margin-top: 25px;
}


.contacts_info .data .info .page_contacts-address
{
    display: none;
}

.contacts_info .data .info .page_contacts-address.active
{
    display: block;
}

.contacts_info .data .info .page_contacts-address > * + *
{
    margin-top: 25px;
}


.contacts_info .data .city
{
    font-size: var(--font_size);
    color: var(--color_black);
    font-weight: 700;
    line-height: 24px;

    position: relative;
}

.contacts_info .data button:after
{
    position: absolute;
    top: 0;
    right: -15px;
    bottom: 0;

    display: block;

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

    content: '';
    transform: rotate(-45deg);
    transition: all .1s linear;

    border-bottom: 1px solid #c1c1c1;
    border-left: 1px solid #c1c1c1;
}

.contacts_info .data button.active:after
{
    top: 5px;
    transform: rotate(135deg);
}

.contacts_info .data button span
{
    color: var(--color_blue);
    font-size: 18px;
    font-weight: 300;

    position: relative;
    top: 1px;

    letter-spacing: .025em;

    transition: border-color .1s linear;

    border-bottom: 1px dashed;
}

.contacts_info .data button:hover span
{
    border-color: transparent;
}


.contacts_info .data .adress
{
    color: var(--color_black);
    font-size: 16px;
    font-weight: 300;

    position: relative;

    padding-left: 25px;
}

.contacts_info .data .adress .icon
{
    position: absolute;
    top: 0;
    left: 0;

    display: block;

    width: 12px;
    height: 15px;

    fill: #c8c8c8;
}


.contacts_info .data .phone
{
    color: var(--color_black);
    font-size: 16px;
    font-weight: 300;

    position: relative;

    padding-left: 25px;
}

.contacts_info .data .phone a
{
    color: var(--color_black);

    white-space: nowrap;
    text-decoration: none;
}

.contacts_info .data .phone .icon
{
    position: absolute;
    top: 1px;
    left: 0;

    display: block;

    width: 16px;
    height: 16px;

    fill: #c8c8c8;
}


.contacts_info .data .email
{
    color: var(--color_blue);
    font-size: 16px;
    font-weight: 300;

    position: relative;

    padding-left: 25px;
}

.contacts_info .data .email a
{
    color: var(--color_blue);

    white-space: nowrap;
    text-decoration: none;
}

.contacts_info .data .email .icon
{
    position: absolute;
    top: 1px;
    left: 0;

    display: block;

    width: 16px;
    height: 16px;

    fill: #c8c8c8;
}


.contacts_info .data .phone a:hover,
.contacts_info .data .email a:hover
{
    text-decoration: underline;
}


.contacts_info .data .desc
{
    font-size: 16px;
    font-weight: 300;
    line-height: 24px;
}

.contacts_info .data .desc a
{
    text-decoration: none;
    color: var(--color_blue);
}

.contacts_info .data .desc a:hover
{
    text-decoration: underline;
}


.contacts_info .data .postal_adress
{
    font-size: 16px;
    font-weight: 300;
    line-height: 24px;
}

.contacts_info .data .postal_adress span
{
    color: var(--color_black);

    display: block;
}


.contacts_info .data .feddback_btn
{
    color: var(--color_white);
    font: 300 16px var(--font_family);

    display: inline-block;

    height: 35px;
    padding: 0 25px 2px;

    cursor: pointer;
    transition: background .1s linear;
    vertical-align: top;

    border: none;
    border-radius: 20px;
    background: #7fd5ef;
}

.contacts_info .data .feddback_btn:hover
{
    background: #2794c2;
}


.contacts_info .data .map
{
    width: calc(100% - 350px);
    min-height: 505px;

    background: #ddd;
}



.feedback
{
    display: flex;

    padding: 30px;

    background: #fff;

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


.feedback .info
{
    width: 280px;
    max-width: 100%;
}

.feedback .title
{
    color: var(--color_black);
    font-size: 20px;
    font-weight: 700;
}

.feedback .desc
{
    font-size: 16px;
    font-weight: 300;
    line-height: 24px;

    margin-top: 15px;
}


.feedback .form
{
    position: relative;

    display: flex;

    width: calc(100% - 320px);
    padding-right: 66px;

    justify-content: space-between;
    align-items: flex-start;
    align-content: flex-start;
    flex-wrap: wrap;
    --form_border_color: #cdcdcd;
    --form_focus_color: #cdcdcd;
    --form_bg_color: none;
}

.feedback .col_left
{
    width: 302px;
    max-width: 100%;
    margin-right: auto;
    margin-bottom: -15px;
}

.feedback .col_right
{
    width: calc(100% - 312px);
    margin-bottom: -15px;
    margin-left: auto;
}

.feedback .form textarea
{
    height: 261px;
    min-height: 261px;
}

.feedback .form .agree
{
    position: absolute;
    top: 110px;
    left: -320px;

    width: 280px;
    max-width: 100%;
    margin: 0;
}

.feedback .form input[type=checkbox] + label
{
    color: #b4b4b4;
}

.feedback .form input[type=checkbox] + label a
{
    color: var(--color_blue);
}

.feedback .form .submit
{
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;

    width: 54px;
    height: 54px;
    margin: auto;
}

.feedback .form .submit_btn
{
    display: flex;

    width: 54px;
    height: 54px;
    padding: 0;

    border: none;
    border-radius: 50%;
    background: var(--color_blue);

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

.feedback .form .submit_btn span
{
    position: relative;

    display: block;

    width: 22px;
    height: 1px;

    background: #fff;
}

.feedback .form .submit_btn span:after
{
    position: absolute;
    top: 0;
    right: 1px;
    bottom: 0;

    display: block;

    width: 11px;
    height: 11px;
    margin: auto;

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

    border-right: 1px solid #fff;
    border-bottom: 1px solid #fff;
}

.feedback .form .submit_btn:hover
{
    background: #2794c2;
}



.managers
{
    margin-top: 6px;
    padding: 30px;

    background: #fff;
}


.managers .block
{
    margin-bottom: 0 !important;
}

.managers .block + .block
{
    margin-top: 50px;
}


.managers .title
{
    color: var(--color_black);
    font-size: 20px;
    font-weight: 700;

    margin-bottom: 30px;
}


.managers .flex
{
    margin-bottom: -25px;
    margin-left: -40px;
}

.managers .flex > *
{
    width: calc(33.333% - 40px);
    margin-bottom: 25px;
    margin-left: 40px;
}

.managers .flex > *.big
{
    width: calc(66.666% - 40px);
}


.managers .item + .item
{
    margin-top: 40px;
}


.managers .manager
{
    display: flex;

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

.managers .manager .photo
{
    position: relative;

    display: block;

    width: 104px;
    height: 104px;

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

.managers .manager .photo .text
{
    background: rgba(0, 35, 69, 0.87);
    border-radius: 0 5px 5px 5px;
    left: auto;
    right: 0;
    top: 100%;
    bottom: auto;
    color: #a0bad4;
    width: 300px;
    margin-right: -260px;
    padding: 15px 25px;
    text-align: left;
}

.managers .manager .photo.tooltip:hover .text,
.managers .manager .photo.tooltip .text.active,
.managers .manager .photo.tooltip .text:hover
{
    top: calc(100% - 20px);
    bottom: auto;
    visibility: visible;
    opacity: 1;
    pointer-events: auto;
}

.managers .manager .photo .text:before
{
    left: 0;
    right: auto;
    top: -10px;
    bottom: auto;
    border: 10px solid transparent;
    border-bottom: 0;
    border-left: 15px solid rgba(0, 35, 69, 0.87);
    height: auto;
    width: auto;
    transform: none;
    background: none;
    box-shadow: none;
}

.managers .manager .photo .text:after
{
    display: none;
}

.managers .manager .photo .text .line + .line
{
    margin-top: 10px;
}

.managers .manager .photo .text .line b
{
    font-weight: 300;
    color: #eeeeee;   
}

.managers .manager .photo .text .line ul
{
    list-style: none;
    margin-left: 5px;
}

.managers .manager .photo .text .line ul li
{
    margin-top: 5px;
    padding-left: 10px;
    position: relative;
}

.managers .manager .photo .text .line ul li:before
{
    content: "–";
    position: absolute;
    left: 0;
}

.managers .manager .photo .text .line ul li a
{
    color: #a0bad4;
    display: block;
}

.managers .manager .photo .text .line ul li a:hover
{
    text-decoration: none;
}

.managers .manager .photo img
{
    position: absolute;
    top: 0;
    left: 0;

    display: block;

    width: 100%;
    height: 100%;

    border-radius: 50%;

    object-fit: cover;
}

.managers .manager .photo + .info
{
    width: calc(100% - 129px);
}

.managers .manager .info > * + *
{
    margin-top: 10px;
}


.managers .manager .type
{
    color: var(--color_blue);
    font-size: 16px;
    font-weight: 300;

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


.managers .manager .name
{
    color: var(--color_black);
    font-size: 16px;
    font-weight: 700;
}


.managers .manager .phone
{
    font-size: 16px;
    font-weight: 300;
}

.managers .manager .phone a
{
    color: var(--text_color);

    white-space: nowrap;
    text-decoration: none;
}

.managers .manager .phone a:hover
{
    text-decoration: underline;
}


.managers .manager .email
{
    color: var(--color_blue);
    font-size: 16px;
    font-weight: 300;
}

.managers .manager .email a
{
    color: var(--color_blue);

    white-space: nowrap;
    text-decoration: none;
}

.managers .manager .email a:hover
{
    text-decoration: underline;
}


.managers .manager .messengers
{
    display: flex;

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

.managers .manager .messengers a
{
    display: block;
}

.managers .manager .messengers a + a
{
    margin-left: 11px;
}

.managers .manager .messengers .icon
{
    display: block;

    transition: fill .1s linear;

    fill: #b4b4b4;
}

.managers .manager .messengers .WhatsApp
{
    width: 18px;
    height: 18px;
}

.managers .manager .messengers .Telegram
{
    width: 18px;
    height: 15px;
}

.managers .manager .messengers .Max
{
    width: 18px;
    height: 18px;
}

.managers .manager .messengers a:hover .WhatsApp
{
    fill: #0fc731;
}

.managers .manager .messengers a:hover .Telegram
{
    fill: #00abdf;
}

.managers .manager .messengers a:hover .Max
{
    fill: url('../images/sprite.svg#ic_messenger_Max_gradient');
}

.managers .chats > *
{
    color: var(--color_black);
    font-size: 16px;
    font-weight: 700;

    display: flex;

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

.managers .chats > * + *
{
    margin-top: 25px;
}

.managers .chats .icon
{
    display: block;

    width: 14px;
    height: 12px;
    margin-left: 25px;

    fill: #00abdf;
}

.managers .chats a
{
    color: var(--color_blue);
    font-weight: 300;

    margin-left: 10px;

    white-space: nowrap;
    text-decoration: none;
}

.managers .chats a:hover
{
    text-decoration: underline;
}



.requisites
{
    margin-top: 6px;
    padding: 30px;

    background: #fff;
}

.requisites .title
{
    color: var(--color_black);
    font-size: 20px;
    font-weight: 700;

    margin-bottom: 25px;
}


.requisites .copy_link
{
    position: relative;
    top: 3px;

    display: inline-block;

    margin-left: 8px;

    cursor: pointer;
    vertical-align: top;

    border: none;
    background: none;
}

.requisites .copy_link .icon
{
    display: block;

    width: 13px;
    height: 14px;

    fill: #818181;
}

.requisites .copy_link.copied .text span,
.requisites .copy_link .text span + span
{
    display: none;
}

.requisites .copy_link.copied .text span + span
{
    display: block;
}


.requisites table
{
    width: 100%;

    border-spacing: 0;
    border-collapse: collapse;
}

.requisites table td
{
    font-size: 16px;
    font-weight: 300;

    text-align: left;
    vertical-align: top;
}

.requisites table td + td
{
    padding-left: 30px;
}

.requisites table td + td a
{
    color: var(--color_text);
    text-decoration: none;
}

.requisites table td + td a:hover
{
    text-decoration: underline;
}

.requisites table tr + tr td
{
    padding-top: 20px;
}

.requisites table td.vertical_center
{
    vertical-align: middle;
}

.requisites table td.name
{
    color: var(--color_black);

    width: 290px;
    min-width: 290px;

    table-layout: fixed;

    text-align: right;
}

.requisites table td > div + div
{
    margin-top: 10px;
}

.requisites table td img
{
    display: block;
}

.requisites table td.logo
{
    align-items: center;
}

.requisites table td.logo .sbis
{
    margin-top: -10px;
}

.requisites table td.logo .diadoc
{
    margin-left: 20px;
}



.articles_page aside.mini + .content
{
    width: calc(100% - var(--aside_mini_width) - 7px);
}


.articles_page aside .page_links .title
{
    line-height: normal;
    padding: 0;
    border-bottom: none;
}



.articles_page h1.title
{
    color: var(--color_black);
    font-size: 30px;
    font-weight: 700;
    line-height: 41px;

    padding: 20px;

    border-bottom: 1px solid #dadada;
    background: #fff;
}


.articles .types
{
    display: flex;

    background: #fff;

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

.articles .types a
{
    color: #9a9a9a;
    font-family: var(--font_family);
    font-size: 18px;
    font-weight: 300;

    position: relative;

    display: flex;

    height: 63px;
    padding: 10px 20px;

    transition: color .1s linear;
    text-align: center;
    vertical-align: middle;
    text-decoration: none;

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

.articles .types a:after
{
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;

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

    content: '';
    transition: width .1s linear;

    background: var(--color_blue);
}

.articles .types a + a:before
{
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;

    display: block;

    width: 1px;
    height: 13px;
    margin: auto;

    content: '';
    pointer-events: none;

    background: #ddd;
}

.articles .types a:hover,
.articles .types a.active
{
    color: var(--color_blue);
    font-weight: 700;

    background: none;
}

.articles .types a.active:after
{
    width: 100%;
}


.articles_page .tab_content.active
{
    padding: 25px;
}


.articles_page .article
{
    display: flex;

    margin-top: 7px;

    background: #fff;

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


.articles_page .article > * + *
{
    margin-top: 0;
}


.articles_page .article .img
{
    display: flex;
    width: 165px;
    max-width: 100%;
    height: 100px;
    justify-content: center;
    align-items: center;
    align-content: center;
    flex-wrap: wrap;
}

.articles_page .article .img img
{
    display: block;
    max-width: 100%;
    max-height: 100%;
}


.articles_page .article .item
{
    width: calc(100% - 165px);
    padding: 23px 30px;
}


.articles_page .article .name
{
    color: var(--color_black);
    font-size: 18px;
    font-weight: 700;
}

.articles_page .article .name a
{
    color: var(--color_black);

    display: inline-block;

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

.articles_page .article .name a:hover
{
    color: var(--color_blue);
}


.articles_page .article .date
{
    color: #9a9a9a;

    display: inline-block;

    font-weight: 300;
    line-height: 18px;
}


.articles_page .article .cat
{
    margin-top: 15px;
}

.articles_page .article .cat a
{
    color: var(--color_blue);

    display: inline-block;

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

.articles_page .article .cat a:hover
{
    text-decoration: underline;
}

.articles_page .article .cat > * + *
{
    margin-left: 6px;
}


.articles_page .article .youtube_include
{
    position: relative;
    display: inline-block;
}


.articles_page .article_video
{
    width: 100%;
    height: 600px;
    margin: 15px 0; 
}


.articles_page .clip_video
{
    min-height: 500px;
    max-width: 360px;
}


.base_know aside .articles_cats a .icon2 > *
{
    width: 20px;
    height: 8px;
}

.base_know aside .articles_cats a .icon3 > *
{
    width: 20.2px;
    height: 13.5px;
}

.base_know aside .articles_cats a .icon4 > *
{
    width: 19.85px;
    height: 16.4px;
}

.base_know aside .articles_cats a .icon5 > *
{
    width: 14.4px;
    height: 17.94px;
}

.base_know aside .articles_cats a .icon6 > *
{
    width: 19.97px;
    height: 15.9px;
}

.base_know aside .articles_cats a .icon7 > *
{
    width: 9px;
    height: 18px;
}

.base_know aside .articles_cats a .icon8 > *
{
    width: 20px;
    height: 17px;
}

.base_know aside .articles_cats a .icon9 > *
{
    width: 20px;
    height: 16.5px;
}

.base_know aside .articles_cats a .icon10 > *
{
    width: 20px;
    height: 14px;
}

.base_know aside .articles_cats a .icon11 > *
{
    width: 20px;
    height: 13.8px;
}

.base_know aside .articles_cats a .icon12 > *
{
    width: 15px;
    height: 15px;
}

.base_know aside .articles_cats a .icon13 > *
{
    width: 20px;
    height: 16.9px;
}

.base_know aside .articles_cats a .icon14 > *
{
    width: 16px;
    height: 17px;
}

.base_know aside .articles_cats a .icon15 > *
{
    width: 19.1px;
    height: 16px;
}



.base_know aside.mini + .content
{
    width: calc(100% - var(--aside_mini_width) - 7px);
}


.base_know .title
{
    color: var(--color_black);
    font-size: 30px;
    font-weight: 700;
    line-height: 41px;

    padding: 20px;

    border-bottom: 1px solid #dadada;
    background: #fff;
}


.base_know .types
{
    display: flex;

    background: #fff;

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

.base_know .types a
{
    color: #9a9a9a;
    font-family: var(--font_family);
    font-size: 18px;
    font-weight: 300;

    position: relative;

    display: flex;

    height: 63px;
    padding: 10px 20px;

    transition: color .1s linear;
    text-align: center;
    vertical-align: middle;
    text-decoration: none;

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

.base_know .types a:after
{
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;

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

    content: '';
    transition: width .1s linear;

    background: var(--color_blue);
}

.base_know .types a + a:before
{
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;

    display: block;

    width: 1px;
    height: 13px;
    margin: auto;

    content: '';
    pointer-events: none;

    background: #ddd;
}

.base_know .types a:hover,
.base_know .types a.active
{
    color: var(--color_blue);
    font-weight: 700;

    background: none;
}

.base_know .types a.active:after
{
    width: 100%;
}


.base_know .item
{
    margin-top: 7px;
    padding: 20px;

    background: #fff;
}

.base_know .item > * + *
{
    margin-top: 10px;
}


.base_know .item .date
{
    color: #9a9a9a;
    font-weight: 300;
    line-height: 18px;
}


.base_know .item .name
{
    color: var(--color_black);
    font-size: 18px;
    font-weight: 700;
}

.base_know .item .name a
{
    color: var(--color_black);

    display: inline-block;

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

.base_know .item .name a:hover
{
    color: var(--color_blue);
}


.base_know .item .img img
{
    display: block;

    max-width: 100%;
}


.base_know .item .details
{
    display: flex;

    margin-top: 20px;

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

.base_know .item .details a
{
    color: var(--color_blue);
    font-weight: 300;
    line-height: 33px;

    display: flex;

    padding: 0 13px 0 24px;

    transition: .1s linear;
    text-decoration: none;

    border: 1px solid var(--color_blue);
    border-radius: 20px;

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

.base_know .item .details a span
{
    position: relative;

    display: block;

    width: 22px;
    height: 1px;
    margin-left: 9px;

    transition: background .1s linear;

    background: var(--color_blue);
}

.base_know .item .details a span:after
{
    position: absolute;
    top: 0;
    right: 1px;
    bottom: 0;

    display: block;

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

    content: '';
    transition: border-color .1s linear;
    transform: rotate(-45deg);

    border-right: 1px solid var(--color_blue);
    border-bottom: 1px solid var(--color_blue);
}

.base_know .item .details a:hover
{
    color: #fff;

    background: var(--color_blue);
}

.base_know .item .details a:hover span
{
    background: #fff;
}

.base_know .item .details a:hover span:after
{
    border-color: #fff;
}



.base_know_v2_0 .title
{
    border-bottom: none;
}


.base_know_v2_0 aside .page_links .title
{
    padding: 0;
    line-height: normal;
}


.base_know_v2_0 aside .page_links .items ul
{
    list-style: none;
}

.base_know_v2_0 aside .page_links .items ul li a
{
    display: inline-block;
    text-decoration: none;
    color: var(--color_black);
}

.base_know_v2_0 aside .page_links .items ul li a:hover,
.base_know_v2_0 aside .page_links .items ul li a.active
{
    color: #00abdf;
}

.base_know_v2_0 aside .page_links .items ul li a.active + ul
{
    display: block;
}

.base_know_v2_0 aside .page_links .items ul li + li
{
    margin-top: 8px;
}

.base_know_v2_0 aside .page_links .items ul ul
{
    display: none;
    margin: 8px 0 0 10px;
}

.base_know_v2_0 aside .page_links .items ul ul.active
{
    display: block;
}


.base_know_v2_0 aside .page_links .items ul li.sub_link > a
{
    position: relative;

    padding-left: 20px;
    margin-left: -15px;
}


.base_know_v2_0 aside .page_links .items ul li.sub_link a span
{
    display: inline-block;
    height: 16px;
    width: 16px;
    cursor: pointer;
    position: absolute;
    top: 1px;
    left: 0;
    border-radius: 50%;
    z-index: 1;
}

.base_know_v2_0 aside .page_links .items ul li.sub_link a span:before
{
    display: block;
    position: relative;
    content: "";

    width: 6px;
    height: 6px;

    transition: all .2s linear;
    transform: rotate(-45deg);

    border-bottom: 1px solid #a5a5a5;
    border-left: 1px solid #a5a5a5;

    top: 4px;
    right: -5px;
}

.base_know_v2_0 aside .page_links .items ul li.sub_link a.sub_row
{
    position: relative;

    padding-left: 10px;

    color: var(--text_color);
}

.base_know_v2_0 aside .page_links .items ul li.sub_link a.sub_row:before
{
    content: '';
    position: absolute;

    height: 4px;
    width: 4px;
    
    left: 0;
    margin-top: 8px;

    border-radius: 50%;
    background-color: #42526e;
}

.base_know_v2_0 aside .page_links .items ul li.sub_link a.sub_row.active,
.base_know_v2_0 aside .page_links .items ul li.sub_link a.sub_row:hover
{
    color: #00abdf;
}

.base_know_v2_0 aside .page_links .items ul li.sub_link a.sub_row.active:before,
.base_know_v2_0 aside .page_links .items ul li.sub_link a.sub_row:hover:before
{
    background-color: #00abdf;
}


.base_know_v2_0 aside .page_links .items ul li.sub_link a.active span:before
{
    transform: rotate(135deg);
    top: 6px;
}

.base_know_v2_0 aside .page_links .items ul li.sub_link a span:hover
{
    background: #00abdf;
}

.base_know_v2_0 aside .page_links .items ul li.sub_link a span:hover:before
{
    border-color: #fff;
}


.videos
{
    padding: 20px 20px 45px;
    height: 100%;
    background: #fff;
    box-shadow: 0 0 13px rgba(72,72,72,.14);
}


.videos .slider
{
    padding-bottom: 72px;
}


.videos .slider .slide .video-note
{
    position: absolute;
    top: 0;
    padding: 4px 12px;
    background: rgba(33,33,33,.5);
    border-radius: 4px;
    pointer-events: none;
    z-index: 1;

    display: flex;
    align-items: center;
}

.videos .slider .slide .video-note .icon
{
    margin-right: 8px;
    width: 20px;
    height: 20px;
    fill: #fff;
}

.videos .slider .slide .video-note .text
{
    color: #fff;
    font-size: 12px;
}


.videos .owl-carousel .owl-nav button
{
    top: auto;

    width: 52px;
    height: 52px;

    transition: background .1s linear;

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

.videos .owl-carousel .owl-nav button.owl-prev
{
    left: 50%;

    margin-left: -60px;
}

.videos .owl-carousel .owl-nav button.owl-next
{
    right: 50%;

    margin-right: -60px;
}

.videos .owl-carousel .owl-nav button span
{
    left: 6px;

    width: 18px;
    height: 18px;

    border-width: 4px;
    border-color: #fff;
}

.videos .owl-carousel .owl-nav button:hover
{
    background: var(--color_blue);
}


.videos .video
{
    color: var(--color_black);
    font-weight: 300;

    display: block;

    transition: color .1s linear;
    text-decoration: none;
}

.videos .video a
{
    color: var(--color_black);
    font-weight: 300;

    display: block;

    transition: color .1s linear;
    text-decoration: none;
}

.videos .video a:hover
{
    color: var(--color_blue);
}

.videos .video .thumb
{
    position: relative;

    cursor: pointer;

    display: block;
    overflow: hidden;

    height: 0;

    margin-bottom: 15px;
    padding-bottom: 52.23%;

    background: #ddd;
}

.videos .video .thumb img
{
    position: absolute;
    top: 0;
    left: 0;

    display: block;

    width: 100%;
    height: 100%;

    object-fit: cover;
}

.videos .video:hover
{
    color: var(--color_blue);
}


.youtube_include
{
    cursor: pointer;

    position: relative;
}

.youtube_include .icon
{
    display: none;
    position: absolute;
    width: 25px;
    height: 25px;
    z-index: 1;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    fill: #00abdf;
}

.youtube_include img[data-loaded="true"] + .icon
{
    display: block;
}

.youtube_include:hover .icon
{
    fill: #212121;
}

.youtube_include[data-loaded="true"]:before
{
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    background: rgba(255,255,255, 0.85);
    border-radius: var(--form_border_radius);
}

.youtube_include[data-loaded="true"]:after
{
    content: "";

    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    margin: auto;
    width: 60px;
    height: 60px;

    border: 7px solid var(--color_blue);
    border-bottom-color: transparent;
    border-radius: 50%;

    display: block;
    position: absolute;

    z-index: 1;

    animation: submitBtnLoader 1s linear infinite;
}


.youtube_include iframe
{
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
}



.article_info
{
    padding: 20px;

    background: #fff;
}


.article_info .head
{
    margin-bottom: 40px;
}

.article_info .head .flex
{
    align-items: center;
    align-content: center;
}


.article_info .article_title
{
    color: var(--color_black);
    font-size: 30px;
    font-weight: 700;
    line-height: 40px;

    display: block;

    width: 100%;
}


.article_info .date
{
    color: #9a9a9a;
    font-weight: 300;
    line-height: 18px;

    margin-top: 15px;
}


.article_info .date + .sep
{
    color: #9a9a9a;
    font-weight: 300;
    line-height: 18px;

    margin: 15px 15px 0;
}


.article_info .cat
{
    margin-top: 15px;
}

.article_info .cat a
{
    color: var(--color_blue);

    display: inline-block;

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

.article_info .cat a:hover
{
    text-decoration: underline;
}


.article_info .reading_time
{
    color: #9a9a9a;

    margin-top: 15px;
    padding-left: 20px;

    background: url(../images/ic_time.png) 0 50% no-repeat;
}

.article_info .reading_time span
{
    color: var(--color_black);
}


.article_info .share_widget
{
    display: flex;

    margin-top: 15px;
    margin-left: auto;

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


.article_info .send_to_email
{
    color: #fff;
    font-family: var(--font_family);
    font-size: 14px;
    font-weight: 300;
    line-height: 35px;

    display: inline-block;

    margin-top: 15px;
    margin-left: 30px;
    padding: 0 20px;

    cursor: pointer;
    transition: background .1s linear;
    vertical-align: top;

    border: none;
    border-radius: 20px;
    background: #ff9511;
}

.article_info .send_to_email:hover
{
    background: #fea537;
}


.article_info .equipment
{
    color: #9a9a9a;

    margin-top: 20px;
}

.article_info .equipment .sep
{
    margin-left: 6px;
}

.article_info .equipment a
{
    color: var(--color_blue);

    display: inline-block;

    margin-left: 6px;

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

.article_info .equipment a:hover
{
    text-decoration: underline;
}


.article_info .text_block
{
    color: #3d3d3d;
    font-size: 16px;
    line-height: 24px;
    overflow: hidden;
}

.article_info .text_block p
{
    overflow-y: auto;
}

.article_info .text_block ul li:before
{
    top: 7px;
}


.article_info .text_block .flex.row
{
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: nowrap;
}

.article_info .text_block .flex.row > * + *
{
    margin-left: 40px;
}

.article_info .text_block .flex.row a
{
    display: inline-block;
}

.article_info .text_block .flex.row img
{
    margin-bottom: 0;
}


.article_info .bottom
{
    width: calc(100% + 40px);
    margin: 40px -20px -20px;
    padding: 20px;

    border-top: 1px solid var(--bg);
}

.article_info .bottom .flex
{
    align-items: center;
    align-content: center;
}

.article_info .bottom .equipment
{
    margin-top: 0;
}



.comments_articles
{
    margin-top: 7px;
    padding: 20px;

    background: #fff;
}

.comments_articles .block_title
{
    color: var(--color_black);
    font-size: 20px;
    font-weight: 700;
    line-height: 24px;

    display: block;
}

.comments_articles .ticket-comment
{
    margin-top: 40px;
}

.comments_articles .ticket-comment.response_author
{
    background: #fff4cb;
    padding: 15px;
    border-radius: 3px;
}

.comments_articles .ticket-comment .ticket-comment-author
{
    text-transform: capitalize;
    color: #000;
}

.comments_articles .ticket-comment .ticket-comment-link a,
.comments_articles .ticket-comment .ticket-comment-up a,
.comments_articles .ticket-comment .ticket-comment-down a
{
    color: var(--color_blue);
    margin-right: 5px;
}

.comments_articles .ticket-comment .ticket-comment-link a:hover,
.comments_articles .ticket-comment .ticket-comment-up a:hover,
.comments_articles .ticket-comment .ticket-comment-down a:hover
{
    text-decoration: none;
}

.comments_articles .ticket-comment .ticket-comment-text
{
    margin-top: 15px;
}

.comments_articles .ticket-comment .ticket-comment-text a
{
    color: var(--color_blue);
}

.comments_articles .ticket-comment .ticket-comment-text a:hover
{
    text-decoration: none;
}

.comments_articles .ticket-comment .comment-reply
{
    margin-top: 15px;
}

.comments_articles .ticket-comment .comment-reply a
{
    color: var(--color_blue);
}

.comments_articles .ticket-comment .comment-reply a:hover
{
    text-decoration: none;
}

.comments_articles .ticket-comment .ticket-comment-text ul,
.comments_articles .ticket-comment .ticket-comment-text ol
{
    margin: 10px 0 10px 15px;
}


.comments_articles > li > ol > li > ol > li ol
{
    padding-left: 0;
}


.comments_form_articles
{
    margin-top: 7px;
    padding: 20px;

    background: #fff;

    border: 1px solid #eeeeee;
}

.comments_form_articles .input,
.comments_form_articles textarea
{
    border-color: #cccccc;
}

.comments_form_articles #comment-preview-placeholder
{
    margin: 10px 0 30px;

    padding-left: 20px;
}

.comments_form_articles #comment-preview-placeholder .ticket-comment
{
    margin-top: 0;
}

.comments_form_articles #comment-sender
{
    padding: 10px;
    border: 1px solid #ddd;

    z-index: 6;
}

.comments_form_articles #comment-sender .close
{
    position: absolute;

    height: 20px;
    width: 20px;

    top: 10px;
    right: 10px;

    cursor: pointer;
}

.comments_form_articles #comment-sender .close:before,
.comments_form_articles #comment-sender .close:after
{
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;

    display: block;

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

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

    background: #000;
}

.comments_form_articles #comment-sender .close:after
{
    transform: rotate(45deg);
}


.comments_form_articles .comment .field #comment-editor
{
    width: 100%;
    min-width: 100%;
    max-width: 100%;
}

.comments_form_articles .comment .field .label
{
    top: 22px
}

.comments_form_articles .comment .field:has(.form-control:focus) .label,
.comments_form_articles .comment .field:has(.form-control.active) .label
{
	font-size: 12px;
    line-height: 16px;
    height: 36px;
}

.comments_form_articles .exp
{
    padding-left: 0;
}

.comments_form_articles .agree
{
    margin-top: 20px;
}

.comments_form_articles .agree input[type="checkbox"] + label
{
    font-size: 14px;
    color: var(--color_black);
}

.comments_form_articles .agree input[type="checkbox"] + label a 
{
    color: var(--color_blue);
}


.comments_form_articles .actions
{
    align-items: center;
    align-content: center;

    margin-top: 40px;
}

.comments_form_articles .actions .captcha_item
{
    display: flex;

    justify-content: flex-start;
    align-items: center;
    align-content: center;
    flex-wrap: nowrap;
}
.comments_form_articles .actions .captcha_item .input
{
	max-width: 70px;
	text-align: center;

    padding-top: 0;

    height: 40px;
    margin-left: 10px;
}

.comments_form_articles .actions .submit_item
{
    display: flex;
    justify-content: flex-end;
    
    padding: 0;
    margin: 0;

    flex-wrap: nowrap;
}

.comments_form_articles .actions .submit_item .submit_btn
{
    font-size: 16px;
    line-height: 39px;

    height: 41px;
    padding: 0 31px 2px;

    border-color: var(--color_blue);
    background: var(--color_blue);
}

.comments_form_articles .actions .submit_item .submit_btn:hover
{
    border-color: #2794c2;
    background: #2794c2;
}

.comments_form_articles .actions .submit_item .submit_btn.preview
{
    border-color: #ff9511;
    background-color: #ff9511;
    margin-right: 10px;
}

.comments_form_articles .actions .submit_item .submit_btn.preview:hover
{
    border-color: var(--color_blue);
    background-color: var(--color_blue);
}



.related_articles
{
    margin-top: 7px;
    padding: 25px 20px 30px;

    background: #fff;
}

.related_articles .block_title
{
    color: var(--color_black);
    font-size: 20px;
    font-weight: 700;
    line-height: 24px;

    display: block;

    margin-bottom: 20px;
}

.related_articles .list > *
{
    font-size: 16px;
    font-weight: 300;

    position: relative;

    padding-left: 25px;
}

.related_articles .list > * + *
{
    margin-top: 10px;
}

.related_articles .list > *:before
{
    position: absolute;
    top: 6px;
    left: 5px;

    display: block;

    width: 6px;
    height: 6px;

    content: '';

    border-radius: 50%;
    background: var(--color_blue);
}

.related_articles .list a
{
    color: var(--color_blue);

    display: inline-block;

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

.related_articles .list a:hover
{
    text-decoration: underline;
}



.comments
{
    margin-top: 7px;
    padding: 25px 20px 30px;

    background: #fff;
}

.comments .block_title
{
    color: var(--color_black);
    font-size: 20px;
    font-weight: 700;
    line-height: 24px;

    display: block;

    margin-bottom: 20px;
}


.comments .comment
{
    margin-right: -20px;
    margin-left: -20px;
    padding-right: 20px;
    padding-left: 20px;
}

.comments .children,
.comments .comment + .comment
{
    margin-top: 20px;
    padding-top: 20px;

    border-top: 1px solid var(--bg);
}

.comments .comment .comment_data
{
    position: relative;

    display: flex;

    min-height: 40px;
    padding-top: 13px;
    padding-left: 52px;

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

.comments .children
{
    margin-left: 52px;
}


.comments .comment .avatar
{
    color: #fff;
    font-weight: 700;
    line-height: 40px;

    position: absolute;
    top: 0;
    left: 0;

    overflow: hidden;

    width: 40px;
    height: 40px;

    text-align: center;
    white-space: nowrap;
    text-transform: uppercase;

    border-radius: 50%;
    background: #8fd7fe;
}

.comments .comment .avatar.color2
{
    background: #d35540;
}

.comments .comment .avatar.color3
{
    background: #7e7fa6;
}

.comments .comment .avatar img
{
    position: absolute;
    top: 0;
    left: 0;

    display: block;

    width: 100%;
    height: 100%;

    border-radius: 50%;

    object-fit: cover;
}


.comments .comment .name
{
    color: var(--color_black);
    font-weight: 500;
}

.comments .comment .date
{
    color: #9a9a9a;
    font-weight: 300;

    margin-left: 20px;
}

.comments .comment .date .time
{
    margin-right: 10px;
}

.comments .comment .text_block
{
    color: #818181;
    font-size: 17px;
    font-weight: 300;
    line-height: 24px;

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

.comments .comment .reply_btn
{
    color: #a9a9a9;
    font-family: var(--font_family);
    font-size: 14px;
    font-weight: 300;
    line-height: 28px;

    display: inline-block;

    margin-top: 10px;
    padding: 0 15px;

    cursor: pointer;
    transition: .1s linear;
    vertical-align: top;

    border: 1px solid #e6e6e6;
    border-radius: 15px;
    background: none;
}

.comments .comment .reply_btn:hover
{
    color: #fff;

    border-color: #00abdf;
    background: #00abdf;
}



.add_comment
{
    margin: 20px -20px 0;
    padding: 25px 20px 0;

    border-top: 1px solid var(--bg);
}

.add_comment .block_title
{
    font-size: 16px;
}

.add_comment .cancel_btn
{
    color: var(--color_blue);
    font-family: var(--font_family);
    font-size: 14px;
    font-weight: 300;

    position: relative;

    display: inline-block;

    margin-top: -10px;
    margin-bottom: 20px;
    padding-left: 20px;

    cursor: pointer;
    vertical-align: top;

    border: none;
    background: none;
}

.add_comment .cancel_btn:before,
.add_comment .cancel_btn:after
{
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;

    display: block;

    width: 14px;
    height: 2px;
    margin: auto;

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

    border-radius: 2px;
    background: var(--color_blue);
}

.add_comment .cancel_btn:after
{
    transform: rotate(-45deg);
}


.add_comment .form
{
    display: flex;

    justify-content: space-between;
    align-items: flex-start;
    align-content: flex-start;
    flex-wrap: wrap;
    --form_border_color: #cdcdcd;
    --form_focus_color: #cdcdcd;
    --form_bg_color: none;
}

.add_comment .col_left
{
    width: 408px;
    max-width: 100%;
    margin-right: auto;
}

.add_comment .col_right
{
    width: calc(100% - 418px);
    margin-left: auto;
}

.add_comment .form textarea
{
    height: 123px;
    min-height: 123px;
}

.add_comment .form .agree
{
    margin: 0 30px 0 auto;

    align-self: center;
}

.add_comment .form input[type=checkbox] + label
{
    color: #b4b4b4;
}

.add_comment .form input[type=checkbox] + label a
{
    color: var(--color_blue);
}


.add_comment .form .submit
{
    padding: 0;
}

.add_comment .form .submit_btn
{
    font-size: 16px;

    height: 41px;
    padding: 0 30px;

    border-color: var(--color_blue);
    background: var(--color_blue);
}

.add_comment .form .submit_btn:hover
{
    border-color: #2794c2;
    background: #2794c2;
}



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

.catalog_info.block .cols
{
    margin-bottom: 0;
    padding-bottom: 0;
}


.catalog_info .data
{
    background: #fff;
}

.catalog_info .cols
{
    display: flex;

    margin-bottom: -30px;
    margin-left: -30px;
    padding: 30px 20px;

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

.catalog_info .cols > *
{
    width: calc(25% - 30px);
    margin-bottom: 30px;
    margin-left: 30px;
}

.catalog_info .col > * + *
{
    margin-top: 20px;
}


.catalog_info .cat > a
{
    color: var(--color_black);
    font-size: 16px;
    font-weight: 700;

    display: flex;

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

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

.catalog_info .cat > a .icon
{
    width: 25px;
}

.catalog_info .cat > a .icon > *
{
    display: block;

    max-width: 100%;
    max-height: 100%;
    margin: 0 auto;

    transition: fill .1s linear;

    fill: var(--color_blue);
}

.catalog_info .cat > a .icon1 > *
{
    width: 20px;
    height: 8px;
}

.catalog_info .cat > a .icon2 > *
{
    width: 20px;
    height: 8px;
}

.catalog_info .cat > a .icon3 > *
{
    width: 20.2px;
    height: 13.5px;
}

.catalog_info .cat > a .icon4 > *
{
    width: 19.85px;
    height: 16.4px;
}

.catalog_info .cat > a .icon5 > *
{
    width: 14.4px;
    height: 17.94px;
}

.catalog_info .cat > a .icon6 > *
{
    width: 19.97px;
    height: 15.9px;
}

.catalog_info .cat > a .icon7 > *
{
    width: 9px;
    height: 18px;
}

.catalog_info .cat > a .icon8 > *
{
    width: 20px;
    height: 17px;
}

.catalog_info .cat > a .icon9 > *
{
    width: 20px;
    height: 16.5px;
}

.catalog_info .cat > a .icon10 > *
{
    width: 20px;
    height: 14px;
}

.catalog_info .cat > a .icon11 > *
{
    width: 20px;
    height: 13.8px;
}

.catalog_info .cat > a .icon12 > *
{
    width: 15px;
    height: 15px;
}

.catalog_info .cat > a .icon13 > *
{
    width: 20px;
    height: 16.9px;
}

.catalog_info .cat > a .icon14 > *
{
    width: 16px;
    height: 17px;
}

.catalog_info .cat > a .icon15 > *
{
    width: 19.1px;
    height: 16px;
}

.catalog_info .cat > a .icon16 > *
{
    width: 18px;
    height: 18px;
}

.catalog_info .cat > a .icon17 > *
{
    width: 26px;
    height: 18px;
}

.catalog_info .cat > a .icon_flag_rus > *
{
    width: 24px;
    height: 17px;
}

.catalog_info .cat > a .icon + *
{
    width: calc(100% - 37px);
}

.catalog_info .cat > a:hover,
.catalog_info .cat > a.active
{
    color: var(--color_blue);
}


.catalog_info .sub_cats
{
    padding: 15px 0 5px 37px;
}

.catalog_info .sub_cats > * + *
{
    margin-top: 8px;
}

.catalog_info .sub_cats a
{
    color: var(--color_black);
    font-size: 15px;
    font-weight: 300;

    display: inline-block;

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

.catalog_info .sub_cats a.sub_link
{
    position: relative;

    padding-right: 12px;

    text-decoration: none;
}

.catalog_info .sub_cats a.sub_link .title:hover
{
    text-decoration: underline;
}


.catalog_info .sub_cats a.sub_link .arrow
{
    display: inline-block;
    height: 16px;
    width: 16px;
    cursor: pointer;
    position: absolute;
    top: 1px;
    right: -10px;
    border-radius: 50%;
    z-index: 1;
}

.catalog_info .sub_cats a.sub_link .arrow:before
{
    display: block;
    position: relative;
    content: "";

    width: 6px;
    height: 6px;

    transition: all .1s linear;
    transform: rotate(-45deg);

    border-bottom: 1px solid #a5a5a5;
    border-left: 1px solid #a5a5a5;

    top: 4px;
    right: -5px;
}

.catalog_info .sub_cats a.sub_link.active span:before
{
    transform: rotate(135deg);
    top: 6px;
}

.catalog_info .sub_cats a.sub_link .arrow:hover
{
    background: #00abdf;
}

.catalog_info .sub_cats a.sub_link .arrow:hover:before
{
    border-color: #fff;
}

.catalog_info .sub_cats a:hover,
.catalog_info .sub_cats a.active
{
    color: var(--color_blue);
}


.catalog_info .sub_cats.level2
{
    display: none;

    padding: 8px 0 2px 10px;
}

.catalog_info .sub_cats.level2 a
{
    color: #737373;
    font-size: var(--font_size);
}

.catalog_info .sub_cats .sub_cats
{
    display: none;

    padding: 8px 0 2px 10px;
}

.catalog_info .sub_cats .sub_link.active + .sub_cats
{
    display: block;
}

.catalog_info .sub_cats .sub_cats a
{
    color: #737373;
    font-size: var(--font_size);
}

.catalog_info .sub_cats .sub_cats a.active,
.catalog_info .sub_cats .sub_cats a:hover
{
    color: var(--color_blue);
}

.catalog_info .sub_cats a.here
{
    font-weight: bold;
}



.text_page .data
{
    padding: 30px;

    background: #fff;
}



.search_info .data
{
    padding: 30px;

    background: #fff;
}


.search_info .search
{
    margin-bottom: 25px;
}

.search_info .search form
{
    display: flex;

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

.search_info .search ::-webkit-input-placeholder
{
    color: #9a9a9a;
}

.search_info .search :-moz-placeholder
{
    color: #9a9a9a;
}

.search_info .search :-ms-input-placeholder
{
    color: #9a9a9a;
}

.search_info .search .input
{
    color: var(--text_color);
    font-family: var(--font_family);
    font-size: var(--font_size);

    display: block;

    width: 100%;
    height: 54px;
    padding: 0 57px 0 17px;

    border: 3px solid #eee;
    border-radius: 9px;
    background: none;
}

.search_info .search .submit_btn
{
    position: relative;

    display: flex;

    width: 57px;
    height: 54px;
    margin-left: -60px;

    cursor: pointer;

    border: none;
    background: none;

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

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

    width: 23px;
    height: 24px;

    fill: #292929;
}


.search_info .search_title
{
    color: #000;
    font-size: 30px;
    font-weight: 700;
    line-height: 40px;
}


.search_info .search_count
{
    color: #888;
    font-size: 16px;
    font-weight: 300;
    line-height: 24px;
}

.search_info .search_count a
{
    color: var(--color_blue);
}

.search_info .search_count a:hover
{
    text-decoration: none;
}



.search_info .category_info
{
    width: calc(100% + 60px);
    margin-top: 10px;
    margin-right: -30px;
    margin-left: -30px;
}


.search_info .category_info .head
{
    padding-right: 30px;
    padding-left: 30px;
}


/*.search_info .category_info .products
{
    margin-top: 9px;
    padding-top: 40px;

    border-top: 1px solid #ddd;
}*/

.search_info .category_info .products .flex
{
    padding-right: 30px;
    padding-left: 30px;

    --products_count: 6;
}

.search_info .category_info .products .flex > *
{
    width: calc(16.666% - 20px);
}

.search_info .category_info .products .error
{
    color: #888;
    font-size: 16px;
    font-weight: 300;
    line-height: 24px;
    padding-left: 30px;
}


.search_info .search_bottom
{
    margin: 50px -30px -30px;
    padding: 40px 30px;

    border-top: 1px solid #ddd;
}

.search_info .search_bottom .flex
{
    margin-bottom: -10px;
    margin-left: -110px;

    justify-content: center;
    align-items: center;
    align-content: center;
}

.search_info .search_bottom .flex > *
{
    max-width: calc(100% - 110px);
    margin-bottom: 10px;
    margin-left: 110px;
}

.search_info .search_bottom button
{
    color: #00abdf;
    font-family: var(--font_family);
    font-size: 16px;
    line-height: 24px;

    display: flex;

    cursor: pointer;

    border: none;
    background: none;

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

.search_info .search_bottom button .icon
{
    display: flex;

    width: 35px;
    height: 35px;
    margin-right: 9px;
    padding: 6px;

    transition: background .1s linear;

    border-radius: 50%;
    background: #dcdcdc;

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

.search_info .search_bottom button .icon > *
{
    display: block;

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

    fill: #fff;
}

.search_info .search_bottom .feedback_btn .icon > *
{
    width: 22px;
    height: 17px;
}

.search_info .search_bottom .consult_btn .icon > *
{
    width: 22px;
    height: 27px;
}

.search_info .search_bottom .callback_btn .icon > *
{
    width: 23px;
    height: 23px;
}

.search_info .search_bottom button:hover
{
    text-decoration: underline;
}

.search_info .search_bottom button:hover .icon
{
    background: #00abdf;
}

.search_info .category_info .block_head{
    padding-right: 30px;
    padding-left: 30px;
}

.search_info .products .table_wrap{
    padding-right: 30px;
    padding-left: 30px;
}

.search_info .products table{
    max-width: 100%;
}

.search_info .products table td.action{
    width: 300px;
}

.search_result .search_count
{
    line-height: 20px;
    margin-bottom: 40px;
}


.search_result .list
{
    counter-reset: item;
}

.search_result .list > * + *
{
    margin-top: 30px;
}


.search_result .list .item
{
    color: var(--color_black);
    font-size: 16px;
    line-height: 24px;

    position: relative;

    display: block;

    padding-left: 42px;

    text-decoration: none;
}

.search_result .list .item:before
{
    color: currentColor;
    font-size: 18px;
    font-weight: 600;
    line-height: 27px;

    position: absolute;
    top: 0;
    left: 0;

    content: attr(data-idx);
}

.search_result .list .item .name
{
    font-size: 18px;
    font-weight: 600;
    line-height: 27px;

    transition: color .1s linear;
}

.search_result .list .item .breadcrumbs
{
    color: #898989;
    margin: 10px 0;
    padding-left: 0;
}

.search_result .list .item .desc
{
    color: #898989;
}

.search_result .list .item .url
{
    color: var(--color_blue);
    margin-top: 10px;
}


.search_result .list .item .name span,
.search_result .list .item .desc span
{
    color: var(--color_black);

    background: #fefac2;
}


.search_result .list .item:hover .name
{
    color: var(--color_blue);
}




.error_info .data
{
    padding: 70px 60px 60px;

    background: #fff;
}


.error_info .code
{
    color: #dcdcdc;
    font-size: 103px;
    font-weight: 300;
    line-height: 100%;

    margin-bottom: 10px;

    text-align: center;
    white-space: nowrap;
}

.error_info .title
{
    color: #292929;
    font-size: 30px;
    line-height: 40px;

    text-align: center;
}


.error_info .search
{
    margin-top: 25px;
}

.error_info .search_title
{
    color: #888;
    font-size: 16px;
    font-weight: 300;
    line-height: 20px;

    margin-bottom: 12px;

    text-align: center;
}

.error_info .search form
{
    display: flex;

    width: 720px;
    max-width: 100%;
    margin: 0 auto;

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

.error_info .search ::-webkit-input-placeholder
{
    color: #9a9a9a;
}

.error_info .search :-moz-placeholder
{
    color: #9a9a9a;
}

.error_info .search :-ms-input-placeholder
{
    color: #9a9a9a;
}

.error_info .search .input
{
    color: var(--text_color);
    font-family: var(--font_family);
    font-size: var(--font_size);

    display: block;

    width: 100%;
    height: 54px;
    padding: 0 57px 0 23px;

    border: 1px solid #eee;
    border-radius: 9px;
    background: none;
}

.error_info .search .submit_btn
{
    position: relative;

    display: flex;

    width: 57px;
    height: 54px;
    margin-left: -60px;

    cursor: pointer;

    border: none;
    background: none;

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

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

    width: 23px;
    height: 24px;

    fill: #292929;
}


.error_info .or_call
{
    color: #888;
    font-size: 16px;
    font-weight: 300;
    line-height: 20px;

    margin-top: 25px;

    text-align: center;
}

.error_info .or_call .phone
{
    color: #000;
    font-size: 30px;
    font-weight: 400;
    line-height: 36px;
}

.error_info .or_call .phone a
{
    color: currentColor;

    display: inline-block;

    vertical-align: top;
    white-space: nowrap;
    text-decoration: none;
}


.error_info .bottom
{
    margin-top: 35px;
}

.error_info .bottom .flex
{
    margin-bottom: -10px;
    margin-left: -110px;

    justify-content: center;
    align-items: center;
    align-content: center;
}

.error_info .bottom .flex > *
{
    max-width: calc(100% - 110px);
    margin-bottom: 10px;
    margin-left: 110px;
}

.error_info .bottom button
{
    color: #00abdf;
    font-family: var(--font_family);
    font-size: 16px;
    line-height: 24px;

    display: flex;

    cursor: pointer;

    border: none;
    background: none;

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

.error_info .bottom button .icon
{
    display: flex;

    width: 35px;
    height: 35px;
    margin-right: 9px;
    padding: 6px;

    transition: background .1s linear;

    border-radius: 50%;
    background: #dcdcdc;

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

.error_info .bottom button .icon > *
{
    display: block;

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

    fill: #fff;
}

.error_info .bottom .feedback_btn .icon > *
{
    width: 22px;
    height: 17px;
}

.error_info .bottom .consult_btn .icon > *
{
    width: 22px;
    height: 27px;
}

.error_info .bottom .callback_btn .icon > *
{
    width: 23px;
    height: 23px;
}

.error_info .bottom button:hover
{
    text-decoration: underline;
}

.error_info .bottom button:hover .icon
{
    background: #00abdf;
}



.checkout_status .data
{
    padding: 0 30px 60px;

    background: #fff;
}


.checkout_status .head
{
    width: calc(100% + 60px);
    margin-right: -30px;
    margin-bottom: 30px;
    margin-left: -30px;
    padding: 20px 30px;

    border-bottom: 1px solid #eee;
}

.checkout_status .head .title
{
    color: #000;
    font-size: 30px;
    font-weight: 700;
    line-height: 40px;
}


.checkout_status .success
{
    color: #292929;
    font-size: 24px;
    line-height: 34px;

    display: flex;

    margin-bottom: 40px;

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

.checkout_status .success .icon
{
    display: block;

    width: 81px;
    height: 74px;
    margin-right: 20px;

    fill: #00abdf;
}

.checkout_status .success .icon + *
{
    width: calc(100% - 101px);
}


.checkout_status .error
{
    color: #292929;
    font-size: 24px;
    line-height: 34px;

    display: flex;

    margin-bottom: 40px;

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

.checkout_status .error .icon
{
    display: block;

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

    fill: #dcdcdc;
}

.checkout_status .error .icon + *
{
    width: calc(100% - 97px);
}


.checkout_status .info
{
    color: #000;
    font-size: 14px;
    line-height: 18px;

    width: 526px;
    max-width: 100%;
    padding: 25px 30px;

    background: #ebfafe;
}

.checkout_status .info .title
{
    font-size: 16px;
    font-weight: 700;
    line-height: 20px;

    margin-bottom: 20px;

    text-transform: uppercase;
}

.checkout_status .info > * + *,
.checkout_status .info .reasons > * + *
{
    margin-top: 7px;
}

.checkout_status .info .reasons > *
{
    position: relative;

    padding-left: 26px;
}

.checkout_status .info .reasons > *:before
{
    position: absolute;
    top: 9px;
    left: 0;

    display: block;

    width: 17px;
    height: 2px;

    content: '';

    background: #000;
}

.checkout_status .info .exp
{
    font-size: 16px;
    line-height: 20px;

    margin-top: 20px;
}


.checkout_status .bottom
{
    margin: 30px -30px -60px;
    padding: 40px 30px;

    border-top: 1px solid #ddd;
}

.checkout_status .bottom .flex
{
    margin-bottom: -10px;
    margin-left: -110px;

    justify-content: center;
    align-items: center;
    align-content: center;
}

.checkout_status .bottom .flex > *
{
    max-width: calc(100% - 110px);
    margin-bottom: 10px;
    margin-left: 110px;
}

.checkout_status .bottom button
{
    color: #00abdf;
    font-family: var(--font_family);
    font-size: 16px;
    line-height: 24px;

    display: flex;

    cursor: pointer;

    border: none;
    background: none;

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

.checkout_status .bottom button .icon
{
    display: flex;

    width: 35px;
    height: 35px;
    margin-right: 9px;
    padding: 6px;

    transition: background .1s linear;

    border-radius: 50%;
    background: #dcdcdc;

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

.checkout_status .bottom button .icon > *
{
    display: block;

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

    fill: #fff;
}

.checkout_status .bottom .feedback_btn .icon > *
{
    width: 22px;
    height: 17px;
}

.checkout_status .bottom .consult_btn .icon > *
{
    width: 22px;
    height: 27px;
}

.checkout_status .bottom .callback_btn .icon > *
{
    width: 23px;
    height: 23px;
}

.checkout_status .bottom button:hover
{
    text-decoration: underline;
}

.checkout_status .bottom button:hover .icon
{
    background: #00abdf;
}

.checkout_status .payment_info
{
    margin-top: 20px;
}

.checkout_status .payment_desc
{
    font-size: 12px;
}

.checkout_status .payment_desc a
{
    color: var(--color_blue);
    text-decoration: none;
}

.checkout_status .payment_desc a:hover
{
    text-decoration: underline;
}

.checkout_status .payment_link
{
    display: inline-block;
    margin-top: 20px;
}

.checkout_status .payment_link img
{
    width: 150px;
    height: 38px;
}

.checkout_status .pdf_link
{
    color: var(--color_white);
    font: 300 var(--font_size) var(--font_family);
    line-height: 35px;
    text-decoration: none;

    display: inline-block;

    height: 37px;
    padding: 0 50px 2px;
    margin-top: 20px;
    
    transition: .1s linear;

    background: var(--color_blue);
    border-radius: 18px;
}

.checkout_status .pdf_link:hover
{
    background: #2794c2;
}



.about_info .data
{
    padding: 0 30px 30px;

    background: #fff;
}


.about_info .head
{
    width: calc(100% + 60px);
    margin-right: -30px;
    margin-bottom: 30px;
    margin-left: -30px;
    padding: 20px 30px;

    border-bottom: 1px solid #eee;
}

.about_info .head .title
{
    color: #000;
    font-size: 30px;
    font-weight: 700;
    line-height: 40px;
}


.about_info .feedback
{
    border-top: 1px solid #eee;
}



.view_history .data
{
    padding: 0 30px 30px;

    background: #fff;
}


.view_history .list
{
    position: relative;
}


.view_history .head
{
    width: calc(100% + 60px);
    margin-right: -30px;
    margin-bottom: 30px;
    margin-left: -30px;
    padding: 20px 30px;

    border-bottom: 1px solid #eee;
}

.view_history .head .title
{
    color: #000;
    font-size: 30px;
    font-weight: 700;
    line-height: 40px;
}


.view_history .error
{
    color: #888;
    font-size: 16px;
    font-weight: 300;
    line-height: 24px;
}

.view_history .error a
{
    color: var(--color_blue);
    text-decoration: none;
}

.view_history .error a:hover
{
    text-decoration: underline;
}


.view_history .table_wrap
{
    overflow: auto;

    max-width: 100%;
}

.view_history table
{
    width: 100%;

    border-spacing: 0;
    border-collapse: collapse;
}


.view_history table th
{
    color: #9a9a9a;
    font-size: 15px;
    font-weight: 300;

    padding: 0 0 12px;

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

    border-bottom: 4px solid #eee;
}

.view_history table th + th
{
    padding-left: 40px;
}

.view_history table th .clear_history
{
    color: var(--color_blue);
    font-family: var(--font_family);
    font-size: var(--font_size);
    font-weight: 300;
    display: block;
    text-decoration: none;
    position: relative;
    padding-right: 22px;
    border: none;
    background: none;
    cursor: pointer;
}

.view_history table th .clear_history span
{
    transition: border-color .1s linear;
    border-bottom: 1px dashed var(--color_blue);
}

.view_history table th .clear_history:hover span
{
    border-color: transparent;
}

.view_history table th .clear_history:before,
.view_history table th .clear_history:after
{
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;

    display: block;

    width: 20px;
    height: 3px;
    margin: auto;

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

    border-radius: 2px;
    background: #9a9a9a;
}

.view_history table th .clear_history:after
{
    transform: rotate(-45deg);
}


.view_history table tbody tr
{
    position: relative;

    transition: box-shadow .1s linear;

    border-bottom: 1px solid #dadada;
}

.view_history table tbody tr:hover
{
    transform: translateZ(0);

    box-shadow: 0 0 5px rgba(0,0,0,.1);
}


.view_history table tbody td
{
    color: var(--color_black);
    font-weight: 300;

    padding: 20px 0;

    text-align: left;
    vertical-align: top;
}

.view_history table td + td
{
    padding-left: 55px;
}


.view_history table td.thumb
{
    width: 105px;
    padding: 20px 0;

    table-layout: fixed;

    text-align: center;
}

.view_history table td.thumb a
{
    display: inline-block;

    vertical-align: top;
}

.view_history table td.thumb img
{
    display: block;

    max-width: 100%;
}


.view_history table td.articul
{
    color: #000;
    font-size: 16px;
    font-weight: 700;
    line-height: 24px;

    white-space: nowrap;
    text-transform: uppercase;
}

.view_history table td.articul a
{
    color: currentColor;

    display: inline-block;

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

.view_history table td.articul a:hover
{
    color: var(--color_blue);
}


.view_history table td.name
{
    color: #737373;
    font-weight: 300;
    line-height: 24px;
}

.view_history table td.name a
{
    color: var(--color_blue);
    text-decoration: none;
}

.view_history table td.name a:hover
{
    text-decoration: underline;
}


.view_history table td.date
{
    color: #737373;
    font-weight: 300;
    line-height: 24px;

    white-space: nowrap;
}


.view_history table td.action
{
    width: 215px;

    padding-right: 20px;

    table-layout: fixed;

    vertical-align: middle;
}

.view_history table td.action > * + *
{
    margin-left: 29px;
}

.view_history table td.action .to_cart
{
    color: var(--color_blue);

    position: relative;

    display: inline-block;

    width: 32px;
    height: 32px;

    cursor: pointer;

    border: none;
    background: none;

    padding: 0;
}

.view_history table td.action .to_cart .icon
{
    display: flex;

    width: 32px;
    height: 32px;

    transition: .1s linear;

    border: 1px solid;
    border-radius: 50%;

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

.view_history table td.action .to_cart .icon > *
{
    display: block;

    width: 23px;
    height: 14px;
}

.view_history table td.action .to_cart:hover .icon,
.view_history table td.action .to_cart.active .icon
{
    color: #fff;

    border-color: var(--color_blue);
    background: var(--color_blue);
}

.view_history table td.action .to_cart.active .text.add,
.view_history table td.action .to_cart:not(.active) .text.remove
{
    display: none;
}


.view_history table td.action .get_price {
    color: var(--color_blue);
    font-family: var(--font_family);
    font-size: var(--font_size);
    font-weight: 300;
    display: inline-block;
    cursor: pointer;
    vertical-align: top;
    border: none;
    background: none;
}

.view_history table td.action .get_price:hover {
    text-decoration: underline;
}


.view_history table td.action .doc
{
    display: inline-block;

    cursor: pointer;
    vertical-align: middle;

    border: none;
    background: none;
}

.view_history table td.action .doc img
{
    display: block;

    width: 27px;
    height: 32px;
}

.view_history table td.action .doc img + img
{
    display: none;
}

.view_history table td.action .doc:hover img
{
    display: none;
}

.view_history table td.action .doc:hover img + img
{
    display: block;
}

.view_history table td.action .doc .text
{
    right: auto;
    left: 50%;

    margin-left: -73px;

    width: 140px;

    transform: none;
}

.view_history table td.action .doc .text:before
{
    right: 0;
    left: 0;

    margin: auto;
}


.view_history table td.action .delete
{
    position: relative;

    display: inline-block;

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

    cursor: pointer;
    vertical-align: middle;

    border: none;
    background: none;
}

.view_history table td.action .delete:before,
.view_history table td.action .delete:after
{
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;

    display: block;

    width: 70%;
    height: 3px;
    margin: auto;

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

    border-radius: 2px;
    background: #000;
}

.view_history table td.action .delete:after
{
    transform: rotate(-45deg);
}

.view_history table td.action .delete .text
{
    right: -15px;
    left: auto;

    width: 140px;

    transform: none;
}

.view_history table td.action .delete .text:before
{
    right: 25px;
    left: auto;

    margin-left: 0;
}


.view_history .bottom
{
    margin: 50px -30px -30px;
    padding: 40px 30px;
}

.view_history .bottom .flex
{
    margin-bottom: -10px;
    margin-left: -110px;

    justify-content: center;
    align-items: center;
    align-content: center;
}

.view_history .bottom .flex > *
{
    max-width: calc(100% - 110px);
    margin-bottom: 10px;
    margin-left: 110px;
}

.view_history .bottom button
{
    color: #00abdf;
    font-family: var(--font_family);
    font-size: 16px;
    line-height: 24px;

    display: flex;

    cursor: pointer;

    border: none;
    background: none;

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

.view_history .bottom button .icon
{
    display: flex;

    width: 35px;
    height: 35px;
    margin-right: 9px;
    padding: 6px;

    transition: background .1s linear;

    border-radius: 50%;
    background: #dcdcdc;

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

.view_history .bottom button .icon > *
{
    display: block;

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

    fill: #fff;
}

.view_history .bottom .feedback_btn .icon > *
{
    width: 22px;
    height: 17px;
}

.view_history .bottom .consult_btn .icon > *
{
    width: 22px;
    height: 27px;
}

.view_history .bottom .callback_btn .icon > *
{
    width: 23px;
    height: 23px;
}

.view_history .bottom button:hover
{
    text-decoration: underline;
}

.view_history .bottom button:hover .icon
{
    background: #00abdf;
}



.service_page aside.mini + .content
{
    width: calc(100% - var(--aside_mini_width) - 7px);
    margin-left: auto;
}

.service_page .content .block
{
    margin-bottom: 23px;
    padding: 0 30px 60px;

    background: #fff;
}

.service_page .content .block.no_padding,
.service_page .content .block:first-child
{
    padding-bottom: 0;
}

.service_page .content .block.no_margin_bottom,
.service_page .content .block.no_margin_bottom .head
{
    margin-bottom: 0;
}


.service_page .content .block .head
{
    position: relative;

    width: calc(100% + 60px);
    margin-right: -30px;
    margin-bottom: 30px;
    margin-left: -30px;
    padding: 20px 30px;

    border-bottom: 1px solid #eee;
}

.service_page .content .block .head .title
{
    color: #000;
    font-size: 30px;
    font-weight: 700;
    line-height: 40px;
}

.service_page .content .block .head .title.mini
{
    font-size: 20px;
    line-height: 22px;
}

.service_page .content .block .head .type
{
    color: #fff;
    font-size: 12px;
    font-weight: 300;
    line-height: 26px;

    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;

    height: 26px;
    margin: auto;
    padding: 0 21px;

    white-space: nowrap;
    letter-spacing: .03em;
    text-transform: uppercase;
}

.service_page .content .block .head .type.green
{
    background: #46b03d;
}


.service_page .content .block > .flex
{
    align-items: center;
}


.service_page .content .block .form
{
    width: 584px;
    max-width: 100%;

    --form_border_color: #e0e0e0;
    --form_focus_color: #cdcdcd;
    --form_bg_color: #e0e0e0;
}

.service_page .content .block .form .columns
{
    margin-left: -30px;

    --form_columns_offset: 30px;
}

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

.service_page .content .block .form .input
{
    font-size: 15px;
}

.service_page .content .block .form textarea
{
    font-size: 15px;

    height: 119px;
    min-height: 119px;
}

.service_page .content .block .form .agree .field
{
    display: flex;

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

.service_page .content .block .form input[type=checkbox] + label
{
    color: #818181;
    font-size: 13px;
}

.service_page .content .block .form input[type=checkbox] + label a
{
    color: var(--color_blue);

    text-decoration: none;
}

.service_page .content .block .form input[type=checkbox] + label a:hover
{
    text-decoration: underline;
}

.service_page .content .block .form input[type=checkbox] + label:before
{
    top: 1px;
}

.service_page .content .block .form input[type=checkbox] + label:after
{
    top: 5px;
}

.service_page .content .block .form .type
{
    display: flex;

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

.service_page .content .block .form .type .field
{
    display: flex;

    border: 1px solid #00abdf;
    border-radius: 16px;

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

.service_page .content .block .form .type input[type=radio] + label
{
    color: #00abdf;
    font-weight: normal;
    line-height: 30px;

    display: block;

    height: 30px;
    padding: 0 20px;

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

    border-radius: 16px;
}

.service_page .content .block .form .type input[type=radio] + label:before,
.service_page .content .block .form .type input[type=radio] + label:after
{
    display: none;
}

.service_page .content .block .form .type input[type=radio]:checked + label
{
    color: #fff;

    background: #00abdf;
}

.service_page .content .block .form .for_type
{
    display: none;
}

.service_page .content .block .form .submit
{
    width: 100%;
    padding: 0;

    justify-content: center;
}

.service_page .content .block .form .submit_btn
{
    font-size: 16px;
    line-height: 39px;

    min-width: 180px;
    height: 41px;
    padding: 0 31px 2px;

    border-color: var(--color_blue);
    background: var(--color_blue);
}

.service_page .content .block .form .submit_btn:hover
{
    border-color: #22b5e2;
    background: #22b5e2;
}


.service_page .content .service_training .form 
{
    width: 100%;
}

.service_training .programs .program .check input.error + label
{
    border-color: #ef4836;
}

.service_training .programs .program .check label:before
{
    display: none;
}

.service_training .programs .program .check label:after
{
    top: -3px !important;
}

.service_training .form_container
{
    margin-top: 40px;
    width: 584px;
    max-width: 100%;
}



.service_info
{
    margin: 0 !important;
    padding-bottom: 0 !important;
}

.service_info .head
{
    margin-bottom: 0 !important;
}


.service_sections .section
{
    position: relative;

    min-height: 190px;
    margin-top: 6px;
    padding: 20px 235px 20px 30px;

    transition: .1s linear;

    background: #fff;
}

.service_sections .section .title
{
    color: var(--color_black);
    font-size: 20px;
    font-weight: 700;
    line-height: 23px;

    display: flex;

    margin-bottom: 20px;
    padding: 7px 0 7px 24px;

    border-left: 1px solid #00abdf;

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

.service_sections .section .title a
{
    color: var(--color_black);
    text-decoration: none;
}

.service_sections .section .title a:hover
{
    text-decoration: underline;
}


.service_sections .section .flex
{
    justify-content: space-between;
}

.service_sections .section .col_left
{
    width: 230px;
    max-width: 100%;
}


.service_sections .section .phone
{
    color: #737373;
    font-size: 16px;
    font-weight: 300;
    line-height: 27px;

    position: relative;

    padding-left: 20px;
}


.service_sections .section .phone .icon
{
    position: absolute;
    top: 6px;
    left: 0;

    display: block;

    width: 15px;
    height: 15px;

    fill: #c8c8c8;
}

.service_sections .section .phone a
{
    color: currentColor;

    white-space: nowrap;
    text-decoration: none;
}

.service_sections .section .phone a:hover
{
    text-decoration: underline;
}


.service_sections .section .email
{
    color: #00abdf;
    font-size: 16px;
    font-weight: 300;
    line-height: 27px;

    position: relative;

    padding-left: 20px;
}

.service_sections .section .email .icon
{
    position: absolute;
    top: 8px;
    left: 1px;

    display: block;

    width: 14px;
    height: 11px;

    fill: #c8c8c8;
}

.service_sections .section .email a
{
    color: currentColor;

    white-space: nowrap;
    text-decoration: none;
}

.service_sections .section .email a:hover
{
    text-decoration: underline;
}


.service_sections .section .chats
{
    width: calc(100% - 270px);
    margin-left: auto;
}

.service_sections .section .chats > *
{
    color: var(--color_black);
    font-size: 16px;
    font-weight: 700;
    line-height: 27px;

    display: flex;

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

.service_sections .section .chats > * + *
{
    margin-top: 25px;
}

.service_sections .section .chats .icon
{
    display: block;

    width: 14px;
    height: 12px;
    margin-left: 15px;

    fill: #00abdf;
}

.service_sections .section .chats a
{
    color: var(--color_blue);
    font-weight: 300;

    margin-left: 10px;

    white-space: nowrap;
    text-decoration: none;
}

.service_sections .section .chats a:hover
{
    text-decoration: underline;
}


.service_sections .section .desc
{
    color: #737373;
    font-size: 16px;
    font-weight: 300;
    line-height: 26px;
}

.service_sections .section.first .desc
{
    margin-bottom: 20px;
}


.service_sections .section .details
{
    position: absolute;
    top: 0;
    right: 0;

    display: flex;

    width: 205px;
    height: 100%;
    padding: 20px;

    transition: background .1s linear;

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

.service_sections .section .details a
{
    color: #fff;
    font-size: 14px;
    font-weight: 300;

    display: flex;

    width: 136px;
    height: 35px;

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

    border-radius: 20px;
    background: var(--color_blue);

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

.service_sections .section .details a .icon
{
    position: relative;

    display: block;

    width: 17px;
    height: 1px;
    margin-left: 9px;

    background: currentColor;
}

.service_sections .section .details a .icon:after
{
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;

    display: block;

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

    content: '';
    transition: border-color .1s linear;
    transform: rotate(-45deg);

    border-right: 1px solid;
    border-bottom: 1px solid;
}


.service_sections .section.disabled
{
    pointer-events: none;

    opacity: .6;
}


.service_sections .section:hover
{
    box-shadow: 0 0 10px rgba(72,72,72,.18);
}

.service_sections .section:hover .details
{
    background: var(--color_blue);
}

.service_sections .section:hover .details a
{
    color: var(--color_blue);

    background: #fff;
}



.service_training .programs,
.service_training .form
{
    margin-top: 40px;
}


.service_training .programs .block_title
{
    color: #000;
    font-size: 20px;
    font-weight: 700;
    line-height: 24px;

    margin-bottom: 20px;
}


.service_training .programs .tabs
{
    display: flex;

    margin-bottom: 28px;

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

.service_training .programs .tabs .flex
{
    display: flex;

    border: 1px solid #00abdf;
    border-radius: 16px;

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

.service_training .programs .tabs button
{
    color: #00abdf;
    font-weight: normal;
    line-height: 30px;

    display: block;

    height: 30px;
    padding: 0 20px;

    cursor: pointer;
    transition: .1s linear;
    text-align: center;

    border: none;
    border-radius: 16px;
    background: none;
}

.service_training .programs .tabs button:hover,
.service_training .programs .tabs button.active
{
    color: #fff;

    background: #00abdf;
}


.service_training .programs .program
{
    position: relative;

    padding: 28px 68px 28px 98px;

    transition: background .1s linear;

    border-radius: 3px;
    background: #f5f5f5;
}

.service_training .programs .program + .program
{
    margin-top: 6px;
}


.service_training .programs .program .check
{
    position: absolute;
    top: 0;
    bottom: 0;
    left: 30px;

    width: 30px;
    height: 30px;
    margin: auto;
}

.service_training .programs .program .check input[type=checkbox]
{
    display: none;
}

.service_training .programs .program .check label
{
    position: relative;

    display: block;

    width: 30px;
    height: 30px;

    cursor: pointer;

    border: 1px solid #d1d1d1;
    border-radius: 3px;
    background: #fff;
}

.service_training .programs .program .check label:after
{
    position: absolute;
    top: -3px;
    right: 0;
    bottom: 0;
    left: 0;

    display: block;

    width: 12px;
    height: 7px;
    margin: auto;

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

    opacity: 0;
    border-bottom: 3px solid var(--color_black);
    border-left: 3px solid var(--color_black);
}

.service_training .programs .program .check input[type=checkbox]:checked + label:after
{
    opacity: 1;
}


.service_training .programs .program .program_name
{
    color: #000;
    font-size: 16px;
    font-weight: 700;
    line-height: 26px;
}

.service_training .programs .program .desc
{
    color: #737373;
    font-size: 16px;
    font-weight: 300;
    line-height: 26px;

    margin-top: 7px;
}

.service_training .programs .program .flex
{
    margin-left: -28px;
}

.service_training .programs .program .flex > *
{
    width: calc(25% - 28px);
    margin-left: 28px;
}

.service_training .programs .program .file
{
    display: flex;

    margin-top: 15px;

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

.service_training .programs .program .file a
{
    color: #c1c1c1;
    font-size: 12px;
    line-height: 18px;

    display: block;

    min-height: 32px;
    padding-left: 38px;

    text-decoration: none;
}

.service_training .programs .program .file a.pdf
{
    background: url(../images/ic_pdf.svg) 0 3px/auto 30px no-repeat;
}

.service_training .programs .program .file a.rfb
{
    background: url(../images/ic_rfb.svg) 0 3px/auto 30px no-repeat;
}

.service_training .programs .program .file a.zip
{
    background: url(../images/ic_zip.svg) 0 3px/auto 30px no-repeat;
}

.service_training .programs .program .file a > * + *
{
    margin-top: 2px;
}

.service_training .programs .program .file .name
{
    color: var(--color_blue);
    font-size: var(--font_size);
}

.service_training .programs .program .file .name span
{
    transition: border-color .1s linear;

    border-bottom: 1px dashed transparent;
}

.service_training .programs .program .file a:hover .name span
{
    border-color: var(--color_blue);
}

.service_training .programs .program .duration
{
    color: #000;
    font-size: 14px;
    font-weight: 300;
    line-height: 18px;

    margin-top: 15px;
}


.service_training .programs .program.checked
{
    background: #ebfaff;
}



.service_config .req_sample_btn,
.service_net_design .order_btn
{
    color: #fff;
    font-size: 15px;
    font-weight: 300;
    line-height: 33px;

    display: inline-block;

    height: 35px;
    margin-top: 30px;
    padding: 0 27px 2px;

    cursor: pointer;
    transition: background .1s linear;
    vertical-align: top;
    letter-spacing: .02em;

    border: none;
    border-radius: 20px;
    background: #00abdf;
}

.service_config .req_sample_btn:hover,
.service_net_design .req_sample_btn:hover
{
    background: #22b5e2;
}



.service_repair .table_wrap
{
    overflow: auto;

    max-width: 100%;
}

.service_repair .table_wrap::-webkit-scrollbar
{
    width: 7px;
    height: 7px;

    border-radius: 0;
    background-color: #eee;

    -webkit-appearance: none;
}

.service_repair .table_wrap::-webkit-scrollbar-thumb
{
    border-radius: 0;
    background-color: #0181b7;
}

.service_repair table
{
    width: 100%;

    border-spacing: 0;
    border-collapse: collapse;

    counter-reset: tr;
}

.service_repair table th
{
    color: #fff;
    font-size: 15px;
    font-weight: 700;
    line-height: 19px;

    padding: 12px 20px;

    text-align: center;
    vertical-align: middle;
    white-space: nowrap;

    background: #0181b7;
}

.service_repair table th + th,
.service_repair table td + td
{
    border-left: 2px solid #fff;
}

.service_repair table td
{
    color: var(--color_black);
    font-size: 15px;

    padding: 15px;

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

    background: #ebfaff;
}

.service_repair table td.number:before
{
    content: counters(tr, '') '';
    counter-increment: tr;
}

.service_repair table td .input
{
    color: var(--color_black);
    font: 300 15px var(--font_family);

    display: block;

    width: 100%;
    height: 43px;
    padding: 0 14px;

    border: 1px solid #dadada;
    border-radius: 3px;
    background: #fff;
}


.service_repair table td .input::-webkit-input-placeholder
{
    color: #8F8F8F;
}

.service_repair table td .input::-moz-placeholder
{
    color: #8F8F8F;
}

.service_repair table td .input:-moz-placeholder
{
    color: #8F8F8F;
}

.service_repair table td .input:-ms-input-placeholder
{
    color: #8F8F8F;
}

.service_repair table td .input[placeholder]
{
    color: #8F8F8F;
}


.service_repair table td input[type=checkbox]
{
    display: none;
}

.service_repair table td label
{
    position: relative;

    display: block;

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

    cursor: pointer;

    border: 1px solid #cbcbcb;
    border-radius: 3px;
    background: #fff;
}

.service_repair table td label:after
{
    position: absolute;
    top: -3px;
    right: 0;
    bottom: 0;
    left: 0;

    display: block;

    width: 12px;
    height: 7px;
    margin: auto;

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

    opacity: 0;
    border-bottom: 3px solid var(--color_black);
    border-left: 3px solid var(--color_black);
}

.service_repair table td input[type=checkbox]:checked + label:after
{
    opacity: 1;
}


.service_repair table .template
{
    display: none;
}


.service_repair .btns
{
    display: flex;

    margin-top: 20px;
    margin-bottom: -10px;
    margin-left: -20px;

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

.service_repair .btns button
{
    color: var(--color_black);
    font-family: var(--font_family);
    font-size: 14px;
    font-weight: 300;

    display: flex;

    height: 37px;
    margin-bottom: 10px;
    margin-left: 20px;
    padding: 0 19px;

    cursor: pointer;

    border: 1px solid #dadada;
    border-radius: 20px;
    background: none;

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

.service_repair .btns button .icon
{
    position: relative;

    display: block;

    width: 13px;
    height: 13px;
    margin-right: 7px;
}

.service_repair .btns button .icon:before,
.service_repair .btns button .icon:after
{
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;

    display: block;

    width: 100%;
    height: 3px;
    margin: auto;

    content: '';

    border-radius: 2px;
    background: var(--color_blue);
}

.service_repair .btns button .icon:after
{
    width: 3px;
    height: 100%;
}

.service_repair .btns button.remove_line
{
    display: none;
}

.service_repair .btns button.remove_line.show
{
    display: flex;
}

.service_repair .btns button.remove_line .icon:before,
.service_repair .btns button.remove_line .icon:after
{
    transform: rotate(45deg);

    background: #ba3930;
}

.service_repair .btns button .icon + span
{
    margin-bottom: 2px;
}


.service_repair .exp
{
    color: #898989;
    font-size: 15px;
    font-weight: 300;

    margin-top: 50px;
}

.service_repair .exp a
{
    text-decoration: none;
}

.service_repair .exp a span
{
    color: var(--color_blue);
    transition: border-color .1s linear;

    border-bottom: 1px dashed var(--color_blue);
}

.service_repair .exp a:hover span
{
    border-color: transparent;
}



.service_courier .form
{
    margin-top: 35px;
}

.service_courier .form .purpose
{
    padding-bottom: 20px;
}

.service_courier .form .purpose .title
{
    color: var(--color_black);
    font-size: 18px;
    font-weight: 700;

    margin-bottom: 15px;
}

.service_courier .form .purpose .field > * + *
{
    margin-top: 10px;
}

.service_courier .form input[type=radio] + label
{
    color: var(--color_black);
    font-size: 15px;
    font-weight: 300;
    line-height: 20px;

    display: table-cell;

    height: 24px;
    padding-left: 35px;

    vertical-align: middle;
}

.service_courier .form input[type=radio] + label:before
{
    background: none;
}

.service_courier .form input[type=radio] + label a
{
    color: var(--color_blue);

    text-decoration: none;
}

.service_courier .form input[type=radio] + label a:hover
{
    text-decoration: underline;
}

.service_courier .form input[type=radio]:checked + label
{
    font-weight: 700;
}



.repair_sender_info
{
    padding: 0 30px 60px;

    background: #fff;
}



.repair_service_type .form
{
    width: 100% !important;

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

.text_block .repair_service_type .form
{
    column-count: auto;
}

.repair_service_type .form .line
{
    margin-bottom: 0 !important;
}

.repair_service_type .form > *
{
    transform: translateZ(0);

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

.repair_service_type .form > * + *
{
    margin-top: 25px;
}

.repair_service_type .form input[type=radio] + label,
.service_page .content .repair_service_type .form input[type=checkbox] + label
{
    color: var(--color_black);
    font-size: 15px;
    font-weight: 300;
    line-height: 20px;

    display: table-cell;

    height: 24px;
    padding-left: 35px;

    vertical-align: middle;
}

.repair_service_type .form input[type=radio] + label:before
{
    background: none;
}

.service_page .content .repair_service_type .form input[type=checkbox] + label:before
{
    border: 1px solid var(--form_border_color);

    width: 22px;
    height: 22px;
}

.repair_service_type .form input[type=radio] + label a,
.service_page .content .repair_service_type .form input[type=checkbox] + label a
{
    color: var(--color_blue);

    text-decoration: none;
}

.repair_service_type .form input[type=radio] + label a:hover,
.service_page .content .repair_service_type .form input[type=checkbox] + label a:hover
{
    text-decoration: underline;
}

.repair_service_type .form input[type=radio]:checked + label,
.service_page .content .repair_service_type .form input[type=checkbox]:checked + label
{
    font-weight: 700;
}

.service_page .content .repair_service_type .form input[type=checkbox]:checked + label:after
{
    top: 9px;
    left: 8px;
    
    border-color: var(--color_blue);
}



.repair_delivery .form
{
    width: 100% !important;

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

.repair_delivery .form .line
{
    margin-bottom: 0 !important;
}

.repair_delivery .form > *
{
    transform: translateZ(0);

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

.repair_delivery .form > * + *
{
    margin-top: 25px;
}

.repair_delivery .form input[type=radio] + label
{
    color: var(--color_black);
    font-size: 15px;
    font-weight: 300;
    line-height: 20px;

    display: table-cell;

    height: 24px;
    padding-left: 35px;
}

.repair_delivery .form input[type=radio] + label:before
{
    background: none;
}

.repair_delivery .form input[type=radio]:checked + label
{
    font-weight: 700;
}

.repair_delivery .form .line .toogle_field
{
    margin-top: 20px;
}



.repair_bottom
{
    padding-top: 60px !important;
}

.repair_bottom .form
{
    width: 100% !important;
}

.repair_bottom .form .submit
{
    justify-content: center;
}



.contacts_block
{
    padding-bottom: 30px;
}


.contacts_block .flex
{
    justify-content: space-between;
}

.contacts_block .col_left
{
    width: 285px;
    max-width: 100%;
}


.contacts_block .phone
{
    color: #737373;
    font-size: 16px;
    font-weight: 300;
    line-height: 27px;

    position: relative;

    padding-left: 20px;
}

.contacts_block .phone .icon
{
    position: absolute;
    top: 6px;
    left: 0;

    display: block;

    width: 15px;
    height: 15px;

    fill: #c8c8c8;
}

.contacts_block .phone a
{
    color: currentColor;

    white-space: nowrap;
    text-decoration: none;
}


.contacts_block .email
{
    color: #00abdf;
    font-size: 16px;
    font-weight: 300;
    line-height: 27px;

    position: relative;

    padding-left: 20px;
}

.contacts_block .email .icon
{
    position: absolute;
    top: 8px;
    left: 1px;

    display: block;

    width: 14px;
    height: 11px;

    fill: #c8c8c8;
}

.contacts_block .email a
{
    color: currentColor;

    white-space: nowrap;
    text-decoration: none;
}


.contacts_block .chats
{
    width: calc(100% - 315px);
    margin-left: auto;
}

.contacts_block .chats > *
{
    color: var(--color_black);
    font-size: 16px;
    font-weight: 700;
    line-height: 27px;

    display: flex;

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

.contacts_block .chats > * + *
{
    margin-top: 25px;
}

.contacts_block .chats .icon
{
    display: block;

    width: 14px;
    height: 12px;
    margin-left: 25px;

    fill: #00abdf;
}

.contacts_block .chats a
{
    color: var(--color_blue);
    font-weight: 300;

    margin-left: 10px;

    white-space: nowrap;
    text-decoration: none;
}

.contacts_block .chats a:hover
{
    text-decoration: underline;
}



.articles .col .article
{
    margin-bottom: 30px;
}



.articles_block
{
    padding: 20px;

    height: 100%;

    background: #fff;
    box-shadow: 0 0 13px rgba(72,72,72,.14);
}

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


.articles_block .list
{
    overflow: auto;

    height: 309px;
    padding-right: 20px;

    scrollbar-color: #d0d0d0 #eee;
    scrollbar-width: thin;
}

.articles_block .list::-webkit-scrollbar
{
    width: 9px;
    height: 9px;

    border-radius: 5px;
    background-color: #eee;
}

.articles_block .list::-webkit-scrollbar-thumb
{
    border-radius: 5px;
    background-color: #d0d0d0;
}

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


.articles_block .article
{
    color: var(--color_black);
    font-weight: 300;

    display: block;

    text-decoration: none;
}

.articles_block .article:hover
{
    color: var(--color_blue);
}

.articles_block .article .date
{
    color: #9a9a9a;
    font-size: 12px;
    line-height: 18px;

    margin-top: 3px;
}


.articles_block .all_link
{
    color: var(--color_blue);
    font-size: 14px;
    font-weight: 300;

    display: flex;

    margin-top: 20px;

    text-align: center;

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

.articles_block .all_link a
{
    color: currentColor;

    display: flex;

    text-decoration: none;

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

.articles_block .all_link a .icon
{
    position: relative;
    top: 2px;

    display: block;

    width: 17px;
    height: 1px;
    margin-left: 6px;

    background: currentColor;
}

.articles_block .all_link a .icon:after
{
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;

    display: block;

    width: 7px;
    height: 7px;
    margin: auto;

    content: '';
    transition: border-color .1s linear;
    transform: rotate(-45deg);

    border-right: 1px solid;
    border-bottom: 1px solid;
}

.articles_block .all_link a:hover
{
    text-decoration: underline;
}



.bg_video
{
    position: relative;
    z-index: 3;

    margin-top: -20px;
    padding: 20px 0 70px;

    background: #000;
}

.bg_video video
{
    justify-content: flex-end;
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;

    display: block;

    width: 100%;
    height: 100%;

    opacity: .15;

    object-fit: cover;
}


.online_stand
{
    position: relative;

    padding-top: 20px;
}

.online_stand .block_title
{
    color: #ff9511;
    font-size: 36px;
    font-weight: 300;
    line-height: 40px;

    margin-bottom: 30px;

    text-align: center;
}

.online_stand .block_desc
{
    color: #fff;
    font-size: 20px;
    font-weight: 300;
    line-height: 30px;

    margin-bottom: 40px;

    text-align: center;
}


.online_stand .steps
{
    color: #fff;
    font-size: 16px;
    font-weight: 300;
    line-height: 24px;

    display: flex;

    margin-left: -85px;

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

.online_stand .steps > *
{
    margin-right: 20px;
    max-width: calc(100% - 85px);
    margin-bottom: 85px;
    margin-left: 85px;
}

.online_stand .steps .step
{
   
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    align-content: flex-start;
    flex-wrap: wrap;
}

.online_stand .steps .step .icon
{
    display: flex;

    width: 90px;
    height: 90px;
    margin-right: 23px;
    padding: 20px;

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

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

.online_stand .steps .step .icon img
{
    display: block;

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

.online_stand .steps .step .icon + *
{
    max-width: calc(100% - 113px);

    align-self: center;
}


.online_stand .data form
{
    display: flex;

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


.online_stand .data .checks
{
    width: calc(100% - 495px);
}

.online_stand .data .checks .field + .field
{
    margin-top: 25px;
}

.online_stand .data .checks input[type=checkbox]
{
    display: none;
}

.online_stand .data .checks label
{
    color: #fff;
    font-size: 16px;
    font-weight: 700;
    line-height: 30px;

    position: relative;

    display: block;

    padding-left: 46px;

    cursor: pointer;
    transition: color .1s linear;
}

.online_stand .data .checks label a
{
    color: #fff;
    text-decoration: none;
}

.online_stand .data .checks label a:hover
{
    text-decoration: underline;
    color: #ff8611;
}

.online_stand .data .checks label .exp
{
    color: #959595;
    font-size: 12px;
    font-weight: 300;
    line-height: 18px;
}

.online_stand .data .checks label:before
{
    position: absolute;
    top: 0;
    left: 0;

    display: block;

    width: 30px;
    height: 30px;

    content: '';
    transition: border-color .1s linear;

    border: 1px solid #fff;
    border-radius: 3px;
}

.online_stand .data .checks label:after
{
    position: absolute;
    top: 9px;
    left: 9px;

    display: block;

    width: 13px;
    height: 7px;

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

    opacity: 0;
    border-bottom: 3px solid #ff8611;
    border-left: 3px solid #ff8611;
}

.online_stand .data .checks input[type=checkbox]:checked + label,
.online_stand .data .checks input[type=checkbox]:checked + label a
{
    color: #ff8611;
}

.online_stand .data .checks input[type=checkbox]:checked + label:before
{
    border-color: #ff8611;
}

.online_stand .data .checks input[type=checkbox]:checked + label:after
{
    opacity: 1;
}

.online_stand .data .checks input[type=checkbox].error + label:before
{
    border-color: #ef4836;
}


.online_stand .data .form
{
    width: 465px;
    max-width: 100%;
    padding: 45px 45px 30px;

    background: rgba(1, 129, 183,.6);

    --form_border_color: #cdcdcd;
    --form_focus_color: #cdcdcd;
    --form_bg_color: #fff;
}

.online_stand .data .form .head
{
    color: #fff;

    margin-bottom: 25px;

    text-align: center;
}

.online_stand .data .form .head .title
{
    font-size: 24px;
    font-weight: 700;
}

.online_stand .data .form .head .desc
{
    font-size: 16px;
    font-weight: 300;
    line-height: 24px;

    margin-top: 10px;
}


.online_stand .data .form .line
{
    margin-bottom: 10px;
}

.online_stand .data .form .input
{
    font-size: 15px;
}

.online_stand .data .form textarea
{
    font-size: 15px;
}


.online_stand .data .form .type
{
    display: flex;

    margin-bottom: 29px;

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

.online_stand .data .form .type .field
{
    display: flex;

    border: 1px solid rgba(255,255,255,.52);
    border-radius: 16px;

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

.online_stand .data .form .type input[type=radio] + label
{
    color: rgba(255,255,255,.52);
    font-size: 14px;
    font-weight: normal;
    line-height: 30px;

    display: block;

    height: 30px;
    padding: 0 20px;

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

    border-radius: 16px;
}

.online_stand .data .form .type input[type=radio] + label:before,
.online_stand .data .form .type input[type=radio] + label:after
{
    display: none;
}

.online_stand .data .form .type input[type=radio]:checked + label
{
    color: #0181b7;

    background: #fff;
}


.online_stand .data .form .for_type
{
    display: none;
}


.online_stand .data .form .agree .field
{
    padding: 20px 50px 0;
}

.online_stand .data .form .agree input[type=checkbox] + label
{
    color: #fff;
    font-size: 13px;
    line-height: 17px;

    padding-left: 25px;
}

.online_stand .data .form .agree input[type=checkbox] + label a
{
    color: #99e7ff;

    text-decoration: none;
}

.online_stand .data .form .agree input[type=checkbox] + label a:hover
{
    text-decoration: underline;
}


.online_stand .data .form .submit
{
    display: flex;

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

.online_stand .data .form .submit_btn
{
    font-size: 20px;
    font-weight: 700;

    width: 275px;
    height: 54px;

    border: none;
    background: #ff860b;
}


.online_stand .data .form .notice
{
    color: #99e7ff;
    font-size: 14px;
    font-weight: 300;
    line-height: 18px;

    margin-top: 20px;
    padding: 14px 0 14px 19px;

    border-left: 1px solid #ff8611;
}



.cases_page aside.mini + .content
{
    width: calc(100% - var(--aside_mini_width) - 7px);
}


.cases .title
{
    color: var(--color_black);
    font-size: 30px;
    font-weight: 700;
    line-height: 41px;

    padding: 20px;

    border-bottom: 1px solid #dadada;
    background: #fff;
}


.cases .info
{
    padding: 25px 20px 30px;

    background: #fff;
}

.cases .info .desc
{
    font-size: 16px;
    font-weight: 300;
    line-height: 24px;
}

.cases .info .desc img
{
    display: block;

    max-width: 100%;
    margin: 25px auto 0;
}


.cases .case
{
    display: flex;

    margin-top: 7px;
    padding: 20px;

    background: #fff;

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


.cases .case .thumb
{
    display: flex;

    width: 180px;
    max-width: 100%;
    height: 139px;

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

.cases .case .thumb img
{
    display: block;

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

.cases .case .thumb + *
{
    width: calc(100% - 226px);
}


.cases .case .name
{
    color: var(--color_black);
    font-size: 18px;
    font-weight: 700;

    margin-bottom: 10px;
}

.cases .case .name a
{
    color: var(--color_black);

    display: inline-block;

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

.cases .case .thumb:hover ~ div .name a,
.cases .case .name a:hover
{
    color: var(--color_blue);
}


.cases .case .desc
{
    color: #3d3d3d;
    font-size: 16px;
    font-weight: 300;
    line-height: 26px;
}

.cases .case .desc span
{
    color: #9a9a9a;
}


.cases .case .feature
{
    color: #3d3d3d;
    font-size: 16px;
    font-weight: 300;
    line-height: 26px;
}

.cases .case .feature span
{
    color: #9a9a9a;
}


.cases .case .cats
{
    color: #9a9a9a;

    margin-top: 15px;
}

.cases .case .cats > * + *
{
    margin-left: 6px;
}

.cases .case .cats a
{
    color: var(--color_blue);

    display: inline-block;

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

.cases .case .cats a:hover
{
    text-decoration: underline;
}

/*.cases .case .cats a.active
{
    font-weight: 500;
    text-decoration: none;
}*/


.cases_info .data
{
    display: flex;

    padding: 30px;

    background: #fff;

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


.cases_info .thumb
{
    width: 503px;
    max-width: 100%;
}

.cases_info .thumb img
{
    max-width: 100%;
    margin: 0 auto;
}


.cases_info .info
{
    width: calc(100% - 550px);
    margin-left: auto;
}


.cases_info .info .name
{
    color: #000;
    font-size: 30px;
    font-weight: 700;
    line-height: 40px;

    margin-bottom: 40px;
}


.cases_info .info .desc,
.cases_info .info .feature
{
    color: #000;
    font-size: 16px;
    font-weight: 300;
    line-height: 24px;

    margin-top: 25px;
}


.cases_info .info .cats
{
    color: #9a9a9a;

    margin-top: 25px;
}

.cases_info .info .cats > * + *
{
    margin-left: 15px;
}

.cases_info .info .cats a
{
    color: var(--color_blue);

    display: inline-block;

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

.cases_info .info .cats a:hover
{
    text-decoration: underline;
}


.cases_info .info .bottom
{
    color: #000;

    display: flex;

    margin-top: 25px;

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


.cases_info .info .icons
{
	display: flex;

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


.cases_info .info .calc_btn
{
    color: #fff;
    font-size: 18px;
    font-weight: 700;
    line-height: 30px;

    padding: 12px 42px;

    cursor: pointer;
    transition: background .1s linear;
    letter-spacing: .03em;

    border: none;
    border-radius: 30px;
    background: #ff8611;
}

.cases_info .info .calc_btn:hover
{
    background: #fea537;
}


.cases_info .info .discount
{
    display: flex;

    margin-right: 25px;

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

.cases_info .info .discount .icon
{
    display: block;

    width: 22px;
    height: 23px;
    margin-right: 7px;

    fill: #c8c8c8;
}


.cases_info .info .rating
{
    display: flex;

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

.cases_info .info .rating .icon
{
    display: block;

    width: 18px;
    height: 21px;
    margin-right: 7px;

    fill: #c8c8c8;
}



.case_equipment .data
{
    overflow: hidden;

    padding: 40px 20px 75px;

    background: #fff;
}


.case_equipment .block_title
{
    color: #000;
    font-size: 20px;
    font-weight: 700;

    margin-bottom: 40px;

    text-align: center;
}


.case_equipment .slider
{
    padding: 0 80px;
}

.case_equipment .slider .owl-stage-outer
{
    overflow: visible !important;
}

.case_equipment .slider .owl-item
{
    visibility: hidden;

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

    opacity: 0;
}

.case_equipment .slider .owl-item.active
{
    visibility: visible;

    pointer-events: auto;

    opacity: 1;
}



.case_tabs .data
{
    background: #fff;
}


.case_tabs .tabs
{
    display: flex;

    border-bottom: 1px solid #eee;
    background: #fff;

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

.case_tabs .tabs button
{
    color: #737373;
    font-family: var(--font_family);
    font-size: 14px;
    font-weight: 700;

    position: relative;

    display: flex;

    height: 63px;
    padding: 15px 30px;

    cursor: pointer;
    transition: color .1s linear;
    vertical-align: middle;

    border: none;
    background: none;

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

.case_tabs .tabs button:after
{
    position: absolute;
    right: 0;
    bottom: -1px;
    left: 0;

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

    content: '';
    transition: width .1s linear;

    background: var(--color_blue);
}

.case_tabs .tabs button:before
{
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;

    display: block;

    width: 1px;
    height: 36px;
    margin: auto;

    content: '';
    pointer-events: none;

    background: #ddd;
}

.case_tabs .tabs button:hover,
.case_tabs .tabs button.active
{
    color: var(--color_blue);
}

.case_tabs .tabs button.active:after
{
    width: 100%;
}


.case_tabs .tab_content
{
    color: var(--color_black);
}

.case_tabs .tab_content.active
{
    padding: 30px;
}


.case_tabs .tab_content .text_block
{
    width: 1050px;
    max-width: 100%;
}


.case_tabs .specification .table_title
{
    color: #fff;
    font-size: 18px;
    font-weight: 700;
    line-height: 24px;

    margin-bottom: 10px;
    padding: 14px;

    text-align: center;

    background: #00abdf;
}

.case_tabs .specification * + .table_title
{
    margin-top: 10px;
}


.case_tabs .specification .table_wrap
{
    overflow: auto;

    max-width: 100%;
}

.case_tabs .specification .table_wrap::-webkit-scrollbar
{
    width: 7px;
    height: 7px;
}

.case_tabs .specification table
{
    width: 100%;

    border-spacing: 0;
    border-collapse: collapse;
}


.case_tabs .specification table th
{
    color: #9a9a9a;
    font-size: 14px;
    font-weight: 300;
    line-height: 18px;

    padding-bottom: 8px;

    text-align: left;
    vertical-align: middle;
    white-space: nowrap;

    border-bottom: 4px solid #eee;
}

.case_tabs .specification table th + th
{
    padding-left: 50px;
}


.case_tabs .specification table td
{
    color: #000;
    font-size: 16px;

    padding: 15px 0;

    text-align: left;
    vertical-align: middle;

    border-bottom: 1px solid #dadada;
}

.case_tabs .specification table td + td
{
    padding-left: 50px;
}


.case_tabs .specification table tr + .title td
{
    padding-top: 25px;
}

.case_tabs .specification table .title td
{
    color: #00abdf;
    font-weight: 500;

    padding: 8px 0;
}


.case_tabs .specification table td.thumb
{
    width: 85px;

    table-layout: fixed;

    text-align: center;
}

.case_tabs .specification table td.thumb a
{
    display: inline-block;

    vertical-align: top;
}

.case_tabs .specification table td.thumb img
{
    display: block;

    max-width: 100%;
}


.case_tabs .specification table td.name
{
    padding-left: 25px;
}

.case_tabs .specification table td.name a
{
    color: var(--color_black);

    display: inline-block;

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

.case_tabs .specification table td.name a:hover
{
    color: #00abdf;
}


.case_tabs .specification table td.articul
{
    color: #00abdf;

    min-width: 230px;

    white-space: nowrap;
    text-transform: uppercase;
}


.case_tabs .specification table td.amount
{
    min-width: 230px;

    white-space: nowrap;
}



.compare_info .data
{
    position: relative;

    padding: 32px 24px;

    background: #fff;
}


.compare_info .block_title
{
    color: var(--color_black);
    font-size: 30px;
    font-weight: 700;
    line-height: 30px;

    margin-bottom: 20px;
}


.compare_info .data .lists
{
    display: flex;
    width: 100%;

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

    margin-bottom: 15px;
}

.compare_info .data .lists > *
{
    border: 1px solid #eee;
    margin: 0 5px 5px 0;

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

.compare_info .data .lists .btn
{
    color: var(--color_black);
    font-family: var(--font_family);
    font-size: var(--font_size);

    position: relative;

    display: flex;

    width: 100%;
    height: 100%;
    padding: 10px 25px;

    transition: all .1s linear;
    text-align: center;
    vertical-align: middle;
    text-decoration: none;
}


.compare_info .data .lists .btn:hover,
.compare_info .data .lists .btn.active
{
    color: var(--color_white);
    background: var(--color_blue);
}


.compare_info .data .lists .del_btn
{
    position: relative;
    top: 0;
    right: 0;

    width: 41px;
    height: 36px;

    cursor: pointer;

    border: none;
    border-left: 1px solid #eee;
    border-radius: 0;
    background: none;
}

.compare_info .data .lists .del_btn:hover
{
    background: var(--color_blue);
}


.compare_info .data .lists .del_btn:before,
.compare_info .data .lists .del_btn:after
{
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;

    display: block;

    width: 19px;
    height: 3px;
    margin: auto;

    content: '';
    transition: background .1s linear;
    transform: rotate(45deg);

    border-radius: 2px;
    background: #cdcdcd;
}

.compare_info .data .lists .del_btn:after
{
    transform: rotate(-45deg);
}


.compare_info .data .lists .del_btn:hover:before,
.compare_info .data .lists .del_btn:hover:after
{
    background: var(--color_white);
}



.compare_info .grid
{
    display: flex;

    margin-right: -24px;
    margin-bottom: -32px;
    margin-left: -24px;

    border-top: 1px solid #eee;

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


.compare_info .grid .col_left
{
    display: flex;

    width: 274px;
    max-width: 100%;

    border-right: 1px solid #eee;

    justify-content: flex-start;
    align-items: flex-end;
    align-content: flex-end;
    flex-wrap: wrap;
}

.compare_info .grid .col_main
{
    width: calc(100% - 274px);
}


.compare_info .filter
{
    width: 100%;
    padding-top: 30px;
    padding-left: 24px;
}

.compare_info .filter > * + *
{
    margin-top: 16px;
}

.compare_info .filter input[type=radio]
{
    display: none;
}

.compare_info .filter input[type=radio] + label
{
    color: var(--color_black);
    font-size: 16px;
    font-weight: 300;

    position: relative;

    display: flex;

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

    cursor: pointer;

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

.compare_info .filter input[type=radio] + label:before
{
    position: absolute;
    top: 0;
    left: 0;

    display: block;

    width: 24px;
    height: 24px;

    content: '';

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

.compare_info .filter input[type=radio] + label:after
{
    position: absolute;
    top: 6px;
    left: 6px;

    display: block;

    width: 12px;
    height: 12px;

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

    opacity: 0;
    border-radius: 50%;
    background: var(--color_blue);
}

.compare_info .filter input[type=radio]:checked + label
{
    font-weight: 500;
}

.compare_info .filter input[type=radio]:checked + label:after
{
    opacity: 1;
}



.compare_info .compare_features
{
    width: 100%;
    margin-top: 40px;
    padding-left: 24px;

    border-top: 1px solid #eee;
}

.compare_info .compare_features .list .category_name
{
    color: var(--color_black);
    font-size: 14px;
    font-weight: 600;

    position: relative;

    display: flex;

    height: 48px;
    padding: 12px 20px 12px 8px;
    margin-top: 30px;

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

.compare_info .compare_features .list .category_name:before
{
    position: absolute;
    top: 0;
    bottom: 0;
    left: -24px;

    display: block;

    width: 1px;
    height: 18px;
    margin: auto;

    content: '';

    background: var(--color_blue);
}

#compare_block .compare_info .compare_features .list .category_name:before
{
    left: -20px;
}

.compare_info .compare_features .list > *
{
    color: var(--color_black);
    font-size: 14px;

    position: relative;

    display: flex;

    height: 44px;
    padding: 12px 32px 12px 8px;

    transition: background .1s linear;

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

.compare_info .compare_features .list > *.hide
{
    display: none;
}

.compare_info .compare_features .list > .differ.active
{
    background: #fff;
}

.compare_info .compare_features .list > *.hover,
.compare_info .compare_features .list > .differ.active.hover
{
    background: #f6f6f6;
}


.compare_features .tooltip
{
    position: absolute;
    top: 0;
    right: 11px;
    bottom: 0;

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

.compare_features .tooltip .icon > *
{
    display: block;

    width: 16px;
    height: 16px;

    fill: #cbcbcb;
}

.compare_features .tooltip .text
{
    top: calc(100% + 15px);
    bottom: auto;
    left: 50%;

    width: 270px;
    margin-left: -135px;
    padding: 8px 12px;

    pointer-events: auto;
}

.compare_features .tooltip .text:before
{
    top: -7px;
    bottom: auto;
}

.compare_features .tooltip .text:after
{
    top: 0;
    bottom: auto;
}



.compare_info .products .slide
{
    border-right: 1px solid #eee;
}

.compare_info .products .product_wrap
{
    position: relative;

    background: #fff;

    z-index: 2;
}

.compare_info .products .slide.load:before
{
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(255, 255, 255, 0.7);
    z-index: 4;
    cursor: wait;
}


.compare_info .products .product
{
    position: relative;

    padding: 20px 20px 27px;

    border: none;
}

.compare_info .products .product .del_btn
{
    position: absolute;
    top: 0;
    right: 0;
    z-index: 2;

    width: 34px;
    height: 34px;

    cursor: pointer;

    border: none;
    border-radius: 0;
    background: none;
}

.compare_info .products .product .del_btn:before,
.compare_info .products .product .del_btn:after
{
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;

    display: block;

    width: 19px;
    height: 3px;
    margin: auto;

    content: '';
    transition: background .1s linear;
    transform: rotate(45deg);

    border-radius: 2px;
    background: #cdcdcd;
}

.compare_info .products .product .del_btn:after
{
    transform: rotate(-45deg);
}

.compare_info .products .product .del_btn:hover:before,
.compare_info .products .product .del_btn:hover:after
{
    background: var(--color_black);
}

.compare_info .products .product .img .slide
{
    border-right: none;
}

.compare_info .products .product .img .fancy_img:hover
{
    cursor: zoom-in;
}

.compare_info .products .product .img img
{
    width: 100%;
}


.compare_info .products .product .img .slider .owl-nav
{
    opacity: 0;

    transition: opacity .1s linear;
}

.compare_info .products .product .img .slider:hover .owl-nav
{
    opacity: 1;
}

.compare_info .products .product .img .slider .owl-nav button
{
    border-radius: 0;
    background: rgba(255,255,255, 0.7);
}

.compare_info .products .product .img .slider .owl-nav button span
{
    border-color: #000;
}

.compare_info .products .product .img .slider .owl-nav .owl-prev
{
    left: -14px;
}

.compare_info .products .product .img .slider .owl-nav .owl-next
{
    right: -14px;
}


.compare_info .products .product .name
{
    font-size: 14px;
    font-weight: 300;
}

.compare_info .products .product .bottom
{
    display: flex;

    padding: 0;
}

.compare_info .products .product:hover:before
{
    display: none;
}


.compare_info .products .product.is_stuck
{
    z-index: 90;

    padding: 24px;

    background: #fff;
}


.compare_info .swiper-scrollbar
{
    position: absolute;
    z-index: 9;
    top: 0;
    left: 0;

    overflow: hidden;

    width: 100%;
    height: 7px;
    margin-top: -7px;

    border-radius: 0;
    background: #ccc;
}

.compare_info .swiper-scrollbar .swiper-scrollbar-drag
{
    border-radius: 0;
    background: #00abdf;
    cursor: e-resize;
}


.compare_info .product_features
{
    position: relative;

    border-top: 1px solid #eee;

    transform: translate3d(0, 0, 0);
}


.compare_info .product_features .name
{
    position: absolute;
    top: 0;

    opacity: 0;
    visibility: hidden;

    background: #fff;
    padding: 12px 20px;
    border-bottom: 1px solid #eeeeee;

    z-index: 1;

    width: 100% !important;

    font-weight: 700;
    color: #000;
    text-align: center;
}

.compare_info .product_features .name.is_stuck
{
    opacity: 1;
    visibility: visible;
}


.compare_info .product_features .list > *
{
    color: var(--color_black);
    font-size: 14px;

    position: relative;

    display: flex;

    height: 44px;
    padding: 12px 20px;

    transition: background .1s linear;

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

.compare_info .product_features .list .category_name
{
    margin-top: 30px;
}

.compare_info .product_features .list > *.hide
{
    display: none;
}

.compare_info .product_features .list > .differ.active
{
    background: #fff;
}

.compare_info .product_features .list > *.hover,
.compare_info .product_features .list > .differ.active.hover
{
    background: #f6f6f6;
}

.compare_info .product_features .list > * > *
{
    width: 100%;
}

.compare_info .product_features .list > * > small
{
    width: auto;
    margin-left: 5px;
}



.compare_info .more_features_btn
{
    color: var(--color_blue);
    font-family: var(--font_family);
    font-size: 14px;
    font-weight: 300;

    display: flex;

    min-width: 272px;
    margin-top: 1px;
    margin-bottom: 44px;
    padding: 15px 24px;

    cursor: pointer;

    border: none;
    background: #fff;

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

.compare_info .more_features_btn span
{
    transition: border-color .1s linear;

    border-bottom: 1px dashed;
}

.compare_info .more_features_btn span + span
{
    display: none;
}

.compare_info .more_features_btn .icon
{
    position: relative;

    width: 29px;
    height: 29px;
    margin-left: 9px;

    transition: transform .1s linear;

    border: 1px solid;
    border-radius: 50%;
}

.compare_info .more_features_btn .icon:after
{
    position: absolute;
    top: -4px;
    right: 0;
    bottom: 0;
    left: 0;

    display: block;

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

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

    border-bottom: 1px solid;
    border-left: 1px solid;
}


.compare_info .more_features_btn:hover span
{
    border-color: transparent;
}


.compare_info .more_features_btn.active span
{
    display: none;
}

.compare_info .more_features_btn.active span + span
{
    display: block;
}

.compare_info .more_features_btn.active .icon
{
    transform: rotate(180deg);
}


.compare_info .compare_features .list .more_features_btn
{
    margin-top: 20px;
    padding: 0;
    min-width: 100%;
    background: none;
}



/*---------------
   About info v2
---------------*/
.page_about_v2 .about_info_v2
{
    position: relative;
    z-index: 3;

    margin-bottom: 18px;
    padding-top: 16px;
}

.page_about_v2 .about_info_v2:before
{
    position: absolute;
    z-index: -2;
    top: -65px;
    left: 0;

    display: block;

    width: 100%;
    height: 673px;

    content: '';

    background: #eee;
}


.page_about_v2 .about_info_v2 .bg
{
    position: absolute;
    z-index: -1;
    top: -65px;
    left: 50%;

    display: block;

    width: 713px;
    height: 713px;
    margin-left: -960px;
}

.page_about_v2 .about_info_v2 .bg2
{
    position: absolute;
    z-index: -1;
    top: -65px;
    right: 50%;

    display: block;

    width: 707px;
    height: 707px;
    margin-right: -960px;
}


.page_about_v2 .about_info_v2 .col_left
{
    width: 792px;
    max-width: calc(100% - 579px);
    padding-top: 8px;
}

.page_about_v2 .about_info_v2 .col_right
{
    width: 461px;
    max-width: 100%;
    margin-left: 20px;
}


.page_about_v2 .about_info_v2 .years
{
    color: #000;
    font-size: 18px;
    font-weight: 300;
    line-height: 130%;

    position: relative;
    z-index: 3;

    display: flex;

    min-height: 80px;
    margin-left: 74px;
    padding-left: 40px;

    letter-spacing: .3em;

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

.page_about_v2 .about_info_v2 .years:before
{
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;

    display: block;

    width: 80px;
    height: 80px;

    content: '';

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


.page_about_v2 .about_info_v2 .years .reviews
{
    font-family: var(--font_family);

    line-height: normal;
    letter-spacing: normal;
}

.page_about_v2 .about_info_v2 .years .reviews .company
{
    font-size: 14px;
}

.page_about_v2 .about_info_v2 .years .reviews .company span
{
    color: #fc3f1d;
}

.page_about_v2 .about_info_v2 .years .reviews .rating
{
    display: flex;

    margin-top: 10px;

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


.page_about_v2 .about_info_v2 .years .reviews .rating .stars
{
    position: relative;
    top: -1px;

    display: flex;

    width: 75px;
    height: 15px;

    margin-right: 5px;

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

    background: url(../images/ic_star.png) 0 0 repeat-x;
}

.page_about_v2 .about_info_v2 .years .reviews .rating .stars span
{
    display: block;

    height: 16px;

    margin-left: 0;

    background: url(../images/ic_star.png) 0 -30px repeat-x;
}


.page_about_v2 .about_info_v2 .years .reviews .rating .count,
.page_about_v2 .about_info_v2 .years .reviews .rating .duration
{
    color: #000;
    font-size: 14px;
    line-height: 18px;

    margin-left: 5px;
}

.page_about_v2 .about_info_v2 .years .reviews .rating .duration
{
    color: #00abdf;

    margin-left: 15px;
}

.page_about_v2 .about_info_v2 .years .reviews .rating .duration:hover
{
    text-decoration: none;
}



.page_about_v2 .about_info_v2 .title
{
    color: #000;
    font-size: 46px;
    font-weight: bold;
    line-height: 130%;

    margin-left: 114px;
}


.page_about_v2 .about_info_v2 .description
{
    color: #000;
    font-size: 20px;
    font-weight: 300;
    line-height: 140%;

    margin-top: 15px;
    margin-left: 115px;
}


.page_about_v2 .about_info_v2 .slider_wrap
{
    position: relative;

    margin-top: 46px;
}


.page_about_v2 .about_info_v2 .slider_wrap figure
{
    display: block;

    width: 100%;
}


.page_about_v2 .about_info_v2 .slider_wrap .image
{
    position: relative;

    overflow: hidden;

    padding-bottom: 56.69%;

    border-radius: 40px 40px 0 40px;
    background: #ddd;
}

.page_about_v2 .about_info_v2 .slider_wrap .image img
{
    position: absolute;
    top: 0;
    left: 0;

    display: block;

    width: 100%;
    height: 100%;

    border-radius: inherit;

    object-fit: cover;
}


.page_about_v2 .about_info_v2 .slider_wrap figcaption
{
    color: #737373;
    font-size: 16px;
    font-weight: 300;
    line-height: 130%;

    width: 212px;
    max-width: 100%;
    margin-left: auto;

    text-align: right;
}

.page_about_v2 .about_info_v2 .slider_wrap figcaption span
{
    position: relative;

    display: inline-block;

    margin-top: 8px;
    padding-left: 53px;

    vertical-align: top;
}

.page_about_v2 .about_info_v2 .slider_wrap figcaption span:before
{
    position: absolute;
    top: 10px;
    left: 0;

    display: block;

    width: 43px;
    height: 1px;

    content: '';

    background: #9f9f9f;
}


.page_about_v2 .about_info_v2 .slider_wrap .thumbs
{
    position: absolute;
    bottom: 29px;
    left: 100%;

    display: flex;

    width: 460px;
    margin-bottom: -20px;
    margin-left: 6px;

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

    overflow: auto;

    scroll-direction: horizontal;
    scrollbar-color: #cfedf3 #eee;
    scrollbar-width: none;
}


.page_about_v2 .about_info_v2 .slider_wrap .thumbs ::-webkit-scrollbar
{
    width: 5px;
    height: 5px;

    background-color: #eee;
}

.page_about_v2 .about_info_v2 .slider_wrap .thumbs ::-webkit-scrollbar-thumb
{
    background-color: #cfedf3;
}


.page_about_v2 .about_info_v2 .slider_wrap .thumbs > *
{
    margin-bottom: 20px;
    margin-left: 20px;
}


.page_about_v2 .about_info_v2 .slider_wrap .thumbs .btn
{
    position: relative;

    display: block;

    cursor: pointer;

    border: none;
    border-radius: 15px 15px 0 15px;
    background: none;
}

.page_about_v2 .about_info_v2 .slider_wrap .thumbs .btn:after
{
    position: absolute;
    top: 0;
    left: 0;

    display: block;

    width: 100%;
    height: 100%;

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

    opacity: 0;
    border: 4px solid #b2ddea;
    border-radius: 15px 15px 0 15px;
}

.page_about_v2 .about_info_v2 .slider_wrap .thumbs .btn.active:after,
.page_about_v2 .about_info_v2 .slider_wrap .thumbs .btn:hover:after
{
    opacity: 1;
}


.page_about_v2 .about_info_v2 .slider_wrap .thumbs .image
{
    position: relative;

    overflow: hidden;

    width: 210px;
    height: 129px;
    padding: 0;

    border-radius: inherit;
    background: #ddd;
}

.page_about_v2 .about_info_v2 .slider_wrap .thumbs .image img
{
    position: absolute;
    top: 0;
    left: 0;

    display: block;

    width: 100%;
    height: 100%;

    border-radius: inherit;

    object-fit: cover;
}


.page_about_v2 .about_info_v2 .slider_wrap .owl-dots
{
    bottom: 4px;

    height: 16px;

    pointer-events: none;
}

.page_about_v2 .about_info_v2 .slider_wrap .owl-dot
{
    width: 16px;
    height: 16px;

    pointer-events: auto;

    background: #c4c4c4;
}

.page_about_v2 .about_info_v2 .slider_wrap .owl-dot.active
{
    background: #b2ddea;
}


.page_about_v2 .about_info_v2 .stats .item + .item
{
    margin-top: 12px;
}

.page_about_v2 .about_info_v2 .stats .item
{
    color: #000;
    font-size: 17px;
    font-weight: 300;
    line-height: 130%;

    display: flex;

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

.page_about_v2 .about_info_v2 .stats .val
{
    color: #000;
    font-size: 48px;
    font-weight: 300;
    line-height: 130%;

    width: 153px;

    text-align: right;
    white-space: nowrap;
}

.page_about_v2 .about_info_v2 .stats .desc
{
    width: calc(100% - 166px);

    align-self: center;
}

.page_about_v2 .about_info_v2 .stats a
{
    color: #00abdf;

    text-decoration: none;
}

.page_about_v2 .about_info_v2 .stats a:hover
{
    text-decoration: underline;
}



/*---------------
   About info v2 - Employees
---------------*/
.page_about_v2 .employees
{
    margin-bottom: 80px;
}

.page_about_v2 .employees .cont
{
    justify-content: space-between;
}


.page_about_v2 .employees .col_left
{
    width: 669px;
    max-width: 100%;
}

.page_about_v2 .employees .col_right
{
    width: 552px;
    max-width: 100%;
    padding-top: 30px;
}


.page_about_v2 .employees .block_title
{
    color: #000;
    font-size: 18px;
    font-weight: 300;
    line-height: 130%;

    position: relative;
    z-index: 3;

    display: flex;

    min-height: 80px;
    margin-left: 74px;
    padding-left: 40px;

    letter-spacing: .3em;
    text-transform: uppercase;

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

.page_about_v2 .employees .block_title:before
{
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;

    display: block;

    width: 80px;
    height: 80px;

    content: '';

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


.page_about_v2 .employees .description
{
    color: #737373;
    font-size: 18px;
    font-weight: 300;
    line-height: 150%;

    margin-top: 25px;
    margin-left: 116px;
}


.page_about_v2 .employees .col_left .title
{
    color: #000;
    font-size: 30px;
    font-weight: bold;
    line-height: 130%;

    margin-top: 36px;
    margin-left: 116px;
}

.page_about_v2 .employees .col_left .title span
{
    position: relative;
    z-index: 3;
}

.page_about_v2 .employees .col_left .title span:before
{
    position: absolute;
    z-index: -1;
    bottom: 0;
    left: 0;

    display: block;

    width: 100%;
    height: 12px;

    content: '';

    background: #b2ddea;
}


.page_about_v2 .employees .time
{
    color: #000;
    font-size: 17px;
    font-weight: 300;
    line-height: 140%;

    display: flex;

    margin-top: 40px;
    margin-left: 116px;

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

.page_about_v2 .employees .time .icon
{
    display: block;

    width: 42px;
    height: 42px;
}

.page_about_v2 .employees .time span
{
    width: calc(100% - 62px);

    align-self: center;
}


.page_about_v2 .employees .col_right .title
{
    color: #000;
    font-size: 18px;
    font-weight: bold;
    line-height: 130%;

    margin-bottom: 40px;
}


.page_about_v2 .employees .items > * + *
{
    margin-top: 20px;
}

.page_about_v2 .employees .items > *
{
    position: relative;
    z-index: 3;

    display: flex;

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


.page_about_v2 .employees .items .number
{
    color: #000;

    position: relative;

    display: flex;

    width: 80px;
    height: 80px;

    text-align: center;

    border: 1px solid;
    border-radius: 50%;

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

.page_about_v2 .employees .items .number:before
{
    position: absolute;
    z-index: -1;
    top: 2px;
    left: 2px;

    display: block;

    width: calc(100% + 2px);
    height: calc(100% + 2px);

    content: '';

    border-radius: inherit;
    background: #eee;
}

.page_about_v2 .employees .items .name
{
    color: #000;
    font-size: 17px;
    font-weight: 300;
    line-height: 130%;

    width: calc(100% - 113px);
}



/*---------------
   About info v2 - Tech. support
---------------*/
.page_about_v2 .tech_support
{
    position: relative;
    z-index: 3;

    margin-bottom: 60px;
    padding: 30px 0 70px;

    background: #eee;
}


.page_about_v2 .tech_support .bg
{
    position: absolute;
    z-index: -1;
    bottom: 40px;
    left: 50%;

    display: block;

    width: 357px;
    height: 560px;
    margin-left: -960px;
}

.page_about_v2 .tech_support .bg2
{
    position: absolute;
    z-index: -1;
    top: 0;
    right: 50%;

    display: block;

    width: 357px;
    height: 560px;
    margin-right: -960px;
}


.page_about_v2 .tech_support .col_left
{
    width: 651px;
    max-width: 100%;
    padding-top: 30px;
}

.page_about_v2 .tech_support .col_right
{
    width: 442px;
    max-width: 100%;
    margin-right: 115px;
    margin-left: auto;
}


.page_about_v2 .tech_support .col_left .block_title
{
    color: #000;
    font-size: 18px;
    font-weight: 300;
    line-height: 130%;

    position: relative;
    z-index: 3;

    display: flex;

    min-height: 80px;
    margin-left: 74px;
    padding-left: 40px;

    letter-spacing: .3em;
    text-transform: uppercase;

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

.page_about_v2 .tech_support .col_left .block_title:before
{
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;

    display: block;

    width: 80px;
    height: 80px;

    content: '';

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


.page_about_v2 .tech_support .col_left .description
{
    color: #737373;
    font-size: 18px;
    font-weight: 300;
    line-height: 150%;

    margin-top: 25px;
    margin-left: 116px;
}


.page_about_v2 .tech_support .col_left > .title
{
    color: #000;
    font-size: 30px;
    font-weight: bold;
    line-height: 130%;

    margin-top: 36px;
    margin-left: 116px;
}

.page_about_v2 .tech_support .col_left > .title span
{
    position: relative;
    z-index: 3;
}

.page_about_v2 .tech_support .col_left > .title span:before
{
    position: absolute;
    z-index: -1;
    bottom: 0;
    left: 0;

    display: block;

    width: 100%;
    height: 12px;

    content: '';

    background: #b2ddea;
}


.page_about_v2 .tech_support .col_left > .contacts
{
    display: flex;

    margin-top: 11px;
    margin-left: 116px;

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


.page_about_v2 .tech_support .col_left > .contacts .email,
.page_about_v2 .tech_support .col_left > .contacts .phone
{
    color: #2aa8cf;
    font-size: 17px;
    font-weight: 300;
    line-height: 150%;
}

.page_about_v2 .tech_support .col_left > .contacts .email a,
.page_about_v2 .tech_support .col_left > .contacts .phone a
{
    color: currentColor;

    white-space: nowrap;
    text-decoration: none;
}

.page_about_v2 .tech_support .col_left > .contacts .email a:hover,
.page_about_v2 .tech_support .col_left > .contacts .phone a:hover
{
    text-decoration: underline;
}


.page_about_v2 .tech_support .col_left > .contacts .sep
{
    width: 1px;
    height: 36px;
    margin: 0 29px;

    background: #cacaca;
}


.page_about_v2 .tech_support .services
{
    margin-top: 36px;
    margin-left: 116px;
}


.page_about_v2 .tech_support .services .title
{
    color: #000;
    font-size: 18px ;
    font-weight: bold;
    line-height: 130%;

    margin-bottom: 20px;
}


.page_about_v2 .tech_support .services .items
{
    color: #000;
    font-size: 17px;
    font-weight: 300;
    line-height: 130%;
}

.page_about_v2 .tech_support .services .items > *
{
    position: relative;

    padding-left: 60px;
}

.page_about_v2 .tech_support .services .items > * + *
{
    margin-top: 20px;
}

.page_about_v2 .tech_support .services .items > *:before
{
    position: absolute;
    top: 10px;
    left: 0;

    display: block;

    width: 40px;
    height: 1px;

    content: '';

    background: currentColor;
}



.page_about_v2 .tech_support .boss,
.page_about_v2 .tech_support .slider_wrap
{
    width: 442px;
    max-width: 100%;
    overflow: hidden;
}


.page_about_v2 .tech_support .boss .photo
{
    position: relative;

    padding-bottom: 100%;

    border-radius: 100% 100% 0 100%;
    background: #ddd;
}

.page_about_v2 .tech_support .boss .photo img
{
    position: absolute;
    top: 0;
    left: 0;

    display: block;

    width: 100%;
    height: 100%;

    border-radius: inherit;

    object-fit: cover;
}


.page_about_v2 .tech_support .boss .contacts
{
    position: absolute;
    bottom: -41px;
    left: 43px;
}

.page_about_v2 .tech_support .boss .contacts > * + *
{
    margin-top: 10px;
}

.page_about_v2 .tech_support .boss .contacts a
{
    color: #fff;

    display: flex;

    width: 60px;
    height: 60px;

    transition: background .1s linear;
    text-decoration: none;

    border-radius: 50%;
    background: #c4c4c4;

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

.page_about_v2 .tech_support .boss .contacts .icon
{
    color: currentColor;
    fill: #fff;
    display: block;
}

.page_about_v2 .tech_support .boss .contacts .telegram_link
{
    background: #2aa8cf;
}

.page_about_v2 .tech_support .boss .contacts .telegram_link .icon
{
    width: 20px;
    height: 17px;
}

.page_about_v2 .tech_support .boss .contacts .email_link .icon
{
    width: 22px;
    height: 17px;
}

.page_about_v2 .tech_support .boss .contacts a:hover
{
    background: #fb7345;
}

.page_about_v2 .tech_support .boss .contacts .telegram_link:hover
{
    background: #33b7e1;
}


.page_about_v2 .tech_support .boss .name
{
    color: #000;
    font-size: 18px;
    font-weight: bold;
    line-height: 150%;

    margin-top: 14px;

    text-align: right;
}

.page_about_v2 .tech_support .boss .post
{
    color: #737373;
    font-size: 17px;
    font-weight: 300;
    line-height: 100%;

    width: 296px;
    max-width: 100%;
    margin-top: 4px;
    margin-left: auto;

    text-align: right;
}


.page_about_v2 .tech_support .thumbs
{
    display: flex;

    margin-top: 20px;
    margin-left: -20px;

    justify-content: flex-end;
    align-items: flex-start;
    align-content: flex-start;
    flex-wrap: wrap;
}

.page_about_v2 .tech_support .thumbs > *
{
    margin-bottom: 20px;
    margin-left: 20px;
}


.page_about_v2 .tech_support .thumbs .btn
{
    position: relative;

    display: block;

    cursor: pointer;

    border: none;
    border-radius: 50%;
    background: none;
}

.page_about_v2 .tech_support .thumbs .btn:after
{
    position: absolute;
    top: 0;
    left: 0;

    display: block;

    width: 100%;
    height: 100%;

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

    opacity: 0;
    border: 4px solid #b2ddea;
    border-radius: 50%;
}

.page_about_v2 .tech_support .thumbs .btn.active:after,
.page_about_v2 .tech_support .thumbs .btn:hover:after
{
    opacity: 1;
}


.page_about_v2 .tech_support .thumbs .image
{
    position: relative;

    overflow: hidden;

    width: 100px;
    height: 100px;
    padding: 0;

    border-radius: inherit;
}

.page_about_v2 .tech_support .thumbs .image img
{
    position: absolute;
    top: 0;
    left: 0;

    display: block;

    width: 100%;
    height: 100%;

    border-radius: inherit;

    object-fit: cover;
}


.page_about_v2 .tech_support .message
{
    color: #020202;
    font-size: 17px;
    font-weight: 300;
    line-height: 130%;

    position: relative;

    width: 328px;
    margin-top: 40px;
    margin-left: auto;
}

.page_about_v2 .tech_support .message p + p
{
    margin-top: 20px;
}


.page_about_v2 .tech_support .message .icon
{
    position: absolute;
    top: -16px;
    left: -43px;

    width: 12px;
    height: 120px;

    background: #b2ddea;
}

.page_about_v2 .tech_support .message .icon:after
{
    position: absolute;
    bottom: -22px;
    left: 0;

    display: block;

    width: 12px;
    height: 12px;

    content: '';

    background: #b2ddea;
}


.page_about_v2 .tech_support .webinars
{
    width: 1124px;
    max-width: calc(100% - 115px);
    margin-top: 40px;
    margin-left: 115px;
}


.page_about_v2 .tech_support .webinars .title
{
    color: #000;
    font-size: 18px;
    font-weight: bold;
    line-height: 130%;

    margin-bottom: 33px;
}


.page_about_v2 .tech_support .webinars .flex
{
    position: relative;

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

.page_about_v2 .tech_support .webinars .flex > *
{
    width: calc(33.333% - 20px);
    margin-bottom: 20px;
    margin-left: 20px;
}


.page_about_v2 .tech_support .webinar .thumb
{
    position: relative;

    display: block;
    overflow: hidden;

    padding-bottom: 50%;

    background: #ddd;
}

.page_about_v2 .tech_support .webinar .thumb img
{
    position: absolute;
    top: 0;
    left: 0;

    display: block;

    width: 100%;
    height: 100%;

    object-fit: cover;
}


.page_about_v2 .tech_support .webinars .all_link
{
    position: absolute;
    top: 0;
    bottom: 20px;
    left: 100%;

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

.page_about_v2 .tech_support .webinars .all_link a
{
    color: #fff;
    font-size: 14px;
    font-weight: bold;
    line-height: 100%;

    display: flex;

    width: 80px;
    height: 80px;

    text-align: center;
    text-decoration: none;

    border-radius: 50%;
    background: #b2ddea;

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

    transition: background .1s linear;
}

.page_about_v2 .tech_support .webinars .all_link a:hover
{
    background: #2aa8cf;
}


.page_about_v2 .tech_support .webinars .mob_all_link
{
    display: none;

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

.page_about_v2 .tech_support .webinars .mob_all_link a
{
    color: #fff;
    font-size: 14px;
    font-weight: bold;
    line-height: 100%;

    display: block;

    padding: 10px 20px;

    text-align: center;
    text-decoration: none;

    background: #b2ddea;
}


.page_about_v2 .tech_support .exp
{
    color: #737373;
    font-size: 17px;
    font-weight: 300;
    line-height: 130%;

    display: flex;

    width: 1039px;
    max-width: calc(100% - 115px);
    margin-top: 30px;
    margin-left: 115px;

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

.page_about_v2 .tech_support .exp .icon
{
    color: #737373;
    font-size: 40px;
    font-weight: 300;
    line-height: 100%;

    display: flex;
    overflow: hidden;

    width: 42px;
    height: 42px;
    padding-top: 18px;

    text-align: center;

    border: 1px solid #737373;
    border-radius: 50%;

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

.page_about_v2 .tech_support .exp span
{
    width: calc(100% - 57px);

    align-self: center;
}



/*---------------
   About info v2 - Warehouses
---------------*/
.page_about_v2 .warehouses
{
    margin-bottom: 60px;
}


.page_about_v2 .warehouses .head
{
    display: flex;

    margin-bottom: 54px;

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


.page_about_v2 .warehouses .head .block_title
{
    color: #000;
    font-size: 18px;
    font-weight: 300;
    line-height: 130%;

    position: relative;
    z-index: 3;

    display: flex;

    width: calc(100% - 74px);
    min-height: 80px;
    margin-bottom: 8px;
    margin-left: 74px;
    padding-left: 40px;

    letter-spacing: .3em;
    text-transform: uppercase;

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

.page_about_v2 .warehouses .head .block_title:before
{
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;

    display: block;

    width: 80px;
    height: 80px;

    content: '';

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


.page_about_v2 .warehouses .head .col_left
{
    width: 444px;
    max-width: 100%;
    margin-left: 116px;
    padding-top: 17px;
}

.page_about_v2 .warehouses .head .col_right
{
    width: 562px;
    max-width: 100%;
    margin-right: 112px;
}


.page_about_v2 .warehouses .head .description
{
    color: #737373;
    font-size: 18px;
    font-weight: 300;
    line-height: 150%;
}


.page_about_v2 .warehouses .head .title
{
    color: #000;
    font-size: 30px;
    font-weight: bold;
    line-height: 130%;

    margin-top: 18px;
}

.page_about_v2 .warehouses .head .title span
{
    position: relative;
    z-index: 3;
}

.page_about_v2 .warehouses .head .title span:before
{
    position: absolute;
    z-index: -1;
    bottom: 0;
    left: 0;

    display: block;

    width: 100%;
    height: 12px;

    content: '';

    background: #b2ddea;
}


.page_about_v2 .warehouses .head .count .val
{
    color: #b2ddea;
    font-size: 158px;
    font-weight: 900;
    line-height: 100%;

    margin-bottom: -14px;
    margin-left: -19px;
}

.page_about_v2 .warehouses .head .count .name
{
    color: #b2ddea;
    font-size: 32px;
    font-weight: 900;
    line-height: 100%;
}


.page_about_v2 .warehouses .photos
{
    padding-bottom: 62px;

    border-bottom: 12px solid #eee;
}


.page_about_v2 .warehouses .photos .flex
{
    margin-bottom: -20px;
    margin-left: -20px;
}

.page_about_v2 .warehouses .photos .flex > *
{
    width: calc(50% - 20px);
    margin-bottom: 20px;
    margin-left: 20px;
}


.page_about_v2 .warehouses .photos .item
{
    position: relative;

    padding-right: 34px;
    padding-bottom: 18px;
}


.page_about_v2 .warehouses .photos .thumb
{
    color: currentColor;

    position: relative;

    display: block;
    overflow: hidden;

    padding-bottom: 59.69%;

    text-decoration: none;

    border-radius: 40px 40px 0 40px;
    background: #ddd;
}

.page_about_v2 .warehouses .photos .thumb img
{
    position: absolute;
    top: 0;
    left: 0;

    display: block;

    width: 100%;
    height: 100%;

    border-radius: inherit;

    object-fit: cover;
}


.page_about_v2 .warehouses .photos .city
{
    color: #fff;
    font-size: 14px;
    line-height: 130%;

    position: absolute;
    right: 0;
    bottom: 0;

    display: flex;

    width: 90px;
    height: 90px;

    text-align: center;

    border-radius: 50%;
    background: #00abdf;

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



/*---------------
   About info v2 - Clients
---------------*/
.page_about_v2 .clients
{
    margin-bottom: 60px;
}


.page_about_v2 .clients .cont
{
    position: relative;
}


.page_about_v2 .clients .block_title
{
    color: #000;
    font-size: 18px;
    font-weight: 300;
    line-height: 130%;

    position: relative;
    z-index: 3;

    display: flex;

    min-height: 80px;
    margin-bottom: 28px;
    margin-left: 74px;
    padding-left: 40px;

    letter-spacing: .3em;
    text-transform: uppercase;

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

.page_about_v2 .clients .block_title:before
{
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;

    display: block;

    width: 80px;
    height: 80px;

    content: '';

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


.page_about_v2 .clients .count
{
    color: #b2ddea;
    font-size: 158px;
    font-weight: 900;
    line-height: 100%;

    position: absolute;
    top: -26px;
    right: 134px;

    white-space: nowrap;
}


.page_about_v2 .clients .categories
{
    width: 1016px;
    max-width: calc(100% - 115px);
    margin-left: 115px;
}


.page_about_v2 .clients .categories .title
{
    color: #000;
    font-size: 18px;
    font-weight: bold;
    line-height: 130%;

    margin-bottom: 20px;
}


.page_about_v2 .clients .categories .items
{
    color: #000;
    font-size: 17px;
    font-weight: 300;
    line-height: 130%;

    column-gap: 30px;
    column-count: 3;
}

.page_about_v2 .clients .categories .items > *
{
    position: relative;

    padding-left: 60px;

    transform: translateZ(0);

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

.page_about_v2 .clients .categories .items > *:before
{
    position: absolute;
    top: 10px;
    left: 0;

    display: block;

    width: 40px;
    height: 1px;

    content: '';

    background: currentColor;
}

.page_about_v2 .clients .categories .items > * + *
{
    margin-top: 20px;
}


.page_about_v2 .clients .slider
{
    margin-top: 58px;
}

.page_about_v2 .clients .slider .owl-stage
{
    margin: auto;
}

.page_about_v2 .clients .slider .item
{
    display: flex;

    height: 80px;

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

.page_about_v2 .clients .slider .item img
{
    display: block;

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



/*---------------
   About info v2 - Advantages
---------------*/
.page_about_v2 .advantages
{
    margin-bottom: 60px;
}


.page_about_v2 .advantages .data
{
    position: relative;
    z-index: 3;

    overflow: hidden;

    padding: 54px 112px 45px 115px;

    border-radius: 40px 40px 0 40px;
    background: #f7f7f7;
}


.page_about_v2 .advantages .data .bg
{
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;

    display: block;

    width: 256px;
    height: 303px;
}

.page_about_v2 .advantages .data .bg2
{
    position: absolute;
    z-index: -1;
    right: 0;
    bottom: 0;

    display: block;

    width: 358px;
    height: 357px;
}


.page_about_v2 .advantages .data .title
{
    color: #000;
    font-size: 30px;
    font-weight: bold;
    line-height: 130%;

    margin-bottom: 38px;
}


.page_about_v2 .advantages .flex
{
    margin-bottom: -32px;
    margin-left: -32px;
}

.page_about_v2 .advantages .flex > *
{
    width: calc(33.333% - 32px);
    margin-bottom: 32px;
    margin-left: 32px;
}


.page_about_v2 .advantages .item
{
    display: flex;

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


.page_about_v2 .advantages .item .icon
{
    display: flex;

    width: 80px;
    height: 80px;

    border: 1px solid #000;
    border-radius: 50%;

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

.page_about_v2 .advantages .item .icon + *
{
    width: calc(100% - 100px);
    padding-top: 24px;
}


.page_about_v2 .advantages .item .name
{
    color: #000;
    font-size: 18px;
    font-weight: bold;
    line-height: 130%;
}

.page_about_v2 .advantages .item .desc
{
    color: #737373;
    font-size: 17px;
    font-weight: 300;
    line-height: 130%;

    margin-top: 12px;
}



/*---------------
   About info v2 - Reviews v2
---------------*/
.page_about_v2 .reviews_v2
{
    margin-bottom: 80px;
}


.page_about_v2 .reviews_v2 .block_title
{
    color: #000;
    font-size: 18px;
    font-weight: 300;
    line-height: 130%;

    position: relative;
    z-index: 3;

    display: flex;

    min-height: 80px;
    margin-bottom: 22px;
    margin-left: 74px;
    padding-left: 40px;

    letter-spacing: .3em;
    text-transform: uppercase;

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

.page_about_v2 .reviews_v2 .block_title:before
{
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;

    display: block;

    width: 80px;
    height: 80px;

    content: '';

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


.page_about_v2 .reviews_v2 .cols
{
    font-family: var(--font_family2);

    display: flex;

    padding-right: 109px;
    padding-left: 115px;

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


.page_about_v2 .reviews_v2 .col_left
{
    width: calc(100% - 354px);
}

.page_about_v2 .reviews_v2 .col_right
{
    width: 260px;
    margin-left: auto;
}


.page_about_v2 .reviews_v2 .head
{
    margin-bottom: 40px;
}


.page_about_v2 .reviews_v2 .company
{
    color: #06c;
    font-size: 19px;
    line-height: 130%;

    position: relative;

    display: inline-block;

    margin-bottom: 11px;
    padding-right: 16px;

    vertical-align: top;
}

.page_about_v2 .reviews_v2 .company a
{
    color: #06c;
    font-size: 19px;
    line-height: 130%;
    text-decoration: none;
}

.page_about_v2 .reviews_v2 .company a:hover
{
    text-decoration: underline;
}

.page_about_v2 .reviews_v2 .company .check
{
    color: #fff;

    position: absolute;
    top: 4px;
    right: 4px;

    display: flex;

    width: 10px;
    height: 10px;

    border-radius: 50%;
    background: #06c;

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

.page_about_v2 .reviews_v2 .company .check .icon
{
    display: block;

    width: 6px;
    height: 5px;
}


.page_about_v2 .reviews_v2 .head .rating
{
    margin: 0;
}

.page_about_v2 .reviews_v2 .head .rating .star
{
    width: 11px;
    height: 10px;

    background: url(../images/ic_star_big.png) 0 100%/11px auto no-repeat;
}

.page_about_v2 .reviews_v2 .head .rating .count,
.page_about_v2 .reviews_v2 .head .rating .duration
{
    margin-left: 16px;
}


.page_about_v2 .reviews_v2 .swiper-container
{
    height: 850px;
    padding-bottom: 36px;
}

.page_about_v2 .reviews_v2 .swiper-container:after
{
    position: absolute;
    z-index: 5;
    bottom: 0;
    left: 0;

    display: block;

    width: 100%;
    height: 80px;

    content: '';

    background:    -moz-linear-gradient(top,  rgba(255,255,255,0) 0%, rgba(255,255,255,.8) 33%, rgba(255,255,255,.9) 100%);
    background: -webkit-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(255,255,255,.8) 33%,rgba(255,255,255,.9) 100%);
    background:         linear-gradient(to bottom,  rgba(255,255,255,0) 0%,rgba(255,255,255,.8) 33%,rgba(255,255,255,.9) 100%);
}


.page_about_v2 .reviews_v2 .slide
{
    visibility: hidden;

    height: auto;

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

    opacity: 0;
}

.page_about_v2 .reviews_v2 .slide.visible
{
    visibility: visible;

    pointer-events: auto;

    opacity: 1;
}


.page_about_v2 .reviews_v2 .swiper-button-next,
.page_about_v2 .reviews_v2 .swiper-button-prev
{
    color: #fff;

    top: auto;
    right: 0;
    bottom: 0;
    left: 0;

    display: flex;

    width: 50px;
    height: 50px;
    margin: auto;

    transition: .1s linear;
    transform: none;

    border-radius: 50%;
    background: #b2ddea;

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

.page_about_v2 .reviews_v2 .swiper-button-prev
{
    right: 60px;
}

.page_about_v2 .reviews_v2 .swiper-button-next
{
    left: 60px;
}

.page_about_v2 .reviews_v2 .swiper-button-next:after,
.page_about_v2 .reviews_v2 .swiper-button-prev:after
{
    display: none;
}

.page_about_v2 .reviews_v2 .swiper-button-next .icon,
.page_about_v2 .reviews_v2 .swiper-button-prev .icon
{
    display: block;

    width: 24px;
    height: 24px;
}

.page_about_v2 .reviews_v2 .swiper-button-next .icon
{
    transform: rotate(180deg);
}

.page_about_v2 .reviews_v2 .swiper-button-next.swiper-button-disabled,
.page_about_v2 .reviews_v2 .swiper-button-prev.swiper-button-disabled
{
    opacity: .5;
}


.page_about_v2 .reviews_v2 .review .author
{
    color: #000;
    font-size: 16px;
    line-height: 130%;

    display: flex;

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

.page_about_v2 .reviews_v2 .review .author .status
{
    color: #a59999;
    font-size: 14px;
    line-height: 130%;

    display: flex;

    margin-left: 4px;

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

.page_about_v2 .reviews_v2 .review .author img
{
    display: block;
}

.page_about_v2 .reviews_v2 .review .author img + span
{
    margin-left: 3px;
}


.page_about_v2 .reviews_v2 .review .text
{
    color: #000;
    font-size: 15px;
    line-height: 150%;

    margin-top: 12px;

    letter-spacing: -.05em;
}


.page_about_v2 .reviews_v2 .review .bottom
{
    display: flex;

    margin-top: 19px;

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


.page_about_v2 .reviews_v2 .review .date
{
    color: #999;
    font-size: 13px;
    line-height: 150%;
}


.page_about_v2 .reviews_v2 .review .likes
{
    display: flex;

    margin-left: auto;

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

.page_about_v2 .reviews_v2 .review .likes .btn
{
    color: #000;
    font-family: var(--font_family2);
    font-size: 13px;
    line-height: 150%;

    display: flex;

    cursor: not-allowed;

    border: none;
    background: none;

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

.page_about_v2 .reviews_v2 .review .likes .btn + .btn
{
    margin-left: 18px;
}

.page_about_v2 .reviews_v2 .review .likes .icon
{
    color: #999;

    position: relative;
    top: -1px;

    display: block;

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

.page_about_v2 .reviews_v2 .review .likes .dislike .icon
{
    top: 2px;

    transform: rotate(180deg);
}


.page_about_v2 .reviews_v2 .review .rating
{
    color: #9ea1a6;
    font-size: 13px;
    line-height: 130%;

    margin-top: 7px;
}

.page_about_v2 .reviews_v2 .review .rating .star
{
    width: 14px;
    height: 13px;

    background: url(../images/ic_star_big.png) 0 100%/14px auto no-repeat;
}

.page_about_v2 .reviews_v2 .review .rating span
{
    margin-left: 13px;
}


.page_about_v2 .reviews_v2 .buy_again
{
    color: #000;
    font-size: 16px;
    line-height: 140%;
}


.page_about_v2 .reviews_v2 .points
{
    margin-top: 15px;
}

.page_about_v2 .reviews_v2 .points .item + .item
{
    margin-top: 12px;
}

.page_about_v2 .reviews_v2 .points .item
{
    color: #000;
    font-size: 13px;
    line-height: 125%;

    display: flex;

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

.page_about_v2 .reviews_v2 .points .item .name
{
    width: calc(100% - 56px);
}

.page_about_v2 .reviews_v2 .points .item .val
{
    color: #000;
    font-size: 15px;
    font-weight: 500;
    line-height: 140%;

    text-align: right;
    white-space: nowrap;
}

.page_about_v2 .reviews_v2 .points .progress
{
    position: relative;

    overflow: hidden;

    width: 100%;
    height: 4px;
    margin-top: 3px;

    border-radius: 2px;
    background: #ccc;
}

.page_about_v2 .reviews_v2 .points .progress div
{
    height: 4px;

    transition: width .1s linear;

    border-radius: inherit;
    background: #43a846;
}


.page_about_v2 .reviews_v2 .rating
{
    display: flex;

    margin-top: 26px;

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

.page_about_v2 .reviews_v2 .rating .title
{
    color: #000;
    font-size: 13px;
    line-height: 125%;

    width: 100%;
    margin-bottom: 16px;
}


.page_about_v2 .reviews_v2 .rating .stars
{
    position: relative;
    top: -1px;

    display: flex;

    width: 75px;
    height: 15px;

    margin-right: 5px;

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

    background: url(../images/ic_star.png) 0 0 repeat-x;
}

.page_about_v2 .reviews_v2 .rating .stars span
{
    display: block;

    height: 16px;

    margin-left: 0;

    background: url(../images/ic_star.png) 0 -30px repeat-x;
}

/* .page_about_v2 .reviews_v2 .rating .stars
{
    display: flex;

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

.page_about_v2 .reviews_v2 .rating .star
{
    width: 17px;
    height: 16px;

    background: url(../images/ic_star_big.png) 0 100%/17px auto no-repeat;
}

.page_about_v2 .reviews_v2 .rating .star + .star
{
    margin-left: 3px;
} */

.page_about_v2 .reviews_v2 .rating .count,
.page_about_v2 .reviews_v2 .rating .duration
{
    color: #000;
    font-size: 14px;
    line-height: 18px;

    margin-left: 13px;
}


.page_about_v2 .reviews_v2 .requisites
{
    color: #999;
    font-size: 13px;
    line-height: 130%;

    /*margin-top: 48px; */
    padding: 0;
    /*padding-top: 38px; */

    /*border-top: 1px solid #d1d1d1; */
    background: none;
}

.page_about_v2 .reviews_v2 .requisites > * + *
{
    margin-top: 12px;
}



/*---------------
   About info v2 - Get price list
---------------*/
.page_about_v2 .get_price_list
{
    position: relative;
    z-index: 3;

    padding: 60px 0 52px;

    background: #a4e2f4;
}


.page_about_v2 .get_price_list .block_title
{
    color: #000;
    font-size: 18px;
    font-weight: 300;
    line-height: 130%;

    position: relative;
    z-index: 3;

    display: flex;

    min-height: 80px;
    margin-bottom: 22px;
    margin-left: 76px;
    padding-left: 40px;

    letter-spacing: .3em;
    text-transform: uppercase;

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

.page_about_v2 .get_price_list .block_title:before
{
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;

    display: block;

    width: 80px;
    height: 80px;

    content: '';

    border-radius: 50%;
    background: rgba(255, 255, 255, .45);
}


.page_about_v2 .get_price_list .mob_form_btn
{
    color: var(--color_white);
    font-family: var(--font_family);
    font-size: var(--font_size);
    font-weight: 300;
    line-height: 35px;

    display: none;

    width: 100%;
    height: 35px;
    padding: 0 23px;

    cursor: pointer;
    transition: background .1s linear;

    border: none;
    border-radius: 18px;
    background: #ff9511;
}

.page_about_v2 .get_price_list .mob_form_btn.active
{
    background: #fea537;
}


.page_about_v2 .get_price_list .data
{
    display: flex;

    padding: 20px;

    background: #ff8611 url(../images/bg_get_price_list.jpg) 50%/cover no-repeat;

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

.page_about_v2 .get_price_list .title
{
    color: var(--color_white);
    font-size: 16px;
    font-weight: 700;
    line-height: 16px;

    width: 350px;
    max-width: 100%;
    margin-top: 10px;

    letter-spacing: .05em;
    text-transform: uppercase;
}

.page_about_v2 .get_price_list .form
{
    position: relative;

    display: flex;

    width: calc(100% - 370px);

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

.page_about_v2 .get_price_list .form .line
{
    width: calc((100% - 184px) / 3);
    margin: 0;;
}

.page_about_v2 .get_price_list .form .agree
{
    position: absolute;
    right: 100%;
    bottom: 0;

    width: 350px;
    max-width: 100%;
    margin-right: 20px;
}

.page_about_v2 .get_price_list .form .submit
{
    width: 154px;
    max-width: 100%;
    padding: 0;
}

.page_about_v2 .get_price_list .form .submit_btn
{
    width: 100%;
    height: 54px;
}


.page_about_v2 .get_price_list form
{
    display: flex;

    width: 551px;
    max-width: 100%;
    margin-left: 35px;
    padding-top: 19px;

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


.page_about_v2 .get_price_list form ::-webkit-input-placeholder
{
    color: #737373;
}

.page_about_v2 .get_price_list form :-moz-placeholder
{
    color: #737373;
}

.page_about_v2 .get_price_list form :-ms-input-placeholder
{
    color: #737373;
}



.page_about_v2 .get_price_list form .field
{
    position: relative;

    width: calc(100% - 223px);
}


.page_about_v2 .get_price_list form .icon
{
	fill: var(--color_blue);
    /*color: #12b40f;
    fill: #12b40f;*/

    position: absolute;
    z-index: 3;
    top: 0;
    bottom: 0;
    left: 14px;

    display: block;

    width: 23px;
    height: 23px;
    margin: auto;

    pointer-events: none;
}


.page_about_v2 .get_price_list form .input
{
    font-family: var(--font_family);
    font-size: 17px;
    font-weight: 300;

    display: block;

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

    border: 2px solid #fff;
    border-radius: 15px;
    background: #fff;
}

.page_about_v2 .get_price_list form .icon + .input
{
    padding-left: 48px;
}


.page_about_v2 .get_price_list form .submit_btn
{
    color: #fff;
    font-family: var(--font_family);
    font-size: 17px;
    font-weight: 300;
    line-height: 150%;
    position: relative;

    display: block;

    width: 213px;
    height: 55px;

    cursor: pointer;
    transition: background .1s linear;

    border: none;
    border-radius: 15px;
    background: #f36535;
}

.page_about_v2 .get_price_list form .submit_btn:hover
{
    background: #fb7345;
}

.page_about_v2 .get_price_list form .submit_btn:disabled:before
{
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    background-color: rgba(246,246,246, 0.85);
    border-radius: 15px;
}


.page_about_v2 .get_price_list form .agree
{
    margin-top: 16px;
}

.page_about_v2 .get_price_list form .agree input
{
    display: none;
}

.page_about_v2 .get_price_list form .agree label
{
    color: #737373;
    font-size: 15px;
    font-weight: 300;
    line-height: 20px;

    position: relative;

    display: block;

    padding-left: 28px;

    cursor: pointer;
}

.page_about_v2 .get_price_list form .agree label a
{
    color: #2aa8cf;

    text-decoration: none;
}

.page_about_v2 .get_price_list form .agree label a:hover
{
    text-decoration: underline;
}

.page_about_v2 .get_price_list form .agree label:before
{
    position: absolute;
    top: 0;
    left: 0;

    display: block;

    width: 20px;
    height: 20px;

    content: '';
    transition: .1s linear;

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

.page_about_v2 .get_price_list form .agree label:after
{
    position: absolute;
    top: 5px;
    left: 5px;

    display: block;

    width: 11px;
    height: 6px;

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

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

.page_about_v2 .get_price_list form .agree input:checked + label:before
{
    border-color: #2aa8cf;
    background: transparent;
}

.page_about_v2 .get_price_list form .agree input:checked + label:after
{
    opacity: 1;
}


.page_about_v2 .get_price_list .bg
{
    position: absolute;
    z-index: -1;
    right: 50%;
    bottom: 0;

    display: block;

    width: 357px;
    height: 204px;
    margin-right: -684px;
}



/*---------------
   About info v2 - Projects
---------------*/
.page_about_v2 .projects
{
    margin-bottom: 60px;
    padding: 60px 0 70px;

    background: #eee;
}


.page_about_v2 .projects .block_title
{
    color: #000;
    font-size: 18px;
    font-weight: 300;
    line-height: 130%;

    position: relative;
    z-index: 3;

    display: flex;

    min-height: 80px;
    margin-left: 74px;
    padding-left: 40px;

    letter-spacing: .3em;
    text-transform: uppercase;

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

.page_about_v2 .projects .block_title:before
{
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;

    display: block;

    width: 80px;
    height: 80px;

    content: '';

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


.page_about_v2 .projects .description
{
    color: #737373;
    font-size: 18px;
    font-weight: 300;
    line-height: 150%;

    width: 559px;
    margin-top: 24px;
    margin-left: 116px;
}

.page_about_v2 .projects .description a
{
    color: #2aa8cf;
    text-decoration: none;
    font-size: 18px;
}

.page_about_v2 .projects .description a:hover
{
    text-decoration: underline;
}


.page_about_v2 .projects .swiper-container
{
    overflow: visible !important;

    margin-top: 42px;
}


.page_about_v2 .projects .slide
{
    visibility: hidden;

    height: auto;

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

    opacity: 0;
}

.page_about_v2 .projects .slide.visible
{
    visibility: visible;

    pointer-events: auto;

    opacity: 1;
}


.page_about_v2 .projects .swiper-button-next,
.page_about_v2 .projects .swiper-button-prev
{
    color: #fff;

    top: -70px;

    display: flex;

    width: 50px;
    height: 50px;

    transition: .1s linear;
    transform: none;

    border-radius: 50%;
    background: #b2ddea;

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

.page_about_v2 .projects .swiper-button-prev
{
    right: 60px;
    left: auto;
}

.page_about_v2 .projects .swiper-button-next
{
    right: 0;
    left: auto;
}

.page_about_v2 .projects .swiper-button-next:after,
.page_about_v2 .projects .swiper-button-prev:after
{
    display: none;
}

.page_about_v2 .projects .swiper-button-next .icon,
.page_about_v2 .projects .swiper-button-prev .icon
{
    display: block;

    width: 24px;
    height: 24px;
}

.page_about_v2 .projects .swiper-button-prev .icon
{
    transform: rotate(-90deg);
}

.page_about_v2 .projects .swiper-button-next .icon
{
    transform: rotate(90deg);
}

.page_about_v2 .projects .swiper-button-next.swiper-button-disabled,
.page_about_v2 .projects .swiper-button-prev.swiper-button-disabled
{
    opacity: .5;
}


.page_about_v2 .projects .project .thumb
{
    color: var(--text_color);

    position: relative;

    display: block;
    overflow: hidden;

    margin-bottom: 28px;
    padding-bottom: 65.67%;

    text-decoration: none;

    background: #ddd;
}

.page_about_v2 .projects .project .thumb img
{
    position: absolute;
    top: 0;
    left: 0;

    display: block;

    width: 100%;
    height: 100%;

    object-fit: cover;
}


.page_about_v2 .projects .project .name
{
    color: #000;
    font-size: 17px;
    font-weight: bold;
    line-height: 130%;
}

.page_about_v2 .projects .project .name a
{
    color: currentColor;

    display: -webkit-box;
    overflow: hidden;

    text-decoration: none;

    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;

    transition: color .1s linear;
}

.page_about_v2 .projects .project .name a:hover
{
    color: var(--color_blue);
}


.page_about_v2 .projects .project .desc
{
    color: #737373;
    font-size: 16px;
    font-weight: 300;
    line-height: 130%;

    display: -webkit-box;
    overflow: hidden;

    margin-top: 12px;

    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}


.page_about_v2 .projects .project .cats
{
    font-size: 16px;
    font-weight: 300;
    line-height: 130%;

    display: flex;

    margin-top: 22px;
    margin-left: -8px;

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

.page_about_v2 .projects .project .cats > *
{
    margin-left: 8px;
}

.page_about_v2 .projects .project .cats .sep
{
    position: relative;
    top: -1px;
}

.page_about_v2 .projects .project .cats a
{
    color: #2aa8cf;

    text-decoration: none;
}

.page_about_v2 .projects .project .cats a:hover
{
    text-decoration: underline;
}



/*---------------
   About info v2 - Conferences
---------------*/
.page_about_v2 .conferences
{
    margin: 52px 0;
}


.page_about_v2 .conferences .cont
{
    position: relative;
}


.page_about_v2 .conferences .block_title
{
    color: #000;
    font-size: 18px;
    font-weight: 300;
    line-height: 130%;

    position: relative;
    z-index: 3;

    display: flex;

    min-height: 80px;
    margin-left: 74px;
    padding-left: 40px;

    letter-spacing: .3em;
    text-transform: uppercase;

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

.page_about_v2 .conferences .block_title:before
{
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;

    display: block;

    width: 80px;
    height: 80px;

    content: '';

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


.page_about_v2 .conferences .description
{
    color: #000;
    font-size: 18px;
    font-weight: bold;
    line-height: 150%;

    width: 560px;
    margin-top: 25px;
    margin-left: 116px;
}

.page_about_v2 .conferences .description2
{
    color: #737373;
    font-size: 18px;
    font-weight: 300;
    line-height: 150%;

    width: 560px;
    margin-top: 30px;
    margin-left: 116px;
}


.page_about_v2 .conferences .items
{
    color: #2aa8cf;
    font-size: 17px;
    font-weight: 300;
    line-height: 150%;

    width: 604px;
    margin-top: 21px;
    margin-left: 116px;
}

.page_about_v2 .conferences .items > *
{
    position: relative;

    padding-left: 60px;
}

.page_about_v2 .conferences .items > * + *
{
    margin-top: 6px;
}

.page_about_v2 .conferences .items > *:before
{
    position: absolute;
    top: 12px;
    left: 0;

    display: block;

    width: 40px;
    height: 1px;

    content: '';

    background: currentColor;
}

.page_about_v2 .conferences .items a
{
    color: currentColor;

    display: inline-block;

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

.page_about_v2 .conferences .items a:hover
{
    text-decoration: underline;
}


.page_about_v2 .conferences .diplom
{
    position: absolute;
    top: 80px;
    right: 231px;
}

.page_about_v2 .conferences .diplom img
{
    display: block;
}

.page_about_v2 .conferences .diplom .name
{
    color: #fff;
    font-size: 16px;
    font-weight: bold;
    line-height: 150%;

    position: absolute;
    z-index: 3;
    top: -40px;
    right: -55px;

    display: flex;

    width: 115px;
    height: 115px;

    text-align: center;

    border-radius: 50%;
    background: #f36535;

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


.page_about_v2 .conferences .swiper-container
{
    margin-top: 88px;
}


.page_about_v2 .conferences .slide
{
    visibility: hidden;

    width: auto;

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

    opacity: 0;
}

.page_about_v2 .conferences .slide.visible
{
    visibility: visible;

    pointer-events: auto;

    opacity: 1;
}


.page_about_v2 .conferences .swiper-button-next,
.page_about_v2 .conferences .swiper-button-prev
{
    color: #fff;

    top: 0;
    bottom: 0;

    display: flex;

    width: 50px;
    height: 50px;
    margin: auto;

    transition: .1s linear;
    transform: none;

    border-radius: 50%;
    background: rgba(165, 213, 227, .85);

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

.page_about_v2 .conferences .swiper-button-prev
{
    left: 10px;
}

.page_about_v2 .conferences .swiper-button-next
{
    right: 10px;
}

.page_about_v2 .conferences .swiper-button-next:after,
.page_about_v2 .conferences .swiper-button-prev:after
{
    display: none;
}

.page_about_v2 .conferences .swiper-button-next .icon,
.page_about_v2 .conferences .swiper-button-prev .icon
{
    display: block;

    width: 24px;
    height: 24px;
}

.page_about_v2 .conferences .swiper-button-prev .icon
{
    transform: rotate(-90deg);
}

.page_about_v2 .conferences .swiper-button-next .icon
{
    transform: rotate(90deg);
}

.page_about_v2 .conferences .swiper-button-next:hover,
.page_about_v2 .conferences .swiper-button-prev:hover
{
    background: #b2ddea;
}

.page_about_v2 .conferences .swiper-button-next.swiper-button-disabled,
.page_about_v2 .conferences .swiper-button-prev.swiper-button-disabled
{
    opacity: 0;
}


.page_about_v2 .conferences .gallery .item
{
    color: currentColor;

    display: block;

    text-decoration: none;
}

.page_about_v2 .conferences .gallery .item img
{
    display: block;

    height: 241px;
}



/*---------------
   About info v2 - Certificates
---------------*/
.page_about_v2 .certificates
{
    margin-bottom: 91px;
}


.page_about_v2 .certificates .block_title
{
    color: #000;
    font-size: 18px;
    font-weight: 300;
    line-height: 130%;

    position: relative;
    z-index: 3;

    display: flex;

    min-height: 80px;
    margin-left: 74px;
    padding-left: 40px;

    letter-spacing: .3em;
    text-transform: uppercase;

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

.page_about_v2 .certificates .description
{
    color: #737373;
    font-size: 18px;
    font-weight: 300;
    line-height: 150%;

    width: 560px;
    max-width: 100%;
    margin-top: 24px;
    margin-left: 116px;
}

.page_about_v2 .certificates .block_title:before
{
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;

    display: block;

    width: 80px;
    height: 80px;

    content: '';

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


.page_about_v2 .certificates .swiper-container
{
    overflow: visible !important;

    width: 1051px;
    margin-top: 26px;
    margin-right: 0;
    margin-left: 115px;
}


.page_about_v2 .certificates .slide
{
    visibility: hidden;

    width: auto;

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

    opacity: 0;


}

.page_about_v2 .certificates .slide.visible
{
    visibility: visible;

    pointer-events: auto;

    opacity: 1;
}


.page_about_v2 .certificates .swiper-button-next,
.page_about_v2 .certificates .swiper-button-prev
{
    color: #fff;

    top: 0;
    bottom: 0;

    display: flex;

    width: 50px;
    height: 50px;
    margin: auto;

    transition: .1s linear;
    transform: none;

    border-radius: 50%;
    background: rgba(165, 213, 227, .85);

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

.page_about_v2 .certificates .swiper-button-prev
{
    left: -89px;
}

.page_about_v2 .certificates .swiper-button-next
{
    right: -89px;
}

.page_about_v2 .certificates .swiper-button-next:after,
.page_about_v2 .certificates .swiper-button-prev:after
{
    display: none;
}

.page_about_v2 .certificates .swiper-button-next .icon,
.page_about_v2 .certificates .swiper-button-prev .icon
{
    display: block;

    width: 24px;
    height: 24px;
}

.page_about_v2 .certificates .swiper-button-prev .icon
{
    transform: rotate(-90deg);
}

.page_about_v2 .certificates .swiper-button-next .icon
{
    transform: rotate(90deg);
}

.page_about_v2 .certificates .swiper-button-next:hover,
.page_about_v2 .certificates .swiper-button-prev:hover
{
    background: #b2ddea;
}

.page_about_v2 .certificates .swiper-button-next.swiper-button-disabled,
.page_about_v2 .certificates .swiper-button-prev.swiper-button-disabled
{
    display: none;

    opacity: .5;
}


.page_about_v2 .certificates .item
{
    color: var(--text_color);

    position: relative;

    display: flex;

    height: 362px;

    text-decoration: none;

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

.page_about_v2 .certificates .item img
{
    display: block;

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

.page_about_v2 .certificates .download
{
    display: block;
    position: relative;

    font-size: 14px;
    font-weight: 300;
    line-height: 20px;

    color: var(--color_blue);
    text-align: center;
    text-decoration: none;
}

.page_about_v2 .certificates .download:after
{
    content: "";
    position: relative;
    display: inline-block;

    width: 16px;
    height: 16px;

    margin-left: 10px;

    background: url('../images/ic_download.png');
    background-size: 100%;
    background-repeat: no-repeat;
}

.page_about_v2 .certificates .download:hover
{
    text-decoration: underline;
}


.page_about_v2 .certificates .line
{
    height: 12px;
    margin-top: 80px;

    background: #eee;
}



/*---------------
   About info v2 - Diploms
---------------*/
.page_about_v2 .diploms
{
    margin-bottom: 60px;
}


.page_about_v2 .diploms .block_title
{
    color: #000;
    font-size: 18px;
    font-weight: 300;
    line-height: 130%;

    position: relative;
    z-index: 3;

    display: flex;

    min-height: 80px;
    margin-left: 74px;
    padding-left: 40px;

    letter-spacing: .3em;
    text-transform: uppercase;

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

.page_about_v2 .diploms .block_title:before
{
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;

    display: block;

    width: 80px;
    height: 80px;

    content: '';

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


.page_about_v2 .diploms .description
{
    color: #737373;
    font-size: 18px;
    font-weight: 300;
    line-height: 150%;

    width: 560px;
    max-width: 100%;
    margin-top: 24px;
    margin-left: 116px;
}


.page_about_v2 .diploms .swiper-container
{
    overflow: visible !important;

    width: 1051px;
    margin-top: 47px;
    margin-right: 0;
    margin-left: 115px;
}


.page_about_v2 .diploms .slide
{
    visibility: hidden;

    width: auto;

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

    opacity: 0;
}

.page_about_v2 .diploms .slide.visible
{
    visibility: visible;

    pointer-events: auto;

    opacity: 1;
}


.page_about_v2 .diploms .swiper-button-next,
.page_about_v2 .diploms .swiper-button-prev
{
    color: #fff;

    top: 0;
    bottom: 0;

    display: flex;

    width: 50px;
    height: 50px;
    margin: auto;

    transition: .1s linear;
    transform: none;

    border-radius: 50%;
    background: rgba(165, 213, 227, .85);

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

.page_about_v2 .diploms .swiper-button-prev
{
    left: -89px;
}

.page_about_v2 .diploms .swiper-button-next
{
    right: -89px;
}

.page_about_v2 .diploms .swiper-button-next:after,
.page_about_v2 .diploms .swiper-button-prev:after
{
    display: none;
}

.page_about_v2 .diploms .swiper-button-next .icon,
.page_about_v2 .diploms .swiper-button-prev .icon
{
    display: block;

    width: 24px;
    height: 24px;
}

.page_about_v2 .diploms .swiper-button-prev .icon
{
    transform: rotate(-90deg);
}

.page_about_v2 .diploms .swiper-button-next .icon
{
    transform: rotate(90deg);
}

.page_about_v2 .diploms .swiper-button-next:hover,
.page_about_v2 .diploms .swiper-button-prev:hover
{
    background: #b2ddea;
}

.page_about_v2 .diploms .swiper-button-next.swiper-button-disabled,
.page_about_v2 .diploms .swiper-button-prev.swiper-button-disabled
{
    display: none;

    opacity: .5;
}


.page_about_v2 .diploms .item
{
    color: var(--text_color);

    position: relative;

    display: flex;

    height: 340px;
    padding-right: 13px;
    padding-bottom: 13px;

    text-decoration: none;

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

.page_about_v2 .diploms .item img
{
    display: block;

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

.page_about_v2 .diploms .item .year
{
    color: #fff;
    font-size: 18px;
    font-weight: 300;
    line-height: 130%;

    position: absolute;
    right: 0;
    bottom: 0;

    display: flex;

    width: 80px;
    height: 80px;

    text-align: center;

    border-radius: 50%;
    background: #2aa8cf;

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


.page_about_v2 .diploms .line
{
    height: 12px;
    margin-top: 80px;

    background: #eee;
}



/*---------------
   About info v2 - Licenses
---------------*/
.page_about_v2 .licenses
{
    margin-bottom: 91px;
}


.page_about_v2 .licenses .block_title
{
    color: #000;
    font-size: 18px;
    font-weight: 300;
    line-height: 130%;

    position: relative;
    z-index: 3;

    display: flex;

    min-height: 80px;
    margin-left: 74px;
    padding-left: 40px;

    letter-spacing: .3em;
    text-transform: uppercase;

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

.page_about_v2 .licenses .block_title:before
{
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;

    display: block;

    width: 80px;
    height: 80px;

    content: '';

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


.page_about_v2 .licenses .swiper-container
{
    overflow: visible !important;

    width: 1051px;
    margin-top: 26px;
    margin-right: 0;
    margin-left: 115px;
}


.page_about_v2 .licenses .slide
{
    visibility: hidden;

    width: auto;

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

    opacity: 0;
}

.page_about_v2 .licenses .slide.visible
{
    visibility: visible;

    pointer-events: auto;

    opacity: 1;
}


.page_about_v2 .licenses .swiper-button-next,
.page_about_v2 .licenses .swiper-button-prev
{
    color: #fff;

    top: 0;
    bottom: 0;

    display: flex;

    width: 50px;
    height: 50px;
    margin: auto;

    transition: .1s linear;
    transform: none;

    border-radius: 50%;
    background: rgba(165, 213, 227, .85);

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

.page_about_v2 .licenses .swiper-button-prev
{
    left: -89px;
}

.page_about_v2 .licenses .swiper-button-next
{
    right: -89px;
}

.page_about_v2 .licenses .swiper-button-next:after,
.page_about_v2 .licenses .swiper-button-prev:after
{
    display: none;
}

.page_about_v2 .licenses .swiper-button-next .icon,
.page_about_v2 .licenses .swiper-button-prev .icon
{
    display: block;

    width: 24px;
    height: 24px;
}

.page_about_v2 .licenses .swiper-button-prev .icon
{
    transform: rotate(-90deg);
}

.page_about_v2 .licenses .swiper-button-next .icon
{
    transform: rotate(90deg);
}

.page_about_v2 .licenses .swiper-button-next:hover,
.page_about_v2 .licenses .swiper-button-prev:hover
{
    background: #b2ddea;
}

.page_about_v2 .licenses .swiper-button-next.swiper-button-disabled,
.page_about_v2 .licenses .swiper-button-prev.swiper-button-disabled
{
    display: none;

    opacity: .5;
}


.page_about_v2 .licenses .item
{
    color: var(--text_color);

    position: relative;

    display: flex;

    height: 362px;

    text-decoration: none;

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

.page_about_v2 .licenses .item img
{
    display: block;

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

.page_about_v2 .licenses .download
{
    display: block;
    position: relative;

    font-size: 14px;
    font-weight: 300;
    line-height: 20px;

    color: var(--color_blue);
    text-align: center;
    text-decoration: none;

    margin-top: 15px;
}

.page_about_v2 .licenses .download:after
{
    content: "";
    position: relative;
    display: inline-block;

    width: 16px;
    height: 16px;

    margin-left: 10px;

    background: url('../images/ic_download.png');
    background-size: 100%;
    background-repeat: no-repeat;
}

.page_about_v2 .licenses .download:hover
{
    text-decoration: underline;
}



/*---------------
   About info v2 - Get discount
---------------*/
.page_about_v2 .get_discount
{
    position: relative;
    z-index: 3;

    overflow: hidden;

    padding: 60px 0 78px;

    background: #eee;
}


.page_about_v2 .get_discount .block_title
{
    color: #000;
    font-size: 18px;
    font-weight: 300;
    line-height: 130%;

    position: relative;
    z-index: 3;

    display: flex;

    min-height: 80px;
    margin-left: 74px;
    padding-left: 40px;

    letter-spacing: .3em;
    text-transform: uppercase;

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

.page_about_v2 .get_discount .block_title:before
{
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;

    display: block;

    width: 80px;
    height: 80px;

    content: '';

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


.page_about_v2 .get_discount .description
{
    color: #737373;
    font-size: 18px;
    font-weight: 300;
    line-height: 150%;

    width: 420px;
    max-width: 100%;
    margin-top: 20px;
    margin-left: 116px;
}


.page_about_v2 .get_discount form
{
    position: relative;

    width: 328px;
    max-width: 100%;
    margin-left: 42px;
    padding-top: 16px;
}


.page_about_v2 .get_discount form ::-webkit-input-placeholder
{
    color: #737373;
}

.page_about_v2 .get_discount form :-moz-placeholder
{
    color: #737373;
}

.page_about_v2 .get_discount form :-ms-input-placeholder
{
    color: #737373;
}


.page_about_v2 .get_discount form .line
{
    margin-bottom: 6px;
}


.page_about_v2 .get_discount form .input
{
    color: #000;
    font-family: var(--font_family);
    font-size: 17px;
    font-weight: 300;

    display: block;

    width: 100%;
    height: 55px;
    padding: 0 19px;

    border: 1px solid #cacaca;
    border-radius: 15px;
    background: #fff;
}


.page_about_v2 .get_discount form .submit_btn
{
    position: relative;
    color: #fff;
    font-family: var(--font_family);
    font-size: 17px;
    font-weight: 300;
    line-height: 150%;

    display: block;

    width: 100%;
    height: 55px;

    cursor: pointer;
    transition: background .1s linear;

    border: none;
    border-radius: 15px;
    background: #2aa8cf;
}

.page_about_v2 .get_discount form .submit_btn:hover
{
    background: #33b7e1;
}

.page_about_v2 .get_discount form .submit_btn:disabled:before
{
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    background-color: rgba(246,246,246, 0.85);
    border-radius: var(--form_border_radius);
}


.page_about_v2 .get_discount form .agree
{
    position: absolute;
    right: 100%;
    bottom: 18px;

    width: 420px;
    margin-right: 42px;
}

.page_about_v2 .get_discount form .agree input
{
    display: none;
}

.page_about_v2 .get_discount form .agree label
{
    color: #737373;
    font-size: 14px;
    font-weight: 300;
    line-height: 20px;

    position: relative;

    display: block;

    padding-left: 28px;

    cursor: pointer;
}

.page_about_v2 .get_discount form .agree label a
{
    color: #2aa8cf;

    text-decoration: none;
}

.page_about_v2 .get_discount form .agree label a:hover
{
    text-decoration: underline;
}

.page_about_v2 .get_discount form .agree label:before
{
    position: absolute;
    top: 0;
    left: 0;

    display: block;

    width: 20px;
    height: 20px;

    content: '';
    transition: border-color .1s linear;

    border: 1px solid #c4c4c4;
    border-radius: 4px;
}

.page_about_v2 .get_discount form .agree label:after
{
    position: absolute;
    top: 5px;
    left: 5px;

    display: block;

    width: 11px;
    height: 6px;

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

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

.page_about_v2 .get_discount form .agree input:checked + label:before
{
    border-color: #2aa8cf;
}

.page_about_v2 .get_discount form .agree input:checked + label:after
{
    opacity: 1;
}


.page_about_v2 .get_discount .bg
{
    position: absolute;
    z-index: -1;
    top: 0;
    right: 50%;
    bottom: 0;

    display: block;

    width: 506px;
    height: 305px;
    margin: auto;
    margin-right: -832px;
}



.carousel
{
    margin-bottom: 30px;
}

.carousel .slider img
{
    max-width: 100%;
}



.pagination
{
    display: flex;

    margin-top: 7px;
    padding: 20px;

    background: #fff;

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

.pagination.center
{
    justify-content: center;
}

.pagination.alignright
{
    justify-content: flex-end;
}

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

.pagination a,
.pagination .sep
{
    color: var(--color_blue);
    font-weight: 700;
    line-height: 34px;

    display: inline-block;

    width: 34px;
    height: 34px;

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

    border-radius: 50%;
}

.pagination a:hover,
.pagination a.active
{
    color: #fff;

    background: var(--color_blue);
}


.pagination .prev,
.pagination .next
{
    color: #9a9a9a;
    font-weight: 300;

    display: flex;

    width: auto;

    border-radius: 0;

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

.pagination .prev
{
    margin-right: 20px;
}

.pagination .next
{
    margin-left: 25px;
}

.pagination .prev span,
.pagination .next span
{
    position: relative;

    display: block;

    width: 22px;
    height: 1px;
    margin-right: 9px;

    transition: background .1s linear;

    background: #9a9a9a;
}

.pagination .prev span:after,
.pagination .next span:after
{
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;

    display: block;

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

    content: '';
    transition: border-color .1s linear;
    transform: rotate(-45deg);

    border-top: 1px solid #9a9a9a;
    border-left: 1px solid #9a9a9a;
}

.pagination .next span
{
    margin-right: 0;
    margin-left: 9px;
}

.pagination .next span:after
{
    right: 0;
    left: auto;

    transform: rotate(-225deg);
}


.pagination .prev:hover,
.pagination .next:hover
{
    color: var(--color_blue);

    background: none;
}

.pagination .prev:hover span,
.pagination .next:hover span
{
    background: var(--color_blue);
}

.pagination .prev:hover span:after,
.pagination .next:hover span:after
{
    border-color: var(--color_blue);
}



.load_more,
.all
{
    margin-top: 7px;
    padding: 20px 0;
    background: #fff;

    text-align: center;
}

.load_more > *,
.all > *
{
    color: var(--color_black);
    font-family: var(--font_family);
    font-size: var(--font_size);
    font-weight: 300;
    line-height: 35px;

    display: inline-block;

    height: 35px;
    padding: 0 25px;

    cursor: pointer;
    transition: .1s linear;
    vertical-align: top;
    text-decoration: none;

    border: none;
    border-radius: 18px;
    background: #e6e6e6;
}

.load_more > *:hover,
.all > *:hover
{
    color: #fff;

    background: var(--color_blue);
}



/*-----------------
   Configurator
-----------------*/
.configurator_ec .data
{
    color: #000;

    position: relative;

    padding: 24px;

    background: #fff;

    font-weight: 300;
}

.configurator_ec .data.loading:before
{
    position: absolute;
    content: "";

    top: 0;
    left: 0;

    width: 100%;
    height: 100%;

    background: rgba(255, 255, 255, 0.5);

    z-index: 1;
}

.configurator_ec .data.loading:after
{
    position: fixed;
    content: "";

    top: 50%;
    left: 50%;

    width: 32px;
    height: 32px;

    margin: -16px 0 0 -16px;

    background: url('../images/preloader.gif');
    background-repeat: no-repeat;

    z-index: 2;
}


.configurator_ec .head
{
    display: flex;

    margin-bottom: 32px;

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



.configurator_ec .cols
{
    display: flex;

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

    position: relative;
}



.configurator_ec input[type=radio]
{
    display: none;
}

.configurator_ec input[type=radio] + label
{
    font-size: 14px;
    line-height: 130%;

    position: relative;

    display: flex;

    min-height: 29px;
    padding-top: 2px;
    padding-left: 39px;

    cursor: pointer;

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

    white-space: nowrap;
}

.configurator_ec input[type=radio] + label:before
{
    position: absolute;
    top: 0;
    left: 0;

    display: block;

    width: 29px;
    height: 29px;

    content: '';

    border: 1px solid #bdc6d1;
    border-radius: 50%;
}

.configurator_ec input[type=radio] + label:after
{
    position: absolute;
    top: 8px;
    left: 8px;

    display: block;

    width: 13px;
    height: 13px;

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

    opacity: 0;
    border: 1px solid var(--color_blue);
    border-radius: 50%;
    background: #999;
}

.configurator_ec input[type=radio]:checked + label:after
{
    opacity: 1;
    background: var(--color_blue);
}



.configurator_ec input[type=checkbox]
{
    display: none;
}

.configurator_ec input[type=checkbox] + label
{
    font-size: 16px;
    line-height: 130%;

    position: relative;

    display: flex;

    min-height: 29px;
    padding-top: 2px;
    padding-left: 47px;

    cursor: pointer;

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

.configurator_ec input[type=checkbox] + label:before
{
    position: absolute;
    top: 0;
    left: 0;

    display: block;

    width: 29px;
    height: 29px;

    content: '';
    transition: .1s linear;

    border: 1px solid #bdc6d1;
    border-radius: 3px;
}

.configurator_ec input[type=checkbox] + label:after
{
    position: absolute;
    top: 8px;
    left: 7px;

    display: block;

    width: 16px;
    height: 8px;

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

    opacity: 0;
    border-bottom: 2px solid var(--color_blue);
    border-left: 2px solid var(--color_blue);
}

.configurator_ec input[type=checkbox]:checked + label:after
{
    opacity: 1;
}


.configurator_ec input[type=checkbox] + label.circle:before
{
    border: 1px solid #bdc6d1;
    border-radius: 50%;
}

.configurator_ec input[type=checkbox] + label.circle:after
{
    border-color: #fff;
}

.configurator_ec input[type=checkbox]:checked + label.circle:before
{
    border: 1px solid var(--color_blue);
    background: var(--color_blue);
}



.configurator_ec .checkbox_sub
{
    margin-top: 8px;
    padding-left: 47px;
}


.configurator_ec .checkbox_sub .row
{
    display: flex;

    margin-bottom: -8px;
    margin-left: -12px;

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

.configurator_ec .checkbox_sub .row + .row
{
    margin-top: 8px;
}

.configurator_ec .checkbox_sub .row > *
{
    width: calc(25% - 12px);
    margin-bottom: 8px;
    margin-left: 12px;
}



.configurator_ec select
{
    display: none;
}

.configurator_ec .nice-select
{
    position: relative;

    display: block;
}

.configurator_ec .nice-select .current
{
    font-size: 14px;
    line-height: 30px;

    position: relative;

    display: block;
    overflow: hidden;

    height: 30px;
    padding: 0 20px 0 10px;

    cursor: pointer;
    white-space: nowrap;
    text-overflow: ellipsis;

    color: var(--color_white);
    background: var(--color_blue);
}

.configurator_ec .nice-select .current:after
{
    position: absolute;
    top: -1px;
    right: 7px;
    bottom: 0;

    display: block;

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

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

    border-bottom: 2px solid var(--color_white);
    border-left: 2px solid var(--color_white);
}

.configurator_ec .nice-select .list
{
    position: absolute;
    z-index: 9;
    top: calc(100% + 24px);
    left: 0;

    visibility: hidden;
    overflow: hidden;

    min-width: 100%;
    padding: 0;

    transition: .1s linear;

    opacity: 0;
    border: 1px solid #c4c4c4;
    background: #f7f7f7;
}

.configurator_ec .nice-select.open .list
{
    top: calc(100% - 1px);

    visibility: visible;

    opacity: 1;
}

.configurator_ec .nice-select .list .list_item
{
    font-size: 14px;
    line-height: 130%;
    text-align: center;

    padding: 10px 0;

    cursor: pointer;
    transition: background .1s linear;
}

.configurator_ec .nice-select .list .list_item + .list_item
{
    border-top: 1px solid #d6d6d6;
}

.configurator_ec .nice-select .list .list_item:hover
{
    background: #bdc6d1;
}

.configurator_ec .nice-select .list .list_item.selected
{
    color: #fff;
    background: var(--color_blue);
}

.configurator_ec .nice-select .list .list_item:empty
{
    display: none;
}



.configurator_type
{
    display: flex;

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


.configurator_type .name
{
    font-size: 20px;
    line-height: 130%;

    margin-right: 9px;
    padding-top: 2px;

    text-transform: uppercase;
}

.configurator_type label
{
    margin-left: 16px;
}



.configurator_ready_network
{
    width: 534px;
    max-width: 100%;
}



.configurator_reset_btn
{
    color: inherit;
    font-family: inherit;
    font-size: 16px;
    font-weight: 400;
    line-height: 130%;

    display: flex;

    cursor: pointer;
    text-align: left;

    border: none;
    background: none;

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

    position: absolute;
    right: 0;
    top: -72px;
}

.configurator_reset_btn .icon
{
    display: block;

    margin-left: 12px;

    transition: .1s linear;
}

.configurator_reset_btn:hover .icon
{
    transform: rotate(360deg);
}



.configurator_ec .tabs
{
    display: flex;

    margin-bottom: 33px;
    margin-left: -8px;

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


.configurator_ec .tabs button
{
    color: var(--color_blue);
    font-family: inherit;
    font-size: 20px;
    line-height: 130%;

    display: block;

    margin-left: 8px;
    padding: 4px 20px;

    cursor: pointer;
    transition: .1s linear;

    border: 2px solid transparent;
    background: none;
    border-radius: 5px;
}

.configurator_ec .tabs button span
{
    transition: border-color .1s linear;

    border-bottom: 1px dashed;
}

.configurator_ec .tabs button:hover span,
.configurator_ec .tabs button.active span
{
    border-color: transparent;
}

.configurator_ec .tabs button.active
{
    border-color: #d9ebf0;
}


.configurator_ec .block
{
    width: 440px;
    max-width: 100%;
}

.configurator_ec .col_left
{
    overflow: auto;
    max-height: calc(100vh - 100px);
    width: calc(50% - 150px);
}


.configurator_ec .block .title
{
    font-size: 20px;
    line-height: 130%;

    position: relative;

    padding: 6px 23px;

    cursor: pointer;

    border-radius: 5px;
    background: #719ead;

    color: #fff;
}

.configurator_ec .block .title:after
{
    position: absolute;
    top: -6px;
    right: 15px;
    bottom: 0;

    display: block;

    width: 12px;
    height: 12px;
    margin: auto;

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

    border-bottom: 2px solid #fff;
    border-left: 2px solid #fff;
}

.configurator_ec .block .title.active:after
{
    top: 6px;

    transform: rotate(-225deg);
}


.configurator_ec .block .data
{
    display: none;

    padding-top: 19px;
}


.configurator_ec .block .data > .flex
{
    justify-content: space-between;
}

.configurator_ec .block .data > .flex > *
{
    width: 312px;
    max-width: calc(50% - 20px);
}


.configurator_ec .block .name
{
    font-size: 16px;
    line-height: 130%;

    margin-bottom: 12px;
}


.configurator_ec .block .padding_left
{
    padding-left: 55px;
}


.configurator_ec .hr
{
    width: 100%;
    height: 1px;
    margin: 12px 0;

    background: #bdc6d1;
}


.configurator_ec .field + .field
{
    margin-top: 12px;
}


.configurator_ec .amount
{
    display: flex;

    width: 316px;
    max-width: 100%;

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

.configurator_ec .amount + .amount
{
    margin-top: 10px;
}


.configurator_ec .amount button
{
    position: relative;

    display: block;

    width: 30px;
    min-width: 30px;
    height: 30px;

    cursor: pointer;

    border: none;
    border-radius: 80px;
    background: #719EAD;

    transition: all .1s linear;
}

.configurator_ec .amount button:hover
{
    border: 1px solid #00abdf;
    background: #00abdf;
}

.configurator_ec .amount button:before,
.configurator_ec .amount button:after
{
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;

    display: block;

    width: 12px;
    height: 2px;
    margin: auto;

    content: '';

    background: #fff;
}

.configurator_ec .amount button:after
{
    width: 2px;
    height: 12px;
}

.configurator_ec .amount button.minus
{
    margin-right: 24px;
}

.configurator_ec .amount button.minus:after
{
    opacity: 0;
}

.configurator_ec .amount button.plus
{
    margin-left: 16px;
}


.configurator_ec .amount .input
{
    color: currentColor;
    font-family: var(--font_family2);
    font-size: 16px;
    line-height: 130%;

    display: block;

    width: 58px;
    height: 29px;
    padding: 2px 4px 0;

    text-align: right;
    letter-spacing: .1em;

    border: 1px solid #bdc6d1;
    border-radius: 2px;
}

.configurator_ec .amount .input.red
{
    color: #f00;
}


.configurator_ec .amount .exp
{
    font-size: 16px;
    line-height: 130%;

    width: 100px;
    margin-right: auto;
}

.configurator_ec .amount .input + .exp
{
    width: 132px;
    margin-left: auto;
    padding-left: 12px;
}


.configurator_ec .amount .unit
{
    font-size: 16px;
    line-height: 130%;

    margin-left: 8px;

    white-space: nowrap;
}



.configurator_ec .options
{
    margin: 5px 0 30px -5px;
}

.configurator_ec .routers .options
{
    margin-top: 30px;
}

.configurator_ec .options > *
{
    margin: 5px 0 0 5px;
}


.configurator_ec .options.disabled
{
    position: relative;
}

.configurator_ec .options.disabled:after
{
    position: absolute;
    content: "";

    top: 0;
    left: 0;

    width: 100%;
    height: calc(100% + 10px);

    background: rgba(255, 255, 255, 0.5);

    z-index: 2;
}



.configurator_ec .options input[type=checkbox] + label:after,
.configurator_ec .options input[type=checkbox] + label:before
{
    display: none;
}

.configurator_ec .options input[type=checkbox] + label
{
    line-height: 30px;

    display: block;

    min-width: 63px;
    height: 30px;
    min-height: 27px;
    padding: 0 9px;

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

    border: 1px solid #c4c4c4;
    border-radius: 2px;
    background: #fff;
    box-shadow: 0 4px 4px rgba(0, 0, 0, .25);
}

.configurator_ec .options input[type=checkbox] + label:hover
{
  background: #bdc6d1;
}

.configurator_ec .options input[type=checkbox]:checked + label
{
    color: var(--color_white);
    border-color: var(--color_blue);
    background: var(--color_blue);
    box-shadow: none;
}


.configurator_ec .mac_table .flex
{
    margin-bottom: -8px;
    margin-left: -16px;
}

.configurator_ec .mac_table .flex > *
{
    margin-bottom: 8px;
    margin-left: 16px;
}



.configurator_ec .power_type.dep
{
    margin-top: 20px;
}

.configurator_ec .power_type .name
{
    transition: color .1s linear;
}

.configurator_ec .power_type.dark .name
{
    color: #000;
}


.configurator_ec .power_type .flex
{
    margin-bottom: -8px;
    margin-left: -8px;
}

.configurator_ec .power_type .flex > *
{
    margin-bottom: 8px;
    margin-left: 8px;
}


.configurator_ec .power_type input[type=radio] + label
{
    line-height: 25px;

    display: block;

    min-width: 63px;
    height: 27px;
    min-height: 27px;
    padding: 0 9px;

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

    border: 1px solid #c4c4c4;
    border-radius: 2px;
    background: #fff;
    box-shadow: 0 4px 4px rgba(0, 0, 0, .25);
}

.configurator_ec .power_type input[type=radio] + label:hover
{
    background: #bdc6d1;
}

.configurator_ec .power_type input[type=radio] + label:before,
.configurator_ec .power_type input[type=radio] + label:after
{
    display: none;
}

.configurator_ec .power_type input[type=radio]:checked + label
{
    color: var(--color_white);
    border-color: var(--color_blue);
    background: var(--color_blue);
    box-shadow: none;
}



.configurator_ec .notice
{
    color: #f00;
    font-size: 16px;
    line-height: 130%;

    margin-top: 10px;
}


.configurator_ec .calc_auto
{
    margin-bottom: 20px;
}


.configurator_ec .calc_auto input[type=checkbox] + label
{
    color: #000;
    line-height: 24px;

    display: block;

    min-width: 63px;
    height: 34px;
    min-height: 34px;
    padding: 4px 9px;

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

    border: 1px solid #c4c4c4;
    border-radius: 2px;
    background: #f7f7f7;
    box-shadow: 0 4px 4px rgba(0, 0, 0, .25);
}

.configurator_ec .calc_auto input[type=checkbox] + label:before,
.configurator_ec .calc_auto input[type=checkbox] + label:after
{
    display: none;
}

.configurator_ec .calc_auto input[type=checkbox]:checked + label
{
    border-color: #999;
    background: #ededed;
    box-shadow: none;
}



.configurator_ec .col_right
{
    position: relative;

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


.configurator_ec .col_right .block
{
    width: 100%;
}


.configurator_ec .col_right .manager_widget
{
    margin: 50px 0 0 auto;
}


.configurator_ec .col_right .empty .title
{
    font-size: 24px;
    line-height: 30px;
    text-align: center;
}


.configurator_ec .col_right .mob_btn
{
    color: #fff;
    font-size: 13px;
    line-height: 130%;

    position: fixed;
    top: 50%;
    right: 0;

    display: none;

    width: 50px;
    padding: 12px 8px;

    white-space: nowrap;

    border: 1px solid #00abdf;
    background: #00abdf;
    box-shadow: 0 4px 4px rgba(0, 0, 0, .25);

    z-index: 9;
}

.configurator_ec .col_right .mob_btn > * + *
{
    margin-top: 10px;
}

.configurator_ec .col_right .mob_btn .icon
{
    display: block;

    width: 20px;
    height: 26px;
}

.configurator_ec .col_right .mob_btn .icon2
{
    display: block;

    width: 22px;
    height: 22px;
}

.configurator_ec .col_right.show .mob_btn
{
    display: none;
}


.configurator_ec .col_right .mob_close_btn
{
    color: currentColor;
    font-family: inherit;
    font-size: 18px;
    line-height: 130%;

    position: absolute;
    top: 15px;
    left: 20px;

    display: none;

    border: none;
    background: none;
}

.configurator_ec .col_right .mob_close_btn span
{
    font-size: 24px;
    line-height: 130%;
    vertical-align: middle;
}


.configurator_ec .spec_prices
{
    margin-top: 32px;
}


.configurator_ec .spec_prices .spoler_btn
{
    color: var(--color_blue);
    font-family: inherit;
    font-size: 22px;
    line-height: 41px;

    display: block;

    margin-left: auto;

    cursor: pointer;

    border: none;
    background: none;
    font-weight: 300;
}

.configurator_ec .spec_prices .spoler_btn img
{
    display: inline-block;
    vertical-align: top;
    margin: 6px 5px 0 0;
}

.configurator_ec .spec_prices .spoler_btn span
{
    transition: border-color .1s linear;

    border-bottom: 1px dashed;
}

.configurator_ec .spec_prices .spoler_btn:hover span
{
    border-color: transparent;
}


.configurator_ec .spec_prices .empty .title
{
    font-size: 24px;
    line-height: 30px;
    text-align: center;
    margin-bottom: 20px;
}

.configurator_ec .spec_prices .empty p
{
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0;
    text-align: center;
}

.configurator_ec .spec_prices .empty .spoler_btn
{
    margin-top: 20px;
    display: block;
    text-align: center;
    width: 100%;
}


.configurator_ec .spec_prices .form_spec_prices
{
    display: none;

    max-width: 100%;
    margin-left: auto;
    padding-top: 37px;
    padding-bottom: 27px;

    --form_border_color: #d6d6d6;
    --form_focus_color: #d6d6d6;
    --form_error_color: red;
    --form_border_radius: 2px;
    --form_bg_color: rgba(255, 255, 255, .9);
    --form_placeholder_color: #8c8c8c;
}


.configurator_ec .spec_prices .columns
{
    margin-left: calc(var(--form_columns_offset) * -1);

    --form_columns_offset: 31px;
}

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


.configurator_ec .spec_prices .line
{
    margin-bottom: 13px;
}


.configurator_ec .spec_prices .field
{
    position: relative;
}


.configurator_ec .spec_prices .input
{
    color: var(--text_color);
    font-family: var(--font_family);
    font-size: 16px;

    display: block;

    width: 100%;
    height: 35px;
    padding: 0 13px;

    transition: border-color .1s linear;

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

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


.configurator_ec .spec_prices textarea
{
    color: var(--text_color);
    font-family: var(--font_family);
    font-size: 16px;
    line-height: 22px;

    display: block;

    width: 100%;
    height: 81px;
    padding: 8px 13px;

    resize: none;
    transition: border-color .1s linear;

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

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


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

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


.configurator_ec .spec_prices input[type=checkbox]
{
    display: none;
}

.configurator_ec .spec_prices input[type=checkbox] + label
{
    font-size: 12px;
    line-height: 18px;

    position: relative;

    display: flex;

    width: 260px;
    max-width: 100%;
    min-height: 18px;
    margin-right: auto;
    margin-left: auto;
    padding-left: 24px;

    cursor: pointer;

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


.configurator_ec .spec_prices input[type=checkbox] + label a
{
    color: #1867c0;
}

.configurator_ec .spec_prices input[type=checkbox] + label a:hover
{
    text-decoration: none;
}


.configurator_ec .spec_prices input[type=checkbox] + label:before
{
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;

    display: block;

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

    content: '';

    border: 1px solid #999;
    border-radius: var(--form_border_radius);
    background: #fff;
}

.configurator_ec .spec_prices input[type=checkbox] + label:after
{
    position: absolute;
    top: -3px;
    bottom: 0;
    left: 3px;

    display: block;

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

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

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

.configurator_ec .spec_prices input[type=checkbox]:checked + label:after
{
    opacity: 1;
}


.configurator_ec .spec_prices .submit
{
    padding-top: 5px;
}

.configurator_ec .spec_prices .submit_btn
{
    color: #fff;
    font-family: var(--font_family);
    font-size: 16px;
    line-height: 22px;

    display: block;

    width: 260px;
    max-width: 100%;
    margin-right: auto;
    margin-left: auto;
    padding: 9px;

    cursor: pointer;
    transition: background .1s linear;

    border: none;
    border-radius: 2px;
    background: #00abdf;
    box-shadow: 0 0 8px #e5e5e5;
}

.configurator_ec .spec_prices .submit_btn:hover
{
    background: #22b5e2;
}



.configurator_ec .range
{
    display: flex;

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

.configurator_ec .range
{
    margin-top: 30px;
}

.configurator_ec .range .name
{
    width: 100%;
}

.configurator_ec .range .name .tooltip
{
    display: inline-block;
    width: 22px;
    border-radius: 50%;
    border: 1px solid #000;
    height: 22px;
    text-align: center;
    line-height: 20px;
    margin-left: 10px;
}

.configurator_ec .range .range_slider
{
    position: relative;

    margin-left: 6px;
    padding: 0 24px;

    width: calc(100% - 12px);
}

.configurator_ec .range .flex
{
    width: 100%;

    justify-content: space-between;
}

.configurator_ec .flex .field
{
    margin-top: 12px;
}

.configurator_ec .range .input
{
    color: currentColor;
    font-family: var(--font_family2);
    font-size: 16px;
    line-height: 130%;

    display: inline-block;

    margin-left: 10px;

    width: 64px;
    height: 29px;
    padding: 2px 4px 0;

    text-align: left;
    letter-spacing: .1em;

    border: 1px solid #bdc6d1;
    border-radius: 2px;
}



.configurator_ec .specification
{
    margin-top: 60px;
}


.configurator_ec .specification .title
{
    color: #00abdf;
    font-size: 22px;
    font-weight: 700;
    line-height: 130%;

    position: relative;

    margin-bottom: 23px;
    padding: 11px;

    text-align: center;

    background: #fff;
}


.configurator_ec .specification .download
{
    position: absolute;
    top: 50%;
    right: 13px;

    display: flex;

    transform: translateY(-50%);

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

.configurator_ec .specification .download > * + *
{
    margin-left: 10px;
}

.configurator_ec .specification .download a
{
    display: block;

    text-decoration: none;
}

.configurator_ec .specification .download img
{
    display: block;
}

.configurator_ec .specification .download .copy_link.copied .text span,
.configurator_ec .specification .download .copy_link .text span + span
{
    display: none;
}

.configurator_ec .specification .download .copy_link.copied .text span + span
{
    display: block;
}


.configurator_ec .specification .titles
{
    font-size: 16px;
    line-height: 130%;

    display: flex;

    padding-bottom: 5px;

    border-bottom: 1px solid #bdc6d1;

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


.configurator_ec .specification .product
{
    font-size: 16px;
    line-height: 130%;

    display: flex;

    padding: 19px 0;

    border-bottom: 1px solid #bdc6d1;

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


.configurator_ec .specification .type
{
    color: var(--color_blue);
    font-size: 20px;
    font-weight: 700;
    line-height: 130%;

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


.configurator_ec .specification .checkbox
{
    display: none;
}


.configurator_ec .specification .type .checkbox label,
.configurator_ec .specification .product .checkbox label
{
    line-height: 17px;

    position: relative;

    height: 26px;
    padding-left: 38px;

    cursor: pointer;
    vertical-align: middle;
    letter-spacing: 0;
}

.configurator_ec .specification .type .checkbox label:before,
.configurator_ec .specification .product .checkbox label:before
{
    position: absolute;
    top: 2px;
    left: 0;

    display: block;

    width: 22px;
    height: 22px;

    content: '';
    transition: .1s linear;

    border: 1px solid #2AA8CF;
    border-radius: 4px;
    background: #fff;
}

.configurator_ec .specification .type .checkbox label:after,
.configurator_ec .specification .product .checkbox label:after
{
    position: absolute;
    top: 7px;
    left: 5px;

    display: block;

    width: 12px;
    height: 8px;

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

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

.configurator_ec .specification .product .checkbox label:after
{
    border-color: var(--color_blue);
}

.configurator_ec .specification .type .checkbox input[type='checkbox']:checked + label:before
{
    background: #2AA8CF;
}

.configurator_ec .specification .type .checkbox input[type='checkbox']:checked + label:after,
.configurator_ec .specification .product .checkbox input[type='checkbox']:checked + label:after
{
    opacity: 1;
}

.configurator_ec .specification .type .checkbox.tooltip .text
{
    margin-left: -75px;
}

.configurator_ec .specification .product .thumb img
{
    display: block;

    max-width: 100%;
    margin-right: auto;
    margin-left: auto;

    mix-blend-mode: darken;
}

.configurator_ec .specification .product .col_name
{
    color: var(--color_blue);

    margin-left: 15px;
}

.configurator_ec .specification .product .col_name a
{
    color: currentColor;

    display: inline-block;

    max-width: 275px;

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

.configurator_ec .specification .product .col_name a:hover
{
    text-decoration: underline;
}

.configurator_ec .specification .product .col_articul
{
    color: var(--color_blue);
}


.configurator_ec .specification .col_info
{
    width: calc(100% - 222px);
}

.configurator_ec .specification .col_thumb
{
    width: 164px;

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

.configurator_ec .specification .col_name
{
    width: calc(100% - 400px);
}

.configurator_ec .specification .col_articul
{
    width: 120px;
}

.configurator_ec .specification .col_amount
{
    width: 100px;
    text-align: center;
}



/*---------------
   Courses
---------------*/
.courses
{
    margin-bottom: 90px;
}



.courses .cont
{
    justify-content: space-between;
    align-items: stretch;
    align-content: stretch;
}


.courses .col_main
{
    width: calc(100% - 744px);
}

.courses .col_main.big
{
    width: calc(100% - 380px);
}


.courses .col_left,
.courses .col_right
{
    position: relative;
    z-index: 5;

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



.courses .col_left .course_name
{
    display: none;
}

.courses .col_left > .item
{
    margin-bottom: 60px;
}

.courses .links
{
    color: #000;
    font-size: 17px;
    font-weight: 300;
    line-height: 150%;

    padding: 32px 30px;

    border-radius: 0 35px 0 0;
    background: #fff;
    box-shadow: 0 0 10px rgba(0, 0, 0, .1);
}

.courses .links > * + *
{
    margin-top: 2px;
}


.courses .links a
{
    color: currentColor;

    position: relative;

    display: block;

    padding: 8px 0;

    text-decoration: none;
}


.courses .links a:before
{
    position: absolute;
    top: 0;
    left: -30px;

    display: block;

    width: 7px;
    height: 100%;

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

    opacity: 0;
    background: #2aa8cf;
}


.courses .links .sub
{
    padding: 4px 0 6px;
}


.courses .links .sub > * + *
{
    margin-top: 12px;
}


.courses .links .sub a
{
    padding: 0 0 0 37px;
}

.courses .links .sub a:before
{
    top: 12px;
    left: 0;

    width: 24px;
    height: 1px;

    opacity: 1;
    background: currentColor;
}


.courses .links a.active,
.courses .links a:hover
{
    font-weight: 500;
}

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



.courses .has_question_btn,
.courses .order_btn
{
    color: #fff;
    font-size: 19px;
    font-weight: 500;
    line-height: 150%;

    display: block;

    width: 100%;
    height: 70px;

    cursor: pointer;

    border: none;
    border-radius: 0 0 35px 35px;
    background: #00abdf;

    transition: .1s linear;
}

.courses .order_btn
{
    background: #ff9511;
}

.courses .order_btn:hover
{
    background: #00abdf;
}

.courses .has_question_btn:hover
{
    background: #ff9511;
}


.courses .course_name,
.courses .courses_title
{
    color: #000;
    font-size: 40px;
    font-weight: 700;
    line-height: 110%;

    position: relative;
    z-index: 3;

    margin-bottom: 30px;
    padding-top: 18px;
}

.courses .courses_title
{
    margin-left: 35px;
}

.courses .course_name:before,
.courses .courses_title:before
{
    position: absolute;
    top: 0;
    left: -35px;

    display: block;

    width: 80px;
    height: 80px;

    content: '';

    border-radius: 50%;
    background: rgba(0, 171, 223, .25);
}



.courses .courses_desc
{
    width: 928px;
    max-width: calc(100% - 35px);
    margin-left: 35px;
    margin-top: 40px;
}


.courses .courses_desc .flex-content
{
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    align-content: flex-start;

    margin-bottom: 30px;
}


.courses .courses_desc .flex-content .left-content
{
    width: 200px;
}

.courses .courses_desc .flex-content .left-content a
{
    display: inline-block;
}

.courses .courses_desc .flex-content .left-content a img
{
    width: 100%;
    max-width: 360px;

    margin: 0;
}

.courses .courses_desc .flex-content .right-content
{
    width: calc(100% - 220px);
    margin-left: 20px;
}


.courses_banner
{
    background: url('../images/bg_banner_akademiya.jpg') center/cover no-repeat;
    border-radius: 40px;
    display: flex;
    width: 100%;
    box-shadow: 0 15px 40px rgba(0, 0, 0, 0.15);
}

.courses_banner .left-content
{
    width: 50%;

    position: relative;
    padding: 40px;
    color: #fff;

    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.courses_banner .left-content .container
{
    position: relative;
    z-index: 1;
    display: flex;
    flex-direction: column;
    height: 100%;
}

.courses_banner .left-content .courses-blocks .course-block
{
    background: rgba(255, 255, 255, 0.7);
    border-radius: 5px;
    padding: 14px 18px;
    max-width: 250px;
    margin-top: 0;
}

.courses_banner .left-content .courses-blocks .course-block + .course-block
{
    margin-top: 30px;
}

.courses_banner .left-content .courses-blocks .course-block a
{
    color: var(--color_blue);
    font-weight: 500;
    font-size: 14px;
    text-decoration: none;
}

.courses_banner .left-content .courses-blocks .course-block a:hover
{
    text-decoration: underline;
}

.courses_banner .left-content .courses-blocks .course-block span
{
    display: block;
    font-size: 14px;
    margin-top: 15px;
    color: #767676;
    font-weight: 700;
}

.courses_banner .left-content .courses-blocks .course-block.available span
{
    color: #51d66a;
}

.courses_banner .left-content .courses-blocks .schedule-link
{
    margin-top: 30px;
    max-width: 250px;
}

.courses_banner .left-content .courses-blocks .schedule-link a
{
    display: block;
    
    background: var(--color_blue);
    border: none;
    color: #fff;
    font-size: 16px;
    font-weight: 700;
    border-radius: 5px;

    transition: background 0.3s ease;

    margin: auto;

    width: 100%;
    height: 40px;
    line-height: 36px;
    
    text-decoration: none;
    text-align: center;
}

.courses_banner .left-content .courses-blocks .schedule-link a:hover
{
    background: #ff9511;
}


.courses_banner .left-content .manager
{
    display: flex;
    align-items: flex-end;
    margin-top: auto;
    gap: 14px;
}

.courses_banner .left-content .manager .photo
{
    width: 150px;
    height: 150px;
    border-radius: 50%;
    object-fit: cover;
}

.courses_banner .left-content .manager .manager-info
{
    display: flex;
    flex-direction: column;
}

.courses_banner .left-content .manager .manager-info .name
{
    color: var(--color_blue);
    font-weight: 400;
    font-size: 14px;
}

.courses_banner .left-content .manager .manager-info .title
{
    margin-top: 8px;
    font-size: 16px;
    font-weight: 500;
    color: #000;
}

.courses_banner .left-content .manager .messengers
{
    margin-top: 8px;
    display: flex;
    gap: 10px;
}

.courses_banner .left-content .manager .messengers a svg
{
    width: 18px;
    height: 18px;
}

.courses_banner .left-content .manager .messengers a svg.WhatsApp
{
    fill: #0fc731;
}

.courses_banner .left-content .manager .messengers a svg.Telegram
{
    fill: #00abdf;
}

.courses_banner .left-content .manager .messengers a svg.Max
{
    fill: url('../images/sprite.svg#ic_messenger_Max_gradient');
}


.courses_banner .right-content
{
    width: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 40px 40px 40px 0;
}

.courses_banner .right-content .form-block
{
    width: 100%;
    max-width: 400px;
    background: #dfe0e2;
    border-radius: 16px;
    padding: 25px 30px 30px 30px;
    box-shadow: 0 0 10px rgba(255,255,255, 0.5);
}

.courses_banner .right-content .form-block .form-title
{
    color: #050505;
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 25px;
    text-align: center;
}

.courses_banner .right-content .form-block .form select.error + .nice-select .current
{
    border-color: #ef4836;
    border-width: 2px;
}


.courses_banner .right-content .form-block .form .exp
{
    padding-left: 10px;
    color: #818181;
    font-size: 11px;
    font-weight: 300;
}


.courses_banner .right-content .form-block .form .agree .field
{
    display: flex;

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

.courses_banner .right-content .form-block .form .agree .field label
{
    color: #818181;
    font-size: 11px;
}

.courses_banner .right-content .form-block .form .agree .field label a
{
    color: var(--color_blue);

    text-decoration: none;
}

.courses_banner .right-content .form-block .form .agree .field label a:hover
{
    text-decoration: underline;
}

.courses_banner .right-content .form-block .form .agree .field label:before
{
    top: 1px;
}

.courses_banner .right-content .form-block .form .agree .field label:after
{
    top: 5px;
}


.courses_banner .right-content .form-block .form .submit_btn
{
    background: #ff9511;
    border: none;
    color: #fff;
    font-size: 16px;

    transition: background 0.3s ease;

    margin: auto;

    width: 200px;
    height: 40px;
}

.courses_banner .right-content .form-block .form .submit_btn:before
{
    border-radius: 5px;
}

.courses_banner .right-content .form-block .form .submit_btn:hover
{
    background: var(--color_blue);
}



.courses .wheelSlider-container
{
    width: 786px;
    margin: 40px 0 0;
}


.courses .wheelSlider-container .slide
{
    text-align: center;
}


.courses .wheelSlider-container img
{
    display: block;

    width: 100%;

    border-radius: 35px;
}


.courses .wheelSlider-container figcaption
{
    color: #737373;
    font-size: 17px;
    font-weight: 300;
    line-height: 150%;

    position: relative;

    display: inline-block;

    margin-top: 20px;

    transition: opacity .1s linear;
    vertical-align: top;

    opacity: 0;
}

.courses .wheelSlider-container figcaption:before
{
    position: absolute;
    top: 12px;
    right: 100%;

    display: block;

    width: 43px;
    height: 1px;
    margin-right: 18px;

    content: '';

    background: #9f9f9f;
}

.courses .wheelSlider-container .now figcaption
{
    opacity: 1;
}



.courses .block_title
{
    color: #000;
    font-size: 46px;
    font-weight: 700;
    line-height: 130%;

    position: relative;
    z-index: 3;

    margin-bottom: 52px;
    margin-left: 35px;
}

.courses .block_title:before
{
    position: absolute;
    top: -16px;
    left: -37px;

    display: block;

    width: 80px;
    height: 80px;

    content: '';

    border-radius: 50%;
    background: rgba(0, 171, 223, .25);
}



.courses .text_block
{
    color: #000;
    font-size: 18px;
    font-weight: 300;
    line-height: 150%;
}


.courses .text_block h2
{
    color: currentColor;
    font-size: 24px;
    font-weight: 500;
    line-height: 150%;

    margin-bottom: 24px;
}


/*.courses .text_block h2,
.courses .text_block * + h3,
.courses .text_block * + h4
{
    margin-top: 64px;
}*/


.courses .text_block ul
{
    padding-left: 11px;
}

.courses .text_block ul li
{
    padding-left: 40px;
}

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

.courses .text_block ul li:before
{
    top: 5px;

    width: 17px;
    height: 17px;

    background: #bae5f2;
}



.course_info .info
{
    color: #000;

    padding: 38px 35px 40px 33px;

    border: 9px solid #bae5f2;
    border-radius: 35px;
}


.course_info .info .date .label
{
    color: #00abdf;
    font-size: 15px;
    font-weight: 300;
    line-height: 120%;

    margin-bottom: 11px;
}


.course_info .info .date .val
{
    font-size: 24px;
    font-weight: 700;
    line-height: 130%;
}


.course_info .info .duration,
.course_info .info .amount
{
    font-size: 15px;
    font-weight: 300;
    line-height: 120%;

    display: flex;

    margin-top: 20px;

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


.course_info .info .duration .icon,
.course_info .info .amount .icon
{
    display: flex;

    width: 67px;
    height: 67px;

    border-radius: 50%;
    background: #bae5f2;

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

.course_info .info .duration .icon svg,
.course_info .info .amount .icon svg
{
    display: block;

    width: 26px;
    height: 26px;
}

.course_info .info .amount .icon svg
{
    width: 32px;
    height: 22px;
}

.course_info .info .duration .icon + *,
.course_info .info .amount .icon + *
{
    width: calc(100% - 86px);

    align-self: center;
}


.course_info .info .order_btn
{
    color: #fff;
    font-family: var(--font_family);
    font-size: 17px;
    font-weight: 500;
    line-height: 150%;

    display: block;

    width: 100%;
    height: 55px;
    margin-top: 30px;

    cursor: pointer;

    border: none;
    border-radius: 15px;
    background: #ff9511;
    transition: .1s linear;
}

.course_info .info .order_btn:hover
{
    background: #00abdf;
}

.course_info .info > *:first-child
{
    margin-top: 0;
}


.course_info .file
{
    display: flex;

    margin-top: 30px;

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

.course_info .file a
{
    color: #c1c1c1;
    font-size: 12px;
    line-height: 18px;

    display: block;

    min-height: 32px;
    padding-left: 38px;

    text-decoration: none;
}

.course_info .file a.pdf
{
    background: url(../images/ic_pdf.svg) 0 3px/auto 30px no-repeat;
}

.course_info .file a.rfb
{
    background: url(../images/ic_rfb.svg) 0 3px/auto 30px no-repeat;
}

.course_info .file a.zip
{
    background: url(../images/ic_zip.svg) 0 3px/auto 30px no-repeat;
}

.course_info .file a > * + *
{
    margin-top: 2px;
}

.course_info .file .name
{
    color: var(--color_blue);
    font-size: var(--font_size);
}

.course_info .file .name span
{
    transition: border-color .1s linear;

    border-bottom: 1px dashed transparent;
}

.course_info .file a:hover .name span
{
    border-color: var(--color_blue);
}


.course_info .course_schedule
{
    margin-top: 30px;
}

.course_info .course_schedule .title
{
    color: #000;
    font-size: var(--font_size);
    font-weight: 600;
    line-height: 120%;
    text-align: center;
}

.course_info .course_schedule .table_wrap
{
    overflow: auto;

    max-width: 100%;
    padding: 3px 0;

    border-top: 4px solid #00abdf;
    border-bottom: 4px solid #00abdf;
    border-radius: 4px;

    margin-top: 15px;
}


.course_info .course_schedule table
{
    width: 100%;

    border-spacing: 0;
    border-collapse: collapse;
}


.course_info .course_schedule table td
{
    color: #000;
    font-size: 14px;
    font-weight: 300;
    line-height: 130%;

    height: 50px;
    padding: 5px;

    text-align: center;
    vertical-align: middle;
    white-space: nowrap;

    background: #ebfaff;
}

.course_info .course_schedule table td + td
{
    border-left: 3px solid #fff;
}

.course_info .course_schedule table tr + tr
{
    border-top: 3px solid #fff;
}

.course_info .course_schedule table tbody tr:nth-child(2n) td
{
    background: #dbecf1;
}


.course_info .course_schedule table td.name
{
    font-weight: 500;

    text-align: left;

    white-space: normal;
}

.course_info .course_schedule table td.name a
{
    color: #00abdf;

    text-decoration: none;
}

.course_info .course_schedule table td.name a:hover
{
    text-decoration: underline;
}


.course_info .course_schedule table td.action a
{
    color: #00abdf;

    display: inline-block;

    vertical-align: top;
}

.course_info .course_schedule table td.action a:hover
{
    text-decoration: none;
}


.course_info .course_schedule table td.action .exp
{
    color: #737373;
    font-size: 15px;
    line-height: 130%;

    display: flex;

    margin-top: 7px;

    justify-content: center;
    align-items: center;
    align-content: center;
    flex-wrap: nowrap;
}

.course_info .course_schedule table td.action .exp .icon
{
    display: block;

    width: 18px;
    height: 18px;
    margin-right: 6px;
}


.courses .teaching_staff
{
    position: relative;
    z-index: 3;

    margin-top: 67px;
    padding: 50px 0 72px;
}

.courses .teaching_staff:before
{
    position: absolute;
    z-index: -1;
    top: 0;
    right: 0;

    display: block;

    width: 100vw;
    height: 100%;
    margin-right: calc((100vw - 1410px + 24px) / -2);

    content: '';

    background: #fff;
}


.courses .teaching_staff .flex
{
    margin-bottom: -42px;
    margin-left: -42px;
}

.courses .teaching_staff .flex > *
{
    width: calc(33.333% - 42px);
    margin-bottom: 42px;
    margin-left: 42px;
}


.courses .teaching_staff .person
{
    color: #000;

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

    padding: 50px;

    background: #f9f9f9;
}

.courses .teaching_staff .person + .person
{
    margin-top: 50px;
}


.courses .teaching_staff .block_left
{
    width: 310px;
}

.courses .teaching_staff .block_right
{
    width: calc(100% - 350px);
    margin-left: 40px;
}


.courses .teaching_staff .photo
{
    position: relative;

    width: 250px;
    height: 250px;
    margin: 0 auto 23px;

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


.courses .teaching_staff .photo img
{
    position: absolute;
    top: 0;
    left: 0;

    display: block;

    width: 100%;
    height: 100%;

    border-radius: inherit;

    object-fit: cover;
}


.courses .teaching_staff .youtube_link
{
    color: #fff;

    position: absolute;
    z-index: 3;
    right: 30px;
    bottom: 8px;

    display: flex;

    width: 40px;
    height: 40px;

    text-decoration: none;

    border-radius: 50%;
    background: #00abdf;

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

.courses .teaching_staff .youtube_link .icon
{
    display: block;

    width: 24px;
    height: 17px;

    transition: .1s linear;

    fill: #fff;
}

.courses .teaching_staff .youtube_link:hover .icon
{
    width: 34px;
    height: 27px;
}


.courses .teaching_staff .name
{
    font-size: 24px;
    font-weight: 700;
    line-height: 150%;
    text-align: center;
}


.courses .teaching_staff .post
{
    color: #43a846;
    font-size: 15px;
    font-weight: 500;
    line-height: 150%;

    margin-top: 13px;

    text-align: center;
}


.courses .teaching_staff .experience
{
    color: #737373;
    font-size: 14px;
    font-weight: 300;
    font-style: italic;
    line-height: 150%;

    margin-top: 14px;
}

.courses .teaching_staff .experience b
{
    color: var(--color_black);
    font-weight: 700;
}


.courses .teaching_staff .certificates
{
    font-size: 14px;
    font-weight: 300;
    font-style: italic;
    line-height: 150%;

    margin-top: 30px;
}

.courses .teaching_staff .certificates b
{
    color: var(--color_black);
    font-weight: 700;
}

.courses .teaching_staff .certificates ul
{
    list-style: none;
}

.courses .teaching_staff .certificates ul li
{
    margin-top: 10px;
}

.courses .teaching_staff .certificates ul li:before
{
    content: "";

    display: inline-block;

    height: 10px;
    width: 10px;

    margin-right: 10px;

    border-radius: 50%;

    background: #43a846;
}

.courses .teaching_staff .certificates ul li a
{
    color: #737373;
    text-decoration: none;
}

.courses .teaching_staff .certificates ul li a:hover
{
    text-decoration: underline;
}



.courses .available
{
    margin-top: 50px;
}


.courses .available .flex
{
    margin-bottom: -42px;
    margin-left: -42px;

    --courses_count: 2;
    align-items: stretch;
    align-content: stretch;
}

.courses .available .flex > *
{
    width: calc(50% - 42px);
    margin-bottom: 42px;
    margin-left: 42px;
}


.courses .available .course
{
    position: relative;

    overflow: hidden;

    border-radius: 35px;
    background: #fff;
    text-decoration: none;
    transition: .1s linear;
}

.courses .available .course:hover
{
    box-shadow: 0 0 9px rgba(0,0,0,.3);
}

.courses .available .thumb
{
    position: relative;

    padding-bottom: 44.989%;

    background: #ddd;
}

.courses .available .thumb img
{
    position: absolute;
    top: 0;
    left: 0;

    display: block;

    width: 100%;
    height: 100%;

    object-fit: cover;
}


.courses .available .places
{
    color: #fff;
    font-size: 15px;
    font-weight: 300;
    line-height: 120%;

    position: absolute;
    bottom: -14px;
    left: 40px;

    padding: 5px 20px;

    white-space: nowrap;

    background: #43a846;
}


.courses .available .info
{
    display: flex;

    padding: 40px;

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


.courses .available .name
{
    color: #000;
    font-size: 24px;
    font-weight: 500;
    line-height: 150%;

    width: 100%;
}

.courses .available .name:hover
{
    text-decoration: underline;
}


.courses .available .desc
{
    color: #484848;
    font-size: 17px;
    font-weight: 300;
    line-height: 150%;

    width: 100%;
    margin-top: 14px;
    padding-bottom: 8px;
}


.courses .available .duration,
.courses .available .amount
{
    color: #000;
    font-size: 15px;
    font-weight: 300;
    line-height: 120%;

    display: flex;

    width: calc(100% - 214px);
    margin-top: 20px;

    white-space: nowrap;

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


.courses .available .duration .icon,
.courses .available .amount .icon
{
    display: flex;

    width: 67px;
    height: 67px;

    border-radius: 50%;
    background: #f8f8f8;

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

.courses .available .duration .icon svg,
.courses .available .amount .icon svg
{
    display: block;

    width: 26px;
    height: 26px;
}

.courses .available .amount .icon svg
{
    width: 32px;
    height: 22px;
}

.courses .available .duration .icon + *,
.courses .available .amount .icon + *
{
    width: calc(100% - 86px);

    align-self: center;
}


.courses .available .date
{
    color: #00abdf;
    font-size: 15px;
    font-weight: 300;
    line-height: 120%;

    width: 180px;
    margin-top: 20px;

    align-self: center;
}

.courses .available .date_title
{
    color: #000;
    font-size: 18px;
    font-weight: 500;
    margin-top: 30px;
    width: 100%;
}


.courses .available .order_btn
{
    color: #fff;
    font-family: var(--font_family);
    font-size: 17px;
    font-weight: 500;
    line-height: 150%;

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

    width: 180px;
    height: 55px;
    margin-top: 20px;

    cursor: pointer;

    border: none;
    border-radius: 15px;
    background: #ff9511;

    align-self: center;
    transition: .1s linear;
}

.courses .available .order_btn:hover
{
    background: #00abdf;
}

.courses .schedule
{
    position: relative;
    z-index: 3;

    margin-top: 79px;
    padding: 50px 0 80px;
}

.courses .schedule:before
{
    position: absolute;
    z-index: -1;
    top: 0;
    right: 0;

    display: block;

    width: 100vw;
    height: 100%;
    margin-right: calc((100vw - 1410px + 24px) / -2);

    content: '';

    background: #fff;
}


.courses .schedule .schedule_filter
{
    display: flex;

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

    margin-bottom: 5px;
}
.courses .schedule .schedule_filter .btn_block
{
    display: flex;

    gap: 16px;
    
    flex-wrap: wrap;
    justify-content: flex-start;
}

.courses .schedule .schedule_filter .btn_block .btn
{
    padding: 10px 24px;
    border-radius: 8px;
    border: none;
    font-size: 16px;
    font-weight: bold;
    color: #fff;
    cursor: pointer;
    transition: all 0.3s ease;
    min-width: 80px;
    text-align: center;
    background-color: #a8e1f2;
}

.courses .schedule .schedule_filter .btn_block .btn:hover,
.courses .schedule .schedule_filter .btn_block .btn.active
{
    background-color: #1da1db;
}


.courses .schedule .schedule_filter .year_btn
{
    gap: 0;
}

.courses .schedule .schedule_filter .year_btn .btn
{
    border-radius: 2px 16px 0 0;

    margin-bottom: -10px;

    background: #dbecf1;
    color: #737373;
}

.courses .schedule .schedule_filter .year_btn .btn:hover,
.courses .schedule .schedule_filter .year_btn .btn.active
{
    color: #fff;
}

.courses .schedule .schedule_filter .year_btn .btn + .btn
{
    margin-left: 4px;
}


.courses .schedule .table_wrap
{
    overflow: auto;

    max-width: 100%;
    padding: 3px 0;

    border-top: 4px solid #00abdf;
    border-bottom: 4px solid #00abdf;
}


.courses .schedule table
{
    width: 100%;

    border-spacing: 0;
    border-collapse: collapse;
}


.courses .schedule table td
{
    color: #000;
    font-size: 17px;
    font-weight: 300;
    line-height: 130%;

    height: 75px;
    padding: 14px 20px;

    text-align: center;
    vertical-align: middle;
    white-space: nowrap;

    background: #ebfaff;
}

.courses .schedule table td + td
{
    border-left: 3px solid #fff;
}

.courses .schedule table tr + tr
{
    border-top: 3px solid #fff;
}

.courses .schedule table tbody tr:nth-child(2n) td
{
    background: #dbecf1;
}


.courses .schedule table td.name
{
    font-weight: 500;

    text-align: left;

    white-space: normal;
}

.courses .schedule table td.name a
{
    color: #00abdf;

    text-decoration: none;
}

.courses .schedule table td.name a:hover
{
    text-decoration: underline;
}


.courses .schedule table td.action a
{
    color: #00abdf;

    display: inline-block;

    vertical-align: top;
}

.courses .schedule table td.action a:hover
{
    text-decoration: none;
}


.courses .schedule table td.action .exp
{
    color: #737373;
    font-size: 15px;
    line-height: 130%;

    display: flex;

    margin-top: 7px;

    justify-content: center;
    align-items: center;
    align-content: center;
    flex-wrap: nowrap;
}

.courses .schedule table td.action .exp .icon
{
    display: block;

    width: 18px;
    height: 18px;
    margin-right: 6px;
}



.courses .academy_address
{
    margin-top: 50px;
}


.courses .academy_address .flex
{
    align-items: stretch;
    align-content: stretch;
}


.courses .academy_address .data
{
    color: #000;
    font-size: 18px;
    font-weight: 300;
    line-height: 130%;

    width: 439px;
    max-width: 100%;
    padding: 59px 42px;

    background: #fff;
}


.courses .academy_address .location,
.courses .academy_address .phone,
.courses .academy_address .email
{
    display: flex;

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

.courses .academy_address .phone,
.courses .academy_address .email
{
    margin-top: 30px;
}


.courses .academy_address .icon
{
    color: #bae5f2;

    display: block;

    width: 60px;
    height: 60px;
}

.courses .academy_address .email .icon
{
    width: 67px;
    height: 67px;
}

.courses .academy_address .icon + *
{
    width: calc(100% - 83px);
    margin-left: auto;

    align-self: center;
}

.courses .academy_address .icon + * > * + *
{
    margin-top: 8px;
}


.courses .academy_address a
{
    color: currentColor;

    white-space: nowrap;
    text-decoration: none;
}

.courses .academy_address a:hover
{
    text-decoration: underline;
}


.courses .academy_address .callback_btn
{
    color: #fff;
    font-family: var(--font_family);
    font-size: 17px;
    font-weight: 500;
    line-height: 150%;

    display: inline-block;

    width: 260px;
    max-width: 100%;
    height: 55px;
    margin-top: 34px;

    cursor: pointer;
    vertical-align: top;

    border: none;
    border-radius: 15px;
    background: #ff9511;

    transition: .1s linear;
}

.courses .academy_address .callback_btn:hover
{
    background: #00abdf;
}


.courses .academy_address .map
{
    position: relative;

    overflow: hidden;

    width: calc(100% - 442px);
    min-height: 466px;
    margin-left: auto;

    background: #ddd;
}



.courses .process_photo
{
    padding-top: 50px;
}


.courses .process_photo_gallery
{
    display: flex;
    flex-direction: column;
    gap: 24px;

    margin-top: 45px;
}

.courses .process_photo_gallery .row 
{
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
}

.courses .process_photo_gallery .row .left-block,
.courses .process_photo_gallery .row .right-block
{
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    align-content: stretch;
}

.courses .process_photo_gallery .row.left-big .left-block,
.courses .process_photo_gallery .row.right-big .right-block
{
    flex: 1 1 60%;
}

.courses .process_photo_gallery .row.left-big .right-block,
.courses .process_photo_gallery .row.right-big .left-block
{
    flex: 1 1 35%;
}

.courses .process_photo_gallery .row a {
    display: block;
    border-radius: 12px;
    overflow: hidden;
    flex: 1 1 auto;
}


.courses .process_photo_gallery .row a img
{
    width: 100%;
    height: auto;
    border-radius: 12px;
    object-fit: cover;
}


.courses .process_video
{
    position: relative;
    z-index: 3;
    margin-top: 79px;
    padding: 50px 0 80px;
}

.courses .process_video:before
{
    position: absolute;
    z-index: -1;
    top: 0;
    right: 0;

    display: block;

    width: 100vw;
    height: 100%;
    margin-right: calc((100vw - 1410px + 24px) / -2);

    content: '';

    background: #fff;
}

.courses .process_video .slider_wrap a
{
    text-decoration: none;
}

.courses .process_video .slider_wrap img
{
    width: 100%;
}

.courses .process_video .slider_wrap .video_html5 .thumb
{
    position: relative;
    display: block;
    overflow: hidden;
    padding-bottom: 122.4%;
}

.courses .process_video .slider_wrap .video_html5 video
{
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.courses .process_video .slider_wrap .video .title
{
    color: #737373;
    font-size: 16px;
    font-weight: 300;
    line-height: 130%;
    padding: 10px 0;

    transition: color .1s linear;
}

.courses .process_video .slider_wrap .video .title:hover
{
    color: var(--color_blue);
}


.courses .process_video .slider_wrap .slider
{
    padding-bottom: 72px;
}


.courses .process_video .slider_wrap .owl-carousel .owl-nav button
{
    top: auto;

    width: 52px;
    height: 52px;

    transition: background .1s linear;

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

.courses .process_video .slider_wrap .owl-carousel .owl-nav button.owl-prev
{
    left: 50%;

    margin-left: -60px;
}

.courses .process_video .slider_wrap .owl-carousel .owl-nav button.owl-next
{
    right: 50%;

    margin-right: -60px;
}

.courses .process_video .slider_wrap .owl-carousel .owl-nav button span
{
    left: 6px;

    width: 18px;
    height: 18px;

    border-width: 4px;
    border-color: #fff;
}

.courses .process_video .slider_wrap .owl-carousel .owl-nav button:hover
{
    background: var(--color_blue);
}


.courses .partners
{
    position: relative;
    z-index: 3;
    padding: 30px 0 80px;
}

.courses .partners:before
{
    position: absolute;
    z-index: -1;
    top: 0;
    right: 0;

    display: block;

    width: 100vw;
    height: 100%;
    margin-right: calc((100vw - 1410px + 24px) / -2);

    content: '';

    background: #fff;
}

.courses .partners .partners_wrap
{
    display: flex;

    margin: 20px 0 -20px -20px;

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

.courses .partners .partners_wrap .item
{
    display: block;

    margin-bottom: 20px;
    margin-left: 20px;

    width: calc(25% - 30px);

    text-decoration: none;
}

.courses .partners .partners_wrap .item img
{
    width: 100%;
}


.courses .partners .all_link
{
    color: var(--color_blue);
    font-size: 14px;
    font-weight: 300;

    display: flex;

    margin-top: 50px;

    text-align: center;

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

.courses .partners .all_link button
{
    color: currentColor;

    display: flex;

    text-decoration: none;

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

    background: none;
    border: none;
}

.courses .partners .all_link button span
{
    font-size: 14px;
}

.courses .partners .all_link button .icon
{
    position: relative;
    top: 2px;

    display: block;

    width: 17px;
    height: 1px;
    margin-left: 6px;

    background: currentColor;
}

.courses .partners .all_link button .icon:after
{
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;

    display: block;

    width: 7px;
    height: 7px;
    margin: auto;

    content: '';
    transition: border-color .1s linear;
    transform: rotate(-45deg);

    border-right: 1px solid;
    border-bottom: 1px solid;
}

.courses .partners .all_link button:hover
{
    text-decoration: underline;
    cursor: pointer;
}




/*---------------
   Photo hunting
---------------*/
.photo_hunting
{
    padding-bottom: 1px;

    background: #fff;
}


.photo_hunting .cont
{
    max-width: 1228px;
}



.photo_hunting .competition
{
    position: relative;
    z-index: 3;

    padding: 88px 0 144px;

    background: #2c2c2c;
}


.photo_hunting .competition .data
{
    position: relative;

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


.photo_hunting .competition .pre_title
{
    color: #fff;
    font-family: var(--font_family3);
    font-size: 24px;
    font-weight: 300;
    line-height: 150%;

    margin-bottom: 9px;
}


.photo_hunting .competition .title
{
    color: #ffa51c;
    font-family: var(--font_family3);
    font-size: 70px;
    font-weight: 900;
    line-height: 110%;
}


.photo_hunting .competition .items
{
    color: #fff;
    font-size: 18px;
    font-weight: 300;
    line-height: 150%;

    margin-top: 60px;
}


.photo_hunting .competition .items > *
{
    position: relative;
}

.photo_hunting .competition .items > * + *
{
    margin-top: 32px;
}

.photo_hunting .competition .items > *:nth-child(1)
{
    margin-left: 75px;
}

.photo_hunting .competition .items > *:nth-child(2)
{
    margin-left: 40px;
}

.photo_hunting .competition .items > *:nth-child(1)
{
    margin-left: 75px;
}


.photo_hunting .competition .items b
{
    font-weight: 900;
}


.photo_hunting .competition .btn
{
    color: #fff;
    font-family: var(--font_family);
    font-size: 20px;
    font-weight: 900;
    text-decoration: none;

    display: flex;

    width: 281px;
    max-width: 100%;
    height: 60px;
    margin-top: 45px;

    cursor: pointer;
    vertical-align: top;

    border: none;
    border-radius: 30px;
    background: #ff4e51;

    transition: .1s linear;

    justify-content: center;
    align-items: center;
}

.photo_hunting .competition .btn:hover
{
    background: #ffa51c;
}


.photo_hunting .competition .exp
{
    color: #000;
    font-size: 15px;
    font-weight: 300;
    line-height: 140%;

    position: absolute;
    z-index: 3;
    right: -160px;
    bottom: 20px;

    display: flex;

    width: 219px;
    height: 211px;
    padding: 56px 34px 33px 31px;

    text-align: center;

    background: url(../images/bg_photo_hunting_competition_exp.png) 0 0/100% 100% no-repeat;

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

.photo_hunting .competition .exp:before
{
    color: #ffa51c;
    font-size: 50px;
    font-weight: 900;
    line-height: 110%;

    position: absolute;
    top: 16px;
    left: 0;

    display: block;

    width: 100%;
    padding-left: 1px;

    content: '*';
    text-align: center;
}


.photo_hunting .competition .bg
{
    position: absolute;
    z-index: -2;
    top: 0;
    left: 0;

    display: block;

    width: 100%;
    height: 100%;

    pointer-events: none;

    object-fit: cover;
}


.photo_hunting .competition .bg_left
{
    position: absolute;
    z-index: -1;
    bottom: 164px;
    left: 50%;

    display: block;

    width: 239px;
    height: 230px;
    margin-left: -1053px;

    pointer-events: none;
}


.photo_hunting .competition .bg_map
{
    position: absolute;
    z-index: -1;
    top: 130px;
    left: 50%;

    display: block;

    width: 570px;
    height: 540px;
    margin-left: -1060px;

    pointer-events: none;
}


.photo_hunting .main_bg
{
    position: relative;
    z-index: 3;

    padding-top: 67px;
    padding-bottom: 40px;
}


.photo_hunting .main_bg > *
{
    position: relative;
    z-index: 5;
}


.photo_hunting .main_bg > .bg
{
    position: absolute;
    z-index: 1;
    top: 0;
    left: 50%;

    display: block;

    width: 1920px;
    height: 5058px;
    max-height: 100%;

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


.photo_hunting .main_bg > .bg_top
{
    position: absolute;
    z-index: 2;
    top: -150px;
    left: 0;

    display: block;

    width: 100%;

    pointer-events: none;
}


.photo_hunting .main_bg > .bg_top_left
{
    position: absolute;
    z-index: 3;
    top: 340px;
    left: 0;

    display: block;

    width: 489px;
    height: 2247px;

    pointer-events: none;
}


.photo_hunting .main_bg > .bg_top_right
{
    position: absolute;
    z-index: 3;
    top: 40px;
    right: 0;

    display: block;

    width: 485px;
    height: 2289px;

    pointer-events: none;
}


.photo_hunting .main_bg > .bg_bottom
{
    position: absolute;
    z-index: 2;
    bottom: 480px;
    left: 0;

    display: block;

    width: 100%;

    pointer-events: none;
}


.photo_hunting .main_bg > .bg_bottom_left
{
    position: absolute;
    z-index: 3;
    bottom: 160px;
    left: 0;

    display: block;

    width: 516px;
    height: 1200px;

    pointer-events: none;
}


.photo_hunting .main_bg > .bg_bottom_left2
{
    position: absolute;
    z-index: 3;
    bottom: 1550px;
    left: 0;

    display: block;

    width: 484px;
    height: 1126px;

    pointer-events: none;
}


.photo_hunting .main_bg > .bg_bottom_right
{

    position: absolute;
    z-index: 3;
    right: 0;
    bottom: -160px;

    display: block;

    width: 930px;
    height: 940px;

    pointer-events: none;
}


.photo_hunting .main_bg > .bg_bottom_right2
{
    position: absolute;
    z-index: 3;
    right: 0;
    bottom: 1000px;

    display: block;

    width: 794px;
    height: 1119px;

    pointer-events: none;
}


.photo_hunting .main_bg > .bg_bottom_center
{
    position: absolute;
    z-index: 4;
    bottom: 300px;
    left: 50%;

    display: block;

    width: 1920px;
    height: 1423px;
    margin-left: -960px;

    pointer-events: none;
}



.photo_hunting .prizes
{
    margin-bottom: 96px;
}


.photo_hunting .prizes .block_title
{
    color: #ffa51c;
    font-family: var(--font_family3);
    font-size: 60px;
    font-weight: 900;
    line-height: 110%;

    margin-bottom: 51px;
}


.photo_hunting .prizes .flex
{
    margin-bottom: -40px;
    margin-left: -20px;
}

.photo_hunting .prizes .flex > *
{
    width: calc(25% - 20px);
    margin-bottom: 40px;
    margin-left: 20px;
}


.photo_hunting .prizes .item
{
    text-align: center;
}


.photo_hunting .prizes .thumb
{
    position: relative;
    z-index: 3;

    display: flex;

    height: 247px;
    margin-bottom: 10px;

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

.photo_hunting .prizes .thumb:before
{
    position: absolute;
    z-index: -1;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;

    display: block;

    width: 219px;
    height: 211px;
    margin: auto;

    content: '';

    background: url(../images/bg_photo_hunting_prize_thumb.svg) 0 0/100% 100% no-repeat;
}

.photo_hunting .prizes .thumb img
{
    display: block;

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


.photo_hunting .prizes .place
{
    color: #ffa51c;
    font-family: var(--font_family3);
    font-size: 24px;
    font-weight: 900;
    line-height: 150%;
}


.photo_hunting .prizes .prize
{
    color: #000;
    font-size: 17px;
    font-weight: 300;
    line-height: 140%;

    width: 237px;
    max-width: 100%;
    margin: 12px auto 0;
}


.photo_hunting .prizes .exp
{
    color: #9e9e9e;
    font-size: 17px;
    font-weight: 300;
    line-height: 140%;

    margin-top: 36px;

    text-align: center;
}


.photo_hunting .prizes .bg1
{
    position: absolute;
    bottom: 0;
    left: 50%;

    display: block;

    width: 335px;
    height: 293px;
    margin-left: -733px;

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


.photo_hunting .prizes .bg2
{
    position: absolute;
    right: 50%;
    bottom: 0;

    display: block;

    width: 478px;
    height: 392px;
    margin-right: -667px;

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



.photo_hunting .tables
{
    margin-bottom: 120px;
}

.photo_hunting .tables .block_title
{
    color: #ffa51c;
    font-family: var(--font_family3);
    font-size: 60px;
    font-weight: 900;
    line-height: 110%;

    margin-bottom: 20px;
}

.photo_hunting .tables iframe
{
    border: none;
}


.photo_hunting .models
{
    margin-bottom: 96px;
}


.photo_hunting .models .data
{
    width: 436px;
    max-width: 100%;

    align-self: center;
}


.photo_hunting .models .title
{
    color: #ffa51c;
    font-family: var(--font_family3);
    font-size: 60px;
    font-weight: 900;
    line-height: 110%;
}


.photo_hunting .models .desc
{
    color: #000;
    font-size: 17px;
    font-weight: 300;
    line-height: 140%;

    margin-top: 36px;
}


.photo_hunting .models .btn
{
    color: #ffa51c;
    font-family: var(--font_family);
    font-size: 17px;
    font-weight: 700;
    line-height: 140%;

    display: flex;

    margin-top: 24px;

    cursor: pointer;

    border: none;
    background: none;

    justify-content: flex-start;
    align-items: center;
    align-content: center;
    flex-wrap: wrap;
    text-decoration-line: underline;
}

.photo_hunting .models .btn .icon
{
    display: block;

    width: 24px;
    height: 24px;
    margin-left: 8px;
}

.photo_hunting .models .btn:hover
{
    text-decoration: none;
}


.photo_hunting .models .image
{
    position: relative;

    overflow: hidden;

    width: 579px;
    height: 438px;
    margin-left: auto;

    background: #ddd;
}

.photo_hunting .models .image img,
.photo_hunting .models .image video
{
    position: absolute;
    top: 0;
    left: 0;

    display: block;

    width: 100%;
    height: 100%;

    object-fit: cover;
}



.photo_hunting .requirements
{
    margin-bottom: 60px;
}


.photo_hunting .requirements .data
{
    position: relative;
    z-index: 5;

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


.photo_hunting .requirements .block_title
{
    color: #ffa51c;
    font-size: 60px;
    font-weight: 900;
    line-height: 110%;

    margin-bottom: 55px;

    width: 100%;
}


.photo_hunting .requirements .items
{
    display: flex;

    color: #000;
    font-size: 17px;
    font-weight: 300;
    line-height: 140%;

    position: relative;
    
    justify-content: flex-start;
    align-items: flex-start;
    align-content: flex-start;
    flex-wrap: wrap;
}

.photo_hunting .requirements .items > *
{
    position: relative;

    width: 33.333%;

    margin-bottom: 40px;
    padding-right: 20px;
}


.photo_hunting .requirements .items > .warning
{
    width: 66.666%;
    background: #fff;
    padding: 20px;
    border: 5px solid #ff0000;
    border-radius: 15px;
    font-weight: bold;
}

.photo_hunting .requirements .items > .warning p + p
{
    margin-top: 20px;
}


.photo_hunting .requirements .items a
{
    color: var(--color_blue);
    text-decoration: none;
}

.photo_hunting .requirements .items a:hover
{
    text-decoration: underline;
}

.photo_hunting .requirements .items img
{
    display: block;
    margin-bottom: 10px;
}

.photo_hunting .requirements .items .bg3
{
    position: absolute;

    width: 100px;

    left: 100px;
    top: -5px;
}

.photo_hunting .requirements .items .bg7
{
    position: absolute;

    width: 100px;
    left: 75px;

    top: -35px;
}


.photo_hunting .requirements .items .title
{
    font-weight: 700;

    margin-top: 15px;
}

.photo_hunting .requirements .items .desc
{
    margin-top: 15px;
}

.photo_hunting .requirements .items .desc b
{
    color: #ffa51c;
    font-weight: 700;
}


.photo_hunting .requirements .where
{
    position: relative;
    z-index: 3;

    width: 475px;
    height: 460px;
    margin-right: -200px;
    padding: 115px 70px 55px 110px;

    font-size: 17px;
    font-weight: 300;
}

.photo_hunting .requirements .where:before
{
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;

    display: block;

    width: 100%;
    height: 100%;

    content: '';

    background: url(../images/bg_photo_hunting_requirements_where.png) 0 0/100% 100% no-repeat;
}

.photo_hunting .requirements .where .item
{
    position: relative;
}

.photo_hunting .requirements .where .item img.icon
{
    display: block;

    width: 140px;
}

.photo_hunting .requirements .where .item a
{
    color: var(--color_blue);
}

.photo_hunting .requirements .where .item a:hover
{
    text-decoration: none;
}

.photo_hunting .requirements .where .title
{
    color: #000;
    font-family: var(--font_family3);
    
    font-weight: 700;

    margin-top: 15px;
}


.photo_hunting .requirements .where .desc
{
    margin-top: 15px;
}


.photo_hunting .requirements .where .desc .socials
{
    margin-top: 15px;

    display: flex;

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

    position: relative;
    z-index: 4;
}

.photo_hunting .requirements .where .desc .socials a
{
    display: block;
}

.photo_hunting .requirements .where .desc .socials a + a
{
    margin-left: 10px;
}


.photo_hunting .requirements .where .img
{
    position: absolute;
    z-index: 3;
    right: 46px;
    bottom: 38px;

    display: block;

    pointer-events: none;
}


.photo_hunting .requirements .tooltip
{
    position: absolute;

    top: 0;
    right: 20px;

    cursor: pointer;

    z-index: 2;
}

.photo_hunting .requirements .tooltip .icon
{
    display: flex;

    color: #707070;
    font-size: 20px;
    
    width: 28px;
    height: 28px;

    border: 1px solid #707070;
    border-radius: 50%;

    align-items: center;
    align-content: center;
    justify-content: center;
}

.photo_hunting .requirements .tooltip .text
{
    width: 240px;
    margin-left: -230px;

    text-align: left;
    background: #e8e8e8;
    padding: 12px;

    bottom: auto;
    top: calc(100% + 10px);

    box-shadow: none;
}

.photo_hunting .requirements .tooltip .text:before
{
    left: auto;
    right: 3px;
    bottom: auto;
    top: -7px;

    background: #e8e8e8;

    box-shadow: none;
}

.photo_hunting .requirements .tooltip .text:after
{
    background: #e8e8e8;

    bottom: auto;
    top: 0;
}


.photo_hunting .requirements .where .tooltip
{
    right: 40px;
}

.photo_hunting .requirements .where .tooltip .text,
.photo_hunting .requirements .where .tooltip .text:before,
.photo_hunting .requirements .where .tooltip .text:after
{
    background: #FFF;
}


.photo_hunting .requirements > .bg
{
    position: absolute;
    z-index: 1;
    top: 32px;
    left: 50%;

    display: block;

    width: 1548px;
    height: 613px;
    margin-left: -960px;

    pointer-events: none;
}



.photo_hunting .how_take
{
    margin-bottom: 85px;
}


.photo_hunting .how_take .block_title
{
    color: #ffa51c;
    font-family: var(--font_family3);
    font-size: 60px;
    font-weight: 900;
    line-height: 110%;

    margin-bottom: 36px;
}


.photo_hunting .how_take .flex
{
    margin-bottom: -20px;
    margin-left: -20px;
}

.photo_hunting .how_take .flex > *
{
    width: calc(100% - 20px);
    margin-bottom: 20px;
    margin-left: 20px;
}


.photo_hunting .how_take .item .title
{
    color: #737373;
    font-size: 15px;
    font-weight: 300;
    line-height: 140%;

    margin-bottom: 13px;
}


.photo_hunting .how_take .images
{
    display: flex;

    margin-bottom: -20px;
    margin-left: -20px;

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


.photo_hunting .how_take .image
{
    width: calc(25% - 20px);
    margin-bottom: 20px;
    margin-left: 20px;
}


.photo_hunting .how_take .image .thumb
{
    position: relative;

    padding-bottom: 164.28%;

    background: #ddd;
}

.photo_hunting .how_take .image .thumb img
{
    position: absolute;
    top: 0;
    left: 0;

    display: block;

    width: 100%;
    height: 100%;

    object-fit: cover;
}


.photo_hunting .how_take .image .icon
{
    color: #fff;

    position: absolute;
    right: 0;
    bottom: -40px;
    left: 0;

    display: flex;

    width: 80px;
    height: 80px;
    margin: auto;

    border-radius: 50%;

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

.photo_hunting .how_take .image .icon.green
{
    background: #6ebf48;
}

.photo_hunting .how_take .image .icon.red
{
    background: #ff4e51;
}


.photo_hunting .how_take .image .icon svg
{
    display: block;
}

.photo_hunting .how_take .image .icon.green svg
{
    width: 30px;
    height: 22px;
}

.photo_hunting .how_take .image .icon.red svg
{
    width: 26px;
    height: 26px;
}


.photo_hunting .how_take .image .exp
{
    color: #000;
    font-size: 15px;
    font-weight: 300;
    line-height: 140%;

    margin-top: 58px;

    text-align: center;
}


.photo_hunting .how_take .videos,
.photo_hunting .how_take .photos
{
    display: flex;

    margin-top: 52px;

    box-shadow: none;

    justify-content: center;
    flex-wrap: nowrap;

    row-gap: 30px;
    column-gap: 20px;
}

.photo_hunting .how_take .videos > *,
.photo_hunting .how_take .photos > *
{
    max-width: 300px;
    width: 100%;
}

.photo_hunting .how_take .videos iframe
{
    min-height: 350px;
}

.photo_hunting .how_take .photos img
{
    max-width: 300px;
    width: 100%;
}

.photo_hunting .how_take .videos .text_block p,
.photo_hunting .how_take .photos .text_block p
{
    font-size: 15px;
    font-weight: 300;
    line-height: 140%;
    color: #000;
}


.photo_hunting .how_take .bottom
{
    position: relative;
    z-index: 3;

    margin-top: 100px;

    text-align: center;
}


.photo_hunting .how_take .bottom .title
{
    color: #000;
    font-family: var(--font_family3);
    font-size: 30px;
    font-weight: 900;
    line-height: 110%;

    width: 780px;
    max-width: 100%;
    margin: 0 auto;
}


.photo_hunting .how_take .bottom .desc
{
    color: #000;
    font-size: 17px;
    font-weight: 300;
    line-height: 140%;

    width: 580px;
    max-width: 100%;
    margin: 22px auto 0;
}


.photo_hunting .how_take .bottom img
{
    display: block;

    max-width: 100%;
    margin: 23px auto 0;
}



.photo_hunting .add_photo
{
    margin-bottom: 98px;
}


.photo_hunting .add_photo .block_title
{
    color: #ffa51c;
    font-family: var(--font_family3);
    font-size: 60px;
    font-weight: 900;
    line-height: 110%;

    margin-bottom: 47px;
}

.photo_hunting .add_photo .desc
{
    color: #000;
    font-size: 17px;
    font-weight: 300;
    line-height: 140%;
}


.photo_hunting .add_photo form
{
    position: relative;

    width: 480px;
    max-width: 100%;

    --form_border_color: #e8e8e8;
    --form_focus_color: #e8e8e8;
    --form_error_color: #ef4836;
    --form_success_color: green;
    --form_border_radius: 35px;
    --form_bg_color: none;
    --form_placeholder_color: #000;
}


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

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

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


.photo_hunting .add_photo form .line
{
    margin-bottom: 10px;
}


.photo_hunting .add_photo form .field
{
    position: relative;
}

.photo_hunting .add_photo form .field + .field
{
    margin-top: 10px;
}


.photo_hunting .add_photo form .input
{
    color: var(--color_black);
    font: 300 17px var(--font_family);

    display: block;

    width: 100%;
    height: 70px;
    padding: 0 29px;

    transition: .1s linear;

    border: 6px solid var(--form_border_color);
    border-radius: var(--form_border_radius);
    background: var(--form_bg_color);

    -webkit-touch-callout: text;
}


.photo_hunting .add_photo form .textarea
{
    color: var(--color_black);
    font: 300 17px var(--font_family);

    display: block;

    width: 100%;
    height: 100%;
    padding: 10px 29px;

    transition: .1s linear;

    border: 6px solid var(--form_border_color);
    border-radius: var(--form_border_radius);
    background: var(--form_bg_color);

    -webkit-touch-callout: text;
}


.photo_hunting .add_photo form .file
{
    padding-top: 19px;
}


.photo_hunting .add_photo form .file label
{
    display: block;

    padding: 0 35px;

    cursor: pointer;
}


.photo_hunting .add_photo form .file input
{
    display: none;
}


.photo_hunting .add_photo form .file .btn
{
    color: #ffa51c;
    font-size: 17px;
    font-weight: 700;
    line-height: 140%;

    display: flex;

    justify-content: flex-start;
    align-items: center;
    align-content: center;
    flex-wrap: wrap;
    text-decoration-line: underline;
}

.photo_hunting .add_photo form .file .btn .icon
{
    display: block;

    width: 24px;
    height: 24px;
    margin-right: 11px;
}

.photo_hunting .add_photo form .file .btn span
{
    width: calc(100% - 35px);
}

.photo_hunting .add_photo form .file .btn:hover
{
    text-decoration: none;
}


.photo_hunting .add_photo form .files .files_list .file
{
    font-family: var(--font_family);
    font-size: 13px;
    padding: 0;
    margin-top: 10px;
    margin-left: 40px;
}


.photo_hunting .add_photo form .files .files_list .file .remove
{
    position: relative;

    display: inline-block;

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

    cursor: pointer;
    vertical-align: middle;
}

.photo_hunting .add_photo form .files .files_list .file .remove:before,
.photo_hunting .add_photo form .files .files_list .file .remove:after
{
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;

    display: block;

    width: 100%;
    height: 3px;
    margin: auto;

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

    border-radius: 2px;
    background: red;
}

.photo_hunting .add_photo form .files .files_list .file .remove:after
{
    transform: rotate(-45deg);
}


.photo_hunting .add_photo form .files label
{
    font-family: var(--font_family2);
    font-size: 12px;
    line-height: 22px;

    display: block;

    cursor: pointer;
    margin-top: 15px;
}


.photo_hunting .add_photo form .submit
{
    padding-top: 17px;
}

.photo_hunting .add_photo .submit_btn
{
    color: #fff;
    font-size: 20px;
    font-weight: 900;
    line-height: 150%;

    display: block;
    text-align: center;

    width: 100%;
    max-width: 280px;
    padding: 20px;

    cursor: pointer;

    border: none;
    border-radius: 35px;
    background: #ff4e51;

    transition: background .1s linear;
}

.photo_hunting .add_photo .submit_btn:hover
{
    background: #ffa51c;
    text-decoration: none;
}

.photo_hunting .add_photo .submit_btn:disabled
{
    cursor: default;
    border: none;
    background: #ff4e51;
}


.photo_hunting .add_photo form .agree
{
    margin-top: 30px;
    padding-left: 35px;
}


.photo_hunting .add_photo form .agree label
{
    color: #8b8b8b;
    font-size: 14px;
    font-weight: 300;
    line-height: 140%;

    position: relative;

    display: flex;

    min-height: 24px;
    padding: 0 0 0 34px;

    cursor: pointer;

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

.photo_hunting .add_photo form .agree input
{
    display: none;
}


.photo_hunting .add_photo form .agree label .check
{
    color: #000;

    position: absolute;
    top: 0;
    left: 0;

    display: flex;

    width: 24px;
    height: 24px;

    border: 2px solid #e8e8e8;
    border-radius: 5px 5px 5px 3px;

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

.photo_hunting .add_photo form .agree label .check svg
{
    display: none;

    width: 14px;
    height: 11px;
}

.photo_hunting .add_photo form .agree label input[type='checkbox']:checked + .check svg
{
    display: block;
}

.photo_hunting .add_photo form .agree label input[type='checkbox'].error + .check
{
    border-color: #ef4836;
}


.photo_hunting .add_photo form .agree label a
{
    color: #000;
}

.photo_hunting .add_photo form .agree label a:hover
{
    text-decoration: none;
}


.photo_hunting .add_photo form .required
{
    color: #ffb300;
    font-family: var(--font_family4);
    font-size: 28px;
    line-height: 110%;

    position: absolute;
    top: 90px;
    left: 100%;

    margin-left: 49px;

    text-align: center;
    white-space: nowrap;
}


.photo_hunting .add_photo .bg
{
    position: absolute;

    width: 250px;

    left: 50px;
    bottom: -225px;
}





.photo_hunting .pre_footer
{
    position: relative;
    z-index: 3;

   /*  padding: 35px 0 41px; */

    border-top: 6px solid #e8e8e8;
}


.photo_hunting .pre_footer .logo img
{
    display: block;

    max-width: 100%;
    margin: 0 auto;

    width: 220px;
}


@media (max-width: 1899px)
{
    .photo_hunting .competition
    {
        padding: 68px 0 120px;
    }


    .photo_hunting .competition .bg_left
    {
        left: 0;

        margin-left: 0;

        transform: translateX(-50%);
    }


    .photo_hunting .main_bg > .bg_top
    {
        top: -120px;
    }


    .photo_hunting .main_bg > .bg_top_left,
    .photo_hunting .main_bg > .bg_bottom_left,
    .photo_hunting .main_bg > .bg_bottom_left2
    {
        left: 50%;

        margin-left: -960px;
    }


    .photo_hunting .main_bg > .bg_top_right,
    .photo_hunting .main_bg > .bg_bottom_right,
    .photo_hunting .main_bg > .bg_bottom_right2
    {
        right: 50%;

        margin-right: -960px;
    }

    .photo_hunting .add_photo .bg
    {
        width: 150px;

        bottom: -170px;
    }
}



/*---------------
   Vacancy
---------------*/
.vacancy
{
    padding-top: 36px;
}


.vacancy .vacancies_head
{
    position: relative;
    z-index: 3;

    margin-bottom: 64px;
    padding: 40px 0 132px;
}


.vacancy .vacancies_head .img
{
    position: absolute;
    top: 45px;
    left: 50%;

    display: block;

    width: 292px;
    height: 393px;
    margin-left: -905px;

    pointer-events: none;
}

.vacancy .vacancies_head .img2
{
    position: absolute;
    top: -26px;
    right: 50%;

    display: block;

    width: 902px;
    height: 509px;
    margin-right: -912px;

    pointer-events: none;
}


.vacancy .vacancies_head .data
{
    width: 660px;
    max-width: 100%;
    margin-left: 115px;
}


.vacancy .vacancies_head .title
{
    color: #000;
    font-size: 46px;
    font-weight: 700;
    line-height: 130%;
}


.vacancy .vacancies_head .desc
{
    color: #000;
    font-size: 20px;
    font-weight: 300;
    line-height: 140%;

    width: 562px;
    max-width: 100%;
    margin-top: 26px;
}


.vacancy .vacancies_head .link
{
    position: relative;
    z-index: 3;

    display: flex;

    margin-top: 40px;

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


.vacancy .vacancies_head .link a,
.vacancy .vacancies_head .link button
{
    color: #fff;
    font-size: 22px;
    font-weight: 300;
    line-height: 64px;

    position: relative;

    display: flex;

    width: 328px;
    height: 64px;

    transition: background .1s linear;
    text-decoration: none;

    border-radius: 0 35px;
    border: none;
    background: #ffa51c;

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

.vacancy .vacancies_head .link a:before,
.vacancy .vacancies_head .link button:before
{
    position: absolute;
    z-index: -1;
    top: 10px;
    left: 10px;

    width: 100%;
    height: 100%;

    content: '';

    border: 1px solid #000;
    border-radius: inherit;
}


.vacancy .vacancies_head .link .icon
{
    display: block;

    width: 41px;
    height: 9px;
    margin-left: 16px;
}


.vacancy .vacancies_head .link a:hover,
.vacancy .vacancies_head .link button:hover
{
    cursor: pointer;
    background: #ff9a00;
}



.vacancy .vacancies
{
    margin-bottom: 92px;
}


.vacancy .vacancies .block_title
{
    color: #000;
    font-size: 46px;
    font-weight: 700;
    line-height: 130%;

    margin-bottom: 52px;
    padding: 0 113px;
}


.vacancy .vacancies .row
{
    display: flex;

    margin-bottom: -50px;
    margin-left: -50px;

    justify-content: flex-start;
    align-items: stretch;
    align-content: stretch;
    flex-wrap: wrap;
}

.vacancy .vacancies .row > *
{
    width: calc(50% - 50px);
    margin-bottom: 50px;
    margin-left: 50px;
}


.vacancy .vacancies .item
{
    padding: 0 44px 35px;

    border-radius: 0 35px;
    background: #fff;
    box-shadow: 0 0 10px rgba(0, 0, 0, .1);
}


.vacancy .vacancies .item .name
{
    color: #00abdf;
    font-size: 22px;
    font-weight: 300;
    line-height: 130%;

    position: relative;

    display: flex;

    min-height: 120px;
    margin-bottom: 12px;
    padding: 18px 0 15px;

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

.vacancy .vacancies .item .name:before
{
    position: absolute;
    top: 0;
    left: -44px;

    display: block;

    width: 7px;
    height: 100%;

    content: '';

    background: #2aa8cf;
}


.vacancy .vacancies .item .name a
{
    color: currentColor;

    width: 459px;
    max-width: 100%;

    text-decoration: none;
}

.vacancy .vacancies .item .name a:hover
{
    text-decoration: underline;
}


.vacancy .vacancies .item .info
{
    color: #737373;
    font-size: 16px;
    font-weight: 300;
    line-height: 22px;

    display: flex;

    margin-bottom: -10px;
    margin-left: -10px;

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

.vacancy .vacancies .item .info > *
{
    margin-bottom: 10px;
    margin-left: 10px;
    padding: 0 14px;

    white-space: normal;
}

.vacancy .vacancies .item .info .city
{
    background: #fffdca;
}

.vacancy .vacancies .item .info .type
{
    background: #f9eeff;
}

.vacancy .vacancies .item .info .salary
{
    background: #daffd9;
}


.vacancy .vacancies .item .requirements
{
    color: #737373;
    font-size: 18px;
    font-weight: 300;
    line-height: 140%;

    margin-top: 28px;
}

.vacancy .vacancies .item .requirements .label
{
    color: #000;
}

.vacancy .vacancies .item .requirements .val > *
{
    position: relative;

    padding-left: 24px;
}

.vacancy .vacancies .item .requirements .val > *:before
{
    position: absolute;
    top: 12px;
    left: 0;

    display: block;

    width: 10px;
    height: 1px;

    content: '';

    background: currentColor;
}


.vacancy .vacancies .item .link
{
    margin-top: 22px;
}


.vacancy .vacancies .item .link a
{
    color: #2aa8cf;
    font-size: 18px;
    font-weight: 300;
    line-height: 140%;

    display: inline-block;

    padding: 5px 33px;

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

    border: 1px solid;
    border-radius: 25px;
}

.vacancy .vacancies .item .link a:hover
{
    color: #fff;

    border-color: #2aa8cf;
    background: #00abdf;
}


.vacancy .vacancies .load_more
{
    margin-top: 50px;
}

.vacancy .vacancies .load_more .btn
{
    font-size: 16px;
    font-weight: 300;
    line-height: 130%;

    width: 117px;
    height: 117px;
    padding: 24px;

    border-radius: 50%;
}



.vacancy .causes
{
    position: relative;
    z-index: 3;

    margin-bottom: 175px;
}


.vacancy .causes .img
{
    position: absolute;
    z-index: -1;
    bottom: -15px;
    left: 50%;

    display: block;

    margin-left: -879px;

    pointer-events: none;
}

.vacancy .causes .img2
{
    position: absolute;
    z-index: -1;
    top: 100%;
    right: 50%;

    display: block;

    margin-top: 52px;
    margin-right: -804px;

    pointer-events: none;
}


.vacancy .causes .data
{
    position: relative;

    height: 526px;
}


.vacancy .causes .block_title
{
    color: #000;
    font-size: 46px;
    font-weight: 700;
    line-height: 130%;

    position: absolute;
    top: 0;
    right: 0;
    left: 0;

    width: 377px;
    max-width: 100%;
    margin: auto;
}


.vacancy .causes .item
{
    color: #000;

    position: absolute;
    z-index: 3;

    width: 350px;
    max-width: 100%;
    padding: 24px 40px 44px;

    border-radius: 65px 0 65px 65px;
}


.vacancy .causes .item1
{
    top: 8px;
    left: 0;

    width: 396px;

    background: #fffdca;
}

.vacancy .causes .item2
{
    top: 258px;
    left: 248px;

    background: #f8eaff;
}

.vacancy .causes .item3
{
    top: 184px;
    left: 628px;

    border-radius: 0 65px 65px 65px;
    background: #d7ffe7;
}

.vacancy .causes .item4
{
    right: 51px;
    bottom: 0;

    background: #fffaed;
}

.vacancy .causes .item5
{
    top: 8px;
    right: 0;

    border-radius: 0 65px 65px 65px;
    background: #f2feff;
}


.vacancy .causes .item .name
{
    font-size: 22px;
    font-weight: 700;
    line-height: 140%;

    display: flex;

    justify-content: flex-start;
    align-items: flex-end;
    align-content: flex-end;
    flex-wrap: nowrap;
}


.vacancy .causes .item .number
{
    font-size: 90px;
    font-weight: 700;
    line-height: 100%;

    position: relative;
    top: 6px;

    margin-right: 12px;
}


.vacancy .causes .item .icon
{
    position: absolute;
    z-index: -1;
    top: 20px;
    right: 20px;

    display: block;
}


.vacancy .causes .item .desc
{
    font-size: 18px;
    font-weight: 300;
    line-height: 140%;

    margin-top: 12px;
}



.vacancy .text_block .gallery
{
    margin-top: -60px;
    margin-bottom: 120px;
}



.vacancy .conditions
{
    position: relative;
    z-index: 3;

    margin-bottom: 56px;
}


.vacancy .conditions .block_title
{
    color: #000;
    font-size: 46px;
    font-weight: 700;
    line-height: 130%;

    margin-bottom: 39px;
    padding: 0 113px;
}


.vacancy .conditions .items
{
    color: #000;
    font-size: 18px;
    font-weight: 300;
    line-height: 140%;

    display: flex;

    margin-bottom: -20px;
    margin-left: -68px;

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

.vacancy .conditions .items > *
{
    position: relative;

    width: calc(50% - 68px);
    margin-bottom: 20px;
    margin-left: 68px;
    padding-left: 58px;
}


.vacancy .conditions .items .icon
{
    position: absolute;
    top: 7px;
    left: 0;

    display: block;

    width: 41px;
    height: 9px;
}


.vacancy .conditions .video
{
    width: 792px;
    max-width: 100%;
    height: 447px;
    margin: 83px auto 0;

    background: #ddd;
}


.vacancy .conditions .video iframe
{
    display: block;

    width: 100%;
    height: 100%;
}


.vacancy .conditions .not_found
{
    position: relative;
    z-index: 3;

    margin-top: 72px;
    padding-bottom: 91px;

    border-bottom: 1px solid #eee;
}


.vacancy .conditions .not_found .title
{
    color: #000;
    font-size: 36px;
    font-weight: 700;
    line-height: 140%;

    margin-bottom: 29px;

    text-align: center;
}


.vacancy .conditions .not_found .btn
{
    color: #fff;
    font-size: 22px;
    font-weight: 300;
    line-height: 140%;

    position: relative;

    display: flex;

    width: 360px;
    max-width: 100%;
    height: 60px;
    margin-right: auto;
    margin-left: auto;

    cursor: pointer;
    transition: background .1s linear;

    border: none;
    border-radius: 35px 0;
    background: #ffb300;

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

.vacancy .conditions .not_found .btn .icon
{
    display: block;

    width: 41px;
    height: 9px;
    margin-left: 16px;
}

.vacancy .conditions .not_found .btn:before
{
    position: absolute;
    z-index: -1;
    top: 10px;
    left: 10px;

    width: 100%;
    height: 100%;

    content: '';

    border: 1px solid #000;
    border-radius: inherit;
}

.vacancy .conditions .not_found .btn:hover
{
    background: #ff9a00;
}


.vacancy .conditions .bg
{
    position: absolute;
    z-index: -1;
    top: 40px;
    left: 50%;

    display: block;

    margin-left: -724px;
}



.vacancy .stats
{
    margin-bottom: 80px;
    position: relative;
    z-index: 3;
}


.vacancy .stats .row
{
    display: flex;

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

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

.vacancy .stats .row > *
{
    width: calc(25% - 24px);
    margin-bottom: 40px;
    margin-left: 24px;
}


.vacancy .stats .val
{
    color: #000;
    font-size: 22px;
    font-weight: 700;
    line-height: 140%;

    display: flex;

    justify-content: flex-start;
    align-items: flex-end;
    align-content: flex-end;
    flex-wrap: nowrap;
}

.vacancy .stats .val b
{
    font-size: 90px;
    font-weight: 700;
    line-height: 100%;

    position: relative;
    z-index: 3;
    top: 4px;

    margin-right: 12px;
}

.vacancy .stats .val b:before
{
    position: absolute;
    z-index: -1;

    display: block;

    width: 52px;
    height: 52px;

    content: '';

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

.vacancy .stats .item:nth-child(1) .val b:before
{
    top: 4px;
    left: 8px;
}

.vacancy .stats .item:nth-child(2) .val b:before
{
    top: 20px;
    left: 50px;
}

.vacancy .stats .item:nth-child(3) .val b:before
{
    bottom: 4px;
    left: -7px;
}

.vacancy .stats .item:nth-child(4) .val b:before
{
    top: 18px;
    left: 0;
}


.vacancy .stats .desc
{
    color: #000;
    font-size: 18px;
    font-weight: 300;
    line-height: 140%;

    margin-top: 9px;
}



.vacancy .vacancy_info
{
    margin-bottom: 56px;
    padding-top: 29px;
}


.vacancy .vacancy_info .cont
{
    display: flex;

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


.vacancy .vacancy_info .col_left
{
    position: relative;
    z-index: 3;

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


.vacancy .vacancy_info .col_left .bg
{
    position: absolute;
    z-index: -1;
    top: -20px;
    right: -20px;

    display: block;

    pointer-events: none;
}


.vacancy .vacancy_info .col_main
{
    position: relative;
    z-index: 3;

    width: calc(100% - 353px);
    margin-left: auto;
}


.vacancy .vacancy_info .col_main .bg
{
    position: absolute;
    z-index: -1;
    top: -60px;
    right: -253px;

    display: block;

    width: 327px;
    height: 451px;

    pointer-events: none;
}

.vacancy .vacancy_info .col_main .bg2
{
    position: absolute;
    z-index: -1;
    right: -147px;
    bottom: 0;

    display: block;

    width: 110px;
    height: 212px;

    pointer-events: none;
}


.vacancy .vacancy_info .thumb
{
    position: relative;

    overflow: hidden;

    padding-bottom: 106%;

    border-radius: 35px 35px 35px 0;
    background: #ddd;
}

.vacancy .vacancy_info .thumb img
{
    position: absolute;
    top: 0;
    left: 0;

    display: block;

    width: 100%;
    height: 100%;

    border-radius: inherit;

    object-fit: cover;
}


.vacancy .vacancy_info .thumb + .vacancies_list
{
    margin-top: 124px;
}

.vacancy .vacancy_info .vacancies_list .item .name
{
    margin: 0;
}


.vacancy .vacancy_info .col_main .thumb
{
    position: relative;

    display: none;
    overflow: hidden;

    margin-bottom: 40px;
    padding-bottom: 106%;

    border-radius: 35px 35px 35px 0;
    background: #ddd;
}

.vacancy .vacancy_info .col_main .thumb img
{
    position: absolute;
    top: 0;
    left: 0;

    display: block;

    width: 100%;
    height: 100%;

    border-radius: inherit;

    object-fit: cover;
}


.vacancy .vacancy_info .vacancy_name
{
    color: #000;
    font-size: 46px;
    font-weight: 700;
    line-height: 130%;

    display: block;

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


.vacancy .vacancy_info .salary
{
    color: #000;
    font-size: 30px;
    font-weight: 100;
    line-height: 130%;

    display: inline-block;

    margin-top: 32px;
    padding: 3px 15px 2px 14px;

    vertical-align: top;

    background: #daffd9;
}


.vacancy .vacancy_info .features
{
    color: #000;
    font-size: 19px;
    font-weight: 300;
    line-height: 140%;

    margin-top: 26px;
}

.vacancy .vacancy_info .features > * + *
{
    margin-top: 11px;
}


.vacancy .vacancy_info .info
{
    color: #000;
    font-size: 19px;
    line-height: 140%;

    margin-top: 50px;
}


.vacancy .vacancy_info .info .label
{
    font-weight: 700;

    margin-bottom: 18px;
}


.vacancy .vacancy_info .info ul
{
    font-weight: 300;

    padding-left: 18px;
}


.vacancy .vacancy_info .info ul li
{
    position: relative;

    display: block;
    overflow: hidden;

    padding-left: 36px;

    list-style-type: none;
}

.vacancy .vacancy_info .info ul li + li
{
    margin-top: 8px;
}

.vacancy .vacancy_info .info ul li:before
{
    position: absolute;
    top: 10px;
    left: 19px;

    display: block;

    width: 6px;
    height: 6px;

    content: '';

    border-radius: 50%;
    background: currentColor;
}


.vacancy .vacancy_info .btn
{
    color: #fff;
    font-size: 22px;
    font-weight: 300;
    line-height: 140%;

    position: relative;

    display: flex;

    width: 328px;
    max-width: 100%;
    height: 64px;
    margin-top: 51px;

    cursor: pointer;
    transition: background .1s linear;

    border: none;
    border-radius: 35px 0;
    background: #ffb300;

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

.vacancy .vacancy_info .btn .icon
{
    display: block;

    width: 41px;
    height: 9px;
    margin-left: 16px;
}

.vacancy .vacancy_info .btn:before
{
    position: absolute;
    z-index: -1;
    top: 10px;
    left: 10px;

    width: 100%;
    height: 100%;

    content: '';

    border: 1px solid #000;
    border-radius: inherit;
}

.vacancy .vacancy_info .btn:hover
{
    background: #ff9a00;
}


.vacancy .vacancy_info .line
{
    width: 100%;
    height: 1px;
    margin-top: 101px;

    background: #eee;
}



.vacancy .vacancies_list > * + *
{
    margin-top: 11px;
}


.vacancy .vacancies_list .item
{
    overflow: hidden;

    border-radius: 0 35px;
    background: #fff;
    box-shadow: 0 0 10px rgba(0, 0, 0, .1);
}


.vacancy .vacancies_list .item .name
{
    color: #00abdf;
    font-size: 19px;
    font-weight: 300;
    line-height: 130%;

    position: relative;

    display: flex;

    min-height: 120px;
    margin-bottom: 12px;
    padding: 23px 32px 19px 27px;

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

.vacancy .vacancies_list .item .name:before
{
    position: absolute;
    top: 0;
    left: 0;

    display: block;

    width: 7px;
    height: 100%;

    content: '';

    background: #2aa8cf;
}


.vacancy .vacancies_list .item .name a
{
    color: currentColor;

    width: 459px;
    max-width: 100%;

    text-decoration: none;
}

.vacancy .vacancies_list .item .name a:hover
{
    text-decoration: underline;
}



/*---------------
   Specifier
---------------*/
.specifier .data
{
    padding: 30px 40px 40px;

    background: #fff;
}

.specifier .data .all
{
    margin-top: 0;
    padding: 0;

    position: relative;
}

.specifier .data .all button,
.specifier .data .all a
{
    width: 52px;
    height: 52px;
    transition: all .1s linear;
    border-radius: 50%;
    background: #d3d3d3;

    margin: auto;

    display: flex;

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

.specifier .data .all button:hover,
.specifier .data .all a:hover
{
    background: var(--color_blue);
}

.specifier .data .all button .bg,
.specifier .data .all a .bg
{
    content: "";
    position: absolute;

    width: 100%;
    height: 100px;

    left: 0;
    top: -100px;

    background: rgb(255,255,255);
    background: linear-gradient(0deg, rgba(255,255,255,1) 10%, rgba(255,255,255,0) 100%);
}

.specifier .data .all.active button .bg,
.specifier .data .all.active a .bg
{
    display: none;
}

.specifier .data .all button .arrow,
.specifier .data .all a .arrow
{
    width: 18px;
    height: 18px;

    position: absolute;
    top: -6px;
    right: 0;
    bottom: 0;
    left: 0;
    display: block;
    margin: auto;
    content: '';
    transform: rotate(-135deg);
    border-top: 4px solid var(--color_white);
    border-left: 4px solid var(--color_white);
}

.specifier .data .all.active button,
.specifier .data .all.active a
{
    margin-top: 40px;
}

.specifier .data .all.active button .arrow,
.specifier .data .all.active a .arrow
{
    top: 4px;

    transform: rotate(45deg);
}


.specifier .top
{
    display: flex;

    margin-bottom: 24px;

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


.specifier .top .title
{
    color: #000;
    font-size: 20px;
    font-weight: 700;
    line-height: 160%;
}

.specifier .top .title a
{
    text-decoration: none;

    transition: color .1s linear;

    color: var(--color_blue);
}

.specifier .top .title a:hover
{
    color: #ff9511;
}


.specifier .top .add_new
{
    margin-left: 28px;
}


.specifier .top .add_new > .btn
{
    color: #00abdf;
    font-family: var(--font_family);
    font-size: 16px;
    font-weight: 500;

    display: flex;

    max-width: 100%;
    height: 46px;
    padding: 0 20px;

    cursor: pointer;
    transition: .1s linear;

    border: 1px solid #00abdf;
    border-radius: 5px;
    background: none;

    justify-content: center;
    align-items: center;
    align-content: center;
}

.specifier .top .add_new > .btn .icon
{
    display: block;

    width: 20px;
    height: 20px;
    margin-right: 5px;
}

.specifier .top .add_new > .btn:hover
{
    color: #fff;

    background: #00abdf;
}


.specifier .top .add_new .form
{
    position: relative;

    width: 646px;
    max-width: 100%;

    --form_border_color: #c5c2c2;
    --form_focus_color: #c5c2c2;
    --form_bg_color: #fff;
    --form_placeholder_color: #737373;
}


.specifier .top .add_new .form .input
{
    color: #000;
    font-size: 16px;
    font-weight: 500;
    line-height: 160%;

    height: 46px;
    padding: 0 56px 0 20px;

    border-radius: 5px;
}

.specifier .top .add_new .form .input:not(:placeholder-shown)
{
    border-radius: 5px 5px 0 0;
}


.specifier .top .add_new .form .clear_btn
{
    color: #00abdf;

    position: absolute;
    z-index: 3;
    top: 0;
    right: 15px;
    bottom: 0;

    display: flex;

    width: 22px;
    height: 22px;
    margin: auto;

    cursor: pointer;

    border: none;
    background: none;

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

.specifier .top .add_new .form .clear_btn .icon
{
    display: block;

    width: 22px;
    height: 22px;

    fill: var(--color_blue);
}

.specifier .top .add_new .form .clear_btn .icon.search
{
    width: 20px;
}

.specifier .top .add_new .form .input:placeholder-shown + .clear_btn .icon.clear,
.specifier .top .add_new .form .input:not(:placeholder-shown) + .clear_btn .icon.search
{
    display: none;
}

.specifier .top .add_new .form .input.ui-autocomplete-loading + .clear_btn:before
{
    content: "";

    display: block;
    position: absolute;

    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    margin: auto;
    width: 100%;
    height: 100%;

    border-radius: 50%;
    background: rgba(255, 255, 255, 0.7);

    z-index: 11;
}

.specifier .top .add_new .form .input.ui-autocomplete-loading + .clear_btn:after
{
    content: "";

    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    margin: auto;
    width: 20px;
    height: 20px;

    border: 3px solid var(--color_blue);
    border-bottom-color: transparent;
    border-radius: 50%;

    display: block;
    position: absolute;

    z-index: 12;

    animation: submitBtnLoader 1s linear infinite;
}


.ui-autocomplete .mse2-ac-wrapper .mse2-ac-link .tip
{
    font-family: var(--font_family);
    color: #000;
    font-size: 16px;
    font-weight: 300;
    line-height: 22px;

    display: flex;

    padding: 6px 20px;

    cursor: pointer;
    transition: color .1s linear;

    justify-content: flex-start;
    align-items: center;
    align-content: center;
    flex-wrap: nowrap;
}

.ui-autocomplete .mse2-ac-wrapper .mse2-ac-link .tip:hover
{
    color: #00abdf;
}


.ui-autocomplete .mse2-ac-wrapper .mse2-ac-link .tip .name
{
    width: 100%;
    margin-right: 14px;  
}


.ui-autocomplete .mse2-ac-wrapper .mse2-ac-link .tip .to_cart
{
    font-family: var(--font_family);
    color: #00abdf;
    font-size: 14px;
    font-weight: 500;
    line-height: 160%;

    display: flex;

    margin-left: auto;
    padding: 6px 11px;

    cursor: pointer;
    transition: .1s linear;
    white-space: nowrap;

    opacity: 0;
    border: 1px solid #00abdf;
    border-radius: 5px;
    background: none;
    background: #fff;

    justify-content: center;
    align-items: center;
}

.ui-autocomplete .mse2-ac-wrapper .mse2-ac-link .tip:hover .to_cart
{
    color: #fff;

    opacity: 1;
    background: #00abdf;
}


.ui-autocomplete .mse2-ac-wrapper .mse2-ac-link .tip .to_cart .icon
{
    width: 16px;
    height: 15px;
}


.ui-autocomplete .mse2-ac-wrapper .mse2-ac-link .tip .to_cart.active .icon,
.ui-autocomplete .mse2-ac-wrapper .mse2-ac-link .tip .to_cart:not(.active) .remove,
.ui-autocomplete .mse2-ac-wrapper .mse2-ac-link .tip .to_cart.active .add
{
    display: none;
}


.specifier .data .list.hide
{
    max-height: 500px;
    overflow: hidden;
}


.specifier .item.hide
{
    display: none;
}

.specifier .item + .item
{
    margin-top: 1px;
}


.specifier .item .head
{
    color: var(--color_black);
    text-decoration: none;

    display: flex;

    padding: 14px 30px;

    cursor: pointer;

    background: #EEEEEE;

    transition: background .1s linear;

    justify-content: flex-start;
    align-items: center;
    align-content: center;
    flex-wrap: nowrap;
}

.specifier .item .head:hover,
.specifier .item .head.active
{
    background: #E1E1E1;
}


.specifier .item .head .link
{
    display: none;
}


.specifier .item .head .plus
{
    display: block;

    width: 20px;
    min-width: 20px;
    height: 20px;
    margin-right: 19px;
}

.specifier .item .head .minus
{
    display: none;

    width: 20px;
    min-width: 20px;
    height: 20px;
    margin-right: 19px;
}


.specifier .item .head .icon
{
    width: 20px;
    min-width: 20px;
    height: 20px;
    margin-right: 16px;

    fill: var(--color_blue);
}

.specifier .item .head .icon img
{
    display: block;

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


.specifier .item .head .title
{
    font-size: 18px;
    font-weight: 500;
    line-height: 160%;

    width: 100%;
}


.specifier .item .head.active .plus
{
    display: none;
}

.specifier .item .head.active .minus
{
    display: block;
}



.specifier .categories
{
    display: none;
}


.specifier .level2,
.specifier .level3,
.specifier .level4,
.specifier .category + .category
{
    border-top: 1px solid #fff;
}


.specifier .category > .name
{
    color: #000;
    font-size: 17px;
    font-weight: 300;
    line-height: 100%;
    text-decoration: none;

    display: flex;

    padding: 22px 30px 21px 50px;

    cursor: pointer;

    background: #f5f5f5;

    transition: color .1s linear;

    justify-content: flex-start;
    align-items: center;
    align-content: center;
}

.specifier .category > .name:hover
{
    color: var(--color_blue);
}

.specifier .category > .name .link
{
    display: none;
}

.specifier .level2 > .category > .name,
.specifier .level2 > .product
{
    padding-left: 81px;
}

.specifier .level3 > .category > .name,
.specifier .level3 > .product
{
    padding-left: 132px;
}

.specifier .level4 > .category > .name,
.specifier .level4 > .product
{
    padding-left: 183px;
}


.specifier .category > .name .plus
{
    display: block;

    width: 20px;
    height: 20px;
    margin-right: 19px;
}

.specifier .category > .name .minus
{
    display: none;

    width: 20px;
    height: 20px;
    margin-right: 19px;
}


.specifier .category > .name.active .plus
{
    display: none;
}

.specifier .category > .name.active .minus
{
    display: block;
}



.specifier .products_list
{
    display: none;
}


.specifier .product
{
    display: flex;

    padding: 6px 71px;

    background: #ffffff;

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

.specifier .product + .product
{
    border-top: 1px solid #eee;
}


.specifier .product .thumb
{
    display: flex;

    width: 70px;
    height: 50px;
    margin-right: 20px;

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

.specifier .product .thumb img
{
    display: block;

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


.specifier .product .name
{
    color: #000;
    font-size: 16px;
    font-weight: 300;
    line-height: 100%;

    width: 455px;
    max-width: 100%;

    text-decoration: none;
}

.specifier .product .name:hover
{
    text-decoration: underline;
}


.specifier .product .articul
{
    color: #00abdf;
    font-size: 16px;
    font-weight: 300;
    line-height: 100%;

    width: 193px;
    max-width: 100%;
    margin-left: 40px;

    text-decoration: none;
}

.specifier .product .articul:hover
{
    text-decoration: underline;
}


.specifier .product .btns
{
    display: flex;

    margin-left: auto;

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

.specifier .product .btns > * + *
{
    margin-left: 10px;
}


.specifier .product .btns .btn
{
    color: #00abdf;

    display: flex;
    position: relative;

    width: 36px;
    height: 36px;

    cursor: pointer;
    transition: background .1s linear;
    transition: color .1s linear;

    border: 1px solid #00abdf;
    border-radius: 50%;
    background: none;

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

.specifier .product .btns .btn .icon
{
    display: block;

    width: 18px;
    height: 18px;
}

.specifier .product .btns .btn:hover,
.specifier .product .btns .btn.active,
.specifier .product .btns .compare_btn.added .btn
{
    color: #fff;

    background: #00abdf;
}

.specifier .product .btns .btn.to_cart:disabled
{
    cursor: default;
}

.specifier .product .btns .btn.to_cart:disabled:before
{
    content: "";

    display: block;
    position: absolute;

    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    margin: auto;
    width: 100%;
    height: 100%;

    border-radius: 50%;
    background: var(--color_white);

    z-index: 11;

    transform: none;
    border: none;
}

.specifier .product .btns .btn.to_cart:disabled:after
{
    content: "";

    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    margin: auto;
    width: 20px;
    height: 20px;

    border: 3px solid var(--color_blue);
    border-bottom-color: transparent;
    border-radius: 50%;

    display: block;
    position: absolute;

    z-index: 12;

    animation: submitBtnLoader 1s linear infinite;
}


.specifier .product .btns .compare_btn .icon
{
    width: 16px;
    height: 15px;
}

.specifier .product .btns .compare_btn.added .compare_link.comparison-add, 
.specifier .product .btns .compare_btn:not(.added) .compare_link.comparison-remove,
.specifier .product .btns .compare_btn:not(.added) .compare_link.comparison-go,
.specifier .product .btns .compare_btn .compare_link.loading .icon
{
    display: none;
}

.specifier .product .btns .compare_btn .compare_link.loading:before
{
    content: "";

    display: block;
    position: absolute;

    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    margin: auto;
    width: 100%;
    height: 100%;

    border-radius: 50%;
    background: rgba(255, 255, 255, 0.7);

    z-index: 11;
}

.specifier .product .btns .compare_btn .compare_link.loading:after
{
    content: "";

    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    margin: auto;
    width: 20px;
    height: 20px;

    border: 3px solid var(--color_blue);
    border-bottom-color: transparent;
    border-radius: 50%;

    display: block;
    position: absolute;

    z-index: 12;

    animation: submitBtnLoader 1s linear infinite;
}



.specifier .product .btns .to_cart.active:before
{
    position: relative;
    top: -2px;
    left: 1px;

    display: block;

    width: 14px;
    height: 8px;

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

    border-bottom: 2px solid;
    border-left: 2px solid;
}

.specifier .product .btns .to_cart.active .icon,
.specifier .product .btns .to_cart.active .text.add,
.specifier .product .btns .to_cart:not(.active) .text.remove
{
    display: none;
}


/*-----------------------
   Specification info
-----------------------*/
.specification_info
{
    --aside_width: 352px;
}


.specification_info .content.full_width
{
    width: 100%;
}


.specification_info .data
{
    padding: 28px 20px;

    background: #fff;
}


.specification_info .top
{
    display: flex;

    margin-bottom: 29px;

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

    /*position: sticky;
    top: 85px;
    z-index: 5;*/

    background: #fff;
}


.specification_info .top .title
{
    color: #000;
    font-size: 26px;
    font-weight: 700;
    line-height: 160%;
}


.specification_info .top .links
{
    display: flex;

    margin-left: 10px;

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

.specification_info .top .links > * + *
{
    margin-left: 10px;
}


.specification_info .top .links .link
{
    color: #777;

    display: flex;

    width: 46px;
    height: 46px;

    text-decoration: none;

    border-radius: 50%;
    background: #f4f4f4;

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

.specification_info .top .links .link .icon
{
    display: block;

    width: 24px;
    height: 24px;
}

.specification_info .top .links .copy_link.copied .text span,
.specification_info .top .links .copy_link .text span + span
{
    display: none;
}

.specification_info .top .links .copy_link.copied .text span + span
{
    display: block;
}


.specification_info .top .add_new
{
    margin-left: 40px;
}


.specification_info .top .add_new > .btn
{
    color: #00abdf;
    font-family: var(--font_family);
    font-size: 16px;
    font-weight: 500;
    line-height: 160%;

    display: flex;

    width: 248px;
    max-width: 100%;
    height: 46px;

    cursor: pointer;
    transition: .1s linear;

    border: 1px solid #00abdf;
    border-radius: 5px;
    background: none;

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

.specification_info .top .add_new > .btn .icon
{
    display: block;

    width: 20px;
    height: 20px;
    margin-right: 5px;
}

.specification_info .top .add_new > .btn:hover
{
    color: #fff;

    background: #00abdf;
}


.specification_info .top .add_new .form
{
    position: relative;

    display: none;

    width: 456px;
    max-width: 100%;

    --form_border_color: #c5c2c2;
    --form_focus_color: #c5c2c2;
    --form_bg_color: #fff;
    --form_placeholder_color: #737373;
}


.specification_info .top .add_new .form .input
{
    color: #000;
    font-size: 16px;
    font-weight: 550;
    line-height: 160%;

    height: 46px;
    padding: 0 56px 0 20px;

    border-radius: 5px;
}

.specification_info .top .add_new .form .input:not(:placeholder-shown)
{
    border-radius: 5px 5px 0 0;
}


.specification_info .top .add_new .form .clear_btn
{
    color: #00abdf;

    position: absolute;
    z-index: 3;
    top: 0;
    right: 15px;
    bottom: 0;

    display: flex;

    width: 22px;
    height: 22px;
    margin: auto;

    cursor: pointer;

    border: none;
    background: none;

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

.specification_info .top .add_new .form .clear_btn .icon
{
    display: block;

    width: 22px;
    height: 22px;
}


.specification_info .top .add_new .form .input.ui-autocomplete-loading + .clear_btn:before
{
    content: "";

    display: block;
    position: absolute;

    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    margin: auto;
    width: 100%;
    height: 100%;

    border-radius: 50%;
    background: rgba(255, 255, 255, 0.7);

    z-index: 11;
}

.specification_info .top .add_new .form .input.ui-autocomplete-loading + .clear_btn:after
{
    content: "";

    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    margin: auto;
    width: 20px;
    height: 20px;

    border: 3px solid var(--color_blue);
    border-bottom-color: transparent;
    border-radius: 50%;

    display: block;
    position: absolute;

    z-index: 12;

    animation: submitBtnLoader 1s linear infinite;
}



.specification_info .need_help
{
    color: #b4b4b4;

    display: flex;

    margin-left: auto;

    cursor: pointer;
    transition: color .1s linear;

    border: none;
    background: none;

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


.specification_info .need_help .icon
{
    display: block;

    width: 21px;
    height: 20px;
    margin-right: 5px;

    fill: currentColor;
}


.specification_info .need_help span
{
    transition: border-color .1s linear;

    border-bottom: 1px dashed currentColor;
}


.specification_info .need_help:hover
{
    color: #00abdf;
}

.specification_info .need_help:hover span
{
    border-color: transparent;
}



.specification_info .titles
{
    color: #777;
    font-size: 14px;
    font-weight: 300;
    line-height: 100%;

    display: flex;

    margin-bottom: 6px;
    padding: 10px 20px 10px 30px;

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

    /*position: sticky;
    top: 131px;
    z-index: 2;*/

    background: #fff;
}

.specification_info .titles > * + *
{
    margin-left: 20px;
}

.specification_info .titles > * + *.col_info
{
    margin-left: 15px;
}


.specification_info .item
{
    padding: 19px 19px 19px 29px;

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

.specification_info .item + .item
{
    margin-top: 10px;
}


.specification_info .item .hide
{
    display: none;

    padding-bottom: 15px;
}


.specification_info .item > .head,
.specification_info .item .product
{
    color: #777;
    font-size: 14px;
    font-weight: 300;
    line-height: 100%;

    display: flex;

    justify-content: flex-start;
    align-items: center;
    align-content: center;
    flex-wrap: nowrap;
}

.specification_info .item .product
{
    margin-top: 15px;

    align-items: flex-start;
    align-content: flex-start;
}

.specification_info .item .product + .product
{
    margin-top: 26px;
}


.specification_info .item > .head > * + *,
.specification_info .item .product > * + *
{
    margin-left: 20px;
}

.specification_info .item > .head > * + *.col_name,
.specification_info .item .product > * + *.col_name
{
    margin-left: 15px;
}


.specification_info .item .col_thumb img
{
    display: block;

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


.specification_info .item .col_name
{
    color: var(--color_black);
    font-size: 16px;
    font-weight: 300;
    line-height: 100%;
    text-decoration: none;

    transition: color .1s linear;
}

.specification_info .item .col_name:hover
{
    color: var(--color_blue);
}

.specification_info .item .col_name.aligncenter
{
    align-self: center;
}


.specification_info .item .col_name .desc
{
    font-size: 14px;
    font-weight: 300;
    line-height: 150%;
}


.specification_info .item .col_name .duration
{
    color: #fff;
    font-size: 14px;
    font-weight: 500;
    line-height: 150%;

    display: inline-block;

    margin-top: 8px;
    padding: 4px 18px 3px;

    vertical-align: top;

    background: #43a846;
}


.specification_info .item .product .col_articul
{
    line-height: 36px;
}


.specification_info .item .amount
{
    position: relative;

    width: 110px;
}

.specification_info .item .amount button
{
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;

    display: block;

    width: 36px;
    height: 36px;

    cursor: pointer;

    border: none;
    background: none;
}

.specification_info .item .amount button:before,
.specification_info .item .amount button:after
{
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;

    display: block;

    width: 12px;
    height: 2px;
    margin: auto;

    content: '';

    background: #000;
}

.specification_info .item .amount button:after
{
    width: 2px;
    height: 12px;
}

.specification_info .item .amount button.plus
{
    right: 0;
    left: auto;
}

.specification_info .item .amount button.minus:after
{
    opacity: 0;
}

.specification_info .item .amount .input
{
    color: #000;
    font-family: var(--font_family);
    font-size: 16px;
    font-weight: 300;

    display: block;

    width: 100%;
    height: 36px;
    padding: 0 31px;

    text-align: center;

    border: 1px solid #cbcbcb;
    border-radius: 5px;
    background: #fff;
}


.specification_info .item .compare.comparison-btn
{
    position: relative;

    display: inline-block;

    cursor: pointer;
    transition: .1s linear;
    vertical-align: middle;
}

.specification_info .item .compare.comparison-btn .compare_link
{
    color: var(--color_blue);
    font-weight: 300;

    position: relative;

    display: block;

    cursor: pointer;

    border: none;
    background: none;
}

.specification_info .item .compare.comparison-btn.added .compare_link.comparison-add, 
.specification_info .item .compare.comparison-btn .compare_link.comparison-remove,
.specification_info .item .compare.comparison-btn .compare_link.comparison-go
{
    display: none;
}

.specification_info .item .compare.comparison-btn .compare_link.comparison-add, 
.specification_info .item .compare.comparison-btn.added .compare_link.comparison-remove,
.specification_info .item .compare.comparison-btn.added .compare_link.comparison-go
{
    display: block;
}

.specification_info .item .compare.comparison-btn .compare_link .icon
{
    display: flex;

    width: 36px;
    height: 36px;

    transition: border-color .1s linear;
    transition: color .1s linear;

    border: 1px solid;
    border-radius: 50%;

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

    margin-top: 0;
}

.specification_info .item .compare.comparison-btn .compare_link .icon > *
{
    display: block;
    width: 16px;
    height: 14px;
}

.specification_info .item .compare.comparison-btn.added .compare_link .icon
{
    color: #fff;
    background: var(--color_blue);
}

.specification_info .item .compare.comparison-btn .compare_link:hover .icon
{
    border-color: var(--color_blue);
}

.specification_info .item .compare.comparison-btn:not(.added) .compare_link:hover .icon
{
    color: var(--color_blue);
}

.specification_info .item .compare.comparison-btn .compare_link.loading:before
{
    content: "";

    display: block;
    position: absolute;

    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    margin: auto;
    width: 100%;
    height: 100%;

    border-radius: 50%;
    background: rgba(255, 255, 255, 0.7);

    z-index: 11;
}

.specification_info .item .compare.comparison-btn .compare_link.loading:after
{
    content: "";

    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    margin: auto;
    width: 20px;
    height: 20px;

    border: 3px solid var(--color_blue);
    border-bottom-color: transparent;
    border-radius: 50%;

    display: block;
    position: absolute;

    z-index: 12;

    animation: submitBtnLoader 1s linear infinite;
}

.specification_info .item .compare.comparison-btn .comparison-go
{
    display: none;
}


.specification_info .item .delete_btn
{
    color: #000;

    display: flex;

    width: 22px;
    height: 36px;

    cursor: pointer;
    transition: color .1s linear;

    border: none;
    background: none;

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

.specification_info .item .delete_btn .icon
{
    display: block;

    width: 22px;
    height: 22px;
}

.specification_info .item .delete_btn:hover
{
    color: #00abdf;
}


.specification_info .item .options
{
    margin-top: 23px;
}


.specification_info .item .options.separately
{
    margin: 0;
}

.specification_info .item .options.separately .option .head
{
    padding: 0;
}

.specification_info .item .options.separately .list
{
    display: block;

    padding: 0;
}


.specification_info .item .options .list
{
    display: none;

    padding-top: 18px;
}


.specification_info .item .options .spoler_btn
{
    color: #777;
    font-family: var(--font_family);
    font-size: 16px;
    font-weight: 300;
    line-height: 100%;

    display: flex;

    cursor: pointer;

    border: none;
    background: none;

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

.specification_info .item .options .spoler_btn .arr
{
    color: #777;

    display: flex;

    width: 18px;
    height: 18px;
    margin-left: 8px;

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

    border-radius: 50%;

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


.specification_info .item .options .spoler_btn.active .arr
{
    transform: rotate(0);
}

.specification_info .item .options .spoler_btn:hover .arr
{
    color: #fff;

    background: #777;
}

.specification_info .item .options .spoler_btn .icon
{
    display: block;

    width: 16px;
    height: 16px;
}

.specification_info .item .options .spoler_btn.active .icon
{
    transform: rotate(0);
}


.specification_info .item .option + .option
{
    margin-top: 15px;
}


.specification_info .item .option .head
{
    display: flex;

    padding-left: 40px;

    cursor: pointer;

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


.specification_info .item .option .head .name
{
    color: #00abdf;
    font-size: 16px;
    font-weight: 300;
    line-height: 160%;

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

.specification_info .item .option .head .name span
{
    color: #777;
}


.specification_info .item .option .head .arr
{
    color: #777;

    display: flex;

    width: 18px;
    height: 18px;
    margin-left: 8px;

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

    border-radius: 50%;

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

.specification_info .item .option .head .arr svg
{
    display: block;

    width: 16px;
    height: 16px;
}


.specification_info .item .option .head.active .arr
{
    transform: rotate(0);
}

.specification_info .item .option .head:hover .arr
{
    color: #fff;

    background: #00abdf;
}


.specification_info .col_thumb
{
    width: 70px;
    min-width: 70px;
}

.specification_info .col_info,
.specification_info .col_name
{
    width: 100%;
}

.specification_info .col_articul
{
    width: 142px;
    min-width: 142px;
}

.specification_info .col_amount
{
    width: 131px;
    min-width: 131px;
}

.specification_info .col_compare
{
    width: 61px;
    min-width: 61px;
}

.specification_info .col_delete
{
    width: 22px;
    min-width: 22px;
}



.specification_info .get_prices
{
    padding: 30px 20px;

    background: #fff;
}


.specification_info .get_prices .title
{
    color: #000;
    font-size: 18px;
    font-weight: 700;
    line-height: 160%;

    margin-bottom: 20px;
}


.specification_info .get_prices .form
{
    --form_border_radius: 5px;
}


.specification_info .get_prices .form .additional_fields
{
    display: none;
}


.specification_info .get_prices .form .line
{
    margin-bottom: 10px;
}


.specification_info .get_prices .form .input
{
    font-size: 17px;

    height: 55px;
    padding: 19px 17px 0 17px;
}


.specification_info .get_prices .form textarea
{
    font-size: 17px;

    height: 140px;
    min-height: 140px;
    padding: 30px 17px 15px 17px;
}


.specification_info .get_prices .form .exp
{
    text-align: center;
}


.specification_info .get_prices .more_data
{
    color: #000;
    font-size: 13px;
    font-weight: 300;
    line-height: 150%;

    margin-bottom: 15px;

    text-align: center;
}


.specification_info .get_prices .more_data .spoler_btn
{
    color: #00abdf;

    display: inline-block;

    cursor: pointer;

    border: none;
    background: none;

    text-decoration: underline;
    text-decoration-style: dotted;
}

.specification_info .get_prices .more_data .spoler_btn:hover
{
    text-decoration-style: solid;
}


.specification_info .get_prices .more_data .spoler_btn .icon
{
    position: relative;
    top: -1px;

    display: inline-block;

    width: 12px;
    height: 12px;

    transform: rotate(180deg);
    vertical-align: middle;

    transition: transform .1s linear;
}

.specification_info .get_prices .more_data .spoler_btn.active .icon
{
    transform: rotate(362deg);
}


.specification_info .get_prices .form input[type=checkbox] + label
{
    color: #737373;
    font-size: 13px;
    font-weight: 300;
    line-height: 130%;

    padding-left: 24px;
}

.specification_info .get_prices .form input[type=checkbox] + label a
{
    color: #2aa8cf;

    text-decoration: none;
}

.specification_info .get_prices .form input[type=checkbox] + label a:hover
{
    text-decoration: underline;
}

.specification_info .get_prices .form input[type=checkbox] + label:before
{
    top: 1px;
}

.specification_info .get_prices .form input[type=checkbox] + label:after
{
    top: 5px;
}


.specification_info .get_prices .form .submit_btn
{
    color: #eee;
    font-size: 17px;
    font-weight: 400;
    line-height: 150%;

    width: 100%;
    height: 55px;

    border: none;
    border-radius: 5px;
    background: #ff9511;
}



/*-------------------------
   For integrators page
-------------------------*/
.for_integrators_page
{
    font-family: var(--font_family);

    padding-top: 40px;
}



.for_integrators_page .page_title
{
    font-size: 50px;
    font-weight: 500;

    position: relative;
    z-index: 3;

    margin-bottom: 45px;
    padding-top: 13px;
    padding-left: 30px;

    color: #000;
}


.for_integrators_page .page_title:before
{
    position: absolute;
    z-index: -1;
    top: 0;
    left: -5px;

    display: block;

    width: 76px;
    height: 76px;

    content: '';

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



/*--------------------------
   For integrators first
--------------------------*/
.for_integrators_first
{
    font-family: var(--font_family);

    margin-bottom: 50px;
}


.for_integrators_first .data
{
    width: calc(100% - 465px);
}



.for_integrators_first .items
{
    font-size: 20px;

    display: flex;
    flex-direction: column;

    color: #000;

    gap: 8px;
}


.for_integrators_first .items > *
{
    position: relative;

    padding-left: 25px;
}


.for_integrators_first .items .icon
{
    position: absolute;
    top: 4px;
    left: 0;

    display: block;

    width: 15px;
    height: 13px;

    color: #51d66a;
}



.for_integrators_first .image
{
    position: relative;

    width: 980px;
    margin-top: 24px;
}


.for_integrators_first .image .title
{
    font-size: 26px;
    font-weight: 600;
    line-height: calc(100% + 13px);

    position: absolute;
    z-index: 3;
    top: 18px;
    right: 200px;

    text-align: right;

    color: #ff9511;
}


.for_integrators_first .image img
{
    display: block;

    width: 100%;
}



.for_integrators_first .form
{
    position: relative;
    z-index: 3;

    width: 417px;
    max-width: 100%;
    margin-left: auto;

    --form_border_color: #fff;
    --form_focus_color: #fff;
    --form_bg_color: #fff;
    --form_border_radius: 10px;
    --form_placeholder_color: rgba(0, 0, 0, .60);
}


.for_integrators_first .form .title
{
    font-size: 31px;
    font-weight: 600;

    margin-bottom: 49px;

    color: #000;
}


.for_integrators_first .form .line
{
    margin-bottom: 18px;
}


.for_integrators_first .form .input
{
    height: 58px;
}


.for_integrators_first .form .exp
{
    font-size: 13px;
    font-weight: 500;

    margin-top: 0;
    margin-bottom: 15px;
    padding: 0;

    color: rgba(0, 0, 0, .40);
}


.for_integrators_first .form input[type=checkbox] + label
{
    font-size: 13px;
    font-weight: 500;

    color: #848484;
}


.for_integrators_first .form input[type=checkbox] + label a
{
    color: var(--color_blue);
}


.for_integrators_first .form .submit_btn
{
    font-size: 15px;
    font-weight: 600;

    height: 41px;
    margin: 0 auto;
    padding: 0 15px;

    border-color: #ff9511;
    border-radius: 5px;
    background: #ff9511;

    transition: all .1s linear;
}

.for_integrators_first .form .submit_btn:hover
{
    background: var(--color_blue);
    border-color: var(--color_blue);
}



/*----------------------------
   For integrators provide
----------------------------*/
.for_integrators_provide
{
    font-family: var(--font_family);

    padding: 62px 0;

    background: #fff;
}



.for_integrators_provide .block_title
{
    font-size: 50px;
    font-weight: 500;

    position: relative;
    z-index: 3;

    margin-bottom: 60px;
    padding-top: 13px;
    padding-left: 30px;

    color: #000;
}


.for_integrators_provide .block_title:before
{
    position: absolute;
    z-index: -1;
    top: 0;
    left: -5px;

    display: block;

    width: 76px;
    height: 76px;

    content: '';

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



.for_integrators_provide .tech_support
{
    position: relative;

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

    min-height: 500px;
    padding: 43px 66px;

    border-radius: 20px;
    background: #f8f8f8;

    gap: 10px;
}


.for_integrators_provide .tech_support .info
{
    width: 502px;
    max-width: 100%;
}


.for_integrators_provide .tech_support .title
{
    font-size: 36px;
    font-weight: 600;

    color: #23abdf;
}


.for_integrators_provide .tech_support .items
{
    font-size: 20px;
    line-height: 35px;

    display: flex;
    flex-direction: column;

    width: 389px;
    max-width: 100%;
    margin-top: 49px;

    color: #000;

    gap: 10px;
}


.for_integrators_provide .tech_support .items > *
{
    position: relative;

    padding-left: 40px;
}


.for_integrators_provide .tech_support .items > *:before
{
    position: absolute;
    top: 10px;
    left: 0;

    display: block;

    width: 12px;
    height: 12px;

    content: '';

    border-radius: 50%;
    background: #51d66a;
}


.for_integrators_provide .tech_support .desc
{
    font-size: 24px;
    font-weight: 500;

    width: 490px;
    max-width: 100%;

    color: #000;
}


.for_integrators_provide .tech_support .desc ul
{
    display: flex;
    flex-direction: column;

    margin-top: 15px;

    gap: 10px;
}


.for_integrators_provide .tech_support .desc li
{
    position: relative;

    display: block;

    padding-left: 40px;

    list-style-type: armenian;
}


.for_integrators_provide .tech_support .desc li:before
{
    position: absolute;
    top: 10px;
    left: 0;

    display: block;

    width: 12px;
    height: 12px;

    content: '';

    border-radius: 50%;
    background: #51d66a;
}


.for_integrators_provide .tech_support .decor
{
    position: absolute;
    z-index: 3;
    top: 72px;
    left: -84px;

    display: block;

    pointer-events: none;
}


.for_integrators_provide .tech_support .decor img
{
    display: block;

    width: 135px;
    height: 135px;
}


.for_integrators_provide .tech_support .image
{
    position: absolute;
    z-index: 3;
    right: 37px;
    bottom: -93px;

    display: block;

    pointer-events: none;
}


.for_integrators_provide .tech_support .image img
{
    display: block;

    width: 493px;
    height: 465px;
}



.for_integrators_provide .marketing_support
{
    position: relative;

    margin-top: 110px;
    padding: 32px 65px;

    border-radius: 20px;
    background: #f8f8f8;
}


.for_integrators_provide .marketing_support .info
{
    width: 603px;
    max-width: 100%;
    margin-left: auto;
}


.for_integrators_provide .marketing_support .title
{
    font-size: 36px;
    font-weight: 600;

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

    min-height: 96px;

    color: #23abdf;
}


.for_integrators_provide .marketing_support .items
{
    font-size: 20px;

    display: flex;
    flex-direction: column;

    margin-top: 20px;

    color: #000;

    gap: 32px;
}


.for_integrators_provide .marketing_support .items > *
{
    position: relative;

    padding-left: 46px;
}


.for_integrators_provide .marketing_support .items > *:before
{
    position: absolute;
    top: 5px;
    left: 0;

    display: block;

    width: 12px;
    height: 12px;

    content: '';

    border-radius: 50%;
    background: #51d66a;
}


.for_integrators_provide .marketing_support .look_like
{
    margin-top: -60px;
}


.for_integrators_provide .marketing_support .look_like .title
{
    margin-bottom: 10px;
}


.for_integrators_provide .marketing_support .look_like .flex
{
    margin-bottom: -4px;
    margin-left: -4px;
}


.for_integrators_provide .marketing_support .look_like .flex > *
{
    width: calc(33.333% - 4px);
    margin-bottom: 4px;
    margin-left: 4px;
}


.for_integrators_provide .marketing_support .look_like .thumb
{
    display: block;
}


.for_integrators_provide .marketing_support .look_like img
{
    display: block;

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


.for_integrators_provide .marketing_support .image
{
    position: absolute;
    z-index: 3;
    top: -52px;
    left: 16px;

    display: block;

    pointer-events: none;
}


.for_integrators_provide .marketing_support .image img
{
    display: block;

    width: 689px;
    height: 545px;
}



.for_integrators_provide .delivery
{
    font-family: var(--font_family);

    position: relative;

    margin-top: 120px;
    padding: 81px 89px 40px 96px;

    border-radius: 20px;
    background: #f8f8f8;
}


.for_integrators_provide .delivery .title
{
    font-size: 32px;
    font-weight: 700;

    color: #00a0d0;
}



.for_integrators_provide .delivery .shipment
{
    width: 476px;
    max-width: 100%;
    min-height: 252px;
    margin-left: auto;
}


.for_integrators_provide .delivery .shipment .title
{
    text-align: right;
}


.for_integrators_provide .delivery .shipment .items
{
    font-size: 20px;

    display: flex;
    flex-direction: column;

    margin-top: 50px;

    color: #000;

    gap: 21px;
}


.for_integrators_provide .delivery .shipment .items > *
{
    position: relative;

    padding-left: 34px;
}


.for_integrators_provide .delivery .shipment .items > *:before
{
    position: absolute;
    top: 6px;
    left: 0;

    display: block;

    width: 12px;
    height: 12px;

    content: '';

    border-radius: 50%;
    background: #51d66a;
}


.for_integrators_provide .delivery .shipment .items b
{
    color: #ff9511;
}


.for_integrators_provide .delivery .test
{
    margin-top: 50px;
}


.for_integrators_provide .delivery .test .title
{
    position: relative;
    z-index: 3;

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


.for_integrators_provide .delivery .test .img
{
    display: block;

    margin-top: -64px;
}


.for_integrators_provide .delivery .test .img img
{
    display: block;

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


.for_integrators_provide .delivery .test .mob_img
{
    display: none;

    margin-top: 24px;
}


.for_integrators_provide .delivery .test .mob_img img
{
    display: block;

    width: 100%;
}


.for_integrators_provide .delivery .image
{
    position: absolute;
    z-index: 3;
    top: -115px;
    left: 82px;

    display: block;

    pointer-events: none;
}


.for_integrators_provide .delivery .image img
{
    display: block;

    width: 648px;
    height: 500px;
}



.for_integrators_provide .uploading
{
    font-family: var(--font_family);

    position: relative;

    min-height: 630px;
    margin-top: 125px;
    padding: 53px 70px 52px 82px;

    border-radius: 20px;
    background: #f8f8f8;
}


.for_integrators_provide .uploading .title
{
    font-size: 32px;
    font-weight: 700;

    color: #00a0d0;
}


.for_integrators_provide .uploading .desc
{
    font-size: 26px;
    font-weight: 500;

    margin-top: 33px;

    color: #000;
}


.for_integrators_provide .uploading .info
{
    width: 548px;
    max-width: 100%;
    margin-top: 68px;
    margin-left: auto;
}


.for_integrators_provide .uploading .checks
{
    font-size: 20px;
    font-weight: 700;
    line-height: 25px;

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

    color: #fff;

    gap: 18px;
}


.for_integrators_provide .uploading .checks > *
{
    display: flex;
    align-content: center;
    align-items: center;
    flex-wrap: wrap;
    justify-content: flex-start;

    min-width: 264px;
    min-height: 56px;
    padding: 10px 20px;

    border-radius: 30px 5px 5px 30px;

    gap: 16px;
}


.for_integrators_provide .uploading .checks .blue
{
    background: #00abdf;
}


.for_integrators_provide .uploading .checks .red
{
    background: #f5534b;
}


.for_integrators_provide .uploading .checks .icon
{
    display: block;

    width: 30px;
    height: 25px;
}


.for_integrators_provide .uploading .items
{
    font-size: 20px;

    display: flex;
    flex-direction: column;

    margin-top: 34px;

    color: #000;

    gap: 10px;
}


.for_integrators_provide .uploading .items > *
{
    position: relative;

    padding-left: 39px;
}


.for_integrators_provide .uploading .items > *:before
{
    position: absolute;
    top: 6px;
    left: 0;

    display: block;

    width: 12px;
    height: 12px;

    content: '';

    border-radius: 50%;
    background: #51d66a;
}


.for_integrators_provide .uploading .image
{
    position: absolute;
    z-index: 3;
    bottom: 35px;
    left: 61px;

    display: block;

    pointer-events: none;
}


.for_integrators_provide .uploading .image img
{
    display: block;

    width: 669px;
    height: 398px;
}



/*----------------------------------------
   For integrators unloading mechanism
----------------------------------------*/
.for_integrators_unloading_mechanism
{
    font-family: var(--font_family);

    padding: 60px 0;
}



.for_integrators_unloading_mechanism .block_title
{
    font-size: 50px;
    font-weight: 500;

    position: relative;
    z-index: 3;

    margin-bottom: 60px;
    padding-top: 13px;
    padding-left: 30px;

    color: #000;
}


.for_integrators_unloading_mechanism .block_title:before
{
    position: absolute;
    z-index: -1;
    top: 0;
    left: -5px;

    display: block;

    width: 76px;
    height: 76px;

    content: '';

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


.for_integrators_unloading_mechanism .desc
{
    font-size: 25px;
    font-weight: 500;

    display: flex;
    flex-direction: column;

    margin-top: 46px;
    padding-right: 61px;
    padding-left: 44px;

    color: #000;

    gap: 10px;
}


.for_integrators_unloading_mechanism .desc > *
{
    position: relative;

    padding-left: 36px;
}


.for_integrators_unloading_mechanism .desc .icon
{
    position: absolute;
    top: 4px;
    left: 0;

    display: block;

    width: 24px;
    height: 20px;

    color: #51d66a;
}


.for_integrators_unloading_mechanism .schema
{
    position: relative;

    height: 1220px;
    margin-top: 58px;
    margin-left: 8px;
}


.for_integrators_unloading_mechanism .schema .arrow
{
    position: absolute;
    z-index: 1;

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

    pointer-events: none;
}


.for_integrators_unloading_mechanism .schema .arrow:before
{
    position: absolute;
    z-index: 1;
    top: 0;
    bottom: 0;
    left: 0;

    display: block;

    width: 100%;
    height: 7px;
    margin: auto 0;

    content: '';

    background: var(--color_blue);
}


.for_integrators_unloading_mechanism .schema .arrow div
{
    position: relative;
    z-index: 2;

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

    width: 56px;
    height: 56px;

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


.for_integrators_unloading_mechanism .schema .arrow img
{
    display: block;

    width: 23px;
    height: 38px;
}


.for_integrators_unloading_mechanism .section1
{
    position: absolute;
    z-index: 3;
    top: 0;
    left: 0;

    display: flex;
    flex-direction: column;

    width: 258px;
    max-width: 100%;

    gap: 32px;
}


.for_integrators_unloading_mechanism .section1 .label
{
    font-size: 24px;
    font-weight: 600;

    color: #000;
}


.for_integrators_unloading_mechanism .section1 .items
{
    font-size: 20px;
    line-height: 40px;

    color: #fff;
    border-radius: 10px;
    background: #32b9ed;
    box-shadow: 25px 28px 0 0 rgba(200, 211, 216, .15);
}


.for_integrators_unloading_mechanism .section1 .items > *
{
    padding: 0 25px;
}


.for_integrators_unloading_mechanism .section1 .green
{
    padding: 4px 25px;

    border-radius: 10px;
    background: #51d66a;
}


.for_integrators_unloading_mechanism .section1 .grey
{
    padding: 4px 25px;

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


.for_integrators_unloading_mechanism .section1 .items > * > *
{
    position: relative;

    padding: 0 0 0 24px;
}


.for_integrators_unloading_mechanism .section1 .items > * > *:before
{
    position: absolute;
    top: 18px;
    left: 4px;

    display: block;

    width: 6px;
    height: 6px;

    content: '';

    border-radius: 50%;
    background: currentColor;
}


.for_integrators_unloading_mechanism .section1 .arrow
{
    bottom: 114px;
    left: 100%;

    width: 106px;
}


.for_integrators_unloading_mechanism .section2
{
    position: absolute;
    z-index: 3;
    top: 23px;
    left: 364px;

    display: flex;
    flex-direction: column;

    width: 332px;
    max-width: 100%;

    gap: 8px;
}


.for_integrators_unloading_mechanism .section2 .label
{
    font-size: 24px;
    font-weight: 600;

    color: #000;
}


.for_integrators_unloading_mechanism .section2 .label span
{
    font-size: 32px;
}


.for_integrators_unloading_mechanism .section2 .items
{
    display: flex;
    align-content: flex-start;
    align-items: flex-start;
    flex-wrap: wrap;
    justify-content: space-between;

    padding: 19px 8px 11px 25px;

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


.for_integrators_unloading_mechanism .section2 .names
{
    display: flex;
    flex-direction: column;

    width: calc(100% - 114px);

    gap: 19px;
}


.for_integrators_unloading_mechanism .section2 .names > *
{
    font-size: 20px;
    line-height: 33px;

    padding: 5px;

    text-align: center;

    color: #000;
    border-radius: 5px;
    background: #f4f4f4;
}


.for_integrators_unloading_mechanism .section2 .names .blue
{
    color: #fff;
    background: var(--color_blue);
}


.for_integrators_unloading_mechanism .section2 .image
{
    display: block;

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


.for_integrators_unloading_mechanism .section2 .image img
{
    display: block;

    width: 100%;
}


.for_integrators_unloading_mechanism .section2 .arrow
{
    bottom: 111px;
    left: 100%;

    width: 106px;
}


.for_integrators_unloading_mechanism .section3
{
    position: absolute;
    z-index: 3;
    top: 200px;
    right: 357px;

    display: flex;
    flex-direction: column;

    width: 203px;
    max-width: 100%;
    padding: 51px 30px 77px 32px;

    border-radius: 10px;
    background: #fff;

    gap: 58px;
}


.for_integrators_unloading_mechanism .section3 .types
{
    display: block;
}


.for_integrators_unloading_mechanism .section3 .types img
{
    display: block;

    max-width: 100%;
    margin: 0 auto;
}


.for_integrators_unloading_mechanism .section3 .count
{
    font-size: 24px;
    font-weight: 600;

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

    min-height: 162px;
    padding-bottom: 21px;

    text-align: center;

    color: #000;
    background: url(../images/for_integrators_unloading_mechanism_schema_count.png) 50% 100%/100% auto no-repeat;
}


.for_integrators_unloading_mechanism .section3 .count .val
{
    font-size: 78px;
    font-weight: 600;
    line-height: 100%;

    transform: translateY(-12px);

    color: #51d66a;
}


.for_integrators_unloading_mechanism .section3 .arrow
{
    top: 126px;
    left: 100%;

    width: 99px;
}


.for_integrators_unloading_mechanism .section4
{
    position: absolute;
    z-index: 3;
    top: 91px;
    right: 0;

    display: flex;
    flex-direction: column;

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


.for_integrators_unloading_mechanism .section4 .label
{
    font-size: 25px;
    font-weight: 600;

    text-align: right;

    color: #000;
}


.for_integrators_unloading_mechanism .section4 .label span
{
    font-size: 32px;
    font-weight: 800;
    line-height: 40px;

    color: #51d66a;
}


.for_integrators_unloading_mechanism .section4 .image
{
    width: 258px;
    max-width: 100%;
    margin-top: 8px;
    margin-left: auto;

    border-radius: 10px;
}


.for_integrators_unloading_mechanism .section4 .image img
{
    display: block;

    width: 100%;

    border-radius: inherit;
}


.for_integrators_unloading_mechanism .section5
{
    position: absolute;
    z-index: 3;
    top: 480px;
    left: 0;

    display: flex;
    flex-direction: column;

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


.for_integrators_unloading_mechanism .section5 .label
{
    font-size: 20px;
    font-weight: 600;

    color: #000;
}


.for_integrators_unloading_mechanism .section5 .label span
{
    font-size: 40px;
    font-weight: 600;

    color: #ff9511;
}


.for_integrators_unloading_mechanism .section5 .info
{
    margin-top: 16px;
    padding: 27px 42px 58px 44px;

    border-radius: 20px;
    background: #fff;
}


.for_integrators_unloading_mechanism .section5 .sub_label
{
    font-size: 30px;
    font-weight: 600;

    margin-bottom: 11px;

    color: #23abdf;
}


.for_integrators_unloading_mechanism .section5 .items
{
    font-size: 20px;

    display: flex;
    flex-direction: column;

    padding-right: 22px;

    color: #000;

    gap: 14px;
}


.for_integrators_unloading_mechanism .section5 .items > *
{
    display: flex;
    align-content: flex-end;
    align-items: flex-end;
    flex-wrap: wrap;
    justify-content: flex-start;
}


.for_integrators_unloading_mechanism .section5 .items .icon
{
    position: relative;
    z-index: 3;

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

    width: 80px;
    height: 64px;
    margin-bottom: 14px;
    padding: 10px;

    border-radius: 10px 10px 3px 10px;
    background: #f5f5f5;
}


.for_integrators_unloading_mechanism .section5 .items .icon img
{
    display: block;

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


.for_integrators_unloading_mechanism .section5 .items span
{
    position: relative;

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

    width: 330px;
    height: 55px;
    margin-left: -27px;
    padding-left: 38px;

    background: url(../images/for_integrators_unloading_mechanism_section5_item2.svg) 5px 100% no-repeat, url(../images/for_integrators_unloading_mechanism_section5_item.svg) 0 0/100% 100% no-repeat;
}


.for_integrators_unloading_mechanism .section5 .arrow
{
    top: 92px;
    left: 100%;

    width: 311px;
}


.for_integrators_unloading_mechanism .section6
{
    position: absolute;
    z-index: 3;
    right: 5px;
    bottom: 54px;

    display: flex;
    flex-direction: column;

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


.for_integrators_unloading_mechanism .section6 .title
{
    font-size: 32px;
    font-weight: 500;

    margin-bottom: 23px;

    color: #000;
}


.for_integrators_unloading_mechanism .section6 .arrow
{
    right: 100%;
    bottom: 211px;

    width: 319px;
}


.for_integrators_unloading_mechanism .form
{
    padding: 32px;

    border-radius: 10px;
    background: #efefef;
    box-shadow: -63px 54px 0 0 rgba(35, 171, 223, .03);

    --form_border_color: #fff;
    --form_focus_color: #fff;
    --form_bg_color: #fff;
    --form_border_radius: 10px;
    --form_placeholder_color: rgba(0, 0, 0, .60);
}


.for_integrators_unloading_mechanism .form .line
{
    margin-bottom: 18px;
}


.for_integrators_unloading_mechanism .form .input
{
    height: 58px;
}


.for_integrators_unloading_mechanism .form .exp
{
    font-size: 13px;
    font-weight: 500;

    margin-top: 0;
    margin-bottom: 15px;
    padding: 0;

    color: rgba(0, 0, 0, .40);
}


.for_integrators_unloading_mechanism .form input[type=checkbox] + label
{
    font-size: 13px;
    font-weight: 500;

    color: #848484;
}


.for_integrators_unloading_mechanism .form input[type=checkbox] + label a
{
    color: var(--color_blue);
}


.for_integrators_unloading_mechanism .form .submit_btn
{
    font-size: 20px;
    font-weight: 600;

    height: 46px;
    margin: 0 auto;
    padding: 0 24px;

    border-color: #ff9511;
    border-radius: 5px;
    background: #ff9511;

    transition: all .1s linear;
}

.for_integrators_unloading_mechanism .form .submit_btn:hover
{
    border-color: var(--color_blue);
    background: var(--color_blue);
}



.for_integrators_unloading_mechanism .schema .mob_img
{
    display: none;

    width: 100%;
}



.for_integrators_unloading_mechanism .schema .bg
{
    position: absolute;
    z-index: 1;
    top: -81px;
    right: 56px;

    display: block;

    width: 480px;
    height: 409px;
}


.for_integrators_unloading_mechanism .schema .bg2
{
    position: absolute;
    z-index: 1;
    bottom: 92px;
    left: -64px;

    display: block;

    width: 818px;
    height: 671px;
}


.for_integrators_unloading_mechanism .schema .bg img,
.for_integrators_unloading_mechanism .schema .bg2 img
{
    width: 100%;
}



/*-------------------------
   Design networks page
-------------------------*/
.design_networks_page
{
    font-family: var(--font_family5);
}



.design_networks_page .breadcrumbs
{
    margin-bottom: 40px;
}



.design_networks_page .block_title
{
    position: relative;

    margin-bottom: 50px;
    padding-top: 13px;
    padding-left: 32px;

    font-size: 50px;
    font-weight: 500;

    z-index: 3;

    color: #000;
}


.design_networks_page .block_title:before
{
    position: absolute;
    top: 0;
    left: -5px;

    display: block;

    width: 76px;
    height: 76px;

    content: '';
    z-index: -1;

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



/*-------------------------
   Design networks head
-------------------------*/
.design_networks_head
{
    margin-bottom: 42px;
    padding-top: 20px;
    padding-bottom: 116px;

    border-radius: 0 0 20px 20px;
    background: rgba(248, 248, 248, .9);
}


.design_networks_head .cont
{
    display: flex;
    align-content: stretch;
    align-items: stretch;
    flex-wrap: wrap;
    justify-content: space-between;
}


.design_networks_head .data
{
    position: relative;

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

    width: calc(100% - 505px);
    padding-left: 32px;
}


.design_networks_head .data .title
{
    position: relative;

    font-size: 25px;

    z-index: 2;

    color: #000;
}


.design_networks_head .data .image
{
    position: absolute;
    top: 100px;
    left: 0;

    width: 984px;

    z-index: 1;
    pointer-events: none;
}


.design_networks_head .data .image img
{
    display: block;

    width: 100%;
}


.design_networks_head .data .title2
{
    position: relative;

    font-size: 31px;
    font-weight: 600;

    z-index: 2;

    color: #ff9511;
}


.design_networks_head .form
{
    position: relative;

    width: 484px;
    max-width: 100%;
    margin-left: auto;

    z-index: 3;

    --form_border_color: #fff;
    --form_focus_color: #fff;
    --form_bg_color: #fff;
    --form_border_radius: 10px;
    --form_placeholder_color: rgba(0, 0, 0, .60);
}


.design_networks_head .form .title
{
    margin-bottom: 38px;

    font-size: 31px;
    font-weight: 600;

    color: #000;
}


.design_networks_head .form .line
{
    margin-bottom: 18px;
}


.design_networks_head .form .input
{
    height: 55px;
}


.design_networks_head .form .exp
{
    margin-top: 0;
    margin-bottom: 15px;
    padding: 0;

    font-size: 13px;
    font-weight: 500;

    color: rgba(0, 0, 0, .40);
}


.design_networks_head .form input[type=checkbox] + label
{
    font-size: 13px;
    font-weight: 500;

    color: #848484;
}


.design_networks_head .form input[type=checkbox] + label a
{
    color: var(--color_blue);
}


.design_networks_head .form .submit_btn
{
    min-width: 238px;
    height: 45px;
    margin: 0 auto;
    padding: 0 15px;

    font-size: 20px;
    font-weight: 600;

    border-color: #ff9511;
    border-radius: 5px;
    background: #ff9511;
}



/*-----------------------------
   Design networks services
-----------------------------*/
.design_networks_services
{
    margin-bottom: 71px;
}


.design_networks_services .data
{
    position: relative;

    display: flex;
    flex-direction: column;

    width: calc(100% - 213px);
    min-height: 481px;
    margin-left: auto;
    padding-block: 19px;
    padding-inline: 160px 45px;

    font-size: 21px;

    color: #000;
    border: 3px dashed rgba(0, 0, 0, .10);
    border-radius: 20px;
    background: rgba(204, 224, 233, .20);
}


.design_networks_services .data > div
{
    display: flex;
    align-content: center;
    align-items: center;
    flex-wrap: wrap;
    justify-content: flex-start;

    height: 80px;
}


.design_networks_services .image
{
    position: absolute;
    top: 26px;
    left: -292px;

    display: block;

    width: 423px;
}


.design_networks_services .image img
{
    display: block;

    width: 100%;
}



/*------------------------
   Design networks why
------------------------*/
.design_networks_why
{
    margin-bottom: 84px;
    padding-block: 58px 95px;

    border-radius: 20px;
    background: #f8f8f8;
}


.design_networks_why .items
{
    display: flex;
    flex-direction: column;

    font-size: 21px;
    line-height: calc(100% + 19px);

    color: #000;

    gap: 24px;
}


.design_networks_why .items > *
{
    position: relative;

    padding-left: 32px;
}


.design_networks_why .items > *:before
{
    position: absolute;
    top: .5lh;
    left: 0;

    display: block;

    width: 10px;
    height: 10px;

    content: '';
    transform: translateY(-50%);

    border-radius: 50%;
    background: #51d66a;
}


.design_networks_why .gallery
{
    display: flex;
    align-content: flex-start;
    align-items: flex-start;
    flex-wrap: wrap;
    justify-content: flex-start;

    margin-top: 64px;
    margin-bottom: -24px;
    margin-left: -24px;
}


.design_networks_why .gallery > *
{
    width: calc(50% - 24px);
    margin-bottom: 24px;
    margin-left: 24px;
}


.design_networks_why .gallery .item
{
    display: block;

    text-decoration: none;

    color: currentColor;
    border-radius: 20px;
    background: #fff;
}


.design_networks_why .gallery .image
{
    display: block;

    border-radius: inherit;
}


.design_networks_why .gallery img
{
    display: block;

    width: 100%;

    border-radius: inherit;
}



/*---------------------------
    Design networks cases
---------------------------*/
.design_networks_cases
{
    margin-bottom: 100px;
}


.design_networks_cases .list
{
    display: flex;
    flex-direction: column;

    gap: 56px;
}


.design_networks_cases .case .head
{
    display: flex;
    align-content: stretch;
    align-items: stretch;
    flex-wrap: wrap;
    justify-content: space-between;

    font-weight: 500;

    color: #000;
}


.design_networks_cases .case .city
{
    display: flex;
    align-content: center;
    align-items: center;
    flex-wrap: wrap;
    justify-content: flex-start;

    min-height: 80px;

    font-size: 32px;
}


.design_networks_cases .case .name
{
    position: relative;

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

    min-width: 680px;
    min-height: 80px;
    padding-block: 12px;
    padding-inline: 0 40px;

    font-size: 30px;

    border-top: 3px solid rgba(121, 123, 124, .30);
    border-top-right-radius: 16px;
    background: #eee;
}


.design_networks_cases .case .name:before
{
    position: absolute;
    right: 100%;
    bottom: 0;

    display: block;

    width: 126px;
    height: calc(100% + 3px);

    content: '';
    z-index: 1;

    background: linear-gradient(to bottom, rgba(121, 123, 124, .30), rgba(121, 123, 124, .30)), linear-gradient(to bottom, #eee, #eee);

    clip-path: polygon(100% 0, 0% 100%, 100% 100%);
}


.design_networks_cases .case .name:after
{
    position: absolute;
    top: 0;
    right: 100%;

    display: block;

    width: 120px;
    height: 100%;

    content: '';
    z-index: 2;

    background: #eee;

    clip-path: polygon(100% 0, 0% 100%, 100% 100%);
}


.design_networks_cases .case .data
{
    display: flex;
    align-content: stretch;
    align-items: stretch;
    flex-wrap: wrap;
    justify-content: space-between;

    padding: 40px;

    border: 3px dashed rgba(0, 0, 0, .10);
    border-radius: 20px 0 20px 20px;
    background: rgba(204, 224, 233, .20);
}


.design_networks_cases .case .images
{
    display: flex;
    flex-direction: column;

    width: 578px;
    max-width: 100%;

    gap: 12px;
}


.design_networks_cases .case .swiper-button-prev,
.design_networks_cases .case .swiper-button-next
{
    top: 0;
    bottom: 0;

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

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

    cursor: pointer;

    color: #fff;
    border: none;
    border-radius: 50%;
    background: rgba(205, 205, 205, .50);
}


.design_networks_cases .case .swiper-button-prev
{
    left: -23px;

    padding-left: 20px;
}

.design_networks_cases .case .swiper-button-next
{
    right: -23px;

    padding-right: 20px;
}


.design_networks_cases .case .swiper-button-prev:after,
.design_networks_cases .case .swiper-button-next:after
{
    display: none;
}


.design_networks_cases .case .swiper-button-prev svg,
.design_networks_cases .case .swiper-button-next svg
{
    display: block;

    width: 24px;
    height: 25px;

    transform: rotate(-90deg);
}


.design_networks_cases .case .swiper-button-next svg
{
    transform: rotate(90deg);
}



.design_networks_cases .case .images .big .image
{
    display: block;

    text-decoration: none;

    color: currentColor;
}


.design_networks_cases .case .images .big .thumb
{
    display: block;

    border-radius: 5px;

    aspect-ratio: 142/107;
}


.design_networks_cases .case .images .big .thumb img
{
    display: block;

    width: 100%;
    height: 100%;

    border-radius: inherit;

    object-fit: cover;
}


.design_networks_cases .case .images .thumbs .swiper-container
{
    display: none;
}


.design_networks_cases .case .images .thumbs .swiper-container-initialized
{
    display: block;
}


.design_networks_cases .case .images .thumbs .thumb
{
    display: block;

    cursor: pointer;

    border-radius: 5px;

    aspect-ratio: 47/35;
}


.design_networks_cases .case .images .thumbs .thumb img
{
    display: block;

    width: 100%;
    height: 100%;

    border-radius: inherit;

    object-fit: cover;
}


.design_networks_cases .case .images .thumbs .swiper-slide-thumb-active .thumb
{
    outline: 2px solid #37b8ff;
    outline-offset: -2px;
}



.design_networks_cases .case .info
{
    display: flex;
    flex-direction: column;
    justify-content: space-between;

    width: 632px;

    gap: 40px;
}


.design_networks_cases .case .info .desc
{
    line-height: 30px;

    text-align: right;

    color: #000;
}



.design_networks_cases .case .schemes
{
    display: flex;
    flex-direction: column;

    gap: 12px;
}


.design_networks_cases .case .schemes .big .image
{
    display: block;

    text-decoration: none;

    color: currentColor;
}


.design_networks_cases .case .schemes .big .thumb
{
    display: block;

    border-radius: 5px;

    aspect-ratio: 631.88/278.80;
}


.design_networks_cases .case .schemes .big .thumb img
{
    display: block;

    width: 100%;
    height: 100%;

    border-radius: inherit;

    object-fit: cover;
}


.design_networks_cases .case .schemes .thumbs .swiper-container
{
    display: none;
}


.design_networks_cases .case .schemes .thumbs .swiper-container-initialized
{
    display: block;
}


.design_networks_cases .case .schemes .thumbs .thumb
{
    display: block;

    cursor: pointer;

    border-radius: 5px;

    aspect-ratio: 111.31/49.11;
}


.design_networks_cases .case .schemes .thumbs .thumb img
{
    display: block;

    width: 100%;
    height: 100%;

    border-radius: inherit;

    object-fit: cover;
}


.design_networks_cases .case .schemes .thumbs .swiper-slide-thumb-active .thumb
{
    outline: 2px solid #37b8ff;
    outline-offset: -2px;
}



.design_networks_cases .case:nth-child(2n) .city
{
    order: 2;
}


.design_networks_cases .case:nth-child(2n) .name
{
    justify-content: flex-start;

    padding-inline: 40px 0;

    border-top-left-radius: 16px;
    border-top-right-radius: 0;
}


.design_networks_cases .case:nth-child(2n) .name:before,
.design_networks_cases .case:nth-child(2n) .name:after
{
    right: 0;
    left: 100%;

    transform: scale(-1, 1);
}


.design_networks_cases .case:nth-child(2n) .data
{
    border-radius: 0 20px 20px 20px;
}


.design_networks_cases .case:nth-child(2n) .info .desc
{
    text-align: left;
}


.design_networks_cases .case:nth-child(2n) .images
{
    order: 2;
}



/*---------------------------
    Design networks license
---------------------------*/
.design_networks_license
{
    margin-bottom: 100px;
    padding-block: 70px;

    background: #f8f8f8;
}


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

    gap: 44px;
}


.design_networks_license .row > *
{
    width: 509px;
    max-width: calc(50% - 22px);
}


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

    text-align: center;
    text-decoration: none;

    color: currentColor;

    gap: 13px;
}


.design_networks_license .item .thumb
{
    display: block;
}


.design_networks_license .item .thumb img
{
    display: block;

    width: 100%;
}


.design_networks_license .item .btn
{
    display: flex;
    align-content: center;
    align-items: center;
    flex-wrap: wrap;
    justify-content: center;

    font-size: 16px;

    color: #37b8ff;

    gap: 3px;
}


.design_networks_license .item .btn .icon
{
    display: block;

    width: 34px;
    height: 34px;
}



/*---------------------------
   Design networks action
---------------------------*/
.design_networks_action
{
    margin-bottom: 100px;
}


.design_networks_action .data
{
    position: relative;

    padding-top: 20px;
}


.design_networks_action .form
{
    position: relative;

    width: 547px;
    max-width: 100%;

    z-index: 3;

    --form_border_color: #fff;
    --form_focus_color: #fff;
    --form_bg_color: #fff;
    --form_border_radius: 10px;
    --form_placeholder_color: rgba(0, 0, 0, .60);
}


.design_networks_action .form .title
{
    margin-bottom: 38px;

    font-size: 29px;
    font-weight: 500;

    color: #000;
}


.design_networks_action .form .fields
{
    padding: 30px;

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


.design_networks_action .form .line
{
    margin-bottom: 18px;
}


.design_networks_action .form .input
{
    height: 55px;
}


.design_networks_action .form .exp
{
    margin-top: 0;
    margin-bottom: 15px;
    padding: 0;

    font-size: 13px;
    font-weight: 500;

    color: rgba(0, 0, 0, .40);
}


.design_networks_action .form input[type=checkbox] + label
{
    font-size: 13px;
    font-weight: 500;

    color: #848484;
}


.design_networks_action .form input[type=checkbox] + label a
{
    color: var(--color_blue);
}


.design_networks_action .form .submit_btn
{
    min-width: 238px;
    height: 45px;
    margin: 0 auto;
    padding: 0 15px;

    font-size: 20px;
    font-weight: 600;

    border-color: #ff9511;
    border-radius: 5px;
    background: #ff9511;
}



.design_networks_action .image
{
    position: absolute;
    top: 3px;
    right: -33px;

    display: block;

    width: 972px;

    z-index: 1;
    pointer-events: none;
}


.design_networks_action .image img
{
    display: block;

    width: 100%;
}



/*---------------
   Select Analog
---------------*/
.select_analog .block_title
{
    color: #000;
    font-size: 46px;
    font-weight: 700;
    line-height: 130%;

    position: relative;
    z-index: 3;

    margin: 40px 0 30px 35px;
}

.select_analog .block_title:before
{
    position: absolute;
    top: -16px;
    left: -37px;

    display: block;

    width: 80px;
    height: 80px;

    content: '';

    border-radius: 50%;
    background: rgba(0, 171, 223, .25);
}


.select_analog .block_desc
{
    color: #000;
    font-size: 18px;
    font-weight: 300;
    line-height: 150%;

    margin-left: 35px;
}


.select_analog .get_analog
{
    margin-top: 30px;

    position: relative;
    z-index: 3;

    padding: 30px 0 40px;

    background: #a4e2f4;
}


.select_analog .get_analog .data
{
    position: relative;
}

.select_analog .get_analog .data.loading:before
{
    position: absolute;
    content: "";

    top: -20px;
    left: 0;
    
    width: 100%;
    height: calc(100% + 40px);

    background: rgba(255, 255, 255, 0.5);
    border-radius: 27px;

    z-index: 1;
}

.select_analog .get_analog .data.loading:after
{
    content: "";

    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    margin: auto;
    width: 20px;
    height: 20px;

    border: 3px solid var(--color_blue);
    border-bottom-color: transparent;
    border-radius: 50%;

    display: block;
    position: absolute;

    z-index: 12;

    animation: submitBtnLoader 1s linear infinite;
}


.select_analog .get_analog .form_select .flex
{
    justify-content: flex-start;
    flex-wrap: nowrap;

    margin-left: -15px;
}

.select_analog .get_analog .form_select .line
{
    width: 33.333%;

    margin-left: 15px;
}



.select_analog .get_analog .form_select .nice-select .current
{
    border-radius: 5px 5px 0 0;

    border-color: var(--form_focus_color);
    background: #fff;
    color: var(--text_color);
}

.select_analog .get_analog .form_select .nice-select .current:after
{
    display: none;
}

.select_analog .get_analog .form_select .nice-select .list
{
    position: relative;

    top: auto;
    left: auto;

    visibility: visible;
    opacity: 1;

    border-radius: 0 0 5px 5px;
}


.select_analog .get_analog .form_select select.error + .nice-select .current
{
    border-color: #FF0000;
}


.select_analog .get_analog .form_select .submit_btn
{
    background: #ff9511;

    border: none;

    max-width: 250px;
    width: 100%;
    height: 54px;

    font-size: 16px;
}

.select_analog .get_analog .form_select .submit_btn:hover
{
    background: #0181b7;
}


.select_analog .get_analog .result
{
    background: #FFF;

    padding: 30px;

    border-radius: 5px;
}

.select_analog .get_analog .result .title
{
    font-size: 24px;
    font-weight: 700;
    color: #000;
}

.select_analog .get_analog .result .analogs
{
    margin-top: 30px;
}

.select_analog .get_analog .result .analogs:empty
{
    display: none;
}

.select_analog .get_analog .result .analogs .product
{
    display: flex;

    justify-content: flex-start;
    align-items: center;
    flex-wrap: nowrap;
}

.select_analog .get_analog .result .analogs .product > * + *
{
    margin-left: 30px;
}


.select_analog .get_analog .result .analogs .product a
{
    color: var(--color_blue);
    text-decoration: none;
}

.select_analog .get_analog .result .analogs .product a:hover
{
    text-decoration: underline;
}

.select_analog .get_analog .result .analogs .product .name .icon
{
    width: 16px;
    height: 16px;

    display: inline-block;
    margin-bottom: -2px;

    fill: var(--color_blue);
}


.select_analog .get_analog .result .analogs .product .action .group
{
    display: flex;

    justify-content: center;
    align-items: center;
}

.select_analog .get_analog .result .analogs .product .action .group > * + *
{
    margin-left: 5px;
}


.select_analog .get_analog .result .analogs .product .action .to_cart
{
    color: #00abdf;

    display: flex;

    position: relative;

    width: 36px;
    height: 36px;

    cursor: pointer;
    transition: background .1s linear;
    transition: color .1s linear;

    border: 1px solid #00abdf;
    border-radius: 50%;
    background: none;

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

.select_analog .get_analog .result .analogs .product .action .to_cart.active,
.select_analog .get_analog .result .analogs .product .action .to_cart:hover
{
    color: #fff;

    background: var(--color_blue);
}

.select_analog .get_analog .result .analogs .product .action .to_cart.active:before
{
    position: relative;
    top: -2px;
    left: 1px;

    display: block;

    width: 14px;
    height: 8px;

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

    border-bottom: 2px solid;
    border-left: 2px solid;
}

.select_analog .get_analog .result .analogs .product .action .to_cart .icon
{
    display: block;

    width: 18px;
    height: 18px;
}

.select_analog .get_analog .result .analogs .product .action .to_cart.active .icon,
.select_analog .get_analog .result .analogs .product .action .to_cart.active .text.add,
.select_analog .get_analog .result .analogs .product .action .to_cart:not(.active) .text.remove
{
    display: none;
}

.select_analog .get_analog .result .analogs .product .action .to_cart:disabled
{
    cursor: default;
}

.select_analog .get_analog .result .analogs .product .action .to_cart:disabled:before
{
    content: "";

    display: block;
    position: absolute;

    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    margin: auto;
    width: 100%;
    height: 100%;

    border-radius: 50%;
    background: var(--color_white);

    z-index: 11;

    transform: none;
    border: none;
}

.select_analog .get_analog .result .analogs .product .action .to_cart:disabled:after
{
    content: "";

    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    margin: auto;
    width: 20px;
    height: 20px;

    border: 3px solid var(--color_blue);
    border-bottom-color: transparent;
    border-radius: 50%;

    display: block;
    position: absolute;

    z-index: 12;

    animation: submitBtnLoader 1s linear infinite;
}


.select_analog .get_analog .result .analogs .product .action .compare
{
    position: relative;

    cursor: pointer;
    transition: .1s linear;
    vertical-align: middle;
}

.select_analog .get_analog .result .analogs .product .action .compare .compare_link
{
    color: var(--color_blue);
    font-weight: 300;

    position: relative;

    display: block;

    cursor: pointer;

    border: none;
    background: none;
}

.select_analog .get_analog .result .analogs .product .action .compare.added .compare_link.comparison-add, 
.select_analog .get_analog .result .analogs .product .action .compare .compare_link.comparison-remove,
.select_analog .get_analog .result .analogs .product .action .compare .compare_link.comparison-go
{
    display: none;
}

.select_analog .get_analog .result .analogs .product .action .compare .compare_link.comparison-add, 
.select_analog .get_analog .result .analogs .product .action .compare.added .compare_link.comparison-remove,
.select_analog .get_analog .result .analogs .product .action .compare.added .compare_link.comparison-go
{
    display: block;
}

.select_analog .get_analog .result .analogs .product .action .compare .compare_link .icon
{
    display: flex;

    width: 36px;
    height: 36px;

    transition: border-color .1s linear;
    transition: color .1s linear;

    border: 1px solid;
    border-radius: 50%;

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

    margin-top: 0;
}

.select_analog .get_analog .result .analogs .product .action .compare .compare_link .icon > *
{
    display: block;
    width: 16px;
    height: 15px;
}

.select_analog .get_analog .result .analogs .product .action .compare:not(.added) .compare_link:hover .icon,
.select_analog .get_analog .result .analogs .product .action .compare.added .compare_link .icon
{
    color: var(--color_white);
    background: var(--color_blue);
    border-color: var(--color_blue);
}

.select_analog .get_analog .result .analogs .product .action .compare .compare_link.loading .icon:before
{
    content: "";

    display: block;
    position: absolute;

    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    margin: auto;
    width: 100%;
    height: 100%;

    border-radius: 50%;
    background: rgba(255, 255, 255, 0.7);

    z-index: 11;
}

.select_analog .get_analog .result .analogs .product .action .compare .compare_link.loading .icon:after
{
    content: "";

    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    margin: auto;
    width: 20px;
    height: 20px;

    border: 3px solid var(--color_blue);
    border-bottom-color: transparent;
    border-radius: 50%;

    display: block;
    position: absolute;

    z-index: 12;

    animation: submitBtnLoader 1s linear infinite;
}

.select_analog .get_analog .result .analogs .product .action .compare .comparison-go
{
    display: none;
}



/*---------------
   Main first section
---------------*/
.main_first_section
{
    position: relative;

    height: 712px;
}



.main_first_section .broadcast
{
    width: 100%;
    height: 100%;
}




.main_first_section .slider
{
    position: absolute;
    top: 0;
    left: 0;

    width: 100%;

    background: url(../images/bg_main_first_section.jpg) 0 0/1030px 716px no-repeat;

    clip-path: polygon(0 0, 100% 0, 100% calc(75.25% - 10px), calc(59.25% + 10px) 100%);
}


.main_first_section .slider .swiper-slide
{
    position: relative;

    display: flex;
    align-items: flex-end;
    flex-direction: column;

    height: 436px;
    padding: 32px 40px;

    z-index: 1;
    text-align: right;
    pointer-events: auto;

    color: #fff;
}


.main_first_section .slider .swiper-slide.active
{
    z-index: 3;
}


.main_first_section .slider .swiper-button-prev,
.main_first_section .slider .swiper-button-next
{
    top: 147px;
    bottom: auto;

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

    width: 40px;
    margin: 0;

    cursor: pointer;
    transition: opacity .2s linear;

    opacity: .5;
    color: #fff;
    border: none;
    background: none;

    aspect-ratio: 1 / 1;
}


.main_first_section .slider .swiper-button-prev
{
    left: 0;

    display: none;
}

.main_first_section .slider .swiper-button-next
{
    right: 0;
}


.main_first_section .slider .swiper-button-prev:after,
.main_first_section .slider .swiper-button-next:after
{
    display: none;
}


.main_first_section .slider .swiper-button-prev svg,
.main_first_section .slider .swiper-button-next svg
{
    display: block;
    display: block;

    width: 16px;
    height: 25px;
}


.main_first_section .slider .swiper-button-prev:hover,
.main_first_section .slider .swiper-button-next:hover
{
    opacity: 1;
}


.main_first_section .slider .swiper-slide > *
{
    position: relative;

    z-index: 3;
}


.main_first_section .slider .pre_title
{
    margin-bottom: 7px;

    font-size: 24px;
    font-weight: 500;

    text-transform: uppercase;
}


.main_first_section .slider .title
{
    font-size: 40px;
    font-weight: 700;
}


.main_first_section .slider .title.small
{
    font-size: 32px;
}

.main_first_section .slider [data-type="duty"] .title
{
    color: #76F58E;
}


.main_first_section .slider .desc
{
    width: 591px;
    max-width: 100%;
    margin-top: 26px;

    font-size: 20px;
    font-weight: 700;

    color: rgba(255, 255, 255, .90);
}

.main_first_section .slider [data-type="duty"] .desc
{
    font-weight: 500;

    margin-top: 20px;
    margin-bottom: 10px;
}


.main_first_section .slider .btn
{
    display: flex;
    align-content: center;
    align-items: center;
    flex-wrap: wrap;
    justify-content: center;

    width: 230px;
    max-width: 100%;
    height: 47px;
    margin-top: 20px;

    font-family: inherit;
    font-size: 18px;
    font-weight: 700;

    cursor: pointer;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    transition: background .1s linear;

    color: inherit;
    border: none;
    border-radius: 5px;
    background: #ff9511;
}

.main_first_section .slider .btn.social
{
    color: #FFF;
    border: 4px solid #FFFFFF66;
    cursor: pointer;
    background: none;

    display: flex;

    width: 65px;
    height: 65px;
    max-width: 100%;

    text-transform: uppercase;

    text-shadow: none;

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

    padding: 0;
    border-radius: 50%;
}

.main_first_section .slider .btn.social + .btn
{
    margin-left: 20px;
}

.main_first_section .slider .btn.social .icon
{
    color: currentColor;

    display: block;

    width: 25px;
    height: 25px;

    fill-rule: evenodd;
    clip-rule: evenodd;
    fill: #FFFFFF;
}

.main_first_section .slider .btn:hover
{
    background: var(--color_blue);
}

.main_first_section .slider .btn.blue
{
    background: var(--color_blue);
}

.main_first_section .slider .btn.blue:hover
{
    background: #ff9511;
}


.main_first_section .slider .manager
{
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;

    max-width: 300px;
    width: 100%;

    margin-top: 30px;
}

.main_first_section .slider .manager .data
{
    display: flex;
    flex-direction: column;
    justify-content: center;
    flex: 1;
}

.main_first_section .slider .manager .data .name
{
    font-size: 13px;
    font-weight: 600;
    color: #61DAFF;
}

.main_first_section .slider .manager .data .desc
{
    width: auto;
    font-size: 15px;
    font-weight: 600;
    color: #fff;
    margin: 5px 0 0 0;
}

.main_first_section .slider .manager .data .messengers
{
    display: flex;
    justify-content: flex-end;
    gap: 14px;

    margin-top: 25px;
}

.main_first_section .slider .manager .data .messengers a
{
    display: flex;
    align-items: center;
    justify-content: center;
    width: 46px;
    height: 46px;
    border: 4px solid rgba(255,255,255,0.4);
    border-radius: 50%;
    transition: all 0.25s ease;
    text-decoration: none;
}

.main_first_section .slider .manager .data .messengers a:hover
{
    border-color: #fff;
    background-color: rgba(255,255,255,0.15);
}

.main_first_section .slider .manager .data .messengers a .icon
{
    width: 18px;
    height: 18px;
    fill: #fff;
}

.main_first_section .slider .manager .data .messengers a .icon2
{
    width: 15px;
}

.main_first_section .slider .manager .photo
{
    flex-shrink: 0;
    width: 110px;
    height: 110px;
    border-radius: 50%;
    overflow: hidden;
    border: 4px solid rgba(255,255,255,0.4);
    box-shadow: 0 0 8px rgba(0,0,0,0.3);
}

.main_first_section .slider .manager .photo .img
{
    width: 100%;
    height: 100%;
    object-fit: cover;
}


.main_first_section .slider .exp
{
    display: flex;
    flex-direction: column;

    margin-top: 26px;

    font-size: 12px;
    font-weight: 600;

    gap: 5px;
}


.main_first_section .slider .exp a
{
    display: inline-block;

    font-size: 16px;
    font-weight: 700;

    vertical-align: top;

    color: #9affad;
}

.main_first_section .slider .exp a:hover
{
    text-decoration: none;
}


.main_first_section .slider .items
{
    margin-top: 31px;

    font-size: 16px;
    font-weight: 600;
    line-height: 20px;
}


.main_first_section .slider .items > *
{
    position: relative;

    padding-right: 10px;
}


.main_first_section .slider .items > *:before
{
    position: absolute;
    top: .5lh;
    right: 0;

    display: block;

    width: 4px;
    height: 4px;

    content: '';
    transform: translateY(-50%);

    border-radius: 50%;
    background: #11bfff;
}


.main_first_section .slider .image
{
    position: absolute;
    inset: 0;

    display: block;

    z-index: 1;
    pointer-events: none;
}


.main_first_section .slider .image img
{
    display: block;

    width: 100%;
    height: 100%;

    object-fit: cover;
}


.main_first_section .slider .video
{
    position: absolute;
    inset: 0;

    display: block;

    width: 100%;
    height: 100%;

    z-index: 1;
    pointer-events: none;

    object-fit: cover;
}



.main_first_section .item
{
    position: absolute;

    display: flex;
    flex-direction: column;
    justify-content: flex-end;

    padding-block: 28px;
    padding-inline: 40px;
}


.main_first_section .item1
{
    bottom: 0;
    left: 0;

    width: 29.126%;
    height: 705px;

    background: url(../images/bg_main_first_section.jpg) 0 100%/1030px 716px no-repeat;

    clip-path: polygon(0 0, 100% 30%, 100% 100%, 0% 100%);
}


.main_first_section .item2
{
    bottom: 0;
    left: calc(29.126% + 10px);

    width: calc(31.457% - 20px);
    height: 486px;

    background: url(../images/bg_main_first_section.jpg) calc(29.126% + 10px) 100%/1030px 716px no-repeat;

    clip-path: polygon(0 0, 100% 44%, 100% 100%, 0% 100%);
}


.main_first_section .item3
{
    right: 0;
    bottom: 0;

    width: 39.417%;
    height: 388px;

    background: url(../images/bg_main_first_section.jpg) 100% 100%/1030px 716px no-repeat;

    clip-path: polygon(0 30%, 100% 0, 100% 100%, 0% 100%);
}


.main_first_section .item .title
{
    font-size: 40px;
    font-weight: 700;

    color: rgba(255, 255, 255, .60);
}


.main_first_section .item1 .title
{
    color: #76f58e;
}


.main_first_section .item3 .title
{
    display: flex;
    align-content: flex-end;
    align-items: flex-end;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-end;

    gap: 17px;
}


.main_first_section .item3 .title span
{
    margin-bottom: -13px;
}


.main_first_section .item .title span
{
    display: block;

    font-size: 80px;
    font-weight: 200;

    color: #fff;
}


.main_first_section .item .desc
{
    margin-top: 28px;
    margin-bottom: -6px;

    font-size: 24px;
    font-weight: 500;

    color: #fff;
}


.main_first_section .item .items
{
    display: flex;
    flex-direction: column;

    margin-top: 36px;

    font-size: 13px;
    font-weight: 500;

    color: #fff;

    gap: 24px;
}


.main_first_section .item3 .items
{
    margin-top: 24px;
}


.main_first_section .item .items > *
{
    position: relative;

    padding-left: 26px;

    width: 100%;
}


.main_first_section .item3 .items > *
{
    margin-left: auto;
}


.main_first_section .item .items > *:before
{
    position: absolute;
    top: .5lh;
    left: 0;

    display: block;

    width: 11px;
    height: 11px;

    content: '';
    transform: translateY(-50%);

    border-radius: 50%;
    background: #76f58e;
}


.main_first_section .item .items > *.inactive:before
{
    background: rgba(43, 19, 19, .40);
}


.main_first_section .item .items a
{
    display: block;

    color: currentColor;

    text-decoration-thickness: 1px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.main_first_section .item .items a:hover
{
    text-decoration: none;
}


.main_first_section .item .btn
{
    display: flex;
    align-content: center;
    align-items: center;
    flex-wrap: wrap;
    justify-content: center;

    width: 222px;
    max-width: 100%;
    height: 53px;
    margin-inline: auto;
    margin-top: 40px;
    padding-inline: 12px;

    font-family: inherit;
    font-size: 15px;
    font-weight: 600;

    cursor: pointer;
    text-align: center;
    text-decoration: none;
    transition: background .1s linear;

    color: #fff;
    border: 4px solid rgba(255, 255, 255, .40);
    border-radius: 8px;
    background: none;
}

.main_first_section .item .btn:hover
{
    background: rgba(255, 255, 255, .40);
}


.main_first_section .item3 .btn
{
    width: 241px;
    margin-top: 39px;
}


.main_first_section .item .exp
{
    margin-top: 26px;

    font-size: 20px;

    text-align: center;
    text-transform: uppercase;

    color: rgba(0, 0, 0, .70);
}


/*---------------
Main first section - LEFT UPGRADE
---------------*/
.main_first_section
{
    position: relative;
    
    height: 712px;
    
    font-family: arial;
}
 
 .main_first_section .broadcast
 {
     width: 100%;
     height: 100%;
 }
 
 .main_first_section .slider
 {
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     background: url(/assets/template/images/bg_main_first_section.jpg) 0 0/1030px 716px no-repeat;
     clip-path: polygon(0 0, 100% 0, 100% calc(75.25% - 10px), calc(59.25% + 10px) 100%);
 }
 
 
 .main_first_section .slider .swiper-slide
 {
     position: relative;
 
     display: flex;
     align-items: flex-end;
     flex-direction: column;
 
     height: 436px;
     padding: 32px 40px;
 
     z-index: 1;
     text-align: right;
     pointer-events: auto;
 
     color: #fff;
 }
 
 
 .main_first_section .slider .swiper-slide.active
 {
     z-index: 3;
 }
 
 
 .main_first_section .slider .swiper-button-prev,
 .main_first_section .slider .swiper-button-next
 {
     top: 147px;
     bottom: auto;
 
     display: flex;
     align-content: center;
     align-items: center;
     flex-wrap: wrap;
     justify-content: center;
 
     width: 40px;
     margin: 0;
 
     cursor: pointer;
     transition: opacity .2s linear;
 
     opacity: .5;
     color: #fff;
     border: none;
     background: none;
 
     aspect-ratio: 1 / 1;
 }
 
 
 .main_first_section .slider .swiper-button-prev
 {
     left: 0;
 
     display: none;
 }
 
 .main_first_section .slider .swiper-button-next
 {
     right: 0;
 }
 
 
 .main_first_section .slider .swiper-button-prev:after,
 .main_first_section .slider .swiper-button-next:after
 {
     display: none;
 }
 
 
 .main_first_section .slider .swiper-button-prev svg,
 .main_first_section .slider .swiper-button-next svg
 {
     display: block;
     display: block;
 
     width: 16px;
     height: 25px;
 }
 
 
 .main_first_section .slider .swiper-button-prev:hover,
 .main_first_section .slider .swiper-button-next:hover
 {
     opacity: 1;
 }
 
 
 .main_first_section .slider .swiper-slide > *
 {
     position: relative;
 
     z-index: 3;
 }
 
 
 .main_first_section .slider .pre_title
 {
     margin-bottom: 7px;
 
     font-size: 24px;
     font-weight: 500;
 
     text-transform: uppercase;
 }
 
 
 .main_first_section .slider .title
 {
     font-size: 45px;
     font-weight: 700;
 }
 
 
 .main_first_section .slider .title.small
 {
     font-size: 32px;
 }
 
 .main_first_section .slider [data-type="duty"] .title
 {
     color: #76F58E;
 }
 
 
 .main_first_section .slider .desc
 {
     width: 591px;
     max-width: 100%;
     margin-top: 26px;
 
     font-size: 20px;
     font-weight: 700;
 
     color: rgba(255, 255, 255, .90);
 }
 
 .main_first_section .slider [data-type="duty"] .desc
 {
     margin-bottom: 0;
     
     font-weight: 700;
     margin-top: 26px;
 }
 
 
 .main_first_section .slider .btn
 {
     display: flex;
     align-content: center;
     align-items: center;
     flex-wrap: wrap;
     justify-content: center;
 
     width: 230px;
     max-width: 100%;
     height: 47px;
     margin-top: 20px;
 
     font-family: inherit;
     font-size: 20px;
     font-weight: 700;
 
     cursor: pointer;
     text-align: center;
     text-decoration: none;
     text-transform: uppercase;
     transition: background .1s linear;
 
     color: inherit;
     border: none;
     border-radius: 5px;
     background: #ff9511;
 }
 
 .main_first_section .slider .btn.social
 {
     color: #FFF;
     border: 4px solid #FFFFFF66;
     cursor: pointer;
     background: none;
 
     display: flex;
 
     width: 65px;
     height: 65px;
     max-width: 100%;
 
     text-transform: uppercase;
 
     text-shadow: none;
 
     justify-content: center;
     align-items: center;
     align-content: center;
     flex-wrap: wrap;
 
     padding: 0;
     border-radius: 50%;
 }
 
 .main_first_section .slider .btn.social + .btn
 {
     margin-left: 20px;
 }
 
 .main_first_section .slider .btn.social .icon
 {
     color: currentColor;
 
     display: block;
 
     width: 25px;
     height: 25px;
 
     fill-rule: evenodd;
     clip-rule: evenodd;
     fill: #FFFFFF;
 }
 
 .main_first_section .slider .btn:hover
 {
     background: var(--color_blue);
 }
 
 .main_first_section .slider .btn.blue
 {
     background: var(--color_blue);
 }
 
 .main_first_section .slider .btn.blue:hover
 {
     background: #ff9511;
 }
 
 
 .main_first_section .slider .manager
 {
     display: flex;
     align-items: center;
     justify-content: space-between;
     gap: 20px;
 
     max-width: 300px;
     width: 100%;
 
     margin-top: 30px;
 }
 
 .main_first_section .slider .manager .data
 {
     display: flex;
     flex-direction: column;
     justify-content: center;
     flex: 1;
 }
 
 .main_first_section .slider .manager .data .name
 {
     font-size: 13px;
     font-weight: 600;
     color: #61DAFF;
 }
 
 .main_first_section .slider .manager .data .desc
 {
     width: auto;
     font-size: 15px;
     font-weight: 600;
     color: #fff;
     margin: 5px 0 0 0;
 }
 
 .main_first_section .slider .manager .data .messengers
 {
     display: flex;
     justify-content: flex-end;
     gap: 14px;
 
     margin-top: 25px;
 }
 
 .main_first_section .slider .manager .data .messengers a
 {
     display: flex;
     align-items: center;
     justify-content: center;
     width: 46px;
     height: 46px;
     border: 4px solid rgba(255,255,255,0.4);
     border-radius: 50%;
     transition: all 0.25s ease;
     text-decoration: none;
 }
 
 .main_first_section .slider .manager .data .messengers a:hover
 {
     border-color: #fff;
     background-color: rgba(255,255,255,0.15);
 }
 
 .main_first_section .slider .manager .data .messengers a .icon
 {
     width: 18px;
     height: 18px;
     fill: #fff;
 }
 
 .main_first_section .slider .manager .data .messengers a .icon2
 {
     width: 15px;
 }
 
 .main_first_section .slider .manager .photo
 {
     flex-shrink: 0;
     width: 110px;
     height: 110px;
     border-radius: 50%;
     overflow: hidden;
     border: 4px solid rgba(255,255,255,0.4);
     box-shadow: 0 0 8px rgba(0,0,0,0.3);
 }
 
 .main_first_section .slider .manager .photo .img
 {
     width: 100%;
     height: 100%;
     object-fit: cover;
 }
 
 
 .main_first_section .slider .exp a:hover
 {
     text-decoration: none;
 }
 
 
 .main_first_section .slider .items
 {
     margin-top: 31px;
 
     font-size: 16px;
     font-weight: 600;
     line-height: 20px;
 }
 
 
 .main_first_section .slider .items > *
 {
     position: relative;
 
     padding-right: 10px;
 }
 
 
 .main_first_section .slider .items > *:before
 {
     position: absolute;
     top: .5lh;
     right: 0;
 
     display: block;
 
     width: 4px;
     height: 4px;
 
     content: '';
     transform: translateY(-50%);
 
     border-radius: 50%;
     background: #11bfff;
 }
 
 
 .main_first_section .slider .image
 {
     position: absolute;
     inset: 0;
 
     display: block;
 
     z-index: 1;
     pointer-events: none;
 }
 
 
 .main_first_section .slider .image img
 {
     display: block;
 
     width: 100%;
     height: 100%;
 
     object-fit: cover;
 }
 
 
 .main_first_section .slider .video
 {
     position: absolute;
     inset: 0;
 
     display: block;
 
     width: 100%;
     height: 100%;
 
     z-index: 1;
     pointer-events: none;
 
     object-fit: cover;
 }
 
 
 
 .main_first_section .item
 {
     position: absolute;
 
     display: flex;
     flex-direction: column;
     justify-content: flex-end;
 
     padding-block: 28px;
     padding-inline: 40px;
 }
 
 
 .main_first_section .item1
 {
     bottom: 0;
     left: 0;
 
     width: 29.126%;
     height: 705px;
 
     background: url(/assets/template/images/bg_main_first_section.jpg) 0 100%/1030px 716px no-repeat;
 
     clip-path: polygon(0 0, 100% 30%, 100% 100%, 0% 100%);
 }
 
 
 .main_first_section .item2
 {
     bottom: 0;
     left: calc(29.126% + 10px);
 
     width: calc(31.457% - 20px);
     height: 486px;
 
     background: url(/assets/template/images/bg_main_first_section.jpg) calc(29.126% + 10px) 100%/1030px 716px no-repeat;
 
     clip-path: polygon(0 0, 100% 44%, 100% 100%, 0% 100%);
 }
 
 
 .main_first_section .item3
 {
     right: 0;
     bottom: 0;
 
     width: 39.417%;
     height: 388px;
 
     background: url(/assets/template/images/bg_main_first_section.jpg) 100% 100%/1030px 716px no-repeat;
 
     clip-path: polygon(0 30%, 100% 0, 100% 100%, 0% 100%);
 }
 
 
 .main_first_section .item .title
 {
     font-size: 40px;
     font-weight: 700;
 
     color: rgba(255, 255, 255, .60);
 }
 
 
 .main_first_section .item1 .title
 {
     color: #76f58e;
 }
 
 
 .main_first_section .item3 .title
 {
     display: flex;
     align-content: flex-end;
     align-items: flex-end;
     flex-direction: row;
     flex-wrap: wrap;
     justify-content: flex-end;
 
     gap: 17px;
 }
 
 
 .main_first_section .item3 .title span
 {
     margin-bottom: -13px;
 }
 
 
 .main_first_section .item .title span
 {
     display: block;
 
     font-size: 80px;
     font-weight: 200;
 
     color: #fff;
 }
 
 
 .main_first_section .item .desc
 {
     margin-top: 28px;
     margin-bottom: -6px;
 
     font-size: 24px;
     font-weight: 500;
 
     color: #fff;
 }
 
 
 .main_first_section .item .items
 {
     display: flex;
     flex-direction: column;
 
     margin-top: 36px;
 
     font-size: 13px;
     font-weight: 500;
 
     color: #fff;
 
     gap: 24px;
 }
 
 
 .main_first_section .item3 .items
 {
     margin-top: 24px;
 }
 
 
 .main_first_section .item .items > *
 {
     position: relative;
 
     padding-left: 26px;
 
     width: 100%;
 }
 
 
 .main_first_section .item3 .items > *
 {
     margin-left: auto;
 }
 
 
 .main_first_section .item .items > *:before
 {
     position: absolute;
     top: .5lh;
     left: 0;
 
     display: block;
 
     width: 11px;
     height: 11px;
 
     content: '';
     transform: translateY(-50%);
 
     border-radius: 50%;
     background: #76f58e;
 }
 
 
 .main_first_section .item .items > *.inactive:before
 {
     background: rgba(43, 19, 19, .40);
 }
 
 
 .main_first_section .item .items a
 {
     display: block;
 
     color: currentColor;
 
     text-decoration-thickness: 1px;
     text-overflow: ellipsis;
     overflow: hidden;
     white-space: normal;
 }
 
 .main_first_section .item .items a:hover
 {
     text-decoration: none;
 }
 
 
 .main_first_section .item .btn
 {
     display: flex;
     align-content: center;
     align-items: center;
     flex-wrap: wrap;
     justify-content: center;
 
     width: 222px;
     max-width: 100%;
     height: 53px;
     margin-inline: auto;
     margin-top: 40px;
     padding-inline: 12px;
 
     font-family: inherit;
     font-size: 15px;
     font-weight: 600;
 
     cursor: pointer;
     text-align: center;
     text-decoration: none;
     transition: background .1s linear;
 
     color: #fff;
     border: 4px solid rgba(255, 255, 255, .40);
     border-radius: 8px;
     background: none;
 }
 
 .main_first_section .item .btn:hover
 {
     background: rgba(255, 255, 255, .40);
 }
 
 
 .main_first_section .item3 .btn
 {
     width: 241px;
     margin-top: 39px;
 }
 
 
 .main_first_section .item .exp
 {
     margin-top: 26px;
 
     font-size: 20px;
 
     text-align: center;
     text-transform: uppercase;
 
     color: rgba(0, 0, 0, .70);
 }
  
 .main_first_section .slider.slider2 {
     background-image: url(/assets/template/images/bg_main_first_section.jpg);
     clip-path: polygon(100% 0, 39.7% 100%,0 73.3%, 0 0);
 }
 .main_first_section .slider.slider2 .swiper-slide{
     padding: 32px 47px;
     text-align:left;
     align-items:flex-start;
 }
 .main_first_section .slider.slider2 .swiper-slide ul
 {
     margin-top: 31px;
     padding-left: 0;
 }
 
 .main_first_section .slider.slider2 .swiper-slide ul li
 {
     position: relative;
     display: block;
     padding-left: 21px;
     list-style-type: none;
 }
 
 .main_first_section .slider.slider2 .swiper-slide ul li + li
 {
     margin-top: 10px;
 }
 
 .main_first_section .slider.slider2 .swiper-slide ul li:before
 {
     position: absolute;
     top: 1px;
     left: 0;
     display: block;
     width: 11px;
     height: 11px;
     content: '';
     border-radius: 50%;
     background: #76f58e;
 }
 
 .main_first_section .slider.slider2 .exp
 {
     margin-top: 26px;
     margin-bottom:20px;
     font-size: 16px;
     font-weight: 400;
 
     gap: 5px;
 }
 
 
 .main_first_section .slider.slider2 .exp a
 {
     display: inline-block;
 
     font-size: 16px;
     font-weight: 700;
 
     vertical-align: top;
 
     color: #9affad;
 }
 
 .main_first_section .slider.slider2 .swiper-button-next{
     left:0;
     right:auto;
     transform: rotate(180deg);
 }
 
 .main_first_section .links a{color:#9affad;font-weight: 500;font-size: 16px;}
 .main_first_section .text-left{text-align:left;}
 .main_first_section .text-right{text-align:right;}
 
 .main_first_section .item{
     background-image: url(/assets/template/images/bg_main_first_section.jpg);
     background-size: 1030px 716px;
     background-repeat: no-repeat;
     padding-inline: 36.5px;
 }
 .main_first_section .item .title span{
     display: inline-block;
     font-size: 90px;
     font-weight: 400;
 }
 .main_first_section .item .desc{margin-top:0;}
 
 .main_first_section .item4
 {
     bottom: 0;
     left: 0;
 
     width: 39.32%;
     height: 388px;
 
     background-position: 0 100%;
 
     clip-path: polygon(0 1.5%, 100% 31%, 100% 100%, 0% 100%);
 }
 .main_first_section .item4 .desc{
     font-weight: 400;
     font-size: 30px;
 }
 
 .main_first_section .item5
 {
     bottom: 0;
     left: calc(39.32% + 10px);
 
     width: calc(31.5% - 20px);
     height: 486px;
 
     background-position: calc(29.22% + 10px) 100%;
 
     clip-path: polygon(0 45%, 100% 1%, 100% 100%, 0% 100%);
 }
 .main_first_section .item5 .desc{
     font-weight: 500;
     font-size: 20px;
     line-height: 1.3;
 }
 
 .main_first_section .item6
 {
     right: 0;
     bottom: 0;
 
     width: 29.13%;
     height: 705px;
 
     background-position: 100% 100%;
 
     clip-path: polygon(0 31%, 100% 0.5%, 100% 100%, 0% 100%);
 }
 .main_first_section .item6 .desc{
     margin-top: 5px;
     font-weight: 500;
     font-size: 16px;
     line-height: 1.3;
 }
 .main_first_section .item6 .items{
     margin: 60px 0;
 }
 
 
 @media (max-width: 1409px){
     .main_first_section .item {
         padding-block: 20px;
         padding-inline: 20px;
     }
 
     .main_first_section .item .title{
         font-size: 30px;
         font-weight: 500;
     }
     .main_first_section .item .title span{
         font-size: 60px;
     }
 
     .main_first_section .item4 .desc{
         font-size: 25px;
     }
     .main_first_section .item5 .desc{
         font-size: 14px;
     }
 
     .main_first_section .links a{
         font-weight: normal;
         font-size: 14px;
     }
 
     .main_first_section .item .exp {
         margin-top: 16px;
         font-size: 14px;
     }
     .main_first_section .item .btn {
         width: 180px;
         height: 44px;
         margin-top: 28px;
         font-size: 12px;
     }
}
 
 @media (max-width: 767px){
     .main_first_section {
         height: auto;
         margin-top: -20px !important;
     }
     .main_first_section .slider.slider2 .swiper-slide{padding:20px;}
     .main_first_section .slider.slider2 {
         position: relative;
         clip-path: polygon(0 0, 100% 0, 100% 100%, 0 calc(100% - 50px));
     }
     .main_first_section .slider.slider2 .swiper-slide{
         height: 318px;
     }
     .main_first_section .slider.slider2 .title{font-size: 20px;}
     .main_first_section .slider.slider2 .btn{width: 100%;height: 40px;font-size: 14px;}
 
     .main_first_section .slider.slider2 .exp
     {
        font-size: 14px;
     }
 
     .main_first_section .slider.slider2 .swiper-button-next {width: 20px;height: 20px;    }
     .main_first_section .slider.slider2 .swiper-button-prev svg, .main_first_section .slider.slider2 .swiper-button-next svg{width: 10px;}
 
     .main_first_section .item {
         position: relative;
         margin-top: -40px;
         padding: 40px 20px;
     }
     .main_first_section .item .btn{width: 100%;}
     .main_first_section .item .exp {
         margin-bottom: 5px;
     }
 
     .main_first_section .item4
     {
         width: 100%;
         height: auto;
 
         clip-path: polygon(0 0, 100% 50px, 100% calc(100% - 50px), 0 100%);
     }
 
 
     .main_first_section .item5
     {
         left: 0;
 
         width: 100%;
         height: auto;
 
         clip-path: polygon(0 50px, 100% 0, 100% 100%, 0 calc(100% - 50px));
     }
 
 
     .main_first_section .item6
     {
         padding-bottom: 15px;
         width: 100%;
         height: auto;
 
         clip-path: polygon(0 0, 100% 50px, 100% 100%, 0 100%);
     }
     .main_first_section .item6 .items {
         margin: 30px 0;
         gap: 10px;
     }
}


/*---------------
   Footer
---------------*/
footer
{
    flex: 0 0 auto;
}


footer .info
{
    padding: 40px 0;

    background: #212121;
}

footer .info .cont.flex
{
    justify-content: space-between;
}


footer .bottom
{
    color: #6c6c6c;
    font-size: 12px;
    font-weight: 300;
    line-height: 18px;

    padding: 30px 0 125px;

    text-align: center;

    background: #161616;

    transition: padding .1s linear;
}

footer .bottom.no_pad
{
    padding-bottom: 30px;
}


footer .col_left
{
    display: flex;

    width: 305px;
    max-width: 100%;

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


footer .logo
{
    width: 100%;
}

footer .logo img
{
    display: block;

    max-width: 100%;
}

footer .logo a,
footer .logo img
{
    height: 62px;
}



footer .price_list
{
    color: var(--color_blue);

    display: inline-block;

    margin-top: 40px;

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

    border-bottom: 1px dashed;
}

footer .price_list:hover
{
    text-decoration: none;

    border-color: transparent;
}



footer .messengers
{
    display: flex;

    margin-top: 20px;

    justify-content: flex-start;
    align-items: center;
    align-content: center;
    flex-wrap: wrap;
    width: 100%;
}

footer .messengers a
{
    display: block;
    position: relative;
}

footer .messengers a + a
{
    margin-left: 10px;
}

footer .messengers .icon
{
    display: block;
    position: relative;

    transition: fill .1s linear;

    fill: #666;
    width: 20px;
    height: 20px;
}

footer .messengers .ic_socials_whatsapp:hover .icon
{
    fill: #009741;
}

footer .messengers .ic_socials_telegram:hover .icon
{
    fill: #009FE3;
}

footer .messengers .ic_socials_telegram:before
{
    content: "";
    position: absolute;
    width: 12px;
    height: 12px;
    background: #fff;
    top: 4px;
    left: 4px;
    border-radius: 50%;
    z-index: 0;
    opacity: 0;
    transition: opacity .1s linear;
}

footer .messengers .ic_socials_telegram:hover:before
{
    opacity: 1;
}

footer .messengers .ic_socials_facebook:hover .icon
{
    fill: #243C7E;
}

footer .messengers .ic_socials_vk:hover .icon
{
    fill: #07598D;
}

footer .messengers .ic_socials_instagram:hover .icon
{
    fill: #fff;
}

footer .messengers .ic_socials_linkedin:hover .icon
{
    fill: #036298;
}

footer .messengers .ic_socials_youtube:hover .icon
{
    fill: #E20E18;
}

footer .messengers .ic_socials_youtube:before
{
    content: "";
    position: absolute;
    width: 12px;
    height: 12px;
    background: #fff;
    top: 4px;
    left: 4px;
    border-radius: 50%;
    z-index: 0;
    opacity: 0;
    transition: opacity .1s linear;
}

footer .messengers .ic_socials_youtube:hover:before
{
    opacity: 1;
}


footer .messengers .ic_socials_max:before
{
    content: "";
    position: absolute;
    width: 12px;
    height: 12px;
    background: #fff;
    top: 4px;
    left: 4px;
    border-radius: 50%;
    z-index: 0;
    opacity: 0;
    transition: opacity .1s linear;
}

footer .messengers .ic_socials_max:hover:before
{
    opacity: 1;
}

footer .messengers .ic_socials_max:hover .icon
{
    fill: url('../images/sprite.svg#ic_messenger_Max_gradient');
}



footer .contacts
{
    color: var(--color_white);
    font-weight: 300;
    line-height: 20px;

    margin-top: 40px;
}

footer .contacts .col + .col
{
    margin-left: 40px;
}

footer .contacts .col > * + *
{
    margin-top: 8px;
}

footer .contacts a
{
    color: var(--color_white);

    display: inline-block;

    vertical-align: top;
    white-space: nowrap;
    text-decoration: none;
}

footer .contacts a:hover
{
    text-decoration: underline;
}

footer .contacts .callback_link,
footer .contacts .feedback_link
{
    color: var(--color_blue);
    font-family: var(--font_family);
    font-size: var(--font_size);
    font-weight: 300;
    line-height: 20px;

    display: inline-block;

    cursor: pointer;
    transition: border-color .1s linear;
    vertical-align: top;

    border: none;
    border-bottom: 1px dashed;
    background: none;
}

footer .contacts .callback_link:hover,
footer .contacts .feedback_link:hover
{
    border-color: transparent;
}



footer .menu
{
    margin-left: 40px;

    display: flex;

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

footer .menu > * + *
{
    margin-left: 150px;
}

footer .menu .col > * + *
{
    margin-top: 8px;
}

footer .menu a
{
    color: #7f7e7e;
    font-weight: 300;
    line-height: 20px;

    display: inline-block;

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

footer .menu a:hover,
footer .menu a.active
{
    color: var(--color_white);
}


footer .copyright a
{
    transition: color .1s linear;
    text-decoration: none;
    color: #7f7e7e;
}

footer .copyright a:hover
{
    color: #ffffff;
}

footer .copyright small
{
    margin-top: 5px;
    display: block;
}



footer .subscribe .title
{
    color: var(--color_white);
    font-size: 12px;
    font-weight: 300;
    line-height: 130%;
    position: relative;
    letter-spacing: .3em;
    text-transform: uppercase;
    z-index: 1;

    min-height: 80px;
    margin-bottom: 18px;
    padding-left: 40px;


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

footer .subscribe .title:before
{
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;

    display: block;

    width: 80px;
    height: 80px;

    content: '';

    border-radius: 50%;
    background: #204d5c;
}


footer .subscribe form
{
    margin-left: 40px;
}

footer .subscribe form .row
{
    display: flex;

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

footer .subscribe form ::-webkit-input-placeholder
{
    color: #8c8c8c;
}

footer .subscribe form :-moz-placeholder
{
    color: #8c8c8c;
}

footer .subscribe form :-ms-input-placeholder
{
    color: #8c8c8c;
}


footer .subscribe .input
{
    background: #737373;

    font-family: var(--font_family2);
    font-size: 16px;
    line-height: 22px;

    display: block;

    width: 194px;
    height: 40px;

    padding: 0 14px;
    border-radius: 10px;

    border: 1px solid #d6d6d6;
    background: rgba(255, 255, 255, .9);
}


footer .subscribe .input.error
{
    border-color: red;
}


footer .subscribe .submit_btn
{
    color: var(--color_white);
    font-size: 14px;
    line-height: 22px;

    width: 110px;
    height: 40px;
    margin-left: 10px;

    position: relative;
    border-radius: 10px;

    background: #F36535;

    border: none;

    transition: .1s linear;
}

footer .subscribe .submit_btn:hover
{
    background: #00abdf;
    cursor: pointer;
}

footer .subscribe .submit_btn:disabled
{
    cursor: default;
    border: none;
}

footer .subscribe .submit_btn:disabled:before
{
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    
    background-color: rgba(246,246,246, 0.85);
    border-radius: 10px;
}

footer .subscribe .agree
{
    margin-top: 18px;
}

footer .subscribe .agree label
{
    color: #737373;
    font-family: var(--font_family);
    font-size: 13px;
    font-weight: 300;
    line-height: 17px;

    position: relative;

    display: table-cell;

    height: 26px;
    padding-left: 38px;

    cursor: pointer;
    vertical-align: middle;
    letter-spacing: 0;
}

footer .subscribe .agree label:before
{
    position: absolute;
    top: 2px;
    left: 0;

    display: block;

    width: 22px;
    height: 22px;

    content: '';
    transition: .1s linear;

    border: 1px solid #2AA8CF;
    border-radius: 4px;
    background: #fff;
}

footer .subscribe .agree label:after
{
    position: absolute;
    top: 7px;
    left: 5px;

    display: block;

    width: 12px;
    height: 8px;

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

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


footer .subscribe .agree input[type='checkbox']
{
    display: none;
}

footer .subscribe .agree input[type='checkbox']:checked + label:before
{
    background: #2AA8CF;
}

footer .subscribe .agree input[type='checkbox']:checked + label:after
{
    opacity: 1;
}

footer .subscribe .agree input[type='checkbox'].error + label:before
{
    border-color: #ef4836;
}


footer .subscribe .agree label a
{
    text-decoration: none;
    color: var(--color_blue);
}

footer .subscribe .agree label a:hover
{
    text-decoration: underline;
}


footer .subscribe span.error
{
    color: #ef4836;
    font-size: 12px;
    display: block;
    text-align: center;
}



/*---------------
   PopUp
---------------*/
.modal
{
    display: none;
    visibility: visible !important;

    width: 685px;
    max-width: 100%;
    padding: 45px;

    background: #f6f6f6;
}


.modal_title
{
    color: #050505;
    font-size: 24px;
    font-weight: 700;
    line-height: 30px;

    margin-bottom: 30px;

    text-align: center;
}

.modal_title small
{
    font-size: 16px;
    font-weight: normal;
    line-height: 24px;

    display: block;

    margin-top: 25px;
}


.modal_desc
{
    font-size: 16px;
    font-weight: 300;
    line-height: 24px;

    text-align: center;
}

.modal_desc .warning
{
    color: var(--color_blue);
    font-size: var(--font_size);
    line-height: 18px;

    position: relative;

    display: flex;

    max-width: 445px;
    min-height: 30px;
    margin: 20px auto 0;
    padding-left: 46px;

    text-align: left;

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

.modal_desc .warning b
{
    color: var(--color_blue);
}

.modal_desc .warning .icon
{
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;

    display: block;

    width: 34px;
    height: 30px;
    margin: auto;

    fill: var(--color_blue);
}

.modal_desc img
{
    /*display: block; */

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

    margin-bottom: 20px;
}


.modal .form
{
    --form_border_color: #e0e0e0;
    --form_focus_color: #cdcdcd;
    --form_bg_color: #FFF;
}

.modal .form .columns
{
    margin-left: -30px;
    
    --form_columns_offset: 30px;
}

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


.modal .form .input
{
    font-size: 15px;
}

.modal .form textarea
{
    font-size: 15px;
}


.modal .form .stars > label
{
    padding: 0;

    transition: background .1s linear;

    justify-content: center;
}

.modal .form .stars > label:before,
.modal .form .stars > label:after
{
    display: none;
}


.modal .form .agree .field
{
    display: flex;

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


.modal .form input[type=checkbox] + label
{
    color: #818181;
    font-size: 13px;
}

.modal .form input[type=checkbox] + label a
{
    color: var(--color_blue);

    text-decoration: none;
}

.modal .form input[type=checkbox] + label a:hover
{
    text-decoration: underline;
}

.modal .form input[type=checkbox] + label:before
{
    top: 1px;
}

.modal .form input[type=checkbox] + label:after
{
    top: 5px;
}


.modal .form .fast .field
{
    display: flex;

    padding: 10px 0;

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

.modal .form .fast input[type=checkbox] + label
{
    color: var(--color_black);
    font-size: 16px;
    font-weight: 700;
    line-height: 22px;

    padding-left: 30px;
}

.modal .form .fast input[type=checkbox] + label:before
{
    top: 0;
    left: 0;

    width: 22px;
    height: 22px;

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

.modal .form .fast input[type=checkbox] + label:after
{
    top: 6px;
    left: 6px;

    width: 10px;
    height: 10px;

    transform: none;

    border: none;
    border-radius: 50%;
    background: #ff9511;
}

.modal .form .fast input[type=checkbox]:checked + label:before
{
    border-color: #ff9511;
}


.modal .form .type
{
    display: flex;

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

.modal .form .type .field
{
    display: flex;

    border: 1px solid #00abdf;
    border-radius: 16px;

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

.modal .form .type input[type=radio] + label
{
    color: #00abdf;
    font-weight: normal;
    line-height: 30px;

    display: block;

    height: 30px;
    padding: 0 20px;

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

    border-radius: 16px;
}

.modal .form .type input[type=radio] + label:before,
.modal .form .type input[type=radio] + label:after
{
    display: none;
}

.modal .form .type input[type=radio]:checked + label,
.modal .form .type input[type=radio] + label:hover
{
    color: #fff;

    background: #00abdf;
}


.modal .form .for_type
{
    display: none;
}


.modal .form .submit
{
    width: 100%;
    padding: 0;

    justify-content: center;
}

.modal .form .submit_btn
{
    font-size: 16px;
    line-height: 39px;

    height: 41px;
    padding: 0 31px 2px;

    border-color: var(--color_blue);
    background: var(--color_blue);
}

.modal .form .submit_btn:hover {
    border-color: #2794c2;
    background: #2794c2;
}



.modal .product
{
    display: flex;

    width: calc(100% + 90px);
    margin: 30px -45px;
    padding: 25px 45px;

    background: #fff;

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

.modal .product.center
{
    justify-content: center;
}

.modal .product .thumb
{
    display: flex;

    width: 200px;
    max-width: 100%;
    height: 90px;

    align-self: center;
    justify-content: center;
    align-items: center;
    align-content: center;
    flex-wrap: wrap;
}

.modal .product .thumb img
{
    display: block;

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

.modal .product .thumb + .info
{
    width: calc(100% - 230px);
}

.modal .product .info
{
    padding-right: 40px;
}

.modal .product .info > * + *
{
    margin-top: 15px;
}

.modal .product .name
{
    color: var(--color_black);
    font-size: 16px;
    font-weight: 700;
    line-height: normal;
}

.modal .product .desc
{
    color: #737373;
    font-weight: 300;
}

.modal .product .garanti
{
    font-size: 16px;
    font-weight: 700;
    line-height: normal;

    position: relative;

    display: none;

    margin-top: 25px;
    padding-left: 28px;
}

.modal .product .garanti.show
{
    display: block;
}

.modal .product .garanti .icon
{
    position: absolute;
    top: -4px;
    left: 0;

    display: block;

    width: 19px;
    height: 24px;

    fill: #7abe0d;
}

.modal .product .garanti .name
{
    color: #7abe0d;
    font-size: 16px;
    font-weight: 700;
}


.modal .product .amount
{
    color: var(--color_black);

    display: flex;

    width: 100%;
    margin-top: 30px;

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


.modal .product .amount .title
{
    font-size: 13px;
    font-weight: 700;
    line-height: 14px;
    text-align: center;

    width: 100%;
    margin-bottom: 15px;
}


.modal .product .amount .box
{
    position: relative;
    z-index: 3;

    overflow: hidden;

    width: 127px;

    border-radius: 27px;
    background: var(--color_blue);
}

.modal .product .amount .box button
{
    position: absolute;
    z-index: 3;
    top: 0;
    left: 0;

    display: block;

    width: 42px;
    height: 54px;

    cursor: pointer;

    border: none;
    background: none;
}

.modal .product .amount .box button:before,
.modal .product .amount .box button:after
{
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;

    display: block;

    width: 12px;
    height: 2px;
    margin: auto;

    content: '';

    background: #fff;
}

.modal .product .amount .box button:after
{
    width: 2px;
    height: 12px;
}

.modal .product .amount .box button.plus
{
    right: 0;
    left: auto;
}

.modal .product .amount .box button.minus:after
{
    opacity: 0;
}

.modal .product .amount .box .input
{
    color: #fff;
    font-family: var(--font_family);
    font-size: 20px;
    font-weight: 700;

    display: block;

    width: 100%;
    height: 54px;
    padding: 0 42px;

    text-align: center;

    border: none;
    background: none;
}


.modal .product .amount .vals
{
    color: #737373;
    font-size: var(--font_size);
    font-weight: 300;

    display: flex;

    margin-left: 20px;

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


.modal .product .amount .total_price
{
    color: var(--color_black);
    font-size: 24px;
    font-weight: normal;
    line-height: 24px;

    margin-left: 15px;
}

.modal .product .amount .total_price sup
{
    font-size: 12px;
    font-weight: 500;
    line-height: 12px;

    position: relative;

    display: inline-block;

    vertical-align: top;
}

.modal .product .amount .total_price sup:before
{
    position: absolute;
    top: calc(100% + 2px);
    left: 0;

    display: block;

    width: 13px;
    height: 2px;

    content: '';

    background: var(--color_black);
}


.modal .form .adding_data_desc
{
    text-align: center;
    margin: -10px 0 10px;

    font-size: 15px;
    font-weight: 300;
    line-height: 28px;
}

.modal .form .adding_data_desc .btn
{
    position: relative;

    padding: 5px 20px 5px 5px;
    margin-right: 10px;
    border-radius: 5px;

    color: var(--color_blue);
    text-decoration: none;

    background: none;
    border: 1px solid var(--color_blue);

    transition: all .1s linear;
}

.modal .form .adding_data_desc .btn:hover
{
    background: var(--color_blue);
    color: var(--color_white);
}

.modal .form .adding_data_desc .arr
{
    position: absolute;

    top: 50%;
    right: 5px;

    width: 9px;
    height: 5px;

    margin-top: -3px;
    margin-left: 2px;
}

.modal .form .adding_data_desc .arr:after
{
    position: absolute;
    top: -2px;
    right: 0;
    bottom: 0;
    left: 0;

    display: block;

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

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

    border-bottom: 1px solid var(--color_blue);
    border-left: 1px solid var(--color_blue);
}

.modal .form .adding_data_desc.active .arr:after
{
    transform: rotate(135deg);
    top: 2px;
}

.modal .form .adding_data_desc .btn:hover .arr:after
{
    border-color: var(--color_white);
}


.modal .form .adding_data_block
{
    display: none;
}

.modal .form .adding_data_block + .exp .field
{
    text-align: center;
}



#add_garanti_modal
{
    padding: 0;
}

#add_garanti_modal .modal_title
{
    margin: 0;
    padding: 20px 50px;
}


#add_garanti_modal .list input
{
    display: none;
}

#add_garanti_modal .list label
{
    position: relative;

    display: block;

    padding: 30px 134px 25px 80px;

    cursor: pointer;
}

#add_garanti_modal .list label:nth-of-type(odd)
{
    background: #fff;
}

#add_garanti_modal .list label .icon
{
    position: absolute;
    top: 25px;
    left: 50px;

    display: block;

    width: 19px;
    height: 24px;

    fill: #7abe0d;
}

#add_garanti_modal .list label .icon_active
{
    display: none;
}

#add_garanti_modal .list label .name
{
    color: #7abe0d;
    font-size: 16px;
    font-weight: 700;
    display: block;
}

#add_garanti_modal .list label .price
{
    color: var(--color_black);
    font-size: 24px;
    line-height: normal;
    display: block;
    margin-top: 8px;
}

#add_garanti_modal .list label .price sup
{
    font-size: 12px;
    font-weight: 500;
    line-height: 16px;

    position: relative;

    display: inline-block;

    vertical-align: top;
}

#add_garanti_modal .list label .price sup:before
{
    position: absolute;
    top: 100%;
    left: 0;

    display: block;

    width: 13px;
    height: 2px;

    content: '';

    background: var(--color_black);
}

#add_garanti_modal .list label:before
{
    position: absolute;
    z-index: 1;
    top: 0;
    right: 90px;
    bottom: 0;

    display: block;

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

    content: '';

    border: 1px solid #cfcfcf;
    border-radius: 50%;
    background: #fff;
}

#add_garanti_modal .list label:after
{
    position: absolute;
    z-index: 2;
    top: 0;
    right: 96px;
    bottom: 0;

    display: block;

    width: 12px;
    height: 12px;
    margin: auto;

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

    opacity: 0;
    border-radius: 50%;
    background: #7abe0d;
}

#add_garanti_modal .list input:checked + label:after
{
    opacity: 1;
}

#add_garanti_modal .list input:checked + label .icon
{
    display: none;
}

#add_garanti_modal .list input:checked + label .icon_active
{
    display: block;
}


#add_garanti_modal .bottom
{
    padding: 25px 50px 30px;
}

#add_garanti_modal .bottom > * + *
{
    margin-top: 25px;
}


#add_garanti_modal .extended
{
    color: var(--color_blue);
    font-size: 16px;
    font-weight: 300;
}

#add_garanti_modal .extended a
{
    color: var(--color_blue);

    display: inline-block;

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

#add_garanti_modal .extended a span
{
    transition: border-color .1s linear;

    border-bottom: 1px dashed;
}

#add_garanti_modal .extended a:hover span
{
    border-color: transparent;
}


#add_garanti_modal .send_link
{
    color: #fff;
    font-family: var(--font_family);
    font-size: 16px;
    font-weight: 300;
    line-height: 41px;

    display: inline-block;

    height: 41px;
    padding: 0 38px;

    cursor: pointer;
    transition: background .1s linear;
    vertical-align: top;
    white-space: nowrap;

    border: none;
    border-radius: 20px;
    background: var(--color_blue);
}

#add_garanti_modal .send_link:hover
{
    background: #22b5e2;
}



#invoice_modal .form
{
    width: 440px;
    max-width: 100%;
    margin: 0 auto;
}



#add_review_modal .form
{
    --form_border_color: #cdcdcd;
    --form_focus_color: #cdcdcd;
    --form_bg_color: #fff;
}



.success_modal .title
{
    color: var(--color_blue);
    font-size: 24px;

    display: flex;

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

.success_modal .title > *
{
    position: relative;

    display: flex;

    min-height: 33px;
    padding-left: 48px;

    text-align: left;

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

.success_modal .title .icon
{
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;

    display: block;

    width: 36px;
    height: 33px;
    margin: auto;

    fill: var(--color_blue);
}

.success_modal .modal_desc
{
    margin-top: 20px;
}

.success_modal .file
{
    display: flex;

    margin-top: 20px;

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

.success_modal .file a
{
    color: #c1c1c1;
    font-size: 12px;
    line-height: 18px;

    display: block;

    min-height: 32px;
    padding-left: 38px;

    text-decoration: none;
}

.success_modal .file a.pdf
{
    background: url(../images/ic_pdf.svg) 0 3px/auto 30px no-repeat;
}

.success_modal .file a.rfb
{
    background: url(../images/ic_rfb.svg) 0 3px/auto 30px no-repeat;
}

.success_modal .file a.zip
{
    background: url(../images/ic_zip.svg) 0 3px/auto 30px no-repeat;
}

.success_modal .file a > * + *
{
    margin-top: 2px;
}

.success_modal .file .name
{
    color: var(--color_blue);
    font-size: var(--font_size);
}

.success_modal .file .name span
{
    transition: border-color .1s linear;

    border-bottom: 1px dashed transparent;
}

.success_modal .file a:hover .name span
{
    border-color: var(--color_blue);
}



.success_modal .text
{
    color: var(--color_blue);
    font-size: 22px;
    line-height: 32px;

    text-align: center;
}

.success_modal .text .icon
{
    display: inline-block;

    width: 36px;
    height: 33px;
    margin-right: 6px;

    vertical-align: middle;

    fill: var(--color_blue);
}



#success_modal .modal_title
{
    margin: 30px 0;
}

#success_modal .modal_title .success_invoice p
{
    font-size: 16px;
    font-weight: normal;
}

#success_modal .modal_title .success_invoice p.small
{
    font-size: 14px;
    color: var(--text_color);
}

#success_modal .modal_title .success_invoice a 
{
    color: var(--color_blue);
    font-family: var(--font_family);
    font-size: 16px;
    font-weight: 300;
    margin-top: 20px;
    display: block;
}

#success_modal .modal_title .success_invoice a:hover
{
    text-decoration: none;
}



#cart_widget
{
    position: fixed;
    z-index: 98;
    bottom: 0;
    left: 0;
    display: none;

    width: 100%;

    transition: bottom .1s linear;
}

#cart_widget.show
{
    z-index: 10151;
}

#cart_widget .data_wrap
{
    box-shadow: 0 0 5px rgba(0,0,0,.21);
}

#cart_widget .data_wrap .toggle
{
    position: absolute;

    top: -20px;
    left: 0;
    right: 0;
    margin: auto;

    height: 20px;
    width: 100px;

    background: rgba(255, 255, 255, .95);
    border-radius: 15px 15px 0 0;
    border: 1px solid #eeeeee;

    cursor: pointer;
    transition: all .1s linear;
}

#cart_widget .data_wrap .toggle:before
{
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    display: block;
    width: 13px;
    height: 13px;
    margin: auto;
    content: '';
    transform: rotate(135deg);
    border-top: 2px solid var(--color_blue);
    border-right: 2px solid var(--color_blue);
}

#cart_widget .data_wrap .toggle .ms2_total_count 
{
    line-height: 18px;
    position: absolute;
    top: -10px;
    right: -5px;
    width: 22px;
    height: 18px;
    text-align: center;
    border-radius: 3px;
    background: #ef4836;
    color: #fff;
    font-weight: 700;
    display: none;
}

#cart_widget .data_wrap .toggle:hover
{
    background: rgba(0, 171, 223, .95);
    border-color: #00abdf;
}

#cart_widget .data_wrap .toggle:hover:before
{
    border-color: #fff;
}

#cart_widget.show .data_wrap .toggle
{
    display: none;
}

#cart_widget.hide
{
    bottom: -85px;
}

#cart_widget.hide .data_wrap .toggle:before
{
    top: 7px;
    transform: rotate(-45deg);
}

#cart_widget.hide .data_wrap .toggle .ms2_total_count
{
    display: block;
}


#cart_widget.fullhide
{
    display: none !important;
}


#cart_widget .close
{
    position: absolute;
    z-index: 5;
    top: 20px;
    right: 20px;

    display: block;

    width: 17px;
    height: 17px;

    cursor: pointer;

    border: none;
    background: none;
}

#cart_widget .close:before,
#cart_widget .close:after
{
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;

    display: block;

    width: 18px;
    height: 3px;
    margin: auto;

    content: '';
    transition: background .1s linear;
    transform: rotate(45deg);

    border-radius: 2px;
    background: #cdcdcd;
}

#cart_widget .close:after
{
    transform: rotate(-45deg);
}

#cart_widget .close:hover:before,
#cart_widget .close:hover:after
{
    background: #000;
}


#cart_widget .bottom .close
{
    top: 5px;
    right: 5px;
}


#cart_widget .cart_info
{
    display: none;

    border-bottom: 1px solid #dadada;
    background: rgba(255, 255, 255, .95);
}

#cart_widget .cart_info .need_help
{
    right: auto;
    left: 50%;

    transform: translateX(-50%);
}

#cart_widget .cart_info .table_scroll
{
    overflow: auto;

    max-height: calc(100vh - 238px);
}

#cart_widget .cart_info table td.delete
{
    padding-right: 10px;
}


#cart_widget .bottom
{
    position: relative;
    
    display: flex;

    height: 85px;
    padding: 20px 30px;

    background: #FFFFFF;

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


#cart_widget .bottom .cart
{
    position: relative;

    display: flex;

    padding-left: 124px;

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

#cart_widget .bottom .cart .icon
{
    position: absolute;
    z-index: 3;
    bottom: -20px;
    left: 0;
}

#cart_widget.hide .bottom .cart .icon
{
    display: none;
}

#cart_widget .bottom .cart .icon:before
{
    position: absolute;
    z-index: -1;
    top: 7px;
    right: 0;
    left: 0;

    display: block;

    width: 28px;
    height: 10px;
    margin: auto;

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

    border-right: 14px solid transparent;
    border-bottom: 10px solid rgba(255,255,255,.95);
    border-left: 14px solid transparent;
}

#cart_widget .bottom .cart .icon > *
{
    display: block;

    width: 110px;
    height: 100px;

    fill: #1cb4e2;
}

#cart_widget .bottom .cart .icon > * + *
{
    position: relative;
    left: -10px;

    display: none;

    width: 130px;
    height: 100px;
}

#cart_widget .bottom .cart .count
{
    color: #000;
    font-size: 16px;
    font-weight: 500;
    line-height: 20px;

    text-decoration: none;
}

#cart_widget .bottom .cart .count:hover
{
    text-decoration: underline;
}

#cart_widget .bottom .cart .price
{
    color: #737373;
    line-height: 20px;
}

#cart_widget .bottom .cart .toggle_btn
{
    position: relative;

    display: block;

    width: 41px;
    height: 41px;
    margin-left: 29px;

    cursor: pointer;

    border: 1px solid var(--color_blue);
    border-radius: 50%;
    background: none;

    transition: background .1s linear;
}

#cart_widget .bottom .cart .toggle_btn:after
{
    position: absolute;
    top: 5px;
    right: 0;
    bottom: 0;
    left: 0;

    display: block;

    width: 13px;
    height: 13px;
    margin: auto;

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

    border-top: 2px solid var(--color_blue);
    border-right: 2px solid var(--color_blue);
}

#cart_widget .bottom .cart .toggle_btn.active:after
{
    top: -5px;

    transform: rotate(-225deg);
}

#cart_widget .bottom .cart .toggle_btn:hover
{
    background: #00abdf;
}

#cart_widget .bottom .cart .toggle_btn:hover:after
{
    border-color: #fff;
}


#cart_widget .bottom .links
{
    display: flex;

    margin-left: 50px;
    margin-left: auto;

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

#cart_widget .bottom .links > * + *
{
    margin-left: 50px;
}

#cart_widget .bottom .links a
{
    color: #000;

    display: flex;

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

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

#cart_widget .bottom .links .icon
{
    display: block;

    margin-right: 6px;

    transition: fill .1s linear;

    fill: #c1c1c1;
}

#cart_widget .bottom .links a:hover
{
    color: var(--color_blue);
}

#cart_widget .bottom .links a:hover .icon
{
    fill: var(--color_blue);
}


#cart_widget .bottom .checkout_link
{
    color: #fff;
    font-family: var(--font_family);
    font-size: var(--font_size);
    font-weight: 700;
    line-height: 16px;
    line-height: 41px;

    display: block;

    height: 41px;
    margin-left: 50px;
    padding: 0 30px;

    transition: background .1s linear;
    text-decoration: none;

    border-radius: 21px;
    background: var(--color_blue);
}

#cart_widget .bottom .checkout_link:hover
{
    background: #22b5e2;
}


#cart_widget.show .bottom .cart .icon:before
{
    z-index: 0;
    left: -20px;
}

#cart_widget.show .bottom .cart .icon > *
{
    display: none;
}

#cart_widget.show .bottom .cart .icon > * + *
{
    display: block;
}



#msMiniCart.full #cart_widget
{
    display: block;
}

#msMiniCart.load #cart_widget .data_wrap
{
    position: relative;
}

#msMiniCart.load #cart_widget .table_scroll
{
    overflow: hidden;
}



#callback_modal,
#get_price_modal
{
    width: 480px;
}



#feedback_modal,
#course_order_modal
{
    padding: 40px 115px 60px;
}

#feedback_modal .modal_title,
#course_order_modal .modal_title
{
    margin-bottom: 15px;
}

#feedback_modal .modal_desc,
#course_order_modal .modal_desc
{
    margin-bottom: 25px;
}

#feedback_modal .form textarea,
#course_order_modal .form textarea
{
    height: 182px;
    min-height: 182px;
}

#feedback_modal .form .exp,
#course_order_modal .form .exp
{
    color: #737373;

    margin-bottom: 30px;
}

#feedback_modal .form .submit_btn,
#course_order_modal .form .submit_btn
{
    min-width: 200px;
}


#case_prices_modal .modal_desc
{
    margin-bottom: 40px;
    color: #000;
    font-weight: bold;
}



.services_modal
{
    padding: 40px 115px 60px;
}

.services_modal .modal_title
{
    margin-bottom: 15px;
}

.services_modal .modal_desc
{
    margin-bottom: 25px;
}

.services_modal .form textarea
{
    height: 182px;
    min-height: 182px;
}

.services_modal .form .exp
{
    color: #737373;

    margin-bottom: 30px;
}

.services_modal .form .submit_btn
{
    min-width: 200px;
}



.services_package_modal .modal_desc
{
    margin-bottom: 25px;
}

.services_package_modal .modal_cont
{   
    color: var(--color_black);

    font-weight: 300;
    line-height: 24px;
}


.services_package_modal .modal_cont .modal_list
{
    padding-left: 15px;
    margin-top: 10px;
}

.services_package_modal .modal_cont .modal_list a
{
    color: var(--color_blue);
    text-decoration: none;
}

.services_package_modal .modal_cont .modal_list a:hover
{
    text-decoration: underline;
}


.services_package_modal .modal_cont .modal_package
{
    margin-top: 30px;
    margin-bottom: 30px;
}

.services_package_modal .modal_cont .modal_package .modal_desc
{
    margin-bottom: 25px;
}

.services_package_modal .modal_cont .modal_package .row
{
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
    gap: 20px;
}

.services_package_modal .modal_cont .modal_package .row + .row
{
    margin-top: 20px;
}

.services_package_modal .modal_cont .modal_package .row .col
{
    display: flex;

    width: 50%;
    
    padding: 15px 10px;

    border: 2px solid var(--color_blue);
    border-radius: 10px;

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

.services_package_modal .modal_cont .modal_package .row .col.big
{
    width: 100%;
}

.services_package_modal .modal_cont .modal_package .row .col .title
{
    width: 100%;

    font-size: 16px;
    text-align: center;
    font-weight: 700;
}

.services_package_modal .modal_cont .modal_package .row .col .title small
{
    font-size: 14px;
    font-weight: 300;
}

.services_package_modal .modal_cont .modal_package .row .col .desc
{
    width: 100%;

    margin-top: 10px;

    text-align: center;
    font-size: 14px;
}



#get_price_list_2_update_modal
{
    padding: 40px 115px 60px;
}

#get_price_list_2_update_modal .modal_desc
{
    margin-bottom: 25px;
}


#add_photo_product_modal .product .desc ul
{
    margin-left: 12px;
}

#add_photo_product_modal .product .desc ul li + li
{
    padding-top: 5px;
}

#add_photo_product_modal .form .type .desc
{
    width: 100%;

    margin-bottom: 10px;
}



#product_file_modal .name
{
    font-size: 20px;

    overflow: hidden;
    text-overflow: ellipsis
}

#product_file_modal .size
{
    margin-top: 15px;
}

#product_file_modal .link
{
    display: block;

    color: var(--color_blue);

    margin-top: 50px;
    font-size: 18px;

    overflow: hidden;
    text-overflow: ellipsis
}

#product_file_modal .link:hover
{
    text-decoration: none;
}

#product_file_modal .size:empty,
#product_file_modal .link:empty
{
    display: none;
}



#msCart,
#msOrder
{
    position: relative;
}



#delivery.tab_content.load:before,
#msMiniCart.load #cart_widget .data_wrap:before,
#msCart.load:before,
#msOrder.load:before,
.checkout_total.load:before,
.view_history .list.load:before,
.compare_info .data.load:before
{
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 11;
    cursor: wait;
}

#delivery.tab_content.load:before,
#msCart.load:before,
#msOrder.load:before,
.checkout_total.load:before,
.compare_info .data.load:before
{
    background: rgba(255, 255, 255, .0)
}



.ui-widget.ui-widget-content
{
    z-index: 101;
    border-color: #dadada;
    border-radius: 5px;
}

.mse2_number_slider.ui-widget.ui-widget-content,
.range_slider.ui-widget.ui-widget-content
{
    z-index: 1;
}

#mse2_filters .ui-slider-horizontal .ui-slider-handle
{
    top: -.6em;
}

#mse2_filters .ui-slider .ui-slider-handle
{
    width: 1.7em;
    height: 1.7em;
}



#pdopage .pagination
{
    margin-top: 7px !important;
}

#pdopage .pagination:empty
{
    display: none;
}



.mse2-ac-wrapper {
    border-bottom: 1px solid #dadada;
}

.mse2-ac-wrapper:last-child {
    border: none;
}

.mse2-ac-link
{
    padding: 10px;
}

.mse2-ac-link:hover
{
    background: none !important;
}

.mse2-ac-item 
{
    font-size: 14px;
    font-family: var(--font_family);
    padding: 8px 10px !important;
}

.mse2-ac-item:hover
{
    color: var(--color_blue);
}

.mse2-ac-wrapper:first-child .mse2-ac-link
{
    border-radius: 5px 5px 0 0;
}

.mse2-ac-wrapper:last-child .mse2-ac-link
{
    border-radius: 0 0 5px 5px;
}

.mse2-ac-item small
{
    display: block;
    font-size: 10px;
    padding-top: 2px;
}

.mse2-ac-item small b
{
    color: #ff9511;
}



.Magic360-container button.m360-icon.m360-icon-fullscreen-open, 
.Magic360-container button.m360-icon.m360-icon-fullscreen-close
{
    top: auto !important;
    bottom: 10px !important;
}



.ajax_loading
{
    position: relative;

    cursor: wait;
}

.ajax_loading:before
{
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: rgba(255, 255, 255, 0.7);
    z-index: 1;
}



#jGrowl
{
    z-index: 99993;
}

#jGrowl .ui-state-highlight, 
#jGrowl .ui-widget-content .ui-state-highlight, 
#jGrowl .ui-widget-header .ui-state-highlight
{
    border: none;
}

#jGrowl .ui-state-highlight .jGrowl-message, 
#jGrowl .ui-widget-content .ui-state-highlight .jGrowl-message, 
#jGrowl .ui-widget-header .ui-state-highlight .jGrowl-message,
#jGrowl .jGrowl-notification .jGrowl-close,
#jGrowl .ui-state-highlight .jGrowl-message a, 
#jGrowl .ui-widget-content .ui-state-highlight .jGrowl-message a, 
#jGrowl .ui-widget-header .ui-state-highlight .jGrowl-message a,
#jGrowl .jGrowl-notification .jGrowl-close a
{
    color: #fff;
}


#jGrowl .jGrowl-notification
{
    font-family: 'HelveticaNeueCyr', 'Arial', sans-serif;
    font-weight: 400;
}

#jGrowl .jGrowl-notification.ms2-message-success,
#jGrowl .jGrowl-notification.af-message-success
{
    background-color: #46b03d !important;
}

#jGrowl .jGrowl-notification.ms2-message-error,
#jGrowl .jGrowl-notification.af-message-error
{
    background-color: #ef4836 !important;
}


.roistat-promo-wrap
{
    display: none;
}



.b24-widget-button-position-bottom-right
{
    transition: bottom .1s linear;
    bottom: 25px !important;
    right: 25px !important;
}

@media (max-width: 1564px)
{
    .b24-widget-button-position-bottom-right
    {
        bottom: 110px !important;
        right: 25px !important;
    }

    .b24-widget-button-position-bottom-right.hide 
    {
        bottom: -105px !important;
    }
}



.b24-telegram-bot
{
    position: fixed;
    display: block;
    width: 46px;
    height: 46px;
    border-radius: 50%;
    bottom: 90px;
    right: 18px;
    z-index: 100;
    transition: bottom .1s linear;
}

.b24-telegram-bot.down
{
    bottom: 20px;
}

.b24-telegram-bot img 
{
    width: 46px;
}

.b24-telegram-bot.hide 
{
    bottom: -60px !important;
}

.b24-widget-button-wrapper.up
{
    bottom: 90px !important;
}



#itlcb-call-btn
{
    display: none !important;
}



.grecaptcha-badge 
{
    display: none;
}



#stuffHelper 
{
    position: absolute;
    z-index: 100;
    padding: 20px;
    background-color: #fff;
    border: 3px solid #eeeeee;
    display: none;
}

#stuffHelper .name 
{
    text-align: center;
    color: #9a9a9a;
    font-size: 16px;
    font-weight: 300;
    line-height: 16px;
    margin-bottom: 15px;
}

#stuffHelper .btn 
{
    color: var(--color_white);
    font: 300 var(--font_size) var(--font_family);

    display: inline-block;
    position: relative;

    height: 35px;
    padding: 0 18px 2px;

    cursor: pointer;
    transition: .1s linear;
    vertical-align: top;

    border: 1px solid #0181b7;
    border-radius: 27px;
    background: #0181b7;
}

#stuffHelper .btn + .btn
{
    margin-left: 10px;
}

#stuffHelper #stuffHelper_cancel
{
    background: #eeeeee;
    border-color: #dbdbdb;
    color: #000;
}

#stuffHelper #stuffHelper_confirm:hover
{
    border-color: #2794c2;
    background: #2794c2;
}

#stuffHelper #stuffHelper_cancel:hover
{
    background: #dbdbdb;
}



.fancybox-caption p
{
    font-size: 20px;
}



.zoomContainer
{
    z-index: 10152;
}



#policyBlockForFirstVisit
{
    background: var(--color_white);
    -webkit-box-shadow: 0px 0px 20px 0px rgba(50, 50, 50, 0.41);
    -moz-box-shadow: 0px 0px 20px 0px rgba(50, 50, 50, 0.41);
    box-shadow: 0px 0px 20px 0px rgba(50, 50, 50, 0.41);
    padding: 20px;
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 99999999;
}

#policyBlockForFirstVisit .policyBlockForFirstVisitInner
{
    margin: 0 auto;
    max-width: 900px;
    position: relative;
    font-size: 14px;
}

#policyBlockForFirstVisit .policyBlockForFirstVisitInner .policyBlockForFirstVisitText
{
    float: left;
    width: calc(100% - 150px);
    padding-right: 30px;
}

#policyBlockForFirstVisit .policyBlockForFirstVisitInner .policyBlockForFirstVisitText a
{
    color: var(--color_blue);
    text-decoration: none;
}

#policyBlockForFirstVisit .policyBlockForFirstVisitInner .policyBlockForFirstVisitText a:hover
{
    text-decoration: underline;
}

#policyBlockForFirstVisit .policyBlockForFirstVisitInner .policyBlockForFirstVisitText .policyBlockForFirstVisitLinkForLarge
{
    color: var(--color_blue);
    text-decoration: none;
}

#policyBlockForFirstVisit .policyBlockForFirstVisitInner .policyBlockForFirstVisitText .policyBlockForFirstVisitLinkForLarge:hover
{
    text-decoration: underline;
}

#policyBlockForFirstVisit .policyBlockForFirstVisitInner .policyBlockForFirstVisitLinkForSmall
{
    display: none;
    float: left;
    color: var(--color_blue);
    border: 1px solid var(--color_blue);
    padding: 10px 0;
    width: 120px;
    text-transform: uppercase;
    text-align: center;
    text-decoration: none;
    cursor: pointer;
    transition: all .1s linear;
}

#policyBlockForFirstVisit .policyBlockForFirstVisitInner .policyBlockForFirstVisitLinkForSmall:hover
{
    background: var(--color_blue);
    color: var(--color_white);
}

#policyBlockForFirstVisit .policyBlockForFirstVisitInner .policyBlockForFirstVisitButton
{
    display: block;
    float: right;
    background: var(--color_blue);
    color: var(--color_white);
    padding: 10px 0;
    width: 120px;
    text-transform: uppercase;
    text-align: center;
    cursor: pointer;
    transition: all .1s linear;
}

#policyBlockForFirstVisit .policyBlockForFirstVisitInner .policyBlockForFirstVisitButton:hover
{
    background: #0181b7;
}

#policyBlockForFirstVisit .policyBlockForFirstVisitInner .policyBlockForFirstVisitClose
{
    position: absolute;
    right: 0;
    top: 0;
    width: 20px;
    height: 20px;
    cursor: pointer;
}

#policyBlockForFirstVisit .policyBlockForFirstVisitInner .policyBlockForFirstVisitClose:before,
#policyBlockForFirstVisit .policyBlockForFirstVisitInner .policyBlockForFirstVisitClose:after
{
    content: "";
    display: block;
    background: #000;
    height: 1px;
    width: 100%;
    transform: rotate(-45deg);
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
}

#policyBlockForFirstVisit .policyBlockForFirstVisitInner .policyBlockForFirstVisitClose:after
{
    transform: rotate(45deg);
}