@charset "UTF-8";
@font-face {
    font-family: "Montserrat";
    font-style: normal;
    font-weight: 300;
    src: url("/assets/fonts/Montserrat-Thin.ttf");
}

@font-face {
    font-family: "Montserrat";
    font-style: normal;
    font-weight: 400;
    src: url("/assets/fonts/Montserrat-Regular.ttf");
}

@font-face {
    font-family: "Montserrat";
    font-style: normal;
    font-weight: 500;
    src: url("/assets/fonts/Montserrat-Medium.ttf");
}

@font-face {
    font-family: "Montserrat";
    font-style: normal;
    font-weight: 600;
    src: url("/assets/fonts/Montserrat-SemiBold.ttf");
}

@font-face {
    font-family: "Montserrat";
    font-style: normal;
    font-weight: 700;
    src: url("/assets/fonts/Montserrat-Bold.ttf");
}

html {
    width: 100%;
}

.plus {
    cursor: pointer;
}

.minus {
    cursor: pointer;
}

.table td > a:hover {
    color: #31B085;
}

body {
    font-family: "Montserrat";
    font-weight: 500;
}

body a {
    font-size: 14px;
    color: black;
    font-weight: 500;
}

body a:hover {
    color: black;
}

body .logo {
    background-image: url("/assets/img/logo.svg");
    width: 177px;
    height: 33px;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
}

body .footer_logo {
    background-image: url("/assets/img/footer_logo.svg");
    width: 177px;
    height: 33px;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
}

body .like {
    position: relative;
    background-image: url("/assets/img/like.svg");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    width: 18px;
    height: 16px;
    margin-left: auto;
    margin-right: 20px;
}

body .libra {
    position: relative;
    background-image: url("/assets/img/libra.svg");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    width: 24px;
    height: 24px;
    margin-left: auto;
}

body .icon_count {
    position: absolute;
    color: white;
    background-color: #d16e8c;
    border-radius: 20px;
    text-align: center;
    top: 7px;
    right: -7px;
    width: 15px;
    height: 15px;
    font-size: 10px;
    user-select: none;
    display: flex;
    align-items: center;
    justify-content: center;
}

body .icon {
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
}

body .geo_icon {
    width: 25px;
    height: 25px;
    background-image: url("/assets/img/geo.svg");
}

body .mess_icon {
    width: 21px;
    height: 18px;
    background-image: url("/assets/img/mess.svg");
}

body .phone_icon {
    width: 22px;
    height: 25px;
    background-image: url("/assets/img/call-answer.svg");
}

body .phone_icon_footer {
    width: 22px;
    height: 25px;
    background-image: url("/assets/img/call-answer.svg");
}

body .user_icon {
    margin-top: 0px;
    width: 27px;
    height: 21px;
    background-image: url("/assets/img/user.svg");
}

body .enter_icon {
    width: 20px;
    height: 24px;
    background-image: url("/assets/img/arrow-left-in-circle.svg");
}

body .confirm_user_icon {
    width: 14px;
    height: 14px;
    background-image: url("/assets/img/confirm_user.svg");
    position: absolute;
    top: 9px;
    right: -6px;
}

body .basket_icon {
    position: relative;
    width: 20px;
    height: 20px;
    background-image: url("/assets/img/basket.svg");
}

body .map_geo_icon {
    margin-top: 3px;
    width: 14px;
    height: 23px;
    background-image: url("/assets/img/maps-and-flags.svg");
}

body .bread {
    height: max-content;
    padding-left: 4.3%;
    padding-right: 4.3%;
    max-width: 1441px;
    margin-top: 26px;
    display: flex;
}

body .breadcrumbs ol {
    list-style-type: none;
    display: flex;
    padding-left: 5px;
    margin-bottom: 0px;
    flex-wrap: wrap;
}

body .breadcrumbs ol li {
    list-style-type: none;
}

body .breadcrumbs ol li a::after {
    content: "";
    margin-left: 9px;
    margin-right: 10px;
    display: inline-block;
    width: 11.04px;
    height: 7.36px;
    background-image: url("/assets/img/pagin.svg");
}

body .breadcrumbs ol li a {
    font-size: 16px;
    line-height: 20px;
    font-weight: 400;
    color: #31b085;
}

body .breadcrumbs ol li a:hover {
    color: #26d096;
}

body .breadcrumbs ol li.active a::after {
    content: "";
    display: inline-block;
    width: 0px;
    height: 0px;
    background-image: none;
}

body .breadcrumbs ol li.active a {
    font-size: 16px;
    line-height: 20px;
    color: #333333;
    text-decoration: none;
}

body .load_more {
    border-radius: 44px;
    margin-left: auto;
    margin-right: auto;
    margin-top: -5px;
    width: 35px;
    height: 35px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #ffffff;
    border: 2px solid #c7dbd4;
    box-sizing: border-box;
    cursor: pointer;
}

body .load_more i {
    text-align: center;
    color: #c7dbd4;
    font-size: 28px;
    margin-top: 1px;
}

body .pagination {
    margin-top: 26px;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 25px;
    margin-left: auto;
    margin-right: auto;
    width: max-content;
}

body .pagination a {
    height: max-content;
    width: 25px;
    display: block;
    text-decoration: none;
}

body .pagination .left {
    border-radius: 44px;
    margin-left: 0px;
    margin-top: -5px;
    width: 25px;
    height: 25px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #ffffff;
    border: 2px solid #c7dbd4;
    box-sizing: border-box;
    cursor: pointer;
}

body .pagination .left i {
    text-align: center;
    color: #c7dbd4;
    margin-left: -2px;
    font-size: 18px;
    margin-top: -0.5px;
}

body .pagination .right {
    transform: rotate(0deg);
    border-radius: 44px;
    margin-left: 0px;
    margin-top: -5px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #ffffff;
    border: 2px solid #c7dbd4;
    box-sizing: border-box;
    width: 25px;
    height: 25px;
    cursor: pointer;
}

body .pagination .right i {
    text-align: center;
    color: #c7dbd4;
    margin-left: 2px;
    font-size: 18px;
    margin-top: -0.5px;
}

body .pagination ul {
    display: flex;
    list-style-type: none;
    padding-left: 0px;
    margin-bottom: 0px;
    height: 25px;
    margin-left: 14px;
}

body .pagination ul li {
    list-style-type: none;
}

body .pagination ul li a {
    font-size: 16px;
    color: #bdbdbd;
}

body .pagination ul li a:hover {
    color: #31b085;
    font-weight: 600;
}

body .pagination ul li.active {
    list-style-type: none;
}

body .pagination ul li.active a {
    color: #31b085;
    font-weight: 600;
}

body .left-bar {
    z-index: 20;
}

body .left-bar .block {
    box-shadow: 0px 4px 14px rgba(0, 0, 0, 0.07);
    margin-bottom: 22px;
    border-bottom-left-radius: 11px;
    border-bottom-right-radius: 11px;
    border-top-left-radius: 11px;
    border-top-right-radius: 11px;
}

body .left-bar .block .head {
    background-color: #e6f1ec;
    height: 42px;
    width: 100%;
    border-radius: 11px 11px 0px 0px;
    cursor: pointer;
}

body .left-bar .block .head .name {
    color: #95c9b1;
    font-size: 16px;
    font-weight: 600;
    user-select: none;
}

body .left-bar .block .head .switch {
    width: 50px;
    height: 19px;
    margin-top: 4px;
    cursor: pointer;
}

body .left-bar .block .head .switch .switch_trigger {
    background-size: cover;
    background-repeat: no-repeat;
    background-image: url("/assets/img/switch_down.png");
    width: 14px;
    height: 14px;
    margin-top: -1px;
    cursor: pointer;
}

body .left-bar .block .head .switch i {
    color: #a7ccc7;
    font-size: 14px;
}

body .left-bar .block .head .switch .switch_trigger.active {
    background-image: url("/assets/img/switch_up.png");
    margin-top: 5px;
}

body .left-bar .block .head .switch p {
    color: #a7ccc7;
    font-size: 14px;
    margin-right: 10%;
    user-select: none;
    cursor: pointer;
}

body .left-bar .block .head.hidden {
    border-radius: 11px 11px 11px 11px;
}

body .left-bar .block .content {
    padding: 0px;
    padding: 9px 13px 23px 13px;
}

body .left-bar ul.main_brand {
    width: 100%;
    background: #ffffff;
    box-shadow: 0px 2px 14px rgba(0, 0, 0, 0.07);
    border-radius: 8px;
    margin-bottom: 22px;
    padding-left: 0px;
}

body .left-bar ul.main_brand li {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
}

body .left-bar ul.main_brand li a {
    display: block;
    width: 83%;
    font-size: 18px;
    color: #02a76f;
    padding: 11px 0px;
    line-height: 30px;
    border-bottom: 1px solid #f5f5f5db;
    list-style-type: none;
}

body .left-bar ul.main_brand li a:hover {
    text-decoration: none;
}

body .left-bar ul.main_brand li a.end {
    border-bottom: none;
}

body .left-bar ul.main_brand li:hover {
    text-decoration: none;
    background-color: #effbf6;
}

body .left-bar .brand .content {
    background: #ffffff;
    display: none;
    width: 100%;
}

body .left-bar .brand .content a {
    display: block;
    margin-right: 1%;
}

body .left-bar .brand .content a.small {
    font-size: 12px;
    line-height: 30px;
}

body .left-bar .brand .content a.large {
    font-size: 16px;
    line-height: 30px;
}

body .left-bar .brand .content a:hover {
    text-decoration: none;
    color: #669b83;
}

body .left-bar .list .content {
    padding: 0px;
    display: none;
}

body .left-bar .list .content li {
    list-style-type: none;
    display: flex;
    font-size: 16px;
    line-height: 17px;
    border-bottom: 1px solid #f5f5f5;
    font-weight: 400;
    padding: 5px 16px;
    background-color: white;
    min-height: 47px;
    align-items: center;
}

body .left-bar .list .content a li {
    font-size: 14px;
    line-height: 17px;
    font-weight: 400;
}

body .left-bar .list .content li a:hover {
    text-decoration: none;
}

body .left-bar .list .content li.end {
    border-bottom-left-radius: 11px;
    border-bottom-right-radius: 11px;
    padding-bottom: 13px;
}

body .left-bar .list .content li:hover {
    text-decoration: none;
    color: #669b83;
    background-color: #effbf6;
}

body .left-bar .list .content li:hover a {
    color: #669b83;
    background-color: #effbf6;
}

body .left-bar .block.filter .content {
    padding: 11px 7%;
}

body .left-bar .block.filter .content form p {
    color: #b4b4b4;
    font-size: 14px;
    font-weight: 600;
    text-transform: uppercase;
    margin-bottom: 10px;
}

body .left-bar .block.filter .content form .price .price_wrapper {
    display: flex;
    justify-content: space-between;
    margin-bottom: 25px;
}

body .left-bar .block.filter .content form .price .price_wrapper .ui.input {
    width: 128px;
    font-size: 15px;
    padding: 0px 0px;
}

body .left-bar .block.filter .content form .price .price_wrapper .ui.input input {
    padding-left: 42px;
}

body .left-bar .block.filter .content form .price .price_wrapper .ui.input .from::after {
    position: absolute;
    display: inline;
    content: "от";
    left: 20px;
    top: 13px;
}

body .left-bar .block.filter .content form .price .price_wrapper .ui.input .to::after {
    position: absolute;
    display: inline;
    content: "до";
    left: 20px;
    top: 13px;
}

body .left-bar .block.filter .content form .price .price_wrapper .ui.input :focus::-webkit-input-placeholder {
    color: transparent;
}

body .left-bar .block.filter .content form .price .price_wrapper .ui.input :focus::-moz-placeholder {
    color: transparent;
}

body .left-bar .block.filter .content form .price .price_wrapper .ui.input :focus:-moz-placeholder {
    color: transparent;
}

body .left-bar .block.filter .content form .price .price_wrapper .ui.input :focus:-ms-input-placeholder {
    color: transparent;
}

body .left-bar .block.filter .content form .selection {
    background: #ffffff;
    box-shadow: inset 0px 0px 6px rgba(0, 0, 0, 0.09);
    border-radius: 8px;
    border: none;
    height: 46px;
    font-size: 14px;
    color: #bdbdbd;
    padding: 16px 20px;
    width: 100%;
    margin-bottom: 25px;
    min-width: auto;
}

body .left-bar .block.filter .content form .selection .text {
    font-size: 14px;
    color: #bdbdbd;
}

body .left-bar .block.filter .content form .selection .menu.transition {
    background: #ffffff;
    box-shadow: inset 0px 0px 6px rgba(0, 0, 0, 0.09);
    border-top-left-radius: unset;
    border-top-right-radius: unset;
    border: none;
    min-width: 100%;
    width: 100%;
    margin: 0px;
}

body .left-bar .block.filter .content form .selection .menu.transition .item {
    color: #bdbdbd;
    font-size: 14px;
}

body .left-bar .block.filter .content form .selection .menu.transition .item:hover {
    background-color: #effbf6;
    color: #669b83;
}

body .left-bar .block.filter .content form .selection .menu.transition .item.active {
    background-color: #e6f1ec;
    color: #669b83;
    font-weight: 400;
}

body .left-bar .block.filter .content form .selection .dropdown.icon {
    width: 39px;
    font-size: 16px;
}

body .left-bar .block.filter .content form .selection .dropdown.icon::before {
    content: "\f107";
    font-weight: 600;
    font-size: 21px;
    width: 39px;
    height: 25px;
    color: #31b085;
    font: normal normal normal 21px/1 FontAwesome;
}

body .left-bar .block.filter .content form input {
    background: #ffffff;
    box-shadow: inset 0px 0px 6px rgba(0, 0, 0, 0.09);
    border-radius: 8px;
    border: none;
    height: 46px;
}

body .left-bar .block.filter .content form .availability {
    display: flex;
    flex-direction: column;
}

body .left-bar .block.filter .content form .availability p {
    margin-bottom: 20px;
}

body .left-bar .block.filter .content form .availability .ui.checkbox {
    margin-bottom: 10px;
    width: 100%;
    box-shadow: none;
}

body .left-bar .block.filter .content form .availability .ui.checkbox label {
    font-size: 14px;
    color: #828282;
    height: 25px;
    padding-top: 3px;
    font-weight: 400;
    cursor: pointer;
}

body .left-bar .block.filter .content form .availability .ui.checkbox label:before {
    width: 25px;
    height: 25px;
    border: none;
    background: #ffffff;
    box-shadow: inset 0px 0px 6px rgba(0, 0, 0, 0.09);
    border-radius: 6px;
    margin-left: -5px;
}

body .left-bar .block.filter .content form .availability .ui.checkbox label:after {
    color: #31b085;
    width: 25px;
    height: 25px;
    font-size: 17px;
    margin-top: 3px;
    margin-left: -5px;
}

body .left-bar .block.filter .content form .availability .ui.checkbox input:checked ~ label {
    color: #333333;
}

body .left-bar .block.filter .content form .buttons {
    margin-top: 19px;
    margin-bottom: 30px;
}

body .left-bar .block.filter .content form .buttons .apply {
    color: white;
    font-size: 16px;
    font-weight: 400;
    width: 100%;
    height: 48px;
    background-color: #31b085;
    border-radius: 30px;
    border: none;
    text-align: center;
}

body .left-bar .block.filter .content form .buttons .apply:focus {
    outline-color: rgba(255, 255, 255, 0.863);
    outline-style: none;
    outline-width: thin;
}

body .left-bar .block.filter .content form .buttons .apply:hover {
    background-color: #3dd4a1;
}

body .left-bar .block.filter .content form .buttons .apply:active {
    background-color: #31b085;
}

body .left-bar .block.filter .content form .buttons .clear {
    color: white;
    font-size: 16px;
    font-weight: 400;
    width: 100%;
    height: 48px;
    background-color: #efefef;
    border-radius: 30px;
    border: none;
    text-align: center;
    margin-bottom: 19px;
    color: #d6d6d6;
    box-shadow: none;
}

body .left-bar .block.filter .content form .buttons .clear:focus {
    outline-color: rgba(255, 255, 255, 0.863);
    outline-style: none;
    outline-width: thin;
}

body .left-bar .block.filter .content form .buttons .clear:hover {
    background-color: #d6d5d5;
    color: white;
}

body .left-bar .block.filter .content form .buttons .clear:active {
    background-color: #efefef;
}

body .admin-bar {
    position: fixed;
    left: 0;
    top: 0;
    width: auto;
    height: 100%;
    padding: 8px;
    overflow: hidden;
    background-color: #f1f1f1;
    border-right: 1px solid #e7e7e7;
    text-align: center;
    z-index: 1000;
}

body .admin-bar ul {
    margin: 0;
    padding: 0;
}

body .admin-bar ul li {
    list-style-type: none;
}

body .admin-bar ul li a {
    display: block;
    font-size: 0.875rem;
    font-weight: 400;
    line-height: 20px;
    margin-bottom: 8px;
    width: 22px;
    height: 22px;
    color: #31a3e4;
    background-color: #fff;
    border: 1px solid #31a3e4;
    text-decoration: none;
    overflow: hidden;
    border-radius: 0;
}

body .delivery-element {
    padding: 24px 24px 28px 16px;
    background: #ffffff;
    box-shadow: 0px 4px 14px rgba(0, 0, 0, 0.07);
    border-radius: 8px;
    margin-top: 22px;
}

body .delivery-element .name {
    width: 100%;
    display: flex;
    align-items: center;
}

body .delivery-element .name p {
    margin-top: 0px;
    font-size: 16px;
    line-height: 20px;
    text-transform: uppercase;
    font-weight: 600;
    color: #000000;
    margin-left: 12px;
}

body .delivery-element .name svg {
    height: 24px;
}

body .delivery-element .additional {
    display: flex;
    align-items: flex-start;
    margin-bottom: 9px;
    margin-top: 17px;
}

body .delivery-element .additional p {
    font-weight: 500;
    font-size: 16px;
    line-height: 20px;
    color: #333333;
    margin-left: 9px;
    margin-top: 0px;
}

body .delivery-element .additional svg {
    height: 18px;
}

body .delivery-element p {
    font-size: 14px;
    line-height: 17px;
    font-weight: 400;
    color: #000000;
    margin-top: 21px;
}

body .delivery-element span.green {
    color: #31b085;
    width: max-content;
}

body .payment .name {
    display: flex;
    align-items: center;
    margin-bottom: 18px;
}

body .payment .name p {
    font-size: 16px;
    line-height: 20px;
    text-transform: uppercase;
    font-weight: 600;
    margin-left: 4px;
}

body .payment .element {
    display: flex;
    flex-direction: column;
    align-items: center;
    background: #ffffff;
    box-shadow: 0px 4px 14px rgba(0, 0, 0, 0.07);
    border-radius: 8px;
    min-height: 271px;
}

body .payment .element .name {
    font-size: 16px;
    line-height: 20px;
    color: #333333;
    font-weight: 500;
    margin-top: 26px;
}

body .payment .element p {
    font-weight: 400;
    font-size: 14px;
    line-height: 17px;
    text-align: center;
    color: #4f4f4f;
}

body .payment .element.nal {
    padding: 28px 32px 22px 32px;
    height: 287px;
}

body .payment .element.nal p.name {
    /*width: max-content;*/
    text-align: center;
    display: inline-block;
}

body .payment .element.nal p {
    width: 233px;
}

body .payment .element.beznal {
    padding: 28px 11px 22px 11px;
    height: 271px;
}

body .payment .element.beznal p.name {
    /*width: max-content;*/
    text-align: center;
    display: inline-block;
}

body .contacts {
    margin-bottom: 34px;
}

body .contacts .image {
    background-color: white;
    border-radius: 16px;
    height: 100%;
    width: 100%;
}

body .contacts .image img {
    width: 100%;
}

body .contacts .header {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

body .contacts .header h5 {
    margin-bottom: 0px;
    font-size: 20px;
    line-height: 24px;
    font-weight: 600;
    color: #333333;
}

body .contacts .header .cocials i {
    color: white;
    background-color: #31b085;
}

body .contacts .header .cocials .fa-vk {
    padding: 7px 6px 8px 5px;
}

body .contacts .text {
    display: flex;
    height: 20px;
    margin-top: 30px;
}

body .contacts .text svg {
    height: 20px;
    width: 20px;
}

body .contacts .text p {
    margin-bottom: 0px;
    margin-left: 12px;
    font-size: 16px;
    font-weight: 400;
    color: #333333;
}

body .map {
    margin-bottom: 35px;
}

body .map .header {
    display: flex;
    justify-content: space-between;
    margin-bottom: 18px;
}

body .map .header h5 {
    font-size: 20px;
    line-height: 24px;
    font-weight: 600;
    color: #333333;
    margin-bottom: 0px;
}

body .map .header a {
    color: #31b085;
    font-weight: 500;
    font-size: 16px;
    line-height: 20px;
}

body .map .header a:hover {
    color: #71e4bd;
}

body .map .map_block {
    height: 372px;
    width: 100%;
}

body .map .map_block i {
    display: none;
}

body .map.active .background {
    top: 0px;
    left: 0px;
    position: fixed;
    height: 100vh;
    width: 100vw;
    z-index: 1000;
    background-color: rgba(51, 51, 51, 0.77);
    display: flex;
    justify-content: center;
    align-items: center;
}

body .map.active .background .map_block {
    margin-left: auto;
    margin-right: auto;
    width: 86%;
    height: 86%;
    position: relative;
}

body .map.active .background .map_block i {
    display: inline-block;
    position: absolute;
    top: -25px;
    width: 39px;
    right: -43px;
    height: 39px;
    font-size: 26px;
    cursor: pointer;
    color: #fff;
}

@media screen and (max-width: 1199px) {
    body {
        font-family: "Montserrat";
        font-weight: 500;
    }

    body a {
        font-size: 14px;
        color: black;
        font-weight: 500;
    }

    body a:hover {
        color: black;
    }

    body .logo {
        background-image: url("/assets/img/logo.svg");
        width: 107.82px;
        height: 20.11px;
        background-repeat: no-repeat;
        background-size: contain;
        background-position: center;
    }

    body .footer_logo {
        background-image: url("/assets/img/footer_logo.svg");
        width: 171px;
        height: 33px;
        background-repeat: no-repeat;
        background-size: contain;
        background-position: center;
        margin-top: -8px;
    }

    body .like {
        position: relative;
        background-image: url("/assets/img/like.svg");
        background-repeat: no-repeat;
        background-size: contain;
        background-position: center;
        /*width: 1.5vw;*/
        height: 2.8vw;
        min-width: 16px;
        min-height: 16px;
        margin-left: auto;
        margin-right: 15px;
    }

    body .libra {
        position: relative;
        background-image: url("/assets/img/libra.svg");
        background-repeat: no-repeat;
        background-size: contain;
        background-position: center;
        /*width: 1.5vw;*/
        height: 21px;
        min-width: 17px;
        min-height: 17px;
        margin-left: auto;
        margin-right: 17px;
    }

    body .libra .icon_count {
        top: 7px;
    }

    body .mobile_basket .icon_count {
        top: 5px;
    }

    body .basket_icon .icon_count {
        top: 7px;
    }

    body .icon_count {
        position: absolute;
        color: white;
        background-color: #d16e8c;
        border-radius: 20px;
        text-align: center;
        top: 6px;
        right: -3px;
        width: 10px;
        height: 12px;
        min-width: 11.69px;
        min-height: 11.69px;
        font-size: 8px;
        user-select: none;
        display: flex;
        align-items: center;
        justify-content: center;
    }
}

@media screen and (max-width: 1199px) and (min-width: 800px) {
    body .icon_count {
        font-size: 8px;
    }
}

@media screen and (max-width: 1199px) {
    body .icon {
        background-repeat: no-repeat;
        background-size: contain;
        background-position: center;
    }

    body .geo_icon {
        width: 25px;
        height: 25px;
        background-image: url("/assets/img/geo.svg");
    }

    body .mess_icon {
        width: 19px;
        height: 19px;
        background-image: url("/assets/img/mess.svg");
    }

    body .phone_icon {
        width: 12.8px;
        height: 12.75px;
        background-image: url("/assets/img/call-answer.svg");
    }

    body .phone_icon_footer {
        width: 21px;
        height: 20px;
        background-image: url("/assets/img/call-answer.svg");
    }

    body .user_icon {
        margin-top: 0px;
        width: 27px;
        height: 21px;
        background-image: url("/assets/img/user.svg");
    }

    body .enter_icon {
        width: 20px;
        height: 24px;
        background-image: url("/assets/img/arrow-left-in-circle.svg");
    }

    body .confirm_user_icon {
        width: 14px;
        height: 14px;
        background-image: url("/assets/img/confirm_user.svg");
        position: absolute;
        top: 9px;
        right: -6px;
    }

    body .basket_icon {
        position: relative;
        width: 16px;
        height: 15px;
        background-image: url("/assets/img/basket.svg");
    }

    body .map_geo_icon {
        margin-top: 3px;
        margin-top: 8px;
        width: 1.3vw;
        height: 1.8vw;
        min-width: 8.53px;
        min-height: 12.05px;
        background-image: url("/assets/img/maps-and-flags.svg");
    }
}

@media screen and (max-width: 1199px) and (min-width: 900px) {
    body .map_geo_icon {
        margin-top: 0.7vw;
    }
}

@media screen and (max-width: 1199px) {
    body .left-bar {
        padding-left: 0.5rem;
        padding-right: 0.5rem;
    }
}

@media screen and (max-width: 1199px) and (max-width: 994px) {
    body .left-bar {
        padding-left: 1.5rem;
        padding-right: 1.5rem;
    }
}

@media screen and (max-width: 1199px) {
    body .list {
        position: relative;
    }

    body .list .head {
        position: relative;
        z-index: 10;
    }

    body .list .content {
        width: 100%;
        z-index: 9;
        position: absolute;
        top: 42px;
        box-shadow: 0px 24px 104px rgba(0, 0, 0, 0.3);
        border-radius: 8px;
        border-top-left-radius: 0px;
        border-top-right-radius: 0px;
    }

    body .brand {
        position: relative;
    }

    body .brand .head {
        position: relative;
        z-index: 10;
    }

    body .brand .content {
        position: absolute;
        top: 42px;
        box-shadow: 0px 24px 104px rgba(0, 0, 0, 0.3);
        border-radius: 8px;
        border-top-left-radius: 0px;
        border-top-right-radius: 0px;
        z-index: 9;
    }

    body .burger-menu {
        cursor: pointer;
    }

    body .burger-menu label {
        display: flex;
        justify-content: center;
        align-items: center;
        font-weight: 500;
        font-size: 15px;
        color: #ffffff;
        height: 19px;
        margin-bottom: 0px;
        cursor: pointer;
    }
}

@media screen and (max-width: 1199px) and (min-width: 800px) {
    body .burger-menu label {
        font-size: 1.5vw;
    }
}

@media screen and (max-width: 1199px) {
    body .burger-menu label img {
        width: 1.5vw;
        height: 1.5vw;
        min-width: 14.63px;
        min-height: 14.63px;
        margin-right: 9px;
        cursor: pointer;
    }

    body .burger-menu label p {
        font-weight: 500;
        font-size: 15px;
        color: #ffffff;
        height: 19px;
        margin-bottom: 0px;
    }
}

@media screen and (max-width: 1199px) and (min-width: 800px) {
    body .burger-menu label p {
        font-size: 15px;
    }
}

@media screen and (max-width: 1199px) {
    body .burger-menu input {
        display: none;
    }

    body .payment .name {
        display: flex;
        align-items: center;
        margin-bottom: 18px;
    }

    body .payment .name p {
        font-size: 16px;
        line-height: 20px;
        text-transform: uppercase;
        font-weight: 600;
        margin-left: 4px;
    }

    body .payment .element {
        display: flex;
        flex-direction: column;
        align-items: center;
        background: #ffffff;
        box-shadow: 0px 4px 14px rgba(0, 0, 0, 0.07);
        border-radius: 8px;
        min-height: 271px;
        margin-bottom: 22px;
    }

    body .payment .element .name {
        font-size: 16px;
        line-height: 20px;
        color: #333333;
        font-weight: 500;
        margin-top: 26px;
    }

    body .payment .element p {
        font-weight: 400;
        font-size: 14px;
        line-height: 17px;
        text-align: center;
        color: #4f4f4f;
    }

    body .payment .element.nal {
        padding: 28px 32px 22px 32px;
        min-height: 287px;
        height: auto;
    }

    body .payment .element.nal img {
        min-height: 44px;
    }

    body .payment .element.nal p.name {
        width: max-content;
    }

    body .payment .element.nal p {
        width: 100%;
    }

    body .payment .element.beznal {
        padding: 28px 11px 22px 11px;
        min-height: 271px;
        height: auto;
    }

    body .payment .element.beznal p.name {
        width: max-content;
    }

    body .payment .element.beznal p {
        width: 100%;
    }

    body .contacts .image {
        height: 294px;
        overflow: hidden;
        display: flex;
        justify-content: center;
        flex-direction: column;
    }
}

@media screen and (max-width: 1199px) and (max-width: 522px) {
    body .contacts .image {
        overflow: visible;
    }
}

@media screen and (max-width: 1199px) {
    body .contacts .image img {
        min-width: 100%;
        margin-bottom: auto;
    }
}

@media screen and (max-width: 1199px) and (max-width: 522px) {
    body .contacts .image img {
        height: 100%;
        width: auto;
    }
}

@media screen and (max-width: 1199px) {
    body .contacts .text {
        margin-top: 30px;
    }
}

@media screen and (max-width: 660px) {

    body {
        font-family: "Montserrat";
        font-weight: 500;
    }

    body a {
        font-size: 14px;
        color: black;
        font-weight: 500;
    }

    body a:hover {
        color: black;
    }

    body .logo {
        background-image: url("/assets/img/logo.svg");
        width: 107.82px;
        height: 20.11px;
        background-repeat: no-repeat;
        background-size: contain;
        background-position: center;
    }

    body .footer_logo {
        background-image: url("/assets/img/footer_logo.svg");
        width: 177px;
        height: 33px;
        background-repeat: no-repeat;
        background-size: contain;
        background-position: center;
    }

    body .like {
        width: 29px;
        height: 22px;
        min-width: 29px;
        min-height: 22px;
    }

    body .libra {
        width: 25px;
        height: 27px;
    }

    body .icon_count {
        right: -0.7vw;
        width: 15px;
        height: 15px;
        font-size: 10px;
    }

    body .icon {
        background-repeat: no-repeat;
        background-size: contain;
        background-position: center;
    }

    body .geo_icon {
        width: 14px;
        height: 20px;
        background-image: url("/assets/img/geo.svg");
        margin-top: 0 !important;
    }

    body .mess_icon {
        width: 19px;
        height: 19px;
        background-image: url("/assets/img/mess.svg");
    }

    body .phone_icon {
        width: 12.8px;
        height: 12.75px;
        background-image: url("/assets/img/call-answer.svg");
    }

    body .user_icon {
        margin-top: 0px;
        width: 27px;
        height: 21px;
        background-image: url("/assets/img/user.svg");
    }

    body .enter_icon {
        width: 20px;
        height: 24px;
        background-image: url("/assets/img/arrow-left-in-circle.svg");
    }

    body .confirm_user_icon {
        width: 14px;
        height: 14px;
        background-image: url("/assets/img/confirm_user.svg");
        position: absolute;
        top: 9px;
        right: -6px;
    }

    body .basket_icon {
        position: relative;
        width: 2vw;
        height: 2vw;
        background-image: url("/assets/img/basket.svg");
    }

    body .map_geo_icon {
        margin-top: 3px;
        margin-top: 8px;
        width: 1.3vw;
        height: 1.8vw;
        min-width: 8.53px;
        min-height: 12.05px;
        background-image: url("/assets/img/maps-and-flags.svg");
    }

    body .burger-menu label img {
        width: 30px;
        height: 28px;
        min-width: 14.63px;
        min-height: 14.63px;
        margin-right: 9px;
        cursor: pointer;
    }
}

@media screen and (max-width: 660px) and (min-width: 900px) {
    body .map_geo_icon {
        margin-top: 0.7vw;
    }
}

@media screen and (max-width: 660px) {
    body .left-bar {
        padding-left: 1.5rem;
        padding-right: 1.5rem;
    }

    body .list {
        position: relative;
    }

    body .list .head {
        position: relative;
        z-index: 8;
    }

    body .list .content {
        width: 100%;
        z-index: 9;
        position: absolute;
        top: 42px;
        box-shadow: 0px 24px 104px rgba(0, 0, 0, 0.3);
        border-radius: 8px;
        border-top-left-radius: 0px;
        border-top-right-radius: 0px;
    }

    body .brand {
        position: relative;
    }

    body .brand .head {
        position: relative;
        z-index: 8;
    }

    body .brand .content {
        width: 100%;
        position: absolute;
        top: 42px;
        box-shadow: 0px 24px 104px rgba(0, 0, 0, 0.3);
        border-radius: 8px;
        border-top-left-radius: 0px;
        border-top-right-radius: 0px;
        z-index: 9;
    }

    body .burdger-menu label {
        display: flex;
        justify-content: center;
        align-items: center;
        font-weight: 500;
        font-size: 15px;
        color: #ffffff;
        height: 19px;
        margin-bottom: 0px;
    }
}

@media screen and (max-width: 660px) and (min-width: 800px) {
    body .burdger-menu label {
        font-size: 1.5vw;
    }
}

@media screen and (max-width: 660px) {
    body .burdger-menu label img {
        width: 1.5vw;
        height: 1.5vw;
        min-width: 24px;
        min-height: 24px;
        margin-right: 9px;
    }

    body .burdger-menu label p {
        font-weight: 500;
        font-size: 15px;
        color: #ffffff;
        height: 19px;
        margin-bottom: 0px;
    }
}

@media screen and (max-width: 660px) and (min-width: 800px) {
    body .burdger-menu label p {
        font-size: 1.5vw;
    }
}

@media screen and (max-width: 660px) {
    body .burdger-menu input {
        display: none;
    }
}

body {
    background-color: white;
    font-family: "Montserrat" !important;
}

body h1,
body h2,
body h3,
body h4,
body h5 {
    font-family: "Montserrat" !important;
}

body .container {
    font-family: "Montserrat" !important;
}

body header {
    font-family: "Montserrat" !important;
    /*position: relative;*/
    /*z-index: 10;*/
}

body header nav {
    display: flex;
    align-items: center;
    z-index: 10;
}

body header .whitenav {
    position: relative;
    background-color: white;
    max-width: 1441px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 4%;
    padding-right: 4%;
    padding-top: 13px;
    padding-bottom: 13px;
    z-index: 10;
    opacity: 0.99;
    justify-content: center;
}

body header .whitenav ul.links {
    display: flex;
}

body header .whitenav ul.links li {
    margin-left: 35px;
    list-style-type: none;
}

body header .whitenav ul.links li a:hover {
    text-decoration: none;
    color: #669b83;
}

body header .whitenav .phone_block {
    margin-right: 2.5rem;
}

body header .whitenav .phone_block .phones {
    height: 49px;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: space-between;
    height: 100%;
}

body header .whitenav .phone_block .phones a:first-child {
    /*margin-bottom: 9px;*/
}

body header .whitenav .phone_block .phones a {
    font-size: 16px;
    font-weight: 500;
    text-decoration: none;
}

body header .whitenav .auth_block .auth_block_el a {
    text-decoration: underline;
    font-weight: 400;
    margin-left: 10px;
    font-size: 16px;
}

body header .whitenav .auth_block .auth_block_el a:hover {
    text-decoration: none;
    color: #669b83;
}

body header .greennav {
    background-color: #31b085;/*#00aa6d61;*/
    backdrop-filter: blur(25px);
    z-index: 10;
    color: white;
    position: relative;
    /*padding-top: 21px;*/
    /*padding-bottom: 21px;*/
}

body header .greennav .flex_wrapper {
    /*хром ломает*/
    /*backdrop-filter: blur(14px);
    -webkit-backdrop-filter: blur(14px);*/
    height: 100%;
    padding-top: 21px;
    padding-bottom: 21px;
    width: 100%;
    margin-right: 0px;
    /*background-image: url("/assets/img/header-back.png");*/
}

body header .greennav .flex {
    max-width: 1442px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 4.3%;
    padding-right: 4.3%;
}

body header .greennav .flex a {
    font-size: 19px;
    color: white;
    text-decoration-line: underline;
}

body header .greennav .flex .city a {
    font-size: 16px;
    margin-left: 10px;
    margin-bottom: 0px;
    line-height: 28px;
    height: max-content;
}

body header .greennav .flex .city a:hover {
    text-decoration: none;
    border-bottom: none;
    text-decoration-line: none;
}

body header .greennav .flex .search {
    position: relative;
    height: 48px;
}

body header .greennav .flex .search .input_search {
    border: none;
    border-radius: 40px;
    width: 100%;
    height: 100%;
    background-color: rgba(255, 255, 255, 0.24);
    padding: 20px 28px;
    color: rgba(255, 255, 255, 0.88);
    font-size: 14px;
}

body header .greennav .flex .search .input_search::placeholder {
    color: rgba(255, 255, 255, 0.507);
}

body header .greennav .flex .search .input_search::-webkit-input-placeholder {
    /* Edge */
    color: rgba(255, 255, 255, 0.507);
}

body header .greennav .flex .search .input_search::-ms-input-placeholder {
    /* Internet Explorer 10-11 */
    color: rgba(255, 255, 255, 0.507);
}

body header .greennav .flex .search :focus::-webkit-input-placeholder {
    color: transparent;
}

body header .greennav .flex .search :focus::-moz-placeholder {
    color: transparent;
}

body header .greennav .flex .search :focus:-moz-placeholder {
    color: transparent;
}

body header .greennav .flex .search :focus:-ms-input-placeholder {
    color: transparent;
}

body header .greennav .flex .search input:focus {
    outline-color: rgba(255, 255, 255, 0.863);
    outline-style: none;
    outline-width: thin;
}

body header .greennav .flex .search .search_icon {
    position: absolute;
    top: 14px;
    right: 21px;
    background-image: url("/assets/img/search.svg");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    height: 21px;
    width: 21px;
    border: none;
    box-shadow: none;
    background-color: transparent;
    user-select: none;
    font-size: 0px;
    cursor: pointer;
}

body header .greennav .flex .shop_card {
    display: flex;
    width: 162px;
    margin-left: auto;
    margin-right: 3%;
    height: 48px;
    background: rgba(255, 255, 255, 0.2);
    border-radius: 30px;
    width: auto;
    min-width: 162px;
}

body header .greennav .flex .shop_card .shop_card_icon {
    width: 48px;
    height: 48px;
    background-color: white;
    border-radius: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
}

body header .greennav .flex .shop_card .shop_card_content {
    height: 100%;
    width: 69%;
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    align-items: flex-start;
    padding-left: 10px;
}

body header .greennav .flex .shop_card .shop_card_content p {
    margin-bottom: 0px;
}

body header .greennav .flex .shop_card .shop_card_content p.shop_card_name {
    font-size: 18px;
    font-weight: 500;
    margin-bottom: 0px;
}

body header .greennav .flex .shop_card .shop_card_content p.shop_card_price {
    font-size: 14px;
    font-weight: 400;
    white-space: nowrap;
}

body header #slider {
    margin-top: -89px;
    z-index: 7;
    margin-left: auto;
    max-width: 1441px;
    margin-right: auto;
    opacity: 0.99;
}

body header #slider .carousel-inner .carousel-item img {
    width: 100%;
}

body header #slider .trapecia {
    position: absolute;
    bottom: 0px;
    right: 0px;
    width: 50%;
    height: 100%;
    background-image: url("/assets/img/trapeze.svg");
    background-repeat: no-repeat;
    background-size: cover;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

body header #slider .trapecia .blue_item {
    margin-right: auto;
    width: 384px;
    height: 55px;
    background-image: url("/assets/img/blue_item.svg");
    background-size: inherit;
    background-repeat: no-repeat;
    background-position: center;
    display: flex;
    align-items: center;
}

body header #slider .trapecia .blue_item .blue_item_icon {
    background-repeat: no-repeat;
    background-position: center;
    width: 55px;
    height: 55px;
    margin-left: 34px;
}

body header #slider .trapecia .blue_item .blue_item_text {
    font-size: 18px;
    text-transform: uppercase;
    color: #ffffff;
    margin-left: 10px;
    font-weight: 600;
    user-select: none;
}

body header #slider .trapecia .blue_item:first-child {
    margin-left: 19%;
    margin-top: 16%;
}

body header #slider .trapecia .blue_item.second {
    margin-top: 21px;
    margin-left: 13%;
}

body header #slider .trapecia .blue_item.third {
    margin-top: 21px;
    margin-left: 7%;
}

body header #slider .trapecia .trapecia_delivery {
    display: none;
}

body header #slider ol li {
    border-radius: 50%;
    height: 8px;
    width: 8px;
    cursor: pointer;
}

body header .filter {
    width: 100%;
    background: #00453b;
}

body header .filter .header_image {
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    height: 230px;
    margin-top: -90px;
    mix-blend-mode: luminosity;
    background-position: center;
}

body header .filter .header_image .filter_two {
    width: 100%;
    height: 100%;
    background: radial-gradient(106.01% 3694.32% at 100.67% -6.01%, rgba(0, 44, 109, 0.46) 0%, rgba(0, 170, 68, 0.44) 100%);
}

body header .filter .header_image .filter_two .container-fluid {
    padding-left: 4%;
    padding-right: 4%;
    max-width: 1441px;
}

body header .filter .header_image .filter_two h3,
body header .filter .header_image .filter_two h1 {
    width: 100%;
    display: block;
    font-size: 26px;
    font-weight: 600;
    color: #FFFFFF;
    min-height: 37px;
    margin-bottom: 0px;
    margin-top: auto;
    height: max-content;
    padding-left: 1%;
}

#mobile_menu {
    display: none;
}

@media screen and (max-width: 1199px) {
    body {
        background-color: white;
        position: relative;
        z-index: 10;
        font-family: "Montserrat" !important;
    }

    body h1,
    body h2,
    body h3,
    body h4,
    body h5 {
        font-family: "Montserrat" !important;
    }

    body .container {
        font-family: "Montserrat" !important;
    }

    body header {
        font-family: "Montserrat" !important;
    }

    body header nav {
        display: flex;
        align-items: center;
        z-index: 10;
    }

    body header .whitenav {
        position: relative;
        background-color: white;
        max-width: 1441px;
        margin-left: auto;
        margin-right: auto;
        padding-left: 4%;
        padding-right: 4%;
        padding-top: 13px;
        padding-bottom: 13px;
        z-index: 20;
        opacity: 0.99;
        justify-content: space-between;
    }

    body header .whitenav .div-links {
        display: none;
    }

    body header .whitenav ul.links {
        display: none;
    }

    body header .whitenav ul.links li {
        margin-left: 35px;
        list-style-type: none;
    }

    body header .whitenav ul.links li a:hover {
        text-decoration: none;
        color: #669b83;
    }

    body header .whitenav .phone_block {
        margin-right: 2.5rem;
    }

    body header .whitenav .phone_block .phones {
        height: 49px;
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        align-items: center;
        justify-content: space-between;
    }

    body header .whitenav .phone_block .phones a:first-child {
        margin-left: 9px;
        margin-bottom: 0px;
        /*margin-right: 9.16px;*/
    }

    body header .whitenav .phone_block .phones a {
        font-size: 12px;
        font-weight: 500;
        text-decoration: none;
    }

    body header .whitenav .auth_block .auth_block_el a {
        text-decoration: underline;
        font-weight: 400;
        margin-left: 10px;
        font-size: 16px;
    }
    body header #slider .trapecia .blue_item {
        width: 384px;
        height: 55px;
    }
    body header #slider .trapecia .blue_item:first-child {
        margin-left: 20%;
        margin-top: 35px;
    }

    body header #slider .trapecia .blue_item.second {
        margin-top: 21px;
        margin-left: 12%;
    }

    body header #slider .trapecia .blue_item.third {
        margin-top: 21px;
        margin-left: 4%;
    }

}

@media screen and (max-width: 1199px) and (max-width: 887px) {
    body header .whitenav .auth_block .auth_block_el a {
        font-size: 1.8vw;
    }
}

@media screen and (max-width: 1199px) {
    body header .whitenav .auth_block .auth_block_el a:hover {
        text-decoration: none;
        color: #669b83;
    }

    body header .greennav {
        background-color: rgba(0, 170, 109, 0.38);
        backdrop-filter: blur(25px);
        z-index: 10;
        color: white;
        position: relative;
        /*padding-top: 14px;*/
        /*padding-bottom: 14px;*/
    }

    body header .greennav .flex {
        max-width: 1442px;
        margin-left: auto;
        margin-right: auto;
        padding-left: 5%;
        padding-right: 5%;
    }

    body header .greennav .flex a {
        font-size: 19px;
        color: white;
        text-decoration-line: underline;
    }

    body header .greennav .flex .city a {
        font-size: 15px;
        margin-left: 6px;
        line-height: 28px;
    }
}

@media screen and (max-width: 1199px) and (min-width: 800px) {
    body header .greennav .flex .city a {
        font-size: 15px;
    }
}

@media screen and (max-width: 1199px) {
    body header .greennav .flex .city a:hover {
        text-decoration: none;
        border-bottom: none;
    }

    body header .greennav .flex .search {
        position: relative;
        height: 29px;
    }

    body header .greennav .flex .search .input_search {
        border: none;
        border-radius: 40px;
        width: 100%;
        height: 100%;
        background-color: rgba(255, 255, 255, 0.24);
        padding: 16px 20px;
        color: rgba(255, 255, 255, 0.88);
        font-size: 14px;
    }

    body header .greennav .flex .search .input_search::placeholder {
        color: rgba(255, 255, 255, 0.507);
    }

    body header .greennav .flex .search .input_search::-webkit-input-placeholder {
        /* Edge */
        color: rgba(255, 255, 255, 0.507);
    }

    body header .greennav .flex .search .input_search::-ms-input-placeholder {
        /* Internet Explorer 10-11 */
        color: rgba(255, 255, 255, 0.507);
    }

    body header .greennav .flex .search :focus::-webkit-input-placeholder {
        color: transparent;
    }

    body header .greennav .flex .search :focus::-moz-placeholder {
        color: transparent;
    }

    body header .greennav .flex .search :focus:-moz-placeholder {
        color: transparent;
    }

    body header .greennav .flex .search :focus:-ms-input-placeholder {
        color: transparent;
    }

    body header .greennav .flex .search input:focus {
        outline-color: rgba(255, 255, 255, 0.863);
        outline-style: none;
        outline-width: thin;
    }

    body header .greennav .flex .search .search_icon {
        position: absolute;
        top: 9px;
        right: 21px;
        background-image: url(/assets/img/search.svg);
        background-repeat: no-repeat;
        background-size: contain;
        background-position: center;
        height: 15px;
        width: 17px;
        border: none;
        box-shadow: none;
        background-color: transparent;
        user-select: none;
        font-size: 0px;
    }

    body header .greennav .flex .shop_card {
        display: flex;
        margin-left: auto;
        margin-right: 3%;
        height: max-content;
        background: rgba(255, 255, 255, 0.2);
        border-radius: 30px;
        min-width: auto;
    }
}

@media screen and (max-width: 1199px) and (max-width: 900px) {
    body header .greennav .flex .shop_card {
        width: 107px;
    }
}

@media screen and (max-width: 1199px) {
    body header .greennav .flex .shop_card .shop_card_icon {
        width: 30px;
        height: 30px;
        background-color: white;
        border-radius: 40px;
        display: flex;
        justify-content: center;
        align-items: center;
        min-width: 30px;
    }
}

@media screen and (max-width: 1199px) and (min-width: 900px) {
    body header .greennav .flex .shop_card .shop_card_icon {
        width: 30px;
        height: 30px;
        min-width: 30px;
    }
}

@media screen and (max-width: 1199px) {
    body header .greennav .flex .shop_card .shop_card_content {
        height: 30px;
        width: 69%;
        display: flex;
        flex-direction: column;
        justify-content: space-around;
        align-items: flex-start;
        padding-left: 4%;
        min-width: 96px;
    }

    body header .greennav .flex .shop_card .shop_card_content p {
        margin-bottom: 0px;
    }

    body header .greennav .flex .shop_card .shop_card_content p.shop_card_name {
        font-size: 12px;
        font-weight: 500;
        margin-bottom: 0px;
    }
}

@media screen and (max-width: 1199px) and (min-width: 900px) and (max-width: 1100px) {
    body header .greennav .flex .shop_card .shop_card_content p.shop_card_name {
        font-size: 12px;
    }
}

@media screen and (max-width: 1199px) and (max-width: 900px) {
    body header .greennav .flex .shop_card .shop_card_content p.shop_card_name {
        font-size: 12px;
    }
}

@media screen and (max-width: 1199px) {
    body header .greennav .flex .shop_card .shop_card_content p.shop_card_price {
        font-size: 12px;
        font-weight: 400;
    }
}

@media screen and (max-width: 1199px) and (min-width: 900px) and (max-width: 1100px) {
    body header .greennav .flex .shop_card .shop_card_content p.shop_card_price {
        font-size: 12px;
    }
}

@media screen and (max-width: 1199px) and (max-width: 900px) {
    body header .greennav .flex .shop_card .shop_card_content p.shop_card_price {
        font-size: 12px;
    }
}

@media screen and (max-width: 1199px) {
    body header #slider {
        margin-top: -40px;
        z-index: 7;
        margin-left: auto;
        max-width: 1441px;
        margin-right: auto;
        opacity: 0.99;
    }

    body header #slider .carousel-indicators {
        display: none;
    }

    body header #slider .trapecia {
        position: absolute;
        bottom: 0px;
        right: 0px;
        width: 66%;
        height: 100%;
        background-image: url("/assets/img/trapeze.svg");
        background-repeat: no-repeat;
        background-size: cover;
        display: flex;
        flex-direction: column;
        justify-content: center;
    }

    body header #slider .trapecia .blue_item {
        background-image: url("/assets/img/blue_item.svg");
        background-size: inherit;
        background-repeat: no-repeat;
        background-position: center;
        display: flex;
        align-items: center;
    }

    body header #slider .trapecia .blue_item .blue_item_icon {
        background-repeat: no-repeat;
        background-position: center;
        background-size: contain;
        width: 11%;
        height: 72%;
        margin-left: 8%;
    }

    body header #slider .trapecia .blue_item .blue_item_text {
        font-size: 18px;
        text-transform: uppercase;
        color: #ffffff;
        margin-left: 10px;
        font-weight: 600;
        user-select: none;
    }

}



#mobile_menu .page-icon {
    display: inline-block;
    min-width: 26px;
    width: 26px;
    height: 26px;
    margin-top: -3px;
    margin-right: 14px;
}
#mobile_menu .page-icon img {
    max-width: 100%;
    max-height: 100%;
}

@media screen and (max-width: 1199px) {
    body header #slider .trapecia .trapecia_delivery {
        display: none;
    }

    body header #slider ol li {
        border-radius: 50%;
        height: 8px;
        width: 8px;
    }

    body header .filter {
        width: 100%;
        background: #00453b;
    }

    body header .filter .header_image {
        background-repeat: no-repeat;
        background-size: cover;
        width: 100%;
        height: 230px;
        margin-top: -90px;
        mix-blend-mode: luminosity;
        background-position: center;
    }

    body header .filter .header_image .filter_two {
        width: 100%;
        height: 100%;
        background: radial-gradient(106.01% 3694.32% at 100.67% -6.01%, rgba(0, 44, 109, 0.46) 0%, rgba(0, 170, 68, 0.44) 100%);
    }

    body header .filter .header_image .filter_two .container-fluid {
        padding-left: 4%;
        padding-right: 4%;
        max-width: 1441px;
    }

    body header .filter .header_image .filter_two h3 {
        width: 100%;
        display: block;
        font-size: 26px;
        font-weight: 600;
        color: #ffffff;
        height: max-content;
    }

    #mobile_menu {
        display: block;
        top: 0px;
        left: 0px;
        position: fixed;
        z-index: 1000;
        width: 100%;
        height: 100%;
        background: #ffffff;
        padding-top: 77px;
        padding-left: 19px;
        padding-right: 19px;
        overflow-y: scroll;
        transform: translateX(-100%);
        transition: transform 0.55s cubic-bezier(0.19, 1, 0.22, 1);
    }

    #mobile_menu .close_mobile_menu {
        position: absolute;
        left: 19px;
        top: 19px;
        width: 22.4px;
        height: 22.4px;
        cursor: pointer;
    }

    #mobile_menu .search {
        width: 100%;
        position: relative;
        height: 48px;
        margin-bottom: 20px;
    }

    #mobile_menu .search .input_search {
        border: none;
        width: 100%;
        height: 100%;
        background-color: rgba(156, 156, 156, 0.15);
        border-radius: 30px;
        padding: 20px 28px;
        color: #c4c4c4;
        font-size: 14px;
    }

    #mobile_menu .search .input_search::placeholder {
        color: #c4c4c4;
    }

    #mobile_menu .search .input_search::-webkit-input-placeholder {
        /* Edge */
        color: rgba(255, 255, 255, 0.507);
    }

    #mobile_menu .search .input_search::-ms-input-placeholder {
        /* Internet Explorer 10-11 */
        color: rgba(255, 255, 255, 0.507);
    }

    #mobile_menu .search :focus::-webkit-input-placeholder {
        color: transparent;
    }

    #mobile_menu .search :focus::-moz-placeholder {
        color: transparent;
    }

    #mobile_menu .search :focus:-moz-placeholder {
        color: transparent;
    }

    #mobile_menu .search :focus:-ms-input-placeholder {
        color: transparent;
    }

    #mobile_menu .search input:focus {
        outline-color: rgba(255, 255, 255, 0.863);
        outline-style: none;
        outline-width: thin;
    }

    #mobile_menu .search .search_icon {
        position: absolute;
        top: 14px;
        right: 21px;
        background-image: url("/assets/img/search_icon_green.svg");
        background-repeat: no-repeat;
        background-size: contain;
        background-position: center;
        height: 21px;
        width: 21px;
        border: none;
        box-shadow: none;
        background-color: transparent;
        user-select: none;
        font-size: 0px;
    }

    #mobile_menu ul.pages {
        margin: 0px;
        padding-left: 0px;
    }

    #mobile_menu ul.pages li.catalog.page {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        /*justify-content: center;*/
        padding-top: 16px;
    }

    #mobile_menu ul.pages li.catalog.page a i {
        margin-left: 15px;
        font-size: 19px;
    }

    #mobile_menu ul.pages li.catalog.page.active {
        border-bottom: none;
    }

    #mobile_menu ul.pages li.page {
        list-style-type: none;
        width: 100%;
        border-bottom: solid #f5f5f5 1px;
        min-height: 52px;
        display: flex;
        align-items: center;
        padding-top: 13px;
    }

    #mobile_menu ul.pages li.page a {
        display: flex;
        color: #31b085;
        font-weight: 500;
        font-size: 18px;
        margin-bottom: 10px;
    }

    #mobile_menu ul.pages li.page ul.drop_down {
        margin-left: 0px;
        padding-left: 0px;
        display: none;
    }

    #mobile_menu ul.pages li.page ul.drop_down li {
        margin-left: 0px;
        list-style-type: none;
        border-bottom: solid #f5f5f5 1px;
        min-height: 41px;
        display: flex;
        align-items: center;
        padding-top: 14px;
    }

    #mobile_menu ul.pages li.page ul.drop_down li a {
        font-weight: 400;
        color: #000000;
        font-size: 14px;
    }

    #mobile_menu ul.search_result {
        padding-left: 0px;
        margin-left: 0px;
        margin-top: 3px;
        display: none;
    }

    #mobile_menu ul.search_result li {
        list-style-type: none;
        margin-left: 0px;
        min-height: 41px;
        display: flex;
        align-items: center;
        margin-top: 5px;
    }

    #mobile_menu ul.search_result li a {
        font-weight: 500;
        font-size: 18px;
    }

    #mobile_menu .cocials a i {
        display: flex;
        justify-content: center;
        align-items: center;
        height: 25px;
        width: 25px;
        background-color: #00AA92;
        border-radius: 40px;
        color: white;
        margin-left: 32px;
    }

    #mobile_menu.is_open {
        transform: translateX(0%);
    }
}

@media screen and (max-width: 660px) {
    body {
        background-color: white;
        /*position: relative;*/
        /*z-index: 10;*/
        font-family: "Montserrat" !important;
    }

    body h1,
    body h2,
    body h3,
    body h4,
    body h5 {
        font-family: "Montserrat" !important;
    }

    body .container {
        font-family: "Montserrat" !important;
    }

    body header {
        font-family: "Montserrat" !important;
        /*position: relative;*/
        /*z-index: 20;*/
    }

    body header nav {
        display: flex;
        align-items: center;
        z-index: 10;
    }

    body header .whitenav {
        position: relative;
        background-color: white;
        max-width: 1441px;
        margin-left: auto;
        margin-right: auto;
        padding-left: 4%;
        padding-right: 4%;
        padding-top: 13px;
        padding-bottom: 13px;
        z-index: 10;
        opacity: 0.99;
        justify-content: space-between;
    }

    body header .whitenav .phone_block {
        margin-right: 0px;
    }

    body header .whitenav .phone_block .phones {
        height: 39px;
        display: flex;
        /*flex-direction: column;*/
        flex-wrap: nowrap;
        align-items: center;
        justify-content: space-between;
    }

    body header .whitenav .phone_block .phones a:first-child {
        margin-left: 9px;
        margin-bottom: 0px;
        /*margin-right: 9.16px;*/
    }

    body header .whitenav .phone_block .phones a {
        font-size: 12px;
        font-weight: 500;
        text-decoration: none;
    }

    body header .greennav .flex a {
        text-decoration: none;
        border-bottom: none;
    }

    body header .greennav .flex .mobile_icon_nav a {
        text-decoration: none;
        border-bottom: none;
    }

    body header #slider {
        margin-top: -66px;
        z-index: 7;
        margin-left: auto;
        max-width: 1441px;
        margin-right: auto;
        min-height: 287px;
        opacity: 0.99;
    }

    body header #slider .carousel-inner {
        min-height: 287px;
    }

    body header #slider .carousel-inner .carousel-item {
        min-height: 287px;
    }

    body header #slider .carousel-inner .carousel-item img {
        width: auto;
        height: 287px;
    }


}


@media screen and (max-width: 660px) {
    body header #slider .trapecia .trapecia_delivery {
        display: none;
    }

    body header #slider ol li {
        border-radius: 50%;
        height: 8px;
        width: 8px;
    }

    body header .filter {
        width: 100%;
        background: #00453b;
        padding-top: 40px;
    }

    body header .filter .header_image {
        background-repeat: no-repeat;
        background-size: cover;
        width: 100%;
        min-height: 230px;
        margin-top: -90px;
        mix-blend-mode: luminosity;
        background-position: center;
        height: max-content;
    }

    body header .filter .header_image .filter_two {
        width: 100%;
        height: 100%;
        background: radial-gradient(106.01% 3694.32% at 100.67% -6.01%, rgba(0, 44, 109, 0.46) 0%, rgba(0, 170, 68, 0.44) 100%);
    }

    body header .filter .header_image .filter_two .container-fluid {
        padding-left: 4%;
        padding-right: 4%;
        max-width: 1441px;
    }

    body header .filter .header_image .filter_two h3 {
        width: 100%;
        display: block;
        font-size: 26px;
        font-weight: 600;
        color: #ffffff;
        height: max-content;
    }
}

body footer {
    font-family: "Montserrat" !important;
    width: 100%;
    z-index: 19;
}

body footer .color {
    position: relative;
    /*z-index: 10;*/
    height: 160px;
    width: 100%;
    background-image: url("/assets/img/footer.png");
    background-size: cover;
    background-repeat: no-repeat;
}

body footer .color .container-fluid {
    padding-left: 4%;
    padding-right: 4%;
    max-width: 1441px;
}

body footer .color .filter {
    background: linear-gradient(261.89deg, #002344 11.15%, #008b5c 94.27%);
    opacity: 0.5;
    position: absolute;
    top: 0px;
    right: 0px;
}

body footer .color .block input {
    width: 100%;
    margin-left: auto;
    margin-right: 10%;
    border: none;
    border-radius: 40px;
    background: rgba(255, 255, 255, 0.2);
    backdrop-filter: blur(10px);
    padding: 12px 24px;
    color: rgba(255, 255, 255, 0.88);
    font-size: 14px;
    height: 48px;
}

body footer .color .block input::placeholder {
    color: rgba(255, 255, 255, 0.507);
}

body footer .color .block input::-webkit-input-placeholder {
    /* Edge */
    color: rgba(255, 255, 255, 0.507);
}

body footer .color .block input::-ms-input-placeholder {
    /* Internet Explorer 10-11 */
    color: rgba(255, 255, 255, 0.507);
}

body footer .color .block :focus::-webkit-input-placeholder {
    color: transparent;
}

body footer .color .block :focus::-moz-placeholder {
    color: transparent;
}

body footer .color .block :focus:-moz-placeholder {
    color: transparent;
}

body footer .color .block :focus:-ms-input-placeholder {
    color: transparent;
}

body footer .color .block input:focus {
    outline-color: rgba(255, 255, 255, 0.863);
    outline-style: none;
    outline-width: thin;
}

body footer .color .block p.color_p {
    color: white;
    font-weight: 400;
}

body footer .color .block .color_p.first {
    font-size: 18px;
    font-weight: 500;
}

body footer .color .block .color_p.second {
    font-size: 16px;
    font-weight: 400;
}

body footer .color .block .subscribe {
    color: white;
    font-size: 16px;
    font-weight: 400;
    width: 100%;
    height: 48px;
    background-color: #31b085;
    border-radius: 30px;
    border: none;
    text-align: center;
    cursor: pointer;
    max-width: 224px;
}

body footer .color .block .subscribe:hover {
    background-color: #3DD4A1;
}

body footer .color .block .subscribe:active {
    background-color: #31b085;
}

body footer .color .block button:focus {
    outline-color: rgba(255, 255, 255, 0.863);
    outline-style: none;
    outline-width: thin;
}

body footer .black {
    min-height: 253px;
    background-color: #1a1a1a;
}

body footer .black .container-fluid {
    padding-left: 4%;
    padding-right: 4%;
    max-width: 1441px;
}

body footer .black h5 {
    color: #d0cfcf;
    font-weight: 600;
    font-size: 16px;
}

body footer .black ul {
    padding: 0px;
}

body footer .black ul li {
    list-style-type: none;
}

body footer .black p {
    color: white;
    font-size: 14px;
    font-weight: 400;
    opacity: 0.5;
    line-height: 18px;
    max-width: 305px;
}

body footer .black a {
    color: white;
    font-size: 14px;
    font-weight: 400;
    opacity: 0.5;
    text-decoration-color: rgba(255, 255, 255, 0.521);
}

body footer .black a:hover {
    opacity: 1;
    text-decoration: none;
}

body footer .black .geo {
    max-width: 100%;
}

body .visa {
    width: 87px;
    height: 37px;
}

body .master {
    width: 52px;
    height: 32px;
    margin-left: 11%;
}

body .robo {
    width: 66px;
    height: 33px;
    margin-left: 11%;
}

body .mir {
    width: 90px;
    height: 33px;
    margin-left: 11%;
}

body .cocials i {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 25px;
    width: 25px;
    background-color: rgba(49, 176, 133, 0.87);
    border-radius: 40px;
    color: black;
    margin-left: 21px;
}

body .cocials .icon {
    height: 25px;
    width: 25px;
    margin-left: 21px;
    opacity: .37;
}

body .cocials i:hover {
    background-color: #31b085;
}

@media screen and (max-width: 1199px) {
    body footer .color {
        padding-top: 42px;
        padding-bottom: 40px;
        height: 231px;
    }

    body footer .color .filter .color_p.first {
        font-size: 18px;
    }

    body footer .color .filter .color_p.second {
        font-size: 15px;
    }
}

@media screen and (max-width: 660px) {
    body footer .color {
        padding-top: 42px;
        padding-bottom: 40px;
        height: 339px;
    }

    body footer .color .filter .color_p.first {
        font-size: 18px;
    }

    body footer .color .filter .color_p.second {
        font-size: 15px;
    }
}

body .main {
    min-height: 250px;
    padding-top: 32px;
    padding-bottom: 36px;
    padding-left: 4%;
    padding-right: 4%;
    max-width: 1441px;
    position: relative;
}

body .main .content .new h3 {
    font-size: 26px;
    font-weight: 500;
}

body .main .content .new .new_icon_border {
    border-radius: 44px;
    padding: 0px 10px;
    margin-left: 10px;
    margin-top: -10px;
    width: 23.12px;
    height: 23.12px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #ffffff;
    border: 2px solid #c7dbd4;
    box-sizing: border-box;
    cursor: pointer;
}

body .main .content .new .new_icon_border i {
    text-align: center;
    color: #c7dbd4;
    margin-left: 2.5px;
    font-size: 18px;
    margin-top: -1.5px;
}

body .main .content .new a:hover {
    text-decoration: none;
}

body .main .content .new .new_right_icon {
    background: url("/assets/img/new_name_arrow.png") no-repeat;
    background-size: contain;
    width: 23px;
    height: 23px;
    margin-top: -7px;
    margin-left: 8px;
}

body .main .content .new .new_element {
    padding: 15px 60px 20px 0px;
    width: 100%;
    background: #ffffff;
    box-shadow: 0px 4px 14px rgba(0, 0, 0, 0.07);
    border-radius: 8px;
    margin-bottom: 22px;
}

body .main .content .new .new_element a {
    text-decoration: none;
}

body .main .content .new .new_element .left {
    min-height: 100%;
}

body .main .content .new .new_element .left .image {
    position: relative;
    background: url("/assets/img/new_image.png") no-repeat;
    background-size: contain;
    width: 177px;
    min-height: 129px;
    height: 100%;
    background-position: center;
}

body .main .content .new .new_element .left .image .icon {
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    background-color: #31b085;
    background-size: cover;
    top: 0px;
    left: 0px;
    width: 106px;
    height: 36px;
    font-size: 18px;
    line-height: 22px;
    letter-spacing: 0.02em;
    color: #ffffff;
    user-select: none;
    padding-right: 5px;
    font-weight: 600;
    padding-left: 7px;
}

body .main .content .new .new_element .left .image .icon::before {
    border: 10px solid transparent;
    border-left: 4px solid #31b085;
    border-top: 26px solid #31b085;
    position: absolute;
    top: 0;
    left: 100%;
    content: "";
}

body .main .content .new .new_element .right {
    margin-left: 10px;
}

body .main .content .new .new_element .right .date {
    font-size: 14px;
    color: #bdbdbd;
    margin-bottom: 4px;
    line-height: 17px;
}

body .main .content .new .new_element .right .name {
    font-size: 16px;
    line-height: 21px;
    color: #333333;
    margin-bottom: 11px;
    font-weight: 500;
}

body .main .content .new .new_element .right .name:hover {
    font-size: 16px;
    line-height: 21px;
    color: #31b085;
    margin-bottom: 11px;
}

body .main .content .new .new_element .right .description {
    font-size: 14px;
    line-height: 21px;
    color: #333333;
    margin-bottom: 8px;
    font-weight: 400;
}

body .main .content .new .new_element .right a.detail {
    font-size: 14px;
    line-height: 17px;
    text-decoration: none;
    color: #31b085;
    width: auto;
}

body .main .content .new .new_element .right a.detail:hover {
    color: #3dd4a1;
}

body .main .content .new .new_element .right a.detail::after {
    content: "";
    display: block;
    background: url("/assets/img/new_detail_arrow.svg") no-repeat;
    width: 11px;
    height: 7px;
    margin-left: 93px;
    margin-top: -14px;
}

body .main .content .new .new_element .right a.detail:hover::after {
    content: "";
    display: block;
    background: url("/assets/img/new_detail_arrow_hover.svg") no-repeat;
    width: 11px;
    height: 7px;
    margin-left: 93px;
    margin-top: -14px;
}

body .main .content .categories_products h3 {
    font-size: 26px;
    margin-bottom: 18px;
    font-weight: 500;
    margin-top: 10px;
}

body .main .content .categories_products .categories_element {
    background: #ffffff;
    border: 1px solid #eee;
    border-radius: 8px;
    width: 98%;
    margin-bottom: 22px;
    overflow: hidden;
}

body .main .content .categories_products .categories_element a {
    color: #333333;

}
.brands .categories_element a {
    text-align: center;
    width: 100%;
}

body .main .content .categories_products .categories_element a .name {
    font-size: 16px;
    line-height: 17px;
    margin-top: 20px;
    margin-bottom: 5px;
    font-weight: 600;
}

body .main .content .categories_products .categories_element a:hover {
    text-decoration: none;
    color: #669b83;
}

body .main .content .categories_products .categories_element .ul_wrapper {
    padding: 0px 12px 20px 12px;
    position: relative;
    /*20px = 56*/
}

body .main .content .categories_products .categories_element ul {
    padding: 0px;
    margin-bottom: 26px;
}

body .main .content .categories_products .categories_element ul li {
    list-style-type: none;
}

body .main .content .categories_products .categories_element ul li .element {
    display: block;
    margin-bottom: 0px;
    font-weight: 400;
    font-size: 14px;
    box-shadow: none;
}

body .main .content .categories_products .categories_element ul li .element:hover {
    text-decoration: none;
    color: #669b83;
}

body .main .content .categories_products .categories_element .bot {
    height: 51px;
    position: absolute;
    bottom: 0px;
    right: 0px;
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

body .main .content .categories_products .categories_element .bot .points {
    height: 24px;
    width: 40px;
    font-size: 34px;
    line-height: 41px;
    display: flex;
    align-items: center;
    letter-spacing: 9px;
    color: #31b085;
    font-weight: 400;
    margin-left: 4%;
    margin-bottom: 18px;
    user-select: none;
}

body .main .content .categories_products .categories_element .bot .points div {
    perspective: 1px;
    border-collapse: separate;
    width: 3px;
    height: 3px;
    background-color: #31b085;
    border-radius: 40px;
    margin-left: 12px;
}

body .main .content .categories_products .categories_element .bot .arrow {
    position: relative;
    width: 0;
    height: 0;
    border-bottom: 51px solid #31b085;
    border-left: 72px solid transparent;
    cursor: pointer;
}

body .main .content .categories_products .categories_element .bot .arrow i {
    height: 14px;
    width: 14px;
    margin-left: -28px;
    margin-top: 26px;
    color: white;
}

body .main .content .categories_products .categories_element .bot .arrow .icon {
    position: absolute;
    background: url("/assets/img/down-arrow_1.svg") no-repeat;
    background-size: contain;
    height: 14px;
    width: 14px;
    right: 12px;
    bottom: -42px;
}

body .main .content .categories_products .categories_element .bot .arrow .icon.up {
    background: url("/assets/img/up-arrow.svg") no-repeat;
}

body .main .content .categories_products .categories_element .bot .arrow:hover {
    position: relative;
    width: 0;
    height: 0;
    border-bottom: 51px solid #3dd5a1;
    border-left: 72px solid transparent;
}

@media screen and (max-width: 660px) {
    body .content .product-content .photo .carousel .carousel-item {

    }

    body .main .content .new .new_icon_border {
        margin-top: -9px;
    }

    body .main .content .new .new_element {
        padding: 0px;
        flex-direction: column;
        width: 100%;
    }

    body .main .content .new .new_element .left .image {
        width: 100%;
        background-size: contain;
        background-position: center;
    }

    body .main .content .new .new_element .right {
        margin: 0px;
        margin-top: 16px;
        padding: 0px 12px 18px 12px;
    }
}

body .main .content .categories_products.brands .categories_brands_content {
    /*min-height: 300px;*/
}

body .main .content .categories_products.brands .name {
    font-weight: 500;
    font-size: 16px;
}

body .main .content .categories_products.brands .decription {
    margin-bottom: 15px;
    display: flex;
    align-items: center; }

.brands-img {
	width: 150px;
	height: 150px;
	text-align: center;
	border: 1px solid #eee;
	padding: 20px;
	display: flex;
	border-radius: 8px;
	align-items: center;
	justify-content: center;
	float: left;
	margin-right: 15px; }
.brands-preview-text {
	font-size: 14px;
	font-weight: 400; }

body .main .content .categories_products.brands .decription .text {
    margin-left: 9px;
}

body .main .content .categories_products.brands .decription .text p {
    font-size: 14px;
    font-weight: 400;
    margin-left: 9px;
}
@media screen and (max-width: 660px) {
    body .main .content .categories_products.brands .decription .text p {
        margin-left: 0px;
    }
    .brands-img {
	    float: none;
	    width: 100%; }
}

body .main .content .categories_products.brands .categories_element .brands_header {
    display: flex;
    cursor: pointer;
    height: 75px;
}

body .main .content .categories_products.brands .categories_element .brands_header .left {
    width: 113px;
    height: 100%;
}

body .main .content .categories_products.brands .categories_element .brands_header .left .img {
    width: 113px;
    height: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: left;
}

body .main .content .categories_products.brands .categories_element .brands_header .right {
    padding: 13px;
    display: flex;
    align-items: center;
}

body .main .content .categories_products.brands .categories_element .brands_header .right p {
    font-size: 14px;
    user-select: none;
    margin-bottom: 0px;
    font-weight: 500;
    margin-top: 0px;
}

body .main .content .categories_products.brands .categories_element .ul_wrapper {
    display: none;
}

body .main .content .brand_description {
    margin-top: 30px;
    font-size: 14px;
    font-weight: 400;
}

body .brands_filter_form {
    width: 100%;
    display: flex;
}

body .brands_filter_form .filter_list_brands {
    width: 552px;
    background: #e6f1ec;
    box-shadow: 0px 4px 14px rgba(0, 0, 0, 0.07);
    border-radius: 8px;
    height: 42px;
    display: flex;
    justify-content: start;
    align-items: center;
}

body .brands_filter_form .filter_list_brands ul {
    list-style-type: none;
    display: flex;
    justify-content: space-around;
    align-items: center;
    padding-left: 0px;
    margin-bottom: 0px;
    width: 93%;
    margin-left: 20px;
    margin-right: auto;
}

body .brands_filter_form .filter_list_brands ul li {
    list-style-type: none;
    color: #a7ccc7;
    text-transform: uppercase;
    display: block;
    cursor: pointer;
}

body .brands_filter_form .filter_list_brands ul li.active {
    color: #31b085;
}

body .brands_filter_form .filter_list_brands ul li:hover {
    color: #31b085;
}

body .brands_filter_form .button {
    background: #e6f1ec;
    box-shadow: 0px 4px 14px rgba(0, 0, 0, 0.07);
    border-radius: 8px;
    padding: 12px 12px;
    margin-left: 22px;
    color: #a7ccc7;
    font-size: 14px;
    line-height: 25px;
    user-select: none;
    cursor: pointer;
}

body .brands_filter_form .button.active {
    color: #31b085;
    font-weight: 600;
}

body .brands_filter_form .button:hover {
    transform: scale(1.03);
}

body .brands_list .brand_container {
    margin-top: 28px;
    display: flex;
}

body .brands_list .brand_container a img {
    max-height: 60.69px;
    max-width: 100%;
}

@media screen and (max-width: 1199px) {
    body .main .content .brands_filter_form {
        width: 100%;
    }

    body .main .content .brands_filter_form .filter_list_brands {
        width: 69vw;
    }

    body .main .content .brands_filter_form .button {
        margin-left: auto;
    }

    body .main .content .categories_products.brands .decription img {
        display: block;
        width: 30%;
        min-width: 131px;
        height: max-content;
    }

    body .main .content .categories_products.brands .categories_brands_content .categories_element .brands_header {
        flex-direction: column;
        height: max-content;
    }

    body .main .content .categories_products.brands .categories_brands_content .categories_element .brands_header .left {
        height: 90px;
        width: 100%;
    }

    body .main .content .categories_products.brands .categories_brands_content .categories_element .brands_header .left .img {
        width: 100%;
    }
}

@media screen and (max-width: 660px) {
    body .main .content .brands_filter_form {
        width: 100%;
    }

    body .main .content .brands_filter_form .filter_list_brands {
        width: 100%;
    }

    body .main .content .brands_filter_form .button {
        margin-left: auto;
    }

    body .main .content .categories_products.brands .decription {
        flex-direction: column;
    }

    body .main .content .categories_products.brands .decription .text {
        margin-left: 0px;
    }

    body .main .content .categories_products.brands .categories_brands_content .categories_element .brands_header {
        flex-direction: row;
    }

    body .main .content .categories_products.brands .categories_brands_content .categories_element .brands_header .left {
        width: 37%;
        min-width: 113px;
    }

    body .main .content .categories_products.brands .categories_brands_content .categories_element .brands_header .left .img {
        width: 100%;
    }
}

body .nowrap {
    /*overflow-x: auto;*/
}

body .cat-catalog-row {
    height: max-content;
    max-width: 1441px;
    margin-top: 26px;
    padding-left: 4%;
    padding-right: 2%;
    margin-bottom: 11px;
}

body .cat-catalog-row a {
    text-decoration: none;
}

body .cat-catalog-row .owl-carousel a {
    text-decoration: none;
    display: block;
}

@media screen and (max-width: 1396px) {
    body .cat-catalog-row .row {
        justify-content: start;
    }
}

@media screen and (min-width: 1396px) {
    body .cat-catalog-row .row {
        justify-content: space-between;
    }
}

body .cat-catalog-row .element {
    background: #f8f8f8;
    border: 1px solid #ebebeb;
    box-sizing: border-box;
    border-radius: 8px;
    padding: 15px 30px;
    font-size: 16px;
    user-select: none;
    margin-bottom: 22px;
    width: max-content;
}

body .cat-catalog-row .element .icon {
    width: 25px;
    height: 25px;
    margin-bottom: 4px;
}

body .cat-catalog-row .element .icon path {
    fill: #bdbdbd;
}

body .cat-catalog-row .element p {
    color: #828282;
    font-size: 16px;
    line-height: 20px;
    margin-bottom: 0px;
    font-weight: 400;
}

body .cat-catalog-row .element:hover {
    background: #eff9f5;
    border: 1px solid #d8f5e7;
    box-sizing: border-box;
    border-radius: 8px;
}

body .cat-catalog-row .element:hover .icon path {
    fill: #31b085;
}

body .cat-catalog-row .element:hover p {
    color: #333333;
}

body .cat-catalog-row .element.active {
    background: #eff9f5;
    border: 1px solid #d8f5e7;
    box-sizing: border-box;
    border-radius: 8px;
}

body .cat-catalog-row .element.active .icon path {
    fill: #31b085;
}

body .cat-catalog-row .element.active p {
    color: #333333;
}

body .cat-catalog-row .element:active {
    background: #eff9f5;
    border: 1px solid #d8f5e7;
    box-sizing: border-box;
    border-radius: 8px;
}

body .cat-catalog-row .element:active .icon path {
    fill: #31b085;
}

body .cat-catalog-row .element:active p {
    color: #333333;
}

body .content {
    position: relative;
}

body .content .element {
    background: #ffffff;
    box-shadow: 0px 4px 14px rgba(0, 0, 0, 0.03);
    border-radius: 8px;
    position: relative;
    margin-bottom: 22px;
    padding-bottom: 14px;
}

body .content .element a {
    text-decoration: none;
}

body .content .element .mobile-like-libra {
    display: none;
}

body .content .element > .header {
    display: flex;
    position: relative;
    /*align-items: center;*/
}

body .content .element .header .mobile-like-libra {
    display: none;
}

body .content .element .header .mobile-like-libra .brand-catalog-libra {
    margin-left: 22px;
}

body .content .element .header .img {
    width: 164px;
    height: 100%;
    overflow: hidden;
    border-radius: 8px;
}

body .content .element .header .description {
    width: 80%;
    display: flex;
    justify-content: space-between;
    padding-left: 13px;
    padding-right: 13px;
    padding-top: 15px;
    padding-bottom: 15px;
}

body .content .element .header .description .text i {
    display: none;
}

body .content .element .header .description .text .name {
    font-size: 16px;
    line-height: 20px;
    color: #333333;
    margin-bottom: 0px;
    font-weight: 500;
}

body .content .element .header .description .text .name:hover {
    font-size: 16px;
    line-height: 20px;
    /*color: #31b085;*/
    margin-bottom: 0px;
}

body .content .element .header .description .text .description {
    font-size: 14px;
    line-height: 17px;
    color: #333333;
    margin-bottom: 8px;
    font-weight: 400;
    padding-left: 0px;
    width: 100%;
    max-width: 620px;
    padding-right: 0px;
}

body .content .element .header .description .text a.detail {
    font-size: 14px;
    line-height: 17px;
    text-decoration: none;
    color: #31b085;
    width: auto;
}

body .content .element .header .description .text a.detail:hover {
    color: #3dd4a1;
}

body .content .element .header .description .text a.detail::after {
    content: "";
    display: block;
    background: url("/assets/img/new_detail_arrow.svg") no-repeat;
    width: 11px;
    height: 7px;
    margin-left: 139px;
    margin-top: -14px;
}

body .content .element .header .description .text a.detail:hover::after {
    content: "";
    display: block;
    background: url("/assets/img/new_detail_arrow_hover.svg") no-repeat;
    width: 11px;
    height: 7px;
    margin-left: 139px;
    margin-top: -14px;
}

body .content .element .header .description .icons {
    width: 98px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    position: relative;
}

body .content .element .header .description .icons i {
    font-size: 33px;
    color: #31b085;
    width: max-content;
    margin-left: auto;
    margin-top: -30%;
    cursor: pointer;
}

body .content .element .header .description .icons i:hover {
    color: #46ddab;
}

body .content .element .header .description .icons i:active {
    color: #31b085;
}

body .content .element .header .description .icons .like-libra {
    right: -16px;
    display: flex;
    justify-content: center;
    position: absolute;
    /*bottom: 0px;*/
    top: 0px;
    width: 54px;
    align-items: center;
}

body .content .element .header .description .icons .like-libra svg {
    cursor: pointer;
}

body .content .element .header .description .icons .like-libra .brand-catalog-like.active {
    fill: #31B085;
}

body .content .element .header .description .icons .like-libra .brand-catalog-like.active path {
    fill: #31B085;
}

body .content .element .header .description .icons .like-libra .brand-catalog-like:hover:not(.not-hover) {
    fill: #31B085;
}

body .content .element .header .description .icons .like-libra .brand-catalog-like:hover:not(.not-hover) path {
    fill: #31B085;
}

body .content .element .header .description .icons .like-libra .brand-catalog-libra.active {
    fill: #31B085;
}

body .content .element .header .description .icons .like-libra .brand-catalog-libra.active path {
    fill: #31B085;
}

body .content .element .header .description .icons .like-libra .brand-catalog-libra:hover {
    fill: #31B085;
}

body .content .element .header .description .icons .like-libra .brand-catalog-libra:hover path {
    fill: #31B085;
}

.table {
    width: 100%;
    margin: 0px;
    position: relative;
    display: none;
}

.table table {
    margin-right: -0.2%;
    margin-left: 0px;
    background: #ffffff;
    box-shadow: 0px 4px 14px rgba(0, 0, 0, 0.03);
    border-radius: 8px;
    position: relative;
    border: none;
}

.table table tr {
    border: none;
    position: relative;
}

.table table tr th {
    border: none;
    background: #e6f1ec;
    color: #92aba0;
    border-left: 1px solid white !important;
    font-size: 14px;
    font-weight: 400;
    text-align: center;
    position: relative;
}

.table table tr th div {
    display: inline-block;
	margin-left: 10px; }

.table table tr td {
    position: relative;
    font-family: "Montserrat";
    border: none;
    text-align: center;
    font-size: 14px;
    color: #333333;
    font-weight: 400;
}

.table table tr td .custom.popup {
    position: absolute;
    width: max-content;
    top: auto;
    bottom: 0px;
    user-select: none;
}

.table table tr td .custom.popup p {
    margin-bottom: 0px;
    margin-left: 6px;
    color: #000000;
    font-size: 14px;
    font-weight: 500;
}

.table table tr td.availability p.count {
    color: #31b085;
    font-weight: 700;
}

.table table tr td.addtocart {
    display: flex;
    justify-content: center;
}

.table table tr td.addtocart .calculate {
    display: flex;
    min-width: 78px;
    justify-content: space-between;
    background: #ffffff;
    box-shadow: 0px 2px 7px rgba(0, 0, 0, 0.15);
    border-radius: 50px;
}

.table table tr td.addtocart .calculate .minus {
    padding-bottom: 2px;
}

.table table tr td.addtocart .calculate .count {
    margin-bottom: 0px;
    font-size: 14px;
    color: #bdbdbd;
    font-weight: 500;
    border: none;
    width: 32px;
    text-align: center;
}

.table table tr td.addtocart .calculate .count:focus {
    outline: none;
}

.table table tr td.addtocart .calculate .push {
    display: flex;
    align-items: center;
    justify-content: center;
    background: #f1fcfa;
    width: 19px;
    height: 19px;
    border-radius: 40px;
    color: #9cc4be;
    font-size: 14px;
    user-select: none;
}

.table table tr td.addtocart .calculate .push:hover {
    background: #e6f1ec;
}

.table table tr td.addtocart .calculate .push:active {
    transform: scale(1.05);
}

.table table tr td.addtocart .basket {
    width: 39px;
    background: #d5eee6;
    border-radius: 10px;
    margin-left: 11px;
    display: flex;
    justify-content: center;
    cursor: pointer;
}

.table table tr td.addtocart .basket.active {
    background: #31b085;
    /*
    width: 39px;
    border-radius: 10px;
    margin-left: 11px;
    display: flex;
    justify-content: center;
    */
}

.table table tr td.addtocart.active .calculate .count {
    color: #31B085;
    /*
    font-weight: 500;
    width: 39px;
    text-align: center;
    */
}

body .content-p {
    max-width: 874px;
    font-size: 14px;
    color: #000000;
    margin-bottom: 109px;
    font-weight: 400;
}

@media screen and (max-width: 660px) {
    body .content .element .header {
        flex-direction: column;
        width: 100%;
        /*padding-bottom: 37px;*/
    }

    body .content .element .header .img {
        width: 100%;
        display: flex;
        justify-content: center;
    }

    body .content .element .header .img img {

    }

    body .content .element .header .mobile-like-libra {
        padding-left: 14px;
        display: flex;
        justify-content: center;
    }

    body .content .element .header .mobile-like-libra .brand-catalog-like.active {
        fill: #31B085;
    }

    body .content .element .header .mobile-like-libra .brand-catalog-like.active path {
        fill: #31B085;
    }
    body .content .element .header .mobile-like-libra .brand-catalog-like {
        user-focus: none;
        user-select: none;
        -webkit-user-select: none;
        -webkit-touch-callout: none;
    }
    body .content .element .header .mobile-like-libra .brand-catalog-like:hover:not(.not-hover) {
        fill: rgb(221, 221, 221);
    }

    body .content .element .header .mobile-like-libra .brand-catalog-like:hover:not(.not-hover) path {
        fill: rgb(221, 221, 221);
    }

    body .content .element .header .mobile-like-libra .brand-catalog-libra.active {
        fill: #31B085;
    }

    body .content .element .header .mobile-like-libra .brand-catalog-libra.active path {
        fill: #31B085;
    }

    body .content .element .header .mobile-like-libra .brand-catalog-libra:hover {
        fill: #31B085;
    }

    body .content .element .header .mobile-like-libra .brand-catalog-libra:hover path {
        fill: #31B085;
    }

    body .content .element .header .description {
        width: 100%;
    }

    body .content .element .header .description .icons .like-libra {
        display: none;
    }

    body .content .element .header .description .text {
        width: 100%;
    }

    body .content .element .header .description .text .name_wrapper {
        display: flex;
    }

    body .content .element .header .description .text .name_wrapper i {
        font-size: 26px;
        color: #31b085;
        width: max-content;
        margin-right: 13%;
        margin-left: auto;
    }

    body .content .element .header .description .text .name_wrapper .name {
        width: 80%;
    }

    /*.table table tbody tr:first-child {
        display: none;
    }*/

    .table table tr {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        width: 100%;
        margin-left: 0px;
        margin-right: auto;
        float: none;
        padding-left: 14px;
        padding-right: 14px;
        padding-bottom: 22px;
        border-top: 1px solid #EAEAEA;
    }

    .table table tr th {
        display: none;
    }

    .table table tr td {
        margin-top: 15px;
        display: flex;
        flex-direction: column;
        justify-content: start;
        align-items: start;
    }

    .table table tr td .wrapper {
        display: flex;
        flex-direction: row;
    }

    .table table tr td .wrapper .cattableicon {
        display: none;
    }

    .table table tr td .custom.popup {
        display: flex;
        position: relative !important;
        visibility: visible !important;
        box-shadow: none;
        border: none;
        padding-left: 0px;
    }

    .table table tr td .custom.popup::before {
        display: none;
    }

    .table table tr td.addtocart .basket {
        display: flex;
    }

    .table table tr td::before {
        content: attr(data-label);
        font-weight: 600;
        font-size: 12px;
        line-height: 15px;
        text-transform: uppercase;
        color: #bdbdbd;
        display: block;
        margin-bottom: 8px;
    }

    .table table tr.green td {
        background-color: white;
    }
}

body .container.main {
    min-height: calc(100vh - 720px);
    padding-top: 32px;
    padding-bottom: 36px;
    padding-left: 4.6%;
    padding-right: 4.6%;
    max-width: 1441px;
}

body .container.main .signin-menu {
    display: flex;
}

body .container.main .signin-menu .item {
    display: flex;
    align-items: center;
    margin-top: 4px;
    width: 403px;
    position: relative;
    color: #828282;
    font-size: 16px;
    font-weight: 500;
    user-select: none;
    text-transform: uppercase;
    cursor: pointer;
}

body .container.main .signin-menu .item::after {
    display: block;
    content: "";
    background: #f7f7f7;
    border-radius: 30px;
    width: 403px;
    height: 4px;
    position: absolute;
    bottom: -10px;
    left: 0px;
}

body .container.main .signin-menu .active.item::after {
    background: #31b085;
}

body .container.main .signin-menu .active.item {
    color: #333333;
}

body .container.main .signin-menu .signin svg {
    margin-right: 4px;
    margin-bottom: 3px;
}

body .container.main .signin-menu .signup {
    margin-left: 22px;
}

body .container.main .signin-menu .signup svg {
    margin-top: 2px;
    margin-right: 4px;
}

body .container.main .signin-menu .signin.active svg {
    margin-top: 2px;
    margin-right: 4px;
}

body .container.main .signin-menu .signin.active svg path {
    fill: #31b085;
}

body .container.main .signin-menu .signup.active {
    /*margin-left: 22px;*/
}

body .container.main .signin-menu .signup.active svg {
    margin-right: 4px;
}

body .container.main .signin-menu .signup.active svg path {
    fill: #31b085;
}

body .container.main .signin-content {
    margin-top: 30px !important;
    border: none !important;
}

body .container.main .signin-content form {
    width: 91%;
    display: flex;
    flex-direction: column;
    padding: 43px 16px;
    background: #ffffff;
    box-shadow: 0px 4px 14px rgba(0, 0, 0, 0.07);
    border-radius: 8px;
}
@media screen and (max-width: 768px){
    body .container.main .signin-content form {
        width: 96%;
    }
}

body .container.main .signin-content form p {
    color: #333333;
    font-size: 20px;
    font-weight: 500;
    margin-bottom: 34px;
}

body .container.main .signin-content form input {
    border: none;
    background: rgba(218, 218, 218, 0.2);
    backdrop-filter: blur(34px);
    border-radius: 30px;
    padding: 15px 22px;
    margin-bottom: 18px;
    font-size: 14px;
}

body .container.main .signin-content form input::placeholder {
    color: #b8b8b8;
}

body .container.main .signin-content form input::-webkit-input-placeholder {
    /* Edge */
    color: #b8b8b8;
}

body .container.main .signin-content form input::-ms-input-placeholder {
    /* Internet Explorer 10-11 */
    color: #b8b8b8;
}

body .container.main .signin-content form :focus::-webkit-input-placeholder {
    color: transparent;
}

body .container.main .signin-content form :focus::-moz-placeholder {
    color: transparent;
}

body .container.main .signin-content form :focus:-moz-placeholder {
    color: transparent;
}

body .container.main .signin-content form :focus:-ms-input-placeholder {
    color: transparent;
}

body .container.main .signin-content form input:focus {
    outline-color: rgba(255, 255, 255, 0.863);
    outline-style: none;
    outline-width: thin;
}

body .container.main .signin-content form button {
    margin-top: 14px;
    margin-bottom: 37px;
    color: white;
    font-size: 16px;
    font-weight: 400;
    width: 282px;
    height: 48px;
    background-color: #31b085;
    border-radius: 30px;
    margin-left: auto;
    margin-right: auto;
    border: none;
    text-align: center;
    cursor: pointer;
}

body .container.main .signin-content form button:hover {
    background-color: #3dd4a1;
}

body .container.main .signin-content form button:active {
    background-color: #31b085;
}

body .container.main .signin-content form button:focus {
    outline-color: rgba(255, 255, 255, 0.863);
    outline-style: none;
    outline-width: thin;
}

body .container.main .signin-content form a {
    color: #bdbdbd;
    font-size: 18px;
    font-weight: 500;
    margin-left: auto;
    margin-right: auto;
}

body .container.main .signin-content form a:hover {
    color: #31b085;
}

body .container.main .signin-content .items .item {
    display: flex;
    align-items: center;
    background: #ffffff;
    box-shadow: 0px 4px 14px rgba(0, 0, 0, 0.07);
    border-radius: 8px;
    padding: 23px 53px 23px 34px;
    margin-bottom: 22px;
}

body .container.main .signin-content .items .item .text {
    margin-left: 19px;
}

body .container.main .signin-content .items .item .text .name {
    color: #000000;
    font-size: 18px;
    font-weight: 500;
    user-select: none;
}

body .container.main .signin-content .items .item .text a {
    color: #bdbdbd;
    font-size: 14px;
    font-weight: 500;
}

body .container.main .signin-content .items .item .text a::after {
    content: "";
    display: block;
    background: url(/assets/img/new_detail_arrow.svg) no-repeat;
    filter: grayscale(100%);
    width: 11px;
    height: 7px;
    margin-left: 72px;
    margin-top: -14px;
}

body .container.main .signin-content .items .item .count {
    margin-right: 0px;
    margin-left: auto;
    color: #e0e0e0;
    font-size: 20px;
    font-weight: 500;
}

body .container.main .signin-content .items .item:hover svg path {
    fill: #31b085;
}

body .container.main .signin-content .items .item:hover .text a {
    color: #31b085;
}

body .container.main .signin-content .items .item:hover .text a::after {
    content: "";
    display: block;
    background: url(/assets/img/new_detail_arrow.svg) no-repeat;
    filter: none;
    width: 11px;
    height: 7px;
    margin-left: 72px;
    margin-top: -14px;
}

body .container.main .signin-content .items .item:hover .count {
    color: #31b085;
}

body .container.main .signup-content {
    margin-top: 30px !important;
    border: none !important;
    margin-top: 30px !important;
    border: none !important;
}

body .container.main .signup-content form {
    width: 91%;
    display: flex;
    flex-direction: column;
    padding: 43px 16px;
    background: #ffffff;
    box-shadow: 0px 4px 14px rgba(0, 0, 0, 0.07);
    border-radius: 8px;
}
@media screen and (max-width: 768px){
    body .container.main .signup-content form {
        width: 95%;
    }
}

body .container.main .signup-content form p {
    color: #333333;
    font-size: 20px;
    font-weight: 500;
    margin-bottom: 34px;
}

body .container.main .signup-content form input {
    border: none;
    background: rgba(218, 218, 218, 0.2);
    backdrop-filter: blur(34px);
    border-radius: 30px;
    padding: 15px 22px;
    margin-bottom: 18px;
    font-size: 14px;
}

body .container.main .signup-content form input::placeholder {
    color: #b8b8b8;
}

body .container.main .signup-content form input::-webkit-input-placeholder {
    /* Edge */
    color: #b8b8b8;
}

body .container.main .signup-content form input::-ms-input-placeholder {
    /* Internet Explorer 10-11 */
    color: #b8b8b8;
}

body .container.main .signup-content form :focus::-webkit-input-placeholder {
    color: transparent;
}

body .container.main .signup-content form :focus::-moz-placeholder {
    color: transparent;
}

body .container.main .signup-content form :focus:-moz-placeholder {
    color: transparent;
}

body .container.main .signup-content form :focus:-ms-input-placeholder {
    color: transparent;
}

body .container.main .signup-content form input:focus {
    outline-color: rgba(255, 255, 255, 0.863);
    outline-style: none;
    outline-width: thin;
}

body .container.main .signup-content form #register_button {
    margin-top: 14px;
    margin-bottom: 37px;
    color: white;
    font-size: 16px;
    font-weight: 400;
    width: 268px;
    height: 48px;
    background-color: #31b085;
    border-radius: 30px;
    margin-left: auto;
    margin-right: auto;
    border: none;
    text-align: center;
    cursor: pointer;
}

body .container.main .signup-content form button:hover {
    background-color: #3dd4a1;
}

body .container.main .signup-content form button:active {
    background-color: #31b085;
}

body .container.main .signup-content form button:focus {
    outline-color: rgba(255, 255, 255, 0.863);
    outline-style: none;
    outline-width: thin;
}

body .container.main .signup-content form a {
    color: #bdbdbd;
    font-size: 18px;
    font-weight: 500;
    margin-left: auto;
    margin-right: auto;
}

body .container.main .signup-content form a:hover {
    color: #31b085;
}

body .container.main .signup-content form .field {
    color: #828282;
    font-size: 14px;
    font-weight: 400;
    margin-top: 11px;
}

body .container.main .signup-content form .ui.radio.checkbox {
    margin-bottom: 22px;
    width: 100%;
    height: max-content;
    box-shadow: none;
}

body .container.main .signup-content form .ui.radio.checkbox label {
    color: #333333;
    font-size: 14px;
    font-weight: 400;
    padding-left: 32px;
}

body .container.main .signup-content form .ui.radio.checkbox label::before {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 20px;
    height: 20px;
    border: none;
    background: #f8fffc;
    border: 1px solid #31b085;
    box-sizing: border-box;
}

body .container.main .signup-content form .ui.radio.checkbox label::after {
    width: 20px;
    height: 20px;
    background: #31b085;
    left: 0px;
    top: 1px;
}

body .container.main .signup-content form .ui.radio.checkbox a {
    color: #31b085;
    font-size: 16px;
    font-weight: 400;
    text-decoration: underline;
    text-decoration-color: #31b085;
}

body .container.main .signup-content form .ui.radio.checkbox a:hover {
    text-decoration: none;
}

body .container.main .signup-content form .ui.radio.checkbox .checkbox {
    width: 20px;
    height: 20px;
    border: none;
    background: #f8fffc;
    border: 1px solid #31b085;
    box-sizing: border-box;
}

body .container form .errors {
    display: none;
}

body .container form .errors.active {
    display: block;
    border: none;
    background: rgba(218, 218, 218, 0.2);
    backdrop-filter: blur(34px);
    border-radius: 3px;
    padding: 15px 22px;
    margin-bottom: 18px;
    font-size: 10px;
}

body .container.main .signup-content form .errors p {
    color: red;
    font-size: 14px;
    margin-bottom: 8px;
}

body .container.main .signup-content .items .item {
    display: flex;
    align-items: center;
    background: #ffffff;
    box-shadow: 0px 4px 14px rgba(0, 0, 0, 0.07);
    border-radius: 8px;
    padding: 23px 53px 23px 34px;
    margin-bottom: 22px;
}

body .container.main .signup-content .items .item .text {
    margin-left: 19px;
}

body .container.main .signup-content .items .item .text .name {
    color: #000000;
    font-size: 18px;
    font-weight: 500;
    user-select: none;
}

body .container.main .signup-content .items .item .text a {
    color: #bdbdbd;
    font-size: 14px;
    font-weight: 500;
}

body .container.main .signup-content .items .item .text a::after {
    content: "";
    display: block;
    background: url(/assets/img/new_detail_arrow.svg) no-repeat;
    filter: grayscale(100%);
    width: 11px;
    height: 7px;
    margin-left: 72px;
    margin-top: -14px;
}

body .container.main .signup-content .items .item .count {
    margin-right: 0px;
    margin-left: auto;
    color: #e0e0e0;
    font-size: 20px;
    font-weight: 500;
}

body .container.main .signup-content .items .item:hover svg path {
    fill: #31b085;
}

body .container.main .signup-content .items .item:hover .text a {
    color: #31b085;
}

body .container.main .signup-content .items .item:hover .text a::after {
    content: "";
    display: block;
    background: url(/assets/img/new_detail_arrow.svg) no-repeat;
    filter: none;
    width: 11px;
    height: 7px;
    margin-left: 72px;
    margin-top: -14px;
}

body .container.main .signup-content .items .item:hover .count {
    color: #31b085;
}

@media screen and (max-width: 1199px) {
    body .left-bar .block {
        position: relative;
    }

    body .left-bar .block.filter .content {
        position: absolute;
        z-index: 10;
        background-color: white;
        box-shadow: 0px 4px 14px rgba(0, 0, 0, 0.07);
        width: 100%;
    }

    body .container.main .signin-menu .signup {
        margin-left: 0px;
    }

    body .container.main .signin-menu .item::after {
        width: 92%;
    }

    body .container.main .signin-content form button {
        /*width: 100%;*/
    }
}
@media screen and (max-width: 760px) {
    body .container.main .signin-content form button {
        width: 100%;
    }
    body .container.main .signup-content form #register_button {
        width: 100%;
    }
}
@media screen and (max-width: 660px) {
    body .container.main .signin-content form {
        width: 100%;
        margin-bottom: 38px;
    }

    body .container.main .signup-content form {
        width: 100%;
        margin-bottom: 38px;
    }
}

body .mobile-show {
    display: none;
}

body .product {
    min-height: 250px;
    padding-top: 32px;
    padding-bottom: 36px;
    padding-left: 4%;
    padding-right: 4%;
    max-width: 1441px;
}

body .content .product-content {
    position: relative;
}

/*
.icons-share-print {
    display: flex;
    width: 25%;
    justify-content: flex-end;
}
*/

.icons-share-print .icon {
    background: #ffffff;
    box-shadow: 0px 2px 13px rgba(0, 0, 0, 0.08);
    border-radius: 8px;
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

.icons-share-print .icon.active svg path {
    fill: #31b085;
}

.icons-share-print {
    z-index: 15;
    position: relative;
}


.icons-share-print .icon:hover:not(.not-hover) {
    transform: scale(1.05);
}

.icons-share-print .icon:hover:not(.not-hover) svg path {
    fill: #31b085;
}

.icons-share-print .print {
    margin-left: 22px;
}

body .content .product-content .photo {
    position: relative;
    margin-bottom: 117px;
}

body .content .product-content .photo .carousel {
    box-shadow: 0px 4px 13px rgba(0, 0, 0, 0.08);
    border-radius: 8px;
    display: flex;
    max-height: 425px;
    justify-content: start;
}

body .content .product-content .photo .carousel .carousel-item {
    height: 425px;
    position: relative;
    overflow: hidden;
    
    display: flex;
	align-items: center; }

body .content .product-content .photo .carousel .carousel-item img {
    width: 100%;
    //position: absolute;
    //top: 50%;
    //transform: translateY(-50%);
}

body .content .product-content .photo .carousel .mobile-not {
    display: block;
}

body .content .product-content .photo .carousel-control-next-icon {
    background-image: url("/assets/img/slider-arr-right.svg");
}

body .content .product-content .photo .carousel-control-prev-icon {
    background-image: url("/assets/img/slider-arr-left.svg");
}

body .content .product-content .photo ol.carousel-indicators {
    position: absolute;
    margin-left: 0px;
    width: 100%;
    display: flex;
    justify-content: left;
    margin-top: 18px;
    align-items: center;
    bottom: -120px;
}

body .content .product-content .photo ol.carousel-indicators li {
    display: block;
    width: 90px;
    height: 83px;
    box-shadow: 0px 4px 13px rgba(0, 0, 0, 0.08);
    border-radius: 8px;
    text-indent: 0px;
    overflow: hidden;
    border: none;
    opacity: 1;
}

body .content .product-content .photo ol.carousel-indicators li .img {
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    width: 100%;
    height: 100%;
}

body .content .product-content .photo ol.carousel-indicators li.active {
    border: 1px solid #31b08570;
    transform: scale(1.05);
}

body .content .product-content .description {
    padding: 20px 16px;
    background: #ffffff;
    box-shadow: 0px 4px 14px rgba(0, 0, 0, 0.07);
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
}

body .content .product-content .description .header_row {
    display: flex;
    justify-content: space-between;
    align-items: start;
}

body .content .product-content .description .header_row p {
    width: 388px;
    color: #333333;
    font-weight: 500;
    font-size: 18px;
    margin-bottom: 0px;
}

body .content .product-content .description .header_row img {
    max-width: 100%;
    max-height: 66px;
}

body .content .product-content .description .article {
    color: #333333;
    font-size: 14px;
    font-weight: 400;
    margin-top: 8px;
    margin-bottom: 29px;
}

body .content .product-content .description .price_row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 47px;
    margin-top: 10px;
}

body .content .product-content .description .price_row .icons {
    display: flex;
    margin-bottom: 0px;
}

body .content .product-content .description .price_row .icons .icon {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 40px;
    height: 40px;
    background: #ffffff;
    box-shadow: 0px 2px 13px rgba(0, 0, 0, 0.08);
    border-radius: 8px;
    cursor: pointer;
}

body .content .product-content .description .price_row .icons .mobile-show {
    display: none;
}

body .content .product-content .description .price_row .icons .icon.active svg path {
    fill: #31b085;
}

body .content .product-content .description .price_row .icons .icon:hover:not(.not-hover) {
    transform: scale(1.05);
}

body .content .product-content .description .price_row .icons .icon:hover:not(.not-hover) svg path {
    fill: #31b085;
}

body .content .product-content .description .price_row .icons .like {
    margin-right: 22px;
}

body .content .product-content .description .price_row .price {
    display: flex;
    justify-content: flex-end;
    align-items: flex-end;
}

body .content .product-content .description .price_row .price .old {
    text-decoration-line: line-through;
    font-size: 16px;
    color: #4f4f4f;
    font-weight: 400;
    margin-right: 10px;
}

body .content .product-content .description .price_row .price .current {
    font-size: 29px;
    color: #000000;
    font-weight: 500;
}

body .content .product-content .description .card_row {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

body .content .product-content .description .card_row .left {
    display: flex;
    width: 50%;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: space-between;
}

body .content .product-content .description input {
    border: none;
    background: #f8f8f8;
    border-radius: 50px;
    padding: 15px 44px;
    width: 93%;
    color: #8b8b8b;
    font-size: 14px;
    font-weight: 400;
    max-width: 220px;
}

@media screen and (max-width: 1199px) {
    body .content .product-content .description input {
        width: 93%;
        /*min-width: 220px;*/
    }
}

body .content .product-content .description .input_phone {
    position: relative;
    margin-top: 15px;
    display: block;
}

body .content .product-content .description .input_phone::before {
    content: url("/assets/img/call-answer.svg");
    width: 19px;
    height: 19px;
    position: absolute;
    left: 16px;
    top: 15px;
}

body .content .product-content .description input::placeholder {
    color: #8b8b8b;
}

body .content .product-content .description input::-webkit-input-placeholder {
    /* Edge */
    color: #8b8b8b;
}

body .content .product-content .description input::-ms-input-placeholder {
    /* Internet Explorer 10-11 */
    color: #8b8b8b;
}

body .content .product-content .description input:focus::-webkit-input-placeholder {
    color: transparent;
}

body .content .product-content .description input:focus::-moz-placeholder {
    color: transparent;
}

body .content .product-content .description input:focus:-moz-placeholder {
    color: transparent;
}

body .content .product-content .description input:focus:-ms-input-placeholder {
    color: transparent;
}

body .content .product-content .description input:focus {
    outline-color: rgba(255, 255, 255, 0.863);
    outline-style: none;
    outline-width: thin;
}

body .content .product-content .description .card_row .left.active .calculate .count {
    color: #31b085;
    padding: 6px 6px;
    background: white;
    border-radius: 0;
    width: 50%;
}

body .content .product-content .description .card_row .left.active .sum_container .sum {
    color: #31b085;
    white-space: nowrap;
}

body .content .product-content .description .card_row .amount {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

body .content .product-content .description .card_row .amount p {
    color: #b4b4b4;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 600;
}

body .content .product-content .description .card_row .amount .incard {
    display: flex;
}

body .content .product-content .description .card_row .amount .incard p {
    color: #333333;
    font-size: 14px;
    text-transform: uppercase;
    font-weight: 600;
}

body .content .product-content .description .card_row .amount .incard .green {
    color: #31b085;
    margin-left: 7px;
}

body .content .product-content .description .card_row .amount .calculate {
    display: flex;
    width: 132px;
    height: 32px;
    justify-content: space-between;
    align-items: center;
    background: #ffffff;
    box-shadow: 0px 2px 7px rgba(0, 0, 0, 0.15);
    border-radius: 50px;
}

body .content .product-content .description .card_row .amount .calculate .minus {
    padding-bottom: 2px;
}

body .content .product-content .description .card_row .amount .calculate .count {
    margin-bottom: 0px;
    font-size: 14px;
    color: #bdbdbd;
    height: max-content;
    text-align: center;
    font-weight: 500;
    padding: 6px 6px;
    background: white;
    border-radius: 0;
    width: 50%;
}

body .content .product-content .description .card_row .amount .calculate .push {
    display: flex;
    align-items: center;
    justify-content: center;
    background: #f1fcfa;
    width: 32px;
    height: 32px;
    border-radius: 40px;
    color: #9cc4be;
    font-size: 30px;
    user-select: none;
}

body .content .product-content .description .card_row .amount .calculate .push:hover {
    background: #e6f1ec;
}

body .content .product-content .description .card_row .amount .calculate .push:active {
    transform: scale(1.05);
}

body .content .product-content .description .card_row .sum_container {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    width: 40%;
}

body .content .product-content .description .card_row .sum_container p {
    color: #b4b4b4;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 600;
}

body .content .product-content .description .card_row .sum_container .sum {
    margin-top: 5px;
    color: #e0e0e0;
    font-weight: 500;
    font-size: 20px;
    margin-bottom: 5px;
}

body .content .product-content .description .card_row .buttons {
    display: flex;
    flex-direction: column;
    align-items: center;
}

body .content .product-content .description .card_row .buttons .addtocard {
    color: white;
    font-size: 16px;
    font-weight: 400;
    width: 216px;
    height: 48px;
    background-color: #31b085;
    border-radius: 30px;
    /*margin-bottom: 16px;*/
    border: none;
    text-align: center;
    margin-top: 24px;
    cursor: pointer;
    display: block;
    margin-right: 0;
    margin-left: auto;
}

body .content .product-content .description .card_row .buttons .addtocard:hover {
    background-color: #3dd4a1;
}

body .content .product-content .description .card_row .buttons .addtocard:active {
    background-color: #31b085;
}

body .content .product-content .description .byoneclick {
    color: #31b085;
    font-size: 16px;
    font-weight: 400;
    width: 216px;
    height: 48px;
    background-color: #ffffff;
    border-radius: 30px;
    border: 1px solid #31b085;
    text-align: center;
    margin-top: 16px;
    margin-left: auto;
    margin-right: 0;
    display: block;
    cursor: pointer;
}

body .content .product-content button:focus {
    outline: none;
}

body .content .product-content .description .byoneclick:hover {
    border: 1px solid #3dd4a1;
    color: #3dd4a1;
}

body .content .product-content .description .byoneclick:active {
    border: 1px solid #31b085;
    color: #31b085;
}

body .content .product-content .description .card_row .buttons button:focus {
    outline-color: rgba(255, 255, 255, 0.863);
    outline-style: none;
    outline-width: thin;
}

body .content .product-content .description .h2o_not_popup .credit {
    margin-top: 18px;
    color: #737373;
    font-size: 12px;
    font-weight: 400;
    margin-left: auto;
    width: max-content;
    margin-right: auto;
}

body .content .product-content .description .card_row .buttons button.disabled {
    width: 216px;
    height: 48px;
    background: #efefef;
    color: #bdbdbd;
    border-radius: 30px;
    border: none;
    font-size: 16px;
    font-weight: 400;
    cursor: default;
}

body .content .product-content .description .card_row .buttons button.disabled:hover {
    height: 48px;
    background: #efefef;
    color: #bdbdbd;
    border-radius: 30px;
    border: none;
    font-size: 16px;
    font-weight: 400;
}

body .content .product-content .description .card_row .buttons button.disabled:active {
    height: 48px;
    background: #efefef;
    color: #bdbdbd;
    border-radius: 30px;
    border: none;
    font-size: 16px;
    font-weight: 400;
}

body .content .product-content .border_row {
    border: none;
    width: 100% !important;
    height: 1px !important;
    background: #ececec !important;
}

body .content .product-content .review {
    padding: 20px 16px;
    background: #ffffff;
    box-shadow: 0px 4px 14px rgba(0, 0, 0, 0.07);
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
    display: flex;
    justify-content: space-between;
}

body .content .product-content .review .left ._row {
    display: flex;
    align-items: center;
    height: 26px;
    margin-bottom: 32px;
}

body .content .product-content .review .left ._row p {
    width: 73px;
    color: #b4b4b4;
    margin-right: 25px;
    margin-bottom: 0px;
    font-size: 14px;
    font-weight: 600;
    text-transform: uppercase;
}

body .content .product-content .review .left ._row p.article {
    width: max-content;
    color: #333333;
    font-weight: 500;
    font-size: 14px;
}

body .content .product-content .review .left ._row .country {
    display: flex;
    align-items: flex-start;
}

body .content .product-content .review .left ._row .country p {
    width: max-content;
    color: #333333;
    font-weight: 500;
    margin-top: 2px;
}

body .content .product-content .review .left ._row .country img {
    height: 24px;
    margin-right: 8px;
}

body .content .product-content .review .right {
    width: 40%;
}

body .content .product-content .review .right p {
    color: #b4b4b4;
    margin-bottom: 0px;
    font-size: 14px;
    font-weight: 600;
    text-transform: uppercase;
}

body .content .product-content .review .right .delivery {
    margin-top: 5px;
}

body .content .product-content .review .right .pickup {
    margin-top: 35px;
}

body .content .product-content .review .right .right_row {
    display: flex;
    align-items: center;
    margin-top: 9px;
}

body .content .product-content .review .right .right_row img {
    height: 21px;
}

body .content .product-content .review .right .right_row p {
    color: #333333;
    font-weight: 500;
    font-size: 16px;
    text-decoration: none;
    text-transform: none;
    margin-left: 9px;
}

body .content .product-content .review .right .right_row p.green {
    font-weight: 500;
    font-size: 16px;
    color: #31b085;
}

body .content .product-content .info {
    border: none;
    position: relative;
    font-family: "Montserrat" !important;
}

body .content .product-content .info a.item:first-child {
    border-radius: 8px !important;
}

body .content .product-content .info .item {
    z-index: 10;
    border: none;
    background: #f8f8f8;
    border-radius: 8px !important;
    font-size: 16px;
    color: #828282;
    font-weight: 400;
    margin-left: 12px;
}

body .content .product-content .info .item.active {
    z-index: 10;
    border: none;
    background: #f8f8f8;
    border-radius: 8px !important;
    font-size: 16px;
    background: #eff9f5;
    color: #6faf96;
    font-weight: 400;
    margin-left: 12px;
}

body .content .product-content .info .item:hover {
    z-index: 10;
    border: none;
    background: #eff9f5;
    border-radius: 8px;
    font-size: 16px;
    color: #6faf96;
    font-weight: 400;
    margin-left: 12px;
    /*transform: scale(1.03);*/
}

body .content .product-content .tab.segment {
    font-family: "Montserrat" !important;
    padding-top: 37px;
    padding-left: 0px;
    padding-right: 0px;
    z-index: 9;
    margin-top: -18px !important;
    border: none;
    border-top: none;
    background: #ffffff;
    box-shadow: 0px 4px 14px rgba(0, 0, 0, 0.07);
    border-radius: 8px;
}

body .content .product-content .tab.segment p {
    font-weight: 500;
    font-size: 16px;
    color: #333333;
    margin-bottom: 12px;
    margin-left: 16px;
}

body .content .product-content .tab.segment p.oblast {
    font-weight: 600;
    font-size: 14px;
    text-transform: uppercase;
    color: #b4b4b4;
    margin-top: 23px;
    margin-bottom: 17px;
}

body .content .product-content .tab.segment .char-row {
    display: flex;
    align-items: center;
    height: 50px;
    width: 100%;
    background: #ffffff;
}

body .content .product-content .tab.segment .char-row .name {
    color: #b4b4b4;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 600;
    margin-bottom: 0px;
    width: 23%;
}

body .content .product-content .tab.segment .char-row .value {
    font-weight: 500;
    font-size: 16px;
    color: #333333;
    margin-bottom: 0px;
}

body .content .product-content .tab.segment .char-row.green {
    background: #f7fbf9;
}

body .content .product-content .characteristics {
    padding-bottom: 0px;
}

body .content .product-content .docs {
    padding-left: 16px !important;
    padding-right: 16px !important;
}

body .content .product-content .tab.segment.active {
    margin-top: -18px;
    border: none;
}

body .content .product-content .slider {
    width: 100%;
}

body .content .product-content .slider .carousel .slick-track:focus {
    border: none;
}

body .content .product-content .slider .carousel .slick-slide {
    outline: none;
}

body .content .product-content .slider .carousel .item {
    width: 315px !important;
    background: #ffffff;
    box-shadow: 0px 4px 14px rgba(0, 0, 0, 0.03);
    border-radius: 8px;
    margin-right: 30px;
}

body .content .product-content .slider .carousel .item .image {
    width: 100%;
    height: 146px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    position: relative;
}

body .content .product-content .slider .carousel .item .image .icons {
    position: absolute;
    right: 3px;
    bottom: 15px;
}

body .content .product-content .slider .carousel .item .image .icons svg {
    margin-right: 10px;
}

body .content .product-content .slider .carousel .item .image .icons svg.active path {
    fill: #31b085;
}
@media screen and (max-width: 660px) {
    /*body .content .product-content .slider .carousel .item .image .icons svg path {*/
    /*    pointer-events: none;*/
    /*}*/
    /*body .content .element .header .mobile-like-libra .brand-catalog-like:hover {*/
    /*    pointer-events: none;*/
    /*}*/
    /*body .content .element .header .mobile-like-libra .brand-catalog-like {*/
    /*    pointer-events: unset;*/
    /*}*/
}
body .content .product-content .slider .carousel .item .text {
    padding-left: 11px;
    margin-right: 11px;
    padding-bottom: 16px;
}

body .content .product-content .slider .carousel .item .text p {
    font-weight: 500;
    font-size: 16px;
    color: #333333;
    margin-bottom: 16px;
    margin-top: 16px;
}

body .content .product-content .slider .carousel .item .text a {
    border: none;
    font-size: 14px;
    line-height: 17px;
    text-decoration: none;
    color: #31b085;
    width: auto;
    outline: none;
}

body .content .product-content .slider .carousel .item .text a::after {
    content: "";
    display: block;
    background: url(/assets/img/new_detail_arrow.svg) no-repeat;
    width: 11px;
    height: 7px;
    margin-left: 139px;
    margin-top: -14px;
}

body .content .product-content .slider .carousel .item .text a:hover {
    color: #3dd4a1;
}

body .content .product-content .slider .carousel .item .text a::after:hover {
    color: #3dd4a1;
}

@media screen and (max-width: 1199px) {
    body .mobile-show {
        display: flex;
    }

    /*
    .icons-share-print {
        display: none;
    }
    */
}

@media screen and (max-width: 1199px) and (max-width: 990px) {
    body .content .product-content .description .card_row .left {
        width: 42%;
    }
}

@media screen and (max-width: 1199px) {
    body .content .product-content .description .card_row .left .amount {
        width: 100%;
    }

    body .content .product-content .description .input_phone {
        margin-top: 20px;
        position: absolute;
        right: 1.5%;
        z-index: 10;
    }

    body .content .product-content .description .card_row .left .sum_container {
        width: 100%;
        margin-top: 23px;
    }

    body .content .product-content .description .card_row .buttons {
        width: 50%;
    }

    body .content .product-content .description .card_row .buttons button {
        width: 100%;
    }

    body .content .product-content .description .card_row .buttons .addtocard {

    }

    @media screen and (max-width: 575px) {
        body .content .product-content .description .card_row .buttons .addtocard {

        }
    }
    body .content .product-content .description .byoneclick {
        width: 216px;
        top: -66px;
        position: relative;
        max-width: 216px;
        margin-right: 0;
    }

    body .content .product-content .description .price_row {
        flex-wrap: wrap;
    }

    body .content .product-content .description .price_row .icons {
        width: 100%;
        margin-bottom: 30px;
    }

    body .content .product-content .description .price_row .icons .icon {
        margin-left: 0px;
        margin-right: 0px;
        margin-right: 20px;
    }

    body .content .product-content .description .price_row .icons .mobile-show {
        display: flex;
    }

    body .content .product-content .description .price_row .price {
        width: 100%;
    }

    body .content .product-content .description .price_row .price a {
        width: max-content;
        margin-right: auto;
        margin-left: 0px;
    }
}

@media screen and (max-width: 1199px) and (max-width: 990px) {
    body .content .product-content .photo .carousel {
        height: 201px;
    }
}

@media screen and (max-width: 1199px) and (max-width: 990px) {
    body .content .product-content .photo .carousel .carousel-item {
        height: 201px;
    }
}

@media screen and (max-width: 1199px) {
    body .content .product-content .photo ol.carousel-indicators {
        justify-content: center;
    }

    body .content .product-content .photo ol.carousel-indicators li {
        height: 67px;
    }
}

@media screen and (max-width: 1199px) and (max-width: 990px) {
    body .content .product-content .photo ol.carousel-indicators .mobile-not {
        display: none;
    }
}

@media screen and (max-width: 660px) {
    body .mobile-show {
        display: flex;
    }

    body .content .product-content .description .header_row a {
        display: none;
    }

    body .content .product-content .description .price_row {
        flex-wrap: wrap;
    }

    body .content .product-content .description .price_row .icons {
        width: 100%;
        margin-bottom: 30px;
    }

    body .content .product-content .description .price_row .icons .icon {
        margin-left: 0px;
        margin-right: 0px;
        margin-right: 20px;
    }

    body .content .product-content .description .price_row .icons .mobile-show {
        display: flex;
    }

    body .content .product-content .description .price_row .price {
        width: 100%;
    }

    body .content .product-content .description .price_row .price a {
        width: max-content;
        margin-right: auto;
        margin-left: 0px;
    }

    body .content .product-content .description .card_row .left {
        width: 100%;
        flex-direction: row;
        margin-bottom: 44px;
    }

    body .content .product-content .description .card_row .left .amount {
        width: 50%;
    }

    body .content .product-content .description .card_row .left .sum_container {
        width: max-content;
        margin-top: 0px;
        margin-right: 3%;
    }

    body .content .product-content .description .card_row .buttons {
        width: 100%;
    }

    body .content .product-content .description .card_row .buttons button {
        max-width: 286px;
    }

    body .content .product-content .photo ol.carousel-indicators {
        justify-content: center;
    }

    body .content .product-content .review {
        flex-wrap: wrap;
    }

    body .content .product-content .review .column {
        width: 100%;
    }

    body .content .product-content .review .column.right .delivery {
        display: flex;
    }

    body .content .product-content .review .column.right .delivery .right_row {
        margin-top: 0px;
        margin-left: 4%;
    }

    body .content .product-content .review .column.right .pickup {
        display: flex;
    }

    body .content .product-content .review .column.right .pickup .right_row {
        margin-left: 4%;
        margin-top: 0px;
    }

    body .content .product-content .info {
        display: flex;
        flex-wrap: wrap;
    }

    body .content .product-content .info a {
        margin-bottom: 20px;
        height: max-content;
    }

    body .content .product-content .info .item.active {
        margin-bottom: 20px;
        height: max-content;
    }

    body .content .product-content .info a:last-child {
        margin-bottom: 30px;
    }

    body .content .product-content .tab.segment {
        padding-bottom: 22px;
    }

    body .content .product-content .tab.segment .char-row {
        display: flex;
        flex-direction: column;
        justify-content: start;
        align-items: flex-start;
        height: auto;
        margin-bottom: 22px;
    }

    body .content .product-content .tab.segment .char-row .name {
        width: max-content;
        margin-bottom: 6px;
    }

    body .content .product-content .tab.segment .char-row.green {
        background: #ffffff;
    }
}

@media screen and (max-width: 330px) {
    body .container.main .signin-menu {
        display: flex;
        flex-wrap: wrap;
        -webkit-flex: 1 1 auto;
    }

    body .container.main .signin-menu .item {
        width: 100% !important;
        margin-top: 15px;
    }

    body .container.main .signin-menu .signup.active {
        margin-left: 0px;
    }
}

.color .error {
    color: #ff1212d9;
    margin-left: 24px;
    position: absolute;
    top: 25px;
    font-family: "Montserrat";
    font-weight: 600;
    display: none;
}

@media screen and (max-width: 1199px) {
    .color .error {
        top: 54px;
    }
}

.success_email {
    color: white;
    font-weight: 400;
    font-size: 24px;
    display: none;
}

#slider #bx_incl_area_7_1 {
    margin-top: -15px;
}

.brand-filter-close {
    background: #FFFFFF;
    box-shadow: 0px 2px 7px rgba(0, 0, 0, 0.15);
    border-radius: 50px;
    width: 84px;
    height: 32px;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    margin-top: 22px;
    display: none;
}

.brand-filter-close .clear {
    position: absolute;
    background: #FFFFFF;
    border: 2px solid #C7DBD4;
    box-sizing: border-box;
    transform: matrix(-1, 0, 0, 1, 0, 0);
    width: 23.12px;
    height: 23.12px;
    border-radius: 50px;
    right: 5px;
    font-size: 31.1px;
    color: #C7DBD4;
    cursor: pointer;
}

.brand-filter-close p {
    margin-bottom: 0px;
    margin-right: 0px;
    font-size: 14px;
    line-height: 194.4%;
    letter-spacing: 0.51em;
    text-transform: uppercase;
    color: #31B085;
}

.block.filter .select {
    width: 100%;
}

.scrollbar-inner > .scroll-element .scroll-bar {
    background: #31B085;
    border-radius: 10px;
    opacity: 1;
}

.scrollbar-inner > .scroll-element:hover .scroll-bar {
    background: #31B085;
    border-radius: 10px;
    opacity: 1;
}

.scrollbar-inner > .scroll-element.scroll-draggable .scroll-bar {
    background: #31B085;
    border-radius: 10px;
    opacity: 1;
}

.scrollbar-inner > .scroll-element.scroll-y {
    display: none !important;
}

.scroll-wrapper > .scroll-content {
    overflow: hidden !important;
}

body .left-bar ul.main_brand.mobile {
    box-shadow: none;
    width: 106%;
    margin-left: -3%;
}

body .content .element .header .img img {
    max-height: 100%;
    max-width: 100%;
}

@supports (-moz-appearance:none)
    and (word-spacing:100%) {
    body .cat-catalog-row .element
    .greennav::after {
        content: '';
        position: absolute;
        left: 0px;
        top: 0;
        height: 100%;
        width: 100%;
        /*filter: blur(14px);*/
        background-color: rgba(30, 138, 99, 0.75);
    }

    body header .greennav .flex_wrapper {
        position: relative;
        z-index: 1;
    }

    body header .greennav {
        overflow: hidden;
    }
}

@media all and (-ms-high-contrast: none) {
    .greennav::after {
        content: '';
        position: absolute;
        left: 0px;
        top: 0;
        height: 100%;
        width: 100%;
        /*filter: blur(14px);*/
        background-color: rgba(30, 138, 99, 0.75);
    }

    body header .greennav .flex_wrapper {
        position: relative;
        z-index: 1;
    }

    body header .greennav {
        overflow: hidden;
    }

    *::-ms-backdrop, .greennav::after {
        content: '';
        position: absolute;
        left: 0px;
        top: 0;
        height: 100%;
        width: 100%;
        /*filter: blur(14px);*/
        background-color: rgba(30, 138, 99, 0.75);
    }

    *::-ms-backdrop, body header .greennav .flex_wrapper {
        position: relative;
        z-index: 1;
    }

    *::-ms-backdrop, body header .greennav {
        overflow: hidden;
    }

}

body .cat-catalog-row {
    height: max-content;
    max-width: 1441px;
    margin-top: 0px;
    padding-left: 2.3%;
    padding-right: 0%;
}

.element .additional .hide_detail {
    font-size: 14px;
    line-height: 17px;
    text-decoration: none;
    color: #31b085;
    width: auto;
}

.element .additional .hide_detail:hover {
    color: #3dd4a1;
}

body .content .element .additional a {
    width: max-content;
    display: inline;
    cursor: pointer;
    margin-bottom: 11px;
    font-size: 14px;
    font-weight: 400;
}

body .content .element .additional a img {
    margin-right: 8px;
}

body .content .element .additional_text {
    margin-top: 20px;
    padding-left: 18px;
    padding-right: 40px;
    font-size: 14px;
    line-height: 17px;
    color: #333333;
    font-weight: 400;
    display: none;
}
@media(max-width: 660px){
    body .content .element .additional_text {
        margin-top: 17px;
    }
}

body .content .element .additional {
    display: none;
    padding-left: 18px;
    padding-right: 40px;
}

body .content .element .additional .docs {
    margin-bottom: 8px;
    display: flex;
    flex-direction: column;
}

.cat-catalog-row .owl-prev {
    position: absolute;
    top: -76px;
    left: -39px;
}

.cat-catalog-row .owl-next {
    position: absolute;
    top: -76px;
    right: -39px;
}

.cat-catalog-row .owl-nav {
    position: relative;
}

.cat-catalog-row .owl-nav i {
    font-size: 33px;
    color: #31b085;
    width: max-content;
    margin-left: auto;
    margin-top: -30%;
    cursor: pointer;
}

.cat-catalog-row .owl-nav button:focus {
    outline: none;
}

.cat-catalog-row .owl-stage-outer {

}

body .cat-catalog-row {
    padding-left: 1%;
    padding-right: 1%;
}

.cat-catalog-row .owl-carousel {
    width: 94%;
    margin-left: auto;
    margin-right: auto;
}

body .content .product-content .review ._row img {
    max-width: 75px;
    max-height: 60px;
}

body .content .product-content .review .left ._row .country .country_wrapper {
    overflow: hidden;
    margin-right: 9px;
    border-radius: 40px;
    max-width: 24px;
    max-height: 24px;
}

h3.name_like {
    font-weight: 500;
    font-size: 24px;
    line-height: 29px;
    margin-top: 32px;
    margin-bottom: 24px;
    color: #000000;
}

.table table th:first-child {
    min-width: 162px;

}

@media screen and (max-width: 725px) {
    .table table th:first-child {
        min-width: auto;
    }
}

.hide {
    visibility: hidden;
}

@media screen and (max-width: 835px) {
    body .content .product-content .description .byoneclick {
        position: absolute;
        right: 1.5vw;
    }

    body .content .product-content .description .card_row .buttons button {
        margin-right: 0vw;
    }

    body .content .product-content .description .h2o_not_popup .credit {
        margin-top: 89px;
    }

    body .content .product-content .description .input_phone {
        margin-top: 20px;
        position: absolute;
        /* right: -57%; */
        min-width: 248px;
        right: -1vw;
    }
}

@media screen and (max-width: 804px) {
    body .content .product-content .description .byoneclick {
        position: absolute;
        right: -0.5vw;
    }

    body .content .product-content .description .card_row .buttons button {
        margin-right: 0vw;
    }

    body .content .product-content .description .h2o_not_popup .credit {
        margin-top: 89px;
    }

    body .content .product-content .description .input_phone {
        margin-top: 20px;
        position: absolute;
        /* right: -57%; */
        min-width: 248px;
        right: -2vw;
    }
}

@media screen and (max-width: 745px) {
    body .content .product-content .description .card_row .buttons button {
        margin-right: 2vw;
    }
}

@media screen and (max-width: 690px) {
    body .content .product-content .description .card_row .buttons button {
        margin-right: 4vw;
    }
}

.v_credit {
    width: 235px;
    margin-left: auto;
    margin-right: 0;
    text-align: center;
}

@media screen and (max-width: 660px) {
    body .content .product-content .description .byoneclick {
        position: inherit;
        top: 5px;
        margin-left: auto;
        margin-right: auto;
        right: -2%;
    }

    body .content .product-content .description .card_row .buttons button {
        margin-right: auto;
        margin-left: auto;
        display: block;
        width: 216px;

    }

    body .content .product-content .description .h2o_not_popup .credit {
        margin-top: 89px;
    }

    body .content .product-content .description .input_phone input {
        margin-left: 0;
        margin-right: 0;
        display: block;
        position: relative;
        right: 0;
    }

    body .content .product-content .description .input_phone {
        margin-top: 20px;
        position: relative;
        /* right: -57%; */
        min-width: 248px;
        margin-left: auto;
        margin-right: auto;
    }

    body .content .product-content .description .card_row .buttons {
        margin-left: auto;
        margin-right: auto;
    }

    body .content .product-content .description .input_phone::before {
        z-index: 1;
    }

    .v_credit {
        width: 100%;
        margin-left: auto;
        margin-right: 0;
    }

    body .content .product-content .description .h2o_not_popup .credit {
        margin-top: 21px;
    }
}

.copy-link {
    margin-top: 19px;
    display: flex;
}

.copy-link input {
    border: 1px solid rgba(0, 0, 0, 0.12);
    padding: 11px 11px;
    border-radius: 4px;
    font-size: 12px;
}

.copy-link button {
    border: 1px solid #d8d8d8;
    padding: 11px 11px;
    border-radius: 4px;
    font-size: 12px;
    margin-left: 6px;
}

body .content .product-content .description .copy-link input {
    border: 1px solid #d8d8d8;
    padding: 11px 11px;
    border-radius: 4px;
    font-size: 12px;
}

body .content .product-content .description .copy-link button {
    border: 1px solid #d8d8d8;
    padding: 11px 11px;
    border-radius: 4px;
    font-size: 12px;
    margin-left: 6px;
}

.copy-link button:active {
    transform: scale(1.02);
}

.copy-link button:focus {
    outline: none
}

.copy-link input::selection {
    color: white;
    background-color: #0B66C3;
}

.copy-link input:focus {
    outline: none
}

.share-popup {
    display: none;
    right: 0;
    margin-top: 52px;
    position: absolute;
    flex-direction: column;
    width: max-content;
    justify-content: center;
    align-items: center;
    background-color: white;
    padding: 20px;
    box-shadow: 0px 2px 13px rgba(0, 0, 0, 0.08);
    z-index: 1;
}

.share-popup:hover {
    transform: scale(1);
}

.share-popup.active {
    display: flex !important;
}

.table table tr td.addtocart .basket img {
    width: 13px;
}

.table table tr td a {
    font-style: 14px;
    font-weight: 400;
}

@media screen and (min-width: 660px) {
    .min-91 {
        display: none;
        min-height: 91px;
    }
}

@media screen and (max-width: 660px) {
    .min-91 {
        display: block;
        min-height: 91px;
    }
}

.min-139 {
    min-height: 139px;
}

.form-message .errortext {
    display: block;
    border: none !important;
    background: rgba(218, 218, 218, 0.2);
    backdrop-filter: blur(34px);
    border-radius: 3px !important;
    padding: 15px 22px;
    margin-bottom: 18px;
}

input:invalid {
    box-shadow: none;
}

body .greennav .like {
    position: relative;
    background-image: url(/assets/img/like.svg);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    width: 20px;
    height: 24px;
    /*margin-left: auto;*/
    margin-right: 40px;
    margin-top: 2px;
}

body .greennav .libra .icon_count {
    top: 10px;
}
body .greennav .like {
    margin-bottom: 0 !important;
    margin-top: 3px;
}
@media screen and (min-width: 655px) and (max-width: 720px){
    body .mobile_basket .icon_count {
        top: 8px;
      }
}
@media screen and (max-width: 1199px) {
    body .greennav .like {
        position: relative;
        background-image: url(/assets/img/like.svg);
        background-repeat: no-repeat;
        background-size: contain;
        background-position: center;
        /*width: 1.5vw;*/
        height: 16px;
        min-width: 16px;
        min-height: 16px;
        margin-left: auto;
        margin-right: 15px;
        margin-bottom: 3px;
    }

}

@media screen and (max-width: 660px) {
    body .greennav .like {
        width: 29px;
        height: 22px;
        min-width: 29px;
        min-height: 22px;
    }

    body .like {
        height: 2.3vw;
        margin-bottom: 2px;
    }
}

body .container.main .signup-content form #register_button:hover {
    background-color: #3dd4a1;
}

body .container.main .signup-content form #register_button:active {
    background-color: #31b085;
}

body header .whitenav .phone_block .phones a:hover {
    color: #31b085;
}

@media screen and (max-width: 855px) {
    body .content .product-content .description .card_row .buttons .addtocard {
        margin-left: 0;
    }
}

.greennav_link {
    text-decoration: none !important;
}

body, html {
    height: auto;
    width: auto;
}

.body_scroll_off {
    overflow: hidden;
}

display-none {
    display: none !important;
}

.new > div {
    width: max-content;
}

@media screen and (max-width: 660px) {
    body .content .product-content .photo .carousel .carousel-item img {
        width: auto;
        position: unset;
        top: 0;
        transform: none;
        height: 100%;
        display: block;
        margin-left: auto;
        margin-right: auto;
    }

    body .content .element .header .description .icons i {
        margin-right: auto;
    }
}

.mobile_basket {
    background-image: url('/assets/img/shop-card-mobile.svg');
    height: 21px;
    width: 25px;
    position: relative;
    background-size: contain;
    background-repeat: no-repeat;
}

.shop-card-mobile {
    margin-top: 3px;
}

.cart-quick__field {
    z-index: 100;
}

.cart-quick__button, .saved-draft__button, .button_modificate {
    color: white !important;
    text-decoration: unset !important;
}

.cart-product__buttons {
    display: flex;
    align-items: center;
    justify-content: center;
}

.basket-item-price-old .basket-item-price-old-text {
    text-decoration-line: line-through;
    font-size: 14px;
}

a:hover, a:focus {
    color: black;
    outline: unset;
    text-decoration: none;
}

.min-w-24 {
    min-width: 22.5%;
}

.item p.go_to {
    color: #bdbdbd;
    font-size: 14px;
    font-weight: 500;
}

.item p.go_to::after {
    content: "";
    display: block;
    background: url(/assets/img/new_detail_arrow.svg) no-repeat;
    filter: grayscale(100%);
    width: 11px;
    height: 7px;
    margin-left: 72px;
    margin-top: -14px;
}

.item:hover p.go_to {
    color: #31b085;
}

.item:hover {
    cursor: pointer;
}

.item:hover p.go_to::after {
    filter: none;
}

.mb-103 {
    margin-bottom: 103px;
}

.mb-100 {
    margin-bottom: 100px;
}

.new.block .switch {
    display: block;
    border-radius: 44px;
    padding: 0px 10px;
    margin-left: 10px;
    margin-top: -4px;
    width: 30px;
    height: 30px;
    align-items: center;
    justify-content: center;
    background: #ffffff;
    border: 2px solid #c7dbd4;
    box-sizing: border-box;
    cursor: pointer;
}

.new.block .switch .fa-angle-down {
    text-align: center;
    color: #c7dbd4;
    margin-left: -6.5px;
    font-size: 30px;
    margin-top: -1px;
}

.new.block .switch .fa-angle-up {
    text-align: center;
    color: #c7dbd4;
    margin-left: -6.5px;
    font-size: 30px;
    margin-top: -4px;
}

.cart-links__item:hover .cart-links__value {
    color: #3DD5A1;
}

.cart-links__item:hover .icons_disk {
    color: #3DD5A1;
    background-image: url(/assets/img/disk-icon-hover.svg);
}

.cart-links__item:hover .icons_print {
    color: #3DD5A1;
    background-image: url(/assets/img/print-icon-hover.svg);
}

.cart-links__item:hover .icons_box-light {
    color: #3DD5A1;
    background-image: url(/assets/img/box-light-hover.svg);
}

.cart-product__button_save:hover {
    background-color: #7a8cec !important;
    box-shadow: 0px 8px 44px rgba(112 134 173 / 59%) !important;
}

.detail_doc:hover {
    color: #31b085;
}

.detail_doc img {
    margin-right: 7px;
}

@media print {
    /* здесь будут стили для печати */
    .icons-share-print {
        display: none;
    }
}

* {
    -webkit-print-color-adjust: exact !important; /* Chrome, Safari */
    color-adjust: exact !important; /*Firefox*/
}

.error_page {
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
    margin-bottom: 187px;
    padding-top: 30px;
}

.error_page p {
    max-width: 660px;
    font-weight: 500;
    font-size: 16px;
    line-height: 30px;
    text-align: center;
    color: black;
    margin-top: 34px;
}

body footer .cocials i {
    background-color: rgba(49, 176, 133, 0.3);
}

@media screen and (min-width: 660px) and (max-width: 1199px) {
    body header .greennav .flex_wrapper {
        padding-top: 14px;
        padding-bottom: 13px;
    }
}

@media screen and (max-width: 720px) {
    .greennav_link {
        display: none !important;
    }

    .shop-card-mobile {
        display: block !important;
    }

    body header .greennav .flex .search {
        display: none !important;
    }

    .search-mobile {
        display: block !important;
    }

    .city {
        display: none !important;
    }

    body .burger-menu label p {
        display: none !important;
    }

    .user-col {
        display: block !important;
    }

    body .burger-menu label {
        display: flex;
        justify-content: center;
        align-items: center;
        font-weight: 500;
        font-size: 15px;
        color: #ffffff;
        height: 19px;
        margin-bottom: 0px;
        cursor: pointer;
    }
}

@media screen and (max-width: 719px) {
    .greennav_link {
        display: none !important;
    }

    .shop-card-mobile {
        display: block !important;
    }

    body header .greennav .flex .search {
        display: none !important;
    }

    .search-mobile {
        display: block !important;
    }

    .city {
        display: none !important;
    }

    body .burger-menu label p {
        display: none !important;
    }

    .user-col {
        display: block !important;
    }

    body .burger-menu label {
        display: flex;
        justify-content: center;
        align-items: center;
        font-weight: 500;
        font-size: 15px;
        color: #ffffff;
        height: 19px;
        margin-bottom: 0px;
        cursor: pointer;
    }
}

@media screen and (min-width: 721px) and (max-width: 768px) {
    .city-col {
        flex: 0 0 13.88889%;
        max-width: 13.88889%;
        padding-right: 0.25rem !important;
        padding-left: 0.5rem !important;
        display: block !important;
    }

    .user-col {
        display: none !important;
    }

    .search-col {
        flex: 0 0 34.88889%;
        max-width: 34.88889%;
        padding-right: 0.25rem !important;
        padding-left: 0.25rem !important;
    }

    .category-col {
        flex: 0 0 16.66667%;
        max-width: 16.66667%;
        padding-right: 1rem !important;
        padding-left: 1rem !important;
    }

}

@media screen and (max-width: 660px) {
    body .phones_icon .phone_icon {
        width: 21px;
        height: 20px;
        margin-top: 11px;
    }
    body footer .color .block .subscribe {
        max-width: none;
    }
}

@media screen and (max-width: 1199px) {
    body .left-bar ul.main_brand li:last-child a {
        border-bottom: none;
    }
}
@media screen and (max-width: 740px){
    body header #slider .trapecia .blue_item .blue_item_text {
        font-size: 16px;
    }
    body header #slider .trapecia .blue_item {
        width: 329px;
        height: 45px;
    }
    body header #slider .trapecia .blue_item:first-child {
        margin-left: 20%;
        margin-top: 35px;
    }

    body header #slider .trapecia .blue_item.second {
        margin-top: 21px;
        margin-left: 12%;
    }

    body header #slider .trapecia .blue_item.third {
        margin-top: 21px;
        margin-left: 4%;
    }
}
@media screen and (max-width: 660px){
    body header #slider .trapecia {
        width: 99vw;
    }
    body header #slider .trapecia .blue_item .blue_item_text {
        font-size: 15px;
    }
    body header #slider .trapecia .blue_item {
        width: 310px;
        height: 41px;
    }
    body header #slider .trapecia .blue_item:first-child {
        margin-left: 24%;
        margin-top: 53px;
    }

    body header #slider .trapecia .blue_item.second {
        margin-top: 21px;
        margin-left: 19%;
    }

    body header #slider .trapecia .blue_item.third {
        margin-top: 21px;
        margin-left: 13%;
    }
}
@media screen and (max-width: 640px){

    body header #slider .trapecia .blue_item:first-child {
        margin-left: 24%;
    }

    body header #slider .trapecia .blue_item.second {
        margin-left: 18%;
    }

    body header #slider .trapecia .blue_item.third {
        margin-left: 12%;
    }
}
@media screen and (max-width: 600px){

    body header #slider .trapecia .blue_item:first-child {
        margin-left: 22%;
    }

    body header #slider .trapecia .blue_item.second {
        margin-left: 16%;
    }

    body header #slider .trapecia .blue_item.third {
        margin-left: 10%;
    }
}
@media screen and (max-width: 560px){

    body header #slider .trapecia .blue_item:first-child {
        margin-left: 20%;
    }

    body header #slider .trapecia .blue_item.second {
        margin-left: 14%;
    }

    body header #slider .trapecia .blue_item.third {
        margin-left: 8%;
    }
}
@media screen and (max-width: 520px){

    body header #slider .trapecia .blue_item:first-child {
        margin-left: 18%;
    }

    body header #slider .trapecia .blue_item.second {
        margin-left: 11%;
    }

    body header #slider .trapecia .blue_item.third {
        margin-left: 4%;
    }
}
@media screen and (max-width: 480px){

    body header #slider .trapecia .blue_item:first-child {
        margin-left: 18%;
    }

    body header #slider .trapecia .blue_item.second {
        margin-left: 10%;
    }

    body header #slider .trapecia .blue_item.third {
        margin-left: 2%;
    }
}
@media screen and (max-width: 420px){
    body header #slider .trapecia .blue_item .blue_item_text {
        font-size: 14px;
    }
    body header #slider .trapecia .blue_item {
        width: 284px;
    }
}
@media screen and (max-width: 352px){
    body header #slider .trapecia {
        display: none;
    }
}

@media screen and (min-width: 660px) and (max-width: 992px){
    #product-slide-photo {
        min-width: 220px;
    }
    #product-slide-photo .carousel-indicators{
        justify-content: space-between;
        display: flex;
        flex-wrap: wrap;
        bottom: -173px;
        min-width: 220px;
    }
    #product-slide-photo ol.carousel-indicators li {
        height: 74px;
        width: 103px;
        margin-bottom: 21px;
    }
}
@media screen and (max-width: 992px){
    .carousel-control-next-icon {
        display: none;
    }
    .carousel-control-prev-icon {
        display: none;
    }
    body .content .product-content .slider .carousel .item {
        max-width: 296px !important;
    }
}
@media screen and (max-width: 660px){
    body .content .product-content .description .header_row p {
        font-size: 16px;
    }
}
@media screen and (max-width: 351px){
    body .content .product-content .description .card_row .left .amount {
        width: 59%;
    }
}
@media screen and (max-width: 660px){
    .table table tr td.availability .wrapper {
        display: none;
    }
    .availability .wrapper_mobile p {
        color: #31B085;
        font-weight: 400;
        font-size: 16px;
    }
    .table table tr td .custom.popup p {
        font-weight: 400;
        font-size: 16px;
    }
}
@media screen and (min-width: 660px){
    .availability .wrapper_mobile {
        display: none;
    }
}
@media screen and (max-width: 660px) {
    body .content .product-content .info .item {
        margin-left: 0!important;
        margin-right: 12px;
    }
    body .content .product-content .tab.segment.docs {
        margin-top: 0px!important;
    }
    .cat-catalog-row .owl-next {
        display: none;
    }
    .cat-catalog-row .owl-prev {
        display: none;
    }

}
.ui.selection.visible.dropdown>.text:not(.default) {
    font-weight: 500;
}

.calculate.favourites{
    display: flex;
    width: 132px;
    height: 32px;
    justify-content: space-between;
    align-items: center;
    background: #ffffff;
    box-shadow: 0px 2px 7px rgba(0, 0, 0, 0.15);
    border-radius: 50px;
}
.calculate.favourites .push-fav{
    display: flex;
    align-items: center;
    justify-content: center;
    background: #f1fcfa;
    width: 32px;
    height: 32px;
    border-radius: 40px;
    color: #9cc4be;
    font-size: 30px;
    user-select: none;
}
.calculate.favourites .push-fav:hover {
    background: #e6f1ec;
}
.calculate.favourites .count-fav {
    color: #31b085;
    padding: 6px 6px;
    background: white;
    border-radius: 0;
    width: 50%;
    margin-bottom: 0px;
    font-size: 14px;
    color: #bdbdbd;
    height: max-content;
    text-align: center;
    font-weight: 500;
    border: none;
    max-width: 230px;
}

.basket.basket_go_to_personal_basket.favourites {
    width: 39px;
    background: #d5eee6;
    border-radius: 10px;
    margin-left: 11px;
    display: flex;
    justify-content: center;
    cursor: pointer;
    height: 32px;
}
.basket.basket_go_to_personal_basket.favourites.active {
    background: #31b085;
}
.basket.basket_go_to_personal_basket.favourites img{
    width: 20px;
}
@media screen and (max-width: 576px){
    body .left-bar .block.filter .content{
        position: relative;
    }
    body .container.main{
        min-height: 250px;
    }
}
/*
body header {
	overflow: hidden;
}
*/