/* Start:/bitrix/templates/main_contacts/css/screen.css?1779454278221139*/
a, abbr, acronym, address, applet, article, aside, audio, b, big, blockquote, body, canvas, caption, center, cite, code, dd, del, details, dfn, div, dl, dt, em, embed, fieldset, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, html, i, iframe, img, ins, kbd, label, legend, li, mark, menu, nav, object, ol, output, p, pre, q, ruby, s, samp, section, small, span, strike, strong, sub, summary, sup, table, tbody, td, tfoot, th, thead, time, tr, tt, u, ul, var, video {
    margin: 0;
    padding: 0;
    border: 0;
    vertical-align: baseline
}

body, html {
    height: 100%
}

a img, fieldset, img {
    border: none
}

input[type=email], input[type=tel], input[type=text], textarea {
    -webkit-appearance: none
}

textarea {
    overflow: auto
}

button, input {
    margin: 0;
    padding: 0;
    border: 0
}

button, input[type=submit] {
    cursor: pointer
}

a, a:focus, button, div, h1, h2, h3, h4, h5, h6, input, select, span, textarea {
    outline: none
}

ol, ul {
    list-style-type: none
}

table {
    border-spacing: 0;
    border-collapse: collapse;
    width: 100%
}

html {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

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

@font-face {
    font-family: intro;
    src: url(/bitrix/templates/main_contacts/css/../fonts/intro.eot);
    src: url(/bitrix/templates/main_contacts/css/../fonts/intro.eot?#iefix) format("embedded-opentype"), url(/bitrix/templates/main_contacts/css/../fonts/intro.woff2) format("woff2"), url(/bitrix/templates/main_contacts/css/../fonts/intro.woff) format("woff"), url(/bitrix/templates/main_contacts/css/../fonts/intro.ttf) format("truetype");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: intro-black;
    src: url(/bitrix/templates/main_contacts/css/../fonts/intro-black.eot);
    src: url(/bitrix/templates/main_contacts/css/../fonts/intro-black.eot?#iefix) format("embedded-opentype"), url(/bitrix/templates/main_contacts/css/../fonts/intro-black.woff2) format("woff2"), url(/bitrix/templates/main_contacts/css/../fonts/intro-black.woff) format("woff"), url(/bitrix/templates/main_contacts/css/../fonts/intro-black.ttf) format("truetype");
    font-weight: 400;
    font-style: normal
}

.slick-slider {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent
}

.slick-list, .slick-slider {
    position: relative;
    display: block
}

.slick-list {
    overflow: hidden;
    margin: 0;
    padding: 0
}

.slick-list:focus {
    outline: none
}

.slick-loading .slick-list {
    background: #fff
}

.slick-list.dragging {
    cursor: pointer;
    cursor: hand
}

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

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

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

.slick-track:after {
    clear: both
}

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

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

.slick-slide img {
    display: block;
    max-width: 100%
}

.slick-slide.slick-loading img {
    display: none
}

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

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

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

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

.slick-next, .slick-prev {
    position: absolute;
    top: 50%;
    margin-top: -10px;
    font: 0/0 a;
    text-shadow: none;
    color: transparent;
    height: 20px;
    background: none;
    left: 0;
    z-index: 1
}

.slick-next:focus, .slick-prev:focus {
    outline: none
}

.slick-next.slick-disabled, .slick-prev.slick-disabled {
    opacity: .2
}

.slick-next:before, .slick-prev:before {
    height: 30px;
    line-height: 30px;
    content: "prev";
    display: inline-block;
    vertical-align: middle;
    font-size: 15px;
    color: #fff;
    background: #000
}

.slick-next {
    right: 0;
    left: auto
}

.slick-next:before {
    content: "next";
    display: inline-block
}

.slick-dots {
    text-align: center;
    position: absolute;
    margin: 0;
    bottom: 0;
    left: 0;
    right: 0
}

.slick-dots li {
    position: relative;
    display: inline-block;
    padding: 0 3px
}

.slick-dots li.slick-active button {
    background: #000
}

.slick-dots button {
    display: block;
    width: 10px;
    height: 10px;
    background: #fff;
    -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, .25);
    box-shadow: 0 1px 5px rgba(0, 0, 0, .25);
    cursor: pointer;
    font: 0/0 a;
    text-shadow: none;
    color: transparent;
    border-radius: 50%
}

.ui-helper-hidden {
    display: none
}

.ui-helper-hidden-accessible {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px
}

.ui-helper-reset {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    line-height: 1.3;
    text-decoration: none;
    font-size: 100%;
    list-style: none
}

.ui-helper-clearfix:after, .ui-helper-clearfix:before {
    content: "";
    display: table;
    border-collapse: collapse
}

.ui-helper-clearfix:after {
    clear: both
}

.ui-helper-zfix {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: absolute;
    opacity: 0;
    filter: Alpha(Opacity=0)
}

.ui-front {
    z-index: 8
}

.ui-state-disabled {
    cursor: default!important;
    pointer-events: none
}

.ui-icon {
    display: inline-block;
    vertical-align: middle;
    margin-top: -.25em;
    position: relative;
    text-indent: -99999px;
    overflow: hidden;
    background-repeat: no-repeat
}

.ui-widget-icon-block {
    left: 50%;
    margin-left: -8px;
    display: block
}

.ui-widget-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.ui-slider {
    position: relative;
    text-align: left
}

.ui-slider .ui-slider-handle {
    position: absolute;
    z-index: 2;
    width: 1.2em;
    height: 1.2em;
    cursor: default;
    -ms-touch-action: none;
    touch-action: none
}

.ui-slider .ui-slider-range {
    position: absolute;
    z-index: 1;
    font-size: .7em;
    display: block;
    border: 0;
    background-position: 0 0
}

.ui-slider.ui-state-disabled .ui-slider-handle, .ui-slider.ui-state-disabled .ui-slider-range {
    -webkit-filter: inherit;
    filter: inherit
}

.ui-slider-horizontal {
    height: .8em
}

.ui-slider-horizontal .ui-slider-handle {
    top: -.3em;
    margin-left: -.6em
}

.ui-slider-horizontal .ui-slider-range {
    top: 0;
    height: 100%
}

.ui-slider-horizontal .ui-slider-range-min {
    left: 0
}

.ui-slider-horizontal .ui-slider-range-max {
    right: 0
}

.ui-slider-vertical {
    width: .8em;
    height: 100px
}

.ui-slider-vertical .ui-slider-handle {
    left: -.3em;
    margin-left: 0;
    margin-bottom: -.6em
}

.ui-slider-vertical .ui-slider-range {
    left: 0;
    width: 100%
}

.ui-slider-vertical .ui-slider-range-min {
    bottom: 0
}

.ui-slider-vertical .ui-slider-range-max {
    top: 0
}

.ui-widget {
    font-family: Arial, Helvetica, sans-serif
}

.ui-widget, .ui-widget .ui-widget {
    font-size: 1em
}

.ui-widget button, .ui-widget input, .ui-widget select, .ui-widget textarea {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1em
}

.ui-widget.ui-widget-content {
    border: 1px solid #c5c5c5
}

.ui-widget-content {
    border: 1px solid #ddd;
    background: #fff;
    color: #333
}

.ui-widget-content a {
    color: #333
}

.ui-widget-header {
    border: 1px solid #ddd;
    background: #e9e9e9;
    color: #333;
    font-weight: 700
}

.ui-widget-header a {
    color: #333
}

.ui-button, .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, html .ui-button.ui-state-disabled:active, html .ui-button.ui-state-disabled:hover {
    border: 1px solid #c5c5c5;
    background: #f6f6f6;
    font-weight: 400;
    color: #454545
}

.ui-button, .ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited, a.ui-button, a:link.ui-button, a:visited.ui-button {
    color: #454545;
    text-decoration: none
}

.ui-button:focus, .ui-button:hover, .ui-state-focus, .ui-state-hover, .ui-widget-content .ui-state-focus, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-focus, .ui-widget-header .ui-state-hover {
    border: 1px solid #ccc;
    background: #ededed;
    font-weight: 400;
    color: #2b2b2b
}

.ui-state-focus a, .ui-state-focus a:hover, .ui-state-focus a:link, .ui-state-focus a:visited, .ui-state-hover a, .ui-state-hover a:hover, .ui-state-hover a:link, .ui-state-hover a:visited, a.ui-button:focus, a.ui-button:hover {
    color: #2b2b2b;
    text-decoration: none
}

.ui-visual-focus {
    -webkit-box-shadow: 0 0 3px 1px #5e9ed6;
    box-shadow: 0 0 3px 1px #5e9ed6
}

.ui-button.ui-state-active:hover, .ui-button:active, .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active {
    border: 1px solid #003eff;
    background: #007fff;
    font-weight: 400;
    color: #fff
}

.ui-icon-background, .ui-state-active .ui-icon-background {
    border: #003eff;
    background-color: #fff
}

.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited {
    color: #fff;
    text-decoration: none
}

.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {
    border: 1px solid #dad55e;
    background: #fffa90;
    color: #777620
}

.ui-state-checked {
    border: 1px solid #dad55e;
    background: #fffa90
}

.ui-state-highlight a, .ui-widget-content .ui-state-highlight a, .ui-widget-header .ui-state-highlight a {
    color: #777620
}

.ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error {
    border: 1px solid #f1a899;
    background: #fddfdf;
    color: #5f3f3f
}

.ui-state-error-text, .ui-state-error a, .ui-widget-content .ui-state-error-text, .ui-widget-content .ui-state-error a, .ui-widget-header .ui-state-error-text, .ui-widget-header .ui-state-error a {
    color: #5f3f3f
}

.ui-priority-primary, .ui-widget-content .ui-priority-primary, .ui-widget-header .ui-priority-primary {
    font-weight: 700
}

.ui-priority-secondary, .ui-widget-content .ui-priority-secondary, .ui-widget-header .ui-priority-secondary {
    opacity: .7;
    filter: Alpha(Opacity=70);
    font-weight: 400
}

.ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled {
    opacity: .35;
    filter: Alpha(Opacity=35);
    background-image: none
}

.ui-state-disabled .ui-icon {
    filter: Alpha(Opacity=35)
}

.ui-icon {
    width: 16px;
    height: 16px
}

.ui-icon, .ui-widget-content .ui-icon, .ui-widget-header .ui-icon {
    background-image: url(/bitrix/templates/main_contacts/css/images/ui-icons_444444_256x240.png)
}

.ui-button:focus .ui-icon, .ui-button:hover .ui-icon, .ui-state-focus .ui-icon, .ui-state-hover .ui-icon {
    background-image: url(/bitrix/templates/main_contacts/css/images/ui-icons_555555_256x240.png)
}

.ui-button:active .ui-icon, .ui-state-active .ui-icon {
    background-image: url(/bitrix/templates/main_contacts/css/images/ui-icons_ffffff_256x240.png)
}

.ui-button .ui-state-highlight.ui-icon, .ui-state-highlight .ui-icon {
    background-image: url(/bitrix/templates/main_contacts/css/images/ui-icons_777620_256x240.png)
}

.ui-state-error-text .ui-icon, .ui-state-error .ui-icon {
    background-image: url(/bitrix/templates/main_contacts/css/images/ui-icons_cc0000_256x240.png)
}

.ui-button .ui-icon {
    background-image: url(/bitrix/templates/main_contacts/css/images/ui-icons_777777_256x240.png)
}

.ui-icon-blank {
    background-position: 16px 16px
}

.ui-icon-caret-1-n {
    background-position: 0 0
}

.ui-icon-caret-1-ne {
    background-position: -16px 0
}

.ui-icon-caret-1-e {
    background-position: -32px 0
}

.ui-icon-caret-1-se {
    background-position: -48px 0
}

.ui-icon-caret-1-s {
    background-position: -65px 0
}

.ui-icon-caret-1-sw {
    background-position: -80px 0
}

.ui-icon-caret-1-w {
    background-position: -96px 0
}

.ui-icon-caret-1-nw {
    background-position: -112px 0
}

.ui-icon-caret-2-n-s {
    background-position: -128px 0
}

.ui-icon-caret-2-e-w {
    background-position: -144px 0
}

.ui-icon-triangle-1-n {
    background-position: 0 -16px
}

.ui-icon-triangle-1-ne {
    background-position: -16px -16px
}

.ui-icon-triangle-1-e {
    background-position: -32px -16px
}

.ui-icon-triangle-1-se {
    background-position: -48px -16px
}

.ui-icon-triangle-1-s {
    background-position: -65px -16px
}

.ui-icon-triangle-1-sw {
    background-position: -80px -16px
}

.ui-icon-triangle-1-w {
    background-position: -96px -16px
}

.ui-icon-triangle-1-nw {
    background-position: -112px -16px
}

.ui-icon-triangle-2-n-s {
    background-position: -128px -16px
}

.ui-icon-triangle-2-e-w {
    background-position: -144px -16px
}

.ui-icon-arrow-1-n {
    background-position: 0 -32px
}

.ui-icon-arrow-1-ne {
    background-position: -16px -32px
}

.ui-icon-arrow-1-e {
    background-position: -32px -32px
}

.ui-icon-arrow-1-se {
    background-position: -48px -32px
}

.ui-icon-arrow-1-s {
    background-position: -65px -32px
}

.ui-icon-arrow-1-sw {
    background-position: -80px -32px
}

.ui-icon-arrow-1-w {
    background-position: -96px -32px
}

.ui-icon-arrow-1-nw {
    background-position: -112px -32px
}

.ui-icon-arrow-2-n-s {
    background-position: -128px -32px
}

.ui-icon-arrow-2-ne-sw {
    background-position: -144px -32px
}

.ui-icon-arrow-2-e-w {
    background-position: -160px -32px
}

.ui-icon-arrow-2-se-nw {
    background-position: -176px -32px
}

.ui-icon-arrowstop-1-n {
    background-position: -192px -32px
}

.ui-icon-arrowstop-1-e {
    background-position: -208px -32px
}

.ui-icon-arrowstop-1-s {
    background-position: -224px -32px
}

.ui-icon-arrowstop-1-w {
    background-position: -240px -32px
}

.ui-icon-arrowthick-1-n {
    background-position: 1px -48px
}

.ui-icon-arrowthick-1-ne {
    background-position: -16px -48px
}

.ui-icon-arrowthick-1-e {
    background-position: -32px -48px
}

.ui-icon-arrowthick-1-se {
    background-position: -48px -48px
}

.ui-icon-arrowthick-1-s {
    background-position: -64px -48px
}

.ui-icon-arrowthick-1-sw {
    background-position: -80px -48px
}

.ui-icon-arrowthick-1-w {
    background-position: -96px -48px
}

.ui-icon-arrowthick-1-nw {
    background-position: -112px -48px
}

.ui-icon-arrowthick-2-n-s {
    background-position: -128px -48px
}

.ui-icon-arrowthick-2-ne-sw {
    background-position: -144px -48px
}

.ui-icon-arrowthick-2-e-w {
    background-position: -160px -48px
}

.ui-icon-arrowthick-2-se-nw {
    background-position: -176px -48px
}

.ui-icon-arrowthickstop-1-n {
    background-position: -192px -48px
}

.ui-icon-arrowthickstop-1-e {
    background-position: -208px -48px
}

.ui-icon-arrowthickstop-1-s {
    background-position: -224px -48px
}

.ui-icon-arrowthickstop-1-w {
    background-position: -240px -48px
}

.ui-icon-arrowreturnthick-1-w {
    background-position: 0 -64px
}

.ui-icon-arrowreturnthick-1-n {
    background-position: -16px -64px
}

.ui-icon-arrowreturnthick-1-e {
    background-position: -32px -64px
}

.ui-icon-arrowreturnthick-1-s {
    background-position: -48px -64px
}

.ui-icon-arrowreturn-1-w {
    background-position: -64px -64px
}

.ui-icon-arrowreturn-1-n {
    background-position: -80px -64px
}

.ui-icon-arrowreturn-1-e {
    background-position: -96px -64px
}

.ui-icon-arrowreturn-1-s {
    background-position: -112px -64px
}

.ui-icon-arrowrefresh-1-w {
    background-position: -128px -64px
}

.ui-icon-arrowrefresh-1-n {
    background-position: -144px -64px
}

.ui-icon-arrowrefresh-1-e {
    background-position: -160px -64px
}

.ui-icon-arrowrefresh-1-s {
    background-position: -176px -64px
}

.ui-icon-arrow-4 {
    background-position: 0 -80px
}

.ui-icon-arrow-4-diag {
    background-position: -16px -80px
}

.ui-icon-extlink {
    background-position: -32px -80px
}

.ui-icon-newwin {
    background-position: -48px -80px
}

.ui-icon-refresh {
    background-position: -64px -80px
}

.ui-icon-shuffle {
    background-position: -80px -80px
}

.ui-icon-transfer-e-w {
    background-position: -96px -80px
}

.ui-icon-transferthick-e-w {
    background-position: -112px -80px
}

.ui-icon-folder-collapsed {
    background-position: 0 -96px
}

.ui-icon-folder-open {
    background-position: -16px -96px
}

.ui-icon-document {
    background-position: -32px -96px
}

.ui-icon-document-b {
    background-position: -48px -96px
}

.ui-icon-note {
    background-position: -64px -96px
}

.ui-icon-mail-closed {
    background-position: -80px -96px
}

.ui-icon-mail-open {
    background-position: -96px -96px
}

.ui-icon-suitcase {
    background-position: -112px -96px
}

.ui-icon-comment {
    background-position: -128px -96px
}

.ui-icon-person {
    background-position: -144px -96px
}

.ui-icon-print {
    background-position: -160px -96px
}

.ui-icon-trash {
    background-position: -176px -96px
}

.ui-icon-locked {
    background-position: -192px -96px
}

.ui-icon-unlocked {
    background-position: -208px -96px
}

.ui-icon-bookmark {
    background-position: -224px -96px
}

.ui-icon-tag {
    background-position: -240px -96px
}

.ui-icon-home {
    background-position: 0 -112px
}

.ui-icon-flag {
    background-position: -16px -112px
}

.ui-icon-calendar {
    background-position: -32px -112px
}

.ui-icon-cart {
    background-position: -48px -112px
}

.ui-icon-pencil {
    background-position: -64px -112px
}

.ui-icon-clock {
    background-position: -80px -112px
}

.ui-icon-disk {
    background-position: -96px -112px
}

.ui-icon-calculator {
    background-position: -112px -112px
}

.ui-icon-zoomin {
    background-position: -128px -112px
}

.ui-icon-zoomout {
    background-position: -144px -112px
}

.ui-icon-search {
    background-position: -160px -112px
}

.ui-icon-wrench {
    background-position: -176px -112px
}

.ui-icon-gear {
    background-position: -192px -112px
}

.ui-icon-heart {
    background-position: -208px -112px
}

.ui-icon-star {
    background-position: -224px -112px
}

.ui-icon-link {
    background-position: -240px -112px
}

.ui-icon-cancel {
    background-position: 0 -128px
}

.ui-icon-plus {
    background-position: -16px -128px
}

.ui-icon-plusthick {
    background-position: -32px -128px
}

.ui-icon-minus {
    background-position: -48px -128px
}

.ui-icon-minusthick {
    background-position: -64px -128px
}

.ui-icon-close {
    background-position: -80px -128px
}

.ui-icon-closethick {
    background-position: -96px -128px
}

.ui-icon-key {
    background-position: -112px -128px
}

.ui-icon-lightbulb {
    background-position: -128px -128px
}

.ui-icon-scissors {
    background-position: -144px -128px
}

.ui-icon-clipboard {
    background-position: -160px -128px
}

.ui-icon-copy {
    background-position: -176px -128px
}

.ui-icon-contact {
    background-position: -192px -128px
}

.ui-icon-image {
    background-position: -208px -128px
}

.ui-icon-video {
    background-position: -224px -128px
}

.ui-icon-script {
    background-position: -240px -128px
}

.ui-icon-alert {
    background-position: 0 -144px
}

.ui-icon-info {
    background-position: -16px -144px
}

.ui-icon-notice {
    background-position: -32px -144px
}

.ui-icon-help {
    background-position: -48px -144px
}

.ui-icon-check {
    background-position: -64px -144px
}

.ui-icon-bullet {
    background-position: -80px -144px
}

.ui-icon-radio-on {
    background-position: -96px -144px
}

.ui-icon-radio-off {
    background-position: -112px -144px
}

.ui-icon-pin-w {
    background-position: -128px -144px
}

.ui-icon-pin-s {
    background-position: -144px -144px
}

.ui-icon-play {
    background-position: 0 -160px
}

.ui-icon-pause {
    background-position: -16px -160px
}

.ui-icon-seek-next {
    background-position: -32px -160px
}

.ui-icon-seek-prev {
    background-position: -48px -160px
}

.ui-icon-seek-end {
    background-position: -64px -160px
}

.ui-icon-seek-first, .ui-icon-seek-start {
    background-position: -80px -160px
}

.ui-icon-stop {
    background-position: -96px -160px
}

.ui-icon-eject {
    background-position: -112px -160px
}

.ui-icon-volume-off {
    background-position: -128px -160px
}

.ui-icon-volume-on {
    background-position: -144px -160px
}

.ui-icon-power {
    background-position: 0 -176px
}

.ui-icon-signal-diag {
    background-position: -16px -176px
}

.ui-icon-signal {
    background-position: -32px -176px
}

.ui-icon-battery-0 {
    background-position: -48px -176px
}

.ui-icon-battery-1 {
    background-position: -64px -176px
}

.ui-icon-battery-2 {
    background-position: -80px -176px
}

.ui-icon-battery-3 {
    background-position: -96px -176px
}

.ui-icon-circle-plus {
    background-position: 0 -192px
}

.ui-icon-circle-minus {
    background-position: -16px -192px
}

.ui-icon-circle-close {
    background-position: -32px -192px
}

.ui-icon-circle-triangle-e {
    background-position: -48px -192px
}

.ui-icon-circle-triangle-s {
    background-position: -64px -192px
}

.ui-icon-circle-triangle-w {
    background-position: -80px -192px
}

.ui-icon-circle-triangle-n {
    background-position: -96px -192px
}

.ui-icon-circle-arrow-e {
    background-position: -112px -192px
}

.ui-icon-circle-arrow-s {
    background-position: -128px -192px
}

.ui-icon-circle-arrow-w {
    background-position: -144px -192px
}

.ui-icon-circle-arrow-n {
    background-position: -160px -192px
}

.ui-icon-circle-zoomin {
    background-position: -176px -192px
}

.ui-icon-circle-zoomout {
    background-position: -192px -192px
}

.ui-icon-circle-check {
    background-position: -208px -192px
}

.ui-icon-circlesmall-plus {
    background-position: 0 -208px
}

.ui-icon-circlesmall-minus {
    background-position: -16px -208px
}

.ui-icon-circlesmall-close {
    background-position: -32px -208px
}

.ui-icon-squaresmall-plus {
    background-position: -48px -208px
}

.ui-icon-squaresmall-minus {
    background-position: -64px -208px
}

.ui-icon-squaresmall-close {
    background-position: -80px -208px
}

.ui-icon-grip-dotted-vertical {
    background-position: 0 -224px
}

.ui-icon-grip-dotted-horizontal {
    background-position: -16px -224px
}

.ui-icon-grip-solid-vertical {
    background-position: -32px -224px
}

.ui-icon-grip-solid-horizontal {
    background-position: -48px -224px
}

.ui-icon-gripsmall-diagonal-se {
    background-position: -64px -224px
}

.ui-icon-grip-diagonal-se {
    background-position: -80px -224px
}

.ui-corner-all, .ui-corner-left, .ui-corner-tl, .ui-corner-top {
    border-top-left-radius: 3px
}

.ui-corner-all, .ui-corner-right, .ui-corner-top, .ui-corner-tr {
    border-top-right-radius: 3px
}

.ui-corner-all, .ui-corner-bl, .ui-corner-bottom, .ui-corner-left {
    border-bottom-left-radius: 3px
}

.ui-corner-all, .ui-corner-bottom, .ui-corner-br, .ui-corner-right {
    border-bottom-right-radius: 3px
}

.ui-widget-overlay {
    background: #aaa;
    opacity: .3;
    filter: Alpha(Opacity=30)
}

.ui-widget-shadow {
    -webkit-box-shadow: 0 0 5px #666;
    box-shadow: 0 0 5px #666
}

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

input::-webkit-clear-button, input::-webkit-inner-spin-button, input::-webkit-outer-spin-button {
    -webkit-appearance: none
}

input {
    -webkit-box-shadow: none;
    box-shadow: none
}

a {
    text-decoration: none;
    color: #0432da;
    -webkit-transition: color .3s;
    transition: color .3s
}

a:hover {
    color: #0e2a91
}

* {
    -webkit-tap-highlight-color: transparent
}

::-webkit-input-placeholder {
    font-family: Open Sans;
    letter-spacing: .0125rem;
    font-size: 11px
}

::-moz-placeholder {
    font-family: Open Sans;
    letter-spacing: .0125rem;
    font-size: 11px
}

:-ms-input-placeholder {
    font-family: Open Sans;
    letter-spacing: .0125rem;
    font-size: 11px
}

::placeholder {
    font-family: Open Sans;
    letter-spacing: .0125rem;
    font-size: 11px
}

textarea {
    line-height: 1.5
}

ul li>a {
    display: inline-block;
    width: 100%
}

html {
    font-size: 16px
}

body {
    background-color: #47484b;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-font-smoothing: antialiased;
    -moz-font-smoothing: antialiased;
    -ms-font-smoothing: antialiased;
    -o-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
    min-width: 320px
}

body ::selection {
    background-color: #4564d6;
    color: #fff
}

body ::-moz-selection {
    background-color: #4564d6;
    color: #fff
}

body {
    font-family: Open Sans;
    position: relative
}

.out, body, html {
    width: 100%;
    height: 100%
}

.out.modal-opened, body.modal-opened, html.modal-opened {
    overflow: hidden
}

.out {
    position: relative
}

.page__wrapper {
    background-color: #fff;
    max-width: 100%;
    width: 100%;
    *zoom: 1
}

.page__wrapper:after {
    content: " ";
    display: table;
    clear: both
}

.page__outer {
    width: 100%;
    display: block;
    overflow: hidden
}

.page__header {
    height: 5.3125rem;
    max-width: 100%;
    min-width: 20rem;
    display: table;
    width: 100%;
    position: fixed;
    top: 0;
    left: 0;
    display: block;
    -webkit-transition: visibility .25s cubic-bezier(.8, .23, .29, 1.06), -webkit-transform .25s cubic-bezier(.8, .23, .29, 1.06);
    transition: visibility .25s cubic-bezier(.8, .23, .29, 1.06), -webkit-transform .25s cubic-bezier(.8, .23, .29, 1.06);
    transition: transform .25s cubic-bezier(.8, .23, .29, 1.06), visibility .25s cubic-bezier(.8, .23, .29, 1.06);
    transition: transform .25s cubic-bezier(.8, .23, .29, 1.06), visibility .25s cubic-bezier(.8, .23, .29, 1.06), -webkit-transform .25s cubic-bezier(.8, .23, .29, 1.06);
    will-change: transform;
    z-index: 7;
    *zoom: 1
}

.page__header.is-hidden .header_logo_wrap {
    visibility: visible;
    -webkit-box-shadow: 2px 0 20px -3px rgba(0, 0, 0, .17);
    box-shadow: 2px 0 20px -3px rgba(0, 0, 0, .17)
}

.page__header.is-hidden .header_content {
    -webkit-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    transform: translateY(-100%)
}

.page__header:after {
    content: " ";
    display: table;
    clear: both
}

.page__wrapper-inner {
    padding-top: 5.25rem
}

.page__menu {
    position: fixed;
    height: 100%;
    padding-bottom: 5.3125rem;
    width: 17.1875rem;
    z-index: 3;
    background: #fff
}

.page__menu--inner {
    position: relative;
    height: 100%;
    -webkit-box-shadow: 2px 3.464px 19px 0 rgba(0, 0, 0, .17);
    box-shadow: 2px 3.464px 19px 0 rgba(0, 0, 0, .17);
    z-index: 7
}

.page__content {
    padding-left: 17.1875rem;
    position: relative;
    display: inline-block;
    width: 100%
}

.page__content-mainwrap {
    min-height: 52.1vh
}

.page__accii {
    position: absolute;
    top: -5.25rem;
    right: -16.875rem;
    width: 16.875rem;
    height: 100%
}

.page__accii .accii-item {
    display: inline-block;
    width: 100%;
    vertical-align: top;
    height: 22.8125rem;
    background-size: 100%;
    background-position: 50%;
    background-repeat: no-repeat
}

.u-text {
    font-size: .8125rem;
    color: #2e2e2e;
    font-weight: 400
}

.u-text.lt {
    letter-spacing: .025rem
}

.u-text.bold {
    font-weight: 700
}

.u-text.bigger {
    font-size: .875rem
}

.u-bold {
    font-size: .6875rem;
    font-weight: 700;
    color: #2e2e2e;
    letter-spacing: .00625rem
}

.u-black {
    font-weight: 700;
    letter-spacing: .025rem;
    line-height: 1.75
}

.u-black, .u-title {
    font-size: .875rem;
    color: #000
}

.u-title {
    font-weight: 600
}

.u-graytext {
    font-size: .6875rem;
    color: #898d9a;
    line-height: 1.8
}

.u-graytext.tl {
    color: #2e2e2e
}

.u-graytext.old {
    text-decoration: line-through
}

.u-title-small {
    font-size: .6875rem;
    font-weight: 700;
    line-height: 1.6;
    -webkit-transition: color .3s;
    transition: color .3s;
    letter-spacing: .025rem
}

.u-title-small.tb {
    color: #000
}

.u-title-small.tl {
    color: #2e2e2e
}

.u-intro {
    font-family: intro;
    color: #353535;
    line-height: 1.5;
    font-weight: 400;
    letter-spacing: .05rem
}

.u-intro.h1 {
    font-size: 1.25rem;
    letter-spacing: .1rem
}

.u-intro.h1, .u-intro.h2 {
    text-transform: uppercase
}

.u-intro.h2 {
    font-size: 1rem
}

.u-intro.h3 {
    text-transform: uppercase;
    letter-spacing: .0625rem
}

.u-intro.h3, .u-intro.h4 {
    font-size: .875rem
}

.u-intro.extrabig {
    text-transform: uppercase;
    font-size: 4rem;
    line-height: 1.1;
    color: #0432da;
    letter-spacing: .1875rem
}

.u-intro.result:before {
    display: inline-block;
    content: "";
    width: 1.25rem;
    height: 1.25rem;
    margin-right: .3125rem;
    margin-bottom: -.1875rem;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: bottom
}

.u-intro.error {
    color: #d40303
}

.u-intro.error:before {
    background-image: url(/bitrix/templates/main_contacts/css/../img/icons/error.svg);
    width: 1.0625rem;
    height: 1.0625rem
}

.u-intro.succes {
    color: #0ab768
}

.u-intro.succes:before {
    background-image: url(/bitrix/templates/main_contacts/css/../img/icons/success_green.svg)
}

.t-blue {
    background-color: #0432da
}

.t-blue, .t-blue a {
    color: #fff
}

.mailto {
    color: #0432da
}

.col-50 {
    display: inline-block;
    width: 50%;
    vertical-align: top;
    *zoom: 1
}

.col-50:after {
    content: " ";
    display: table;
    clear: both
}

.menu-list {
    list-style: none;
    letter-spacing: .01875rem
}

.menu-list .menu-item {
    display: block
}

.menu-list .menu-item a {
    width: 100%;
    display: inline-block;
    font-weight: 400
}

.contact-block .u-graytext {
    display: block;
    margin-bottom: 1rem;
    min-height: 1.1875rem
}

.contact-block a {
    display: block;
    font-size: .8125rem;
    margin-bottom: .8125rem
}

.contact-block a:last-child {
    margin-bottom: 1.25rem
}

.contact-block+.btn {
    display: inline-block;
    float: left;
    -webkit-transform: scale(.85);
    -ms-transform: scale(.85);
    transform: scale(.85);
    -webkit-transform-origin: 50% 180%;
    -ms-transform-origin: 50% 180%;
    transform-origin: 50% 180%;
    letter-spacing: .05rem;
    margin-left: -.6875rem;
    font-weight: 300;
    margin-bottom: .9375rem
}

@-webkit-keyframes a {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
    40% {
        -webkit-transform: translateY(15%);
        transform: translateY(15%)
    }
    to {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes a {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
    40% {
        -webkit-transform: translateY(15%);
        transform: translateY(15%)
    }
    to {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

.c-menu-block {
    padding-left: 1.5625rem;
    padding-right: 1.5625rem
}

.c-menu-block.main {
    padding-top: 1.5625rem;
    padding-bottom: 1.625rem;
    font-size: .875rem;
    max-height: 21.875rem;
    overflow-y: auto
}

.c-menu-block.main+.c-menu-block.add {
    position: relative
}

.c-menu-block.main+.c-menu-block.add:before {
    content: "";
    display: inline-block;
    width: 1.0625rem;
    height: 1.0625rem;
    position: absolute;
    top: -1.875rem;
    right: 1.25rem;
    background-repeat: no-repeat;
    background-position: 50%;
    -webkit-transition: opacity .3s;
    transition: opacity .3s;
    opacity: .5;
    z-index: 2;
    background-size: contain;
    background-image: url(/bitrix/templates/main_contacts/css/../img/icons/arr-down.svg);
    -webkit-animation: a 1.2s infinite;
    animation: a 1.2s infinite
}

.c-menu-block.main::-webkit-scrollbar {
    background-color: #0432da;
    width: .3125rem
}

.c-menu-block.main::-webkit-scrollbar-thumb {
    background-color: #fff;
    border-radius: 0
}

.c-menu-block.main .menu-item {
    margin-left: -1.5625rem;
    margin-right: -1.5625rem;
    padding-left: 1.5625rem;
    padding-right: 1.5625rem;
    -webkit-transition: background .3s;
    transition: background .3s
}

.c-menu-block.main .menu-item a {
    padding: .875rem 0 .9375rem;
    color: #fff;
    font-weight: 600
}

.c-menu-block.main .menu-item.active, .c-menu-block.main .menu-item.current, .c-menu-block.main .menu-item:hover {
    background: #0e2a91
}

.c-menu-block.add {
    padding-top: 2.0625rem
}

.c-menu-block.add.arr-h:before {
    opacity: 0!important
}

.c-menu-block.add .menu-list {
    margin-top: 1rem;
    font-size: .8125rem;
    max-height: 20rem;
    overflow-y: auto
}

.c-menu-block.add .menu-item.active a {
    color: #0e2a91;
    font-weight: 600
}

.c-menu-block.add .menu-item a {
    padding: .625rem 0 .375rem;
    color: #2e2e2e
}

.c-menu-block.add .menu-item:hover a {
    color: #0e2a91
}

.c-menu-block.menu-footer {
    width: 20rem;
    position: absolute;
    height: 2.8125rem;
    bottom: 0;
    left: 0;
    z-index: 7
}

.c-menu-block.menu-footer .calc {
    font-size: .8125rem
}

.c-menu-block.menu-footer:hover p:not(.mailto) {
    color: #2e2e2e
}

.o-menu-search .search__wrapper {
    height: 2.375rem;
    border-radius: 1.1875rem;
    border: 1px solid #d9d8dd;
    position: relative;
    -webkit-transition: border-color .15s;
    transition: border-color .15s
}

.o-menu-search .search__wrapper:hover {
    border-color: #0e2a91
}

.o-menu-search .search__wrapper.in-focus {
    border-color: #052a45
}

.o-menu-search .search__wrapper .search__input {
    border-radius: 1.07813rem;
    width: 100%;
    height: 100%;
    padding-left: .9375rem;
    padding-right: 2.1875rem;
    display: inline-block;
    background: #f6f6f6
}

.o-menu-search .search__wrapper .search__input::-webkit-input-placeholder {
    letter-spacing: .025rem
}

.o-menu-search .search__wrapper .search__input::-moz-placeholder {
    letter-spacing: .025rem
}

.o-menu-search .search__wrapper .search__input:-ms-input-placeholder {
    letter-spacing: .025rem
}

.o-menu-search .search__wrapper .search__input::placeholder {
    letter-spacing: .025rem
}

.o-menu-search .search__wrapper .search__btn {
    display: inline-block;
    position: absolute;
    height: 2.375rem;
    width: 2.8125rem;
    background: 0 0;
    top: 0;
    right: 0
}

.o-menu-search .search__wrapper .search__btn .search-icon {
    display: inline-block;
    height: 100%;
    width: 100%;
    text-align: center;
    font-size: 0
}

.o-menu-search .search__wrapper .search__btn .search-icon:before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    width: 0;
    height: 100%
}

.o-menu-search .search__wrapper .search__btn .search-icon .search-i {
    -webkit-transition: fill .3s cubic-bezier(.8, .23, .29, 1.06);
    transition: fill .3s cubic-bezier(.8, .23, .29, 1.06)
}

.o-menu-search .search__wrapper .search__btn .search-icon svg {
    display: inline-block;
    height: 1.0625rem;
    width: 1.0625rem;
    vertical-align: middle
}

.o-menu-search .search__wrapper .search__btn:hover .search-i {
    fill: #0327ab;
    fill: #033b64
}

.dropdown-trigger {
    position: relative
}

.dropdown-target.active, .dropdown-trigger:hover .dropdown-target, .js-select-custom.active .dropdown-target, .js-select-item.active .dropdown-target, .js-select-trigger.active .dropdown-target {
    -webkit-transition-delay: .1s;
    transition-delay: .1s;
    max-height: 62.5rem;
    padding-bottom: 1.0625rem
}

.dropdown-target {
    position: absolute;
    overflow: hidden;
    z-index: 2;
    padding-left: 1.0625rem;
    padding-right: 1.0625rem;
    margin-right: -1.0625rem;
    max-height: 0;
    padding-top: 0;
    -webkit-transition-property: max-height, padding;
    transition-property: max-height, padding;
    -webkit-transition-timing-function: cubic-bezier(.8, .23, .29, 1.06);
    transition-timing-function: cubic-bezier(.8, .23, .29, 1.06);
    -webkit-transition-duration: .28s;
    transition-duration: .28s;
    will-change: max-height, padding;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    *zoom: 1
}

.dropdown-target:after {
    content: " ";
    display: table;
    clear: both
}

.dropdown-target .dropdown-inner {
    margin-top: .625rem;
    margin-bottom: .125rem;
    float: right;
    background: #fff;
    -webkit-box-shadow: 2px 3.464px 18px 0 rgba(0, 0, 0, .17);
    box-shadow: 2px 3.464px 18px 0 rgba(0, 0, 0, .17)
}

.dropdown-target .dropdown-inner .dropdown-footer {
    border-top: 1px solid #e2e7ea;
    padding-top: .9375rem
}

.dropdown-target .dropdown-inner .dropdown-footer .btn {
    min-width: 0;
    padding-left: .75rem;
    padding-right: .75rem;
    font-size: .6875rem;
    letter-spacing: .0625rem
}

.dropdown-target .dropdown-inner .dropdown-footer .small-link {
    vertical-align: sub;
    margin-left: .3125rem;
    opacity: .6
}

.btn-account, .btn-cart {
    position: relative;
    display: inline-block
}

.btn {
    padding-top: .625rem;
    padding-bottom: .625rem;
    line-height: 1;
    border-radius: .1875rem;
    text-align: center;
    display: inline-block;
    min-width: 9.375rem;
    -webkit-transition: background .2s cubic-bezier(.8, .23, .29, 1.06);
    transition: background .2s cubic-bezier(.8, .23, .29, 1.06)
}

.btn.btn-standart {
    padding-left: .75rem;
    padding-right: .75rem;
    font-size: .8125rem;
    line-height: 1.06
}

.btn.btn-small {
    font-size: .6875rem;
    padding-top: .5rem;
    padding-bottom: .5rem
}

.btn.t-blue {
    font-weight: 300;
    letter-spacing: .05rem
}

.btn.t-gray {
    background-color: #ddd;
    color: #000
}

.btn.t-gray:active {
    background-color: #aaa
}

.btn.t-blue:hover, .btn.t-trans:hover {
    background: #0e2a91;
    color: #fff
}

.btn.t-blue:active, .btn.t-trans:active {
    background: #052a45;
    color: #fff
}

.btn.t-trans {
    color: #353535;
    border: 1px solid #000;
    background: #fff
}

.btn.t-trans:hover {
    border-color: #0e2a91
}

.btn.t-trans:active {
    border-color: #052a45
}

.btn.t-trans.category {
    background: #0432da;
    border-color: #0432da;
    color: #fff;
    opacity: .7;
    min-width: 0;
    padding: .375rem .625rem;
    margin: .375rem .375rem 0 0;
    font-size: .6875rem
}

.btn.btn-extrasmall {
    min-width: 6.25rem
}

.cart-body-outer {
    max-height: 21.4375rem;
    overflow-y: auto
}

.cart-body-outer, .cart-body-total {
    margin-left: -1.625rem;
    margin-right: -1.625rem
}

.cart-body-total {
    border-top: 1px solid #e2e7ea;
    border-bottom: 1px solid #e2e7ea;
    text-align: justify;
    line-height: 0;
    font-size: 0;
    text-justify: newspaper;
    zoom: 1;
    -moz-text-align-last: justify;
    text-align-last: justify;
    padding: 1rem 2.125rem .875rem .9375rem
}

.cart-body-total:after {
    content: "";
    display: inline-block;
    width: 100%;
    height: 0;
    visibility: hidden;
    overflow: hidden
}

.cart-body-total .u-graytext, .cart-body-total .u-title-small {
    display: inline-block
}

.cart-body-total .u-title-small {
    font-size: .8125rem
}

.cart-body-btn-wrap {
    text-align: center
}

.cart-body-btn-wrap .btn {
    margin-top: 1.25rem
}

.cart-elem {
    display: inline-block;
    font-size: 0;
    width: 100%;
    padding: 1.0625rem .9375rem 1.0625rem 1.0625rem;
    position: relative
}

.cart-elem:hover .cart-elem-descr>.u-title-small {
    color: #0e2a91
}

.cart-elem:not(:first-child) {
    border-top: 1px solid #e2e7ea
}

.cart-elem-img {
    display: inline-block;
    height: 4.375rem;
    width: 4.375rem
}

.cart-elem-img img {
    display: block;
    max-width: 100%;
    margin: 0 auto
}

.cart-elem-descr {
    vertical-align: top;
    display: inline-block;
    padding-left: .9375rem;
    margin-top: -.25rem;
    width: 86%;
    max-width: 13.75rem
}

.cart-elem-descr .elem-val {
    display: inline-block;
    padding-left: .25rem
}

.cart-elem-descr>.u-title-small {
    padding-bottom: .3125rem
}

.cart-elem-descr .u-graytext {
    padding-bottom: .0625rem;
    letter-spacing: .025rem
}

.cart-elem-footer {
    width: 100%;
    text-align: justify;
    line-height: 0;
    font-size: 0;
    text-justify: newspaper;
    zoom: 1;
    -moz-text-align-last: justify;
    text-align-last: justify;
    margin-top: .3125rem
}

.cart-elem-footer:after {
    content: "";
    display: inline-block;
    width: 100%;
    height: 0;
    visibility: hidden;
    overflow: hidden
}

.cart-elem-footer .u-graytext, .cart-elem-footer .u-title-small {
    display: inline-block;
    vertical-align: top;
    letter-spacing: .025rem
}

.cart-elem-footer .u-title-small {
    display: inline-block;
    margin-right: -.5rem
}

.cart-elem-del {
    position: absolute;
    height: 1.5625rem;
    width: 1.5625rem;
    top: 1.0625rem;
    right: .9375rem;
    cursor: pointer
}

.cart-elem-del:hover span:before {
    opacity: 0
}

.cart-elem-del:hover span:after {
    opacity: 1
}

.cart-elem-del span {
    display: inline-block;
    position: relative;
    width: 100%;
    height: 100%
}

.cart-elem-del span:after, .cart-elem-del span:before {
    position: absolute;
    content: "";
    width: .625rem;
    height: .625rem;
    right: 0;
    top: 0;
    background-position: 50%!important;
    background-repeat: no-repeat!important
}

.cart-elem-del span:before {
    background: url(/bitrix/templates/main_contacts/css/../img/icons/close_popup.svg);
    opacity: 1
}

.cart-elem-del span:after {
    background: url(/bitrix/templates/main_contacts/css/../img/icons/close_popup_hover.svg);
    opacity: 0
}

.menu-dropdown-wrapper {
    border-top: 2px solid #f4f4f4;
    position: fixed;
    height: 100%;
    left: 17.1875rem;
    background: #fff;
    width: 0;
    -webkit-transition: width .35s cubic-bezier(.8, .23, .29, 1.06);
    transition: width .35s cubic-bezier(.8, .23, .29, 1.06);
    top: 0;
    will-change: width;
    z-index: 6;
    -webkit-box-shadow: 6px 5.464px 18px 0 rgba(0, 0, 0, .1);
    box-shadow: 6px 5.464px 18px 0 rgba(0, 0, 0, .1);
    overflow: hidden
}

.menu-dropdown-wrapper.is-shown {
    width: 19.375rem
}

.menu-dropdown-cont {
    height: 100%;
    padding: 5.25rem 2.1875rem 0 2.3125rem;
    background: #fff;
    overflow: hidden;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    opacity: 0;
    -webkit-transition-duration: .25s;
    transition-duration: .25s
}

.menu-dropdown-cont.is-current {
    z-index: 2;
    opacity: 1;
    -webkit-transition-delay: .15s;
    transition-delay: .15s
}

.menu-dropdown-list {
    width: 14.875rem;
    padding-top: 1.875rem;
    letter-spacing: .01875rem;
    max-height: 33.4375rem;
    overflow-y: auto
}

.menu-dropdown-item {
    font-size: .875rem;
    color: #0432da;
    line-height: 1.429;
    font-weight: 600
}

.menu-dropdown-item a {
    padding: .75rem 0 .71875rem
}

.menu-dropdown-inner {
    height: 100%;
    position: relative
}

.menu-dropdown-inner .c-menu-block.menu-footer {
    padding-left: 2.3125rem
}

.header_logo_wrap {
    display: table-cell;
    vertical-align: top;
    font-size: 0;
    visibility: visible!important;
    background: #fff
}

.header_logo-inner {
    padding-top: 1.625rem;
    padding-bottom: 1.6875rem;
    padding-left: 1.5625rem;
    width: 17.1875rem;
    display: inline-block
}

.header_logo-img, .header_logo-text {
    vertical-align: top
}

.header_logo-img {
    display: inline-block;
    width: 4.6875rem;
    height: 1.9375rem;
    margin-left: -.4375rem;
    margin-top: .0625rem
}

.header_logo-text {
    display: inline-block;
    font-size: .9375rem;
    height: 1.625rem;
    margin-bottom: .1875rem;
    margin-left: .25rem;
    line-height: 1.1;
    text-transform: uppercase;
    color: #000;
    font-family: intro;
    vertical-align: bottom
}

.callback-btn {
    display: inline-block;
    width: 25px;
    cursor: pointer;
    -webkit-animation: b 3s infinite ease-in-out;
    animation: b 3s infinite ease-in-out
}

@-webkit-keyframes b {
    0% {
        -webkit-transform: translate(0);
        transform: translate(0)
    }
    10% {
        -webkit-transform: translateY(-5px);
        transform: translateY(-5px)
    }
    20% {
        -webkit-transform: translate(0);
        transform: translate(0)
    }
    to {
        -webkit-transform: translate(0);
        transform: translate(0)
    }
}

@keyframes b {
    0% {
        -webkit-transform: translate(0);
        transform: translate(0)
    }
    10% {
        -webkit-transform: translateY(-5px);
        transform: translateY(-5px)
    }
    20% {
        -webkit-transform: translate(0);
        transform: translate(0)
    }
    to {
        -webkit-transform: translate(0);
        transform: translate(0)
    }
}

.header_content {
    display: table-cell;
    vertical-align: top;
    width: 100%;
    padding: 1.5625rem 1.5625rem 1.0625rem;
    background: #fff;
    -webkit-transition: visibility .25s, -webkit-transform .25s;
    transition: visibility .25s, -webkit-transform .25s;
    transition: transform .25s, visibility .25s;
    transition: transform .25s, visibility .25s, -webkit-transform .25s;
    -webkit-transition-duration: cubic-bezier(.8, .23, .29, 1.06);
    transition-duration: cubic-bezier(.8, .23, .29, 1.06);
    will-change: transform
}

.pricetel-wrap {
    padding-left: 2rem
}

.price-btn, .pricetel-wrap {
    display: inline-block
}

.price-btn:hover .price-icon .st1, .price-btn:hover .price-icon .st2 {
    -webkit-transform: translateY(1px);
    -ms-transform: translateY(1px);
    transform: translateY(1px)
}

.price-btn .price-icon {
    display: inline-block;
    float: left;
    width: 1.875rem;
    height: 1.75rem;
    margin-right: .625rem;
    margin-top: .375rem
}

.price-btn .price-icon .st1, .price-btn .price-icon .st2 {
    -webkit-transform: translateY(-1px);
    -ms-transform: translateY(-1px);
    transform: translateY(-1px);
    -webkit-transition: -webkit-transform .3s;
    transition: -webkit-transform .3s;
    transition: transform .3s;
    transition: transform .3s, -webkit-transform .3s
}

.price-btn .price-text {
    display: inline-block;
    float: right;
    letter-spacing: .01875rem;
    line-height: 1.1
}

.telephone-block {
    display: inline-block;
    padding-left: 3.875rem;
    vertical-align: top;
    cursor: pointer
}

.telephone-block.centered {
    margin-top: -.3125rem
}

.telephone-block:hover .telephone-main {
    color: #0e2a91;
    -webkit-border-image: url(/bitrix/templates/main_contacts/css/../img/hide.svg) 0 0 100 repeat stretch;
    border-image: url(/bitrix/templates/main_contacts/css/../img/hide.svg) 0 0 100 repeat stretch;
    border-color: transparent
}

.telephone-block:hover .telephone-main:before {
    opacity: 0
}

.telephone-block:hover .telephone-main:after {
    opacity: 1
}

.telephone-block .telephone-main {
    font-size: 1.125rem;
    letter-spacing: .025rem;
    display: inline-block;
    color: #2e2e2e;
    line-height: 1.35;
    font-weight: 600;
    border-bottom: solid;
    border-width: 1px;
    -webkit-border-image: url(/bitrix/templates/main_contacts/css/../img/bdot.svg) 0 0 100 repeat stretch;
    border-image: url(/bitrix/templates/main_contacts/css/../img/bdot.svg) 0 0 100 repeat stretch;
    -webkit-transition: color .3s;
    transition: color .3s;
    position: relative
}

.telephone-block .telephone-main:after, .telephone-block .telephone-main:before {
    position: absolute;
    content: "";
    width: 1.125rem;
    height: 1.125rem;
    right: -1.75rem;
    top: 50%;
    -webkit-transform: translateY(-45%);
    -ms-transform: translateY(-45%);
    transform: translateY(-45%);
    background-position: 50%!important;
    background-repeat: no-repeat!important;
    tansition: opacity .3s!important
}

.telephone-block .telephone-main:before {
    background: url(/bitrix/templates/main_contacts/css/../img/crop.svg);
    opacity: 1
}

.telephone-block .telephone-main:after {
    background: url(/bitrix/templates/main_contacts/css/../img/croph.svg);
    opacity: 0
}

.telephone-block .dropdown-target {
    margin-left: -2.3125rem
}

.telephone-block .dropdown-inner {
    padding: 1.4375rem 1.5625rem .75rem
}

.telephone-block .dropdown-content {
    width: 19.375rem;
    font-size: 0
}

.cart_wrap {
    float: right;
    display: table
}

.cart_wrap-account, .cart_wrap-cart {
    display: table-cell;
    position: relative
}

.cart_wrap-cart {
    border: 2px solid #0432da;
    -webkit-transition: border-color .3s;
    transition: border-color .3s;
    border-radius: .1875rem;
    height: 2.5rem;
    margin-top: -.0625rem;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.cart_wrap-cart.active {
    border-color: #0e2a91
}

.cart_wrap-cart.active .cart-counter {
    border-left-color: #0e2a91
}

.cart_wrap-cart:not(.not-empty) .dropdown-target:nth-of-type(2) {
    display: none
}

.cart_wrap-cart .dropdown-target {
    right: 0;
    margin-top: -.375rem
}

.cart_wrap-cart .dropdown-target .btn-standart {
    padding-left: 1.875rem;
    padding-right: 1.875rem
}

.cart_wrap-cart .dropdown-target .dropdown-inner {
    width: 20rem;
    margin-top: 1rem
}

.cart_wrap-cart .dropdown-target .dropdown-inner.not-empty {
    width: 21.875rem
}

.cart_wrap-cart .dropdown-target .dropdown-inner.not-empty .dropdown-content {
    padding-top: .625rem
}

.cart_wrap-cart .dropdown-target .dropdown-inner .dropdown-content {
    padding: 1.625rem
}

.cart_wrap-cart .dropdown-target .dropdown-inner .dropdown-content .u-text {
    padding-bottom: 1.25rem
}

.cart_wrap-cart .cart-counter {
    display: inline-block;
    vertical-align: top;
    border-left: 1px solid #0432da;
    height: 2.5rem;
    -webkit-transition: border-color .3s;
    transition: border-color .3s;
    line-height: 2.125rem;
    text-align: center
}

.cart_wrap-cart .cart-counter .count {
    display: inline-block;
    vertical-align: middle;
    color: #2e2e2e;
    font-size: .75rem;
    width: 1.875rem
}

.cart_wrap-cart .cart-text {
    display: inline-block;
    padding: 0 1.5625rem 0 .625rem;
    line-height: 1
}

.cart_wrap-cart .cart-text .u-text {
    line-height: 1.55
}

.cart_wrap-cart .cart-text .u-graytext {
    vertical-align: top;
    line-height: .9;
    display: inline-block
}

.cart_wrap-cart .cart-icon {
    display: inline-block;
    height: 2.1875rem;
    vertical-align: top;
    width: 2.1875rem;
    line-height: 2.125rem;
    padding-left: .625rem;
    text-align: center
}

.cart_wrap-cart .cart-icon svg {
    display: inline-block;
    vertical-align: middle;
    width: 1.4375rem
}

.cart_wrap-cart .cart-icon .cart-i {
    fill: #0432da
}

.cart_wrap-modaltrigger {
    display: none;
    vertical-align: middle
}

.cart_wrap-modaltrigger .menu-hamburger {
    display: inline-block;
    width: 2rem;
    height: 1.75rem;
    background: #fff;
    position: relative;
    vertical-align: sub
}

.cart_wrap-modaltrigger .menu-hamburger .hamburger-i {
    display: inline-block;
    background: url(/bitrix/templates/main_contacts/css/../img/menu.svg);
    width: 2rem;
    height: 1.75rem
}

.cart_wrap-account {
    vertical-align: middle
}

.cart_wrap-account.dropdown-trigger .btn-account .account-icon:before {
    opacity: 0
}

.cart_wrap-account.dropdown-trigger .btn-account .account-icon:after {
    opacity: 1
}

.cart_wrap-account.dropdown-trigger a>.u-text {
    color: #0e2a91;
    font-weight: 600
}

.cart_wrap-account .btn-account {
    display: inline-block;
    vertical-align: middle;
    padding-right: 2.1875rem
}

.cart_wrap-account .btn-account .account-icon {
    display: inline-block;
    width: 1.125rem;
    height: 1.125rem;
    margin-top: .0625rem;
    position: relative
}

.cart_wrap-account .btn-account .account-icon:after, .cart_wrap-account .btn-account .account-icon:before {
    position: absolute;
    content: "";
    width: 1.125rem;
    height: 1.125rem;
    background-size: 1.125rem 1.125rem;
    left: 0;
    top: 0;
    background-position: 50%!important;
    background-repeat: no-repeat!important
}

.cart_wrap-account .btn-account .account-icon:before {
    background: url(/bitrix/templates/main_contacts/css/../img/personal_account.svg);
    opacity: 1
}

.cart_wrap-account .btn-account .account-icon:after {
    background: url(/bitrix/templates/main_contacts/css/../img/personal_accounth.svg);
    opacity: 0
}

.cart_wrap-account .btn-account .u-text {
    padding-left: .875rem;
    display: inline-block;
    vertical-align: top
}

.cart_wrap-account .dropdown-target {
    margin-left: -1.875rem
}

.cart_wrap-account .dropdown-content {
    width: 9.5rem
}

.cart_wrap-account .dropdown-list {
    padding-left: 1.1875rem;
    padding-right: 1.1875rem;
    padding-bottom: .625rem;
    margin-top: .3125rem
}

.cart_wrap-account .dropdown-list-item:hover a {
    color: #0e2a91
}

.cart_wrap-account .dropdown-list-item a {
    padding: .75rem 0 .375rem
}

.header_mobile-menu {
    letter-spacing: .01875rem;
    line-height: 1;
    font-weight: 600;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    display: none
}

.header_mobile-menu .arrow-icon {
    display: inline-block;
    background: url(/bitrix/templates/main_contacts/css/../img/icons/warrow.svg) no-repeat 50%;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg)
}

.header_mobile-menu .mobile-title, .header_mobile-menu .mobile_l1-item {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
    display: block
}

.header_mobile-menu .mobile-title {
    padding-top: .9375rem;
    padding-bottom: .9375rem;
    font-size: 1.5rem;
    cursor: pointer
}

.header_mobile-menu .mobile-title .arrow-icon {
    display: inline-block;
    float: right;
    height: 1.5625rem;
    width: .875rem
}

.header_mobile-menu .mobile-title.active .arrow-icon {
    -webkit-transform: scaleY(-1) rotate(90deg);
    -ms-transform: scaleY(-1) rotate(90deg);
    transform: scaleY(-1) rotate(90deg)
}

.header_mobile-menu .mobile-title.active+.mobile_l1 {
    padding-bottom: 1.5625rem;
    max-height: 31.25rem
}

.header_mobile-menu .mobile_l1 {
    max-height: 0;
    overflow-x: hidden;
    overflow-y: auto;
    -webkit-transition: max-height .3s, padding .3s;
    transition: max-height .3s, padding .3s;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    will-change: max-height, padding
}

.header_mobile-menu .mobile_l1 .arrow-icon {
    display: inline-block;
    margin-left: .9375rem;
    height: 1.1875rem;
    width: .6875rem;
    vertical-align: bottom
}

.header_mobile-menu .mobile_l1-item {
    font-size: 1.25rem;
    -webkit-transition: background .3s;
    transition: background .3s
}

.header_mobile-menu .mobile_l1-item.empty .arrow-icon {
    display: none
}

.header_mobile-menu .mobile_l1-item>a {
    padding-top: .9375rem;
    padding-bottom: .9375rem
}

.header_mobile-menu .mobile_l1-item.active {
    background: #0e2a91
}

.header_mobile-menu .mobile_l1-item.active .mobile_l2 {
    max-height: 500px;
    padding-bottom: 1.5625rem
}

.header_mobile-menu .mobile_l1-item.active .arrow-icon {
    -webkit-transform: scaleY(-1) rotate(90deg);
    -ms-transform: scaleY(-1) rotate(90deg);
    transform: scaleY(-1) rotate(90deg)
}

.header_mobile-menu .mobile_l2 {
    max-height: 0;
    overflow: hidden;
    -webkit-transition-property: max-height, padding;
    transition-property: max-height, padding;
    -webkit-transition-duration: .3s, .3s;
    transition-duration: .3s, .3s;
    padding-left: 1.875rem;
    padding-right: 1.875rem
}

.header_mobile-menu .mobile_l2-item {
    font-size: 1.125rem
}

.header_mobile-menu .mobile_l2-item>a {
    padding-top: .5625rem;
    padding-bottom: .5625rem
}

.header_mobile-menu .calc {
    font-size: 1.0625rem;
    margin-top: 1.25rem
}

.calc {
    font-weight: 400;
    padding-left: 1.5625rem;
    display: inline-block;
    background-position: 0;
    background-repeat: no-repeat
}

.calc.t-w {
    background-image: url(/bitrix/templates/main_contacts/css/../img/calculatorw.svg)
}

.calc.t-b {
    background-image: url(/bitrix/templates/main_contacts/css/../img/calculator.svg)
}

.mobile_l1-item .mobile_l2 .mobile_l2-item:last-of-type {
    padding-bottom: 1.0625rem;
    border-bottom: 1px solid #d9d8dd
}

.header_mobile-contacts {
    position: fixed;
    width: 100%;
    height: 100vh;
    *zoom: 1;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    background: #fff;
    opacity: 0;
    overflow: hidden;
    visibility: hidden;
    -webkit-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    transform: translateY(-100%);
    -webkit-transition: opacity .15s, visibility .2s, -webkit-transform .25s;
    transition: opacity .15s, visibility .2s, -webkit-transform .25s;
    transition: opacity .15s, visibility .2s, transform .25s;
    transition: opacity .15s, visibility .2s, transform .25s, -webkit-transform .25s
}

.header_mobile-contacts:after {
    content: " ";
    display: table;
    clear: both
}

.header_mobile-head {
    padding: .625rem 1.5625rem
}

.header_mobile-head i {
    display: inline-block;
    float: right;
    width: 1.5625rem;
    margin-top: .5rem;
    height: 1.5625rem;
    cursor: pointer;
    position: relative
}

.header_mobile-head i .line {
    height: .25rem;
    width: 1.5625rem;
    position: absolute;
    top: 50%;
    -webkit-transform-origin: 50%;
    -ms-transform-origin: 50%;
    transform-origin: 50%;
    background: #000
}

.header_mobile-head i .line:first-of-type {
    -webkit-transform: translateY(-50%) rotate(45deg);
    -ms-transform: translateY(-50%) rotate(45deg);
    transform: translateY(-50%) rotate(45deg)
}

.header_mobile-head i .line:last-of-type {
    -webkit-transform: translateY(-50%) rotate(-45deg);
    -ms-transform: translateY(-50%) rotate(-45deg);
    transform: translateY(-50%) rotate(-45deg)
}

.header_mobile-body {
    max-height: 100%;
    text-align: center;
    overflow-y: auto
}

.header_mobile-body .search__wrapper {
    max-width: 31.25rem;
    margin: 0 auto
}

.header_mobile-body .c-menu-block.add {
    overflow-y: auto;
    padding-top: .9375rem;
    padding-bottom: 1.5625rem;
    max-height: 50rem
}

.header_mobile-body .c-menu-block.add .menu-list {
    overflow-y: visible;
    max-height: 1000px;
    margin-bottom: 1.25rem
}

.header_mobile-body .c-menu-block.add .menu-item {
    font-size: 1.1875rem
}

.header_mobile-body .c-menu-block.add .menu-item a {
    font-weight: 600
}

.header_mobile-body .c-menu-block.add .btn {
    font-size: 1.0625rem;
    width: 11.875rem;
    height: 2.5rem
}

.header_mobile-body .c-menu-block.add .btn+.contact-block {
    margin-top: 1.25rem
}

.header_mobile-body .c-menu-block.add .contact-block .u-graytext {
    font-size: .9375rem
}

.header_mobile-body .c-menu-block.add .contact-block a {
    font-size: 1.0625rem
}

.footer {
    padding: 2.875rem 3.375rem 2.9375rem;
    margin-top: 3.5625rem;
    border-top: 1px solid #e2e7ea
}

.footer_contacts-wrap {
    font-size: 0;
    *zoom: 1
}

.footer_contacts-wrap:after {
    content: " ";
    display: table;
    clear: both
}

.footer_contacts-block {
    display: inline-block;
    vertical-align: top;
    padding-right: .9375rem
}

.footer_contacts-block:first-of-type {
    width: 30.5%
}

.footer_contacts-block:nth-of-type(2) {
    width: 22.5%
}

.footer_contacts-block:nth-of-type(3) {
    width: 25%
}

.footer_contacts-block:nth-of-type(3)>.contact-block .u-text:not(:first-child) {
    margin-top: .75rem
}

.footer_contacts-block .contact-block .mailto {
    letter-spacing: .01875rem
}

.footer_contacts-block .contact-block:not(:first-of-type) {
    margin-top: 1.125rem
}

.social-wrap .soc-item {
    width: 1.4375rem;
    height: 1.4375rem;
    display: inline-block;
    margin-right: 1.4375rem;
    margin-top: .3125rem
}

.social-wrap+.btn {
    margin-top: 2rem;
    padding-left: .75rem;
    padding-right: .75rem;
    letter-spacing: .05rem;
    min-width: 0
}

.footer-describe-wrap {
    font-size: 0;
    margin-top: 2.1875rem
}

.paynemts-block {
    display: inline-block;
    width: 50%;
    vertical-align: top
}

.paynemts-block .payment-item {
    display: inline-block;
    float: left
}

.paynemts-block .payment-item:not(:last-child) {
    margin-right: 1.625rem
}

.paynemts-block .payment-item img {
    max-width: 3.4375rem;
    height: 1.5625rem;
    display: inline-block
}

.other-block {
    display: inline-block;
    width: 50%;
    vertical-align: top
}

.other-block .other-copyright {
    display: none
}

.other-block .other-button {
    display: inline-block;
    vertical-align: top
}

.btn.totop {
    display: inline-block;
    border-radius: .1875rem;
    padding: .4375rem 1.25rem .5rem;
    background: #fff;
    border: 1px solid #e5e5e5;
    min-width: 0;
    -webkit-transition: color .3s, background .3s;
    transition: color .3s, background .3s;
    margin-left: 1.5625rem
}

.btn.totop:hover {
    background: #f2f2f2
}

.btn.totop:hover span {
    color: #0e2a91
}

.btn.totop:hover .totop-i:before {
    opacity: 0
}

.btn.totop:hover .totop-i:after {
    opacity: 1
}

.btn.totop span {
    color: #0432da;
    display: inline-block;
    font-size: .75rem;
    letter-spacing: .03125rem;
    font-weight: 400
}

.btn.totop .totop-i {
    display: inline-block;
    width: .75rem;
    height: .75rem;
    margin-left: .3125rem;
    position: relative
}

.btn.totop .totop-i:after, .btn.totop .totop-i:before {
    position: absolute;
    content: "";
    width: .75rem;
    height: .75rem;
    left: 0;
    top: 0;
    background-position: bottom!important;
    background-repeat: no-repeat!important
}

.btn.totop .totop-i:before {
    background: url(/bitrix/templates/main_contacts/css/../img/icons/up.svg);
    opacity: 1
}

.btn.totop .totop-i:after {
    background: url(/bitrix/templates/main_contacts/css/../img/icons/uph.svg);
    opacity: 0
}

.other-developer {
    font-size: .8125rem;
    padding-left: 31.5%;
    vertical-align: middle;
    font-weight: 400;
    display: inline-block;
    margin-top: .3125rem
}

.other-developer a {
    padding-left: 2.1875rem;
    background-size: 1.4375rem;
    position: relative;
    white-space: nowrap
}

.other-developer a:before {
    position: absolute;
    content: "";
    display: inline-block;
    background: url(/bitrix/templates/main_contacts/css/../img/logof.svg) no-repeat 0;
    height: 1.4375rem;
    width: 1.4375rem;
    top: -.125rem;
    left: 0
}

.index-slider {
    white-space: nowrap;
    overflow: hidden
}

.index-slider:hover .slick-dots {
    opacity: 1
}

.index-slider-elem, .index-slider .slick-list {
    height: 27.6rem!important
}

.index-slider-elem {
    display: inline-block;
    background-repeat: no-repeat;
    background-position: 100%;
    background-size: cover;
    white-space: normal;
    line-height: 27.5rem;
    border: none!important;
    width: 100%
}

.index-slider-text {
    max-width: 26.875rem;
    margin-left: 3.25rem;
    margin-bottom: 3.125rem;
    display: inline-block;
    vertical-align: bottom
}

.index-slider-text .extrabig {
    margin-bottom: 1.5625rem
}

.index-slider-text .h2 {
    line-height: 1.8
}

.index-slider-text .u-intro {
    font-weight: 400
}

.slick-dots {
    display: inline-block;
    right: 1.25rem;
    bottom: 1.875rem;
    left: auto;
    opacity: 0;
    -webkit-transition: opacity .3s;
    transition: opacity .3s
}

.slick-dots li {
    padding: 0 .3125rem;
    border: none
}

.slick-dots li button {
    border: none;
    -webkit-transition: background .3s;
    transition: background .3s
}

.slick-dots li:not(.slick-active):hover>button {
    background: #0432da
}

.slick-dots li.slick-active button {
    background: #1785ff
}

.features:not(.slick-initialized) {
    overflow: hidden;
    white-space: nowrap
}

.features:not(.slick-initialized) .features_block {
    display: inline-block;
    width: 33%;
    white-space: normal
}

.section-feature {
    position: relative;
    padding-left: 1.75rem;
    padding-right: 1.75rem;
    border-bottom: 1px solid #e2e7ea;
    font-size: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin-bottom: 3.125rem
}

.features__nav {
    position: absolute;
    top: 42%;
    height: 1.875rem;
    left: 0;
    right: 0;
    visibility: hidden;
    z-index: 1
}

.features__nav .slick-arrow {
    display: inline-block;
    width: 1.5625rem;
    height: .9375rem;
    border: none;
    background: none;
    outline: 0;
    cursor: pointer;
    visibility: visible;
    -webkit-transform-origin: 50%;
    -ms-transform-origin: 50%;
    transform-origin: 50%
}

.features__nav .slick-arrow.slick-disabled {
    opacity: .5
}

.features__nav .carousel-next {
    float: right;
    margin-right: .9375rem;
    -webkit-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    transform: rotate(270deg)
}

.features__nav .carousel-prev {
    float: left;
    margin-left: .9375rem;
    -webkit-transform: rotate(-270deg);
    -ms-transform: rotate(-270deg);
    transform: rotate(-270deg)
}

.features_block {
    display: block;
    padding: 1.4375rem 1.875rem 1.4375rem 0;
    border-left: 1px solid #e2e7ea
}

.features_block:first-child {
    border-left-color: transparent
}

.features_block .features--img {
    width: 2.1875rem;
    height: 2.1875rem;
    margin: 0 .9375rem 0 1.25rem;
    display: inline-block;
    float: left
}

.categories {
    padding: 0 1.25rem 3.4375rem 3.375rem
}

.categories-wrapper {
    padding: 2.1875rem 0 0;
    font-size: 0
}

.categories-elem {
    padding: 1.25rem .9375rem 10.3125rem 1.6875rem;
    background: #f4f4f4;
    position: relative;
    display: block;
    -webkit-transition: background .3s, -webkit-box-shadow .2s .1s;
    transition: background .3s, -webkit-box-shadow .2s .1s;
    transition: background .3s, box-shadow .2s .1s;
    transition: background .3s, box-shadow .2s .1s, -webkit-box-shadow .2s .1s
}

.categories-elem-outer {
    display: inline-block;
    vertical-align: top;
    width: 25%;
    padding: 0 .3125rem .3125rem 0
}

.categories-elem-img {
    display: block;
    position: absolute;
    bottom: .625rem;
    left: 0;
    right: 0;
    margin: 0
}

.categories-elem-img>img {
    max-width: 12.8125rem;
    display: block;
    margin: 0 auto;
    max-height: 9.6875rem
}

.categories-elem-name {
    font-size: .875rem;
    margin-bottom: .3125rem;
    color: #000;
    -webkit-transition: color .3s;
    transition: color .3s;
    font-weight: 700;
    line-height: 1.43;
    letter-spacing: .025rem
}

.categories-elem-name a {
    color: #000
}

.categories-elem-name:hover a {
    color: #0432da
}

.categories-elem-descr {
    padding-right: 3.4375rem;
    min-height: 5rem;
    margin-bottom: .3125rem
}

.categories-elem-descr .u-text .price {
    display: inline-block;
    padding-left: .3125rem
}

.flags-wrap {
    position: absolute;
    right: .9375rem;
    top: -.3125rem
}

.flags-wrap .flag-item {
    display: inline-block;
    float: left;
    width: 3.125rem;
    height: 3.875rem;
    position: relative;
    text-align: center;
    font-size: 0
}

.flags-wrap .flag-item:before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    width: 0;
    height: 100%
}

.flags-wrap .flag-item:not(:first-child) {
    margin-left: .3125rem
}

.flags-wrap .flag-item span {
    font-size: .875rem;
    line-height: 4rem;
    color: #fff;
    font-weight: 600;
    display: inline-block
}

.flags-wrap .flag-item:after {
    content: "";
    display: inline-block;
    position: absolute;
    bottom: -.625rem;
    right: 0;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: .625rem 3.125rem .625rem 0
}

.flags-wrap .flag-item.discount {
    background: #0432da
}

.flags-wrap .flag-item.discount:after {
    border-color: transparent #0432da transparent transparent
}

.flags-wrap .flag-item.hit {
    background: #fc0
}

.flags-wrap .flag-item.hit:after {
    border-color: transparent #fc0 transparent transparent
}

.flags-wrap .flag-item.new {
    background: #0ab768
}

.flags-wrap .flag-item.new:after {
    border-color: transparent #0ab768 transparent transparent
}

.brands {
    padding: 0 1.25rem 0 2.8125rem;
    border-bottom: 1px solid #e2e7ea
}

.brands-inner {
    white-space: nowrap
}

.brands-outer {
    margin-bottom: 1.875rem;
    position: relative
}

.brands-outer .feachres-brand {
    top: 25%
}

.brands-outer .feachres-brand .slick-arrow {
    margin: 0
}

.brands-outer .feachres-brand .carousel-next {
    margin-right: -.9375rem
}

.brands-outer .feachres-brand .carousel-prev {
    margin-left: -1.25rem
}

.brands-elem {
    display: inline-block;
    vertical-align: middle;
    margin-bottom: 1.25rem
}

.brands-elem:first-child {
    padding-left: 0
}

.brands-elem:last-child {
    padding-right: 0
}

.brands-elem img {
    max-height: 2.5rem;
    display: block;
    max-width: 100%;
    -webkit-filter: grayscale(50%);
    filter: grayscale(50%)
}

.b-bottom {
    border-bottom: 1px solid #e2e7ea
}

.slider-section {
    padding: 0 1.25rem 3.125rem 3.25rem;
    margin-top: 2.6875rem
}

.slider-section-inner {
    z-index: 3
}

.slider-section-inner .slick-list {
    margin: -2.1875rem -.125rem -5rem;
    padding: 2.1875rem .1875rem 5rem .125rem
}

.slider-section .tabs-head {
    position: absolute;
    top: -1.5rem;
    right: .125rem;
    z-index: 5
}

.product-card-wrapper {
    padding-right: .3125rem;
    padding-top: .3125rem
}

.product-card-inner {
    display: block;
    padding: .9375rem .9375rem 2.75rem 1rem;
    position: relative;
    -webkit-transition: min-height .3s;
    transition: min-height .3s
}

.product-card-inner .u-text {
    *zoom: 1;
    max-height: 4.75rem;
    overflow: hidden;
    margin-left: -.3125rem
}

.product-card-inner .u-text:after {
    content: " ";
    display: table;
    clear: both
}

.product-card-inner .u-text .prop span {
    display: inline-block;
    padding-left: .3125rem
}

.product-card-outer {
    background: #f4f4f4;
    position: relative;
    padding-bottom: 2.1875rem;
    -webkit-transition: background .23s .1s, height .3s, -webkit-box-shadow .3s .1s;
    transition: background .23s .1s, height .3s, -webkit-box-shadow .3s .1s;
    transition: background .23s .1s, box-shadow .3s .1s, height .3s;
    transition: background .23s .1s, box-shadow .3s .1s, height .3s, -webkit-box-shadow .3s .1s
}

.product-card-img {
    height: 11.25rem;
    margin-bottom: 1.25rem;
    text-align: center;
    font-size: 0
}

.product-card-img:before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    width: 0;
    height: 100%
}

.product-card-img img {
    vertical-align: middle;
    display: inline-block;
    max-width: 100%;
    max-height: 7.8125rem
}

.product-card-price {
    font-size: 1.125rem;
    color: #2e2e2e;
    font-weight: 600;
    position: absolute;
    bottom: 0;
    left: 1rem
}

.product-card-price .u-graytext {
    display: inline-block;
    padding-left: .4375rem
}

.product-card-more {
    position: absolute;
    bottom: -2.875rem;
    left: 0;
    right: 0;
    opacity: 0;
    z-index: 4;
    visibility: hidden;
    -webkit-transition: opacity .25s, visibility .25s, background .25s, -webkit-box-shadow .25s;
    transition: opacity .25s, visibility .25s, background .25s, -webkit-box-shadow .25s;
    transition: opacity .25s, visibility .25s, background .25s, box-shadow .25s;
    transition: opacity .25s, visibility .25s, background .25s, box-shadow .25s, -webkit-box-shadow .25s;
    padding: 1.25rem 1.25rem 1.75rem;
    background: #f4f4f4
}

.product-card-more .btn {
    min-width: 0;
    width: 100%;
    font-size: .8125rem
}

.product-table-wrapper {
    background: #f4f4f4;
    display: table;
    width: 100%;
    -webkit-transition: background .25s cubic-bezier(.8, .23, .29, 1.06), -webkit-box-shadow .25s cubic-bezier(.8, .23, .29, 1.06);
    transition: background .25s cubic-bezier(.8, .23, .29, 1.06), -webkit-box-shadow .25s cubic-bezier(.8, .23, .29, 1.06);
    transition: background .25s cubic-bezier(.8, .23, .29, 1.06), box-shadow .25s cubic-bezier(.8, .23, .29, 1.06);
    transition: background .25s cubic-bezier(.8, .23, .29, 1.06), box-shadow .25s cubic-bezier(.8, .23, .29, 1.06), -webkit-box-shadow .25s cubic-bezier(.8, .23, .29, 1.06);
    *zoom: 1
}

.product-table-wrapper:after {
    content: " ";
    display: table;
    clear: both
}

.product-table-wrapper:not(:last-child) {
    margin-bottom: .3125rem
}

.product-table-main {
    display: table-cell;
    padding: 1.5rem 0 1.5625rem
}

.product-table-add {
    display: table-cell;
    vertical-align: top;
    padding: 1.25rem 2rem 1.5625rem 0;
    width: 12.8125rem;
    *zoom: 1
}

.product-table-add:after {
    content: " ";
    display: table;
    clear: both
}

.product-table-add .product-card-price {
    text-align: right;
    letter-spacing: .025rem
}

.product-table-add .product-card-price span {
    display: block;
    font-size: .8125rem;
    letter-spacing: .025rem;
    font-weight: 300
}

.product-table-add .product-card-more {
    padding: .625rem 0 0;
    background: 0 0
}

.product-table-add .product-card-more .btn {
    padding: .6875rem 0;
    max-width: 20rem;
    float: right
}

.product-table-add .product-card-more, .product-table-add .product-card-price {
    position: static;
    opacity: 1;
    visibility: visible
}

.product-table-content {
    display: inline-block;
    vertical-align: top;
    max-width: 32.625rem;
    padding-right: 1.375rem;
    width: 70%
}

.product-table-content .categories-elem-name {
    font-size: 1.125rem;
    line-height: 1;
    letter-spacing: .0375rem;
    margin-bottom: .625rem;
    font-weight: 600;
    -webkit-transition: color .3s;
    transition: color .3s
}

.product-table-content .u-text {
    line-height: 2;
    margin-bottom: .4375rem
}

.product-table-content .u-graytext {
    letter-spacing: .025rem
}

.product-table-img {
    display: inline-block;
    padding-left: 1.25rem;
    padding-right: 1.25rem;
    max-width: 12.1875rem;
    position: relative;
    height: 100%;
    width: 30%;
    text-align: center;
    font-size: 0
}

.product-table-img:before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    width: 0;
    height: 100%
}

.product-table-img img {
    display: inline-block;
    max-width: 100%;
    vertical-align: middle;
    max-height: 9.375rem
}

.product-table-img .flags-wrap {
    top: -1.8125rem;
    right: 1.25rem
}

.tabs {
    position: relative
}

.tabs-cont {
    padding-top: 2.5rem;
    *zoom: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

.tabs-cont:after {
    content: " ";
    display: table;
    clear: both
}

.tabs-head {
    display: inline-block;
    font-size: 0;
    *zoom: 1
}

.tabs-head:after {
    content: " ";
    display: table;
    clear: both
}

.tabs-head.slider-tabs {
    width: 18.125rem;
    text-align: right
}

.tabs-head.w3 .tabs-item {
    width: 33%
}

.tabs-head.w1 .tabs-item, .tabs-head.w2 .tabs-item {
    width: 50%
}

.tabs-head.w4 .tabs-item {
    width: 25%
}

.tabs-head.w5 .tabs-item {
    width: 20%
}

.tabs-head.t-white .tabs-item {
    border: 1px solid #fff;
    color: #fff
}

.tabs-head .tabs-item {
    display: inline-block;
    text-align: center;
    cursor: pointer;
    vertical-align: top;
    padding: .3125rem 0 .4375rem;
    font-size: .6875rem;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border: 1px solid #000;
    -webkit-transition: background .3s, color .3s, border-color .3s;
    transition: background .3s, color .3s, border-color .3s
}

.tabs-head .tabs-item:hover {
    color: #fff;
    background: #0432da;
    border-color: #0432da
}

.tabs-head .tabs-item:active {
    color: #fff;
    background: #0e2a91;
    border-color: #0e2a91
}

.tabs-head .tabs-item.active {
    color: #fff;
    background: #1785ff;
    border-color: #1785ff
}

.tabs-head .tabs-item:not(:first-child) {
    border-left-color: transparent
}

.tabs-head .tabs-item:first-child {
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px
}

.tabs-head .tabs-item:last-child {
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px
}

.cards-slider-nav {
    display: block;
    max-width: 12.5rem;
    margin: 2.1875rem auto 0;
    text-align: center;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.cards-slider-nav .cards-slider-counter, .cards-slider-nav .slick-arrow {
    display: inline-block;
    vertical-align: middle
}

.cards-slider-nav .cards-slider-counter {
    padding-left: .75rem;
    padding-right: .75rem;
    font-size: 0;
    font-family: intro;
    font-weight: 700;
    color: #2e2e2e;
    margin-top: -.0625rem
}

.cards-slider-nav .cards-slider-counter .cards-slider-current, .cards-slider-nav .cards-slider-counter .cards-slider-divider, .cards-slider-nav .cards-slider-counter .cards-slider-total {
    display: inline-block;
    vertical-align: middle
}

.cards-slider-nav .cards-slider-counter .cards-slider-divider {
    display: inline-block;
    padding-left: .5rem;
    padding-right: .5rem;
    font-size: 2.1875rem;
    font-weight: 300;
    -webkit-transform: rotate(-4deg);
    -ms-transform: rotate(-4deg);
    transform: rotate(-4deg);
    font-family: Open Sans;
    font-weight: 100;
    color: #2e2e2e
}

.cards-slider-nav .cards-slider-counter .cards-slider-current, .cards-slider-nav .cards-slider-counter .cards-slider-total {
    font-size: 1rem
}

.cards-slider-nav .cards-slider-counter .cards-slider-total {
    margin-top: .125rem;
    color: #c1c1c1
}

.cards-slider-nav .slick-arrow {
    width: 2.75rem;
    height: .9375rem;
    background: 0 0;
    position: relative;
    z-index: 3
}

.cards-slider-nav .slick-arrow svg {
    display: inline-block;
    height: .9375rem;
    width: 100%
}

.cards-slider-nav .slick-arrow.slick-disabled {
    opacity: .6;
    pointer-events: none
}

.cards-slider-nav .slick-arrow .icon .slider-arr {
    -webkit-transition: fill .3s;
    transition: fill .3s
}

.cards-slider-nav .slick-arrow:hover .icon .slider-arr {
    fill: #0e2a91
}

.cards-slider-nav .slick-arrow:active .icon .slider-arr {
    fill: #052a45
}

.news-container {
    margin-left: -1.875rem;
    *zoom: 1
}

.news-container:after {
    content: " ";
    display: table;
    clear: both
}

.news-block-outer {
    display: inline-block;
    float: left;
    width: 33.33%;
    min-height: 1px;
    padding-left: 1.875rem
}

.news-block-outer .u-intro {
    -webkit-hyphens: manual;
    -ms-hyphens: manual;
    hyphens: manual
}

.news-block-outer.big, .news-block-outer.card, .news-block-outer.half {
    height: 21.625rem
}

.news-block-outer.big .u-intro, .news-block-outer.card .u-intro, .news-block-outer.half .u-intro {
    line-height: 1.75
}

.news-block-outer.card {
    padding: 0 0 0 1.875rem
}

.news-block-outer.card .card-blue {
    height: 100%;
    padding: 2.8125rem 1.875rem
}

.news-block-outer.card .card-blue .btn {
    padding-left: 1.5625rem;
    padding-right: 1.5625rem
}

.news-block-outer.card .card-blue .u-intro {
    margin-bottom: .9375rem
}

.news-block-outer.card .card-blue .u-text {
    margin-bottom: 2.125rem
}

.news-block-outer.big .news-block-name {
    letter-spacing: .05rem;
    padding: 0 2.03125rem 1.75rem
}

.news-block-outer.big .u-intro {
    color: #fff
}

.news-block-outer.big .u-graytext {
    display: inline-block;
    margin-bottom: .625rem;
    font-size: .8125rem;
    color: #fff
}

.news-block-outer.half .news-block-name {
    letter-spacing: .05rem;
    padding: 1.3125rem 0 2.3125rem;
    background: #fff
}

.news-block-outer.half .u-graytext {
    display: inline-block;
    margin-bottom: .625rem;
    font-size: .8125rem
}

.news-block-outer.half .news-block-inner:hover .news-block-name .u-intro {
    color: #0e2a91
}

.news-block-outer.small .news-block-inner {
    border-bottom: 1px solid #e2e7ea;
    padding: 1.5rem 0 .625rem
}

.news-block-outer.small .news-block-inner:hover .u-intro {
    color: #0e2a91
}

.news-block-outer.small .news-block-content, .news-block-outer.small .news-block-inner {
    background: #fff!important
}

.news-block-outer.small .news-block-content, .news-block-outer.small .news-block-name {
    position: static;
    line-height: 1
}

.news-block-outer.small .u-graytext {
    font-size: .8125rem;
    margin-bottom: .9375rem;
    line-height: 0;
    display: inline-block
}

.news-block-outer.small .u-intro {
    text-transform: none;
    font-family: Open Sans;
    line-height: 1.5;
    font-size: .875rem;
    font-weight: 700
}

.news-block-inner {
    display: block;
    height: 100%;
    position: relative;
    background-size: cover;
    background-position: 50%;
    background-repeat: no-repeat
}

.news-block-inner:hover .news-block-content {
    background-color: rgba(0, 0, 0, .65)
}

.news-block-content {
    background-color: rgba(0, 0, 0, .3);
    position: absolute;
    bottom: 0;
    left: 0;
    top: 0;
    right: 0;
    margin: 0;
    -webkit-transition: background .3s;
    transition: background .3s
}

.news-block-content-inner {
    position: relative;
    width: 100%;
    height: 100%
}

.news-block-name {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0
}

.news-block-name .u-intro {
    -webkit-transition: color .3s;
    transition: color .3s;
    font-weight: 400
}

.news-section {
    padding: 0 1.25rem 3.125rem 3.25rem;
    margin-top: 2.5rem
}

.news-section .news-container {
    margin-top: 2.0625rem
}

.news-section .news-container .news-block-outer.small .u-intro {
    height: 3.875rem;
    overflow: hidden
}

.news-section .news-container .news-block-outer:nth-of-type(3) .news-block-inner {
    padding: 0 0 1.25rem
}

.contact-cont {
    height: 33.625rem;
    background-size: cover;
    background-position: 50%;
    background-repeat: no-repeat
}

.contact-cont #map, .contact-cont .map {
    height: 100%
}

.contact-cont #map*, .contact-cont .map* {
    overflow: visible
}

.contact-section {
    position: relative
}

.contact-section .tabs-head {
    position: absolute;
    z-index: 5;
    width: 9.375rem;
    top: 4.0625rem;
    right: 1.5625rem
}

.info-cont {
    width: 47.8125rem;
    position: relative;
    z-index: 5;
    margin-top: -12rem;
    margin-right: 1.5625rem;
    background: #e5f0f8;
    float: right;
    padding: 3rem 2.625rem
}

.info-title {
    display: inline-block;
    float: left;
    width: 17.4375rem;
    padding-right: 2.1875rem
}

.info-title .u-intro {
    line-height: 1.75;
    font-weight: 400
}

.info-content {
    display: block;
    overflow: hidden;
    font-size: 0;
    *zoom: 1
}

.info-content:after {
    content: " ";
    display: table;
    clear: both
}

.info-content .side-cont {
    min-width: 100%
}

.info-content .contact-block .u-graytext {
    min-height: 1.1875rem
}

.info-content p {
    margin-bottom: 1.25rem;
    line-height: 1.85;
    font-size: .8125rem;
    color: #2e2e2e;
    font-weight: 400;
    letter-spacing: .025rem
}

.info-content .categories-elem-name {
    margin-bottom: .6875rem
}

.info-footer {
    padding-left: 17.4375rem;
    margin-top: .625rem;
    position: relative
}

.info-footer .small-link {
    position: absolute;
    left: 0
}

.link-nav {
    display: inline-block;
    font-size: .875rem;
    font-weight: 700;
    color: #0432da;
    letter-spacing: .025rem;
    position: relative
}

.link-nav:after, .link-nav:before {
    content: "";
    position: absolute;
    display: inline-block;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50%;
    width: 2.8125rem;
    height: .8125rem;
    -webkit-transition: opacity .3s;
    transition: opacity .3s;
    bottom: .1875rem
}

.link-nav:after {
    background-image: url(/bitrix/templates/main_contacts/css/../img/icons/arrow.svg)
}

.link-nav:before {
    background-image: url(/bitrix/templates/main_contacts/css/../img/icons/arrow_hover.svg);
    opacity: 0
}

.link-nav:hover {
    color: #0e2a91
}

.link-nav:hover:after {
    opacity: 0
}

.link-nav:hover:before {
    opacity: 1
}

.link-nav:active {
    color: #052a45
}

.link-nav.right {
    padding-right: 3.75rem
}

.link-nav.right:after, .link-nav.right:before {
    right: 0
}

.link-nav.left {
    padding-left: 3.75rem
}

.link-nav.left:after, .link-nav.left:before {
    left: 0;
    -webkit-transform: scaleX(-1);
    -ms-transform: scaleX(-1);
    transform: scaleX(-1)
}

.small-link {
    display: inline-block;
    font-size: .6875rem;
    font-weight: 400;
    cursor: pointer;
    background: 0 0
}

.small-link>span {
    position: relative;
    -webkit-transition: color .3s;
    transition: color .3s;
    padding-left: 1.25rem
}

.small-link>span:after, .small-link>span:before {
    content: "";
    position: absolute;
    display: inline-block;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: 50%;
    width: .875rem;
    height: 1.125rem;
    -webkit-transition: opacity .3s;
    transition: opacity .3s;
    left: 0
}

.small-link>span:before {
    opacity: 0
}

.small-link:hover span {
    color: #0e2a91
}

.small-link:hover span:after {
    opacity: 0
}

.small-link:hover span:before {
    opacity: 1
}

.small-link:active {
    color: #052a45
}

.small-link.blue {
    color: #0432da
}

.small-link.marker span:after {
    background-image: url(/bitrix/templates/main_contacts/css/../img/icons/download_map.svg)
}

.small-link.marker span:before {
    background-image: url(/bitrix/templates/main_contacts/css/../img/icons/download_maph.svg)
}

.small-link.print span:after, .small-link.print span:before {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB0AAAAdCAMAAABhTZc9AAAAQlBMVEVHcEwEMtoEMtoEMtoEMtoEMtoEMtoEMtoEMtoEMtoEMtoEMtoEMtoEMtoEMtoEMtoEMtoEMtoEMtoEMtoEMtoEMtpOZPhoAAAAFXRSTlMA4HDwwKCAkGDQD1DNuvvEHwa0lgp3uydwAAAAgklEQVR4Ac3T3QrCMAyG4c80c13t/tf7v1WxCCYpxeCRz+kLgWYLKi4W44PXqK2qDtCGf6jHCe084EB56smEZR575gUloieW73XPt1be3xV0b5Fv8q+1vhc0WoTXe+uuwGHSAqPuyvUFtyBtpiaSkqnXQ7rs5CLZyUiS979y3ELnjp7TzA31H83z+wAAAABJRU5ErkJggg==)
}

.small-link.close span {
    padding-left: .75rem
}

.small-link.close span:after, .small-link.close span:before {
    width: .625rem;
    height: .75rem
}

.small-link.close span:after {
    background-image: url(/bitrix/templates/main_contacts/css/../img/icons/close_popup.svg)
}

.small-link.close span:before {
    background-image: url(/bitrix/templates/main_contacts/css/../img/icons/close_popup_hover.svg)
}

.small-link.exit span {
    padding-left: 1.8125rem
}

.small-link.exit span:after, .small-link.exit span:before {
    width: 1.125rem;
    height: 1.125rem
}

.small-link.exit span:after {
    background-image: url(/bitrix/templates/main_contacts/css/../img/icons/exit.svg)
}

.small-link.exit span:before {
    background-image: url(/bitrix/templates/main_contacts/css/../img/icons/exith.svg)
}

.small-link.change:hover span {
    color: #0e2a91
}

.small-link.change span {
    color: #939393
}

.small-link.change span:after {
    background-image: url(/bitrix/templates/main_contacts/css/../img/icons/edit.svg)
}

.small-link.change span:before {
    background-image: url(/bitrix/templates/main_contacts/css/../img/icons/edit_hover.svg)
}

.link-dotted {
    display: inline-block;
    border-bottom: solid;
    border-width: 1px;
    font-size: .75rem;
    background: 0 0;
    -webkit-border-image: url(/bitrix/templates/main_contacts/css/../img/bdot.svg) 0 0 100 repeat stretch;
    border-image: url(/bitrix/templates/main_contacts/css/../img/bdot.svg) 0 0 100 repeat stretch
}

.link-dotted:hover {
    -webkit-border-image: url(/bitrix/templates/main_contacts/css/../img/hide.svg) 0 0 100 repeat stretch;
    border-image: url(/bitrix/templates/main_contacts/css/../img/hide.svg) 0 0 100 repeat stretch;
    border-color: transparent
}

.link-dotted.bold {
    font-size: .875rem;
    font-weight: 700;
    color: #0432da;
    line-height: 1.5
}

.modal-layout {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    width: 100%;
    height: 100%;
    margin: 0;
    background: rgba(0, 0, 0, .3);
    z-index: 10;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: opacity .2s, visibility .2s, -webkit-transform .2s;
    transition: opacity .2s, visibility .2s, -webkit-transform .2s;
    transition: opacity .2s, transform .2s, visibility .2s;
    transition: opacity .2s, transform .2s, visibility .2s, -webkit-transform .2s;
    text-align: center;
    font-size: 0
}

.modal-layout:before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    width: 0;
    height: 100%
}

.modal-layout.white {
    background: #fff;
    -webkit-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    transform: translateY(-100%);
    will-change: transform
}

.modal-layout.white:before {
    height: 0
}

.modal-layout.white .white-thumbs {
    display: inline-block;
    width: 18%;
    vertical-align: top;
    padding: 0 1.25rem;
    opacity: 0;
    -webkit-transition: opacity .15s .35s;
    transition: opacity .15s .35s
}

.modal-layout.white .white-thumbs div:not([class]) {
    *zoom: 1
}

.modal-layout.white .white-thumbs div:not([class]):after {
    content: " ";
    display: table;
    clear: both
}

.modal-layout.white .white-thumbs .sertivicat-img {
    padding: .3125rem .3125rem 0 0;
    height: 7.8125rem
}

.modal-layout.white .white-thumbs .sertivicat-img .product-add-img {
    height: 100%;
    display: inline-block;
    vertical-align: top
}

.modal-layout.white .white-thumbs .sertivicat-img .product-add-img img {
    max-height: 100%
}

.modal-layout.white .white-thumbs .product-add-item {
    margin: 0
}

.modal-layout.white .white-content {
    display: inline-block;
    vertical-align: top;
    width: 82%;
    margin-top: -3.125rem;
    position: relative;
    padding-top: 44%;
    max-height: 50rem;
    opacity: 0;
    -webkit-transition: opacity .15s .35s;
    transition: opacity .15s .35s
}

.modal-layout.white .white-content .cards-slider-nav {
    margin: 0 auto -2.5rem
}

.modal-layout.white .white-content .product-modal-slider {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    height: 100%;
    padding: 1.875rem 6.875rem
}

.modal-layout.white .white-content .product-modal-slider .product-slider-item, .modal-layout.white .white-content .product-modal-slider .slick-list, .modal-layout.white .white-content .product-modal-slider .slick-track {
    height: 100%
}

.modal-layout.white .white-content .product-modal-slider .slick-list {
    background: #f4f4f4
}

.modal-layout.white .white-content .product-slider-item, .modal-layout.white .white-content .product-slider-item img {
    max-height: 100%
}

.modal-layout.white .modal-container-header {
    background: #fff;
    width: 100%;
    display: inline-block;
    vertical-align: top
}

.modal-layout.white .modal-container-header .close {
    z-index: 2;
    right: .625rem
}

.modal-layout.white .modal-container-header .close span:after, .modal-layout.white .modal-container-header .close span:before {
    width: 1.25rem;
    height: 1.25rem
}

.modal-layout.white.active {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0)
}

.modal-layout.white.active .white-content, .modal-layout.white.active .white-thumbs {
    opacity: 1
}

.modal-layout.active {
    visibility: visible;
    opacity: 1
}

.modal-layout .modal-container {
    display: inline-block;
    vertical-align: middle;
    min-width: 20rem;
    margin-top: -12.5rem;
    max-height: 100%;
    overflow-y: auto;
    width: 100%;
    background: #fff
}

.modal-layout .modal-container-content {
    *zoom: 1;
    display: block;
    min-height: 1.25rem
}

.modal-layout .modal-container-content:after {
    content: " ";
    display: table;
    clear: both
}

.modal-layout .modal-container-content .u-text {
    font-size: .6875rem;
    line-height: 1.85
}

.modal-layout .modal-container-content .table-count .u-text {
    padding-top: .3125rem
}

.modal-layout .modal-container-content .u-intro {
    margin-bottom: .625rem
}

.modal-layout .modal-container-content .t-blue {
    letter-spacing: .05rem
}

.modal-layout .modal-container-content, .modal-layout .modal-container-header {
    text-align: left
}

.modal-layout .modal-container-header {
    background: #e5f0f8;
    padding: 1.5625rem 1.5625rem .9375rem;
    position: relative
}

.modal-layout .modal-container-header .small-link {
    position: absolute;
    top: .3125rem;
    right: 0;
    padding: .3125rem
}

.modal-layout.modal-big .modal-container {
    max-width: 44.625rem
}

.modal-layout.modal-big .modal-container-content {
    padding: 1.25rem 1.5625rem 2.5rem
}

.modal-layout.modal-small .modal-container {
    max-width: 22.75rem
}

.modal-layout.modal-small .modal-container-content {
    padding: 1.75rem 1.875rem 2.1875rem
}

.modal-layout.modal-medium .modal-container {
    max-width: 34.6875rem
}

.modal-layout.modal-medium .modal-container-content {
    padding: 1.75rem 1.875rem 2.1875rem
}

.modal-enter .col-50:first-of-type {
    padding: 20rem 1.5625rem 2.5rem 0;
    margin: -20rem 0 -2.5rem;
    border-right: 1px solid #e2e7ea
}

.modal-enter .col-50:last-of-type {
    padding-left: 1.5625rem
}

.modal-enter .col-50 .link-dotted {
    margin-top: .3125rem;
    float: right
}

.modal-enter .col-50 .input-wrapper:last-of-type {
    margin-bottom: 1.5625rem
}

.modal-enter .col-50 .t-blue {
    min-width: 6.25rem
}

.modal-enter .col-50 .t-trans {
    margin-top: 1.125rem;
    line-height: 1.1
}

.modal-incart .elemcount {
    text-decoration: underline;
    -webkit-transition: color .3s;
    transition: color .3s;
    cursor: pointer
}

.modal-incart .elemcount:hover {
    color: #0432da
}

.modal-incart .modal-container {
    margin-top: 0
}

.modal-incart .modal-container .modal-container-content {
    padding: 1.25rem 1.5625rem .9375rem
}

.modal-incart .table-wrapper {
    max-height: 17.5rem;
    overflow-y: auto
}

.modal-incart .table-head .table-count {
    padding: .8125rem 0 1.0625rem 2.8125rem
}

.modal-incart .table-head .table-total {
    padding: .8125rem 1.25rem 1.0625rem 0
}

.modal-incart .table-count {
    min-width: 6.875rem;
    padding-left: 2.8125rem
}

.modal-incart .modal-container-footer {
    text-align: justify;
    padding-bottom: 1.25rem
}

.modal-incart .modal-container-footer .link-nav {
    text-align: left
}

.modal-incart .modal-container-footer .btn {
    text-align: center
}

.modal-incart .modal-container-footer:after {
    content: "";
    display: inline-block;
    width: 100%;
    height: 0;
    visibility: hidden;
    overflow: hidden
}

.modal-incart .card-slider-wrap {
    padding-top: 1.5625rem
}

.modal-incart .card-slider-wrap .flag-item {
    width: 2.5rem;
    height: 3rem
}

.modal-incart .card-slider-wrap .flag-item:after {
    border-width: .5rem 2.5rem .5rem 0;
    bottom: -.5rem
}

.modal-incart .card-slider-wrap .flag-item span {
    font-size: .6875rem;
    line-height: 3rem
}

.modal-incart .card-slider-wrap .categories-elem-name {
    font-size: .6875rem
}

.modal-incart .card-slider-wrap .u-text {
    line-height: 1.2
}

.modal-incart .card-slider-wrap .prop span {
    line-height: 1
}

.modal-incart .card-slider-wrap .slick-track {
    padding-bottom: 2.5rem;
    margin-bottom: -1.25rem
}

.modal-incart .card-slider-wrap .product-card-inner {
    min-height: 10rem;
    padding: .9375rem .5625rem 1.25rem
}

.modal-incart .card-slider-wrap .product-card-more {
    display: none
}

.modal-incart .card-slider-wrap .product-card-img {
    height: 8.125rem
}

.modal-incart .card-slider-wrap .cards-slider-nav {
    margin: 0 auto
}

.modal-incart .card-slider-wrap .product-card-price {
    font-size: .8125rem;
    left: .5rem
}

.modal-incart .card-slider-wrap .product-card-outer {
    padding-bottom: .625rem
}

.modal-pass-forgot-succes .btn {
    min-width: 7.3125rem
}

.modal-container-footer {
    margin-top: 1.25rem
}

.input-wrapper {
    margin-bottom: .5625rem;
    position: relative;
    *zoom: 1
}

.input-wrapper:after {
    content: " ";
    display: table;
    clear: both
}

.input-wrapper.columns {
    display: inline-block;
    max-width: 16.5%;
    padding: 0 0 0 .9375rem;
    padding-right: 0!important
}

.input-wrapper .u-graytext {
    display: inline-block;
    width: 100%;
    margin-bottom: .3125rem
}

.input-wrapper .u-graytext .text:after {
    content: "*";
    color: red;
    padding-left: .125rem
}

.input-wrapper .input-main {
    display: inline-block;
    width: 100%;
    resize: none;
    border: 1px solid #e2e7ea;
    border-radius: .1875rem;
    min-height: 1.875rem;
    padding: 0 .3125rem;
    -webkit-box-shadow: none;
    box-shadow: none
}

.input-wrapper .input-main.error {
    border-color: red
}

.bread-container .bread-item {
    color: #2e2e2e;
    display: inline-block;
    position: relative;
    font-size: .6875rem;
    -webkit-transition: opacity .3s;
    transition: opacity .3s
}

.bread-container .bread-item:not(:first-child) {
    padding-left: 1.375rem
}

.bread-container .bread-item:not(:first-child):before {
    content: "";
    position: absolute;
    display: inline-block;
    bottom: 3px;
    width: .875rem;
    left: .25rem;
    bottom: .0625rem;
    height: .5625rem;
    background-image: url(/bitrix/templates/main_contacts/css/../img/icons/barrow.svg);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: 50%
}

.bread-container .bread-item:not(:last-child) {
    text-decoration: underline
}

.bread-container .bread-item:last-child {
    pointer-events: none
}

.bread-container .bread-item:hover {
    text-decoration: none
}

.content-head {
    padding: 1.25rem 1.5625rem 2.125rem 3.25rem;
    background-color: #e5f0f8;
    background-position: 50%;
    background-size: cover;
    background-repeat: no-repeat;
    position: relative
}

.content-head .u-intro {
    margin-top: 1rem
}

.content-head .u-text {
    color: #fff;
    position: relative;
    z-index: 1;
    max-width: 50rem;
    margin-top: .625rem
}

.content-head.content-image:before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .5);
    z-index: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.content-head.content-image .bread-item {
    color: #fff
}

.content-head.content-image .bread-item:not(:first-child) {
    opacity: .8
}

.content-head.content-image .bread-item:not(:first-child):hover {
    opacity: 1
}

.content-head.content-image .bread-item:not(:first-child):before {
    background-image: url(/bitrix/templates/main_contacts/css/../img/icons/warrow.svg);
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0)
}

.content-head.content-image .u-intro {
    color: #fff;
    position: relative;
    z-index: 1
}

.content-head+.categories+.slider-section {
    padding-bottom: 0
}

.products-outer {
    min-height: 9.375rem
}

.products {
    font-family: Open Sans
}

.products-row {
    padding: 2.5rem 1.25rem 2.9375rem 3.4375rem
}

.products-row:not(:last-child) {
    border-bottom: 1px solid #e2e7ea
}

.products-row:last-child {
    padding-bottom: 0
}

.products-wiew {
    display: inline-block;
    float: right;
    margin-top: -.9375rem;
    margin-right: 1.5625rem;
    *zoom: 1
}

.products-wiew:after {
    content: " ";
    display: table;
    clear: both
}

.products-wiew-item {
    margin-left: .625rem;
    position: relative;
    z-index: 1
}

.products-wiew-item.active .stwiew {
    fill: #1785ff
}

.products-sort-wrapper {
    padding: 1.5625rem 1.25rem 0 3.4375rem
}

.products-sort-wrapper .u-bold {
    margin-top: .1875rem;
    display: inline-block;
    padding-right: .9375rem;
    float: left
}

.products-sort-outer+.products-row {
    padding-top: 0;
    margin-top: -.6875rem
}

.products-sort-inner .sort-item {
    color: #2e2e2e;
    -webkit-border-image: url(/bitrix/templates/main_contacts/css/../img/bdot.svg) 0 1 150 repeat stretch;
    border-image: url(/bitrix/templates/main_contacts/css/../img/bdot.svg) 0 1 150 repeat stretch
}

.products-sort-inner .sort-item:hover {
    color: #0e2a91
}

.products-sort-inner .sort-item.active, .products-sort-inner .sort-item:hover {
    border-color: transparent;
    -webkit-border-image: url(/bitrix/templates/main_contacts/css/../img/hide.svg) 0 1 150 repeat stretch;
    border-image: url(/bitrix/templates/main_contacts/css/../img/hide.svg) 0 1 150 repeat stretch
}

.products-sort-inner .sort-item.active {
    color: #1785ff
}

.products-sort-inner .sort-item:not(:last-child) {
    margin-right: 1.0625rem
}

.products-inner {
    font-size: 0;
    padding: 2.25rem 0 2.8125rem
}

.products-inner .content-section p {
    color: #2e2e2e;
    font-size: .875rem;
    line-height: 1.35
}

.products-inner .content-section p a {
    color: #0432da;
    text-decoration: none
}

.products-inner .product-card-wrapper {
    width: 13.7375rem;
    display: inline-block;
    vertical-align: top
}

.products-more {
    *zoom: 1;
    padding-right: .3125rem
}

.products-more:after {
    content: " ";
    display: table;
    clear: both
}

.products-more .link-nav {
    float: right
}

.select-u-item {
    display: inline-block;
    width: 100%;
    position: relative;
    margin-bottom: .625rem
}

.select-u-item.hover .input-text, .select-u-item:hover .input-text {
    -webkit-transition: color .3s;
    transition: color .3s
}

.select-u-item.hover .input-checked, .select-u-item:hover .input-checked {
    border-color: #0e2a91;
    -webkit-transition: border-color .3s ease;
    transition: border-color .3s ease
}

.select-u-item .input_label {
    display: inline-block;
    min-width: .9375rem;
    cursor: pointer;
    width: 100%
}

.select-u-item .input_label .input_main {
    float: left;
    position: relative;
    display: inline-block
}

.select-u-item .input-text {
    font-size: .6875rem;
    color: #2e2e2e;
    display: block;
    overflow: hidden;
    cursor: pointer;
    padding-left: .625rem;
    -webkit-transition: color .3s;
    transition: color .3s
}

.select-u-item .input-real {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0
}

.select-u-item .input-real.active+.input-checked:before, .select-u-item .input-real:checked+.input-checked:before {
    opacity: 1
}

.select-u-item .input-real.active+.input-checked, .select-u-item .input-real:checked+.input-checked {
    border: 1px solid #1785ff
}

.select-u-item .input-checked {
    width: .8125rem;
    height: .8125rem;
    display: block;
    margin-top: .0625rem;
    background: #fff;
    border: 1px solid rgba(0, 0, 0, .2);
    border-radius: 3px;
    position: relative;
    -webkit-transition: all .1s ease;
    transition: all .1s ease
}

.select-u-item .input-checked:before {
    content: "";
    width: .625rem;
    height: .625rem;
    background: url(/bitrix/templates/main_contacts/css/../img/icons/checkbox.svg) no-repeat;
    display: block;
    position: absolute;
    bottom: 0;
    left: .0625rem;
    opacity: 0;
    -webkit-transition: all .2s ease;
    transition: all .2s ease
}

.select-radio .input-checked {
    border-radius: 50%
}

.select-radio .input-checked:before {
    background-image: none;
    width: .3125rem;
    height: .3125rem;
    background: #052a45;
    border-radius: 50%;
    margin: auto;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0
}

.select-u-body {
    -webkit-user-select: none;
    -moz-user-select: none;
    *zoom: 1;
    max-height: 12.8125rem;
    overflow-y: auto
}

.select-u-body:after {
    content: " ";
    display: table;
    clear: both
}

.selects {
    width: 100%;
    padding: .4375rem .625rem;
    background: #fff;
    -webkit-box-shadow: none;
    box-shadow: none;
    outline: 0;
    border: 1px solid #e2e7ea;
    border-radius: .1875rem;
    -webkit-transition: border .3s;
    transition: border .3s;
    position: relative;
    z-index: 1
}

.selects .btn-text {
    display: inline-block;
    float: left;
    color: #2e2e2e;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 94%;
    max-width: 10rem;
    overflow: hidden;
    text-align: left;
    font-size: .6875rem
}

.selects:hover {
    border: 1px solid #0e2a91;
    cursor: pointer;
    -webkit-transition: border .3s;
    transition: border .3s
}

.selects.error {
    border: 1px solid red
}

.select-img {
    float: right;
    display: inline-block;
    width: .4375rem;
    height: .75rem;
    background: url(/bitrix/templates/main_contacts/css/../img/icons/select_down.svg) no-repeat 50%
}

.select-clear {
    position: absolute;
    right: .0625rem;
    top: 0;
    width: 1.6875rem;
    height: 1.75rem;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
    background: #1785ff;
    -webkit-transition: right .3s;
    transition: right .3s;
    z-index: 0;
    text-align: center;
    font-size: 0;
    float: left;
    height: 99%
}

.select-clear:before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    width: 0;
    height: 100%
}

.select-clear:hover .i-close {
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    -webkit-transform-origin: 50%;
    -ms-transform-origin: 50%;
    transform-origin: 50%
}

.select-clear .i-close {
    display: inline-block;
    width: .5625rem;
    vertical-align: middle;
    height: .5625rem;
    -webkit-transition: -webkit-transform .3s;
    transition: -webkit-transform .3s;
    transition: transform .3s;
    transition: transform .3s, -webkit-transform .3s;
    background: url(/bitrix/templates/main_contacts/css/../img/icons/clear-select.svg) no-repeat 50%
}

.select-check {
    position: relative
}

.select-check .dropdown-target {
    margin-left: -1.0625rem;
    margin-right: -1.0625rem;
    left: 0;
    right: 0
}

.select-check .dropdown-inner, .select-check .dropdown-target {
    min-width: 100%
}

.select-check .dropdown-inner {
    padding: .9375rem .75rem 1.0625rem
}

.select-check .dropdown-inner .u-graytext {
    margin-bottom: .4375rem
}

.select-check .dropdown-footer .small-link {
    display: none;
    margin-top: .3125rem;
    padding-top: .1875rem
}

.select-check .dropdown-footer .small-link.close span:after, .select-check .dropdown-footer .small-link.close span:before {
    top: 0
}

.select-check.active .select-img {
    -webkit-transform: scaleY(-1);
    -ms-transform: scaleY(-1);
    transform: scaleY(-1)
}

.select-check.active .selects {
    border: 1px solid #0e2a91
}

.select-check.error .selects {
    border: 1px solid #d40303
}

.select-check.is-checked .selects {
    border: 1px solid #1785ff;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.select-check.is-checked .select-clear {
    right: -1.6875rem
}

.select-check.is-checked .small-link {
    display: inline-block
}

.filter-section {
    padding: 1.125rem 1.5625rem 1.25rem 3.4375rem
}

.filter-section.articles-filter .o-menu-search {
    margin: 1.0625rem 0 .9375rem
}

.filter-container {
    position: relative;
    padding-left: 5.0625rem
}

.filter-checkbox {
    display: inline-block;
    margin-top: .4375rem;
    padding-right: .875rem
}

.filter-form {
    -webkit-transition: max-height .3s, overflow .1s .5s;
    transition: max-height .3s, overflow .1s .5s;
    max-height: 0;
    overflow: hidden
}

.filter-form-title {
    position: absolute;
    left: 0;
    top: .4375rem
}

.filter-form-inner {
    font-size: 0
}

.filter-form-inner .select-check {
    display: inline-block;
    min-width: 11.875rem;
    margin-right: 1rem;
    margin-bottom: 1rem;
    vertical-align: top;
    -webkit-transition: margin .3s;
    transition: margin .3s
}

.filter-form-inner .select-check.is-checked {
    margin-right: 2.8125rem
}

.filter-form-inner .dropdown-target {
    z-index: 5
}

.filter-form-inner .dropdown-target .price {
    width: 50%;
    display: inline-block;
    outline: 0;
    padding-left: 1.3125rem;
    height: 1.6875rem;
    font-size: .75rem;
    margin-bottom: .75rem;
    position: relative;
    border: 1px solid;
    border-color: #e2e7ea;
    border-radius: .25rem
}

.filter-form-inner .dropdown-target .price::-webkit-input-placeholder {
    opacity: .5
}

.filter-form-inner .dropdown-target .price::-moz-placeholder {
    opacity: .5
}

.filter-form-inner .dropdown-target .price:-ms-input-placeholder {
    opacity: .5
}

.filter-form-inner .dropdown-target .price::placeholder {
    opacity: .5
}

.filter-form-inner .dropdown-target .price-label {
    position: absolute;
    margin-right: -1.1875rem;
    margin-top: .34375rem;
    color: #000;
    font-size: .6875rem;
    z-index: 1;
    font-weight: 300;
    padding-left: .4375rem;
    opacity: .5
}

.filter-form-inner .dropdown-target .price-min {
    border-right-color: transparent!important;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.filter-form-inner .dropdown-target .price-max {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.sort_wrapper {
    display: none;
    width: 100%;
    margin-left: 1.25rem;
    margin-top: .9375rem;
    *zoom: 1
}

.sort_wrapper:after {
    content: " ";
    display: table;
    clear: both
}

.sort_wrapper .sort-select, .sort_wrapper .sort_view_wrap {
    display: inline-block;
    max-width: 15.625rem;
    vertical-align: top
}

.sort_wrapper .sort-select {
    height: 1.25rem;
    letter-spacing: .025rem;
    position: relative
}

.sort_wrapper .sort-select .sort-select-title {
    *zoom: 1;
    font-size: 1rem;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.sort_wrapper .sort-select .sort-select-title:after {
    content: " ";
    display: table;
    clear: both
}

.sort_wrapper .sort-select .sort-select-title i, .sort_wrapper .sort-select .sort-select-title span {
    display: inline-block
}

.sort_wrapper .sort-select .bread-arrow {
    display: inline-block;
    vertical-align: middle;
    height: .625rem;
    width: .625rem;
    margin-left: .625rem;
    -webkit-transform-origin: 50%;
    -ms-transform-origin: 50%;
    transform-origin: 50%;
    background: url(/bitrix/templates/main_contacts/css/../img/icons/select_down.svg) no-repeat 50%
}

.sort_wrapper .sort-select.active .bread-arrow {
    -webkit-transform: scaleY(-1);
    -ms-transform: scaleY(-1);
    transform: scaleY(-1)
}

.sort_wrapper .sort-select.active .sort-select-title {
    color: #0e2a91
}

.sort_wrapper .sort-select .bread-arrow {
    margin-top: -.0625rem
}

.sort_wrapper .sort-select .dropdown-target {
    z-index: 5
}

.sort_wrapper .sort-select .dropdown-inner, .sort_wrapper .sort-select .dropdown-target {
    min-width: 10.625rem
}

.sort_wrapper .sort-select .dropdown-inner {
    margin-left: -.9375rem
}

.sort_wrapper .sort-select .dropdown-content {
    padding: .625rem .625rem .9375rem
}

.sort_wrapper .sort-select .dropdown-content .sort-select-item {
    padding: .4375rem 0;
    color: #2e2e2e
}

.sort_wrapper .sort-select .dropdown-content .sort-select-item a {
    -webkit-transition: color .3s;
    transition: color .3s;
    color: #2e2e2e;
    display: inline-block;
    width: 100%
}

.sort_wrapper .sort-select .dropdown-content .sort-select-item.active {
    font-weight: 700
}

.sort_wrapper .sort-select .dropdown-content .sort-select-item.active a {
    color: #1785ff
}

.sort_wrapper .sort-select .dropdown-content .sort-select-item.active:before {
    opacity: 1
}

.mobile-dropdowm-trigger {
    display: none
}

.pagination-wrapper {
    text-align: center
}

.pagination-inner {
    display: inline-block
}

.pagination-inner .cards-slider-nav {
    margin: 0;
    max-width: 600px
}

.pagination-inner .cards-slider-nav .pagin-counter {
    display: inline-block;
    vertical-align: middle;
    padding-left: 1.25rem;
    padding-right: 1.25rem
}

.pagination-inner .cards-slider-nav .pagin-counter-item {
    width: 1.5625rem;
    height: 1.5625rem;
    display: inline-block;
    line-height: 1.5625rem;
    font-family: intro;
    font-weight: 400;
    text-align: center;
    color: #2e2e2e
}

.pagination-inner .cards-slider-nav .pagin-counter-item.active {
    color: #fff;
    background: #1785ff
}

.pagination-inner .cards-slider-nav .pagin-counter .dots {
    display: inline-block;
    font-size: 1.0625rem
}

.bx-ios .pagination-inner .pagin-counter-item, .bx-mac .pagination-inner .pagin-counter-item, .bx-touch .pagination-inner .pagin-counter-item {
    line-height: 1.75rem
}

.product-content-wrapper {
    width: 100%;
    *zoom: 1;
    padding: 2.1875rem 1.5625rem 0 3.4375rem
}

.product-content-wrapper:after {
    content: " ";
    display: table;
    clear: both
}

.product-much-cont {
    background: #f4f4f4;
    padding: 1.5625rem;
    position: relative
}

.product-much-cont .btn {
    display: none
}

.product-galery-wrap {
    text-align: center;
    padding-right: 2.1875rem
}

.product-galery-wrap .slick-dots {
    opacity: 1;
    left: -.3125rem;
    right: auto
}

.product-galery-wrap:hover .cards-slider-nav {
    opacity: 1
}

.product-galery-wrap .cards-slider-nav {
    position: absolute;
    width: 100%;
    max-width: 100%;
    height: 5.25rem;
    bottom: 1.5625rem;
    opacity: 0;
    -webkit-transition: opacity .3s;
    transition: opacity .3s;
    left: 0;
    right: 0;
    *zoom: 1
}

.product-galery-wrap .cards-slider-nav:after {
    content: " ";
    display: table;
    clear: both
}

.product-galery-wrap .cards-slider-nav .slick-arrow {
    padding: 2.1875rem 0 .9375rem;
    width: 1.875rem
}

.product-galery-wrap .cards-slider-nav .slick-arrow svg {
    width: 100%
}

.product-galery-wrap .cards-slider-nav .carousel-prev {
    float: left;
    margin-left: .625rem
}

.product-galery-wrap .cards-slider-nav .carousel-next {
    float: right;
    margin-right: .625rem
}

.product-galery-wrap, .product-main-wrap {
    width: 50%;
    display: inline-block;
    float: left;
    *zoom: 1
}

.product-galery-wrap:after, .product-main-wrap:after {
    content: " ";
    display: table;
    clear: both
}

.product-much-slider {
    cursor: pointer;
    min-height: 25rem;
    text-align: center;
    font-size: 0;
    overflow: hidden;
    white-space: nowrap;
    margin: 0 -1.5625rem 3.125rem
}

.product-much-slider:before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    width: 0;
    height: 100%
}

.product-much-slider .slick-list, .product-much-slider .slick-track {
    overflow: hidden;
    white-space: nowrap
}

.product-much-slider>img {
    display: inline-block;
    max-width: 100%;
    max-height: 28.125rem;
    margin-top: 1.5625rem;
    vertical-align: middle
}

.product-slider-item {
    padding: 2.5rem 0 0;
    max-height: 28.125rem;
    display: inline-block;
    text-align: center;
    font-size: 0
}

.product-slider-item:before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    width: 0;
    height: 100%
}

.product-slider-item img {
    display: inline-block;
    vertical-align: middle;
    max-width: 100%;
    max-height: 24.375rem
}

.product-add-slider {
    height: 5.25rem;
    margin-top: -43.75rem;
    margin-right: -.25rem;
    width: 23.625rem;
    display: inline-block;
    position: relative;
    z-index: 2
}

.product-add-slider, .product-add-slider .slick-list, .product-add-slider .slick-track {
    overflow: hidden;
    white-space: nowrap
}

.product-add-img {
    height: 5.25rem;
    width: 100%;
    background-position: 50%;
    background-size: contain;
    background-repeat: no-repeat;
    border: 2px solid transparent;
    opacity: 1;
    -webkit-transition: opacity .3s, border .3s;
    transition: opacity .3s, border .3s
}

.product-add-item {
    padding: 0 .3125rem;
    margin-right: .0625rem;
    display: inline-block
}

.product-add-item:hover:not(.slick-current) .product-add-img {
    cursor: pointer;
    border-color: #0e2a91
}

.product-add-item.curr .product-add-img, .product-add-item.slick-current .product-add-img {
    border-bottom-color: #1785ff;
    opacity: .5;
    -webkit-transition: opacity .3s;
    transition: opacity .3s
}

.product-add-item.curr .product-add-img:hover, .product-add-item.slick-current .product-add-img:hover {
    border-top-color: transparent;
    border-left-color: transparent;
    border-right-color: transparent
}

.product-main-wrap {
    padding-left: .4375rem
}

.product-main-descr {
    padding-bottom: 1.75rem
}

.product-main-descr .u-intro {
    line-height: 1
}

.product-main-descr:not(:first-child) {
    padding: 1.5625rem 0;
    border-top: 1px solid #e2e7ea
}

.product-main-descr .u-text:not(p) {
    margin: 1.1875rem 0 .6875rem;
    line-height: 1.8
}

.product-main-descr .features {
    font-size: 0;
    white-space: normal
}

.product-main-descr .features_block {
    display: inline-block;
    min-width: 50%;
    vertical-align: top;
    border-left: none;
    padding: 0;
    padding-right: 1.375rem
}

.product-main-descr .features_block:nth-child(n+3) {
    margin-top: 10px
}

.product-main-descr .features_block .u-text {
    display: block;
    overflow: hidden;
    font-size: .6875rem
}

.product-main-descr .features--img {
    margin: .125rem .625rem 0 0;
    width: 1.75rem;
    height: 1.75rem
}

.product-main-descr .features--img img {
    max-width: 100%
}

.product-main-form {
    *zoom: 1;
    margin-top: 1.25rem;
    font-size: 0
}

.product-main-form:after {
    content: " ";
    display: table;
    clear: both
}

.product-main-form.error .not-set .selects {
    border-color: #d40303
}

.product-main-calcwrap, .product-main-selects {
    display: inline-block;
    vertical-align: top
}

.product-main-selects {
    width: 56%
}

.product-main-selects .selects {
    padding: .5rem .625rem
}

.product-main-selects .select-check {
    font-size: 0
}

.product-main-selects .select-check.disabled {
    opacity: .7;
    pointer-events: none
}

.product-main-selects .select-check:not(:last-child) {
    margin-bottom: 1.03125rem
}

.product-main-selects .btn, .product-main-selects .number-cont {
    display: inline-block;
    width: 48%;
    vertical-align: top
}

.product-main-selects .number-cont {
    padding-right: 2%
}

.product-main-selects .btn {
    margin-left: 2%;
    min-width: 0;
    float: right;
    padding: .4375rem 0;
    height: 1.75rem
}

.product-main-selects .btn.disabled {
    opacity: .5;
    pointer-events: none
}

.product-main-calcwrap {
    width: 44%;
    padding-left: 1.375rem
}

.product-tabs-content {
    padding: 1.5625rem 1.5625rem 0 3.4375rem
}

.product-tabs-content .tabs-head {
    width: 100%
}

.product-tabs-content .tabs-body {
    padding-bottom: 1.25rem
}

.product-tabs-content .tabs-body .products-inner {
    padding-top: 0;
    margin-left: -.25rem
}

.product-tabs-content .tabs-body .products-inner .product-card-inner {
    min-height: 13.125rem;
    padding-bottom: 2.125rem
}

.product-tabs-content+.slider-section {
    padding-bottom: 0
}

@-webkit-keyframes c {
    0% {
        stroke-dashoffset: 0;
        stroke-dasharray: 150.6 100.4
    }
    50% {
        stroke-dashoffset: 251;
        stroke-dasharray: 1 250
    }
    to {
        stroke-dashoffset: 502;
        stroke-dasharray: 150.6 100.4
    }
}

@keyframes c {
    0% {
        stroke-dashoffset: 0;
        stroke-dasharray: 150.6 100.4
    }
    50% {
        stroke-dashoffset: 251;
        stroke-dasharray: 1 250
    }
    to {
        stroke-dashoffset: 502;
        stroke-dasharray: 150.6 100.4
    }
}

@-webkit-keyframes d {
    to {
        -webkit-transform: rotate(-1turn);
        transform: rotate(-1turn)
    }
}

@keyframes d {
    to {
        -webkit-transform: rotate(-1turn);
        transform: rotate(-1turn)
    }
}

.calc-container {
    background: #ffea98;
    padding: 1.5625rem .9375rem 0;
    text-align: center;
    position: relative
}

.calc-container .product-card-price {
    position: static;
    font-weight: 700
}

.calc-container .product-card-price .u-graytext {
    color: #857e60;
    display: block;
    text-align: center;
    font-weight: 400;
    letter-spacing: .025rem;
    margin-top: .125rem
}

.calc-container.load .calc-load {
    opacity: 1;
    visibility: visible
}

.calc-load {
    opacity: 0;
    visibility: hidden;
    -webkit-transition: opacity .3s, visibility .3s;
    transition: opacity .3s, visibility .3s;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: rgba(255, 234, 152, .8);
    font-size: 0;
    text-align: center
}

.calc-load:before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    width: 0;
    height: 100%
}

.calc-load svg {
    display: inline-block;
    -webkit-transform-origin: 50%;
    -ms-transform-origin: 50%;
    transform-origin: 50%;
    -webkit-animation: d 3s infinite linear;
    animation: d 3s infinite linear
}

.calc-load svg .load-stroke {
    stroke-dasharray: 75, 200;
    stroke-dashoffset: 150.6 195.4;
    -webkit-animation: c 2s infinite linear;
    animation: c 2s infinite linear
}

.calc-button {
    margin: 0 -.9375rem;
    background: #2e2e2e;
    color: #fff;
    padding: .375rem 0;
    -webkit-transition: background .3s;
    transition: background .3s;
    position: relative;
    z-index: 1
}

.calc-button:hover {
    background: #0327ab
}

.calc-button .calc {
    color: #fff;
    background-color: transparent;
    font-size: .6875rem;
    letter-spacing: .05rem;
    line-height: 1.5
}

.calc-text {
    margin: .625rem 0 1.375rem;
    color: #2e2e2e
}

.calc-text:last-child {
    padding-bottom: 3.125rem
}

.number {
    font-size: 0;
    position: relative;
    width: 100%;
    *zoom: 1
}

.number:after {
    content: " ";
    display: table;
    clear: both
}

.number.disabled {
    position: relative
}

.number.disabled:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #fff;
    opacity: .5;
    z-index: 1
}

.number-wrap {
    border: 1px solid #e2e7ea;
    border-radius: .1875rem;
    overflow: hidden;
    -webkit-transition: border .3s;
    transition: border .3s
}

.number-wrap:hover {
    border: 1px solid #0e2a91
}

.number__minus, .number__plus {
    max-width: 1.6875rem;
    width: 20%;
    background-color: #fff;
    position: relative;
    border-radius: .1875rem;
    cursor: pointer;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 10px 10px;
    border-color: #e2e7ea;
    -webkit-transition: border-color .3s, background-color .3s;
    transition: border-color .3s, background-color .3s
}

.number__minus:not(.disabled):hover, .number__plus:not(.disabled):hover {
    background-color: #f4f4f4;
    border-color: #0e2a91
}

.number__minus:not(.disabled):active, .number__plus:not(.disabled):active {
    background-color: #dbdbdb
}

.number__minus.disabled, .number__plus.disabled {
    opacity: .5;
    pointer-events: none
}

.number__input, .number__minus, .number__plus {
    display: inline-block!important;
    vertical-align: top;
    font-size: .6875rem;
    height: 1.75rem
}

.number__input {
    background-color: transparent;
    line-height: 1.75rem;
    max-width: 60%;
    text-align: center;
    color: #000;
    border: 0;
    width: 100%;
    margin: 0;
    position: relative
}

.number__input .number__input {
    width: 100%;
    padding-right: .625rem
}

.number__input .fake-bg {
    display: inline-block;
    white-space: nowrap;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.number__input .fake-bg-currency, .number__input .fake-bg-text {
    display: inline-block;
    text-align: center
}

.number__input .fake-bg-currency {
    padding-left: .0625rem;
    max-width: .8125rem;
    white-space: nowrap
}

.number__input .fake-bg-text {
    color: transparent;
    min-width: .75rem
}

.number__minus {
    background-image: url(/bitrix/templates/main_contacts/css/../img/icons/minus.svg);
    border-right: 1px solid #e2e7ea;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.number__plus {
    background-image: url(/bitrix/templates/main_contacts/css/../img/icons/plus.svg);
    border-left: 1px solid #e2e7ea;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.side-wrap {
    font-size: 0;
    margin-top: -.3125rem;
    margin-bottom: 1.5625rem
}

.side-wrap.contacts-wrap .side-cont {
    max-width: 100%;
    font-size: 0
}

.side-wrap.contacts-wrap .col-50 {
    width: 50%;
    -webkit-column-count: 1;
    -moz-column-count: 1;
    column-count: 1;
    display: inline-block;
    vertical-align: top
}

.side-wrap .side-cont, .side-wrap .side-title {
    display: inline-block;
    vertical-align: top;
    min-height: .0625rem
}

.side-wrap .side-title {
    max-width: 17.375rem;
    width: 27%
}

.side-wrap .side-title .u-intro {
    line-height: 1.65
}

.side-wrap .side-cont {
    width: 73%;
    max-width: 45.375rem
}

.side-wrap .side-cont .u-black {
    margin-bottom: 1.25rem
}

.side-wrap .side-cont p {
    font-size: .8125rem;
    color: #2e2e2e;
    line-height: 1.85;
    margin-bottom: .5625rem;
    letter-spacing: .025rem
}

.side-wrap .side-cont ol, .side-wrap .side-cont ul {
    margin-bottom: .8rem;
    margin-top: .875rem
}

.side-wrap .side-cont h2, .side-wrap .side-cont h3, .side-wrap .side-cont h4 {
    margin-bottom: .875rem;
    margin-top: 1.25rem;
    display: block
}

.side-wrap .side-cont .u-intro.h1 {
    margin-bottom: 1.5625rem
}

.side-wrap .side-cont table {
    border: 1px solid #e2e7ea;
    margin-top: 20px;
    margin-bottom: 20px
}

.side-wrap .side-cont table th {
    background: #e2e7ea;
    font-size: .6875rem;
    color: #898d9a;
    font-weight: 400
}

.side-wrap .side-cont table tr:not(:last-child) {
    border: 1px solid #e2e7ea
}

.side-wrap .side-cont table tr td, .side-wrap .side-cont table tr th {
    padding: .9375rem .625rem;
    text-align: left
}

.side-wrap .side-cont table tr td:not(:first-child), .side-wrap .side-cont table tr th:not(:first-child) {
    text-align: center
}

.side-wrap .side-cont table tr td {
    color: #000
}

.specials-wrapper {
    font-size: 0;
    counter-reset: a;
    margin-top: 1.875rem
}

.specials-item {
    display: inline-block;
    vertical-align: top;
    counter-increment: a;
    margin-bottom: .625rem
}

.specials-item:nth-of-type(3n+1) {
    padding-right: .8125rem;
    width: 36%
}

.specials-item:nth-of-type(3n+2) {
    padding-right: .3125rem;
    width: 34%
}

.specials-item:nth-of-type(3n+3) {
    width: 30%
}

.specials-name {
    color: #1785ff;
    line-height: 1.75
}

.specials-name:before {
    content: counter(a, decimal-leading-zero);
    display: block;
    margin-right: .625rem;
    width: 1.5625rem;
    float: left
}

.specials-text {
    margin-top: .625rem
}

.char-table {
    border: 1px solid #e2e7ea;
    font-size: 0;
    width: 100%;
    max-width: 48.4375rem;
    margin-bottom: 1.25rem
}

.char-table dl {
    *zoom: 1;
    padding: .875rem 0 1.125rem
}

.char-table dl:after {
    content: " ";
    display: table;
    clear: both
}

.char-table dl:not(:last-child) {
    border-bottom: 1px solid #e2e7ea
}

.char-head {
    background: #e2e7ea
}

.char-head .char-descr, .char-head .char-name {
    font-size: .6875rem;
    color: #898d9a;
    font-weight: 400
}

.char-descr, .char-name {
    display: inline-block;
    vertical-align: middle;
    float: left;
    font-size: .8125rem;
    color: #2e2e2e;
    padding-left: 1.875rem
}

.char-descr {
    font-weight: 700;
    width: 52%
}

.char-name {
    width: 48%
}

.yes {
    display: inline-block;
    width: .8125rem;
    height: .8125rem;
    background-size: contain;
    background-position: 50%;
    background-repeat: no-repeat;
    background-image: url(/bitrix/templates/main_contacts/css/../img/icons/plus_green.svg)
}

.colors-wrapper {
    *zoom: 1;
    margin: 0 -1.25rem 0 -.5rem;
    max-height: 18.75rem;
    overflow: hidden;
    will-change: max-height;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-transition: max-height .7s cubic-bezier(.8, .23, .29, 1.06);
    transition: max-height .7s cubic-bezier(.8, .23, .29, 1.06)
}

.colors-wrapper:after {
    content: " ";
    display: table;
    clear: both
}

.colors-wrapper.active {
    max-height: 3000px
}

.colors-item {
    display: inline-block;
    vertical-align: top;
    width: 16.66%;
    padding: 0 .5rem;
    margin-bottom: .9375rem
}

.colors-item .u-graytext {
    margin-top: .3125rem
}

.colors-color {
    width: 100%;
    height: 2.375rem;
    border-radius: .1875rem
}

.tab-material {
    display: inline-block;
    vertical-align: top;
    background-repeat: no-repeat;
    background-position: left top .2rem;
    background-size: 27px 23px;
    padding: .3125rem 0 .4375rem 2.1875rem;
    margin-bottom: .8125rem;
    -webkit-transition: color .3s;
    transition: color .3s;
    color: #2e2e2e;
    font-size: .6875rem;
    line-height: 1.75;
    letter-spacing: .025rem
}

.tab-material:nth-of-type(3n+1) {
    padding-right: .8125rem;
    width: 36%
}

.tab-material:nth-of-type(3n+2) {
    padding-right: .3125rem;
    width: 34%
}

.tab-material:nth-of-type(3n+3) {
    width: 30%
}

.tab-material:hover {
    color: #0e2a91
}

.sertivicat-wrap {
    margin-right: -1.5625rem;
    font-size: 0
}

.sertivicat-wrap .sertivicat-item p {
    color: #0432da;
    font-size: .6875rem;
    margin-top: .625rem;
    background-image: url(/bitrix/templates/main_contacts/css/../img/icons/crop-4.svg) repeat
}

.sertivicat-item {
    display: inline-block;
    width: 25%;
    vertical-align: top;
    padding-right: 1.5625rem;
    margin-bottom: 1rem;
    cursor: pointer
}

.sertivicat-item:hover p {
    color: #0e2a91
}

.sertivicat-img {
    width: 100%
}

.sertivicat-img.product-slider-item {
    height: auto;
    padding: 0;
    max-height: 37.5rem
}

.sertivicat-img.product-slider-item img {
    max-height: 37.5rem
}

.sertivicat-img img {
    display: inline-block;
    max-width: 100%
}

.video {
    position: relative;
    padding-top: 55.25%;
    margin-top: 1.5625rem;
    *zoom: 1
}

.video:after {
    content: " ";
    display: table;
    clear: both
}

.video iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.select-list {
    max-height: 10rem
}

.option {
    display: block;
    width: 100%;
    cursor: pointer;
    position: relative;
    padding: .5rem 0
}

.option .help-block {
    display: none
}

.option input {
    position: absolute;
    opacity: 0
}

.option input:checked+span {
    font-weight: 600;
    color: #1785ff
}

.option span {
    display: inline-block;
    width: 100%;
    position: relative;
    color: #2e2e2e;
    font-size: .6875rem
}

.option:hover span, .option span {
    -webkit-transition: color .3s;
    transition: color .3s
}

.option:hover span {
    color: #0e2a91
}

.option.color-option {
    display: inline-block;
    vertical-align: top;
    width: 25%;
    padding: 0 .3125rem 0 0
}

.option.color-option .color-block {
    display: inline-block;
    width: 100%;
    height: 1.125rem;
    border: 2px solid transparent;
    -webkit-transition: border .3s;
    transition: border .3s;
    border-radius: .1875rem
}

.option.color-option .text-block {
    margin: .1875rem 0 .3125rem
}

.option.color-option input:checked+.color-block {
    border: 2px solid #1785ff
}

.option.color-option:hover .color-block {
    border: 2px solid #0e2a91
}

.option.color-option:hover .text-block {
    color: #2e2e2e
}

.color-select-wrapper {
    margin-right: -.3125rem
}

.roofs-wrapper {
    margin-right: -.9375rem
}

.roofs-wrapper .tabs-head {
    width: 100%;
    margin: .625rem 0;
    white-space: nowrap
}

.roofs-wrapper .tabs-head .tabs-item {
    border-color: transparent;
    padding: 0 .9375rem 0 0;
    background: transparent;
    border-radius: .1875rem;
    overflow: hidden
}

.roofs-wrapper .tabs-head .tabs-item:hover .roof-img {
    border-color: #0e2a91
}

.roofs-wrapper .tabs-head .tabs-item.active .roof-img {
    border-color: #1785ff
}

.roofs-wrapper .tabs-head .tabs-item .roof-img {
    display: inline-block;
    width: 100%;
    height: 3.75rem;
    border: 1.5px solid transparent;
    -webkit-transition: border-color .3s;
    transition: border-color .3s;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: 50%;
    background-color: #f4f4f4
}

.roofs-wrapper .tabs-cont {
    padding-top: .9375rem
}

.roofs-wrapper .tabs-cont .roof-form-wrap, .roofs-wrapper .tabs-cont .roof-img-wrap {
    display: inline-block;
    vertical-align: top
}

.roofs-wrapper .tabs-cont .roof-img-wrap {
    width: 40%;
    padding-right: 1.5625rem
}

.roofs-wrapper .tabs-cont .roof-img-wrap img {
    display: block;
    margin: .3125rem auto 0;
    max-width: 100%
}

.roofs-wrapper .tabs-cont .roof-form {
    margin-bottom: .625rem
}

.roofs-wrapper .tabs-cont .roof-form-wrap {
    width: 60%;
    margin-right: -.9375rem
}

.roofs-wrapper .tabs-cont .roof-form-wrap .input-wrapper {
    display: inline-block;
    width: 50%;
    vertical-align: top;
    padding-right: .9375rem;
    position: relative
}

.roofs-wrapper .tabs-cont .roof-form-wrap .input-wrapper .input-title {
    position: absolute;
    display: inline-block;
    left: .625rem;
    top: 0;
    font-size: .6875rem;
    line-height: 2rem
}

.roofs-wrapper .tabs-cont .roof-form-wrap .input-wrapper .input-main {
    padding-left: 1.875rem
}

.roofs-wrapper .tabs-cont .roof-total {
    background: #ffea98;
    border-radius: .1875rem;
    margin-right: .9375rem
}

.roofs-wrapper .tabs-cont .roof-total-cont {
    padding: .4375rem .625rem;
    *zoom: 1;
    width: 100%;
    font-size: 0;
    display: table
}

.roofs-wrapper .tabs-cont .roof-total-cont:after {
    content: " ";
    display: table;
    clear: both
}

.roofs-wrapper .tabs-cont .roof-total-cont .u-graytext {
    display: table-cell;
    color: #857e60
}

.roofs-wrapper .tabs-cont .roof-total-result {
    font-size: .875rem;
    color: #000;
    font-weight: 600;
    line-height: 1.125rem;
    text-align: right;
    padding-left: .3125rem;
    display: table-cell
}

.column-wrap {
    display: table;
    width: 100%;
    *zoom: 1;
    padding: 2.25rem 1.5625rem 0 3.4375rem
}

.column-wrap:after {
    content: " ";
    display: table;
    clear: both
}

.column-aside, .column-content {
    display: table-cell;
    vertical-align: top;
    min-height: .0625rem
}

.column-aside {
    width: 17.4375rem;
    min-width: 17.4375rem;
    max-width: 17.4375rem;
    padding-left: 1.5625rem
}

.column-content {
    max-width: 51rem;
    width: 100%
}

.table {
    display: table;
    width: 100%;
    border: 1px solid #e2e7ea;
    position: relative
}

.table-head {
    display: table-header-group;
    background: #e2e7ea;
    font-size: .6875rem;
    color: #898d9a;
    font-weight: 400
}

.table-head .table-item {
    padding: .8125rem 0 1.0625rem
}

.table-head .table-count {
    padding-left: 3%
}

.table-price, .table-total {
    text-align: right
}

.table-item {
    display: table-cell;
    vertical-align: top;
    padding: .9375rem 0;
    border-bottom: 1px solid #e2e7ea
}

.table-item .prop {
    display: block
}

.table-name .categories-elem-name, .table-price .u-text, .table-total .u-text {
    padding-top: .3125rem
}

.table-row {
    display: table-row;
    padding: .9375rem 0;
    font-size: 0;
    position: relative
}

.table-row:last-child .table-item {
    border-bottom: 0
}

.table-img {
    width: 7.5rem;
    padding: .9375rem
}

.table-img img {
    display: block;
    max-width: 100%;
    margin: 0 auto
}

.table-delete {
    width: 3.4375rem;
    text-align: center
}

.table-delete .small-link {
    margin-top: .5rem;
    margin-left: .5rem
}

.table-count {
    padding-left: 3%;
    padding-right: 3%;
    min-width: 9.375rem
}

.table-count .number-wrap {
    max-width: 8.875rem
}

.card {
    padding: 1.5625rem;
    *zoom: 1
}

.card:after {
    content: " ";
    display: table;
    clear: both
}

.card.notify-card {
    font-size: 0;
    margin-bottom: .625rem
}

.card.notify-card .button-wrapp, .card.notify-card .u-text {
    display: inline-block;
    vertical-align: top
}

.card.notify-card .u-text {
    width: 80%;
    line-height: 1.4
}

.card.notify-card .button-wrapp {
    width: 20%;
    vertical-align: middle
}

.card.notify-card .button-wrapp .btn {
    float: right
}

.card .price-wrap {
    float: none;
    min-width: 0
}

.card .product-card-price {
    position: static;
    font-weight: 700
}

.card .u-black {
    margin-bottom: .5625rem
}

.card .u-text {
    margin-bottom: 1.0625rem;
    line-height: 1.85
}

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

.card-yell {
    background: #ffea98
}

.card-blue {
    background: #e5f0f8
}

.error-wrapper {
    padding: 2.1875rem 1.5625rem 0 3.75rem;
    font-size: 0;
    max-width: 60.75rem;
    min-height: 18.75rem
}

.error-wrapper._404 {
    max-width: 70.9375rem
}

.error-wrapper._404 .error-img, .error-wrapper._404 .error-msg {
    width: 50%;
    max-width: 50%
}

.error-wrapper._404 .error-img .discount-size {
    font-size: 16.25rem;
    line-height: .7
}

.error-img, .error-msg {
    display: inline-block;
    vertical-align: top
}

.error-img {
    max-width: 17.5rem;
    width: 31%;
    padding-right: 4.375rem
}

.error-img-inner {
    background-size: contain;
    background-repeat: no-repeat;
    background-position: top;
    display: inline-block;
    height: 15.625rem;
    width: 100%
}

.error-aside {
    display: inline-block;
    vertical-align: top;
    width: 34%;
    padding-left: 5%
}

.error-aside .card {
    padding: 1.25rem
}

.error-aside .card .btn {
    width: 100%
}

.error-aside .card .card-img {
    display: inline-block;
    vertical-align: top;
    width: 4.375rem;
    max-height: 2.5rem
}

.error-aside .card .card-img img {
    display: block;
    margin: 0 auto;
    max-width: 100%;
    max-height: 2.5rem
}

.error-msg {
    width: 69%;
    margin-top: -.3125rem
}

.error-msg.offer {
    width: 59%
}

.error-msg .u-intro {
    letter-spacing: .075rem;
    margin-bottom: .75rem
}

.error-msg .u-text {
    line-height: 1.85;
    margin-bottom: 1.625rem
}

.error-msg .u-black {
    margin-bottom: .75rem
}

.error-msg .btn {
    padding: .75rem 0 .6875rem;
    width: 10.9375rem
}

.headcont {
    border: 1px solid #d8d8dd;
    margin-bottom: 1.5625rem
}

.headcont+.btn {
    float: right;
    padding-left: 2.1875rem;
    padding-right: 2.1875rem
}

.headcont .u-title {
    font-weight: 700
}

.headcont-head {
    padding: .9375rem .625rem 1rem 1.0625rem;
    background: #f6f6f6;
    border-bottom: 1px solid #d8d8dd
}

.headcont-body {
    padding: 1.25rem 1.0625rem 0;
    font-size: 0
}

.headcont-wrapp:not(:last-child) {
    border-bottom: 1px solid #d8d8dd
}

.headcont-wrapp:not(:first-child) {
    padding: 1.125rem 0 1.3125rem
}

.headcont-wrapp:first-child {
    padding-bottom: 1.3125rem
}

.headcont-title {
    max-width: 11.3125rem;
    width: 23%
}

.headcont-item {
    width: 77%
}

.headcont-item.select-radio .select-u-item {
    display: inline-block;
    max-width: 9.375rem;
    margin-top: .1875rem
}

.headcont-item .input-wrapper:not(.subscribe-wrapper) {
    width: 50%;
    vertical-align: top;
    display: inline-block
}

.headcont-item .input-wrapper:not(.subscribe-wrapper):nth-child(2n) {
    padding-left: .9375rem
}

.headcont-item .input-wrapper:not(.subscribe-wrapper):nth-child(2n-1) {
    padding-right: .9375rem
}

.headcont-item .capcha-container, .headcont-item .home-wrap {
    width: 50%;
    display: inline-block;
    vertical-align: top
}

.headcont-item .capcha-container .input-wrapper, .headcont-item .home-wrap .input-wrapper {
    width: 33%;
    padding: 0 0 0 .9375rem
}

.headcont-item, .headcont-title {
    display: inline-block;
    vertical-align: top
}

.capcha-container {
    padding: 1.5rem 1.875rem 0 .9375rem;
    position: relative
}

.capcha-item {
    height: 1.8125rem
}

.capcha-item img {
    display: block;
    margin: 0 auto
}

.capcha-btn {
    position: absolute;
    bottom: 0;
    right: 0;
    padding: .375rem;
    cursor: pointer;
    background: 0 0
}

.capcha-btn:hover .btn-inner {
    -webkit-transform: rotate(-1turn);
    -ms-transform: rotate(-1turn);
    transform: rotate(-1turn);
    -webkit-transition: -webkit-transform .3s;
    transition: -webkit-transform .3s;
    transition: transform .3s;
    transition: transform .3s, -webkit-transform .3s
}

.capcha-btn .btn-inner {
    height: 1.125rem;
    width: 1.125rem;
    background-size: contain;
    background-position: 50%;
    background-repeat: no-repeat;
    background-image: url(/bitrix/templates/main_contacts/css/../img/icons/update.svg)
}

.acc-menu-item {
    display: inline-block;
    vertical-align: top;
    letter-spacing: .0125rem
}

.acc-menu-item:not(:last-of-type) {
    padding-right: 2.0625rem
}

.acc-menu-item a {
    font-size: .875rem;
    font-weight: 400;
    color: #2e2e2e;
    padding: 1.125rem 0 1.25rem;
    margin: -1.125rem 0 -1.25rem
}

.acc-menu-item.active a {
    font-weight: 700;
    color: #0e2a91
}

.acc-filter {
    padding-left: 0
}

.filter-form-inner .small-link {
    float: right;
    line-height: 1.8;
    padding: 1.125rem 0 1.25rem;
    margin: -1.125rem 0 -1.25rem
}

.filter-form-inner .small-link span {
    color: #898d9a
}

.filter-form-inner .small-link:hover span {
    color: #0e2a91
}

.offerlist-section {
    padding: 2.1875rem 1.5625rem 0 3.4375rem
}

.offerlist-section+.pagination-wrapper {
    margin-top: 1.875rem
}

.offerlist-section>.table {
    font-size: 0
}

.offerlist-section>.table .table-inline.table-row {
    display: inline-block;
    *zoom: 1;
    width: 100%;
    border: 1px solid transparent;
    border-top-color: #e2e7ea;
    -webkit-transition: border .3s, background .3s;
    transition: border .3s, background .3s;
    padding: 0
}

.offerlist-section>.table .table-inline.table-row:after {
    content: " ";
    display: table;
    clear: both
}

.offerlist-section>.table .table-inline.table-row.active {
    border-color: #0e2a91;
    background: #f6f6f6
}

.offerlist-section>.table .table-inline.table-row.active .select-img {
    -webkit-transform: scaleY(-1);
    -ms-transform: scaleY(-1);
    transform: scaleY(-1)
}

.offerlist-section>.table .table-inline.table-row>.table-item {
    min-height: 4.1875rem;
    border-bottom: none
}

.offerlist-section>.table .table-inline>.table-date {
    width: 13%
}

.offerlist-section>.table .table-inline>.table-item {
    display: inline-block;
    vertical-align: top;
    white-space: nowrap
}

.offerlist-section>.table .table-inline>.table-item:not(.table-status):not(.table-btn) {
    cursor: pointer
}

.offerlist-section>.table .table-inline>.table-number {
    width: 6.875rem;
    max-width: 6.875rem;
    padding-left: .9375rem
}

.offerlist-section>.table .table-inline>.table-arr {
    width: 2.1875rem;
    max-width: 2.1875rem;
    text-align: center;
    float: right
}

.offerlist-section>.table .table-inline>.table-arr .select-img {
    float: none
}

.offerlist-section>.table .table-inline>.table-btn {
    width: 9.375rem;
    max-width: 9.375rem;
    float: right
}

.offerlist-section>.table .table-inline>.table-count {
    min-width: 0;
    width: 5.625rem;
    max-width: 5.625rem;
    padding-left: 0
}

.offerlist-section>.table .table-inline>.table-status {
    width: 15%;
    padding-left: 2%;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.offerlist-section>.table .table-inline>.table-total {
    width: 10%
}

.offerlist-section>.table .table-inline>.table-pay {
    padding-left: 6%;
    width: 18%
}

.offerlist-section>.table .table-inline>.table-row {
    display: inline-block;
    width: 100%
}

.offerlist-section>.table .table-inline .table-status {
    position: relative
}

.offerlist-section>.table .table-inline .table-status.dropdown-trigger {
    cursor: pointer
}

.offerlist-section>.table .table-inline .table-status.dropdown-trigger .u-text>span {
    position: relative;
    margin-left: -1rem;
    padding-left: 1rem
}

.offerlist-section>.table .table-inline .table-status.dropdown-trigger .u-text>span:after, .offerlist-section>.table .table-inline .table-status.dropdown-trigger .u-text>span:before {
    position: absolute;
    content: "";
    left: 0;
    bottom: .1875rem;
    width: .75rem;
    height: .75rem;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: 50%;
    -webkit-transition: opacity .3s;
    transition: opacity .3s
}

.offerlist-section>.table .table-inline .table-status.dropdown-trigger .u-text>span:after {
    background-image: url(/bitrix/templates/main_contacts/css/../img/icons/questionh.svg);
    opacity: 0
}

.offerlist-section>.table .table-inline .table-status.dropdown-trigger .u-text>span:before {
    background-image: url(/bitrix/templates/main_contacts/css/../img/icons/question.svg)
}

.offerlist-section>.table .table-inline .table-status.dropdown-trigger:hover .u-text>span:after {
    opacity: 1
}

.offerlist-section>.table .table-inline .table-status.dropdown-trigger .dropdown-target {
    width: 135%;
    white-space: normal;
    margin-left: -1.5rem
}

.offerlist-section>.table .table-inline .table-status.dropdown-trigger .dropdown-content {
    padding: 1.25rem 1.0625rem
}

.offerlist-section>.table .table-inline .table-status.dropdown-trigger .dropdown-content .u-text {
    font-size: .6875rem
}

.offerlist-section>.table .table-inline .table-status.dropdown-trigger .dropdown-content .small-link {
    margin-top: .5rem
}

.offerlist-section>.table .table-inline .table-status .u-text span {
    display: block
}

.offerlist-content {
    font-size: 0;
    padding: 1.5rem .9375rem;
    background: #fff;
    *zoom: 1
}

.offerlist-content:after {
    content: " ";
    display: table;
    clear: both
}

.offerlist-content .cards-wrapper, .offerlist-content .table-wrapper {
    display: inline-block;
    vertical-align: top
}

.offerlist-content .table-wrapper {
    width: 70%
}

.offerlist-content .table-wrapper .table {
    border: none
}

.offerlist-content .table-wrapper .table-head {
    background: #fff
}

.offerlist-content .table-wrapper .table-name {
    width: 35%;
    padding-right: 2%
}

.offerlist-content .table-wrapper .table-count {
    padding-left: .9375rem;
    max-width: 5.625rem
}

.offerlist-content .table-wrapper .table-count .u-text {
    padding-top: .3125rem
}

.offerlist-content .table-wrapper .table-status {
    width: 6.875rem
}

.offerlist-content .table-wrapper .table-status .u-text {
    padding-top: .3125rem
}

.offerlist-content .table-wrapper .table-price {
    padding-right: 2%;
    min-width: 3.75rem
}

.offerlist-content .table-wrapper .table-total {
    min-width: 3.75rem
}

.offerlist-content .table-wrapper .table-count {
    padding-right: 4%
}

.offerlist-content .table-wrapper .table-img {
    max-width: 7.5rem
}

.offerlist-content .table-wrapper .table-img img {
    max-width: 100%
}

.offerlist-content .table-wrapper .table-item {
    border-bottom: 1px solid #d8d8dd!important
}

.offerlist-content .table-wrapper .table-footer {
    padding-top: 1.5625rem
}

.offerlist-content .table-wrapper .buttons-wrap, .offerlist-content .table-wrapper .price-wrap {
    display: inline-block;
    vertical-align: top
}

.offerlist-content .table-wrapper .buttons-wrap .small-link {
    opacity: .5;
    margin-right: 1.875rem
}

.offerlist-content .table-wrapper .buttons-wrap .small-link:hover span {
    color: #0432da
}

.offerlist-content .table-wrapper .buttons-wrap .small-link span {
    color: #2e2e2e
}

.offerlist-content .table-wrapper .buttons-wrap .small-link span:after, .offerlist-content .table-wrapper .buttons-wrap .small-link span:before {
    top: .09375rem
}

.offerlist-content .cards-wrapper {
    width: 30%;
    padding-left: 1.5625rem
}

.offerlist-content .cards-wrapper .card {
    margin-bottom: .625rem
}

.offerlist-content .cards-wrapper .card .product-card-price {
    margin: .3125rem 0 .9375rem
}

.offerlist-content .cards-wrapper .card .card-img {
    display: inline-block;
    width: 3.125rem;
    padding-right: .625rem;
    vertical-align: sub
}

.offerlist-content .cards-wrapper .card .card-img img {
    display: block;
    margin: 0 auto;
    max-width: 100%
}

.jel {
    color: #857e60
}

.price-wrap {
    float: right;
    min-width: 14.6875rem;
    *zoom: 1
}

.price-wrap:after {
    content: " ";
    display: table;
    clear: both
}

.price-wrap .divider {
    width: 100%;
    display: block;
    height: .0625rem;
    background: #857e60;
    margin-bottom: .9375rem
}

.price-wrap .product-card-price, .price-wrap .u-graytext, .price-wrap .u-text {
    display: inline-block;
    margin-bottom: 0;
    *zoom: 1
}

.price-wrap .product-card-price:after, .price-wrap .u-graytext:after, .price-wrap .u-text:after {
    content: " ";
    display: table;
    clear: both
}

.price-wrap .u-graytext {
    margin-top: .125rem
}

.price-wrap .product-card-price, .price-wrap .u-text {
    *zoom: 1;
    vertical-align: top
}

.price-wrap .product-card-price:after, .price-wrap .u-text:after {
    content: " ";
    display: table;
    clear: both
}

.price-wrap .link-wrap {
    text-align: center;
    margin: .9375rem 0 .625rem
}

.price-wrap .price-row {
    margin-bottom: .9375rem;
    text-align: justify;
    font-size: 0
}

.price-wrap .price-row:after {
    content: "";
    display: inline-block;
    width: 100%;
    height: 0
}

.headcont-item .col-50 .input-wrapper {
    width: 100%;
    padding: 0!important
}

.headcont-item .col-50:nth-of-type(2n) {
    padding-left: .9375rem
}

.headcont-item .col-50:nth-of-type(2n-1) {
    padding-right: .9375rem
}

.bx-soa {
    counter-reset: b
}

.bx-soa+.btn {
    float: right
}

.bx-soa-section {
    counter-increment: b;
    border: 1px solid #d8d8dd;
    margin: 0;
    margin-bottom: .9375rem
}

.bx-soa-section.bx-step-completed .bx-soa-section-title-container .u-intro {
    color: #1785ff;
    padding-left: 2.1875rem
}

.bx-soa-section.bx-step-completed .bx-soa-section-title-container .u-intro:after {
    opacity: 1;
    visibility: visible
}

.bx-soa-section.bx-step-completed .bx-soa-section-title-container .small-link {
    display: inline-block
}

.bx-soa-section.bx-selected {
    border-color: #0e2a91
}

.bx-soa-section.bx-selected .table-name .u-graytext {
    overflow: visible;
    max-height: 500px
}

.bx-soa-section.bx-selected .bx-soa-section-title-container {
    background-color: #0e2a91
}

.bx-soa-section.bx-selected .bx-soa-section-title-container .u-intro {
    color: #fff
}

.bx-soa-section-title-container {
    padding: 1.0625rem;
    -webkit-transition: background-color .3s;
    transition: background-color .3s;
    background-color: #f6f6f6;
    text-align: justify;
    font-size: 0
}

.bx-soa-section-title-container:after {
    content: "";
    display: inline-block;
    width: 100%;
    height: 0
}

.bx-soa-section-title-container .small-link {
    float: right;
    display: none
}

.bx-soa-section-title-container .u-intro {
    display: inline-block;
    -webkit-transition: color .3s;
    transition: color .3s;
    position: relative
}

.bx-soa-section-title-container .u-intro:after {
    content: "";
    width: 1.25rem;
    height: 1.25rem;
    position: absolute;
    left: 0;
    bottom: .1875rem;
    background-position: 50%;
    background-size: contain;
    background-repeat: no-repeat;
    background-image: url(/bitrix/templates/main_contacts/css/../img/icons/success_blue.svg);
    opacity: 0
}

.bx-soa-section-title-container .u-intro:before {
    content: counter(b, decimal-leading-zero);
    display: block;
    margin-right: .625rem;
    margin-bottom: .0625rem;
    width: 1.5625rem;
    float: left
}

.bx-soa-section-result {
    padding: 0 1.1875rem .625rem;
    *zoom: 1;
    position: relative
}

.bx-soa-section-result:after {
    content: " ";
    display: table;
    clear: both
}

.bx-soa-section-result .table-head {
    display: none
}

.bx-soa-section-result .table {
    border: none
}

.bx-soa-section-result .bx-soa-pp-company {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    padding-right: 3.75rem;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row nowrap;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: .625rem
}

.bx-soa-section-result .bx-soa-pp-company .bx-soa-pp-company-graf-container {
    width: 6.25rem;
    padding-top: 8%;
    background: 0 0;
    vertical-align: top
}

.bx-soa-section-result .bx-soa-pp-company .u-graytext {
    padding-left: .625rem;
    font-size: .8125rem;
    color: #2e2e2e;
    vertical-align: middle;
    font-weight: 400
}

.bx-soa-section-result .section-result-price {
    position: absolute;
    right: 1.1875rem;
    top: 40%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.bx-soa-section-content {
    padding: 0 1.1875rem
}

.bx-soa-section-content .block-inputs {
    padding: 1.375rem 0;
    font-size: 0
}

.bx-soa-section-content .table {
    border: none
}

.bx-soa-section-content .table-head {
    background: #fff
}

.bx-soa-section-content .table-name {
    width: 35%
}

.bx-soa-section-content .table-name .u-graytext {
    max-height: 2.1875rem;
    overflow: hidden;
    position: relative
}

.bx-soa-section-content .table-name .u-graytext:after {
    content: "";
    display: block;
    width: 100%;
    left: 0;
    right: 0
}

.bx-soa-section-content .table-count {
    padding-left: 10%
}

.bx-soa-section-content .table-count .u-text {
    padding-top: .3125rem
}

.bx-soa-more {
    border-top: 1px solid #e2e7ea;
    *zoom: 1;
    padding: 1.5rem 0 1.625rem
}

.bx-soa-more:after {
    content: " ";
    display: table;
    clear: both
}

.bx-soa-more .btn {
    float: right;
    min-width: 5.625rem
}

.bx-soa-more .small-link {
    float: right;
    margin-right: 1.25rem;
    margin-top: .1875rem
}

.bx-soa-pp {
    font-size: 0
}

.bx-soa-pp-item-container {
    width: 60%;
    margin-right: -.5rem
}

.bx-soa-pp-desc-container {
    width: 40%;
    padding-left: 1.25rem
}

.bx-soa-pp-company, .bx-soa-pp-desc-container, .bx-soa-pp-item-container {
    display: inline-block;
    vertical-align: top
}

.bx-soa-pp-company {
    width: 33%;
    padding-right: .5rem;
    cursor: pointer
}

.bx-soa-pp-company.bx-selected .bx-soa-pp-company-graf-container {
    border-color: #1785ff
}

.bx-soa-pp-company-image {
    position: absolute;
    top: 5px;
    right: 5px;
    bottom: 5px;
    left: 5px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: 50%
}

.bx-soa-pp-company .u-graytext {
    margin: .3125rem 0 .4375rem
}

.bx-soa-pp-company-graf-container {
    border: 2px solid transparent;
    border-radius: .1875rem;
    position: relative;
    background: #f6f6f6;
    width: auto;
    height: 0;
    padding-top: 50%
}

.bx-soa-pp-company-graf-container>input {
    opacity: 0
}

.discount-block {
    color: #2e2e2e;
    font-size: .8125rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .21875rem;
    margin-bottom: .625rem
}

.discount-block .value {
    display: block;
    font-size: 4.0625rem;
    line-height: 1;
    text-transform: none;
    letter-spacing: .025rem
}

.prepay-input {
    background: 0 0;
    display: inline-block;
    width: 100%;
    border: 1px solid #2e2e2e;
    padding: .3125rem .5625rem;
    font-weight: 700;
    font-size: .6875rem;
    letter-spacing: .025rem;
    border-radius: .1875rem;
    font-family: Open Sans;
    position: relative;
    z-index: 1
}

.prepay-wrap .error-text {
    display: none;
    color: red;
    font-size: .6875rem
}

.prepay-wrap .input-wrapp {
    position: relative;
    display: inline-block;
    width: 100%
}

.prepay-wrap .fake-bg {
    display: inline-block;
    white-space: nowrap;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}

.prepay-wrap .fake-bg-currency, .prepay-wrap .fake-bg-text {
    font-weight: 700;
    font-size: .6875rem;
    letter-spacing: .025rem;
    display: inline-block
}

.prepay-wrap .fake-bg-currency {
    padding: .3125rem 0
}

.prepay-wrap .fake-bg-text {
    color: transparent;
    padding: .3125rem .5625rem
}

.prepay-wrap .u-graytext {
    margin-bottom: .3125rem
}

.prepay-wrap.error .error-text {
    display: block
}

.prepay-wrap.error .prepay-input {
    border-color: red
}

.prepay-wrap.error .ui-widget.ui-widget-content {
    border: 1px solid red
}

.prepay-wrap.error .ui-widget-header {
    background-color: red
}

.prepay-wrap.error .ui-slider-handle:after {
    border-color: red;
    border-top-color: transparent;
    border-right-color: transparent
}

#rangeinput {
    font-size: .5625rem;
    margin: 1.5625rem 0;
    cursor: pointer
}

.ui-widget-content {
    background: #decd8c;
    height: .375rem
}

.ui-slider {
    border: none
}

.ui-slider .ui-widget-header {
    background-color: #1785ff
}

.ui-slider .ui-slider-handle {
    width: .0625rem;
    height: .375rem;
    border: none;
    margin-left: -.0625rem;
    background: #1785ff;
    top: 0;
    cursor: pointer
}

.ui-slider .ui-slider-handle.ui-state-hover {
    background: #0432da
}

.ui-slider .ui-slider-handle.ui-state-hover:after {
    border-color: #0432da;
    border-top-color: transparent;
    border-right-color: transparent
}

.ui-slider .ui-slider-handle:after {
    margin-top: -.4375rem;
    content: "";
    width: 0;
    height: 0;
    border: .25rem solid #1785ff;
    display: block;
    border-top-color: transparent;
    border-right-color: transparent
}

.ui-slider .ui-slider-handle:before {
    content: attr(data-persent);
    font-size: .6875rem;
    display: inline-block;
    vertical-align: top;
    margin-top: -.9375rem;
    margin-left: -.3125rem;
    color: #2e2e2e
}

.ui-widget.ui-widget-content {
    border: none
}

.form-msg-wrapp .u-intro {
    margin-bottom: 1.5625rem
}

.discount-size {
    font-size: 9.375rem;
    color: #79b9ff;
    font-family: intro-black
}

.column-content .side-title .u-intro {
    font-weight: 400
}

.column-content .side-cont .select-u-item {
    display: inline-block;
    width: auto
}

.column-content .side-wrap {
    margin: 0
}

.tabs-cont .h2, .tabs-cont .h3, .tabs-cont .h4, .tabs-cont h2, .tabs-cont h3, .tabs-cont h4 {
    margin-bottom: 10px
}

.tabs-cont ul {
    margin: 1.875rem 0 0
}

.tabs-cont ul:first-child {
    margin-top: 0
}

.tabs-cont ul li {
    padding-left: 2.1875rem;
    position: relative;
    font-size: .8125rem;
    color: #2e2e2e;
    line-height: 1.85;
    letter-spacing: .03125rem;
    margin-bottom: .6875rem
}

.tabs-cont ul li:before {
    content: "";
    position: absolute;
    left: 0;
    top: .6875rem;
    display: inline-block;
    width: 1.3125rem;
    height: .1875rem;
    background: #1785ff
}

.content-section {
    padding: 2.25rem 1.5625rem 0 3.4375rem
}

.content-section .side-cont {
    font-size: .8125rem;
    color: #2e2e2e
}

.content-section .side-title {
    padding-right: 1.25rem
}

.content-section .side-title .u-intro.h2 {
    line-height: 1.8;
    letter-spacing: .075rem
}

.content-section .col-50 {
    width: 100%;
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
    margin: .9375rem 0;
    display: block
}

.content-section .col-50 p {
    display: table;
    padding-right: 10px
}

.content-section .slider-wrapper {
    margin-top: 1.9375rem
}

.content-section .slider-inner {
    position: relative
}

.content-section .slider-inner>.slick-list {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0
}

.content-section .slider-inner>.slick-list>.slick-track {
    height: 100%
}

.content-section .slider-item {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}

.content-section .slider-big {
    padding-bottom: 47%
}

.content-section .slider-news {
    padding-bottom: 55%
}

.content-section .slider-news .slider-text {
    text-align: right;
    width: 8.75rem;
    display: inline-block;
    position: absolute;
    z-index: 1;
    bottom: 0;
    left: -20px
}

.content-section .slider-describe {
    width: 10.625rem;
    display: inline-block;
    position: absolute;
    left: -11.25rem;
    bottom: 3.0625rem
}

.content-section .slider-describe .slider-text {
    text-align: right;
    display: inline-block;
    vertical-align: bottom
}

.content-section .slider-describe .slider-small-item {
    opacity: 0;
    -webkit-transition: opacity .3s;
    transition: opacity .3s;
    min-height: 8.75rem;
    line-height: 8.75rem
}

.content-section .slider-describe .slider-small-item.slick-current {
    opacity: 1;
    -webkit-transition-delay: .2s;
    transition-delay: .2s
}

.content-section .slider-container {
    position: relative
}

.content-section .slider-wrapper {
    margin-left: -37.5%;
    margin-right: -12.5%
}

.content-section .slider-wrapper.slider-news-outer {
    margin-right: 0;
    margin-left: 0;
    position: relative
}

.content-section .cards-slider-nav {
    margin: 1.25rem auto 1.875rem
}

.content-section .side-cont .info-cont {
    position: static;
    width: 100%;
    margin: 0;
    padding: 2.1875rem
}

.content-section .side-cont .info-cont p {
    margin-bottom: 1.25rem
}

.content-section .side-cont .info-cont .mailto {
    font-size: .8125rem;
    display: block;
    margin-top: .3125rem
}

.content-section .side-cont .specials-wrapper {
    margin-top: 0
}

.content-section .side-cont .specials-wrapper .specials-item:nth-of-type(3n-2) .specials-text {
    padding-right: .9375rem
}

.content-section .side-cont .specials-wrapper .specials-item:nth-of-type(3n-1) .specials-text {
    padding-right: 1.25rem
}

.content-section .side-cont li {
    padding-left: 2.1875rem;
    position: relative;
    font-size: .8125rem;
    color: #2e2e2e;
    line-height: 1.85;
    letter-spacing: .03125rem;
    margin-bottom: .6875rem
}

.content-section .side-cont li:before {
    content: "";
    position: absolute;
    left: 0;
    top: .6875rem;
    display: inline-block;
    width: 1.3125rem;
    height: .1875rem;
    background: #1785ff
}

.content-section .pagenews-container {
    margin-top: -1.8125rem;
    margin-bottom: 2.8125rem
}

.content-section .pagenews-container .news-block-outer.big, .content-section .pagenews-container .news-block-outer.card, .content-section .pagenews-container .news-block-outer.half {
    margin-top: 1.8125rem
}

.content-section .pagenews-container .news-block-outer.small .news-block-inner {
    padding: 1.5625rem 0
}

blockquote {
    font-family: intro;
    font-size: .875rem;
    color: #2e2e2e;
    padding-left: 2rem;
    border-left: 4px solid #1785ff;
    line-height: 1.85;
    letter-spacing: .06875rem;
    margin: .1875rem 0
}

.soc-wrap {
    font-size: 0;
    margin-left: -1rem;
    margin-top: 1.375rem
}

.soc-wrap+.articles-wrapper {
    padding-left: 0;
    padding-right: 0
}

.soc-item-news {
    display: inline-block;
    vertical-align: top;
    width: 2.875rem;
    padding-left: 1rem
}

.soc-item-news svg {
    display: inline-block;
    height: 1.875rem
}

.vacancy-wrapper {
    padding: 1.25rem 0 2.75rem;
    counter-reset: c
}

.vacancy-head {
    cursor: pointer;
    border-bottom: 1px solid #e2e7ea;
    counter-increment: c
}

.vacancy-head.active .u-intro {
    color: #0e2a91
}

.vacancy-head.active .u-intro:before {
    color: #000
}

.vacancy-head.active .select-img {
    -webkit-transform: scaleY(-1);
    -ms-transform: scaleY(-1);
    transform: scaleY(-1)
}

.vacancy-head-inner {
    display: table;
    width: 100%;
    border-bottom: none
}

.vacancy-head-inner .table-arr, .vacancy-head-inner .u-intro {
    display: table-cell
}

.vacancy-head-inner .u-intro {
    color: #0432da;
    -webkit-transition: color .3s;
    transition: color .3s
}

.vacancy-head-inner .u-intro:before {
    content: counter(c, decimal-leading-zero);
    display: inline-block;
    padding-right: 1.0625rem;
    -webkit-transition: color .3s;
    transition: color .3s
}

.vacancy-head-inner .u-graytext {
    font-family: Open Sans;
    text-transform: none;
    font-weight: 400;
    padding-left: 1.5625rem
}

.vacancy-body {
    padding: 0 2.1875rem 2.3125rem
}

.vacancy-body .u-black {
    margin: 0 0 .625rem
}

.vacancy-body .btn {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
    margin-top: .9375rem;
    line-height: 1.07
}

.content-section .side-wrap .side-cont .vacancy-wrapper .vacancy-body .u-black {
    margin: 0 0 .5rem
}

.contacts-wrap {
    margin-top: -.5rem;
    position: relative
}

.contacts-wrap .col-50 {
    margin-top: -.3125rem
}

.contacts-wrap .col-50 .categories-elem-name {
    margin-bottom: .625rem
}

.contacts-wrap .col-50:nth-of-type(2) {
    text-align: right;
    padding-right: 0
}

.contacts-wrap .col-50:nth-of-type(2) .btn {
    padding-left: .9375rem;
    padding-right: .9375rem;
    letter-spacing: .025rem;
    margin-top: .3125rem
}

.contacts-wrap .side-cont {
    width: 74.8%
}

.contacts-wrap .side-title {
    max-width: 100%;
    width: 25.2%
}

.contacts-wrap .side-title .u-intro {
    max-width: 14.0625rem;
    margin-top: -.4375rem
}

.contacts-wrap .side-title .info-footer {
    position: absolute;
    left: 0;
    bottom: 0;
    margin-bottom: 2.5rem
}

.contacts-wrap .footer_contacts-wrap {
    width: 98%;
    margin-top: 1.5625rem
}

.contacts-wrap .footer_contacts-wrap .footer_contacts-block {
    width: 23.5%
}

.content-section+.contact-section .tabs-cont {
    padding-top: 0
}

.content-section+.contact-section .tabs-head {
    width: 11.375rem;
    top: 3rem
}

.content-section+.contact-section .info-footer {
    margin-top: -3.375rem;
    padding-bottom: 1.25rem
}

.search-wrapper {
    max-width: 33.8125rem
}

.search-wrapper .headcont-item {
    margin-top: 1.25rem
}

.search-wrapper .headcont-item .select-u-item {
    max-width: 7.1875rem
}

.search-result-text {
    padding-top: .125rem
}

.search-result-text .categories-elem-name span {
    color: #0e2a91
}

.modal-vacancy .dz-vacancy-file {
    padding: 0;
    border: 0;
    min-height: 0;
    cursor: pointer
}

.modal-vacancy .dz-vacancy-file .link-dotted {
    color: #1785ff
}

.modal-vacancy .dz-vacancy-file .dz-message {
    margin: 0;
    text-align: left
}

.modal-vacancy .dz-vacancy-file .dz-error-mark, .modal-vacancy .dz-vacancy-file .dz-image, .modal-vacancy .dz-vacancy-file .dz-progress, .modal-vacancy .dz-vacancy-file .dz-size {
    display: none
}

.modal-vacancy .dz-vacancy-file .dz-preview {
    width: 6.25rem;
    min-height: 1rem;
    margin: 0;
    position: relative
}

.modal-vacancy .dz-vacancy-file .dz-details {
    padding: 0 0 0 1.25rem;
    opacity: 1
}

.modal-vacancy .dz-vacancy-file .dz-filename {
    width: 4.375rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: .8125rem;
    color: #000
}

.modal-vacancy .dz-vacancy-file .dz-filename:hover span {
    border: 0!important
}

.modal-vacancy .dz-vacancy-file .dz-error-message {
    border-radius: 0;
    top: 20px
}

.modal-vacancy .dz-vacancy-file .dz-success-mark {
    left: 0;
    margin: 0;
    top: 0;
    width: .9375rem;
    height: .9375rem;
    display: inline-block;
    position: absolute
}

.modal-vacancy .dz-vacancy-file .dz-success-mark span svg {
    display: inline-block;
    width: 100%
}

.modal-vacancy .dz-vacancy-file .dz-success-mark span .st0 {
    stroke-width: 0
}

.modal-vacancy .dz-vacancy-file .dz-remove {
    position: absolute;
    font-size: 0;
    display: inline-block;
    width: .9375rem;
    height: .9375rem;
    right: -4px;
    top: 0;
    z-index: 9
}

.modal-vacancy .dz-vacancy-file .dz-remove:after, .modal-vacancy .dz-vacancy-file .dz-remove:before {
    content: "";
    display: inline-block;
    width: .875rem;
    height: 1px;
    background-color: #000;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 0
}

.modal-vacancy .dz-vacancy-file .dz-remove:before {
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg)
}

.modal-vacancy .dz-vacancy-file .dz-remove:after {
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.dz-complete .dz-success-mark {
    opacity: 1
}

.dz-complete .link-dotted, .dz-started .link-dotted {
    display: none
}

.article-sort-wrapper {
    margin-bottom: 1.375rem
}

.article-sort-wrapper .btn {
    min-width: 0;
    display: inline-block;
    margin: 0 .375rem .375rem 0;
    padding: .375rem .625rem;
    font-size: .6875rem
}

.article-sort-wrapper .btn.active {
    border-color: #1785ff;
    background-color: #1785ff;
    color: #fff
}

.articles-wrapper {
    padding: 1.5625rem 1.875rem 0
}

#js-order-props {
    padding-top: 1.125rem
}

.products-row.news {
    padding: 1.8125rem 1.25rem 0 3.4375rem
}

.products-row.news .products-inner {
    padding-top: 0
}

.news-article {
    width: 100%;
    max-width: 50.9375rem;
    display: inline-block;
    font-size: 0
}

.news-article:not(:first-child) {
    padding: 1.6875rem 0 0
}

.news-article-main, .news-article-num {
    display: inline-block;
    vertical-align: top;
    min-height: 1px;
    min-height: 2.5rem
}

.news-article-main {
    width: 92%;
    max-width: 47.125rem;
    padding-left: .8125rem;
    padding-bottom: 1.75rem;
    border-bottom: 1px solid #e2e7ea
}

.news-article-main .u-text {
    margin: .75rem 0;
    line-height: 1.846
}

.news-article-main .u-text span {
    color: #0432da
}

.news-article-num {
    min-width: 1.25rem;
    max-width: 2.5rem
}

.news-article-name.u-intro {
    letter-spacing: .045rem;
    color: #0432da
}

.news-article-info .u-graytext {
    display: inline-block;
    vertical-align: top;
    font-size: .8125rem
}

.news-article-info .u-graytext:first-child {
    margin-right: .75rem
}

.news-article-info .u-graytext:not(:first-child) {
    margin: 0 .75rem
}

#js-main_catalog-container {
    min-height: 26vh
}

.js-subscribe-container {
    font-size: 0;
    text-align: left
}

.js-subscribe-container .subscribe-wrapper {
    display: block;
    width: 100%;
    padding-right: 0;
    max-width: 18.125rem
}

.input-errors p {
    color: #d40303!important;
    font-family: intro
}

.headcont .input-errors {
    margin-bottom: -.625rem
}

.modal-container-content .input-errors {
    margin: 0 0 .625rem;
    font-family: intro
}

.labels {
    position: absolute;
    visibility: visible;
    z-index: 11;
    overflow: visible!important;
    margin: -145px 0 0 -110px!important;
    pointer-events: none;
    opacity: 0;
    width: 16.5625rem;
    -webkit-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    transform: translateY(-20px);
    -webkit-transition: opacity .2s cubic-bezier(.47, 0, .745, .715), -webkit-transform .2s cubic-bezier(.47, 0, .745, .715);
    transition: opacity .2s cubic-bezier(.47, 0, .745, .715), -webkit-transform .2s cubic-bezier(.47, 0, .745, .715);
    transition: opacity .2s cubic-bezier(.47, 0, .745, .715), transform .2s cubic-bezier(.47, 0, .745, .715);
    transition: opacity .2s cubic-bezier(.47, 0, .745, .715), transform .2s cubic-bezier(.47, 0, .745, .715), -webkit-transform .2s cubic-bezier(.47, 0, .745, .715)
}

.labels.place_open {
    pointer-events: all;
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0)
}

#content {
    background: #0432da;
    border-radius: 5px;
    padding: .625rem
}

#content .siteNotice {
    margin-bottom: .625rem
}

#content .maindesc-elem, #content .u-text {
    color: #fff!important;
    font-family: Open Sans
}

#content .maindesc {
    font-size: 0
}

#content .maindesc .contact-block {
    display: inline-block;
    vertical-align: top;
    width: 50%
}

#content .maindesc .contact-block a {
    padding-right: .625rem;
    margin-bottom: 5px!important
}

#content .maindesc .u-graytext {
    color: #fff;
    opacity: .8;
    font-weight: 400;
    font-family: Open Sans;
    font-size: .75rem;
    margin-bottom: 5px
}

.section-describe {
    margin-top: .625rem
}

.section-describe .side-wrap .side-cont, .section-describe .side-wrap .side-title {
    width: 100%;
    max-width: 100%
}

.section-describe .side-wrap .side-title {
    margin-bottom: 15px
}

.section-describe .side-wrap .side-cont li {
    margin-bottom: .3125rem
}

.section-describe .side-wrap .side-cont ul {
    padding-bottom: .3125rem;
    padding-top: .3125rem
}

.product-bigcalc {
    margin-top: 0
}

.product-bigcalc .product-main-selects .btn.calc {
    background-size: .9375rem 1.25rem;
    float: none;
    padding-left: 2.5rem;
    padding-right: 1.875rem;
    width: auto;
    background-position: 18px;
    margin-left: 0;
    font-size: .6875rem
}

.product-bigcalc .product-main-selects .btn.calc:hover {
    background-image: url(/bitrix/templates/main_contacts/css/../img/calculatorw.svg);
    background-position: 18px;
    background-repeat: no-repeat
}

.content-head.has-btn {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start
}

.content-head.has-btn .bread-container {
    width: 100%
}

.content-head.has-btn .btn {
    padding-left: 2.1875rem;
    padding-right: 2.1875rem;
    margin-top: 1rem
}

.content-head.has-btn .btn:not(:hover) {
    background-color: #e5f0f8
}

.modal-calculator .modal-container {
    margin-top: 0
}

.modal-calculator .modal-container-content {
    padding-bottom: 0!important
}

.form-calculator {
    counter-reset: -webkit-calc;
    counter-reset: e
}

.form-calculator-step {
    counter-increment: -webkit-calc;
    counter-increment: e;
    margin-top: 30px;
    margin-bottom: 30px
}

.form-calculator-step:before {
    content: counter(e) ".";
    display: inline-block;
    padding-right: 3px
}

.form-calculator-col {
    font-size: 0
}

.form-calculator-col>div {
    display: inline-block;
    vertical-align: middle
}

.form-calculator-col-30 {
    width: 40%
}

.form-calculator-col-60 {
    width: 60%;
    padding-bottom: 20px;
    text-align: right
}

.form-calculator-col-60 .input-wrapper {
    width: -webkit-calc(50% - 30px);
    width: calc(50% - 30px);
    display: inline-block;
    vertical-align: top;
    margin-left: 20px
}

.form-calculator-col-60 .input-wrapper .number__input {
    padding-right: 0;
    max-width: 100%
}

.form-calculator-col-60 .input-wrapper .number__input .fake-bg-currency {
    display: none
}

.form-calculator-col-60 .input-wrapper .number__input .number__input {
    padding-left: 1.5rem;
    text-align: left
}

.form-calculator-col-60 .input-wrapper .number__minus, .form-calculator-col-60 .input-wrapper .number__plus {
    position: absolute;
    right: 0;
    height: 50%;
    background-image: url(/bitrix/templates/main_contacts/css/../img/icons/select_down.svg);
    background-size: 8px 4px;
    background-position: 50% 30%;
    border: none!important;
    z-index: 1
}

.form-calculator-col-60 .input-wrapper .number__minus {
    bottom: 0
}

.form-calculator-col-60 .input-wrapper .number__plus {
    top: 0;
    -webkit-transform: scaleY(-1);
    -ms-transform: scaleY(-1);
    transform: scaleY(-1)
}

.form-calculator-col-60 .input-wrapper .input-title {
    position: absolute;
    display: inline-block;
    left: 10px;
    left: .625rem;
    top: 0;
    font-size: .6875rem;
    line-height: 1.875rem
}

.form-calculator-col-60 .input-wrapper .input-main {
    padding-left: 1.875rem
}

.form-calculator .select-u-item {
    position: relative
}

.form-calculator .select-u-item.select-radio .input-text {
    display: inline-block;
    position: relative
}

.form-calculator .select-u-item.select-radio .input-text:after {
    display: block;
    content: "";
    width: 100%;
    border-bottom: 1px dotted #2e2e2e
}

.form-calculator .select-u-item:hover .input-text:after {
    opacity: 0
}

.form-calculator .select-u-item .dropdown-target {
    bottom: 100%;
    padding-left: 0;
    pointer-events: none
}

.form-calculator .select-u-item .dropdown-inner {
    max-width: 300px;
    position: relative;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-filter: drop-shadow(2px 3.464px 9px rgba(0, 0, 0, .1));
    filter: drop-shadow(2px 3.464px 9px rgba(0, 0, 0, .1));
    margin-bottom: -4px
}

.form-calculator .select-u-item .dropdown-inner:after {
    content: "";
    display: inline-block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 7px 10px 0;
    border-color: #fff transparent transparent;
    position: absolute;
    top: 100%;
    left: 20px
}

.form-calculator .select-u-item .dropdown-inner .dropdown-content {
    padding: 12.5px
}

.form-calculator-notify {
    margin-top: .625rem
}

.form-calculator-color {
    max-width: 15rem
}

.form-calculator-color .selects {
    padding-top: 2px;
    padding-bottom: 2px;
    padding-left: 2px
}

.form-calculator-color .btn-color {
    -webkit-transition: background-color .25s;
    transition: background-color .25s;
    display: inline-block;
    float: left;
    height: 20px;
    border: 2px solid transparent;
    width: 45%
}

.form-calculator-color .btn-text {
    width: 49%;
    padding-left: 5px
}

.form-calculator-color .btn-text, .form-calculator-color .select-img {
    float: none;
    vertical-align: middle
}

.form-calculator-footer {
    background-color: #ffea98;
    position: -webkit-sticky;
    position: sticky;
    bottom: 0;
    left: 0;
    margin: 0 -1.875rem;
    padding: 1.25rem 1.75rem;
    z-index: 5;
    margin-top: 20px
}

.form-calculator-footer-content, .form-calculator-price {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row nowrap;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.form-calculator-price .u-text {
    font-size: 14px!important;
    padding-right: 1.875rem
}

.form-calculator-cards.disabled {
    opacity: .5;
    pointer-events: none
}

.form-calculator-cards .btn-text {
    max-width: 15.625rem
}

.form-calculator-cards .card-option {
    display: block
}

.form-calculator-cards .card-option:hover .u-text.bold {
    color: #2e2e2e
}

.form-calculator-cards .card-option:not(:first-child) {
    border-top: 1px solid #e3e8eb
}

.form-calculator-cards .card-option-wrapper {
    display: block;
    font-size: 0
}

.form-calculator-cards .card-option-wrapper>span {
    display: inline-block;
    vertical-align: top
}

.form-calculator-cards .card-option-img {
    width: 25%
}

.form-calculator-cards .card-option-img-inner {
    width: 100%;
    padding-bottom: 100%;
    overflow: hidden;
    position: relative;
    background-color: #f4f4f4
}

.form-calculator-cards .card-option-img-inner img {
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.form-calculator-cards .card-option-content {
    width: 50%;
    padding-left: 20px
}

.form-calculator-cards .card-option-content .prop, .form-calculator-cards .card-option-content>span {
    display: block
}

.form-calculator-cards .card-option-content .prop span {
    display: inline;
    color: #898d9a!important
}

.form-calculator-cards .card-option-price {
    width: 25%;
    text-align: right;
    padding-right: 5%
}

.portfolio-head {
    text-align: right;
    margin-bottom: 1.875rem;
    padding-right: .375rem;
    padding-left: .375rem
}

.portfolio-head .tabs-item {
    padding-left: 1.25rem;
    padding-right: 1.25rem
}

.portfolio-wrapper {
    font-size: 0;
    margin-right: -.375rem
}

.portfolio-item {
    display: inline-block;
    vertical-align: top;
    width: 25%;
    padding-right: .375rem;
    padding-bottom: .375rem
}

.portfolio-item-inner {
    display: inline-block;
    width: 100%;
    padding-bottom: 100%;
    position: relative;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50% 50%;
    overflow: hidden
}

.portfolio-item-inner:after, .portfolio-item-inner:before {
    content: "";
    display: inline-block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.portfolio-item-inner:after {
    -webkit-transition: -webkit-transform .5s ease-in-out;
    transition: -webkit-transform .5s ease-in-out;
    transition: transform .5s ease-in-out;
    transition: transform .5s ease-in-out, -webkit-transform .5s ease-in-out;
    background-color: #0432da
}

.portfolio-item-inner:after, .portfolio-item-inner:before {
    -webkit-transform: translateY(100%);
    -ms-transform: translateY(100%);
    transform: translateY(100%)
}

.portfolio-item-inner:before {
    opacity: .3;
    background-color: #000;
    -webkit-transition: -webkit-transform .25s ease-in-out;
    transition: -webkit-transform .25s ease-in-out;
    transition: transform .25s ease-in-out;
    transition: transform .25s ease-in-out, -webkit-transform .25s ease-in-out;
    -webkit-transition-delay: .2s;
    transition-delay: .2s
}

@supports (mix-blend-mode:soft-light) {
    .portfolio-item-inner:before {
        opacity: 1;
        mix-blend-mode: soft-light
    }
}

.portfolio-item-text {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding: 1.25rem 7% 1.25rem 8%
}

.portfolio-item-text-inner {
    width: 100%;
    height: 100%;
    position: relative
}

.portfolio-item-text-content {
    position: absolute;
    bottom: 0;
    left: 0;
    -webkit-transition: bottom .5s, -webkit-transform .5s;
    transition: bottom .5s, -webkit-transform .5s;
    transition: transform .5s, bottom .5s;
    transition: transform .5s, bottom .5s, -webkit-transform .5s;
    -webkit-transition-timing-function: cubic-bezier(0, 0, .1, .96);
    transition-timing-function: cubic-bezier(0, 0, .1, .96);
    will-change: transform, bottom;
    z-index: 1
}

.portfolio-item-text-content * {
    color: #fff;
    text-shadow: 0 1px 4px rgba(0, 0, 0, .5);
    line-height: 1.3
}

.feedback-img {
    display: block;
    max-width: 11.25rem;
    margin-bottom: 1.25rem
}

.feedback-img img {
    width: 100%
}

@media only screen and (max-width:768px) and (max-width:768px) {
    .mobile-dropdowm-trigger.active+.filter-form {
        max-height: 1000px;
        overflow: visible
    }
}

@media only screen and (min-device-width:320px) and (max-device-width:480px) {
    * {
        -webkit-text-size-adjust: none
    }
}

@media only screen and (max-width:1740px) {
    .page__accii {
        right: -11.25rem;
        width: 11.25rem
    }
    .page__accii .accii-item {
        height: 14.375rem
    }
}

@media only screen and (max-width:1645px) {
    .page__accii {
        display: none
    }
}

@media only screen and (max-width:1450px) {
    .modal-layout.white .white-thumbs {
        width: 25%
    }
    .modal-layout.white .white-content {
        width: 75%
    }
    .content-section .slider-wrapper {
        margin-right: -9.5%
    }
}

@media only screen and (max-width:1400px) {
    .table-delete {
        width: 2.1875rem
    }
}

@media only screen and (max-width:1366px) {
    html {
        font-size: 15px
    }
}

@media only screen and (max-width:1336px) {
    .content-section .slider-wrapper {
        margin-right: -4.5%
    }
}

@media only screen and (max-width:1300px) {
    .index-slider-elem {
        background-position: 50%
    }
}

@media only screen and (max-width:1280px) {
    html {
        font-size: 14px;
        line-height: 1
    }
    .brands-elem img {
        max-height: 2.8125rem
    }
    .modal-layout.white .white-content {
        padding-top: 50%
    }
    .modal-layout.white .white-content .product-modal-slider {
        padding: 1.875rem 3.75rem
    }
    .table-name .categories-elem-name {
        padding-top: .0625rem
    }
    .table-delete .small-link {
        margin-top: .3125rem
    }
}

@media only screen and (max-width:1250px) {
    .paynemts-block {
        width: 100%;
        text-align: center;
        margin-bottom: .9375rem
    }
    .paynemts-block .payment-item {
        float: none
    }
    .other-block {
        margin-top: 1.25rem;
        width: 100%
    }
    .other-block .other-button, .other-block .other-copyright, .other-block .other-developer {
        display: inline-block;
        width: 33%;
        vertical-align: top
    }
    .other-block .other-button {
        text-align: center
    }
    .other-block .other-developer {
        text-align: right;
        padding-left: 0
    }
    .other-block .other-developer a {
        float: right
    }
}

@media only screen and (max-width:1230px) {
    .content-section .slider-wrapper {
        margin-right: 0
    }
}

@media only screen and (min-width:1200px) {
    .products-inner .product-card-wrapper {
        width: 20%
    }
}

@media only screen and (max-width:1200px) {
    .portfolio-item {
        width: 33.33%
    }
}

@media only screen and (max-width:1170px) {
    .content-section .pagenews-container .news-block-outer {
        width: 50%
    }
}

@media only screen and (max-width:1150px) {
    .categories-elem {
        padding: .9375rem .9375rem 9.0625rem
    }
    .categories-elem-img>img {
        padding-left: 1.5625rem;
        padding-right: 1.5625rem;
        max-width: 100%
    }
    .news-container {
        margin-left: -.9375rem
    }
    .news-block-outer {
        padding-left: .9375rem
    }
    .news-block-outer.card {
        padding: 0 0 0 .9375rem
    }
    .product-galery-wrap .cards-slider-nav {
        bottom: .9375rem
    }
    .product-slider-item {
        padding: 1.5625rem 0 0;
        max-height: 24.375rem
    }
    .product-slider-item img {
        max-height: 21.875rem
    }
    .product-add-slider {
        width: 16.875rem;
        height: 3.75rem
    }
    .product-add-img {
        height: 3.75rem
    }
    .product-main-wrap {
        padding-left: 0
    }
    .product-main-selects {
        width: 52%
    }
    .product-main-calcwrap {
        padding-left: .4375rem;
        width: 48%
    }
    .column-aside {
        width: 14.0625rem;
        min-width: 14.0625rem;
        max-width: 14.0625rem;
        padding-left: 1.25rem
    }
    .table-count {
        padding-left: .625rem;
        padding-right: .625rem
    }
    .card {
        padding: 1.5625rem .9375rem
    }
    .error-wrapper._404 .error-img .discount-size {
        font-size: 11.25rem
    }
    .offerlist-section {
        padding: 2.1875rem 1.5625rem 0 2.8125rem
    }
    .offerlist-section>.table .table-inline>.table-btn {
        width: 6.25rem;
        max-width: 6.25rem
    }
    .offerlist-section>.table .table-inline>.table-btn .btn {
        min-width: 6.25rem
    }
    .content-section .side-cont .specials-wrapper .specials-name:before {
        margin-right: .125rem
    }
    .content-section .pagenews-container .news-block-outer {
        margin-top: -.9375rem
    }
    .content-section .pagenews-container .news-block-outer.big, .content-section .pagenews-container .news-block-outer.card, .content-section .pagenews-container .news-block-outer.half {
        margin-top: .9375rem
    }
    .contacts-wrap .footer_contacts-wrap {
        width: 100%
    }
    .contacts-wrap .footer_contacts-wrap .footer_contacts-block {
        width: 25%
    }
}

@media only screen and (max-width:1112px) {
    .features_block {
        border-left-color: transparent
    }
}

@media only screen and (max-width:1100px) {
    .acc-menu-item:not(:last-of-type) {
        padding-right: 1.25rem
    }
}

@media only screen and (max-width:1080px) {
    .flags-wrap {
        right: .5625rem
    }
    .flags-wrap .flag-item {
        width: 2.5rem;
        height: 3.1875rem
    }
    .flags-wrap .flag-item span {
        font-size: .8125rem;
        line-height: 3.1875rem
    }
    .flags-wrap .flag-item:after {
        bottom: -.53125rem;
        border-width: .5625rem 2.5rem .5625rem 0
    }
}

@media only screen and (max-width:1050px) {
    .offerlist-section>.table .table-inline>.table-pay {
        width: 15%
    }
}

@media only screen and (max-width:1040px) {
    .categories-elem-descr {
        word-break: break-word
    }
    .table-count {
        min-width: 6.875rem
    }
}

@media only screen and (max-width:1026px) {
    .footer {
        padding: 2.875rem 2.1875rem 2.9375rem
    }
}

@media only screen and (max-width:1024px) {
    .callback-btn {
        display: none
    }
    .modal-layout.white .white-content {
        padding-top: 60%
    }
}

@media only screen and (min-width:991px) {
    .page__header.is-hidden {
        visibility: hidden
    }
    .categories-elem-outer:hover .categories-elem {
        z-index: 1;
        background: #fff;
        -webkit-box-shadow: 2px 3.464px 20px 0 rgba(0, 0, 0, .17);
        box-shadow: 2px 3.464px 20px 0 rgba(0, 0, 0, .17)
    }
    .categories-elem-outer:hover .categories-elem-name {
        color: #0e2a91
    }
    .brands-outer .feachres-brand .slick-arrow {
        display: none!important
    }
    .product-card-outer:hover {
        background: #fff;
        -webkit-box-shadow: 3px 3px 19px 0 rgba(0, 0, 0, .17);
        box-shadow: 3px 3px 19px 0 rgba(0, 0, 0, .17)
    }
    .product-card-outer:hover~.product-card-outer {
        z-index: 0
    }
    .product-card-outer:hover .categories-elem-name {
        color: #0e2a91
    }
    .product-card-outer:hover .product-card-more {
        opacity: 1;
        visibility: visible;
        -webkit-transition: opacity .25s .1s, visibility .25s .1s;
        transition: opacity .25s .1s, visibility .25s .1s;
        background: #fff;
        -webkit-box-shadow: 3px 6px 9px 0 rgba(0, 0, 0, .1);
        box-shadow: 3px 6px 9px 0 rgba(0, 0, 0, .1)
    }
    .product-table-wrapper:hover {
        background: #fff;
        -webkit-box-shadow: 2px 3.464px 19px 0 rgba(0, 0, 0, .17);
        box-shadow: 2px 3.464px 19px 0 rgba(0, 0, 0, .17);
        position: relative;
        z-index: 1;
        -webkit-transition: background .25s cubic-bezier(.8, .23, .29, 1.06) .1s, -webkit-box-shadow .25s cubic-bezier(.8, .23, .29, 1.06) .1s;
        transition: background .25s cubic-bezier(.8, .23, .29, 1.06) .1s, -webkit-box-shadow .25s cubic-bezier(.8, .23, .29, 1.06) .1s;
        transition: background .25s cubic-bezier(.8, .23, .29, 1.06) .1s, box-shadow .25s cubic-bezier(.8, .23, .29, 1.06) .1s;
        transition: background .25s cubic-bezier(.8, .23, .29, 1.06) .1s, box-shadow .25s cubic-bezier(.8, .23, .29, 1.06) .1s, -webkit-box-shadow .25s cubic-bezier(.8, .23, .29, 1.06) .1s
    }
    .product-table-wrapper:hover .categories-elem-name {
        color: #0e2a91
    }
}

@media only screen and (max-width:991px) {
    html {
        font-size: 16px
    }
    .page__header.is-hidden {
        -webkit-transform: translateY(-5.425rem);
        -ms-transform: translateY(-5.425rem);
        transform: translateY(-5.425rem)
    }
    .page__header.is-hidden .header_content {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0)
    }
    .page__header {
        background: #fff
    }
    .page__wrapper-inner {
        padding-top: 8.4375rem
    }
    .page__menu {
        display: none
    }
    .page__content {
        padding-left: 0
    }
    .pricetel-wrap {
        display: none
    }
    .cart_wrap-cart {
        border: none;
        padding-right: 1.875rem
    }
    .cart_wrap-cart .btn-cart {
        position: relative
    }
    .cart_wrap-cart .dropdown-target {
        display: none
    }
    .cart_wrap-cart .cart-counter {
        border-left-color: transparent;
        background: #0432da;
        line-height: 1;
        position: absolute;
        height: 1.25rem;
        right: -.5rem;
        top: -.5rem;
        padding: 0 .25rem 0 .1875rem
    }
    .cart_wrap-cart .cart-counter .count {
        color: #fff;
        width: auto;
        line-height: 1.25rem;
        border-radius: .1875rem
    }
    .cart_wrap-cart .cart-text {
        padding: 0
    }
    .cart_wrap-cart .cart-text .u-graytext, .cart_wrap-cart .cart-text .u-text {
        font: 0/0 a;
        text-shadow: none;
        color: transparent
    }
    .cart_wrap-cart .cart-icon {
        padding-left: 0;
        padding-left-width: 2.8125rem
    }
    .cart_wrap-cart .cart-icon svg {
        width: 2.5rem
    }
    .cart_wrap-cart .cart-icon .cart-i {
        fill: #2e2e2e
    }
    .cart_wrap-modaltrigger {
        display: table-cell
    }
    .cart_wrap-account .btn-account {
        padding-right: 1.25rem
    }
    .cart_wrap-account .btn-account .account-icon {
        width: 2rem;
        height: 2rem
    }
    .cart_wrap-account .btn-account .account-icon:after, .cart_wrap-account .btn-account .account-icon:before {
        background-size: contain;
        width: 2rem;
        height: 2rem
    }
    .cart_wrap-account .btn-account .u-text {
        font: 0/0 a;
        text-shadow: none;
        color: transparent;
        padding-left: 0
    }
    .header_mobile-menu {
        display: block
    }
    .header_mobile-contacts.is-visible {
        opacity: 1;
        visibility: visible;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0)
    }
    .index-slider-elem {
        height: 23.75rem;
        line-height: 23.75rem
    }
    .categories {
        padding: 0 .9375rem 2.1875rem 1.25rem
    }
    .brands {
        padding: 0 1.875rem
    }
    .brands-outer .feachres-brand .carousel-next {
        margin-right: -1.5625rem
    }
    .brands-outer .feachres-brand .carousel-prev {
        margin-left: -1.5625rem
    }
    .slider-section {
        padding: 0 1.875rem
    }
    .news-section {
        padding: 0 1.875rem 1.875rem
    }
    .modal-layout.white.active {
        display: none
    }
    .content-head {
        padding: 1.5625rem 1.875rem
    }
    .products-row {
        padding: 1.875rem .9375rem 2.3125rem
    }
    .products-sort-wrapper {
        padding: 1.5625rem 1.25rem 0
    }
    .filter-section {
        padding: 1.125rem 1.25rem 1.25rem
    }
    .product-content-wrapper {
        padding: 1.5625rem 1.25rem 0;
        padding: .9375rem .6875rem 0
    }
    .product-much-slider {
        min-height: 23.75rem;
        margin: 0 -1.5625rem 5rem
    }
    .product-tabs-content {
        padding: 1.875rem 1.5625rem 0
    }
    .column-wrap, .error-wrapper, .offerlist-section {
        padding: 1.875rem .9375rem 0
    }
    .column-content .side-wrap .side-cont, .column-content .side-wrap .side-title {
        min-width: 100%
    }
    .column-content .side-wrap .side-title {
        margin-bottom: 1.25rem
    }
    .content-section {
        padding: 2.25rem 1.25rem 0
    }
}

@media only screen and (max-width:925px) {
    .products-inner .product-card-wrapper {
        width: 25%
    }
    .product-tabs-content .tabs-body .products-inner {
        margin-left: 0
    }
}

@media only screen and (max-width:870px) {
    .footer_contacts-block {
        min-width: 50%;
        width: 50%
    }
    .footer_contacts-block:first-of-type {
        width: 25%
    }
}

@media only screen and (max-width:850px) {
    .offerlist-section>.table .table-inline>.table-number {
        padding-left: .3125rem;
        width: 4.375rem;
        max-width: 4.375rem
    }
}

@media only screen and (min-width:801px) {
    .portfolio-item-inner:hover:after, .portfolio-item-inner:hover:before {
        -webkit-transform: none;
        -ms-transform: none;
        transform: none
    }
    .portfolio-item-inner:hover:before {
        -webkit-transition-delay: .2s;
        transition-delay: .2s
    }
    .portfolio-item-inner:hover:after {
        -webkit-transform: translateY(-70%);
        -ms-transform: translateY(-70%);
        transform: translateY(-70%);
        -webkit-transition-delay: 0s;
        transition-delay: 0s
    }
    .portfolio-item-inner:hover .portfolio-item-text-content {
        bottom: 100%;
        -webkit-transform: translateY(100%);
        -ms-transform: translateY(100%);
        transform: translateY(100%);
        -webkit-transition-delay: .1s;
        transition-delay: .1s
    }
}

@media only screen and (max-width:800px) {
    .contact-cont {
        height: 24.375rem
    }
    .contact-section .tabs-head {
        top: 3.4375rem;
        right: .9375rem
    }
    .info-cont {
        margin: 0;
        width: 100%;
        padding: 1.875rem .9375rem
    }
    .products-inner .product-card-wrapper {
        width: 33.33%
    }
    .product-much-cont {
        padding-bottom: 0
    }
    .product-galery-wrap {
        padding: 0;
        margin-bottom: 2.1875rem
    }
    .product-galery-wrap .cards-slider-nav {
        display: none
    }
    .product-galery-wrap, .product-main-wrap {
        width: 100%;
        float: none
    }
    .product-add-slider {
        display: none
    }
    .product-main-selects .number__minus, .product-main-selects .number__plus {
        max-width: 20%
    }
    .side-wrap .side-title {
        margin-bottom: .625rem
    }
    .side-wrap .side-cont, .side-wrap .side-title {
        width: 100%;
        min-width: 100%
    }
    .offerlist-content {
        padding: .875rem .6875rem
    }
    .offerlist-content .cards-wrapper, .offerlist-content .table-wrapper {
        min-width: 100%
    }
    .offerlist-content .cards-wrapper {
        padding-left: 0
    }
    .offerlist-content .cards-wrapper .card {
        width: 49%;
        display: inline-block;
        vertical-align: top
    }
    .offerlist-content .cards-wrapper .card.card-yell {
        margin-right: 1%
    }
    .offerlist-content .cards-wrapper .card.card-blue {
        margin-left: 1%
    }
    .content-section .side-title>.u-graytext {
        display: inline-block;
        vertical-align: top;
        width: 50%
    }
    .content-section .slider-describe {
        position: static;
        width: 100%;
        margin-top: .3125rem
    }
    .content-section .slider-describe .slider-small-item {
        min-height: 0;
        line-height: 1;
        padding: 0 1.25rem
    }
    .content-section .slider-wrapper, .content-section .slider-wrapper.slider-news-outer {
        margin: 1.25rem -1.25rem
    }
    .soc-wrap {
        display: inline-block;
        vertical-align: top;
        width: 50%;
        margin: 0;
        text-align: right;
        height: 1.875rem
    }
    .soc-wrap+.articles-wrapper {
        padding-top: 0
    }
    .contacts-wrap .side-title .u-intro {
        max-width: 100%
    }
    .contacts-wrap .side-title .info-footer {
        position: static
    }
    .content-section+.contact-section .info-footer {
        margin-top: -3rem
    }
    .portfolio-item {
        width: 50%
    }
    .portfolio-item-inner:before {
        mix-blend-mode: normal;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
        opacity: .4
    }
}

@media only screen and (max-height:800px) {
    .c-menu-block.add .menu-list {
        max-height: 9.6875rem
    }
}

@media only screen and (max-width:769px) {
    html {
        font-size: 15px
    }
}

@media only screen and (min-width:768px) {
    .page__wrapper ::-webkit-scrollbar {
        width: .25rem;
        background: #f4f4f4
    }
    .page__wrapper * ::-webkit-scrollbar-thumb {
        width: .375rem;
        border-radius: .1875rem;
        background: #888;
        cursor: pointer
    }
    .filter-form {
        max-height: 1000px;
        overflow: visible
    }
    .filter-form-inner .small-link:hover span {
        color: #0e2a91
    }
    .column-content .side-title {
        width: 30%;
        padding-right: 2%
    }
    .column-content .side-cont {
        width: 70%
    }
    .column-content .side-cont .headcont-wrapp {
        text-align: justify
    }
    .column-content .side-cont .headcont-wrapp:after {
        display: inline-block;
        content: "";
        width: 100%
    }
    .column-content .side-cont .headcont-wrapp .select-u-item {
        min-width: 6.25rem
    }
    .column-content .side-cont .headcont-title {
        text-align: left
    }
    .column-content .side-cont .headcont-item {
        width: 61%;
        text-align: left
    }
    .column-content .side-cont .headcont-item .select-u-item {
        margin: 0;
        vertical-align: top;
        padding: 0 .625rem .625rem 0
    }
    .column-content .side-cont .headcont-item .input-text {
        display: inline-block;
        max-width: 8.75rem
    }
    .column-content .side-cont .headcont-item:after {
        display: inline-block;
        content: "";
        width: 100%
    }
}

@media only screen and (max-width:768px) {
    .features_block .u-text {
        display: block;
        overflow: hidden
    }
    .categories-elem-outer {
        width: 33%
    }
    .categories-elem-descr {
        padding-right: 3.125rem
    }
    .product-table-img img {
        margin-top: 2.8125rem
    }
    .news-block-outer {
        width: 100%;
        margin-bottom: .625rem
    }
    .news-block-outer.small .news-block-inner {
        padding: 1.25rem 0 1.5rem
    }
    .info-content .col-50 {
        float: none
    }
    .products-sort-wrapper {
        display: none
    }
    .select-u-item .input-text, .selects .btn-text {
        font-size: .8125rem
    }
    .filter-container {
        padding-left: 0
    }
    .filter-container .filter-checkbox {
        width: 100%
    }
    .filter-form-title {
        display: none
    }
    .filter-form-inner .select-check {
        max-width: 95%;
        width: 95%
    }
    .sort_wrapper {
        display: inline-block
    }
    .mobile-dropdowm-trigger {
        display: block;
        cursor: pointer;
        padding: .3125rem 0 .375rem;
        margin-bottom: .625rem
    }
    .mobile-dropdowm-trigger.active .u-bold {
        color: #0e2a91
    }
    .mobile-dropdowm-trigger.active .arrow-icon {
        -webkit-transform: scaleY(-1) rotate(90deg);
        -ms-transform: scaleY(-1) rotate(90deg);
        transform: scaleY(-1) rotate(90deg)
    }
    .mobile-dropdowm-trigger .u-bold {
        font-size: .8125rem
    }
    .mobile-dropdowm-trigger .arrow-icon {
        display: inline-block;
        float: right;
        width: .75rem;
        margin-top: .25rem;
        height: .75rem;
        background: url(/bitrix/templates/main_contacts/css/../img/icons/barrow.svg) no-repeat 50%;
        -webkit-transform-origin: 50%;
        -ms-transform-origin: 50%;
        transform-origin: 50%;
        -webkit-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        transform: rotate(90deg)
    }
    .product-much-cont .btn {
        display: inline-block;
        position: absolute;
        right: .9375rem;
        bottom: 1.25rem;
        min-width: 7.5rem
    }
    .product-tabs-content {
        padding: 0 1.25rem
    }
    .specials-item {
        min-width: 50%;
        padding-right: .8125rem
    }
    .colors-wrapper {
        margin: 0 0 0 -.5rem
    }
    .colors-item {
        width: 20%
    }
    .tab-material {
        min-width: 50%;
        min-height: 2.5rem;
        padding: 0 1.25rem .4375rem 2.1875rem
    }
    .sertivicat-item {
        width: 33.33%
    }
    .column-wrap.fl-medium .column-content {
        display: table-row-group
    }
    .column-wrap.fl-medium .column-aside {
        display: table-header-group
    }
    .column-wrap.fl-medium .column-aside .card {
        margin-bottom: .625rem
    }
    .column-aside, .column-content {
        display: inline-block;
        width: 100%;
        min-width: 100%;
        padding: .3125rem 0
    }
    .error-wrapper._404 .error-img, .error-wrapper._404 .error-msg {
        width: 100%;
        max-width: 100%;
        text-align: center;
        padding: .625rem 0
    }
    .error-aside {
        width: 41%
    }
    .headcont-title {
        margin-bottom: .625rem
    }
    .headcont-item, .headcont-title {
        min-width: 100%
    }
    .acc-menu-item:not(:last-of-type) {
        padding-right: 0
    }
    .acc-menu-item {
        display: block;
        padding: .9375rem 0
    }
    .acc-menu-item a {
        width: 100%
    }
    .offerlist-section>.table .table-inline.table-head {
        display: none
    }
    .offerlist-section>.table .table-inline.table-row>.table-item {
        min-height: 1.25rem
    }
    .offerlist-section>.table .table-inline>.table-date {
        width: 50%;
        padding: 5px 3%;
        float: right;
        text-align: right
    }
    .offerlist-section>.table .table-inline>.table-number {
        width: 50%;
        padding: 5px 3%;
        float: left;
        text-align: left
    }
    .offerlist-section>.table .table-inline>.table-arr {
        display: none
    }
    .offerlist-section>.table .table-inline>.table-btn {
        width: 50%;
        min-width: 50%;
        padding: 5px 3%;
        float: right;
        text-align: right
    }
    .offerlist-section>.table .table-inline>.table-count {
        display: none
    }
    .offerlist-section>.table .table-inline>.table-status {
        width: 50%;
        padding: 5px 3%;
        float: left;
        -moz-text-align-last: left;
        text-align-last: left
    }
    .offerlist-section>.table .table-inline>.table-total {
        width: 50%;
        padding: 5px 3%;
        float: right;
        text-align: right
    }
    .offerlist-section>.table .table-inline>.table-pay {
        width: 50%;
        padding: 5px 3%;
        float: left;
        text-align: left
    }
    .ui-slider .ui-slider-handle {
        width: .5rem;
        height: .375rem;
        background: 0 0
    }
    .column-content .side-cont .select-u-item {
        padding-right: 1.5625rem
    }
}

@media only screen and (max-width:750px) {
    .product-table-wrapper {
        display: block
    }
    .product-table-main {
        display: block;
        width: 100%;
        padding: .9375rem 0 0
    }
    .product-table-add {
        display: block;
        width: 100%;
        padding: .625rem .625rem 1.5625rem 0;
        padding-left: 40%
    }
    .product-table-add .product-card-more, .product-table-add .product-card-price {
        float: right;
        width: 100%
    }
    .product-table-add .u-graytext {
        display: inline-block!important
    }
    .product-table-content .u-text {
        line-height: 1.35
    }
    .product-table-img .flags-wrap {
        top: -1.25rem;
        right: .625rem
    }
}

@media only screen and (max-width:735px) {
    .content-section .slider-big {
        padding-bottom: 56.25%
    }
}

@media only screen and (max-height:682px) {
    .c-menu-block.menu-footer {
        height: 1.875rem;
        bottom: .9375rem
    }
}

@media only screen and (max-width:630px) {
    .content-section .pagenews-container .news-block-outer {
        width: 100%
    }
}

@media only screen and (max-width:600px) {
    .info-title {
        width: 100%
    }
    .info-content {
        display: inline-block
    }
    .content-section+.contact-section .info-footer {
        margin-top: 0
    }
    .products-row.news {
        padding: 1.25rem .625rem 0
    }
    .products-row.news .products-inner {
        padding-bottom: 1.5625rem
    }
}

@media only screen and (min-width:545px) {
    .content-head.has-btn .u-intro {
        width: 60%
    }
}

@media only screen and (max-width:544px) {
    .u-intro.extrabig {
        font-size: 2.25rem
    }
    .header_logo-inner {
        padding-top: 1.5625rem;
        width: 11.5625rem;
        margin-left: -.3125rem
    }
    .header_content {
        padding: 1.5625rem 1.25rem 1.25rem 0
    }
    .footer {
        padding: 2.25rem .75rem 7.5rem
    }
    .footer_contacts-block {
        padding-right: .3125rem
    }
    .paynemts-block {
        white-space: nowrap;
        overflow-x: scroll
    }
    .other-block {
        position: relative
    }
    .other-block .other-copyright, .other-block .other-developer {
        width: 50%
    }
    .other-block .other-button {
        position: absolute;
        width: 100%;
        bottom: -3.125rem;
        left: 0;
        right: 0
    }
    .index-slider-text {
        margin-left: 1.25rem;
        max-width: 23.4375rem;
        vertical-align: middle
    }
    .slick-dots {
        right: 0;
        left: 0;
        opacity: 1
    }
    .section-feature {
        margin-bottom: 1.25rem
    }
    .features__nav .carousel-next {
        margin-right: .5rem
    }
    .features__nav .carousel-prev {
        margin-left: .5rem
    }
    .categories {
        padding: 0 .3125rem 1.5625rem .625rem
    }
    .categories-wrapper {
        padding: .9375rem 0 0
    }
    .categories-elem {
        padding: .9375rem .9375rem 7.1875rem
    }
    .categories-elem-outer {
        width: 50%
    }
    .categories-elem-img>img {
        max-height: 6.25rem
    }
    .flags-wrap .flag-item {
        width: 2.1875rem;
        height: 2.875rem
    }
    .flags-wrap .flag-item span {
        font-size: .6875rem;
        line-height: 2.875rem
    }
    .flags-wrap .flag-item:after {
        bottom: -.40625rem;
        border-width: .4375rem 2.1875rem .4375rem 0
    }
    .brands {
        padding: 0 .625rem
    }
    .brands-outer .feachres-brand .carousel-next {
        margin-right: -.625rem
    }
    .brands-outer .feachres-brand .carousel-prev {
        margin-left: -.625rem
    }
    .slider-section>.u-intro.h2 {
        margin-bottom: .9375rem
    }
    .slider-section {
        padding: 0 .875rem 1.5625rem
    }
    .slider-section .tabs-head {
        margin-bottom: 1.75rem
    }
    .product-card-outer {
        padding-bottom: .9375rem
    }
    .product-card-img {
        height: 7.5rem
    }
    .product-card-price .u-graytext {
        display: block
    }
    .product-table-content {
        width: 60%;
        padding-right: .625rem
    }
    .product-table-img {
        width: 40%;
        padding-left: .625rem;
        padding-right: .625rem
    }
    .tabs-cont {
        padding-top: 0
    }
    .tabs-head.slider-tabs {
        position: static;
        width: 100%
    }
    .news-section {
        padding: 0 .875rem 1.5625rem
    }
    .contact-section .tabs-head {
        top: 1.5625rem
    }
    .modal-layout .modal-container {
        margin-top: 0
    }
    .modal-layout .modal-container-header .small-link {
        padding: .5625rem
    }
    .modal-layout.modal-medium .modal-container-content {
        padding: 1.25rem 1.0625rem 1.875rem .9375rem
    }
    .modal-enter .col-50:first-of-type {
        margin: 0;
        padding: 0;
        border: none
    }
    .modal-enter .col-50:last-of-type {
        padding-left: 0;
        padding-top: 1.5625rem;
        border: none
    }
    .modal-enter .col-50 {
        width: 100%
    }
    .modal-incart .modal-container .modal-container-content {
        padding: .625rem .625rem .9375rem
    }
    .modal-incart .table-count, .modal-incart .table-price, .modal-incart .table-total {
        padding: 0;
        margin: 0;
        min-width: 0;
        text-align: center
    }
    .modal-incart .card-slider-wrap .product-card-inner {
        padding: .9375rem .5625rem 1.875rem
    }
    .input-wrapper.columns {
        max-width: 100%;
        margin: 0
    }
    .content-head {
        padding: .9375rem .875rem 1.5625rem
    }
    .products-row {
        padding: 1.5625rem .625rem 2.1875rem
    }
    .products-inner .product-card-wrapper {
        width: 50%
    }
    .products-inner .product-card-wrapper .categories-elem-name {
        word-break: break-all
    }
    .pagination-inner .cards-slider-nav .pagin-counter {
        padding-left: .625rem;
        padding-right: .625rem
    }
    .product-main-descr .features_block {
        min-width: 100%;
        padding: .125rem 0 1.125rem
    }
    .product-main-form {
        position: relative
    }
    .product-main-selects {
        width: 100%;
        padding-bottom: 13.5625rem
    }
    .product-main-selects .submit-check {
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0
    }
    .product-main-calcwrap {
        width: 100%;
        padding: 0;
        position: absolute;
        bottom: 3rem;
        left: 0
    }
    .product-tabs-content {
        padding: 0 .6875rem
    }
    .product-tabs-content .tabs-head {
        margin-bottom: 1.5625rem;
        padding-left: .0625rem;
        margin-left: -.0625rem;
        overflow-x: scroll;
        white-space: nowrap
    }
    .product-tabs-content .tabs-head .tabs-item {
        width: 10rem;
        min-width: 10rem
    }
    .product-tabs-content .tabs-body .products-inner .product-card-inner {
        padding-bottom: 2.75rem
    }
    .specials-item {
        min-width: 100%;
        padding-right: 0
    }
    .char-descr, .char-name {
        padding-left: .625rem
    }
    .tab-material {
        min-width: 100%
    }
    .sertivicat-item {
        width: 50%
    }
    .roofs-wrapper .tabs-head {
        overflow-x: scroll
    }
    .roofs-wrapper .tabs-head .tabs-item {
        width: 4.6875rem
    }
    .roofs-wrapper .tabs-cont .roof-form-wrap, .roofs-wrapper .tabs-cont .roof-img-wrap {
        width: 100%
    }
    .roofs-wrapper .tabs-cont .roof-form-wrap {
        position: relative;
        padding-top: 2.8125rem;
        margin-top: 1.5625rem
    }
    .roofs-wrapper .tabs-cont .roof-total {
        position: absolute;
        top: 0;
        left: 0;
        width: 96%
    }
    .column-wrap {
        padding: .9375rem .5625rem 0
    }
    .table, .table-head {
        display: block
    }
    .table-head {
        width: 100%
    }
    .table-head .table-item {
        display: none
    }
    .table-count, .table-delete, .table-price, .table-total {
        display: inline-block;
        border-bottom: 0;
        text-align: center;
        padding: .375rem 0
    }
    .table-count, .table-price, .table-total {
        min-width: 33.32%;
        width: 33.32%
    }
    .table-total {
        text-align: right;
        padding-right: .3125rem
    }
    .table-item {
        border-bottom: 0
    }
    .table-row, .table-row:after {
        display: block;
        width: 100%
    }
    .table-row:after {
        content: "";
        position: absolute;
        left: 0;
        right: 0;
        bottom: 0;
        height: .0625rem;
        background: #e2e7ea
    }
    .table-delete {
        min-width: 10%;
        width: 10%
    }
    .table-count {
        margin-top: -.3125rem
    }
    .card.notify-card .button-wrapp, .card.notify-card .u-text {
        min-width: 100%
    }
    .error-img, .error-msg {
        min-width: 100%;
        padding: .3125rem 0;
        text-align: center
    }
    .error-img-inner {
        height: 7.5rem
    }
    .error-aside {
        display: block;
        margin: 0 auto;
        width: 16.875rem
    }
    .error-msg {
        margin-top: .3125rem
    }
    .offerlist-section {
        padding: 1.25rem .3125rem 0
    }
    .offerlist-section>.table .table-inline>.table-count {
        margin-top: 0
    }
    .offerlist-section>.table .table-inline>.table-status {
        padding: 5px 6%
    }
    .offerlist-content .table-wrapper .table-count, .offerlist-content .table-wrapper .table-price, .offerlist-content .table-wrapper .table-total {
        padding: 0
    }
    .offerlist-content .table-wrapper .table-count .u-text, .offerlist-content .table-wrapper .table-price .u-text, .offerlist-content .table-wrapper .table-total .u-text {
        font-size: 1rem
    }
    .offerlist-content .table-wrapper .table-count {
        margin-top: 0
    }
    .offerlist-content .table-wrapper .table-img {
        width: 30%
    }
    .offerlist-content .table-wrapper .table-item {
        border-bottom: none!important
    }
    .offerlist-content .table-wrapper .buttons-wrap, .offerlist-content .table-wrapper .price-wrap {
        min-width: 100%;
        padding: .5rem .9375rem
    }
    .offerlist-content .table-wrapper .buttons-wrap {
        text-align: center
    }
    .offerlist-content .cards-wrapper .card {
        padding: .625rem .5rem
    }
    .offerlist-content .cards-wrapper .card .btn {
        min-width: 6.875rem
    }
    .bx-soa-section-content .table-img {
        width: 30%
    }
    .bx-soa-section-content .table-count {
        margin: 0
    }
    .bx-soa-pp-desc-container, .bx-soa-pp-item-container {
        min-width: 100%;
        padding: .3125rem 0
    }
    .content-section .side-title {
        padding-right: 0
    }
    .content-section .col-50 {
        -webkit-column-count: 1;
        -moz-column-count: 1;
        column-count: 1
    }
    .content-section .side-cont .info-cont {
        margin-top: .9375rem
    }
    .vacancy-head-inner .u-graytext {
        display: block
    }
    .vacancy-body {
        padding: 0 .625rem 1.25rem
    }
    .product-bigcalc .product-main-selects {
        padding-bottom: 16.5625rem
    }
    .form-calculator-col>div {
        width: 100%!important
    }
    .form-calculator-col>div img {
        max-width: 70%;
        margin: 20px auto;
        display: block
    }
    .form-calculator-col-60 .input-wrapper {
        width: 100%;
        margin-left: 0
    }
    .form-calculator-footer {
        margin: 0 -1.0625rem 0 -.9375rem
    }
    .form-calculator-footer-content {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-flow: column nowrap;
        -ms-flex-flow: column nowrap;
        flex-flow: column nowrap
    }
    .form-calculator-footer-content .u-text.lt {
        margin-bottom: 1.25rem
    }
}

@media only screen and (min-width:544px) {
    .categories-elem-img {
        padding: .3125rem .625rem
    }
    .modal-incart .table-total {
        width: 15%;
        padding-right: 1.25rem
    }
}

@media only screen and (max-width:480px) {
    .header_mobile-menu .mobile-title.active+.mobile_l1 {
        max-height: 29.375rem
    }
    .header_mobile-body .c-menu-block.add {
        max-height: 35.625rem
    }
    .features_block {
        padding: 1.4375rem .625rem 1.4375rem 0
    }
    .info-footer {
        padding-left: 0
    }
    .info-footer .small-link {
        display: none
    }
    .colors-item {
        width: 25%
    }
    .headcont-item .input-wrapper:not(.subscribe-wrapper):nth-child(2n), .headcont-item .input-wrapper:not(.subscribe-wrapper):nth-child(2n-1) {
        padding: 0
    }
    .headcont-item .input-wrapper:not(.subscribe-wrapper) {
        width: 100%
    }
    .headcont-item .capcha-container, .headcont-item .home-wrap {
        width: 100%;
        margin-left: -.9375rem
    }
    .headcont-item .capcha-container .input-wrapper, .headcont-item .home-wrap .input-wrapper {
        padding: 0 0 0 .9375rem
    }
    .headcont-item .col-50 {
        width: 100%;
        padding: 0!important
    }
    .column-content .side-cont .select-u-item {
        display: block
    }
    .content-section p:not([class]) {
        text-align: justify
    }
    .contacts-wrap .col-50:nth-of-type(2) {
        text-align: center;
        margin: .625rem 0
    }
}

@media only screen and (max-width:380px) {
    .header_mobile-body .c-menu-block.add {
        max-height: 31.25rem
    }
}

@media only screen and (max-width:375px) {
    .social-wrap+.btn {
        padding-left: .5rem;
        padding-right: .5rem
    }
    .product-card-inner {
        min-height: 16.25rem;
        padding: .9375rem .75rem 2.75rem
    }
    .product-slider-item {
        padding: 1.25rem 0 0
    }
    .colors-item {
        width: 33.33%
    }
}

@media only screen and (max-width:360px) {
    .portfolio-item {
        width: 100%
    }
}

@media only screen and (max-width:350px) {
    .news-article-main {
        width: 88%
    }
}

@media only screen and (max-width:340px) {
    .header_content {
        padding: 1.5625rem .9375rem 1.25rem 0
    }
    .cart_wrap-cart {
        padding-right: 1.5625rem
    }
    .cart_wrap-account .btn-account {
        padding-right: .9375rem
    }
}

@media only screen and (max-width:321px) {
    .header_mobile-body .c-menu-block.add {
        max-height: 28.125rem
    }
}
/* End */


/* Start:/bitrix/templates/main_contacts/css/custom.css?1779454278875*/
.needint {
    opacity: .8;
    background-color: #d52020
}

.loading_catalog-ajax {
    height: 3px;
    background: #ffffff
}

.loading_catalog-ajax > * {
    background: #0432da;
    height: 100%;
    transition: width .4s ease-out;
    width: 0;
}

.ajax_loading-container {
    position: relative
}

.ajax_loading-loader {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(255, 255, 255, .7);
    z-index: 10;
    text-align: center;
}

.ajax_loading-loader img {
    position: relative;
    top: 50px;
    width: 75px;
}

.input-errors p {
    padding: 0 0 .3125rem;
    font-size: .6875rem;
    color: darkred;
}
.fast-buy{
    cursor: pointer;
    display: block;
    margin-left: auto;
    margin-right: 0;
    max-width: 140px;
}
ul:not([class]) li:not([class])>a:not([class]){
    width: auto;
}
/* End */
/* /bitrix/templates/main_contacts/css/screen.css?1779454278221139 */
/* /bitrix/templates/main_contacts/css/custom.css?1779454278875 */