* {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}
*:before,
*:after {
    box-sizing: border-box;
}
.page_content .content_flex .content > .tabs_container + b,
.page_content .content_flex .content > .tabs_container + .text_block {display:none}
.form input[type=checkbox] + label:before {border: 1px solid #000;}
.product_info .data .product_name {
-moz-user-select: text;
    -webkit-user-select: text;
    -ms-user-select: text;
    -o-user-select: text;
    user-select: text;
}
.content > .tabs_container .tab_content aside.big {display:none}
.main-page-popup__shadow-div {
    display: flex;
    justify-content: center;
}
.main-page-popup__container {
max-width: 800px;
    top: 15%;
    padding: 20px;
    box-shadow: rgba(0, 0, 0, 0.4) 2px 3px 10px;
    background-color: rgb(40, 185, 84);
    color: rgb(255, 255, 255);
    border-radius: 4px;
    position: absolute;
    z-index: 103;
    opacity: 1;
    animation: 3s ease 0s 1 normal forwards running ani;
    display: block;
}
body.activ {overflow: hidden;}
body.activ:after {
    content: '';
    opacity: .7;
    background: black;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    position: fixed;
    z-index: 101;
}
#ID_PAY_SYSTEM_ID_4 {
  
}
#ID_PAY_SYSTEM_ID_6 {}
#ID_PAY_SYSTEM_ID_3 {}
#bx_3218110189_12512 .img {
	height: 370px;
}
#bx_3218110189_12512 .img img {
	height: 100%;
}

img {
    border: none;
}

textarea {
    overflow: auto;
}

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

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

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

    -webkit-appearance: none;
}

:focus {
    outline: none;
}

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


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


/*---------------
    Main styles
---------------*/
:root {
    --bg: #fff;
    --aside_width: 290px;
    --aside_big_width: 320px;
    --scroll_width: 17px;
    --text_color: #000;
    --font_size: 14px;
    --font_size_title: 24px;
    --font_family: 'Montserrat', 'Arial', sans-serif;
}

.bx-filter {
	display:none;
}

.clear {
    clear: both;
}


.left {
    float: left;
}


.right {
    float: right;
}


html {
    height: 100%;

    background: var(--bg);

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
}
html.show {overflow: hidden;}

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

    height: 100%;

    transition: opacity .2s linear;

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

body.show {
	opacity: 1 !important;
	
}


.wrap {
    display: flex;
    overflow: hidden;
    flex-direction: column;

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


.main {
    position: relative;

    flex: 1 0 auto;
}


.cont {
    position: relative;

    width: 100%;
    max-width: 1320px;
    margin: 0 auto;
    padding: 0 20px;
}

aside .cats a.sub_link {
    position: relative;
}

aside .cats .items a:hover, aside .cats .items a.active {
    color: #00954b;
    font-weight: 700;
}

aside .cats .items a:hover, aside .cats .items a.activ {
    color: #00954b;
    font-weight: 700;
}

aside .cats a.sub_link:hover:after {
    border-color: #00954b;
}

aside .cats .catalog_link {
	cursor:default;
}

aside .cats a.sub_link:after {
    position: absolute;
    top: 50%;
    right: 18px;
    display: block;
    width: 12px;
    height: 12px;
    margin-top: -9px;
    content: '';
    transition: border-color .2s linear;
    transform: rotate(-45deg);
    border-bottom: 2px solid #3e3e3e;
    border-left: 2px solid #3e3e3e;
}

aside .filter.projects .title {
	min-height: 40px!important;
	padding:11px 20px!important;
}

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

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


.lozad {
    transition: .5s linear;

    opacity: 0;
}

.lozad.loaded {
    opacity: 1;
}


.flex {
    display: flex;

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


.page_content {
    margin-bottom: 50px;
}

.page_content .content,
.page_content aside {
    margin-bottom: 0;
}


.breadcrumbs {
    color: #999;
    font-size: 11px;
    font-weight: 500;

    margin-bottom: 40px;
    padding-bottom: 20px;

    border-bottom: 1px solid #e5e5e5;
}

.breadcrumbs a {
    color: #999;

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

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

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

    display: inline-block;

    width: 5px;
    height: 5px;
    margin: 0 8px;

    vertical-align: middle;

    border-radius: 50%;
    background: #01964d;
}


.page_title {
    font-size: var(--font_size_title);
    font-weight: 600;
    line-height: 30px;

    margin-bottom: 10px;

    text-transform: uppercase;
}

.page_title.center {
    text-align: center;
}


.content_flex.flex,
.content_flex > .cont.flex {
    position: relative;

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

.content_flex .content {
    

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

.content_flex aside.big + .content {
    width: calc(100% - var(--aside_big_width) - 40px);
}

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

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

.tab_content.active > br{display:none;}
.block {
    margin-bottom: 50px;
}


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

    margin-bottom: 30px;
}

.block_head.center {
    text-align: center;
}

.block_head .title {
    font-size: var(--font_size_title);
    font-weight: 600;
    line-height: 30px;

    position: relative;

    padding-bottom: 20px;
	display:block!important;
    text-transform: uppercase;
    border-bottom: 1px solid #d1d1d1;
}

.block_head .title:after {
    position: absolute;
    bottom: -1px;
    left: 0;

    display: block;

    width: 130px;
    max-width: 100%;
    height: 4px;

    content: '';

    background: #00964c;
}

.block_head .title.red:after {
    background: #e22323;
}


.block_head .view {
    position: absolute;
    top: 0;
    right: 0;

    display: flex;

    margin-left: auto;

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

.block_head .view button {
    position: relative;

    display: flex;

    width: 47px;
    height: 33px;

    cursor: pointer;
    transition: .2s linear;

    border: 1px solid #e0e0e0;
    background: #fff;

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

.block_head .view button + button {
    margin-left: -1px;
}

.block_head .view button.grid_link {
    padding: 6px 10px 3px 7px;
}

.block_head .view button.list_link {
    padding: 7px 13px;
}

.block_head .view button.grid_link * {
    display: block;

    width: 7px;
    height: 7px;
    margin-bottom: 3px;
    margin-left: 3px;

    transition: background .2s linear;

    background: #00964c;
}

.block_head .view button.list_link * {
    display: block;

    width: 100%;
    height: 4px;

    transition: background .2s linear;

    background: #00964c;
}

.block_head .view button.list_link * + * {
    margin-top: 3px;
}

.block_head .view button.active {
    z-index: 5;

    border-color: #00964c;
    background: #00964c;
}

.block_head .view button.active * {
    background: #fff;
}


.form {
    --form_border_color: #d1d1d1;
    --form_border_radius: 5px;
    --form_bg_color: #fff;
    --form_label_width: 222px;
    --form_focus_color: #00964c;
    --form_placeholder_color: #0b1110;
}


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

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

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


.form .line {
    position: relative;

    margin-bottom: 25px;
}

.form .line.flex {
    justify-content: flex-end;
}

.form .line.flex .label {
    display: flex;

    width: var(--form_label_width);
    max-width: 100%;
    min-height: 42px;
    margin: 0;
    padding-right: 15px;

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

.form .line.flex .field {
    width: calc(100% - var(--form_label_width));
}


.form .label {
    color: #0b1110;
    font-size: 13px;
    font-weight: 500;

    margin-bottom: 10px;

    letter-spacing: .075em;
    text-transform: uppercase;
}


.form .recovery_link {
    color: #00964c;
    font-size: 13px;
    font-weight: 500;

    position: absolute;
    top: 0;
    right: 0;

    display: inline-block;

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

.form .recovery_link:hover {
    text-decoration: underline;
}


.form .field {
    position: relative;
}

.form .field.flex > * {
    width: 170px;
}

.form .field.flex > * + * {
    margin-left: 23px;
}


.form .input {
    color: #0b1110;
    font: var(--font_size) var(--font_family);

    display: block;

    width: 100%;
    height: 42px;
    padding: 0 65px 0 15px;

    transition: .2s linear;

    border: 1px solid var(--form_border_color);
    border-radius: var(--form_border_radius);
    background: var(--form_bg_color);
    background-position: calc(100% - 13px) 50%;
}


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

.form .input.success {
    background: var(--form_bg_color) url(../images/ic_success.svg) calc(100% - 13px) 50% no-repeat;
}


.form .input:disabled,
.form input[type=checkbox]:disabled + label {
    cursor: default;
    pointer-events: none;

    opacity: .5;
}


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

.form input[type=checkbox] + label {
    font-size: 12px;
    font-weight: 500;
    line-height: 21px;

    position: relative;

    display: table-cell;

    min-height: 21px;
    padding-left: 38px;

    cursor: pointer;
    text-align: left;
    vertical-align: middle;
}

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

    display: block;

    width: 21px;
    height: 21px;

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

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

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

    display: block;

    width: 10px;
    height: 6px;

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

    opacity: 0;
    border-bottom: 2px solid #00964c;
    border-left: 2px solid #00964c;
}

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


.form .type .field {
    display: flex;

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

.form .type .field > * {
    width: calc(50% - 2px);
}

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

.form .type label {
    font-size: 14px;
    font-weight: 700;

    position: relative;

    display: flex;

    min-height: 80px;
    padding: 15px 20px 15px 69px;

    cursor: pointer;
    transition: .2s linear;
    letter-spacing: .075em;
    text-transform: uppercase;

    border: 2px solid #fff;
    background: #fff;

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

.form .type label:before {
    position: absolute;
    top: 50%;
    left: 26px;
	opacity:0;
    display: block;

    width: 22px;
    height: 22px;
    margin-top: -11px;

    content: '';

    border-radius: 50%;
    background: #f7f7f7;
    box-shadow: inset 0 1px 1px 0 rgba(0, 0, 0, .24);
}

.form .type input[type=radio]:checked + label {
    border-color: #00964c;
}

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


.form .submit {
    padding-top: 15px;
}

.form .submit_btn {
    color: #000;
    font: 700 14px/46px var(--font_family);

    display: inline-block;

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

    cursor: pointer;
    transition: .2s linear;
    vertical-align: top;
    text-transform: uppercase;

    border: 2px solid #00964c;
    border-radius: 25px;
    background: none;
}

.form .submit_btn:hover {
    color: #fff;

    background: #00964c;
}


.text_block {
    font-size: 18px;
    font-weight: 500;
    line-height: 28px;
    margin-bottom:30px;
}

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

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


.text_block h1 {
    font-size: 24px;
    font-weight: 600;
    line-height: 30px;

    margin-bottom: 30px;

    text-transform: uppercase;
}

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

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


.text_block h2 {
    font-size: 20px;
    font-weight: 600;
    line-height: 26px;

    margin-bottom: 20px;

    text-transform: uppercase;
}

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


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


.text_block blockquote,
.text_block q {
    font-style: italic;

    position: relative;

    display: block;

    width: 100%;
    margin: 30px 0;
    padding: 19px 29px;

    border: 1px solid #e5e5e5;
}

.text_block blockquote:before,
.text_block q:before {
    position: absolute;
    top: -1px;
    left: -1px;

    display: block;

    width: 4px;
    height: calc(100% + 2px);

    content: '';

    background: #00964c;
}


.text_block ul li {
    position: relative;
    overflow: hidden;
    display: block;

    padding-left: 20px;

    list-style-type: none;
}

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

.text_block ul li:before {
    position: absolute;
    top: 6px;
    left: 0;
    display: block;
    width: 9px;
    height: 9px;
    content: '';
    border-radius: 50%;
    background: #00964c;
}

.text_block ul ul {
	margin-left: 30px;
}
.text_block ul ul li:before {
	background: none;
    border: 1px solid #00964c;
}
.text_block ol {
    counter-reset: li;
}

.text_block ol li {
    position: relative;

    display: block;

    padding-left: 20px;

    list-style-type: none;
}

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

.text_block ol li:before {
    color: #00964c;
    font-weight: 700;

    position: absolute;
    top: 0;
    left: 0;

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


.text_block a {
    color: #2a9d31;

    text-decoration: none;
}

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

.text_block .cols,
.text_block .slider_in_text,
.text_block .carousel_in_text {
    margin: 30px 0;
}


.modal_cont {
    position: relative;
}

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

    visibility: hidden;

    transition: .2s linear;

    opacity: 0;
}

.mini_modal.active {
    top: 100%;

    visibility: visible;

    opacity: 1;
}

.sub-container__menu {
	display:none;
	visibility: hidden;
  	opacity: 0;
  	transition: opacity 1s linear, visibility 1s linear;
}

.sub-container__menu.active {
	display:block;
	opacity: 1;
  	visibility: visible;
}

.sub-container__menu.active .sub_cats {
	display:block;
}

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

    display: none;

    width: 100%;
    height: 100%;

    opacity: .68;
    background: #000;
}

/*----------
    Tabs
----------*/
.tabs {
    display: flex;

    margin-bottom: 32px;

    border-bottom: 1px solid #e0e0e0;

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


.tabs button {
    color: #323333;
    font-family: var(--font_family);
    font-size: 16px;
    font-weight: 700;

    position: relative;

    display: flex;

    height: 60px;
    margin-bottom: -1px;
    padding: 10px 30px;

    cursor: pointer;
    transition: .2s linear;
    text-align: center;
    text-transform: uppercase;

    border: 1px solid #e0e0e0;
    background: none;

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

.tabs button + button {
    margin-left: -1px;
}

.tabs button:hover,
.tabs button.active {
    color: #fff;

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


.tab_content {
    position: relative;

    visibility: hidden;
    overflow: hidden;

    height: 0;

    pointer-events: none;

    opacity: 0;
}

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

    height: auto;

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

    opacity: 1;
}


/*---------------
    Accordion
---------------*/
.accordion_item {
    border: 1px solid #d3d3d3;
}

.accordion_item + .accordion_item {
    margin-top: -1px;
}


.accordion_item .head {
    position: relative;

    display: flex;

    min-height: 102px;
    padding: 15px 103px 15px 42px;

    cursor: pointer;

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


.accordion_item .head .title {
    font-size: 21px;
    font-weight: 600;
    line-height: 25px;
}

.accordion_item .head .icon {
    position: absolute;
    top: 0;
    right: 31px;
    bottom: 0;
    width: 40px;
    height: 40px;
    margin: auto;
    transition: background .2s linear;
    border-radius: 50%;
    background: #5bb660;
}

.accordion_item .head .icon:before,
.accordion_item .head .icon:after {
    position: absolute;
    display: block;
    width: 22px;
    height: 4px;
    margin: auto;
    content: '';
    border-radius: 3px;
    background: #fff;
    inset: 0;
}

.accordion_item .head .icon:after {
    width: 4px;
    height: 22px;
    transition: opacity .2s linear;
}


.accordion_item .data {
    padding: 0 30px;
	display: none;
}


.accordion_item.active .head .icon {
    background: #bbb;
}

.accordion_item.active .head .icon:after {
    opacity: 0;
}


/*---------------
   Header
---------------*/
.header_wrap {
    margin-bottom: 32px;
}

.header_wrap header {
    margin-bottom: 0;
}


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

    width: 100%;
    margin: 0 0 32px;
}

header.absolute {
    position: absolute;

    margin: 0;

    background: none;
}

header.fixed {
    position: fixed;

    margin: 0;

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


header:before {
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;

    display: block;

    width: 100%;
    height: calc(100% - 37px);

    content: '';

    background: #3e3e3e;
}


header .info {
    /* margin-bottom: -51px; */
    padding: 20px 0;
}

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


header .logo {
    display: block;

    margin-left: 30px;

    text-decoration: none;
}

header .logo img {
    display: block;

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


header .contacts > * {
    color: #fff;
    font-size: 13px;
    font-weight: 600;
    line-height: 19px;

    display: flex;

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

header .contacts > * + * {
    margin-top: 8px;
}


header .contacts a {
    color: currentColor;

    display: inline-block;

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


header .contacts .btn {
    color: inherit;
    font-family: inherit;
    font-size: inherit;
    font-weight: inherit;
    line-height: inherit;

    display: inline-block;

    cursor: pointer;
    vertical-align: top;

    border: none;
    background: none;
}


header .contacts .icon {
    display: flex;

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

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

header .contacts .icon img {
    display: block;

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


header .links {
    display: flex;

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

header .links a {
    color: #fff;

    position: relative;

    display: flex;

    width: 28px;
    height: 28px;

    text-decoration: none;

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

header .links a + a {
    margin-left: 24px;
}

header .links img {
    display: block;

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

header .links .count {
    font-size: 11px;
    font-weight: 700;
    line-height: 19px;

    position: absolute;
    top: -8px;
    right: -8px;

    display: block;

    width: 19px;
    height: 19px;

    text-align: center;

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


header .account {
    margin-right: 30px;
}


header .account .login_link {
    color: #fff;
    font-size: 12px;
    font-weight: 500;
    line-height: 20px;

    display: flex;

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

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

header .account .login_link img {
    display: block;

    width: 18px;
    margin-right: 12px;
}


header .account .user_link {
    color: #fff;
    font-size: 12px;
    font-weight: 500;

    display: flex;

    height: 43px;
    padding: 0 20px;

    transition: .2s linear;
    text-decoration: none;
    text-transform: uppercase;

    border-radius: 25px;
    background: rgba(221, 221, 221, .2);

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

header .account .user_link .icon {
    display: flex;

    width: 26px;
    height: 26px;
    margin-right: 14px;
    padding: 5px;

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

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

header .account .user_link img {
    display: block;

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

header .account .user_link .name {
    overflow: hidden;

    max-width: 120px;

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

header .account .user_link:hover {
    color: #3e3e3e;

    background: #ddd;
}


header .menu {
    position: relative;

    display: flex;

    width: 100%;
    padding: 0 32px;

    background: #ebebeb;

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

header .menu .item {
    position: relative;
}

header .menu .item > a {
    color: #3e3e3e;
    font-size: 13px;
    font-weight: 700;
    line-height: normal;

    position: relative;

    display: flex;

    height: 51px;

    transition: color .2s linear;
    text-align: center;
    white-space: nowrap;
    text-decoration: none;
    text-transform: uppercase;

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

header .menu .item:hover > a,
header .menu .item > a.active {
    color: #28b954;
}


header.fixed:before,
header.fixed .info {
    display: none;
}

header.fixed .bottom {
    margin: 0;
}

header.fixed .menu {
    box-shadow: 0 10px 30px rgba(0, 0, 0, .2);
}


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

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

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


.mob_header {
    position: relative;
    z-index: 99;

    display: none;

    margin-bottom: 24px;
    padding: 24px 0;

    background: #3e3e3e;
}

.mob_header .cont {
    display: flex;

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


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

.mob_header .logo a,
.mob_header .logo img {
    display: block;

    max-width: 100%;
    height: 45px;

    text-decoration: none;
}


.mob_header .links {
    display: flex;

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

.mob_header .links a {
    color: #fff;

    position: relative;

    display: flex;

    text-decoration: none;

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

.mob_header .links a + a {
    margin-left: 24px;
}

.mob_header .links img {
    display: block;

    max-width: 26px;
    max-height: 26px;
}

.mob_header .links .count {
    font-size: 9px;
    font-weight: 700;
    line-height: 16px;

    position: absolute;
    top: -8px;
    right: -8px;

    display: block;

    width: 16px;
    height: 16px;

    text-align: center;

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


.mob_header .account {
    margin-left: 40px;
}


.mob_header .account .login_link {
    color: #fff;
    font-size: 12px;
    font-weight: 700;

    display: flex;

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

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

.mob_header .account .login_link img {
    display: block;

    width: 18px;
    margin-right: 8px;
}


.mob_header .account .user_link {
    color: #fff;
    font-size: 12px;
    font-weight: 500;

    display: flex;

    height: 43px;
    padding: 0 20px;

    transition: .2s linear;
    text-decoration: none;
    text-transform: uppercase;

    border-radius: 25px;
    background: rgba(221, 221, 221, .2);

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

.mob_header .account .user_link .icon {
    display: flex;

    width: 26px;
    height: 26px;
    margin-right: 14px;
    padding: 5px;

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

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

.mob_header .account .user_link img {
    display: block;

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

.mob_header .account .user_link .name {
    overflow: hidden;

    max-width: 120px;

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

.mob_header .account .user_link:hover {
    color: #3e3e3e;

    background: #ddd;
}


.mob_header .mob_menu_link {
    display: block;

    width: 60px;
    height: 18px;
    margin-right: -15px;
    margin-left: 25px;
    padding: 0 15px;
}

.mob_header .mob_menu_link span {
    position: relative;

    display: block;

    width: 100%;
    height: 2px;

    transition: .2s linear;

    background: #fff;
}

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

.mob_header .mob_menu_link.active span:nth-child(2) {
    opacity: 0;
}

.mob_header .mob_menu_link.active span:nth-child(1) {
    top: 8px;

    transform: rotate(45deg);
}

.mob_header .mob_menu_link.active span:nth-child(3) {
    top: -8px;

    transform: rotate(-45deg);
}


/*---------------
   Sidebar
---------------*/
aside {
    width: var(--aside_width);
    max-width: 100%;
}

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


aside .cats .catalog {
    position: static;
}

aside .cats .catalog_link {
    color: #fff;
    font-size: 16px;
    font-weight: 700;
    line-height: 20px;

    position: relative;
    z-index: 100;

    display: flex;

    min-height: 52px;
    padding: 12px 20px;

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

    border-radius: 12px 12px 0 0;
    background: #3e3e3e;

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


aside .cats #catalog_modal {
    z-index: 99;
    top: 0;
    left: 320px;

    overflow: hidden;

    width: calc(100% - 320px);

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

.cont.flex aside .cats #catalog_modal {
    left: 340px;

    width: calc(100% - 360px);
}

aside .cats #catalog_modal .cats_wall {
    margin: -1px;
}


aside .cats #catalog_modal2 {
    z-index: 99;
    top: 0;
    left: 320px;

    overflow: hidden;

    width: calc(100% - 489px);
    min-height: 379px;

    border-top: 1px solid #00964c;
    border-bottom: 1px solid #00964c;
    background: #fff url(../images/bg_cats_list.png) calc(100% - 38px) calc(100% - 36px) no-repeat;
    box-shadow: 0 5px 32px 0 rgba(0, 0, 0, .21);
}

.cont.flex aside .cats #catalog_modal2 {
    left: 340px;

    width: calc(100% - 360px);
}

aside .cats #catalog_modal2:before,
aside .cats #catalog_modal2:after {
    position: absolute;
    z-index: -1;
    top: 0;
    left: 33.333%;

    display: block;

    width: 100px;
    height: 100%;

    content: '';
    pointer-events: none;

    background: url(../images/sh_cats_list.png) 0 0 repeat-y;
}

aside .cats #catalog_modal2:after {
    left: 66.666%;
}

aside .cats #catalog_modal2 .cats_list {
    margin-bottom: -25px;
    padding: 27px 33px;

    column-count: 3;
    column-gap: 66px;
}

aside .cats #catalog_modal2 .cats_list > * {
    padding-bottom: 25px;

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

aside .cats #catalog_modal2 .cats_list a {
    color: #000;
    font-size: 13px;
    font-weight: 600;
    line-height: 16px;

    display: inline-block;

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

aside .cats #catalog_modal2 .cats_list a span {
    display: inline;

    transition: .2s linear;

    border-bottom: 2px solid transparent;
}

aside .cats #catalog_modal2 .cats_list a:hover {
    color: #00964c;
}

aside .cats #catalog_modal2 .cats_list a:hover span {
    border-color: #000;
}


aside .cats .items {
    position: relative;
    z-index: 100;
}

aside .cats .items > * {
    overflow: hidden;

    border-bottom: 1px solid #d0d0d0;
}

aside .cats .items > *:last-child {
    border-bottom: none;
    border-radius: 0 0 15px 15px;
}

aside .cats .items > * + * {
    border-top: 1px solid #fff;
}

aside .cats .items a {
    color: #3e3e3e;
    font-size: 13px;
    font-weight: 600;
    line-height: 20px;

    display: flex;

    min-height: 52px;
    padding: 12px 20px;

    transition: background .2s linear;
    text-decoration: none;
    text-transform: uppercase;

    background: #f5f5f5;

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

aside .cats .items a sup {
    font-size: 10px;
    line-height: 100%;

    display: inline-block;

    vertical-align: top;
}

aside .cats .items a:hover {
    background: #fff;
}


aside .links {
    background: #f5f5f5;
}

aside .links a {
    color: #000;
    font-size: 13px;
    font-weight: 600;
    line-height: 24px;

    display: flex;

    min-height: 63px;
    padding: 18px 20px;

    transition: .2s linear;
    text-decoration: none;
    text-transform: uppercase;

    border: 1px solid #d1d1d1;

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

aside .links > * + * {
    margin-top: -1px;
}

aside .links a:hover,
aside .links a.active {
    color: #00964c;
}


aside .lk_menu {
    padding: 15px 0;
}

aside .lk_menu a {
    min-height: 60px;
    padding-right: 32px;
    padding-left: 32px;

    border: none;
}


aside .filter {
    border-top: 2px solid #00964c;
    background: #f5f5f5;
}

aside .filter .title {
    font-size: 16px;
    font-weight: 700;
    line-height: 20px;

    padding: 15px;

    text-transform: uppercase;

    border-bottom: 1px solid #dcdcdc;
}


aside .filter .item {
    border-bottom: 1px solid #dcdcdc;
}

aside .cats a.sub_cats {
    padding-left:35px;
	display:none;
	text-transform: unset;
	border-top: 1px solid #e7e7e7;
}

aside .filter .name {
    font-size: 13px;
    line-height: 17px;

    position: relative;

    display: flex;

    min-height: 39px;
    padding: 10px 30px 10px 48px;

    cursor: pointer;

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

aside .filter .name .icon {
    position: absolute;
    top: 50%;
    left: 19px;

    display: block;

    width: 20px;
    height: 20px;
    margin-top: -10px;

    transition: .2s linear;

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

aside .filter .name .icon:before,
aside .filter .name .icon:after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;

    display: block;

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

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

    background: #00964c;
}

aside .filter .name .icon:after {
    width: 2px;
    height: 10px;
}


aside .filter .name.active .icon {
    background: #00964c;
}

aside .filter .name.active .icon:before,
aside .filter .name.active .icon:after {
    background: #fff;
}

aside .filter .name.active .icon:after {
    opacity: 0;
}


aside .filter .data {
    display: none;

    padding: 15px 30px 15px 48px;

    border-top: 1px solid #dcdcdc;
    background: #eee;
}


aside .filter .line + .line {
    margin-top: 10px;
}


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

aside .filter input[type=checkbox] + label {
    font-size: 13px;
    line-height: 16px;

    position: relative;

    display: table-cell;

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

    cursor: pointer;
    text-align: left;
    vertical-align: middle;
}

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

    display: block;

    width: 16px;
    height: 16px;

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

    border: 1px solid #d1d1d1;
    border-radius: 3px;
    background: #fff;
}

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

    display: block;

    width: 9px;
    height: 5px;

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

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

aside .filter input[type=checkbox]:checked + label:before {
    border-color: #00964c;
    background: #00964c;
}

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


aside .filter .range .sep {
    display: block;

    width: 14px;
    height: 1px;
    margin: 0 6px;

    background: #3f3f3f;

    align-self: center;
}

aside .filter .range .input {
    font-family: var(--font_family);
    font-size: 13px;

    display: block;

    width: 46px;
    height: 22px;

    text-align: center;

    border: 1px solid #d1d1d1;
    border-radius: 2px;
    background: #fff;
}


aside .filter .label_content {
    display: none;

    margin-top: 15px;
    padding-left: 24px;
}

aside .filter input[type=checkbox]:checked ~ .label_content {
    display: block;
}


aside .help {
    padding: 25px;

    border: 1px solid #dcdcdc;
    background: #f6f5f6;
}


aside .help .icon {
    color: #fff;
    font-size: 18px;
    font-weight: 700;
    line-height: 40px;

    position: relative;

    width: 40px;
    height: 40px;
    margin-bottom: 20px;

    text-align: center;

    border-radius: 50%;
    background: #5bb660;
}

aside .cats a.upcatalog1 {
    display: block;
    width: 60px;
    height: 50px;
    position: absolute;
    border: 10px solid #e5e5e5;
    padding: 5px 5px;
    margin: 10px;
    margin-top: -51.5px;
    margin-left: 221px;
    opacity: 0;
}

aside .cats a.sub_link.active:after {
    margin-top: -3px;
    border: none;
    border-top: 2px solid #00954b;
    border-right: 2px solid #00954b;
}

aside .help .icon:before {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;

    display: block;

    width: calc(100% - 8px);
    height: calc(100% - 8px);
    margin: auto;

    content: '';

    opacity: .5;
    border: 1px solid;
    border-radius: inherit;
}


aside .help .text {
    font-size: 18px;
    font-weight: 500;
    line-height: 28px;
}


aside .help .email {
    color: #5bb660;
    font-size: 24px;
    font-weight: 500;

    margin-top: 20px;
}

aside .help .email a {
    color: currentColor;

    white-space: nowrap;
    text-decoration: none;
}


/*---------------
   Main section
---------------*/
.owl-carousel .slide {
    display: none;
}

.owl-carousel,
.owl-loaded .slide,
.main_slider .slider .slide:first-child,
.product_info .images .slider .slide:first-child {
    display: block !important;
}

.owl-carousel .slide .lozad {
    transition: .2s linear;
}


.search {
    margin-bottom: 12px;
    padding: 0px;
    height: 42px;
    border-radius: 14px;
    background: #3e3e3e;
}

.search form {
    display: flex;
    height: 41px;
    justify-content: space-between;
    align-items: center;
    align-content: center;
    flex-wrap: wrap;
}

.search .field {
    position: relative;

    width: calc(100% - 118px);
}

.search .icon {
    position: absolute;
    z-index: 3;
    top: 0;
    bottom: 0;
    left: 16px;

    display: block;

    width: 26px;
    height: 26px;
    margin: auto;

    pointer-events: none;
}

.search .input {
    color: var(--text_color);
    font-family: var(--font_family);
    font-size: 16px;
    font-weight: 500;

    display: block;

    width: 100%;
    height: 38px;
    padding: 0 72px 0 60px;

    border: none;
    border-radius: 12px;
    background: #fff;
}

.search .clear_btn {
    position: absolute;
    z-index: 3;
    top: 0;
    right: 20px;
    bottom: 0;

    display: flex;

    width: 28px;
    height: 28px;
    margin: auto;

    cursor: pointer;

    border: none;
    background: none;

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

.search .clear_btn img {
    display: block;

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

.search .submit_btn {
    color: #fff;
    font-family: var(--font_family);
    font-size: 18px;
    font-weight: 500;

    display: block;

    width: 114px;
    height: 40px;

    cursor: pointer;

    border: none;
    border-radius: 12px;
    background: none;
}


.main_slider .slide {
    position: relative;
    z-index: 3;

    overflow: hidden;

    border-radius: 14px;
    background: #ddd;
}


.main_slider .owl-carousel .owl-nav button.owl-prev {
    left: 8px;
}

.main_slider .owl-carousel .owl-nav button.owl-next {
    right: 8px;
}


.main_slider .bg {
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;

    width: 100%;
    height: 100%;

    object-fit: cover;
}


.main_slider .info {
    position: relative;
    z-index: 3;

    display: flex;

    width: 492px;
    max-width: 100%;
    height: 310px;
    padding: 36px 92px;

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


.main_slider .sub_title {
    color: #00b600;
    font-size: 15px;
    font-weight: 600;

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


.main_slider .title {
    color: #3e3e3e;
    font-size: 36px;
    font-weight: 600;
    line-height: calc(100% + 6px);

    width: 100%;
}


.main_slider .link {
    color: #fff;
    font-size: 16px;
    font-weight: 600;
    line-height: 36px;

    display: inline-block;

    margin-top: 28px;
    padding: 2px 32px;

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

    border-radius: 25px;
    background: #00b600;
}

.main_slider .link:hover {
    background: #28b954;
}


.advantages {
    margin-top: 30px;
}

.advantages .flex {
    display: flex;

    padding: 15px 39px;

    border: 1px solid #d2d2d2;

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


.advantages .sep {
    width: 1px;
    height: 80px;
    margin: 0 16px;

    background: #d2d2d2;
}


.advantages .item {
    color: #3e3e3e;
    font-size: 16px;
    font-weight: 600;

    position: relative;

    display: flex;

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

.advantages .item .icon {
    max-width: 52px;
    max-height: 52px;
    margin-right: 20px;
}

.advantages .item img {
    display: block;

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


.products .block_head {
    min-height: 33px;
}


.products .flex {
    margin-bottom: -60px;

    --products_count: 5;
    align-items: stretch;
    align-content: stretch;
}

.products .flex > * {
    width: calc(100% / var(--products_count));
    margin-bottom: 60px;
}


.products .flex .product_wrap:hover .product .back {
    transition: opacity .3s linear;
    pointer-events: none;
    background: #d1d1d1 !important;

    left: 256px;
    top: -10px;
    width: 100%;
    height: 100%;
    padding: 10px;
    opacity: 1;

}

.products .product_wrap .product .head:after {
    right: auto;
    left: 0;
    -webkit-transform: rotateY(180deg);
    transform: rotateY(180deg);
}


.products .product {
    position: relative;
    padding: 0 20px;
}

.products .product .back {
    position: absolute;
    z-index: 9;
    top: 0;
    left: 0;
    display: flex;
    flex-direction: column;
    width: 100%;
    height: calc(100% - 24px) !important;
    margin-top: 20px;
    pointer-events: none;
    opacity: 0;
    background: #f2f2f2;
}


.products .product:before,
.products .flex > .product:nth-child(5n):after,
.products .flex > .product:last-child:after,
.products .flex .product_wrap:nth-child(5n) .product:after,
.products .flex .product_wrap:last-child .product:after {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 1px;
    height: 100%;
    content: '';
    transition: .2s linear;
    background: rgb(224, 224, 224, 0.2);
}

.products .flex > .product:nth-child(5n):after,
.products .flex > .product:last-child:after,
.products .flex .product_wrap:nth-child(5n) .product:after,
.products .flex .product_wrap:last-child .product:after {
    right: 0;
    left: auto;
}


.products .product .back:before,
.products .product .head:before {
    position: absolute;
    z-index: -2;
    top: -20px;
    left: 0;

    display: block;
    visibility: hidden;

    width: 100%;
    height: calc(100% + 36px);

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

    opacity: 0;
    border-top: 2px solid #00964c;
    background: #fff;
    box-shadow: 0 1px 9px 0 rgba(0, 0, 0, .2);
}

/*.products .product .back:after,
.products .product .head:after {
    position: absolute;
    z-index: -1;
    top: -20px;
    right: 0;

    visibility: hidden;

    width: 10px;
    height: 10px;

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

    opacity: 0;
    border: 5px solid transparent;
    border-top-color: #636262;
    border-right-color: #636262;
}*/


.products .product .back:before {
    height: calc(100% + 60px);
}

.products .product .back:before,
.products .product .back:after {
    top: -30px;

    visibility: visible;

    opacity: 1;
}


.products .product .cat {
    color: #646363;
    font-size: 10px;
    font-weight: 600;
    line-height: 18px;

    margin-bottom: 10px;

    text-transform: uppercase;
}

.products .product .cat a {
    color: #646363;

    display: inline-block;

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

.products .product .cat a:hover {
    text-decoration: underline;
}


.products .product .name {
    color: #4191cf;
    font-size: 13px;
    font-weight: 600;
    line-height: 18px;
}

.products .product .name.list_name {
    display: none;
}

.products .product .name a {
    color: #4191cf;

    display: inline-block;

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

.products .product .name a:hover {
    text-decoration: underline;
}


.products .product .thumb {
    position: relative;

    margin: 10px 0;
    padding-bottom: 60%;
}

.products .product .thumb a {
    position: absolute;
    top: 0;
    left: 0;

    display: flex;

    width: 100%;
    height: 100%;

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

.products .product .thumb img {
    display: block;
    max-width: 100%;
    max-height: 100%;
	width: auto;
}


.products .product .features {
    font-size: 12px;
    font-weight: 600;

    margin-bottom: 30px;

    background: #fff !important;
    flex: 1 0 auto;
}

.products .product .features > * {
    display: flex;

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

.products .product .features > * + * {
    margin-top: 15px;
    padding-top: 15px;

    border-top: 1px solid #e5e5e5;
}

.products .product .features > * + *:last-child {
    border-top: none;
}

.products .product .features > * > * {
    padding-right: 5px;
}

.products .product .features .val {
    font-weight: 500;

    margin-left: auto;
    padding-right: 0;
    padding-left: 5px;

    text-align: right;
}


.products .product .buy {
    display: flex;
	padding-top: 10px;
    justify-content: space-between;
    align-items: center;
    align-content: center;
    flex-wrap: wrap;
}


.products .product .price {
    font-size: 19px;
    font-weight: 600;
    white-space: nowrap;
    text-transform: uppercase;
}

.products .product .price .old {
    color: #646363;
    font-size: 12px;

    text-decoration: line-through;
}

.products .product .price .new {
    color: #e22323;
}


.products .product .buy_link {
    position: relative;

    display: block;

    width: 84px;
    height: 35px;

    transition: .2s linear;

    border: 2px solid #00964c;
    border-radius: 20px;
}

.products .product .buy_link:after {
    position: absolute;
    top: 50%;
    left: 50%;

    display: block;

    width: 40px;
    height: 24px;
    margin-top: -12px;
    margin-left: -20px;

    content: '';

    background: url(../images/ic_buy_link.svg) 0 0 no-repeat;
}

.products .product .buy_link:hover {
    background: #00964c;
}

.products .product .buy_link:hover:after {
    background: url(../images/ic_buy_link_white.svg) 0 0 no-repeat;
}

.products .product .details {
    color: #666;
    font-size: 13px;
    font-weight: 600;
    line-height: 33px;

    display: block;

    width: 55%;
    height: 35px;

    margin-top: 8px;
    margin-right: 10px;

    transition: background .2s linear, color .2s linear;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;

    border: 1px solid #4191cf;
}

.products .product .details:hover {
    color: #fff;

    background: #4191cf;
}


.products .product .quike_buy_link {
    color: #666;
    font-size: 13px;
    font-weight: 600;
    line-height: 31px;

    display: block;

    width: 80px;
    height: 35px;
    margin-top: 8px;

    transition: background .2s linear, color .2s linear;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;

    border: 1px solid #4191cf;
    /*border-radius: 20px;*/
}

.products .product .back .quike_buy_link {
    font-size: 10px;
    line-height: 33px;

    width: calc(50% - 5px);
    margin-left: auto;
}

.products .product .quike_buy_link:hover {
    color: #fff;

    background: #4191cf;
}


.products .product .status {
    font-size: 13px;
    font-weight: 600;
    line-height: 18px;

    display: none;
}

.products .product .status span {
    color: #00964c;
}


.products .flex > .product:hover:before,
.products .flex > .product:hover:after,
.products .flex > .product:hover + .product:before,
.products .flex .product_wrap:hover .product:before,
.products .flex .product_wrap:hover .product:after,
.products .flex .product_wrap:hover + .product_wrap .product:before {
    opacity: 0;
}

.products .flex > .product:hover .head:before,
.products .flex > .product:hover .head:after,
.products .flex .product_wrap:hover .product .head:before,
.products .flex .product_wrap:hover .product .head:after {
    visibility: visible;

    opacity: 1;
}


.content .products {
    padding-bottom: 30px;

    border-bottom: 1px solid #e0e0e0;
}

.content .products .flex {
    --products_count: 3;
}

.content .products .flex > .product:nth-child(5n):after,
.content .products .flex .product_wrap:nth-child(5n) .product:after {
    display: none;
}

.content .products .flex > .product:nth-child(3n):after,
.content .products .flex .product_wrap:nth-child(3n) .product:after {
    position: absolute;
    top: 0;
    left: 0;

    display: block;

    width: 1px;
    height: 100%;

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

    background: rgb(224, 224, 224, 0.2);
}

.content .products .flex > .product:nth-child(3n):after,
.content .products .flex .product_wrap:nth-child(3n) .product:after {
    right: 0;
    left: auto;
}

/*.content .products .product,
.content .products .product .back {
    padding: 0 30px;
}*/

.content .products .product .back {
    margin-top: 10px;
    margin-left: 50px;
    height: calc(100% - 1px) !important;
    background: #fff !important;
}

.content .products .product_wrap:nth-child(3n):hover .product .back {
    left: -355px !important;
}

.content .products .product_wrap:nth-child(5):hover .product .back {
    left: 255px !important;
}

.content .products .product_wrap:nth-child(20):hover .product .back {
    left: 255px !important;
}

.content .products .product_wrap:nth-child(35):hover .product .back {
    left: 255px !important;
}

.content .products .product_wrap:nth-child(50):hover .product .back {
    left: 255px !important;
}

.content .products .product_wrap:nth-child(65):hover .product .back {
    left: 255px !important;
}

.content .products .product_wrap:nth-child(80):hover .product .back {
    left: 255px !important;
}

.content .products .product_wrap:nth-child(95):hover .product .back {
    left: 255px !important;
}

.content .products .product_wrap:nth-child(110):hover .product .back {
    left: 255px !important;
}

.content .products .product_wrap:nth-child(125):hover .product .back {
    left: 255px !important;
}

.content .products .product_wrap:nth-child(10):hover .product .back {
    left: 255px !important;
}

.content .products .product_wrap:nth-child(25):hover .product .back {
    left: 255px !important;
}

.content .products .product_wrap:nth-child(40):hover .product .back {
    left: 255px !important;
}

.content .products .product_wrap:nth-child(55):hover .product .back {
    left: 255px !important;
}

.content .products .product_wrap:nth-child(70):hover .product .back {
    left: 255px !important;
}

.content .products .product_wrap:nth-child(85):hover .product .back {
    left: 255px !important;
}

.content .products .product_wrap:nth-child(100):hover .product .back {
    left: 255px !important;
}

.content .products .product .buy:before {
    position: absolute;
    top: -31px;
    left: 0;

    display: block;

    width: 100%;
    height: 1px;

    content: '';
    pointer-events: none;

    background: #e0e0e0;
}

.content .products .product .head:before {
    top: -30px;

    height: calc(100% + 60px);
}

.content .products .product .head:after {
    top: -30px;
}


.products .list {
    margin: -31px 0;
}

.products .list .product,
.content .products .list .product {
    position: relative;

    display: flex;

    min-height: 142px;
    padding: 20px 20px 20px 159px;

    border: 1px solid #e0e0e0;

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

.products .list .product:hover {
    z-index: 9;
}

.products .list .product_wrap + .product_wrap {
    margin-top: -1px;
}

.products .list .product:before,
.products .list .product .cat,
.products .list .product .back,
.content .products .list .product .buy:before {
    display: none;
}

.content .products .list .product .head:before {
    top: -1px;
    left: -1px;

    width: calc(100% + 2px);
    height: calc(100% + 2px);
}

.content .products .list .product .head:after {
    top: 0;
    right: -1px;
    left: auto;

    transform: none;
}

.content .products .list .product .buy:before {
    display: none;
}

.products .list .product .front {
    width: 100%;
}

.products .list .product .thumb {
    position: absolute;
    top: 0;
    left: 0;

    width: 159px;
    margin: 0;
    padding-bottom: 140px;
}

.products .list .product .thumb a {
    padding: 20px;
}

.products .list .product .head {
    height: auto !important;
    margin-bottom: 15px;
}

.products .list .product .name {
    display: none;
}

.products .list .product .name.list_name {
    display: block;
}

.products .list .product .buy {
    justify-content: flex-start;
}

.products .list .product .price {
    order: 1;
}

.products .list .product .quike_buy_link {
    width: auto;
    margin-top: 0;
    margin-left: 20px;
    padding: 0 30px;

    order: 2;
}

.products .list .product .buy_link {
    margin-left: 20px;

    order: 3;
}

.products .list .product .status {
    display: block;

    margin-left: 20px;

    order: 4;
}


.banners .flex {
    margin-bottom: calc(var(--banners_offset) * -1);
    margin-left: calc(var(--banners_offset) * -1);

    align-items: stretch;
    align-content: stretch;
    --banners_count: 2;
    --banners_offset: 40px;
}

.banners .flex > * {
    width: calc((100% / var(--banners_count)) - var(--banners_offset));
    margin-bottom: var(--banners_offset);
    margin-left: var(--banners_offset);
}


.banners .banner {
    color: #000;

    position: relative;

    display: flex;

    text-decoration: none;

    border-bottom: 4px solid #00964c;
    background: #f5f5f5;

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

.banners .banner .info {
    position: relative;

    display: flex;
    flex-direction: column;

    width: 357px;
    max-width: calc(100% - 295px);
    height: 100%;
    padding: 35px 20px 35px 40px;
}

.banners .banner .title {
    font-size: 24px;
    font-weight: 600;
    line-height: 32px;

    flex: 1 0 auto;
}

.banners .banner .link {
    color: #fff;
    font-size: 14px;
    font-weight: 600;
    line-height: 40px;

    display: inline-block;

    width: 187px;
    max-width: 100%;
    height: 40px;
    margin-top: 20px;
    padding: 0 20px;

    transition: .2s linear;
    text-align: center;
    vertical-align: top;
    text-transform: uppercase;

    border-radius: 25px;
    background: #00964c;
}


.banners .banner .img {
    display: flex;

    width: 295px;
    height: 249px;

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

.banners .banner .img img {
    display: block;

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


.banners .banner:hover .info:before {
    background: #00964c;
}

.banners .banner:hover .link {
    background: #28b954;
}


.cats_wall .flex {
    padding-bottom: 1px;
    padding-left: 1px;

    align-items: stretch;
    align-content: stretch;
    --cats_wall_count: 4;
}

.cats_wall .flex > * {
    width: calc((100% / var(--cats_wall_count)) + 1px);
    margin-bottom: -1px;
    margin-left: -1px;
}


.cats_wall .cat {
    color: #000;
    font-size: 14px;
    font-weight: 600;

    display: block;

    min-height: 191px;
    padding: 20px;

    text-align: center;
    text-decoration: none;

    border: 1px solid #e5e5e5;
}

.cats_wall .cat .thumb {
    display: flex;

    height: 120px;
    margin-bottom: 10px;

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

.cats_wall .cat .thumb img {
    display: block;

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

.cats_wall .cat:hover .name {
    text-decoration: underline;
}


.return_info {
    display: flex;

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

.return_info .text_block {
    width: calc(100% - 277px);
}

.return_info .payments {
    width: 239px;
    max-width: 100%;
    padding: 50px 20px;

    border: 1px solid #e7e7e7;
}

.return_info .payments > * + * {
    margin-top: 50px;
}

.return_info .payments img {
    display: block;

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

.return_info .payments img.loaded {
    height: auto !important;
}


.delivery_info {
    display: flex;

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

.delivery_info .text_block {
    width: calc(100% - 599px);
}

.delivery_info .info_block {
    width: 534px;
    max-width: 100%;
    padding: 25px 30px;

    border-top: 4px solid #28b954;
    background: #f2f2f2;
}

.cart_info table td.sale {padding-right: 15px; text-align:center;font-size: 18px!important;}

.cart_info table {
    width: 100%;

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

.cart_info table th {
	padding: 0 0 10px;
    text-align: center;
    font-size: 12px;
    font-weight: normal;
    line-height: 24px;
    vertical-align: middle;
    white-space: nowrap;
    letter-spacing: .075em;
    text-transform: uppercase;
    border-bottom: 1px solid #d1d1d1;
}

.cart_info table th:first-child {
    padding-left: 0;
}


.cart_info table td {
    padding: 15px 0;
    text-align: left;
    vertical-align: middle;
    border-bottom: 1px solid #d1d1d1;
}


.cart_info table td.thumb {
	padding-left: 0;
    width: 225px;
    table-layout: fixed;
}

.cart_info table td.thumb a {
    display: flex;
	width:fit-content;
    height: 92px;

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

.cart_info table td.thumb img {
        display: block;
    max-width: 92px;
    min-width: 92px;
    object-fit: contain;
    max-height: 100%;
    width: 100%;
}


.cart_info table td.info {
    padding-left: 15px;
}

.cart_info table td.info .name {
    color: #4191cf;
    font-size: 13px;
    font-weight: 600;
    line-height: 18px;
    width: 270px;
    max-width: 100%;
}

.cart_info table td.info .name a {
    color: #4191cf;

    display: inline-block;

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

.cart_info table td.info .name a:hover {
    text-decoration: underline;
}


.cart_info table td.info .cat {
    color: #646363;
    font-size: 10px;
    font-weight: 600;
    line-height: 18px;

    margin-top: 10px;

    text-transform: uppercase;
}

.cart_info table td.info .cat a {
    color: #646363;

    display: inline-block;

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

.cart_info table td.info .cat a:hover {
    text-decoration: underline;
}


.cart_info table td.price {
	padding: 15px;
    font-size: 18px;
    font-weight: 600;
    width: 190px;
    table-layout: fixed;
    white-space: nowrap;
    text-transform: uppercase;
}

.cart_info table td.price .old {
    color: #646363;
    font-size: 12px;

    text-decoration: line-through;
}

.cart_info table td.price .new {
    color: #e22323;
}


.cart_info table td.amount {
    width: 170px;
	text-align: center;
    table-layout: fixed;
}

.cart_info table td.amount .box {
    position: relative;

    display: inline-block;

    padding-right: 25px;

    vertical-align: middle;
}

.cart_info table td.amount .input {
    color: #000;
    font-family: var(--font_family);
    font-size: 20px;
    font-weight: 600;

    display: block;

    width: 69px;
    height: 42px;

    text-align: center;

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

.cart_info table td.amount a {
    position: absolute;
    top: 0;
    right: 0;

    display: block;

    width: 25px;
    height: 21px;
}

.cart_info table td.amount a.plus:after {
    position: absolute;
    top: 50%;
    left: 50%;

    display: block;

    width: 10px;
    height: 10px;
    margin-top: -2px;
    margin-left: -5px;

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

    border-top: 2px solid #00964c;
    border-right: 2px solid #00964c;
}

.cart_info table td.amount a.minus {
    top: auto;
    bottom: 0;
}

.cart_info table td.amount a.minus:after {
    position: absolute;
    top: 50%;
    left: 50%;

    display: block;

    width: 10px;
    height: 10px;
    margin-top: -8px;
    margin-left: -5px;

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

    border-bottom: 2px solid #00964c;
    border-left: 2px solid #00964c;
}


.cart_info table td.delete {
    width: 26px;
    padding-right: 0;
    padding-left: 0;

    table-layout: fixed;
}

.cart_info table td.delete a {
    display: flex;

    width: 26px;
    height: 26px;
    margin: 0 auto;
    padding: 2px;

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

.cart_info table td.delete span {
    position: relative;

    display: block;

    width: 100%;
    height: 2px;

    transition: .2s linear;

    background: #c9cbcb;
}

.cart_info table td.delete span:nth-child(1) {
    top: 1px;

    transform: rotate(45deg);
}

.cart_info table td.delete span:nth-child(2) {
    top: -1px;

    transform: rotate(-45deg);
}

.cart_info table td.delete a:hover span {
    background: #000;
}


.cart_info .cart_total {
    width: 380px;
    max-width: 100%;
    margin-top: -1px;
    margin-left: auto;
    padding-top: 25px;

    border-top: 4px solid #00964c;
}

.cart_info .cart_total .total_price {
    font-size: 24px;
    font-weight: 700;
    line-height: 24px;

    display: flex;

    letter-spacing: .075em;
    text-transform: uppercase;

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

.cart_info .cart_total .total_price > * {
    width: 170px;
    padding-right: 20px;
}

.cart_info .cart_total .total_price .price {
    width: 210px;
    padding-right: 0;
}


.cart_info .cart_total .checkout_link {
    color: #fff;
    font-size: 14px;
    font-weight: 600;
    line-height: 50px;

    display: block;

    width: 100%;
    height: 50px;
    margin-top: 25px;
    padding: 0 20px;

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

    border-radius: 25px;
    background: #00964c;
}

.cart_info .cart_total .checkout_link:hover {
    background: #28b954;
}


.lk_personal .title {
    font-size: 20px;
    font-weight: 600;

    margin-bottom: 30px;

    text-transform: uppercase;
}

.lk_personal .item {
    display: flex;

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

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

.lk_personal .item .name {
    color: #999;
    font-size: 13px;
    font-weight: 500;
    line-height: 24px;

    width: 130px;
    padding-right: 20px;

    letter-spacing: .075em;
    text-transform: uppercase;
}

.lk_personal .item .val {
    color: #0b1110;
    font-size: 18px;
    font-weight: 500;
    line-height: 24px;

    width: calc(100% - 130px);

    letter-spacing: .075em;
}

.lk_personal .item .val.green {
    color: #00964d;
}

.lk_personal .item .val a {
    color: #00964d;

    text-decoration: none;
}

.lk_personal .item .val a:hover {
    text-decoration: underline;
}


.lk_orders .title {
    font-size: 20px;
    font-weight: 600;

    margin-bottom: 30px;

    text-transform: uppercase;
}


.lk_orders .order {
    transition: .2s linear;

    background: #fff;
}

.lk_orders .order + .order {
    margin-top: 40px;
}

.lk_orders .order.active {
    box-shadow: 0 1px 29px 0 rgba(0, 0, 0, .2);
}


.lk_orders .order .head {
    display: flex;

    padding: 20px 28px;

    cursor: pointer;

    border-top: 4px solid #00964c;
    background: #f7f7f7;

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

.lk_orders .order .head .col_left {
    margin-right: auto;
    padding-right: 20px;
}

.lk_orders .order .head .date {
    font-size: 18px;
    font-weight: 600;
    line-height: 24px;

    transition: .2s linear;
    white-space: nowrap;
    text-transform: uppercase;
}

.lk_orders .order .head .number {
    color: #999;
    font-size: 13px;
    font-weight: 500;
    line-height: 24px;

    white-space: nowrap;
    letter-spacing: .075em;
    text-transform: uppercase;
}

.lk_orders .order .head .price {
    font-size: 18px;
    font-weight: 600;
    line-height: 24px;

    text-align: right;
    white-space: nowrap;
}

.lk_orders .order .head .count {
    color: #999;
    font-size: 13px;
    font-weight: 500;
    line-height: 24px;

    text-align: right;
    white-space: nowrap;
    letter-spacing: .075em;
    text-transform: uppercase;
}

.lk_orders .order .head .status {
    color: #fff;
    font-size: 14px;
    font-weight: 600;
    line-height: 38px;

    min-width: 167px;
    padding: 0 5px;
    height: 38px;
    margin-left: 30px;

    text-align: center;
    white-space: nowrap;
    /*text-transform: uppercase;*/

    background: #acacac;
}

.lk_orders .order .head .status.yellow {
    background: #bfad33;
}

.lk_orders .order .head .status.green {
    background: #00964c;
}


.lk_orders .order .data {
    display: none;
}


.lk_orders .order .order_info {
    font-size: 13px;
    font-weight: 600;
    line-height: 23px;

    display: flex;

    padding: 17px 28px;

    border-top: 1px solid #d1d1d1;
    border-bottom: 1px solid #d1d1d1;
    background: #f7f7f7;

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

.lk_orders .order .order_info a {
    color: #fff;
    font-size: 11px;
    font-weight: 600;
    line-height: 24px;

    display: inline-block;

    height: 23px;
    margin-left: 9px;
    padding: 0 21px;

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

    border-radius: 15px;
    background: #00964c;
}

.lk_orders .order .order_info a:hover {
    background: #28b954;
}


.lk_orders .order .cart_info {
    padding: 20px 28px;
}

.lk_orders .order .cart_info table th:last-child {
    padding-right: 0;

    text-align: right;
}

.lk_orders .order .cart_info table td.thumb {
    width: 125px;
    padding: 10px;
}

.lk_orders .order .cart_info table td.info {
    padding-left: 20px;
}

.lk_orders .order .cart_info table td.price {
    width: 110px;
}

.lk_orders .order .cart_info table td.amount {
    font-size: 20px;
    font-weight: 600;

    width: 95px;

    white-space: nowrap;
    text-transform: uppercase;
}

.lk_orders .order .cart_info table td.amount span {
    display: block;

    width: 55px;

    text-align: center;
}

.lk_orders .order .cart_info table td.amount + td.price {
    padding-right: 0;

    text-align: right;
}


.lk_orders .order .cart_info .cart_total {
    width: 312px;
    margin-top: 0;
    padding-top: 20px;

    border: none;
}

.lk_orders .order .cart_info .cart_total .total_price {
    font-size: 20px;
}

.lk_orders .order .cart_info .cart_total .total_price > * {
    width: 110px;
}

.lk_orders .order .cart_info .cart_total .total_price .price {
    width: 202px;

    text-align: right;
}

.lk_orders .order .cart_info .cart_total .checkout_link {
    line-height: 40px;

    height: 40px;
    margin-top: 20px;
}


.lk_requisites .title {
    font-size: 20px;
    font-weight: 600;

    margin-bottom: 30px;

    text-transform: uppercase;
}

.lk_requisites .form {
    width: 780px;
    max-width: 100%;

    --form_label_width: 307px;
}

.lk_requisites .form .type .field > * {
    width: 303px;
    max-width: 100%;
}

.lk_requisites .form .type .field > * + * {
    width: calc(100% - 307px);
}

.lk_requisites .form .type label {
    border-color: #f7f7f7;
    background: #f7f7f7;
}

.lk_requisites .form .type label:before {
    background: #fff;
}

.lk_requisites .form .submit {
    padding-left: var(--form_label_width);
}


.register {
    width: 914px;
    max-width: 100%;
    margin: 0 auto;
}

.register .form {
    padding: 41px;

    border-top: 4px solid #00964c;
    background: #f7f7f7;
}

.register .form .data {
    width: 614px;
    max-width: 100%;
    margin: 0 auto;
}


.checkout .form {
    counter-reset: blocks;

    --form_label_width: 175px;
}

.checkout .form .block {
    /*display: none;*/

    margin: 0;
    padding: 25px 35px 30px;

    border-top: 4px solid #00964c;
    background: #f7f7f7;
}

.checkout .form .block_title {
    font-size: 20px;
    font-weight: 600;
    line-height: 24px;

    position: relative;

    display: flex;

    min-height: 58px;
    margin-bottom: 24px;
    padding-left: 77px;

    text-transform: uppercase;

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

.checkout .form .block_title .number {
    font-size: 20px;
    font-weight: 600;
    line-height: 54px;

    position: absolute;
    top: 0;
    left: 0;

    width: 58px;
    height: 58px;

    text-align: center;

    border: 2px solid #00964c;
    border-radius: 50%;
}


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

.checkout .form .delivery label {
    font-size: 14px;
    font-weight: 500;
    line-height: 24px;

    position: relative;

    display: flex;

    min-height: 130px;
    padding: 20px 20px 20px 115px;

    cursor: pointer;
    transition: .2s linear;

    border: 2px solid #fff;
    background: #fff;

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

.checkout .form .delivery label + input[type=radio] + label {
    margin-top: 2px;
}

.checkout .form .delivery label .name {
    font-weight: 700;

    width: 100%;

    letter-spacing: .075em;
    text-transform: uppercase;
}

.checkout .form .delivery label:before {
    position: absolute;
    top: 50%;
    left: 29px;

    display: block;

    width: 56px;
    height: 56px;
    margin-top: -28px;

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

    border-radius: 50%;
    background: #f7f7f7;
    box-shadow: inset 0 1px 1px 0 rgba(0, 0, 0, .24);
}

.checkout .form .delivery label:after {
    position: absolute;
    top: 50%;
    left: 46px;

    display: block;

    width: 25px;
    height: 14px;
    margin-top: -10px;

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

    opacity: 0;
    border-bottom: 5px solid #fff;
    border-left: 5px solid #fff;
}

.checkout .form .delivery input[type=radio]:checked + label {
    border-color: #00964c;
}

.checkout .form .delivery input[type=radio]:checked + label:before {
    background: #00964c;
    box-shadow: none;
}

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


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

.checkout .form .payment label {
    font-size: 14px;
    font-weight: 500;
    line-height: 24px;

    position: relative;

    display: flex;

    min-height: 90px;
    margin-bottom: 2px;
    padding: 20px 20px 20px 115px;

    cursor: pointer;
    transition: .2s linear;

    border: 2px solid #fff;
    background: #fff;

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

.checkout .form .payment label + input[type=radio] + label {
    margin-top: 2px;
}

.checkout .form .payment label .name {
    font-weight: 700;
    width: 100%;
    letter-spacing: .075em;
    text-transform: uppercase;
}

.checkout .form .payment label .img {
    display: flex;

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

.checkout .form .payment label .img img {
    display: block;
}

.checkout .form .payment label .img > * + * {
    margin-left: 13px;
}

.checkout .form .payment label:before {
    position: absolute;
    top: 50%;
    left: 29px;

    display: block;

    width: 56px;
    height: 56px;
    margin-top: -28px;

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

    border-radius: 50%;
    background: #f7f7f7;
    box-shadow: inset 0 1px 1px 0 rgba(0, 0, 0, .24);
}

.checkout .form .payment label:after {
    position: absolute;
    top: 50%;
    left: 46px;

    display: block;

    width: 25px;
    height: 14px;
    margin-top: -10px;

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

    opacity: 0;
    border-bottom: 5px solid #fff;
    border-left: 5px solid #fff;
}

.checkout .form .payment input[type=radio]:checked + label {
    border-color: #00964c;
}

.checkout .form .payment input[type=radio]:checked + label:before {
    background: #00964c;
    box-shadow: none;
}

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


.checkout .form .cart_info table th:last-child {
    padding-right: 0;

    text-align: right;
}

.checkout .form .cart_info table td.thumb {
    max-width: 105px;
    padding: 10px 0;
}

.checkout .form .cart_info table td.info {
    padding-left: 0;
	padding-right:10px;
	max-width:150px;
}

.checkout .form .cart_info table td.price {
    width: 110px;
}

.checkout .form .cart_info table td.amount {
    font-size: 20px;
    font-weight: 600;

    width: 95px;

    white-space: nowrap;
    text-transform: uppercase;
}

.checkout .form .cart_info table td.amount span {
    margin: 0 auto
    display: block;
    width: 55px;
    text-align: center;
}

.checkout .form .cart_info table td.amount + td.price {
    padding-right: 0;

    text-align: right;
}


.checkout .form .links {
    display: flex;

    padding-top: 5px;

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

.checkout .form .links .prev {
    color: #000;
    font-size: 14px;
    font-weight: 600;
    line-height: 46px;

    display: block;

    width: 133px;
    height: 50px;
    margin-right: auto;
    padding: 0 20px;

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

    border: 2px solid #00964c;
    border-radius: 25px;
    background: none;
}

.checkout .form .links .prev:hover {
    color: #fff;

    background: #00964c;
}

.checkout .form .links .next {
    color: #fff;
    font-size: 14px;
    font-weight: 600;
    line-height: 50px;

    display: block;

    width: 133px;
    height: 50px;
    padding: 0 20px;

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

    border-radius: 25px;
    background: #28b954;
}

.checkout .form .links .next:hover {
    background: #00964c;
}


.checkout .form .submit {
    /*display: none;*/
    margin-top: 20px;
    padding: 0;
}

.checkout .form .submit_btn {
    color: #fff;

    display: block;

    width: 354px;
    max-width: 100%;
    margin-left: auto;

    border-radius: #00964c;
    background: #00964c;
}

.checkout .form .submit_btn:hover {
    border-color: #28b954;
    background: #28b954;
}


.checkout aside {
    order: 5;
}


.checkout_total {
    border-top: 4px solid #00964c;
    border-bottom: 1px solid #d2d2d2;
    background: #f7f7f7;
}

.checkout_total .item {
    color: #0b1110;
    font-size: 14px;
    font-weight: 600;
    line-height: 24px;

    display: flex;

    padding: 20px 34px;

    letter-spacing: .075em;
    text-transform: uppercase;

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

.checkout_total .item + .item {
    margin-top: -20px;
}

.checkout_total .item .name {
    white-space: nowrap;

    opacity: .5;
}

.checkout_total .item .val {
    font-size: 16px;
    font-weight: 700;
}


.checkout_total .item.total {
    color: #00964c;
    font-size: 20px;
    font-weight: 700;

    margin-top: 0;

    border-top: 1px solid #d2d2d2;
}

.checkout_total .item.total .name {
    opacity: 1;
}

.checkout_total .item.total .val {
    font-size: 20px;
}


.product_info {
    display: flex;

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


.product_info .images {
    width: 326px;
    max-width: 100%;
}


.product_info .images .slider {
    border: 1px solid #e7e7e7;
}

.product_info .images .slide a {
    position: relative;

    display: block;

    padding-bottom: 100%;

    text-decoration: none;
}

.product_info .images .slide .img {
    position: absolute;
    top: 0;
    left: 0;

    display: flex;

    width: 100%;
    height: 100%;

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

.product_info .images .slide img {
    display: block;

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


.product_info .links {
    display: flex;

    margin-top: 17px;
    margin-bottom: -15px;
    margin-left: -15px;

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

.product_info .links > * {
    margin-bottom: 15px;
    margin-left: 46px;
}

.product_info .links a {
    color: #000;
    font-size: 12px;
    font-weight: 700;
    display: flex;
    height: 40px;
    width: 260px;
    padding: 0 20px;
    margin-top: 2px;

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

    border: 2px solid #a9e3bb;
    border-radius: 30px;

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

.product_info .links a .icon {
    margin-right: 13px;
}

.product_info .links a.pdf_link .icon {

}

.product_info .links a:hover,
.product_info .links a.active {
    color: #fff;

    border-color: #28b954;
    background: #28b954;
}

.product_info .links a:hover .icon,
.product_info .links a.active .icon {
    background-position: 0 100%;
}

.product_info .links #vopros_proekt svg,
.product_info .links .pdf_link svg {margin-right: 13px;}
.product_info .links #vopros_proekt .white,
.product_info .links .pdf_link .white {
	display:none;
}
.product_info .links .pdf_link:hover .green {display:none;}
.product_info .links .pdf_link:hover .white {
	display:block;
}
.product_info .links #vopros_proekt:hover .green {display:none;}
.product_info .links #vopros_proekt:hover .white {
	display:block;
}
.product_info .data .links {
    display: flex;

    margin-top: 35px;
    margin-bottom: -15px;
    margin-left: -15px;

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

.product_info .data .links > * {
    margin-bottom: 15px;
    margin-left: 15px;
}

.product_info .data .links a {
    color: #000;
    font-size: 12px;
    font-weight: 700;
    line-height: 36px;

    display: flex;

    height: 40px;
    padding: 0 20px;

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

    border: 2px solid #b2dfc9;
    border-radius: 30px;

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

.product_info .data .links .mini_modal {
    overflow: auto;
    max-height: 350px;

    min-width: 100%;

    border-radius: 15px;
    background: #fff;
    box-shadow: 0 10px 30px rgba(0, 0, 0, .2);
}

.product_info .data .links .mini_modal a {
    border: none;
    border-radius: 0;
}

.product_info .title {
    color: #00964c;
    font-size: 18px;
    font-weight: 600;
    line-height: 24px;

    margin-bottom: 20px;

    text-transform: uppercase;
}

.product_info .data .links a .icon {
    margin-right: 13px;
}

.product_info .data .links a.pdf_link .icon {
    width: 26px;
    height: 24px;

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

.product_info .data .links a.model3d_link .icon {
    width: 31px;
    height: 27px;

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

.product_info .data .links a.buy_link .icon {
    width: 27px;
    height: 25px;

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

.product_info .data .links a:hover,
.product_info .data .links a.active,
.product_info .data .links a.buy_link {
    color: #fff;

    border-color: #28b954;
    background: #28b954;
}

.product_info .data .links a:hover .icon,
.product_info .data .links a.active .icon {
    background-position: 0 100%;
}


/*.product_info .links .mini_modal {
    overflow: hidden;

    min-width: 100%;

    border-radius: 15px;
    background: #fff;
    box-shadow: 0 10px 30px rgba(0, 0, 0, .2);
}

.product_info .links .mini_modal a {
    border: none;
    border-radius: 0;
}*/


.product_info .data {
    width: calc(100% - 360px);
}

.product_info .data .title {
    color: #00964c;
    font-size: 18px;
    font-weight: 600;
    line-height: 24px;

    margin-bottom: 20px;

    text-transform: uppercase;
}


.product_info .data .product_name {
    font-size: var(--font_size_title);
    font-weight: 600;
    line-height: 36px;
    margin-bottom: 20px;
}


.product_info .data .available {
    font-size: 12px;
    font-weight: 700;
	max-width:200px;
    /*margin-bottom: 25px;*/
    margin-top: 5px;

    text-transform: uppercase;
}

.product_info .data .available span {
    color: #00964c;
}


.product_info .data .buy_block {
    display: flex;

    margin-bottom: 30px;

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

.product_info .data .buy_block .col_left {
    display: flex;

    width: calc(100% - 259px);
    padding: 20px;

    border: 1px solid #e7e7e7;

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

.product_info .data .buy_block .col_right {
    width: 239px;
    max-width: 100%;
}

.product_info .data .buy_block .name {
    color: #00964c;
    font-size: 10px;
    font-weight: 700;

    margin-bottom: 12px;

    text-transform: uppercase;
}

/*.product_info .data .buy_block .dostavka_icon {
    display: flex;
    padding: 20px 20px 5px 20px;
    width: calc(100% - 259px);
    justify-content: space-between;
    align-items: flex-start;
    align-content: flex-start;
    flex-direction: row;
}

.product_info .data .buy_block .dostavka_icon img {
    padding-right: 13px;
    padding-left: 13px;
}

.product_info .data .buy_block .dostavka_icon p {
    color: #5e5e5e;
    font-size: 13px;
}

.product_info .data .buy_block .dostavka_icon p span {
    font-weight: bold;
}

@media (max-width: 767px) {
    .product_info .data .buy_block .dostavka_icon {
        margin-top: 20px;
        width: 100%;
        justify-content: center;
    }

    .product_info .data .buy_block .dostavka_icon p {
        color: #5e5e5e;
        font-size: 15px;
    }
}*/

/***Áëîê ñ èíôîðìàöèåé îá îïëàòå è äîñòàâêå***/

.product_info .doinfo {
    /*border: 1px solid #e5e5e5;*/
    margin-top: 20px;
    /*border-radius: 10px;*/
}

.product_info .doinfo h4 {
    text-align: center;
    padding-bottom: 5px;
}

.product_info .doinfo .dostavka_icon {
    display: flex;
    flex-direction: row;
    padding: 10px 0 10px 0;
    justify-content: space-around;
    /*background-image: url(/local/templates/pneumax-shop/components/bitrix/catalog/page.catalog/bitrix/catalog.element/.default/ôîí.png);
    background-size: cover;*/
    border-bottom: 1px solid #e5e5e5;
}

.product_info .doinfo .dostavka_icon img {
    /*padding-right: 15px;
    padding-left: 15px;*/
    padding: 3px 15px;
}

.product_info .doinfo .dostavka_icon p {
    color: #5e5e5e;
    font-size: 13px;
    font-weight: 600;
    font-style: italic;
    padding-top: 3px;
}

.product_info .doinfo .dostavka_icon p span {
    font-weight: 800;
}

.product_info .doinfo .dinfo {
    display: flex;
    color: #5e5e5e;
    font-size: 13px;
}

.product_info .doinfo .dinfo ul {
    padding-left: 25px;
    padding-top: 5px;
    padding-bottom: 10px;
    text-align: justify;
}

.product_info .doinfo .dinfo ul li {
    font-size: 11.5px;
}

.product_info .doinfo .oinfo {
    display: flex;
    color: #5e5e5e;
    font-size: 13px;
    flex-direction: column;
}

.product_info .doinfo .oinfo ul {
    padding-left: 20px;
    padding-top: 5px;
    padding-bottom: 10px;
    text-align: justify;
}

.product_info .doinfo .oinfo ul li {
    font-size: 11.5px;
}

.product_info .doinfo .oinfo .dostavka_icon {
    display: flex;
    flex-direction: row;
    /*padding: 10px 0 10px 0;*/
    justify-content: flex-start;
    /*background-image: url(/local/templates/pneumax-shop/components/bitrix/catalog/page.catalog/bitrix/catalog.element/.default/ôîí.png);
    background-size: cover;*/
}

.product_info .doinfo .oinfo .dostavka_icon img {
    padding-right: 15px;
}

.product_info .doinfo .oinfo .dostavka_icon p {
    color: #5e5e5e;
    font-size: 13px;
    font-weight: 600;
    font-style: italic;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-right: 30px;
}

@media (max-width: 1279px) {
    .product_info .doinfo {
        display: none;
    }
}

/***Âòîðàÿ ÷àñòü***/

/***Áëîê ñ èíôîðìàöèåé îá îïëàòå è äîñòàâêå***/

.product_info .box_dostavka2 {
    /*border: 1px solid #e5e5e5;*/
    padding: 10px;
    margin-top: 40px;
    /*border-radius: 10px;*/
}

.product_info .box_dostavka2 h4 {
    text-align: center;
    padding-bottom: 5px;
}

.product_info .box_dostavka2 .dostavka_icon {
    display: flex;
    flex-direction: row;
    padding: 10px 0 10px 0;
    justify-content: space-around;
    /*background-image: url(/local/templates/pneumax-shop/components/bitrix/catalog/page.catalog/bitrix/catalog.element/.default/ôîí.png);
    background-size: cover;*/
    border-bottom: 1px solid #e5e5e5;
}

.product_info .box_dostavka2 .dostavka_icon img {
    /*padding-right: 15px;
    padding-left: 15px;*/
    padding: 3px 15px;
}

.product_info .box_dostavka2 .dostavka_icon p {
    color: #5e5e5e;
    font-size: 13px;
    font-weight: 600;
    font-style: italic;
    padding-top: 3px;
}

.product_info .box_dostavka2 .dostavka_icon p span {
    font-weight: 800;
}

.product_info .box_dostavka2 .dinfo {
    display: flex;
    color: #5e5e5e;
    font-size: 13px;
}

.product_info .box_dostavka2 .dinfo ul {
    padding-left: 25px;
    padding-top: 5px;
    padding-bottom: 10px;
    text-align: justify;
}

.product_info .box_dostavka2 .dinfo ul li {
    font-size: 11.5px;
}

.product_info .box_dostavka2 .oinfo {
    display: flex;
    color: #5e5e5e;
    font-size: 13px;
    flex-direction: column;
}

.product_info .box_dostavka2 .oinfo ul {
    padding-left: 20px;
    padding-top: 5px;
    padding-bottom: 10px;
    text-align: justify;
}

.product_info .box_dostavka2 .oinfo ul li {
    font-size: 11.5px;
}

.product_info .box_dostavka2 .oinfo .dostavka_icon {
    display: flex;
    flex-direction: row;
    /*padding: 10px 0 10px 0;*/
    justify-content: space-around;
    /*background-image: url(/local/templates/pneumax-shop/components/bitrix/catalog/page.catalog/bitrix/catalog.element/.default/ôîí.png);
    background-size: cover;*/
}

.product_info .box_dostavka2 .oinfo .dostavka_icon img {
    padding-right: 15px;
}

.product_info .box_dostavka2 .oinfo .dostavka_icon p {
    color: #5e5e5e;
    font-size: 13px;
    font-weight: 600;
    font-style: italic;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-right: 30px;
}

@media (max-width: 1279px) {
    .product_info .box_dostavka2 {
        display: block !important;
    }
}

/***End***/

.product_info .data .price .val {
    color: #0b1110;
    font-size: 24px;
    font-weight: 700;

    white-space: nowrap;
    letter-spacing: .075em;
    text-transform: uppercase;
}

.product_info .data .price .old {
    color: #646363;
    font-size: 12px;
    font-weight: 600;

    text-decoration: line-through;
    letter-spacing: 0;
}


.product_info .data .amount .val {
    position: relative;

    display: flex;

    padding-right: 25px;

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

.product_info .data .amount .input {
    color: #000;
    font-family: var(--font_family);
    font-size: 20px;
    font-weight: 600;

    display: block;

    width: 40px;
    height: 42px;

    text-align: center;

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

.product_info .data .amount a {
    position: absolute;
    top: 0;
    right: -12px;

    display: block;

    width: 25px;
    height: 21px;
}

.product_info .data .amount a.plus:after {
    position: absolute;
    top: 50%;
    left: 50%;

    display: block;

    width: 10px;
    height: 10px;
    margin-top: -2px;
    margin-left: -5px;

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

    border-top: 2px solid #00964c;
    border-right: 2px solid #00964c;
}

.product_info .data .amount a.minus {
    top: auto;
    bottom: 0;
}

.product_info .data .amount a.minus:after {
    position: absolute;
    top: 50%;
    left: 50%;

    display: block;

    width: 10px;
    height: 10px;
    margin-top: -8px;
    margin-left: -5px;

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

    border-bottom: 2px solid #00964c;
    border-left: 2px solid #00964c;
}


.product_info .data .buy_link {
    color: #666;
    font-size: 15px;
    font-weight: 600;
    line-height: 38px;

    display: flex;

    width: 100%;
    height: 42px;

    transition: .2s linear;
    text-decoration: none;
    text-transform: uppercase;

    border: 2px solid #00964c;
    border-radius: 20px;

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

.product_info .data .buy_link .icon {
    display: block;

    width: 40px;
    height: 24px;
    margin-right: 12px;

    background: url(../images/ic_buy_link.svg) 0 0 no-repeat;
}

.product_info .data .buy_link:hover {
    color: #fff;

    background: #00964c;
}

.product_info .data .buy_link:hover .icon {
    background: url(../images/ic_buy_link_white.svg) 0 0 no-repeat;
}


.product_info .data .quike_buy_link,
.product_info .data .parent_breadcrumbs_link {
    color: #666;
    font-size: 15px;
    font-weight: 600;
    line-height: 38px;

    display: block;

    width: 100%;
    height: 42px;
    margin-top: 15px;

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

    border: 2px solid #4191cf;
    border-radius: 20px;
}

.product_info .data .quike_buy_link:hover,
.product_info .data .parent_breadcrumbs_link:hover {
    color: #fff;
    background: #4191cf;
}


.product_info .data .tech_site_link {
    color: #666;
    font-size: 15px;
    font-weight: 600;
    line-height: 38px;

    display: flex;

    width: 100%;
    height: 42px;
    margin-top: 15px;

    transition: .2s linear;
    text-decoration: none;
    text-transform: uppercase;

    border: 2px solid #cfebdd;
    border-radius: 20px;

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

.product_info .data .tech_site_link .icon {
    display: block;

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

    background: url(../images/ic_tech_site_link.svg) 0 0 no-repeat;
}

.product_info .data .tech_site_link:hover {
    color: #fff;

    border-color: #00964c;
    background: #00964c;
}

.product_info .data .tech_site_link:hover .icon {
    background: url(../images/ic_tech_site_link_white.svg) 0 0 no-repeat;
}


.product_info .data .features .title {
    margin-bottom: 25px;
}

.product_info .data .features .item {
	 margin-top: 15px;
    padding-bottom: 15px;
    border-bottom: 1px solid #e5e5e5;
    font-size: 12px;
    font-weight: 500;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    align-content: flex-start;
    flex-wrap: wrap;
}

.product_info .data .features .item + .item:last-child {
    border-top: none;
}

.product_info .data .features .name {
    font-weight: 700;

    width: 230px;
    max-width: 100%;
    padding-right: 15px;

    text-transform: uppercase;
}

.product_info .data .features .val {
    width: calc(100% - 230px);
}


.product_desc .title {
    color: #00964c;
    font-size: 18px;
    font-weight: 600;
    line-height: 24px;

    margin-bottom: 20px;

    text-transform: uppercase;
}


.region_info > * + * {
    margin-top: 40px;
}


.region_info .city {
    font-size: 28px;
    font-weight: 600;
    line-height: 32px;
}

.region_info .contacts {
    font-size: 16px;
    font-weight: 600;
    line-height: 18px;
}

.region_info .contacts > * {
    padding-left: 25px;
}

.region_info .contacts > * + * {
    margin-top: 25px;
}


.region_info .contacts .adres {
    background: url(../images/ic_adres.svg) 0 0/12px 16px no-repeat;
}


.region_info .contacts .phones {
    background: url(../images/ic_phone.svg) 0 0/14px 14px no-repeat;
}

.region_info .contacts .phones > * + * {
    margin-top: 10px;
}

.region_info .contacts .phones a {
    color: #000;

    display: inline-block;

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


.region_info .contacts .email {
    background: url(../images/ic_email.svg) 0 3px/16px 11px no-repeat;
}

.region_info .contacts .email a {
    color: #00964c;

    display: inline-block;

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

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


.region_info .personal {
    display: flex;

    margin-bottom: -40px;
    margin-left: -40px;

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


.region_info .personal .item {
    display: flex;

    width: calc(50% - 40px);
    margin-bottom: 40px;
    margin-left: 40px;

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

.region_info .personal .foto {
    overflow: hidden;

    width: 130px;
    height: 130px;

    border: 1px solid #e0e0e0;
    background: #ddd;
}

.region_info .personal .foto img {
    display: block;

    width: 100%;
    height: 100%;

    object-fit: cover;
}

.region_info .personal .info {
    display: flex;

    width: calc(100% - 155px);

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

.region_info .personal .name {
    font-size: 19px;
    font-weight: 600;
    line-height: 23px;

    width: 100%;
}

.region_info .personal .post {
    font-size: 13px;
    font-weight: 600;
    line-height: 18px;

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

.region_info .personal .phones {
    font-size: 13px;
    font-weight: 600;
    line-height: 18px;

    margin-top: 10px;
    padding-left: 25px;

    background: url(../images/ic_phone.svg) 0 50%/14px 14px no-repeat;
}

.region_info .personal .phones > * + * {
    margin-top: 6px;
}

.region_info .personal .phones a {
    color: #000;

    display: inline-block;

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


.region_info .personal .email {
    font-size: 13px;
    font-weight: 600;
    line-height: 18px;

    margin-top: 7px;
    padding-left: 25px;

    background: url(../images/ic_email.svg) 0 4px/16px 11px no-repeat;
}

.region_info .personal .email a {
    color: #00964c;

    display: inline-block;

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

.region_info .personal .email a:hover {
    text-decoration: underline;
}


.projects .project {
    font-size: 14px;
    font-weight: 500;
    line-height: 21px;

    display: flex;

    margin: 20px 0;
    padding: 20px;

    border: 1px solid #e0e0e0;

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

.projects .project .thumb {
    display: block;
    overflow: hidden;

    width: 100px;
    height: 90px;

    border: 1px solid #e0e0e0;
    background: #ddd;
}


.projects .project .thumb img {
    display: block;

    width: 100%;
    height: 100%;

    object-fit: cover;
}

.projects .project .info {
    display: flex;

    width: calc(100% - 120px);

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

.projects .project .name {
    font-size: 16px;
    font-weight: 700;

    margin-bottom: 6px;

    text-transform: uppercase;
}

.projects .project .name a {
    color: #00964c;

    display: inline-block;

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

.projects .project .name a:hover {
    text-decoration: none;
}


.clients .list {
    margin-top: -20px;
}

.clients .list .item {
    display: flex;

    height: auto;
    padding: 25px 0;

    border-bottom: 1px solid #d1d1d1;

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

.clients .list .logo {
    width: 250px;
    max-width: 100%;
}

.clients .list .logo img {
    display: block;

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

.clients .list .desc {
    font-weight: 500;
    line-height: 21px;

    width: calc(100% - 300px);
}


.how_to_get .map_wrap {
    position: relative;

    overflow: hidden;

    margin-top: -34px;
    padding-bottom: 33.333%;

    border-top: 4px solid #00964c;
    background: #ddd;
}

.how_to_get .map_wrap .map {
    position: absolute;
    top: 0;
    left: 0;

    width: 100%;
    height: 100%;
}


.vacancies .item {
    display: flex;

    padding: 35px 45px 35px 35px;

    border: 1px solid #e0e0e0;
    border-top: 4px solid #00964c;

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

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

.vacancies .item .info {
    font-size: 13px;
    font-weight: 600;
    line-height: 18px;

    /*width: calc(100% - 285px);*/
}

.vacancies .item .name {
    font-size: 22px;
    line-height: 26px;

    margin-bottom: 10px;
}

.vacancies .item .link {
    color: #fff;
    font-family: var(--font_family);
    font-size: 14px;
    font-weight: 600;
    line-height: 40px;

    display: inline-block;

    width: 205px;
    max-width: 100%;
    height: 40px;

    cursor: pointer;
    vertical-align: top;
    text-transform: uppercase;

    border: none;
    border-radius: 20px;
    background: #00964c;

    align-self: center;
}


.reviews .slider {
    padding: 0 40px;
}


.reviews .review {
    display: flex;

    height: 250px;
    padding: 20px;

    transition: border-color .2s linear;

    border: 1px solid #e0e0e0;

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

.reviews .review img {
    display: block;

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

.reviews .review:hover {
    border-color: #00964c;
}


.reviews .owl-carousel .owl-nav button {
    top: 50%;
    bottom: auto;

    margin-top: -33px;
}

.reviews .owl-carousel .owl-nav button.owl-prev {
    left: -15px;
}

.reviews .owl-carousel .owl-nav button.owl-next {
    right: -15px;
}

.faq {
    margin-bottom: 50px;
}

.subscribe {
    margin-top: 50px;
    padding: 15px 0;

    border-bottom: 1px solid #f9fbfc;
    background: #e3eaee;
}

.subscribe .cont {
    display: flex;

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

.subscribe .head {
    color: #656464;
    font-weight: 600;

    position: relative;

    display: flex;

    min-height: 51px;
    margin-right: 25px;
    padding-left: 68px;

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

.subscribe .head .title {
    color: #000;
    font-size: 20px;

    text-transform: uppercase;
}

.subscribe .head:before {
    position: absolute;
    top: 0;
    left: 0;

    display: block;

    width: 51px;
    height: 51px;

    content: '';

    border: 2px solid rgba(255, 255, 255, .5);
    border-radius: 50%;
    background: url(../images/ic_subscribe.png) 50% no-repeat;
}


.subscribe #form-subscribe {
    display: flex;

    width: 432px;
    max-width: 100%;

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

.subscribe #form-subscribe ::-webkit-input-placeholder {
    color: #646363;
}

.subscribe #form-subscribe :-moz-placeholder {
    color: #646363;
}

.subscribe #form-subscribe :-ms-input-placeholder {
    color: #646363;
}

.subscribe .input {
    color: var(--text_color);
    font-family: var(--font_family);
    font-size: var(--font_size);
    font-weight: 500;

    display: block;

    width: calc(100% - 134px);
    height: 45px;
    padding: 0 34px;

    border: none;
    border-radius: 30px 0 0 30px;
    background: #fff;
}

.subscribe .submit_btn {
    color: #fff;
    font-family: var(--font_family);
    font-size: var(--font_size);
    font-weight: 600;

    position: relative;

    width: 134px;
    max-width: 100%;
    height: 45px;

    cursor: pointer;

    border: none;
    border-radius: 0 30px 30px 0;
    background: #28b954;
}


.more {
    margin-top: 40px;
    margin-bottom: 20px;
    text-align: center;
    height: 40px;
}

.more a {
    color: #000;
    font-size: 13px;
    font-weight: 500;
    line-height: 46px;

    display: inline-block;

    width: 410px;
    max-width: 100%;
    height: 50px;

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

    border: 2px solid #00964c;
    border-radius: 25px;
}

.more a:hover {
    color: #fff;

    background: #00964c;
}


/*---------------
   Footer
---------------*/
footer {
    flex: 0 0 auto;
}


footer .info {
    padding: 40px 0;

    background: #575757;
}


footer .col_left {
    width: 285px;
    max-width: 100%;
}

footer .col_right {
    width: calc(100% - 350px);
    margin-left: auto;
}

footer .col_right .columns {
    column-gap: 30px;
    column-count: 3;
    position:relative;
}

footer .col_right .columns .footer__text-error button {
    padding: 2px;
    font-size: 12px;
}

footer .col_right .columns > * {
    --webkit-column-break-inside: avoid;
    page-break-inside: avoid;
    break-inside: avoid;
}

footer .col_right .columns > * + * {
    margin-top: 20px;
}


footer .logo {
    color: #fff;
    font-size: 14px;
    font-weight: 500;
}

footer .logo img {
    display: block;

    max-width: 100%;
}

footer .logo .slogan {
    margin-top: 10px;
}


footer .contacts {
    margin-top: 11px;
}

footer .contacts > * + * {
    margin-top: 20px;
}


footer .contacts .phone {
    color: #fff;
    font-size: 15px;
    font-weight: 600;
}

footer .contacts .phone a {
    color: #fff;

    display: inline-block;

    padding-left: 25px;

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

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


footer .contacts .email {
    color: #fff;
    font-weight: 500;
    line-height: 21px;
}

footer .contacts .email a {
    color: #fff;

    display: inline-block;

    padding-left: 25px;

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

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


footer .contacts .adres {
    color: #fff;
    font-weight: 500;
    line-height: 21px;

    padding-left: 25px;

    background: url(../images/ic_adres.svg) 0 0 no-repeat;
}


footer .socials {
    display: flex;
    margin-top: 25px;
    justify-content: flex-start;
    align-items: center;
    align-content: center;
    flex-wrap: wrap;
}

footer .socials a {
    display: block;

    width: 36px;

    transition: .2s linear;

    opacity: .4;
    border-radius: 50%;
}

footer .socials a + a {
    margin-left: 12px;
}

footer .socials img {
    display: block;

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

footer .socials a:hover {
    opacity: 1;
}


footer .title {
    color: #fff;
    font-weight: 700;
}

footer .title a {
    color: #fff;

    display: inline-block;

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

footer .title a:hover {
    text-decoration: underline;
}


footer .links .items {
    font-size: 14px;
	min-height: 16.67px;
    margin-top: 20px;
}

footer .links .items > * + * {
    margin-top: 20px;
}

footer .links .items a {
    color: #fff;

    display: inline-block;

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

footer .col_right .columns .links {
	margin-bottom:20px;
}
footer .col_right .columns .footer__text-oferta a {
	color: #fff;
	font-weight: 700;
    display: inline-block;
    transition: .2s linear;
    vertical-align: top;
    text-decoration: none;
}
footer .links .items a:hover,
footer .col_right .columns .footer__text-oferta a:hover {
    text-decoration: underline;
}


footer .payments img {
    display: block;

    max-width: 100%;
}

footer .payments img.loaded {
    height: auto !important;
}

footer .footer__text-error {
    color: #fff;
    max-width: 290px;
    font-size: 12px;
    line-height: 21px;
}

footer .columns .payments {
	width:70%;
}
footer .bottom {
    color: #fff;
    font-weight: 500;
    line-height: 21px;

    padding: 13px 0;

    background: #444;
}

footer .bottom .cont.flex {
    justify-content: space-between;
    align-items: center;
    align-content: center;
}


footer .creator {
    line-height: 37px;
}

footer .creator a {
    color: #fff;

    display: inline-block;

    padding-right: 47px;

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

    background: url(../images/creator_logo.png) 100% 50% no-repeat;
}


/*---------------
   PopUp
---------------*/
.modal {
    display: none;
    visibility: visible !important;

    width: 950px;
    max-width: 100%;
    padding: 34px 124px 48px;

    border: 1px solid #cfcfcf;
    border-top: 3px solid #00964c;
    background: #fff;
}

.modal_title {
    font-size: 26px;
    font-weight: 600;
    line-height: 26px;

    margin-bottom: 30px;
    padding-right: 30px;
}

.modal_data {
    position: relative;
}


.modal .success {
    position: absolute;
    z-index: 9;
    top: 0;
    left: 0;

    display: flex;
    visibility: hidden;

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

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

    opacity: 0;
    background: #fff;

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

.modal .success.show {
    position: auto;

    visibility: visible;

    opacity: 1;
}

.modal .success img {
    display: block;

    max-width: 100%;
    margin: 0 0 20px;
}

.modal .success .title {
    width: 100%;
    margin-bottom: 15px;
}

.modal .success .desc {
    font-weight: 500;
    line-height: 21px;

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


.modal .links {
    margin: 30px -30px -30px;
    padding: 30px;

    border: 1px solid #e5e5e5;
}

.modal .links a {
    color: #fff;
    font-size: 13px;
    font-weight: 600;
    line-height: 38px;

    display: block;

    width: 100%;
    height: 42px;

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

    border: 2px solid #00964c;
    border-radius: 20px;
    background: #00964c;
}


#login_modal,
#recovery_modal {
    width: 350px;
    padding: 30px;

    background: #f7f7f7;
}

#login_modal .form .submit,
#recovery_modal .form .submit {
    padding: 0;
}

#login_modal .form .submit_btn,
#recovery_modal .form .submit_btn {
    line-height: 38px;

    height: 42px;

    background: #fff;
}

#login_modal .form .submit_btn:hover,
#recovery_modal .form .submit_btn:hover {
    background: #00964c;
}

@media (max-width: 767px) {
    .modal-buy-one-click .form .bottom .agree {
        width: 100% !important;
    }
}

@media (max-width: 697px) {
    .modal {
        padding: 34px 25px 48px !important;
    }

    .modal-buy-one-click .form .columns {
        margin-left: 0 !important;
        --columns_offset: 0 !important;
    }

    .modal-buy-one-click .form .columns > * {
        width: 100% !important;
    }
}

/***Êàðòà ïðîåçäà â êîíòàêòàõ***/

.contacts_map .title {
    font-size: var(--font_size_title);
    font-weight: 600;
    line-height: 40px;

    margin-bottom: 15px;
}

.contacts_map .map_wrap {
    position: relative;

    padding-bottom: 31.5%;

    border-top: 2px solid #00964c;
    background-color: #eee;
}

.contacts_map .map {
    position: absolute;
    top: 0;
    left: 0;

    width: 100%;
    height: 100%;
}


.contacts_path .title {
    font-size: var(--font_size_title);
    font-weight: 600;
    line-height: 40px;

    margin-bottom: 15px;
}

.contacts_path .tabs {
    display: flex;

    margin-bottom: 20px;

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

.contacts_path .tabs > * + * {
    margin-left: 55px;
}

.contacts_path .tabs a {
    color: #00964c;
    font-size: 20px;
    font-weight: 600;

    position: relative;

    display: flex;

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

    border-bottom: 1px dashed #00964c;

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

.contacts_path .tabs a:after {
    position: absolute;
    z-index: 9;
    bottom: -22px;
    left: 50%;

    display: block;

    width: 25px;
    height: 14px;
    margin-left: -12px;

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

    opacity: 0;
    background: url(https://www.pneumax.ru/local/templates/pneumax-tech/images/ic_tab_arr.png) 0 0 no-repeat;
}

.contacts_path .tabs a:hover,
.contacts_path .tabs a.active {
    color: var(--text_color);
}

.contacts_path .tabs a.active:after {
    opacity: 1;
}


.contacts_path .tab_content {
    position: relative;

    visibility: hidden;

    height: 0;

    pointer-events: none;

    opacity: 0;
}

.contacts_path .tab_content.active {
    visibility: visible;

    height: auto;
    padding: 23px;

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

    opacity: 1;
    border: 1px solid #ccc;
}

.contacts_path .tab_content .text_block {
    font-size: 13px;
    line-height: 20px;
}

/*** End ***/


.e_catalogs {
    position: relative;
}


.e_catalogs .tabs {
    position: absolute;
    top: -67px;
    right: 0;

    display: flex;
    overflow: hidden;

    width: 445px;
    max-width: 100%;

    border-radius: 25px;
    border: 1px solid #28b954;

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

.e_catalogs .tabs a {
    color: #000;
    font-size: 11pt;
    letter-spacing: 3px;
    font-weight: 600;
    line-height: 14px;

    position: relative;

    display: flex;

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

    cursor: pointer;
    transition: .2s linear;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;

    background: #f2f2f2;

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

.e_catalogs .tabs a:hover,
.e_catalogs .tabs a.active {
    color: #fff;

    background: #28b954;
}

.e_catalogs .tab_content {
    position: relative;

    visibility: hidden;
    overflow: hidden;

    height: 0;

    pointer-events: none;

    opacity: 0;
}

.e_catalogs .tab_content.active {
    visibility: visible;

    height: auto;

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

    opacity: 1;
}


.e_catalogs .flex {
    padding: 0 0 1px 1px;

    --e_catalogs_count: 3;
    align-items: stretch;
    align-content: stretch;
}

.e_catalogs .flex > * {
    width: calc((100% / var(--e_catalogs_count)) + 1px);
    margin-bottom: -1px;
    margin-left: -1px;
}

.e_catalogs .item {
    color: #000;
    font-size: 13px;
    font-weight: 600;
    line-height: 20px;

    display: block;

    padding: 37px 37px 27px;

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

    border: 1px solid #d1d1d1;
}

.e_catalogs .item .thumb {
    display: flex;

    height: 263px;
    margin-bottom: 27px;

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

.e_catalogs .item .thumb img {
    display: block;

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

    box-shadow: 0 5px 27px rgba(0, 0, 0, .29);
}

.e_catalogs .item:hover {
    color: #00964c;
}


.articles .flex {
    margin-bottom: calc(var(--articles_offset) * -1);
    margin-left: calc(var(--articles_offset) * -1);

    --articles_count: 5;
    --articles_offset: 20px;
}

.articles .flex > * {
    width: calc((100% / var(--articles_count)) - var(--articles_offset));
    margin-bottom: var(--articles_offset);
    margin-left: var(--articles_offset);
}

.articles .article {
    color: #00964c;
    font-weight: 600;
    line-height: 21px;

    display: block;

    text-decoration: none;
}

.articles .article .date {
    color: #030303;
    font-weight: 700;
    line-height: 25px;

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

    padding: 0 10px;

    white-space: normal;

    background: #fff;
}

.articles .article .thumb {
    position: relative;
    overflow: hidden;
    margin-bottom: 10px;
    padding-bottom: 53%;
    background-color: #eee;
}


.articles .article .thumb img {
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;

    display: block;

    width: 100%;
    height: 100%;

    object-fit: cover;
}

.articles .masonry {
    width: calc(100% + 16px);
    margin-right: -16px;
	display: flex;
    flex-wrap: wrap;
    --articles_count: 4;
}

.articles .masonry > * {
    width: calc(25% - 16px);
}


.articles .item {
    color: var(--text_color);
    font-size: 13px;
    font-weight: 600;
    line-height: 18px;

    display: block;

    margin-bottom: 16px;
    padding: 19px;

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

    border: 1px solid #cfcfcf;
    border-top: 3px solid #00964c;
}

.articles .item > * + * {
    margin-top: 3px;
}

.articles .item .thumb {
    margin-bottom: 10px;
    background-color: #eee;
}
.articles .item .thumb > div > iframe {
    width:100%;
}

.articles .item .thumb img {
    display: block;

    width: 100%;
}

.articles .item .date {
    color: #00964c;
    font-size: 14px;
    line-height: 21px;
}

.articles .item:hover {
    color: #00964c;
}


.article_info .date {
    color: #00964c;
    font-size: 14px;
    font-weight: 700;

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


.projects .flex {
    margin-bottom: calc(var(--projects_offset) * -1);
    margin-left: calc(var(--projects_offset) * -1);

    --projects_count: 3;
    --projects_offset: 20px;
    align-items: stretch;
    align-content: stretch;
}

.projects .flex > * {
    width: calc((100% / var(--projects_count)) - var(--projects_offset));
    margin-bottom: var(--projects_offset);
    margin-left: var(--projects_offset);
}


.projects .item {
    color: var(--text_color);
    font-weight: 700;
    line-height: 21px;

    position: relative;

    display: flex;
    flex-direction: column;

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

    border-bottom: 3px solid #28b954;
    background: #f5f5f5;
}

.projects .item .thumb {
    position: relative;

    overflow: hidden;

    width: 100%;
    padding-bottom: 75%;

    background-color: #eee;
}

.projects .item .thumb:after {
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;

    display: block;

    width: 100%;
    height: 100%;

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

    opacity: .1;
    background: #000;
}
.main .page_content > .cont > .content_flex.flex > .content .big {
	position: absolute;
    top: 0;
    left: 0;
}
.main .page_content > .cont > .content_flex.flex > .content > .tabs_container > .tab_content .big {
display:none;
}
.projects .item .thumb img {
    position: absolute;
    top: 0;
    left: 0;

    display: block;

    width: 100%;
    height: 100%;

    transition: .2s linear;

    object-fit: cover;
}

.projects .item .info {
    position: relative;
    z-index: 9;

    display: flex;
    flex-direction: column;

    padding: 20px;

    justify-content: flex-start;
    align-items: flex-start;
    align-content: flex-start;
    flex-wrap: wrap;
    flex: 1 0 auto;
}

.projects .item .info:before {
    position: absolute;
    bottom: 100%;
    left: 50%;

    display: block;

    width: 26px;
    height: 13px;
    margin-left: -13px;

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

    border-right: 13px solid transparent;
    border-bottom: 13px solid #f5f5f5;
    border-left: 13px solid transparent;
}

.projects .item .name {
    width: 100%;

    flex: 1 0 auto;
}

.projects .item .details {
    font-size: 12px;
    font-weight: 700;
    line-height: 24px;

    display: inline-block;

    margin-top: 20px;
    margin-left: auto;

    transition: .2s linear;
    vertical-align: top;
    text-transform: uppercase;

    border-bottom: 2px solid #28b954;
}


.projects .item:hover {
    color: #fff;

    background: #656464;
}

.projects .item:hover .thumb:after {
    opacity: .6;
}

.projects .item:hover .thumb img {
    transform: scale(1.1);
}

.projects .item:hover .info:before {
    border-bottom-color: #656464;
}

.projects .item:hover .details {
    color: #fff;

    border-color: #fff;
}


.clients {
    margin-bottom: 20px;
}


.clients .slider {
    padding: 0 45px;
}


.clients .flex {
    margin-bottom: calc(var(--clients_offset) * -1);
    margin-left: calc(var(--clients_offset) * -1);

    --clients_count: 5;
    --clients_offset: 20px;
}

.clients .flex > * {
    width: calc((100% / var(--clients_count)) - var(--clients_offset));
    margin-bottom: var(--clients_offset);
    margin-left: var(--clients_offset);
}


.clients .item {
    display: flex;

    height: 64px;

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

.clients .item img {
    display: block;

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

    transition: .3s linear;

    /*opacity: .4;*/
    opacity: 1;

    /*-webkit-filter: grayscale(100%);*/
    /*-moz-filter: grayscale(100%);*/
    /*-ms-filter: grayscale(100%);*/
    /*-o-filter: grayscale(100%);*/
    /*filter: grayscale(100%);*/
}

.clients .item:hover img {
    opacity: 1;

    /*-webkit-filter: grayscale(0%);*/
    /*-moz-filter: grayscale(0%);*/
    /*-ms-filter: grayscale(0%);*/
    /*-o-filter: grayscale(0%);*/
    /*filter: grayscale(0%);*/
}


.pagination {
    margin-top: 30px;
    margin-bottom: 20px;
	line-height: 40px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    align-content: center;
    flex-wrap: wrap;
}

.pagination.center {
    justify-content: center;
}

.pagination.alignright {
    justify-content: flex-end;
}

.pagination a,
.pagination .sep {
    color: var(--text_color);
    font-weight: 700;
    line-height: 40px;

    display: inline-block;

    width: 40px;
    height: 40px;
    margin: 0 2px;

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

.pagination a:hover,
.pagination a.active {
    color: #00964c;
}


.pagination .prev,
.pagination .next {
    position: relative;

    transition: .2s linear;

    border: 2px solid rgba(0, 150, .76, .3);
    border-radius: 50%;
}

.pagination .prev {
    margin-right: 15px;
}

.pagination .next {
    margin-left: 15px;
}

.pagination .prev:after,
.pagination .next:after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 4px;

    display: block;

    width: 10px;
    height: 10px;
    margin: auto;

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

    border-top: 2px solid var(--text_color);
    border-left: 2px solid var(--text_color);
}

.pagination .next {
    transform: rotate(-180deg);
}

.pagination .prev:hover,
.pagination .next:hover {
    border-color: #00964c;
}


.projects_wall .flex {
    margin-bottom: calc(var(--projects_wall_offset) * -1);
    margin-left: calc(var(--projects_wall_offset) * -1);
    padding-bottom: 16px;

    --projects_wall_count: 3;
    --projects_wall_offset: 7px;
    align-items: stretch;
    align-content: stretch;
}

.projects_wall .flex > * {
    width: calc((100% / var(--projects_wall_count)) - var(--projects_wall_offset));
    margin-bottom: var(--projects_wall_offset);
    margin-left: var(--projects_wall_offset);
}

.projects_wall .item {
    color: #fff;
    font-size: 13px;
    font-weight: 500;
    line-height: 19px;

    position: relative;

    display: block;
    height: 250px;
    overflow: hidden;

    padding-bottom: 30%;

    text-decoration: none;

    background: #eee;
}

.projects_wall .item:before {
    position: absolute;
    z-index: 2;
    top: 0;
    left: 0;

    display: block;

    width: 100%;
    height: 100%;

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

    background: -moz-linear-gradient(top, #000000 0%, rgba(0, 0, 0, .10) 10%);
    background: -webkit-linear-gradient(top, #000000 0%, rgba(0, 0, 0, .10) 40%);
    background: linear-gradient(to bottom, #000000 0%, rgba(0, 0, 0, .10) 20%);
}

.projects_wall .item:after {
    position: absolute;
    z-index: 3;
    top: 0;
    left: 0;

    display: block;

    width: 100%;
    height: 100%;

    content: '';

    opacity: .3;
    background: #00000037;
}

.projects_wall .item img {
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;

    display: block;

    width: 100%;
    height: 100%;

    transition: .2s linear;

    /*object-fit: cover;*/
    object-fit: none;
}

.projects_wall .item .name {
    position: absolute;
    z-index: 5;
    bottom: 0;
    left: 0;

    width: 100%;
    padding: 5px 10px;
    background: #5e5e5ec8;
}

.projects_wall .item:hover:before {
    opacity: 0;
}

.projects_wall .item:hover img {
    transform: scale(0.98);
}

.projects_wall .item:hover {
    font-weight: 550;
    font-size: 14px;
}

aside .mob_links_link,
aside .mob_filter_link,
aside .mob_cats_link {
    color: #000;
    font-weight: 600;
    line-height: 36px;

    display: none;

    height: 40px;
    padding: 0 40px;

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

    border: 2px solid #00964c;
    border-radius: 30px;
}

aside .filter .reset_btn {
    color: var(--text_color);
    font: 700 var(--font_size) var(--font_family);
    display: inline-block;
    width: 100%;
    height: 44px;
    margin-top: 25px;
    padding: 0 20px;
    cursor: pointer;
    transition: .2s linear;
    vertical-align: top;
    text-transform: uppercase;
    border: 2px solid #00964c;
    border-radius: 30px;
    background: var(--btn_bg);
}


aside .filter input[type=checkbox],
aside .filter input[type=radio] {
    display: none;
}

aside .filter input[type=checkbox] + label {
    font-size: 14px;
    font-weight: 500;
    line-height: 21px;
    position: relative;
    display: table-cell;
    height: 23px;
    padding-left: 36px;
    cursor: pointer;
    text-align: left;
    vertical-align: middle;
}

aside .filter input[type=checkbox] + label:before {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 23px;
    height: 23px;
    content: '';
    transition: .2s linear;

    border-radius: 3px;
    background: #ededed;
}

aside .filter input[type=checkbox] + label:after {
    position: absolute;
    top: 7px;
    left: 6px;

    display: block;

    width: 12px;
    height: 6px;

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

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

aside .filter input[type=checkbox]:checked + label:before {
    background: #00964c;
}

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

aside .filter.projects {
    padding: 25px 18px;
    border: 1px solid #e7e7e7;
    border-top: 3px solid #00964c;
    background: none;
    margin-top: 0;
}

aside .filter.projects .title {
    color: #999;
    font-size: 16px;
    font-weight: 700;
    line-height: 18px;
    margin-bottom: 20px;
    text-align: center;
    text-transform: uppercase;
    border: 0;
}

.page_title {
    margin-bottom: 30px;
}

.link_nav {
    font-size: 18px;
    font-weight: 600;
    position: relative;
    display: inline-block;
    padding-left: 25px;
    vertical-align: top;
}

.link_nav:before {
    position: absolute;
    top: 50%;
    left: 0;
    display: block;
    width: 18px;
    height: 18px;
    margin-top: -9px;
    content: '';
    transform: rotate(-45deg);
    border-top: 2px solid;
    border-left: 2px solid;
}

.new-search__container {
	display:flex;
}

.parent-category__img {
	width: 40px;
}

/*////*/
.form-tech {
    --form_border_color: #f2f2f2;
    --form_border_radius: 10px;
    --form_bg_color: #f2f2f2;
}


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

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

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


.form-tech .columns {
    margin-left: -30px;

    --columns_offset: 30px;
}

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


.form-tech .line {
    margin-bottom: 30px;
}

.form-tech .field {
    position: relative;
}


.form-tech .input {
    color: var(--text_color);
    font: 500 var(--font_size) var(--font_family);

    display: block;

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

    transition: .2s linear;
    text-transform: uppercase;

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

.form-tech textarea {
    color: var(--text_color);
    font: var(--font_size) var(--font_family);

    display: block;

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

    resize: none;
    transition: .2s linear;
    /*text-transform: uppercase;*/

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

.form-tech textarea:focus {
    text-transform: none;
}

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

.form-tech .success,
.form-tech .success + .nice-select .current {
    border-color: var(--form_success_color);
}

.form-tech .error,
.form-tech .error + .nice-select .current {
    border-color: var(--form_error_color);
}


.form-tech .input:disabled,
.form-tech textarea:disabled,
.form-tech select:disabled + .nice-select,
.form-tech input[type=checkbox]:disabled + label {
    cursor: default;
    pointer-events: none;

    opacity: .5;
}


.form-tech .error_text {
    color: var(--form_error_color);
    font-size: 14px;
    line-height: 20px;

    margin-top: 5px;
}


.form-tech input[type=checkbox],
.form-tech input[type=radio],
.form-tech input[type=file] {
    display: none;
}

.form-tech input[type=checkbox] + label {
    font-size: 12px;
    font-weight: 500;
    line-height: 21px;

    position: relative;

    display: table-cell;

    height: 21px;
    padding-left: 38px;

    cursor: pointer;
    text-align: left;
    vertical-align: middle;
}

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

    display: block;

    width: 21px;
    height: 21px;

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

    border-radius: 3px;
    background: #f2f2f2;
}

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

    display: block;

    width: 12px;
    height: 6px;

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

    opacity: 0;
    border-bottom: 2px solid #00964c;
    border-left: 2px solid #00964c;
}

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

.form-tech .social .field {
    display: flex;

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

.form-tech .social .input {
    width: calc(100% - 74px);
}

.form-tech .social .add_social {
    display: block;

    width: 50px;
    height: 50px;

    border-radius: 10px;
    background: #00964c url(../images/ic_add_social.png) 50% 50% no-repeat;
}


.form-tech .file input {
    display: none;
}

.form-tech .file label {
    color: #00964c;

    display: inline-block;

    cursor: pointer;
    transition: border-color .2s linear;
    vertical-align: top;
    letter-spacing: .05em;

    border-bottom: 1px dotted;
}

.form-tech .file label:hover {
    border-color: transparent;
}

.form-tech .exp {
    font-size: 12px;

    margin-bottom: 25px;

    letter-spacing: .05em;
}

.form-tech .exp a {
    color: #00964c;
}

.form-tech .exp a:hover {
    text-decoration: none;
}


.form-tech select {
    display: none;
}

.form-tech .nice-select {
    position: relative;

    display: block;
}

.form-tech .nice-select .current {
    color: var(--form_placeholder_color);
    line-height: 50px;

    position: relative;

    display: block;
    overflow: hidden;

    height: 50px;
    padding: 0 57px 0 27px;

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

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

.form-tech .nice-select .current.selected {
    color: var(--text_color);
}

.form-tech .nice-select.open .current {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
}

.form-tech .nice-select .current:after {
    position: absolute;
    top: 50%;
    right: 22px;

    display: block;

    width: 12px;
    height: 12px;
    margin-top: -9px;

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

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

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

    visibility: hidden;
    overflow: hidden;

    min-width: 100%;

    transition: .2s linear;

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

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

    visibility: visible;

    opacity: 1;
}

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

    max-height: 240px;
}

.form-tech .nice-select .list .list_item {
    padding: 10px 27px;

    cursor: pointer;
    transition: .2s linear;
    text-transform: uppercase;
}

.form-tech .nice-select .list .list_item:hover {
    background: #47474691;
}

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


.form-tech .bottom {
    display: flex;

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

.form-tech .bottom .agree {
    width: calc(100% - 330px);
}

.form-tech .bottom .submit {
    width: 300px;
    max-width: 100%;
}


.form-tech .submit_btn {
    color: var(--text_color);
    font: 700 var(--font_size) var(--font_family);

    display: inline-block;

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

    cursor: pointer;
    transition: .2s linear;
    vertical-align: top;
    text-transform: uppercase;

    border: 2px solid #00964c;
    border-radius: 30px;
    background: var(--btn_bg);
}

.form-tech .submit_btn:hover {
    color: #fff;

    background: #00964c;
}

.agree_check2 {
    font-size: 12px;
    font-weight: 500;
    line-height: 21px;
    position: relative;
    display: table-cell;
    height: 21px;
    cursor: pointer;
    text-align: left;
    vertical-align: middle;
}


.calculation-table {
    min-width: 500px;
    max-width: 600px;
    width: 100%;
}

.calculation-table tr td {
    padding: 10px 10px;
    text-align: center;
}

.calculation-table tr td:first-of-type {
    text-align: left;
    font-size: 15px;
    width: 64%;
}

.table_wrap tr td p {font-size:12px;}
p.final_result {
    font-weight: bold;
    padding: 30px 0 0;
    font-size: 18px;
}

span.final_result {
    font-weight: bold;
    font-size: 16px;
}

.parent-category__title {
	font-family: var(--font_family);
	margin-bottom: 8px;
	padding-left: 8px;
	color:#000;
	font-weight: 700;
    letter-spacing: 1px;
    line-height: 16px;
    margin-top: 15px;
    text-transform: uppercase;
}

.bx_smart_searche {
	padding-top: 0;
}

.bx_smart_searche.line {
	border-top: 1px solid #ebedf8;
}
.close-calc {
    position: absolute;
    right: 7px;
    top: 7px;
    width: 25px;
    height: 25px;
    background: url(/include/calculators/img/icon-close.png) no-repeat;
}

.close-calc:hover {
    background: url(/include/calculators/img/icon-close.png) no-repeat 100% 0;
}

.calc-link-right {
    text-align: right;
    font-size: 16px;
}

.result-table {
    max-width: 800px;
}

.result-table h3 {
    text-align: center;
    margin: 20px 0;
}


.gidoakkum tr td:first-of-type {
    padding-top: 40px;
}

.diff-cil table {
    width: 500px;
}

#tabs div[step]:nth-of-type(n+2) {
    border-top: 2px dashed #ccc;
}

.new-search__link-container {
	display: flex;
    text-decoration: none;
    margin-bottom: 5px;
    padding: 8px;
    width: 100%;
    line-height: 14px;
}
.new-search__link-container:hover {
	background-color: #b2d9f1;
}

.parent-category__text {
	font-weight: 600;
	color:#333;
	padding-left: 8px;
}
.button-calculate {
    color: var(--text_color);
    font-size: 12px;
    font-weight: 500;
    line-height: 21px;
    display: inline-block;
    width: auto;
    height: 50px;
    padding: 0 20px;
    cursor: pointer;
    transition: .2s linear;
    vertical-align: top;
    text-transform: uppercase;
    border: 2px solid #00964c;
    border-radius: 30px;
    background: var(--btn_bg);
}

.selection {
    position: relative;
}


.selection .tabs {
    position: absolute;
    top: -67px;
    right: 0;

    display: flex;
    overflow: hidden;

    width: 500px;
    max-width: 100%;

    border-radius: 25px;

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

.selection .tabs a {
    color: #000;
    font-size: 12px;
    font-weight: 700;
    line-height: 14px;

    position: relative;

    display: flex;

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

    cursor: pointer;
    transition: .2s linear;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;

    background: #f2f2f2;

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

.selection .tabs a:hover,
.selection .tabs a.active {
    color: #fff;

    background: #28b954;
}

.parent-category__under-text {
	color: #9b9b9b;
    margin-top: 8px;
    font-size: 13px;
    line-height: 15px;
    text-transform: uppercase;
}
.selection .tab_content {
    position: relative;

    visibility: hidden;
    overflow: hidden;

    height: 0;

    pointer-events: none;

    opacity: 0;
}

.selection .tab_content.active {
    visibility: visible;

    height: auto;

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

    opacity: 1;
}


.about_block {
    display: flex;

    padding: 30px 40px 40px;

    background: #f2f2f2 url(../images/bg_about_block.png) 100% 100% no-repeat;

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

.about_block .info {
    font-weight: 500;
    line-height: 21px;

    width: calc(100% - 400px);
}

.about_block .info > * + * {
    margin-top: 20px;
}

.about_block .title {
    color: #00964c;
    font-size: 20px;
    font-weight: 700;
    line-height: 21px;

    text-transform: uppercase;
}

.about_block .link {
    color: #000;
    font-weight: 600;
    line-height: 36px;

    display: inline-block;

    height: 40px;
    padding: 0 40px;

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

    border: 2px solid #00964c;
    border-radius: 30px;
}

.about_block .link:hover {
    color: #fff;

    background: #00964c;
}

.about_block .logo {
    width: 330px;
    max-width: 100%;
}

.about_block .logo img {
    display: block;

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


.advantages-tech .block {
    display: flex;

    margin-top: 50px;
    margin-bottom: 0 !important;

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

.advantages-tech .info {
    width: calc(100% - 445px);
}

.advantages-tech .item {
    font-weight: 500;
    line-height: 21px;
}

.advantages-tech .item .name {
    color: #008e48;
    font-size: 18px;
    font-weight: 700;
}

.advantages-tech .item .val{margin-top:15px;}
.advantages-tech .img {
    position: relative;
    width: 375px;
    max-width: 100%;
    padding-bottom: 30.5%;
    border-bottom: 3px solid #00964c;
    background: #eee;
}

.advantages-tech .img img {
    position: absolute;
    top: 0;
    left: 0;

    display: block;

    width: 100%;
    height: 100%;

    object-fit: cover;
}


.certs-tech .slider {
    margin-top: 37px;
}

.certs-tech .owl-stage-outer {
    overflow: visible !important;
}

.certs-tech .owl-item {
    visibility: hidden;

    transition: .2s linear;

    opacity: 0;
}

.certs-tech .owl-item.active {
    visibility: visible;

    opacity: 1;
}

.certs-tech .slide .item {
    display: flex;

    text-decoration: none;

    box-shadow: 0 1px 16px rgba(0, 0, 0, .15);

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

.certs-tech .slide .item img {
    display: block;

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

.certs-tech .slide .item img.loaded {
    height: auto !important;
}


.certs-tech .flex {
    margin-bottom: calc(var(--certs_offset) * -1);
    margin-left: calc(var(--certs_offset) * -1);

    --certs_count: 2;
    --certs_offset: 27px;
    align-items: stretch;
    align-content: stretch;
}

.certs-tech .flex > * {
    width: calc((100% / var(--certs_count)) - var(--certs_offset));
    margin-bottom: var(--certs_offset);
    margin-left: var(--certs_offset);
}

.certs-tech .flex .item {
    font-size: 13px;
    line-height: 18px;

    display: flex;

    padding: 27px;

    border: 1px solid #d1d1d1;

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

.certs-tech .flex .item .thumb {
    width: 159px;
    max-width: 100%;
}

.certs-tech .flex .item .thumb a {
    display: block;
}

.certs-tech .flex .item .thumb img {
    display: block;

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

.certs-tech .flex .item .thumb img.loaded {
    height: auto !important;
}

.certs-tech .flex .item .thumb + .info {
    width: calc(100% - 184px);
}

.certs-tech .flex .item .name {
    color: #3e3e3e;
    font-weight: 700;
    line-height: 20px;

    margin-bottom: 15px;

    text-transform: uppercase;
}

.history .timeline {
    margin-top: 40px;
}

.history .timeline .item {
    position: relative;

    display: flex;

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

.history .timeline .item + .item {
    margin-top: 55px;
}

.history .timeline .item + .item:after {
    position: absolute;
    z-index: -1;
    bottom: 100%;
    left: 38px;

    display: block;

    width: 2px;
    height: 55px;

    content: '';

    background: #e8e8e8;
}

.history .timeline .item > * + * {
    margin-left: 30px;
}

.history .timeline .item:before {
    position: absolute;
    z-index: -1;
    top: 0;
    left: 38px;

    display: block;

    width: 2px;
    height: 100%;

    content: '';

    background: #e8e8e8;
}
.ant-carousel h4 {
    font-size: 22px;
    margin-bottom: 10px;
   position: relative;
    right: 54px;
    width: 920px;
}
.ant-carousel .ant-carousel-list {
	margin-top: 10px;
}
.ant-carousel .ant-carousel-element a {
	    color: #000;
    text-decoration: none;
    font-weight: 500;
    text-align: center;
    font-size: 15px;
}
.ant-carousel .ant-carousel-element > a > img {
	width: auto;
}
.ant-carousel hr {
   width: 920px;
    position: relative;
    right: 54px;
}
.history .timeline .item:last-child:before {
    display: none;
}

.history .timeline .year {
    font-size: 18px;
    font-weight: 700;

    display: flex;

    width: 77px;
    min-width: 77px;
    height: 77px;

    text-align: center;

    border: 2px solid #00964c;
    border-radius: 50%;
    background: #fff;

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


.history .timeline .text_block {
    width: 100%;
}

.history .timeline .text_block.now {
    position: relative;

    width: 475px;
    max-width: 100%;
    padding-bottom: 55px;
}

.history .timeline .text_block.now:before {
    position: absolute;
    z-index: -1;
    top: 44px;
    left: -70px;

    display: block;

    width: calc(100% + 140px);
    height: calc(100% - 44px);

    content: '';

    opacity: .8;
    background: #fff;
}

.history .timeline .text_block.now .bg {
    position: absolute;
    z-index: -2;
    top: 41px;
    left: -437px;

    width: 1280px;
    height: calc(100% - 41px);

    border-top: 3px solid #00964c;
    background-color: #eee;
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: cover;
}

.history .timeline .title {
    color: #00964c;
    font-size: 18px;
    font-weight: 700;
    line-height: 21px;

    margin-bottom: 65px;

    text-transform: uppercase;
}


.history .timeline .img {
    position: relative;

    width: 246px;
    min-width: 246px;
    padding-bottom: 16%;

    border-top: 3px solid #00964c;
    background: #eee;
}

.history .timeline .img img {
    position: absolute;
    top: 0;
    left: 0;

    display: block;

    width: 100%;
    height: 100%;

    object-fit: cover;
}


.history .timeline .info {
    color: #5a5959;
    font-weight: 700;
    line-height: 21px;

    width: 183px;
    min-width: 183px;
    padding: 30px;

    text-align: center;
    text-transform: uppercase;

    border: 1px solid #e8e8e8;
}

.history .timeline .info > * + * {
    margin-top: 5px;
}

.history .timeline .info .icon {
    display: flex;

    height: 40px;

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

.history .timeline .info .icon img {
    display: block;

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

.history .timeline .info .val {
    color: #000;
    font-size: 30px;
    line-height: normal;
}

/***************Ñåðòèôèêàòû********************/
.recommendat {
    padding-top: 20px;
}

.recommendat .flex {
    margin-bottom: calc(var(--certs_offset) * -1);
    margin-left: calc(var(--certs_offset) * -1);
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-content: flex-start;
}

.recommendat .flex .item {
    font-size: 14px;
    line-height: 18px;
    display: flex;
    flex-direction: column;
    flex-shrink: 1;
    padding: 15px;
    margin-right: 20px;
    margin-bottom: 20px;
    border: 1px solid #d1d1d1;
    height: 335px;
}

.recommendat .flex .item .thumb {
    width: 185px;
    max-width: 100%;
    margin-bottom: 5px;
}

.recommendat .flex .item .thumb a {
    display: block;
}

.recommendat .flex .item .thumb img {
    display: block;
    max-width: 100%;
    margin: 0 auto;
    border: none;
}

.recommendat .flex .item .info .name {
    color: #3e3e3e;
    font-weight: 700;
    line-height: 20px;
    text-align: center;
    margin-bottom: 15px;
    padding-top: 5px;
    text-transform: uppercase;
    max-width: 185px;
    border-top: 1px solid #e5e5e5;
}

/***************END ñåðòèôèêàòû************************/

.vacancy {
    display: flex;

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

.vacancies .career {
    padding: 40px;

    background: #f2f2f2;
}

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

    margin-bottom: 20px;
}


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

    margin-bottom: 20px;
}

.vacancies .list .item {
    color: var(--text_color);
    font-size: 18px;
    font-weight: 700;
    line-height: 21px;

    display: flex;

    padding: 25px;

    text-decoration: none;

    border: 1px solid #cfcfcf;
    border-top: 3px solid #00964c;

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

.vacancies .list .item + .item {
    margin-top: 35px;
}

.vacancies .list .item .name {
    margin-right: 15px;
}

.vacancies .list .item .city {
    color: #fff;
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;

    padding: 0 10px;

    white-space: nowrap;

    border-radius: 10px;
    background: #00964c;
}

.vacancy .info {
    width: 50%;
    padding-right: 40px;
}

.vacancy .info > * + * {
    margin-top: 20px;
}

.vacancy .info .title {
    font-size: 20px;
    font-weight: 600;

    margin-bottom: 20px;

    text-transform: uppercase;
}

.vacancy .info .back {
    font-size: 18px;
    font-weight: 600;

    position: relative;

    display: inline-block;

    padding-left: 25px;

    vertical-align: top;
}

.vacancy .info .back:before {
    position: absolute;
    top: 50%;
    left: 0;

    display: block;

    width: 18px;
    height: 18px;
    margin-top: -9px;

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

    border-top: 2px solid;
    border-left: 2px solid;
}

.vacancy .form {
    width: 50%;
    margin: -40px 0 -50px;
    padding: 40px 50px;

    background: #e7e7e7;

    --form_border_color: #fff;
    --form_bg_color: #fff;
}

.vacancy .form .form_title {
    font-size: 24px;
    font-weight: 600;

    margin-bottom: 25px;

    text-transform: uppercase;
}


.regions .flex {
    padding-bottom: 1px;
    padding-left: 1px;

    align-items: stretch;
    align-content: stretch;
}

.regions .flex > * {
    width: calc(33.333% + 1px);
    margin-bottom: -1px;
    margin-left: -1px;
}

.regions .item {
    color: var(--text_color);
    font-size: 13px;
    font-weight: 600;
    line-height: 18px;

    padding: 25px;

    transition: .2s linear;

    border: 1px solid #e0e0e0;
    text-decoration: none;
}

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

.regions .item a {
    color: var(--text_color);

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

.regions .item .logo img {
    display: block;

    max-width: 100%;
}

.regions .item .city {
    font-size: 22px;
    font-weight: 600;
    line-height: 24px;
    text-align: center;
}

.regions .item .adres,
.regions .item .phone,
.regions .item .site,
.regions .item .email {
    padding-left: 25px;
}

.regions .item .adres {
    background: url(../images/ic_adres.svg) 2px 1px/12px auto no-repeat;
}

.regions .item .phone {
    background: url(../images/ic_phone.svg) 1px 2px/13px auto no-repeat;
}

.regions .item .site {
    background: url(../images/ic_site.svg) 0 4px/14px auto no-repeat;
}

.regions .item .site a {
    color: #00964c;

    word-break: break-all;
}

.regions .item .email {
    background: url(../images/ic_email.svg) 0 4px/16px auto no-repeat;
}

.regions .item .email a {
    color: #00964c;

    white-space: nowrap;
}


.regions .item:not(.no_hover):hover {
    color: #fff;

    background: #00964c;
}

.regions .item:not(.no_hover):hover a,
.regions .item:not(.no_hover):hover .site a,
.regions .item:not(.no_hover):hover .email a {
    color: #fff;
}
.table_wrap tr td br {display:block!important}

.regions .item:not(.no_hover):hover .adres {
    background: url(../images/ic_adres_white.svg) 2px 1px/12px auto no-repeat;
}

.regions .item:not(.no_hover):hover .phone {
    background: url(../images/ic_phone_white.svg) 1px 2px/13px auto no-repeat;
}

.regions .item:not(.no_hover):hover .site {
    background: url(../images/ic_site_white.svg) 0 4px/14px auto no-repeat;
}

.regions .item:not(.no_hover):hover .email {
    background: url(../images/ic_email_white.svg) 0 4px/16px auto no-repeat;
}

.show_image_sort {display:none;}
.favor:hover {background: none !important;}
.show_number {color: #4191cf; font-size: 12px; font-weight: 550; text-decoration: none; display: block; width: 285px; margin-left: 460px;}
.contacts_info.sp .download {background: url(https://pneumax.ru/local/templates/pneumax-shop/images/ic_downlo.svg) 0 50% no-repeat;}
.page_content .content_flex .content {min-height: auto!important;}
#bx-soa-order > #bx-soa-total {position: inherit;}
#bx_4145281613_3892 {display:none}
.tabs_container .tab_content .description table tr td:last-child {font-size: 13px;padding: 6px;}
.tabs_container .tab_content .description table tr:first-child td:last-child {font-size: 13px;padding: 10px 13px;}
.text_block .slider_in_text .img img {
object-fit: contain!important;
    background: white!important;
}
.slider_in_text .owl-carousel .owl-nav button.owl-next:after {border-right: 3px solid #000!important;
    border-bottom: 3px solid #000!important;}
.slider_in_text .owl-carousel .owl-nav button.owl-prev:after {border-top: 3px solid #000!important;
    border-left: 3px solid #000!important;}
.text_block .slider_in_text .img {    padding-bottom: 60%!important;}