@charset "utf-8";

.buttons-box {
    margin: 0
}

.buttons-box,
.buttons_box_number {
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-flow: row nowrap
}

.buttons_box_number {
    -webkit-box-pack: center;
    justify-content: center;
    align-content: center;
    -webkit-box-align: center;
    align-items: center;
    box-shadow: 0 0 2px 0 #7e7e7e;
    border-radius: 2px;
    width: 120px;
    height: 40px
}

.buttons_box_number input {
    width: 33.33%;
    height: 100%;
    padding: 0;
    text-align: center;
    font-size: 1rem
}

.bb_number_plus {
    border-left: 1px solid hsla(0, 0%, 49.8%, .27)
}

.bb_number_minus,
.bb_number_plus {
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
    cursor: pointer;
    color: var(--main-color);
    width: 33.33%;
    height: 100%;
    text-align: center;
    font-size: 1.8rem;
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.bb_number_minus {
    border-right: 1px solid hsla(0, 0%, 49.8%, .27)
}

.buttons_box_btn {
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-flow: row nowrap;
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    height: 40px
}

.buttons_box_btn .wish_block {
    width: 40px;
    height: 40px;
    margin: 0 10px 0 0;
    box-shadow: 0 0 2px 0 #7e7e7e;
    background-color: #fff
}

.bb_add_card,
.buttons_box_btn .wish_block {
    border-radius: 3px;
    display: -webkit-box;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer
}

.bb_add_card {
    background-color: var(--extra-color);
    color: #fff;
    -webkit-box-pack: center;
    align-content: center;
    -webkit-box-align: center;
    width: 110px;
    font-size: 1rem;
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.bb_add_card:hover:not(:active) {
    background-color: var(--main-color)
}

.bb_add_card:active {
    top: 1px;
    box-shadow: inset 0 0 1px rgba(0, 0, 0, .5), inset 0 2px 3px rgba(0, 0, 0, .5), 0 1px 1px hsla(0, 0%, 100%, .1)
}

.bb_to_card {
    background-color: var(--extra-color);
    color: #fff;
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    align-content: center;
    -webkit-box-align: center;
    align-items: center;
    border-radius: 3px;
    font-size: 1rem;
    text-align: center;
    padding: 0 5px;
    margin: 0 0 0 10px;
    cursor: pointer;
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    white-space: nowrap;
    width: 140px;
    height: 40px
}

.bb_to_card:hover:not(:active) {
    background-color: var(--main-color)
}

.bb_to_card:active {
    top: 1px;
    box-shadow: inset 0 0 1px rgba(0, 0, 0, .5), inset 0 2px 3px rgba(0, 0, 0, .5), 0 1px 1px hsla(0, 0%, 100%, .1)
}

#modalMain {
    display: block;
    position: fixed;
    top: 0;
    width: 0;
    height: 0;
    opacity: 0;
    z-index: 3000
}

#modalMain>div {
    position: absolute;
    width: 100%;
    height: 100%
}

#modalMain #modalShader {
    background-color: rgba(0, 0, 0, .5);
    z-index: 1
}

#preloadSpinner {
    top: 0;
    left: 0;
    background-color: #fff;
    height: 100%;
    position: fixed;
    width: 100%;
    z-index: 1001;
    display: flex;
    justify-content: center;
    align-content: center
}

#preloadSpinner:after {
    content: "";
    position: fixed;
    top: 50%;
    width: 80px;
    height: 80px;
    border: 8px solid transparent;
    border-top-color: var(--main-color) !important;
    border-left-color: var(--main-color) !important;
    border-radius: 50%;
    animation: preloading-spinner .75s linear infinite
}

@keyframes preloading-spinner {
    0% {
        transform: rotate(0deg)
    }

    to {
        transform: rotate(1turn)
    }
}

#buttonUp {
    display: flex;
    justify-content: center;
    align-items: center;
    position: fixed;
    bottom: 65px;
    width: 60px;
    right: 4%;
    line-height: 60px;
    height: 60px;
    text-align: center;
    border: 1px solid #c7c7c7;
    border-radius: 29px;
    color: #c7c7c7;
    z-index: 1000;
    background-color: hsla(0, 0%, 100%, .7);
    box-shadow: 1px 1px 5px 0 rgba(0, 0, 0, .4);
    cursor: pointer
}

#buttonUp img {
    width: 20px;
    height: 20px;
    filter: invert(.25)
}

.shadow {
    position: fixed;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .5);
    top: 0;
    z-index: 1000;
    display: none
}

#promptQuickSearch {
    display: flex;
    flex-flow: column nowrap;
    position: fixed;
    width: 100%;
    z-index: -1;
    background-color: #fff;
    transition: top .3s .2s;
    overflow-y: scroll
}

#promptQuickSearch[data-open="0"] {
    opacity: 0;
    top: 0
}

#promptQuickSearch[data-open="1"] {
    z-index: 1003;
    top: 95px
}

#promptQuickSearch div {
    display: flex;
    flex-flow: column nowrap;
    padding: 0 10px
}

#promptQuickSearch div b {
    margin: 2px 0;
    font-size: 1.2rem
}

#promptQuickSearch div a {
    margin: 10px 0
}

#promptQuickSearch div p {
    cursor: pointer;
    text-transform: capitalize;
    color: var(--extra-color);
    margin: 10px 0
}

#promptQuickSearch .history {
    display: none
}

#svgFilters {
    position: fixed;
    visibility: hidden;
    z-index: -1
}

.avatarUploader {
    display: inline-block;
    height: 100px;
    width: 100px;
    border-radius: 50%;
    background-size: cover;
    background-position: 50%;
    background-repeat: no-repeat;
    background-color: #d6d6d6;
    position: relative
}

.avatarUploaderHint {
    visibility: hidden
}

.avatarUploaderIndicator {
    position: absolute;
    z-index: 1;
    fill: var(--main-color);
    top: 75px
}

input.avatarUpload {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    cursor: pointer
}

.userStarTopBox {
    height: 15px;
    width: 15px;
    top: 20px;
    left: 0;
    position: absolute;
    z-index: 1
}

.avatarBox [type=radio] {
    position: absolute;
    opacity: 0;
    width: 0;
    height: 0
}

.avatarBox [type=radio]+img {
    cursor: pointer
}

.avatarBox [type=radio]:checked+img {
    box-shadow: inset 0 0 120px var(--main-color);
    border-radius: 5px
}

.avatarBox label {
    padding: 2px
}

.avatarBox label:hover {
    background-color: #ddd;
    border-radius: 5px
}

.avatarBox .dataReg {
    display: flex;
    justify-content: center;
    margin: 20px 0
}

.avatarBox .dataReg .titleInput {
    top: -20px
}

.avatarBox .dropdown {
    position: relative;
    display: flex;
    justify-content: space-evenly;
    padding: 2px;
    cursor: pointer;
    background-color: var(--main-color);
    border-radius: 2px;
    color: #fff;
    margin: 3px;
    width: 100px
}

.avatarBox .dropdown img {
    height: 30px;
    vertical-align: unset
}

.avatarBox .dropdown:hover {
    background-color: var(--extra-color)
}

.avatarBox .avatarButtons {
    display: flex;
    flex-direction: column
}

.avatarBox .avatarButtons #iconButton .iconBtn {
    -webkit-mask: url(/images/svg/regular/grin-alt.svg) no-repeat 50% 50%;
    mask: url(/images/svg/regular/grin-alt.svg) no-repeat 50% 50%
}

.avatarBox .avatarButtons #cropButton .iconBtn {
    -webkit-mask: url(/images/svg/solid/crop-alt.svg) no-repeat 50% 50%;
    mask: url(/images/svg/solid/crop-alt.svg) no-repeat 50% 50%
}

.avatarBox .avatarButtons .iconBtn {
    display: inline-block;
    width: 15px;
    height: 15px;
    margin-top: 4px;
    background-color: #fff
}

.avatarBox .iconPreview {
    height: 45px;
    width: 45px;
    left: -10px;
    position: relative;
    bottom: -13px
}

#cropBox {
    position: fixed;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: #fff;
    box-shadow: 0 2px 10px rgba(0, 0, 0, .35);
    border-radius: 3px;
    z-index: 1199;
    display: flex;
    flex-direction: column;
    align-items: center;
    overflow-x: hidden;
    overflow-y: scroll
}

#cropBox p {
    margin-top: 45px;
    margin-left: 5px
}

#cropBox button {
    border-radius: 2px;
    background-color: var(--main-color);
    color: #fff;
    border: none;
    cursor: pointer;
    padding: 8px 40px;
    margin-top: 25px
}

#cropBox button:hover {
    opacity: .8
}

#cropBox #cropView {
    margin-bottom: 10px
}

#cropBox #previewBox {
    height: 100px;
    width: 100px;
    overflow: hidden;
    border-radius: 50%
}

#cropBox #previewBox #preview {
    max-width: none
}

#iconBox {
    position: fixed;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: #fff;
    z-index: 1201;
    display: flex;
    flex-direction: column;
    overflow-x: hidden;
    overflow-y: auto
}

#iconBox .iconItem {
    display: flex;
    margin: 6px 8px 0;
    border-radius: 5px;
    background-color: #ddd
}

#iconBox .iconItem:hover {
    filter: none
}

#iconBox .checkedItem {
    background-color: rgba(93, 165, 251, .3)
}

#iconBox .checkedItem .iconName {
    color: #eee
}

#iconBox .checkedItem .iconDesc {
    color: #43db43
}

#iconBox .iconHolder {
    margin: auto;
    padding: 0 10px
}

#iconBox .textHolder {
    flex-grow: 10;
    height: 70px;
    margin: 0 0 5px;
    border-radius: 3px;
    background-color: rgba(0, 0, 0, .1)
}

#iconBox .textHolder:hover {
    filter: none
}

#iconBox .checkedHolder {
    background-color: var(--main-color)
}

#iconBox img {
    height: 35px;
    width: 35px
}

#iconBox .iconTxt {
    padding: 2px 6px 6px
}

#iconBox .iconName {
    font-size: 12pt;
    font-weight: bolder;
    margin: 0;
    color: #100
}

#iconBox .iconDesc {
    font-size: 8pt;
    font-weight: bolder;
    margin: 0 0 0 5px
}

#iconBox .iconYes {
    color: green;
    cursor: pointer
}

#iconBox .iconNot {
    color: red;
    filter: invert(.5);
    background: none
}

#iconBox button {
    border-radius: 2px;
    background-color: var(--main-color);
    color: #fff;
    border: none;
    cursor: pointer;
    padding: 8px 40px;
    width: 50%;
    margin: auto
}

#iconBox .btnHolder {
    padding: 0 0 10px;
    display: flex
}

.pp_best_price {
    top: 25px;
    z-index: 11;
    background: red
}

.pp_best_price,
.pp_lebel_discounts {
    position: absolute;
    left: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 50px;
    height: 50px;
    border-radius: 100%;
    text-align: center;
    font-weight: 700;
    font-size: .8rem;
    color: #fff;
    margin: 0;
    cursor: default
}

.pp_lebel_discounts {
    z-index: 10;
    background: #ff8000
}

.pp_ld_left {
    left: 50px
}

.container .pp_best_price,
.container .pp_lebel_discounts {
    bottom: -70px !important
}

.container .cit_rating {
    bottom: -15px !important
}

.blkBanners {
    padding: 0 !important;
    box-shadow: 0 0 0 0 hsla(0, 0%, 62.7%, .75) !important
}

.blkBanners iframe {
    min-height: 400px
}

.holiday {
    padding: 5px 10px;
    margin: 5px;
    border: 1px solid red;
    color: red;
    text-align: center
}

.select_legal_entities {
    width: 100%;
    display: none;
    flex-flow: column;
    justify-content: center;
    align-items: center;
    margin: 0 0 30px
}

.select_legal_entities h4 {
    font-size: 1.3rem;
    font-weight: 700
}

.select_legal_entities #legal_items {
    width: 90%;
    font-size: 1.2rem
}

.payment-msg {
    padding: 5% 0;
    font-size: 12pt
}

.payment-msg .payment-title {
    font-size: 13pt;
    font-weight: 700;
    padding: 0 0 10px
}

#del-ch img {
    height: 3.2vmin;
    width: 3.2vmin;
    display: inline-block;
    margin-left: 7px
}

#del-ch h3 {
    margin-left: 3.2vmin;
    font-size: 3.2vmin
}

#del-ch .checkmark {
    top: 0
}

.blue_svg {
    filter: var(--filter-blue);
    opacity: .9
}

.red_svg {
    filter: var(--filter-red);
    opacity: .7;
    text-decoration: line-through
}

.storage_report {
    padding: 10px 5px
}

.storage_report p {
    margin: 10px 0;
    border-bottom: 1px solid #ccc
}

.storage_error {
    margin: 0 0 2px;
    padding: 2px;
   
    display: none;
}

.storage_error_active {
    background-color: #ff5c5c;
    border-radius: 2px;
    color: #fff;
    display: none;
}

.shop_list,
.shop_list p {
    cursor: pointer
}

.shop_list p {
    margin: 5px 0;
    font-size: 1.2rem;
    text-align: center
}

.shop_list label {
    width: 100%
}

.shop_list img {
    height: 15px;
    width: 15px;
    display: inline-block;
    margin-left: 7px
}

.cart-form .error {
    border-color: #ff5c5c
}

.cart-form label.error {
    background: #ff5c5c;
    width: 70%;
    color: #fff;
    padding-left: 5px;
    border-bottom-left-radius: 2px;
    border-bottom-right-radius: 2px;
    height: 19px
}

.cart-form .cart-total {
    border: none
}

.cart-h4 {
    color: #464646;
    font-size: 25px;
    margin: 2px;
    padding: 11px 11px 11px 25px;
    border-radius: 2px
}

.cart_item {
    padding: 5px;
    margin: 5px 0;
    border: 1px solid #8c8c8c;
    position: relative
}

.cart_item .amount {
    width: 57px;
    border: 1px solid grey;
    border-radius: 3px;
    margin: 5px;
    text-align: center
}

.cart_item--top-box {
    display: flex;
    padding: 2px
}

.cart_item--img-box {
    width: 25%
}

.cart_item--info-box {
    display: flex;
    justify-content: space-between;
    align-items: center
}

.cart_item--name-box {
    width: 90%;
    padding: 0 0 0 5px
}

.cart_item--name {
    margin: 0;
    font-size: 1rem;
    line-height: unset
}

.cart_item--calculator {
    justify-content: space-around
}

.cart_item--calculator button {
    background: #fff;
    vertical-align: sub;
    margin-right: 10px
}

.cart_item--calculator svg {
    width: 17px;
    height: 17px;
    fill: var(--main-color)
}

.cart_item--calculator .cart_item--calculator-sim,
.cart_item--calculator .cart_item--price,
.cart_item--calculator .cart_item--total {
    line-height: 35px
}

.cart_item--remove {
    position: absolute;
    right: 0;
    top: 0;
    width: 30px;
    height: 30px;
    padding: 5px;
    margin: 5px
}

.cart_item--remove a {
    width: 100%;
    height: 100%
}

.cart_item--remove img {
    opacity: .6
}

.cart_item--calculator {
    display: flex;
    justify-content: space-evenly
}

.elements-action {
    text-align: center
}

.elements-action .element-action-back {
    padding: 5px;
    border-radius: 3px;
    color: var(--main-color);
    text-decoration: underline;
    margin: 10px;
    display: block
}

.elements-action .element-action-refresh {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0;
    border-radius: 2px;
    padding: 10px;
    color: #fff;
    background-color: var(--main-color);
    border: 2px solid var(--main-color)
}

.elements-action .element-action-icon {
    margin-right: 10px
}

.elements-action .element-action-icon img {
    width: 20px;
    height: 20px;
    filter: invert(1)
}

.total_dimensions,
.total_prices {
    display: flex;
    flex-flow: row nowrap;
    border: 1px solid #e1e1e1;
    border-radius: 2px;
    margin: 5px 2px
}

.total_dimensions section,
.total_prices section {
    display: flex;
    flex-flow: column nowrap;
    justify-content: center;
    border-right: 1px solid #e1e1e1
}

.total_dimensions section:last-child,
.total_prices section:last-child {
    flex: 1 1;
    justify-content: flex-end
}

.total_dimensions section h3,
.total_prices section h3 {
    margin: 0 10px;
    font-size: 1.2rem
}

.total_dimensions .total_item,
.total_prices .total_item {
    display: flex;
    flex-flow: row nowrap;
    justify-content: flex-start
}

.total_dimensions .total_item.total_price h4,
.total_prices .total_item.total_price h4 {
    font-weight: 700
}

.total_dimensions .total_item.total_delivery,
.total_prices .total_item.total_delivery {
    display: none
}

.total_dimensions .total_item.total_delivery h5,
.total_prices .total_item.total_delivery h5 {
    margin: 0 0 0 15px
}

.total_dimensions .total_item div,
.total_prices .total_item div {
    display: flex;
    flex-flow: row nowrap;
    justify-content: flex-end;
    align-items: center;
    padding: 5px
}

.total_dimensions .total_item div:last-child,
.total_prices .total_item div:last-child {
    flex: 1 1;
    justify-content: flex-end
}

.total_dimensions .total_item div h4,
.total_prices .total_item div h4 {
    margin: 0 0 0 5px;
    font-size: 1rem
}

.total_dimensions .total_item div p,
.total_prices .total_item div p {
    margin: 0;
    font-size: 1rem
}

.total_dimensions .total_item div span,
.total_prices .total_item div span {
    margin: 0 0 0 5px;
    font-size: 1rem;
    min-width: 30px
}

.total_dimensions .total_complaint,
.total_prices .total_complaint {
    word-break: break-word;
    padding: 5px 10px
}

h4.cart-form-title {
    color: #464646;
    font-size: 25px;
    margin: 2px;
    padding: 11px 11px 11px 25px;
    border-radius: 2px
}

.cart-form-input-box {
    margin: 2px;
    position: relative
}

span.cart-form-input-title {
    position: absolute;
    right: 6px;
    top: 6px;
    color: #b3b3b3
}

#shopping-cart {
    margin: 1px;
    border-radius: 2px;
    border: 1px solid #ccc
}

.choise-delivery {
    display: flex;
    border: 1px solid var(--main-color);
    margin: 2px;
    padding: 1px
}

.choise-delivery img {
    filter: invert(1);
    height: 55px
}

.delivery-button {
    width: 50%;
    margin: 1px;
    position: relative;
    height: 62px
}

.delivery-button input {
    display: none
}

.delivery-button label {
    width: 100%;
    height: 100%;
    padding: 5px;
    background: #d2d2d2
}

.delivery-button input:checked+label {
    background: var(--main-color)
}

.delivery-button-icon {
    position: absolute;
    top: -12px
}

.delivery-button-icon img {
    filter: invert(1);
    height: 86px
}

.delivery-button-text {
    font-size: 14px;
    color: #fff;
    font-weight: 100;
    position: absolute;
    top: 0;
    right: 5px
}

.emarket_message {
    background: #f4f9ff;
    border: 1px solid var(--main-color);
    color: var(--main-color);
    padding: 10px;
    margin: 5px 0;
    font-size: .9rem
}

.payment-method {
    margin: 0 0 10px
}

.payment-method div {
    padding: 5px 0
}

.payment-method input {
    display: none
}

.payment-method span {
    padding: 0 0 0 5px
}

.payment-method input[type=radio]:checked~span.name {
    color: #19bb4f
}

.payment-method input[type=radio]:checked~span.checkmark:after {
    background: #19bb4f
}

.payment-method .checkmark {
    top: 0
}

input.cart-form-button {
    color: #fff;
    width: 100%;
    padding: 10px;
    background: var(--main-color);
    border: 2px solid var(--main-color)
}

input.cart-form-button:disabled {
    background: #666;
    border: 1px solid #888
}

label.payment-method-sberbank {
    display: flex;
    color: #949494;
    padding: 5px;
    text-align: center;
    justify-content: center;
    width: 47%;
    margin: 10px 5px;
    height: 60px;
    float: left;
    font-weight: 100;
    outline: 1px solid #fff;
    -webkit-transition: all .25s ease-out 0ms;
    transition: all .25s ease-out 0ms
}

label.payment-method-sberbank svg {
    vertical-align: text-top;
    fill: #949494
}

input:checked+.payment-method-sberbank {
    outline: 1px solid #19bb4f;
    color: #19bb4f
}

input:checked+.payment-method-sberbank svg {
    width: 36px;
    fill: #19bb4f;
    height: 36px
}

.payment-method-text {
    font-size: 14px;
    width: 50%;
    justify-content: center;
    align-items: center;
    display: flex
}

.delivery_price.btn {
    color: #333;
    background-color: #fff;
    border: 1px solid #ccc;
    display: inline-block;
    margin-bottom: 0;
    font-weight: 400;
    text-align: center;
    vertical-align: middle;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    border-radius: 2px;
    -webkit-user-select: none;
    user-select: none;
    cursor: pointer
}

@media (max-width:330px) {
    .delivery_info {
        font-size: 11px
    }
}

.payment-method-icon {
    position: relative;
    width: 40%;
    justify-content: flex-start;
    align-items: center;
    display: flex
}

.payment-method-sberbank {
    outline: 1px solid #19bb4f;
    color: #19bb4f
}

.payment-method-sberbank svg {
    width: 36px;
    fill: #19bb4f;
    height: 36px
}

.payment-method-cash {
    display: flex;
    color: #949494;
    padding: 5px;
    text-align: center;
    justify-content: center;
    width: 47%;
    margin: 10px 5px;
    height: 60px;
    float: right;
    font-weight: 100;
    outline: 1px solid #fff;
    -webkit-transition: all .25s ease-out 0ms;
    transition: all .25s ease-out 0ms
}

.payment-method-cash svg {
    fill: #949494
}

input:checked+.payment-method-cash {
    outline: 1px solid var(--main-color);
    color: var(--main-color)
}

input:checked+.payment-method-cash svg {
    width: 45px;
    fill: var(--main-color);
    height: 49px
}

.delivery-pickup input {
    display: none
}

input:checked+.dev-address {
    color: var(--main-color)
}

input:checked+.dev-address .dev-address-icon {
    border: 1px solid var(--main-color)
}

label.dev-address {
    display: flex;
    margin: 7px;
    color: #868686
}

label.dev-address i {
    display: none
}

.dev-address-icon-text {
    display: inline-block;
    margin-left: 5px;
    font-size: 1rem
}

.delivery.onestep {
    text-align: center;
    margin: 2px
}

.delivery.onestep label {
    width: 100%;
    position: relative
}

.delivery.onestep .delivery_price {
    margin: 9px
}

.cart_item_price_box {
    display: flex;
    flex-flow: column;
    justify-content: center;
    align-items: center;
    width: 50%
}

.cart_item_pb_cont {
    display: flex
}

.yes-confirm-button {
    border-radius: 3px;
    background-color: var(--main-color);
    color: #fff;
    border: none
}

.no-confirm-button,
.yes-confirm-button {
    margin: 5px;
    padding: 5px 15px;
    cursor: pointer;
    width: 50%;
    user-select: none;
    -moz-user-select: none;
    -khtml-user-select: none;
    -ms-user-select: none
}

.no-confirm-button {
    border-radius: 3px;
    background-color: #fff;
    color: #000;
    border: 1px solid hsla(0, 0%, 49.8%, .27);
    border-radius: 2px
}

.yesno-flex {
    display: flex
}

.emarket_cart_empty {
    display: flex;
    flex-flow: column;
    text-align: center;
    justify-content: center;
    min-height: 80vh
}

#catalog h1 {
    margin: 0
}

.price {
    font-weight: 700;
    color: #000
}

.wishlist_wrapper {
    position: relative
}

.wishlist_title,
.wishlist_title_item {
    display: flex;
    justify-content: center
}

.wishlist_title_item {
    margin: 10px;
    align-items: center
}

.wishlist_title_txt {
    font-size: 2vw;
    margin: 0 20px 0 0;
    cursor: pointer
}

.wishlist_title_btn {
    align-self: center;
    padding: 10px;
    font-size: 13px;
    text-transform: uppercase;
    background: var(--extra-color);
    color: #fff;
    border-radius: 3px;
    cursor: pointer
}

.wishlist_title_btn:hover {
    background: var(--main-color)
}

.wishlist_content {
    display: flex;
    flex-flow: row wrap;
    justify-content: center;
    margin: auto
}

.wishlist_default_block {
    display: flex;
    flex-flow: column;
    width: 100%;
    min-height: 400px;
    align-items: center
}

.wishlist_default_block_txt {
    font-size: x-large;
    text-align: center;
    flex: 1 1 auto;
    display: flex;
    flex-flow: column;
    padding: 3vh 3vw
}

.wishlist_default_block_txt p {
    color: #717171
}

.wishlist_default_block_txt span {
    border-bottom: 1px solid #ccc;
    margin: 1vh 5vw;
    font-size: 1px
}

.wishlist_default_block_img {
    background-image: url(/images/wishlist.png);
    background-size: 40%;
    background-position: 50%;
    background-repeat: no-repeat;
    flex: 1 1 auto;
    width: 100%;
    max-width: 450px;
    height: 200px;
    filter: opacity(.8)
}

.wishlist_list_clear {
    display: flex;
    justify-content: center;
    font-size: 5vw;
    margin: 5vh;
    color: #717171
}

.wish_guest_notice {
    display: flex;
    flex-flow: column;
    position: relative;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    background: #fff;
    z-index: 2;
    width: 300px;
    text-align: center;
    font-size: 18px;
    padding: 10px 5px;
    border-radius: 5px
}

.wish_guest_notice p {
    margin: 0
}

.wish_guest_notice a {
    margin: 5px;
    color: var(--extra-color)
}

.wish_guest_notice_btn {
    border-radius: 3px;
    background-color: var(--main-color);
    color: #fff;
    border: none;
    margin: 5px;
    padding: 5px 15px;
    cursor: pointer
}

.wish_block {
    width: 35px;
    height: 35px;
    border-radius: 3px;
    margin: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 0 2px 0 #7e7e7e;
    background-color: #fff;
    cursor: pointer
}

.wish_block .wish_ico {
    display: flex;
    transition: .3s
}

.wish_block .wish_ico img {
    width: 20px;
    height: 20px;
    filter: opacity(.5) contrast(.5)
}

.wish_block .wish_ico.wish_ico_anim {
    transform: scale(.6) !important
}

.wish_block .wish_ico[data-wishlist="1"] img {
    filter: var(--filter-red);
    opacity: .9
}

.wish_block:hover .wish_ico img {
    filter: var(--filter-red);
    opacity: .8
}

.catalog-stub {
    text-align: center
}

.catalog-stub .button-filters {
    width: 90%
}

.catalog-stub p.message-empty_products {
    font-size: 18px;
    padding: 50px 15px 0;
    color: #757575
}

.catalog-stub p.message-empty_products_sub {
    font-size: 16px;
    padding: 0 15px;
    color: #757575
}

.catalog-stub p.message-empty_filters {
    display: inline-block;
    font-size: 14px;
    background: #f4f2f3;
    margin: 5px;
    padding: 9px 12px;
    cursor: pointer;
    border-radius: 2px
}

.catalog-stub p.message-empty_filters:hover {
    background: #cecece
}

.catalog-stub .button-filters {
    display: inline-block;
    width: auto;
    border-radius: 2px;
    border: none;
    padding: 9px 18px;
    margin: 5px;
    font-weight: 400
}

.catalog-stub #reset {
    color: #333
}

.catalog-stub #reset:hover {
    background: #cecece
}

.list_town {
    margin: 5px 0;
    display: flex;
    flex-flow: column;
    justify-content: center;
    align-items: center
}

.list_town_name {
    color: #fff;
    font-size: 1.6rem;
    text-align: center;
    margin: 0 0 5px;
    border-bottom: 1px dashed;
    width: 80%
}

.storage_item {
    width: 100%;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    padding: 0 0 0 20px;
    color: #fff
}

.storage_item img {
    width: 17px;
    height: 17px;
    margin: 0 5px;
    filter: invert(1)
}

.storage_item span {
    font-size: 1.2rem
}

.comments {
    width: 100%;
    height: 100%;
    flex-flow: column nowrap
}

.comments,
.comments div {
    display: flex
}

.comments .comment_item {
    flex-flow: column nowrap;
    margin: 10px 5px;
    padding: 0 0 5px;
    border-bottom: 1px solid #dadada
}

.comments .comment_item .comment_item_top {
    width: 100%;
    flex-flow: row nowrap;
    justify-content: space-between;
    align-items: center
}

.comments .comment_item .comment_item_top .cit_author .cit_author_avatar {
    width: 50px;
    height: 50px;
    align-items: center
}

.comments .comment_item .comment_item_top .cit_author .cit_author_avatar img {
    height: 40px;
    border-radius: 50%
}

.comments .comment_item .comment_item_top .cit_author .cit_author_info {
    height: 50px;
    padding: 0 5px;
    flex-flow: column nowrap;
    align-items: flex-start;
    justify-content: space-around
}

.comments .comment_item .comment_item_top .cit_author .cit_author_info p {
    margin: 0
}

.comments .comment_item .comment_item_top .cit_author .cit_author_info span {
    color: #676767
}

.comments .comment_item .comment_item_top .cit_author .cit_date {
    min-width: 100px;
    padding: 0 10px
}

.comments .comment_item .comment_item_top .cit_author .cit_date p {
    margin: 0
}

.comments .comment_item .comment_item_top .cit_rating {
    padding: 0 5px;
    position: relative
}

.comments .comment_item .comment_item_top .cit_rating img {
    filter: var(--filter-blue);
    height: 25px
}

.comments .comment_item .comment_item_bot {
    width: 100%;
    flex-flow: column nowrap;
    align-items: flex-start
}

.comments .comment_item .comment_item_bot div {
    margin: 5px;
    flex-flow: column nowrap;
    align-items: flex-start
}

.comments .comment_item .comment_item_bot div strong {
    padding: 5px 0
}

.comments .comment_item .comment_item_bot div p {
    margin: 0
}

.comments .comment_form_wrap {
    width: 100%;
    flex-flow: column nowrap
}

.comments .comment_form_wrap .cf_top {
    flex-flow: column nowrap;
    align-items: flex-start
}

.comments .comment_form_wrap .cf_top .cf_title {
    padding: 10px 20px
}

.comments .comment_form_wrap .cf_top .cf_title span {
    font-size: 25px
}

.comments .comment_form_wrap .cf_top .cf_rating {
    padding: 10px 20px;
    align-items: center
}

.comments .comment_form_wrap .cf_top .cf_rating span {
    font-size: 16px;
    padding: 0 15px 0 0
}

.comments .comment_form_wrap .cf_top .cf_rating p {
    margin: 0;
    min-width: 100px;
    align-self: center;
    text-align: center;
    font-size: 15px;
    font-weight: 700;
    color: #676767
}

.comments .comment_form_wrap .cf_top .cf_rating input {
    opacity: 0;
    align-self: flex-end;
    cursor: pointer
}

.comments .comment_form_wrap .cf_top .cf_rating .cf_stars_cont {
    padding: 0 5px;
    align-items: center
}

.comments .comment_form_wrap .cf_top .cf_rating .cf_stars_cont .cf_star {
    background-color: var(--main-color);
    width: 25px;
    height: 25px;
    cursor: pointer
}

.comments .comment_form_wrap .cf_top .cf_rating.cf_error .cf_star {
    background-color: #ff4c4c
}

.comments .comment_form_wrap .cf_middle {
    flex-flow: column nowrap;
    align-items: flex-start
}

.comments .comment_form_wrap .cf_middle .cf_name_surname {
    flex-flow: column nowrap;
    padding: 0 20px 10px;
    min-width: 100%
}

.comments .comment_form_wrap .cf_middle .cf_name_surname div {
    flex-flow: column nowrap;
    padding: 5px 0
}

.comments .comment_form_wrap .cf_middle .cf_name_surname div strong {
    font-size: inherit;
    margin: 5px 0
}

.comments .comment_form_wrap .cf_middle .cf_name_surname div input {
    border: 1px solid #dadada;
    border-radius: 2px;
    padding: 3px 10px;
    font-size: 18px;
    font-weight: 100
}

.comments .comment_form_wrap .cf_middle .cf_name_surname div input:focus {
    outline: 0;
    border: 1px solid var(--main-color)
}

.comments .comment_form_wrap .cf_middle .cf_name_surname div input:valid:not(:placeholder-shown) {
    border-color: var(--main-color)
}

.comments .comment_form_wrap .cf_middle .cf_name_surname div input:invalid:not(:placeholder-shown) {
    border-color: #ff4c4c
}

.comments .comment_form_wrap .cf_middle .cf_name_surname div span {
    height: 0;
    color: #fff;
    background-color: #ff4c4c;
    border-radius: 0 0 2px 2px;
    position: relative;
    top: -1px;
    transition: .3s;
    text-align: center
}

.comments .comment_form_wrap .cf_middle .cf_textareas {
    flex-flow: column nowrap;
    padding: 0 20px 10px;
    min-width: 100%
}

.comments .comment_form_wrap .cf_middle .cf_textareas div {
    flex-flow: column nowrap;
    padding: 5px 0
}

.comments .comment_form_wrap .cf_middle .cf_textareas div strong {
    font-size: inherit;
    margin: 5px 0
}

.comments .comment_form_wrap .cf_middle .cf_textareas div textarea {
    border: 1px solid #dadada;
    border-radius: 2px;
    padding: 3px 10px;
    font-size: 18px;
    font-weight: 100;
    resize: vertical
}

.comments .comment_form_wrap .cf_middle .cf_textareas div textarea:focus {
    outline: 0;
    border: 1px solid var(--main-color)
}

.comments .comment_form_wrap .cf_middle .cf_textareas div span {
    height: 0;
    color: #fff;
    background-color: #ff4c4c;
    border-radius: 0 0 2px 2px;
    position: relative;
    top: -1px;
    transition: .3s;
    text-align: center
}

.comments .comment_form_wrap .cf_middle .cf_error input {
    border: 1px solid #ff4c4c !important
}

.comments .comment_form_wrap .cf_middle .cf_error span {
    height: 20px !important
}

.comments .comment_form_wrap .cf_bottom {
    flex-flow: column nowrap;
    align-items: flex-start
}

.comments .comment_form_wrap .cf_bottom .cf_captcha {
    flex-flow: column nowrap;
    padding: 0 20px 10px;
    min-width: 100%
}

.comments .comment_form_wrap .cf_bottom .cf_captcha .captcha_images {
    flex-flow: column nowrap;
    justify-content: flex-start;
    align-items: flex-start;
    margin: 5px 0
}

.comments .comment_form_wrap .cf_bottom .cf_captcha .captcha_images [data-id=captcha_code] {
    width: 200px;
    border: 1px solid #dadada
}

.comments .comment_form_wrap .cf_bottom .cf_captcha .captcha_images [data-id=captcha_reset] {
    width: 20px;
    height: 20px;
    margin: 15px 30%;
    cursor: pointer
}

.comments .comment_form_wrap .cf_bottom .cf_captcha div {
    flex-flow: column nowrap;
    padding: 5px 0
}

.comments .comment_form_wrap .cf_bottom .cf_captcha div strong {
    font-size: inherit;
    margin: 5px 0
}

.comments .comment_form_wrap .cf_bottom .cf_captcha div input {
    border: 1px solid #dadada;
    border-radius: 2px;
    padding: 3px 10px;
    font-size: 18px;
    font-weight: 100;
    width: 200px;
    text-align: center
}

.comments .comment_form_wrap .cf_bottom .cf_captcha div input:focus {
    outline: 0;
    border: 1px solid var(--main-color)
}

.comments .comment_form_wrap .cf_bottom .cf_submit {
    flex-flow: column nowrap;
    padding: 0 20px 10px
}

.comments .comment_form_wrap .cf_bottom .cf_submit input {
    background-color: var(--extra-color);
    border: 0;
    border-radius: 3px;
    box-shadow: none;
    color: #fff;
    outline: none;
    padding: 10px 20px;
    text-shadow: none;
    transition: .2s;
    white-space: normal;
    filter: none;
    cursor: pointer
}

.comments .star_half_solid_icon {
    -webkit-mask: url(/images/svg/solid/star-half-alt.svg) no-repeat 50% 50%;
    mask: url(/images/svg/solid/star-half-alt.svg) no-repeat 50% 50%
}

.comments .star_solid_icon {
    -webkit-mask: url(/images/svg/solid/star.svg) no-repeat 50% 50%;
    mask: url(/images/svg/solid/star.svg) no-repeat 50% 50%
}

.comments .star_regular_icon {
    -webkit-mask: url(/images/svg/regular/star.svg) no-repeat 50% 50%;
    mask: url(/images/svg/regular/star.svg) no-repeat 50% 50%
}

#userChat {
    justify-content: flex-end;
    align-items: flex-end;
    position: fixed;
    bottom: -100%;
    height: 100%;
    transition: .4s;
    visibility: hidden;
    z-index: 1005
}

#userChat,
#userChat .chat_wrapper {
    display: flex;
    flex-flow: column nowrap;
    width: 100%
}

#userChat .chat_wrapper {
    height: 0;
    height: calc(100% - 60px);
    transition: none
}

#userChat .chat_wrapper .chat_top {
    display: flex;
    justify-content: space-between;
    align-items: center;
    min-height: 40px;
    background-color: var(--main-color)
}

#userChat .chat_wrapper .chat_top div {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%
}

#userChat .chat_wrapper .chat_top div span {
    font-size: 1.2rem;
    color: #fff
}

#userChat .chat_wrapper .chat_top div img {
    width: 15px;
    filter: invert(1)
}

#userChat .chat_wrapper .chat_top .chat_top_title {
    padding: 0 0 0 10px
}

#userChat .chat_wrapper .chat_top .chat_top_buttons {
    width: 60px
}

#userChat .chat_wrapper .chat_top .chat_top_buttons>div {
    width: 50%;
    cursor: pointer
}

#userChat .chat_wrapper .chat_top .chat_top_buttons .chat_expand {
    display: none
}

#userChat .chat_wrapper .chat_condition,
#userChat .chat_wrapper .chat_messages {
    border-bottom: 0;
    height: calc(100% - 40px);
    overflow: hidden auto;
    background-image: url(/images/chat_bg.png);
    background-size: cover;
    scrollbar-color: #ddd rgba(0, 128, 0, 0);
    scrollbar-width: thin
}

#userChat .chat_wrapper .chat_condition::-webkit-scrollbar,
#userChat .chat_wrapper .chat_messages::-webkit-scrollbar {
    width: 6px
}

#userChat .chat_wrapper .chat_condition::-webkit-scrollbar-thumb,
#userChat .chat_wrapper .chat_messages::-webkit-scrollbar-thumb {
    background: #ddd
}

#userChat .chat_wrapper .chat_condition::-webkit-scrollbar-thumb:hover,
#userChat .chat_wrapper .chat_messages::-webkit-scrollbar-thumb:hover {
    background: #d8d8d8
}

#userChat .chat_wrapper .chat_condition .chat_date,
#userChat .chat_wrapper .chat_messages .chat_date {
    display: flex;
    flex-flow: column nowrap;
    justify-content: center;
    align-items: center;
    margin: 10px 0
}

#userChat .chat_wrapper .chat_condition .chat_date .chat_date_title,
#userChat .chat_wrapper .chat_messages .chat_date .chat_date_title {
    display: flex;
    flex-flow: column nowrap;
    justify-content: center;
    align-items: center
}

#userChat .chat_wrapper .chat_condition .chat_date .chat_date_title span,
#userChat .chat_wrapper .chat_messages .chat_date .chat_date_title span {
    font-weight: 700
}

#userChat .chat_wrapper .chat_condition .chat_date .chat_date_wrapper,
#userChat .chat_wrapper .chat_messages .chat_date .chat_date_wrapper {
    display: flex;
    flex-flow: column nowrap;
    justify-content: center;
    align-items: center;
    width: 100%
}

#userChat .chat_wrapper .chat_condition .message_item,
#userChat .chat_wrapper .chat_messages .message_item {
    display: flex;
    flex-flow: column nowrap;
    align-self: flex-start;
    max-width: 90%;
    margin: 5px
}

#userChat .chat_wrapper .chat_condition .message_item .message_author,
#userChat .chat_wrapper .chat_messages .message_item .message_author {
    align-self: flex-start;
    font-style: italic;
    font-weight: 700;
    color: var(--extra-color)
}

#userChat .chat_wrapper .chat_condition .message_item .message_text,
#userChat .chat_wrapper .chat_messages .message_item .message_text {
    display: flex;
    flex-flow: column nowrap;
    border-radius: 0 10px 10px 15px;
    padding: 5px 10px;
    background-image: linear-gradient(90deg, #8e2de2, #4a00e0);
    box-shadow: 0 3px 2px rgba(0, 0, 0, .16), 0 3px 2px rgba(0, 0, 0, .23);
    color: #fff;
    text-shadow: 1px 1px 1px #676767;
    word-break: break-word
}

#userChat .chat_wrapper .chat_condition .message_item .message_text span,
#userChat .chat_wrapper .chat_messages .message_item .message_text span {
    white-space: pre-line
}

#userChat .chat_wrapper .chat_condition .message_item .message_text span:last-child,
#userChat .chat_wrapper .chat_messages .message_item .message_text span:last-child {
    align-self: flex-end;
    font-size: 12px;
    font-style: italic;
    margin: 5px 0 0
}

#userChat .chat_wrapper .chat_condition .message_item .message_text a,
#userChat .chat_wrapper .chat_messages .message_item .message_text a {
    color: inherit
}

#userChat .chat_wrapper .chat_condition .message_item .message_text a:hover,
#userChat .chat_wrapper .chat_messages .message_item .message_text a:hover {
    text-decoration: underline
}

#userChat .chat_wrapper .chat_condition .message_item .message_file,
#userChat .chat_wrapper .chat_messages .message_item .message_file {
    display: flex;
    flex-flow: column nowrap;
    border-radius: 0 10px 10px 15px;
    padding: 5px 10px;
    background-image: linear-gradient(90deg, #8e2de2, #4a00e0);
    box-shadow: 0 3px 2px rgba(0, 0, 0, .16), 0 3px 2px rgba(0, 0, 0, .23)
}

#userChat .chat_wrapper .chat_condition .message_item .message_file>span,
#userChat .chat_wrapper .chat_messages .message_item .message_file>span {
    align-self: flex-end;
    font-style: italic;
    margin: 5px 10px 0 0;
    color: #fff;
    font-size: 12px
}

#userChat .chat_wrapper .chat_condition .message_item .message_file a,
#userChat .chat_wrapper .chat_messages .message_item .message_file a {
    display: flex
}

#userChat .chat_wrapper .chat_condition .message_item .message_file a div,
#userChat .chat_wrapper .chat_messages .message_item .message_file a div {
    display: flex;
    flex-flow: column nowrap;
    justify-content: space-between;
    align-items: flex-start;
    padding: 0 5px;
    color: #fff;
    font-size: 12px;
    font-weight: 700;
    white-space: pre-line;
    word-break: break-word
}

#userChat .chat_wrapper .chat_condition .message_item .message_file a div>span,
#userChat .chat_wrapper .chat_messages .message_item .message_file a div>span {
    margin: 5px 0 0
}

#userChat .chat_wrapper .chat_condition .message_item .message_file a img,
#userChat .chat_wrapper .chat_messages .message_item .message_file a img {
    filter: invert(1);
    max-width: 40px
}

#userChat .chat_wrapper .chat_condition .message_item .message_file[data-type=image],
#userChat .chat_wrapper .chat_messages .message_item .message_file[data-type=image] {
    padding: 0
}

#userChat .chat_wrapper .chat_condition .message_item .message_file[data-type=image] a>img,
#userChat .chat_wrapper .chat_messages .message_item .message_file[data-type=image] a>img {
    filter: none;
    max-width: 100%;
    border-radius: 0 10px 0 0
}

#userChat .chat_wrapper .chat_condition .message_item[data-owner=search],
#userChat .chat_wrapper .chat_condition .message_item[data-owner=system],
#userChat .chat_wrapper .chat_messages .message_item[data-owner=search],
#userChat .chat_wrapper .chat_messages .message_item[data-owner=system] {
    align-self: center;
    max-width: 95%
}

#userChat .chat_wrapper .chat_condition .message_item[data-owner=search] .message_author,
#userChat .chat_wrapper .chat_condition .message_item[data-owner=system] .message_author,
#userChat .chat_wrapper .chat_messages .message_item[data-owner=search] .message_author,
#userChat .chat_wrapper .chat_messages .message_item[data-owner=system] .message_author {
    align-self: center;
    color: inherit
}

#userChat .chat_wrapper .chat_condition .message_item[data-owner=search] .message_text,
#userChat .chat_wrapper .chat_condition .message_item[data-owner=system] .message_text,
#userChat .chat_wrapper .chat_messages .message_item[data-owner=search] .message_text,
#userChat .chat_wrapper .chat_messages .message_item[data-owner=system] .message_text {
    border-radius: 10px;
    background-color: #fff;
    background-image: none;
    color: inherit;
    text-align: center;
    text-shadow: none
}

#userChat .chat_wrapper .chat_condition .message_item[data-owner=search] .message_text span:last-child,
#userChat .chat_wrapper .chat_condition .message_item[data-owner=system] .message_text span:last-child,
#userChat .chat_wrapper .chat_messages .message_item[data-owner=search] .message_text span:last-child,
#userChat .chat_wrapper .chat_messages .message_item[data-owner=system] .message_text span:last-child {
    display: none
}

#userChat .chat_wrapper .chat_condition .message_item[data-owner=guest],
#userChat .chat_wrapper .chat_condition .message_item[data-owner=user],
#userChat .chat_wrapper .chat_messages .message_item[data-owner=guest],
#userChat .chat_wrapper .chat_messages .message_item[data-owner=user] {
    align-self: flex-end
}

#userChat .chat_wrapper .chat_condition .message_item[data-owner=guest] .message_author,
#userChat .chat_wrapper .chat_condition .message_item[data-owner=user] .message_author,
#userChat .chat_wrapper .chat_messages .message_item[data-owner=guest] .message_author,
#userChat .chat_wrapper .chat_messages .message_item[data-owner=user] .message_author {
    align-self: flex-end;
    color: var(--extra-color);
    display: none
}

#userChat .chat_wrapper .chat_condition .message_item[data-owner=guest] .message_text,
#userChat .chat_wrapper .chat_condition .message_item[data-owner=user] .message_text,
#userChat .chat_wrapper .chat_messages .message_item[data-owner=guest] .message_text,
#userChat .chat_wrapper .chat_messages .message_item[data-owner=user] .message_text {
    border-radius: 10px 0 15px 10px;
    background-image: linear-gradient(270deg, #15d3b4, #12bdb0)
}

#userChat .chat_condition {
    display: none;
    flex-flow: column nowrap;
    justify-content: center
}

#userChat .chat_condition .chat_info,
#userChat .chat_condition .chat_redo {
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    padding: 10px
}

#userChat .chat_condition .chat_info:before,
#userChat .chat_condition .chat_redo:before {
    font-size: 16px
}

#userChat .chat_condition .chat_redo:before {
    background-color: var(--main-color);
    color: #fff;
    padding: 10px;
    border-radius: 3px;
    cursor: pointer
}

#userChat .chat_button {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 60px;
    background-color: var(--main-color);
    cursor: pointer;
    transition: width .6s, right .6s, border-radius .6s
}

#userChat .chat_button>img {
    display: none
}

#userChat .chat_button>div {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 0;
    height: 0;
    opacity: 0;
    transition: opacity .3s .35s
}

#userChat .chat_button>div .textbox {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    width: 90%;
    height: 100%;
    padding: 0 0 0 5px
}

#userChat .chat_button>div .textbox .inputtext {
    width: 100%;
    height: 45px;
    background-color: #fff;
    border-radius: 3px;
    padding: 1px 5px;
    overflow: hidden auto;
    outline: none;
    scrollbar-color: #ddd rgba(0, 128, 0, 0);
    scrollbar-width: thin
}

#userChat .chat_button>div .textbox .inputtext::-webkit-scrollbar {
    width: 6px
}

#userChat .chat_button>div .textbox .inputtext::-webkit-scrollbar-thumb {
    background: #ddd
}

#userChat .chat_button>div .textbox .inputtext::-webkit-scrollbar-thumb:hover {
    background: #d8d8d8
}

#userChat .chat_button>div .textbox .inputtext[placeholder]:empty:before {
    content: attr(placeholder);
    color: #555
}

#userChat .chat_button>div .textbox .inputtext[placeholder]:empty:focus:before {
    content: ""
}

#userChat .chat_button>div .chat_send {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 50px;
    height: 100%
}

#userChat .chat_button>div .chat_send img {
    width: 25px;
    filter: invert(1)
}

#userChat .chat_search {
    background-color: var(--main-color);
    color: #fff;
    padding: 10px;
    margin: 15px 10px 0;
    border-radius: 3px;
    cursor: pointer
}

#userChat .chat_search_undo {
    background-color: var(--selected-red);
    color: #fff;
    padding: 5px 10px;
    margin: 0 30px;
    border-radius: 3px;
    cursor: pointer
}

#userChat[data-open="0"] .chat_button {
    cursor: pointer
}

#userChat[data-open="0"] .chat_button:hover:before {
    opacity: 1;
    visibility: visible
}

#userChat[data-open="1"] {
    bottom: 0;
    visibility: visible
}

#userChat[data-open="1"] .chat_button>div {
    width: 100%;
    height: 100%;
    opacity: 1
}

#userChat[data-open="1"][data-expand="0"] .chat_top_buttons .img_compress,
#userChat[data-open="1"][data-expand="2"] .chat_top_buttons .img_compress {
    display: none;
    width: 0
}

#userChat[data-open="1"][data-expand="1"] .chat_button {
    width: 500px
}

#userChat[data-open="1"][data-expand="1"] .chat_button .textbox {
    width: 450px
}

#userChat[data-open="1"][data-expand="1"] .chat_button .textbox .inputtext {
    width: 440px
}

#userChat[data-open="1"][data-expand="1"] .chat_wrapper {
    height: 600px;
    width: 500px;
    visibility: visible;
    transition: .6s
}

#userChat[data-open="1"][data-expand="1"] .chat_wrapper [data-owner=system] {
    max-width: 95%
}

#userChat[data-open="1"][data-expand="1"] .chat_wrapper [data-owner=system] .message_text {
    padding: 10px 15px
}

#userChat[data-open="1"][data-expand="1"] .chat_top_buttons .img_expand {
    display: none;
    width: 0
}

#userChat[data-open="1"][data-expand="2"] .chat_wrapper {
    transition: .6s
}

#userChat[data-condition="1"] .chat_button>div {
    opacity: 0;
    visibility: hidden
}

#userChat[data-condition="1"] .chat_condition {
    display: flex
}

#userChat[data-condition="1"] .chat_messages {
    display: none
}

#userChat[data-condition="1"] .chat_info:before,
#userChat[data-condition="1"] .chat_redo:before {
    content: attr(data-tab)
}

#userChat[data-condition="2"] .chat_info:before,
#userChat[data-condition="2"] .chat_redo:before {
    content: attr(data-error)
}

.panel .chat_additional {
    width: 50px;
    display: flex;
    justify-content: center;
    align-items: center
}

.panel .chat_additional:after {
    content: url(/images/svg/regular/comment.svg);
    width: 35px;
    height: 35px;
    filter: var(--filter-blue)
}

.panel .chat_additional[data-im="1"]:after {
    content: url(/images/svg/solid/envelope.svg)
}

.panel .chat_additional[data-im="1"]:before {
    content: "";
    background-color: var(--selected-red);
    position: absolute;
    margin: 0 0 25px 30px;
    height: 10px;
    width: 10px;
    border-radius: 50%;
    z-index: 2
}

.delivery_and_payment_menu {
    display: none;
    width: 100%;
    height: 50px;
    background-color: #fff;
    padding: 5px 0
}

.delivery_and_payment_menu div {
    cursor: pointer;
    flex: 1;
    display: flex;
    justify-content: center;
    align-items: center;
    border: 1px solid #b5b5b5;
    background-color: #efefef;
    color: inherit
}

.delivery_and_payment_menu div span {
    font-size: 1.1rem
}

@media (max-width:1000px) {
    .delivery_and_payment_menu div span {
        font-size: .9rem
    }
}

.delivery_and_payment_menu div:hover {
    background-color: #809098 !important;
    background: linear-gradient(90deg, #809098, #404346) !important;
    color: #fff
}

.delivery_and_payment_menu div[data-active="1"] {
    background-color: var(--main-color) !important;
    color: #fff
}

.delivery_and_payment_menu div:last-child {
    border-left: none
}

.delivery_and_payment_wrapper {
    display: flex;
    flex-flow: column nowrap;
    margin: 10px 0 0;
    border: 1px solid #e1e1e1
}

.delivery_and_payment_wrapper section {
    display: flex;
    width: 100%;
    flex-flow: column nowrap;
    margin: 0;
    padding: 0 10px;
    background-color: #f6f6f6;
    font-size: 1rem
}

.delivery_and_payment_wrapper section h3 {
    font-size: 1.3rem;
    text-align: center
}

.delivery_and_payment_wrapper section h4 {
    font-size: 1.2rem;
    text-align: center
}

.delivery_and_payment_wrapper section .delivery_block,
.delivery_and_payment_wrapper section .price_block {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-flow: row wrap;
    padding: 0 10px
}

.delivery_and_payment_wrapper section .delivery_block p,
.delivery_and_payment_wrapper section .price_block p {
    font-size: 1rem
}

.delivery_and_payment_wrapper section .delivery_block i,
.delivery_and_payment_wrapper section .price_block i {
    margin: 0 20px
}

.delivery_and_payment_wrapper section .prices {
    display: flex;
    flex-flow: row wrap;
    justify-content: space-around;
    align-items: flex-start
}

.delivery_and_payment_wrapper section .prices .delivery_prices,
.delivery_and_payment_wrapper section .prices .lift_prices {
    display: flex;
    flex-flow: column nowrap;
    justify-content: center;
    align-items: flex-start
}

.delivery_and_payment_wrapper section .prices .delivery_prices div,
.delivery_and_payment_wrapper section .prices .lift_prices div {
    margin-left: 20px
}

.delivery_and_payment_wrapper section .pay {
    display: flex;
    flex-flow: row wrap
}

.delivery_and_payment_wrapper section .pay div {
    flex: 1 1 100%;
    height: 100%;
    display: flex;
    flex-flow: row wrap;
    align-items: center;
    justify-content: center
}

.delivery_and_payment_wrapper section .pay div ul {
    padding: 0 20px
}

.delivery_and_payment_wrapper section .pay div li {
    list-style: inherit
}

.delivery_and_payment_wrapper section .pay div img {
    width: 70%
}

.textl {
    width: auto;
    font-family: Arimo, sans-serif;
    font-size: 17px;
    border-top: none;
    padding: 15px;
    text-align: left;
    background: hsla(0, 0%, 86.7%, .25)
}

.textl li {
    list-style: outside
}

.textl p {
    margin-bottom: 22px
}

.textl a {
    color: #2e5481
}

.dropdowns[data-open=cover] .dropdown[data-id=cover],
.dropdowns[data-open=sidebar] .dropdown[data-id=cover] {
    width: 0;
    height: 0;
    opacity: 0
}

.dropdowns[data-open=login] .dropdown[data-id=login],
.dropdowns[data-open=search] .dropdown[data-id=search],
.dropdowns[data-open=user] .dropdown[data-id=user] {
    top: 40px
}

.dropdowns[data-open=basket] .dropdown[data-id=basket] {
    top: 40px;
    position: fixed;
    height: calc(100% - 90px);
    visibility: visible;
    overflow: hidden scroll
}

.dropdowns[data-open=bar] .dropdown[data-id=bar] {
    left: 0
}

.dropdowns .dropdown {
    z-index: 1004;
    position: fixed;
    background-color: #fff
}

.dropdowns .dropdown[data-id=cover] {
    z-index: 1003;
    width: 100%;
    height: 100%;
    opacity: 1;
    background-color: rgba(70, 70, 70, .7);
    transition: opacity .2s
}

.dropdowns .dropdown[data-id=login] {
    width: 100%;
    height: auto;
    top: -100vh;
    padding: 0 10px;
    transition: top .3s
}

.dropdowns .dropdown[data-id=login] form[name=login] {
    margin: 5px 0 0;
    display: flex;
    flex-flow: column nowrap
}

.dropdowns .dropdown[data-id=login] form[name=login] input {
    height: 40px;
    margin: 5px;
    padding: 0 10px;
    border: 1px solid #ccc;
    border-radius: 3px
}

.dropdowns .dropdown[data-id=login] form[name=login] [type=submit] {
    color: #fff;
    background-color: var(--main-color);
    border-radius: 3px
}

.dropdowns .dropdown[data-id=login] .links {
    display: flex;
    flex-flow: column nowrap;
    justify-content: center;
    align-items: center;
    padding: 10px
}

.dropdowns .dropdown[data-id=login] .links a {
    margin: 5px;
    width: 100%;
    text-align: center
}

.dropdowns .dropdown[data-id=user] {
    width: 100%;
    height: auto;
    top: -100vh;
    padding: 0;
    transition: top .3s
}

.dropdowns .dropdown[data-id=user] .name {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 5px 0 0;
    font-size: 1.2rem
}

.dropdowns .dropdown[data-id=user] .sigh_out {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 5px 0
}

.dropdowns .dropdown[data-id=user] .sigh_out a {
    width: 40%;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 1.2rem;
    border-radius: 3px;
    color: #fff;
    background-color: var(--main-color)
}

.dropdowns .dropdown[data-id=user] .sigh_out img {
    height: 30px;
    margin: 0 5px 0 0;
    filter: var(--filter-white)
}

.dropdowns .dropdown[data-id=search] {
    width: 100%;
    height: auto;
    top: -100vh;
    padding: 5px;
    transition: top .3s
}

.dropdowns .dropdown[data-id=search] form[name=search] {
    margin: 5px 0 0;
    display: flex;
    flex-flow: row nowrap
}

.dropdowns .dropdown[data-id=search] form[name=search] input {
    height: 40px;
    width: 100%;
    padding: 0 10px;
    border: 1px solid #ccc;
    border-radius: 0;
    outline: none
}

.dropdowns .dropdown[data-id=search] form[name=search] [type=submit] {
    width: 40px;
    height: 40px;
    background-color: var(--main-color);
    display: flex;
    justify-content: center;
    align-items: center
}

.dropdowns .dropdown[data-id=search] form[name=search] [type=submit] img {
    width: 20px;
    height: 20px
}

.dropdowns .dropdown[data-id=basket] {
    visibility: hidden;
    position: fixed;
    width: 100%;
    top: -110vh;
    padding: 5px;
    transition: top .3s
}

.dropdowns .dropdown[data-id=basket] h3 {
    text-align: center;
    font-size: 1.5rem;
    margin: 0 0 5px
}

.dropdowns .dropdown[data-id=basket] .total {
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-between;
    align-items: center;
    margin: 10px 0 5px
}

.dropdowns .dropdown[data-id=basket] .total span {
    font-weight: 700;
    margin: 0 5px
}

.dropdowns .dropdown[data-id=basket] .total a {
    background-color: var(--main-color);
    color: #fff;
    font-size: 1.2rem;
    padding: 10px;
    border-radius: 3px
}

.dropdowns .dropdown[data-id=basket] .info {
    padding: 10px;
    margin: 0 0 10px;
    border: 1px solid var(--main-color);
    background-color: #f4f9ff;
    color: var(--main-color);
    font-size: .9rem
}

.dropdowns .dropdown[data-id=basket] .items .empty {
    width: 100%;
    display: flex;
    justify-content: center;
    font-size: 1.5rem;
    color: #676767
}

.dropdowns .dropdown[data-id=bar] {
    width: 80%;
    height: calc(100% - 90px);
    top: 40px;
    left: -100vw;
    transition: left .3s
}

.dropdowns .dropdown[data-id=bar] aside {
    display: flex;
    flex-flow: row nowrap;
    padding: 10px 0;
    justify-content: space-around;
    align-items: center
}

.dropdowns .dropdown[data-id=bar] aside .sigh_in {
    background-color: var(--main-color);
    border-radius: 2px;
    display: flex;
    flex-flow: row nowrap;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 50px;
    margin: 0 10px
}

.dropdowns .dropdown[data-id=bar] aside .sigh_in img {
    height: 40px;
    margin: 0 10px;
    max-width: unset;
    filter: var(--filter-white)
}

.dropdowns .dropdown[data-id=bar] aside .sigh_in span {
    font-size: 1.5rem;
    color: #fff
}

.dropdowns .dropdown[data-id=bar] aside .user {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 80px
}

.dropdowns .dropdown[data-id=bar] aside .user .avacon {
    width: 30px;
    display: flex;
    justify-content: center;
    align-items: flex-end;
    transform: translateX(20px)
}

.dropdowns .dropdown[data-id=bar] aside .user .avatar {
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #d6d6d6;
    border-radius: 50%
}

.dropdowns .dropdown[data-id=bar] aside .user .avatar img[data-has="1"] {
    border-radius: 50%;
    max-width: 95%;
    object-fit: unset
}

.dropdowns .dropdown[data-id=bar] aside .user .avatar img[data-has="0"] {
    height: 40px;
    filter: var(--filter-blue)
}

.dropdowns .dropdown[data-id=bar] aside .profile {
    width: 60%;
    display: flex;
    flex-flow: column nowrap;
    justify-content: center
}

.dropdowns .dropdown[data-id=bar] aside .profile span {
    font-size: 1.2rem
}

.dropdowns .dropdown[data-id=bar] aside .profile a {
    margin: 10px 0
}

.dropdowns .dropdown[data-id=bar] nav {
    display: flex;
    flex-flow: column nowrap;
    justify-content: flex-start;
    align-items: flex-start;
    border-bottom: 1px solid #ccc;
    padding: 10px 0 0 20px
}

.dropdowns .dropdown[data-id=bar] nav span {
    width: 100%;
    font-size: 2rem;
    background-color: #ff8ec7;
    background: linear-gradient(75deg, #ff8ec7, #24b2ff);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

.dropdowns .dropdown[data-id=bar] nav a {
    width: 100%;
    margin: 10px 0;
    display: flex;
    align-items: center;
    font-size: 1.2rem;
    color: #828282
}

.dropdowns .dropdown[data-id=bar] nav a p {
    margin: 0 0 0 10px
}

.dropdowns .dropdown[data-id=bar] nav a img {
    width: 20px;
    height: 20px;
    filter: invert(.5)
}

.dropdowns .dropdown[data-id=bar] .chat {
    background-color: var(--main-color);
    border-radius: 2px;
    display: flex;
    flex-flow: row nowrap;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 50px;
    margin: 0 10px
}

.dropdowns .dropdown[data-id=bar] .chat img {
    height: 40px;
    margin: 0 10px;
    max-width: unset;
    filter: invert(1)
}

.dropdowns .dropdown[data-id=bar] .chat span {
    font-size: 1.2rem;
    color: #fff
}

.filters__item {
    border-radius: 2px;
    padding: 2px
}

.filters__item .field {
    width: 100%;
    padding: 10px;
    background: #e0eeff;
    color: #737373;
    margin-bottom: 0;
    cursor: pointer;
    border-radius: 2px;
    font-weight: 100
}

.filters__item label+input {
    display: none
}

.filters__item .filter_menu {
    padding-left: 0;
    margin-top: 0;
    margin-bottom: 0;
    overflow: hidden;
    -webkit-transition: height .2s linear 0ms;
    -o-transition: height .2s linear 0ms;
    transition: height .1s linear 0ms;
    margin-left: 10px
}

.filters__item .filter_menu li.offProp {
    height: 0;
    padding: 0 !important;
    overflow: hidden
}

.filters__item .filter_menu .filter_property-required {
    background: var(--main-color) !important;
    color: #fff !important;
    cursor: default !important
}

.filters__item .filter_menu .property_name {
    display: block;
    padding: 10px;
    margin: 0;
    transition: all .2s;
    cursor: pointer
}

.filters__item .filter_menu .town_name {
    display: block;
    padding: 9px;
    margin: 2px 0 0;
    font-weight: 100;
    -webkit-transition: all .1s cubic-bezier(0, 0, .65, .65) 0ms;
    transition: all .1s cubic-bezier(0, 0, .65, .65) 0ms;
    background: #83bbff;
    border-radius: 1px
}

.filters__item .filter_menu .property_checkbox {
    display: none
}

.filters__item .filter_menu li.filter_property {
    position: relative;
    background: #f6faff;
    margin: 1.4px;
    color: #222;
    cursor: pointer;
    -webkit-transition: all .1s ease-out 0ms;
    -moz-transition: all .1s ease-out 0ms;
    -o-transition: all .1s ease-out 0ms;
    transition: all .1s ease-out 0ms
}

.filters__item .filter_menu li.filter_property p {
    margin: 0
}

.filters__item .filter_menu .filter_property-none {
    height: 0;
    padding: 0 !important;
    overflow: hidden
}

.filters__item .filter_menu .filter_property-none_active {
    cursor: default !important;
    color: #888 !important
}

.filters__item .filter_menu .filter_property-active .property_name {
    border-left: 5px solid var(--main-color) !important
}

.filters__item input:checked+.filter_menu {
    height: 0 !important
}

.reability {
    cursor: default !important;
    color: #fff !important
}

.close {
    float: none;
    font-size: 16px;
    font-weight: 400;
    line-height: 16px;
    color: #7f7f7f;
    position: relative;
    text-shadow: none;
    opacity: 1;
    filter: alpha(opacity=100);
    vertical-align: top;
    -webkit-transition: color .2s linear;
    transition: color .2s linear
}

.amount {
    width: 50px;
    border: 1px solid grey;
    border-radius: 3px;
    margin: 5px;
    padding-left: 5px
}

.filters {
    padding: 0 0 140px
}

.currentParam {
    display: inline-block;
    -webkit-box-shadow: 0 0 3px 0 hsla(0, 0%, 62.7%, .75);
    box-shadow: 0 0 3px 0 hsla(0, 0%, 62.7%, .75);
    padding: 5px;
    margin: 5px;
    cursor: pointer
}

#reset {
    background: #fff;
    color: #676767;
    border: 1px solid #ccc
}

.currentParams {
    display: inline-block;
    margin-left: 4px
}

.buttons {
    display: flex;
    width: 78%;
    padding: 0;
    position: fixed;
    z-index: 1002;
    right: 5px;
    bottom: 56px;
    opacity: 0;
    visibility: hidden;
    transition: none
}

.button-filters {
    width: 100%;
    height: 40px;
    font-weight: 600;
    color: #fff;
    background: var(--main-color);
    border: 1px solid var(--main-color);
    margin: 2px;
    border-radius: 2px
}

.button-filters:focus {
    outline: 0
}

.button-filters:active {
    transform: translateY(1px)
}

.slider {
    position: relative;
    height: 120px;
    margin: 10px
}

.catalog_filter {
    background: #fff;
    margin: 2px;
    border-radius: 2px;
    padding: 1px;
    height: auto !important
}

.catalog_filter .filters_show {
    cursor: pointer;
    font-size: 16px;
    text-align: center;
    width: 100%;
    display: block;
    display: flex;
    justify-content: space-between;
    padding: 0 15px;
    height: 38px;
    line-height: 38px;
    background: #83bbff;
    color: #fff;
    border-radius: 2px;
    -webkit-transition: height .2s linear 0ms;
    transition: all .2s linear 0ms
}

.catalog_filter .filters_show.filters_show-active {
    background: #fff;
    color: #000
}

.catalog_filter .filters_show svg {
    height: 38px;
    fill: #fff
}

.catalog_filter .sort {
    display: flex;
    align-items: center
}

.catalog_filter .sort span {
    background: #e0eeff;
    color: #737373;
    padding: 10px;
    margin: 1.4px;
    border-radius: 2px;
    font-weight: 100
}

.catalog_filter .sort .sort-name,
.catalog_filter .sort .sort-price {
    flex-grow: 2;
    display: flex;
    justify-content: space-between;
    background: #f6faff;
    padding: 0;
    margin: 1.4px;
    cursor: pointer;
    border-radius: 2px
}

.catalog_filter .sort .sort-name .slide_icon,
.catalog_filter .sort .sort-price .slide_icon {
    background-color: #222;
    width: 18px;
    height: 18px
}

.catalog_filter .sort .sort-name p,
.catalog_filter .sort .sort-price p {
    padding: 10px;
    color: #222;
    font-weight: 100;
    margin: 0
}

.catalog_filter .sort .name-icon,
.catalog_filter .sort .price-icon {
    padding: 10px;
    background: #e0eeff
}

.catalog_filter .sort [sort="0"] .slide_icon {
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg)
}

.filters_show-icon {
    width: 31px;
    padding-top: 3px
}

.price-regulator__itself {
    height: 30px;
    margin-top: 10px;
    margin-bottom: 10px
}

.price-regulator__bar {
    width: 100%;
    height: 2px;
    position: relative
}

.price-regulator__reg {
    display: block;
    position: absolute;
    height: 36px;
    width: 36px;
    padding: 6px;
    z-index: 2;
    cursor: pointer
}

.price-regulator__reg span {
    display: block;
    width: 100%;
    height: 100%;
    background: #f0f0f0;
    border: 1px solid #a4a4a4;
    border-radius: 50%
}

.price-regulator__reg_to {
    right: 0
}

.price-regulator__indicator {
    text-align: right;
    width: 100%
}

.price-regulator__interval {
    left: 18px;
    top: 16px;
    height: 4px;
    width: calc(100% - 36px);
    position: absolute;
    background: #7f7f7f
}

.price-regulator__interval span {
    display: block;
    height: 100%;
    width: 100%;
    background: var(--main-color)
}

.price_reg_flex_box {
    display: flex;
    font-size: large
}

.price_reg_flex_cont {
    flex: 1 1 auto;
    display: flex;
    align-content: flex-end;
    align-items: flex-end;
    justify-content: flex-end;
    color: #676767
}

.price_reg_value_item {
    flex: 1 1 auto
}

.price_reg_unit_item {
    flex: 1 1 auto;
    margin-left: 5px
}

.price_reg_value_item input {
    background: none;
    outline: none;
    border: 1px solid #7e7e7e
}

.price_reg_value_item input::-webkit-inner-spin-button,
.price_reg_value_item input::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0
}

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

.filter-block {
    position: fixed;
    z-index: 1003;
    background: #fff;
    top: 40px;
    height: 100%;
    width: 80%;
    right: -100%;
    overflow: scroll;
    padding: 0;
    transition: right .3s
}

.filter-block.open {
    right: 0
}

.filter-block.open .buttons {
    visibility: visible;
    opacity: 1;
    transition: opacity .3s .3s
}

.forget .choose_forget {
    display: flex;
    flex-flow: column
}

.forget .choose_forget span {
    display: flex;
    justify-content: space-around;
    align-items: center;
    width: 50%;
    height: 50px
}

.forget .choose_forget label {
    width: 60%;
    text-align: center;
    padding: 10px;
    background-color: var(--main-color);
    color: #fff;
    border-radius: 3px
}

.forget_do_text {
    text-align: center;
    padding: 5%;
    font-size: 12pt
}

.catalog-main {
    display: flex;
    flex-flow: row;
    flex-wrap: wrap;
    justify-content: center;
    margin-top: 5px
}

.category-item {
    width: 32%;
    border: 1px solid #ebebeb;
    margin: 1px;
    border-radius: 2px;
    color: #909090
}

.category-item__1 {
    text-align: center
}

.category-item__icon {
    width: 100%;
    margin: 10px 0 0
}

.category-item__icon img {
    width: 50px;
    height: 50px;
    filter: var(--filter-blue)
}

h3.category-item__title {
    font-size: .9rem;
    font-weight: 400;
    line-height: 1.1;
    margin: 0;
    height: 35px;
    padding-top: 10px;
    color: #353535
}

#catalogProducts {
    width: 100%;
    overflow-x: hidden
}

.rating {
    position: absolute;
    z-index: 1;
    padding: 10px
}

.product {
    margin-bottom: 20px;
    position: relative;
    width: 100%;
    background: none;
    overflow: hidden
}

.product.best_price:before {
    content: "Лучшая цена!";
    position: absolute;
    top: 75px;
    left: 10px;
    width: 50px;
    height: 50px;
    background: red;
    border-radius: 50px;
    line-height: 15px;
    text-align: center;
    padding-top: 10px;
    color: #fff;
    font-size: 11px;
    font-weight: 100;
    -webkit-box-shadow: 0 0 2px 0 #7e7e7e;
    -moz-box-shadow: 0 0 2px 0 #7e7e7e;
    box-shadow: 0 0 2px 0 #fff;
    z-index: 100
}

.product .product--deploy_b {
    display: none
}

.product .product--title {
    margin: 15px 5px;
    font-weight: 400
}

.product .product--button-cart {
    float: right;
    display: flex;
    flex-flow: row nowrap;
    padding: 5px
}

.product .product--img-box {
    width: 100%;
    border-bottom: 1px solid #e8e8e8;
    position: relative;
    top: 50px
}

.product .product--price-box {
    color: grey;
    float: left;
    margin: 0 5px;
    display: flex;
    flex-flow: column;
    justify-content: center;
    height: 50px
}

.product .product--price-box span.price-old {
    font-size: 12px;
    margin-right: 8px;
    position: relative;
    text-decoration: line-through
}

.product .product--price-box .price {
    font-size: 25px;
    color: var(--extra-text)
}

.product .product--info_block {
    position: absolute;
    width: 100%;
    color: #fff;
    height: 100%;
    background-color: hsla(0, 0%, 39.2%, .79)
}

.product .product--info_block-title {
    font-size: 21px;
    border-bottom: 1px solid #fff
}

.product .product--info_block {
    z-index: 11
}

.product .product--footer_box {
    z-index: 12
}

.product .product--button-more_detailed {
    position: absolute;
    right: 10px;
    top: 10px;
    border: 1px solid #959595;
    height: 22px;
    padding: 0 6px;
    border-radius: 15px;
    z-index: 100
}

.product .product--button-more_detailed svg {
    width: 20px;
    height: 20px;
    fill: #000
}

.product .product--button-more_detailed-active {
    background-color: hsla(0, 0%, 39.2%, .79);
    color: #fff
}

.product .product--button-more_detailed-active svg {
    fill: #fff
}

.product .product--menu {
    display: flex;
    background-color: #fff
}

.product .product--menu div:nth-child(2n) {
    border-right: none;
    border-left: none
}

.product .product--menu div:last-child {
    border-right: 1px solid
}

.product .product--menu_item {
    width: 100%;
    color: #8c8c8c;
    padding: 10px;
    border: 1px solid;
    text-align: center;
    cursor: pointer
}

.product .product--menu_item-active {
    background-color: hsla(0, 0%, 39.2%, .79);
    color: #fff;
    border: none
}

.product .product--footer_box {
    position: relative;
    width: 100%
}

@keyframes move {
    0% {
        opacity: 0
    }

    50% {
        opacity: .6
    }

    to {
        opacity: 1
    }
}

.product .product--characteristics_block,
.product .product--storage_box {
    height: calc(100% - 40px);
    z-index: 11
}

.product .product--characteristics_block,
.product .product--description,
.product .product--storage_box {
    animation: move .3s ease-in-out;
    text-align: center;
    position: absolute;
    width: 100%;
    overflow: hidden;
    display: none
}

.product .product--description {
    top: 0;
    height: inherit
}

.product .product--info_block-content {
    padding: 10px 0;
    overflow: hidden scroll;
    height: 99%
}

.product .product--imgs {
    display: flex;
    flex-flow: row nowrap;
    justify-content: flex-start;
    align-items: center;
    margin: 0 0 50px;
    width: 100%;
    z-index: 1;
    transition: .3s
}

.product .product--imgs img {
    flex: 1 0 100%
}

.product .product--imgs-swipe {
    width: 100%;
    height: 90%;
    opacity: 0;
    z-index: 2;
    position: absolute
}

.product .order_counter_img {
    position: absolute;
    z-index: 2;
    top: 20px;
    right: 0;
    width: 50px;
    height: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 7px;
    color: #fff;
    border-radius: 15px;
    background-color: hsla(0, 0%, 39.2%, .6)
}

.product .order_counter_img .current,
.product .order_counter_img .total {
    margin: 0 7px
}

.product .cit_rating {
    padding: 5px;
    position: absolute;
    display: flex;
    right: 0;
    z-index: 11
}

.product .cit_rating img {
    filter: var(--filter-blue);
    height: 15px
}

.product .cit_rating span {
    display: none
}

.mobile_products__item {
    margin: 1px;
    border: 1px solid #ccc
}

.mobile_products__item .search-mobile_product--block-a {
    width: 70%
}

.mobile_products__item .search-mobile_product--block-a h3.search-mobile_product--name.r2w-prod {
    font-size: 12px;
    margin: 5px 0 0
}

.mobile_products__item .search-mobile_product--block-c {
    display: flex
}

.mobile_products__item .search-mobile_product--block-c .search-mobile_product--image {
    width: 70px;
    margin-right: 5px
}

.mobile_products__item .search-mobile_product--block-c .search-mobile_product--add_basket {
    width: 40px;
    height: 40px;
    margin-top: 12px;
    background-color: var(--main-color);
    border-radius: 23px;
    padding: 8px;
    margin-right: 5px
}

.mobile_products__item .search-mobile_product--block-c .search-mobile_product--add_basket svg {
    width: 20px;
    fill: #fff
}

.search-product {
    box-shadow: none;
    position: relative;
    width: 100%;
    min-height: 160px;
    background: #fff;
    border: 0;
    padding: 4px 0
}

.search-product .cit_rating {
    bottom: -20px
}

.search-product .product--deploy_b {
    padding: 10px 0;
    width: 100%;
    display: flex;
    flex-flow: row nowrap;
    justify-content: center;
    color: #969696;
    border: 1px solid;
    cursor: pointer
}

.search-product .product--head-box {
    margin: 0 0 10px;
    float: right;
    width: 75%;
    padding: 0 0 15px
}

.search-product .product--footer_box {
    display: none
}

.search-product .product--price-box {
    text-align: center
}

.search-product .product--price-box .price {
    font-size: 25px;
    display: block;
    color: var(--extra-text)
}

.search-product .product--img-box {
    height: auto;
    min-width: 70px;
    border: 0;
    position: relative;
    width: 20%;
    text-align: center;
    top: 0
}

.search-product .product--img-box .pp_best_price,
.search-product .product--img-box .pp_lebel_discounts {
    bottom: -40px
}

.search-product .product--img-box .product--imgs {
    overflow: hidden
}

.search-product .product--img-box .order_counter_img {
    display: none
}

.product_page {
    max-width: 100%;
    margin: auto
}

.product_page .product_page--img_block {
    border-bottom: 1px solid #d6d6d6
}

.product_page .product_price_add {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid #d6d6d6;
    padding: 10px
}

.product_page .product_price {
    display: flex;
    flex-flow: column nowrap
}

.product_page .product_price .prices_cont {
    display: flex
}

.product_page .product_price .prices_cont .price_old {
    display: flex;
    align-items: center;
    padding: 0 20px
}

.product_page .product_price .prices_cont .price_old span {
    color: #7f7f7f;
    text-decoration: line-through;
    font-size: 1.5rem
}

.product_page .product_price .prices_cont .price_disc {
    border-radius: 3px;
    border: 1px solid #d8261e;
    padding: 5px 20px;
    margin: 0 5px 0 0;
    display: flex;
    justify-content: center;
    align-items: center
}

.product_page .product_price .prices_cont .price_disc span {
    color: #d8261e;
    font-size: 1.3rem
}

.product_page .product_price .price_curr span {
    font-size: 1.5rem;
    font-weight: 700
}

.product_page .product_price .price_curr strong {
    color: #d8261e
}

.product_page .product_price .price_title {
    display: flex;
    flex-flow: column nowrap;
    padding: 0 20px
}

.product_page .product_price .price_title span {
    color: #7f7f7f
}

.product_page--title {
    color: #fff;
    padding: 10px;
    background-color: var(--main-color);
    border-radius: 2px;
    display: flex;
    justify-content: center;
    align-content: center
}

.product_page--h1 {
    font-size: 1rem;
    width: 80%;
    margin: 0
}

.product_page--back_button {
    margin: 0 5px;
    width: 40px;
    height: 40px;
    border: 1px solid #fff;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    align-self: flex-end
}

.product_page--back_button img {
    width: 20px;
    height: 20px;
    filter: invert(1)
}

.product_page--img_carousel {
    background: #fff
}

.product_page--img_box {
    max-width: 600px
}

.product_page--img_box .product_images {
    display: flex;
    flex-flow: row nowrap;
    justify-content: flex-start;
    align-items: center;
    margin: 0 0 50px;
    width: 100%;
    z-index: 1;
    transition: .3s
}

.product_page--img_box .product_images img {
    flex: 1 0 auto;
    width: 100%
}

.product_page--img_box .order_counter_img {
    position: absolute;
    z-index: 2;
    top: 100px;
    right: 0;
    width: 50px;
    height: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 7px;
    color: #fff;
    border-radius: 15px;
    background-color: hsla(0, 0%, 39.2%, .6)
}

.product_page--img_box .order_counter_img .current,
.product_page--img_box .order_counter_img .total {
    margin: 0 7px
}

.img_carouse--items {
    padding: 2px;
    white-space: nowrap;
    overflow-x: auto;
    display: flex;
    justify-content: center
}

.img_carouse--item {
    width: 100px;
    height: 100px;
    margin-right: 2px;
    border: 1px solid #ccc;
    display: inline-block;
    cursor: pointer
}

.img_carouse--item-active {
    border: 1px solid var(--main-color)
}

.product_page--add_basket {
    display: flex
}

.product_page--add_basket .wish_block {
    width: unset;
    height: unset;
    padding: 5px 10px;
    margin: 0 10px;
    box-shadow: 0 0 2px 0 #7e7e7e;
    background-color: #fff
}

.product_page--add_basket .v1,
.product_page--add_basket .wish_block {
    border-radius: 3px;
    display: flex;
    align-items: center;
    justify-content: center
}

.product_page--add_basket .v1 {
    padding: 10px 40px;
    background: var(--main-color);
    color: #fff;
    margin: 0 15px 0 0
}

.product_page--add_basket .v2 {
    display: none;
    flex-flow: row nowrap;
    justify-content: center;
    align-content: center;
    align-items: center;
    box-shadow: 0 0 2px 0 #7e7e7e;
    border-radius: 2px;
    margin: 0 15px
}

.product_page--add_basket .v2 .button-cart--minus,
.product_page--add_basket .v2 .button-cart--plus {
    display: flex;
    justify-content: center;
    align-items: center;
    color: var(--main-color);
    padding: 0 20px;
    font-size: 2rem
}

.product_page--add_basket .v2 .button-cart--minus {
    border-right: 1px solid hsla(0, 0%, 49.8%, .27)
}

.product_page--add_basket .v2 .button-cart--plus {
    border-left: 1px solid hsla(0, 0%, 49.8%, .27)
}

.product_page--add_basket .v2 input.button-cart--count {
    padding: 0;
    text-align: center;
    font-size: 1rem
}

.product_page--add_basket-counter {
    display: flex;
    margin: auto;
    width: 112px
}

.product_page--add_basket-b_minus {
    cursor: pointer;
    width: 35px;
    height: 35px;
    line-height: 35px;
    text-align: center;
    border-radius: 18px;
    color: #d0d0d0;
    border: 1px solid #d0d0d0
}

.product_page--add_basket-b_minus:active {
    background: #d0d0d0;
    color: #fff
}

.product_page--add_basket-count {
    width: 35px;
    margin: 0 3px;
    border-radius: 10px;
    text-align: center;
    font-size: 22px
}

.product_page--add_basket-b_plus {
    width: 35px;
    height: 35px;
    line-height: 35px;
    text-align: center;
    border-radius: 18px;
    color: #d0d0d0;
    border: 1px solid #d0d0d0
}

.product_page--add_basket-b_plus:active {
    background: #d0d0d0;
    color: #fff
}

.product_page--add_basket_b {
    padding: 11px;
    display: block;
    background: var(--main-color);
    color: #fff;
    margin-top: 10px;
    border-radius: 4px
}

.product_page--add_basket-b-counter {
    cursor: pointer;
    width: 35px;
    height: 35px;
    line-height: 35px;
    text-align: center;
    border-radius: 18px;
    color: #d0d0d0;
    border: 1px solid #d0d0d0
}

.product_page--add_basket-b-counter:active {
    background: #d0d0d0;
    color: #fff
}

.product_page--add_basket-b {
    padding: 11px;
    display: block;
    background: var(--main-color);
    color: #fff;
    margin-top: 10px;
    border-radius: 4px
}

.product_page--add_basket-b:hover {
    color: #fff
}

.product_page--add_basket-b:active {
    color: #fff;
    text-decoration: none;
    background-color: var(--main-color) bd;
    outline: 1px solid #d2d2d2
}

.product_page .product_page--price-box {
    border-bottom: 0 solid #d6d6d6 !important;
    padding: 5px !important
}

.tab_list {
    padding: 0 10px;
    border-bottom: 1px solid #d6d6d6 !important;
    background: #fff;
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 45px;
    z-index: 1;
    cursor: pointer
}

.product_page--list {
    padding: 14px;
    background-color: hsla(0, 0%, 39.2%, .79);
    color: #fff;
    margin: 0;
    display: none;
    opacity: 0;
    transition: all .4s ease-out 0ms
}

.product_page--list-white {
    background: #fff;
    color: #000
}

span.b-open_list--arrow {
    width: 22px;
    height: 22px;
    display: flex;
    justify-content: center;
    align-items: center;
    border: 1px solid;
    border-radius: 50%;
    transition: all .1s ease-out 0ms
}

span.b-open_list--arrow img {
    width: 12px;
    height: 12px
}

.tab_list_active+.product_page--list {
    display: block;
    opacity: 1
}

.tab_list_active span.b-open_list--arrow {
    animation: rotare(3);
    transform: rotate(90deg)
}

span.b-open_list--text {
    color: #7d7d7d
}

.related_products--title {
    font-size: 18px;
    padding: 6px 11px;
    color: #696969
}

.rating-page-product {
    text-align: center;
    width: 100%;
    position: absolute;
    bottom: 0
}

.rating-page-product .rating-box {
    position: relative;
    display: inline-block
}

#certificates {
    flex-flow: column nowrap
}

#certificates,
#certificates>div {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start
}

#certificates>div {
    flex-flow: row wrap
}

#certificates>div>a {
    margin: 5px;
    padding: 5px;
    color: var(--extra-text);
    border: 1px solid var(--extra-text);
    border-radius: 3px
}

#certificates>div>a,
#certificates>div>p {
    display: flex;
    flex-flow: row nowrap;
    justify-content: center;
    align-items: center
}

#certificates>div>p {
    margin: 10px 5px
}

#certificates>div>a img,
#certificates>div>p img {
    filter: opacity(.75) contrast(.85);
    margin: 0 5px
}

#certificates>div:last-child>p {
    flex-flow: column nowrap
}

#certificates>div:last-child>p a {
    margin: 10px;
    padding: 5px 10px;
    font-size: 16px;
    border: 1px solid;
    border-radius: 3px
}

.blog .post {
    margin-bottom: 40px;
    margin-top: -3px;
    border-top-width: 1px;
    padding: 37px 0 0
}

.blog .post:first-child {
    border-top-width: 0;
    margin-top: -3px
}

.blog .post .entry-title {
    font-size: 26px;
    font-weight: 400;
    margin: 0 0 17px
}

.blog .post .entry-title a {
    color: #1e1e1e;
    text-decoration: none;
    -webkit-transition: opacity .2s linear;
    transition: opacity .2s linear
}

.blog .post .entry-content {
    margin: 0 0 25px
}

.blog .post .entry-meta {
    color: #7f7f7f;
    font-size: 12px;
    line-height: 1.3
}

.blog .pagination {
    display: flex;
    justify-content: center
}

.blog .pagination li {
    margin-left: 10px;
    border: 1px solid #f0f0f0;
    border-radius: 50%;
    height: 22px;
    width: 22px
}

.news_cont_meta {
    text-align: end;
    color: #7f7f7f;
    padding: 10px
}

.vote_image_cont {
    margin: 10px 0;
    width: 100%;
    display: flex;
    flex-flow: column nowrap;
    justify-content: center;
    align-items: center
}

.vote_image_cont .vote_image_title h2 {
    text-align: center;
    font-size: 20px
}

.vote_image_cont form {
    display: flex;
    flex-flow: column;
    align-items: center;
    justify-content: center
}

.vote_image_cont form ul {
    display: flex;
    flex-flow: row wrap;
    justify-content: center;
    max-width: 700px
}

.vote_image_cont form ul li {
    display: flex;
    flex-flow: column;
    justify-content: space-between;
    align-items: center;
    background-color: #fff;
    border: 2px solid #8e8e8e;
    width: 90%;
    margin: 0 0 5px
}

.vote_image_cont form ul li input {
    display: none
}

.vote_image_cont form ul li label {
    cursor: pointer;
    text-align: center;
    background-color: #676767;
    color: #fff;
    padding: 10px 20px;
    margin: 10px 0;
    border-radius: 2px;
    font-size: 16px
}

.vote_image_cont form ul li[data-selected="1"] {
    border: 2px solid var(--main-color)
}

.vote_image_cont form button,
.vote_image_cont form ul li[data-selected="1"] label {
    background-color: var(--main-color)
}

.vote_image_cont form button {
    font-size: 20px;
    color: #fff;
    padding: 10px 15px;
    margin: 20px 0;
    border-radius: 2px;
    outline: none;
    cursor: pointer
}

.order {
    box-shadow: 0 0 2px 0 #5c5c5c;
    margin: 10px;
    padding: 10px;
    margin-bottom: 30px !important;
    position: relative
}

.order .order_block {
    display: flex
}

.order .order_block .order_info,
.order .order_block .order_items {
    width: 50%
}

@media (max-width:1200px) {
    .order .order_block {
        display: block
    }

    .order .order_block .order_info,
    .order .order_block .order_items {
        width: 100%
    }
}

.order.order_shipped {
    box-shadow: 0 0 2px 0 #00be0f
}

.order.order_wait {
    box-shadow: 0 0 2px 0 var(--main-color)
}

.order.order_stop {
    box-shadow: 0 0 2px 0 #da251b
}

.order .order_numb {
    border-bottom: 1px solid #e7e7e7
}

.order .text {
    font-weight: 700;
    color: #676767
}

.order .order_summ_price {
    border-top: 1px solid #e7e7e7;
    font-size: 18px;
    text-align: end
}

.order .order_summ_sale {
    margin-top: 5px;
    font-size: 16px;
    text-align: end
}

.order .item {
    min-height: 150px;
    box-shadow: 0 0 2px 0 hsla(0, 0%, 62.7%, .75);
    background: #f2f2f2;
    margin: 10px 10px 10px 2px
}

.order .item .product-name {
    color: #1e1e1e;
    font-size: 16px;
    font-weight: 400;
    line-height: 30px;
    margin: 0 0 5px 5px
}

.order .item .product-name a {
    color: #1e1e1e;
    text-decoration: none
}

.order .item .product-name a,
.order .item .product-name a:hover {
    -webkit-transition: opacity .2s linear;
    transition: opacity .2s linear
}

.order .item .product-name a:hover {
    opacity: .8;
    filter: alpha(opacity=80)
}

.order .item .summ {
    display: inline-block;
    margin-left: 5px;
    font-size: 16px
}

div#cancelOrder {
    position: absolute;
    top: 2px;
    right: 2px;
    padding: 3px;
    background: #ff5c5c;
    color: #fff;
    border-radius: 3px;
    cursor: pointer
}

* {
    zoom: 1;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

a {
    color: var(--extra-color);
    cursor: pointer
}

a,
a:hover {
    text-decoration: none
}

a:hover {
    color: #802525
}

a:focus {
    text-decoration: none
}

button,
input,
select,
textarea {
    font: inherit;
    color: inherit;
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
    margin: 0;
    border: none;
    -webkit-appearance: none
}

input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration,
input[type=search]::-webkit-search-results-button,
input[type=search]::-webkit-search-results-decoration {
    display: none
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: 500;
    line-height: 1.1
}

h2 {
    font-size: 1.8rem
}

h5 {
    margin: 0 0 5px
}

ul {
    padding-left: 0
}

li {
    list-style: none
}

body {
    font-family: HelveticaNeue-Light, Helvetica Neue Light, Helvetica Neue, Helvetica, Arial, Lucida Grande, sans-serif;
    height: 100%;
    margin: 0;
    overflow: hidden auto;
    background: #fff;
    -webkit-appearance: none;
    -webkit-font-smoothing: antialiased;
    -webkit-overflow-scrolling: touch
}

body.modal {
    overflow-y: hidden
}

body.modal #modalMain {
    width: 100%;
    height: 100%;
    opacity: 1;
    transition: opacity .4s
}

body.modal #modalMain .windowProduct {
    opacity: 1;
    transition: .4s .5s
}

html {
    font-size: 14px;
    font-family: sans-serif;
    height: 100%;
    -webkit-overflow-scrolling: touch
}

header {
    height: 40px
}

img {
    max-width: 100%;
    height: auto;
    object-fit: contain
}

main {
    position: relative;
    width: 100%;
    margin: 10px 0 0;
    overflow: hidden;
    padding: 0 5px
}

label {
    display: inline-block
}

iframe {
    max-width: 100%
}

.cover {
    display: none;
    position: fixed;
    width: 100%;
    height: 100%;
    background-color: rgba(69, 69, 69, .79);
    z-index: 1001;
    top: 0
}

.page-wrapper {
    min-height: 600px
}

.container {
    margin: 0 !important
}

.content {
    padding: 10px
}

.red {
    font-size: 14px;
    font-weight: 400;
    color: red;
    margin: 25px 0 0
}

.price_for_reg {
    color: #ff6363;
    font-size: 14px;
    text-align: center;
    padding: 4px 4px 4px 14px;
    display: block;
    border: 1px solid #ff9c9c;
    margin: 2px;
    border-radius: 2px;
    position: relative
}

.LoadingAjax {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    z-index: 1100;
    padding-top: 40px;
    text-align: center;
    display: none;
    background-color: var(--main-color);
    transition: opacity .25s ease-in-out 0
}

.LoadingAjax img {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%)
}

.animate-wait {
    display: flex;
    justify-content: center
}

.name_page {
    font-size: 2.5rem;
    color: #fff;
    position: absolute;
    bottom: 20%;
    width: 100%;
    text-align: center
}

.error_wrap {
    position: relative;
    top: 50%;
    left: 50%;
    transform: translate(-50%);
    width: 400px;
    z-index: 2;
    border-radius: 5px;
    text-align: center
}

.error_wrap,
.errors {
    background-color: #e16565;
    color: #fff;
    padding: 15px
}

.errors {
    margin-bottom: 15px;
    border-radius: 9px;
    margin-top: 50px;
    width: 50%
}

.errors h4 {
    font-size: 26px;
    margin-top: 0
}

.errors ul {
    margin-bottom: 0
}

.button {
    cursor: pointer
}

.product-name {
    color: #1e1e1e;
    font-size: 20px;
    font-weight: 400;
    line-height: 30px;
    margin: 0 0 14px
}

.product-name a {
    color: #1e1e1e;
    text-decoration: none
}

.product-name a,
.product-name a:hover {
    -webkit-transition: opacity .2s linear;
    transition: opacity .2s linear
}

.product-name a:hover {
    opacity: .8;
    filter: alpha(opacity=80)
}

.list .product .price-box {
    position: relative;
    bottom: 0;
    text-align: left;
    width: 100%;
    margin: 0 0 30px
}

.list .product .price-box .price {
    font-size: 24px;
    font-weight: 400
}

@media (max-width:991px) {
    .table-box {
        overflow-x: auto;
        padding: 0 1px
    }
}

.dis_banner {
    display: none;
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    z-index: 10000;
    text-align: center;
    padding: 8%;
    background-color: rgba(0, 0, 0, .39)
}

#SwitchVersion,
.seo-text {
    margin: 10px
}

.seo-text {
    color: #676767;
    font-size: 12px
}

.seo-text__li {
    margin-left: 30px
}

.seo-text__h1 {
    font-size: 16px
}

.hidden {
    display: none
}

.hidded {
    visibility: hidden
}

.transparent_shadow {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    z-index: 9
}

.btn-default {
    color: #333;
    background-color: #fff;
    border: 1px solid #ccc;
    display: inline-block;
    margin-bottom: 0;
    font-weight: 400;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    border-radius: 2px;
    -webkit-user-select: none;
    user-select: none
}

.slide_icon {
    width: 20px;
    height: 20px;
    background-color: #676767;
    -webkit-mask: url(/images/svg/solid/chevron-up.svg) no-repeat 50% 50%;
    mask: url(/images/svg/solid/chevron-up.svg) no-repeat 50% 50%
}

.slide_toggle {
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg)
}

.youtube_wrap {
    display: flex;
    flex-flow: column;
    justify-content: center
}

.youtube_wrap li {
    margin: 5px
}

.youtube_wrap p {
    margin: 0;
    width: 95%
}

.youtube_wrap {
    z-index: 2;
    position: relative
}

.youtube_wrap .youtube_iframe {
    width: 99%;
    height: 250px
}

.youtube_wrap .youtube_overlay {
    display: flex;
    justify-content: center;
    align-items: center;
    background-size: contain;
    background-position: 50%;
    background-repeat: round;
    color: #ccc;
    cursor: pointer
}

.youtube_wrap .youtube_overlay img {
    width: 20%
}

.youtube_wrap p {
    margin: 5px 20px
}

.yw_first {
    flex-flow: column nowrap
}

.yw_first,
.yw_first li {
    display: flex;
    justify-content: center
}

.yw_first li {
    width: 100%;
    margin: 10px 0 0;
    flex-flow: column nowrap;
    align-items: flex-start;
    flex: 1 1
}

.yw_first li .youtube_overlay {
    width: 100%;
    height: 240px
}

.yw_second {
    flex-flow: row wrap
}

.yw_second,
.yw_second li {
    display: flex;
    justify-content: center
}

.yw_second li {
    margin: 10px 0 0;
    flex-flow: row wrap;
    align-items: flex-start;
    flex: 1 1;
    width: 100%
}

.yw_second li .youtube_overlay {
    width: 420px;
    height: 240px
}

.discounts_and_events_menu {
    display: flex;
    justify-content: center;
    height: 50px;
    background-color: #fff;
    padding: 5px 0
}

.discounts_and_events_menu section {
    cursor: pointer;
    width: 150px;
    display: flex;
    justify-content: center;
    align-items: center;
    border: 1px solid #b5b5b5;
    background-color: #efefef
}

.discounts_and_events_menu section span {
    font-size: 18px
}

.discounts_and_events_menu section[data-active="1"] {
    background-color: var(--main-color) !important;
    color: #fff
}

.discounts_and_events_menu section:last-child {
    border-left: none
}

.discounts_and_events_wrapper {
    display: flex;
    flex-flow: column
}

.discounts_and_events_wrapper .discounts_and_events_item {
    display: flex;
    flex-flow: column;
    justify-content: flex-start;
    visibility: visible;
    border-bottom: 1px solid #e1e1e1;
    height: auto;
    padding: 5px;
    opacity: 1
}

.discounts_and_events_wrapper .discounts_and_events_item>a {
    color: inherit
}

.discounts_and_events_wrapper .discounts_and_events_item>a:hover {
    color: var(--main-color)
}

.discounts_and_events_wrapper .discounts_and_events_item section,
.discounts_and_events_wrapper .discounts_and_events_item section .dae_item_image {
    display: flex;
    flex-flow: column
}

.discounts_and_events_wrapper .discounts_and_events_item section .dae_item_image section {
    display: flex;
    flex-flow: column;
    justify-content: center;
    align-items: center;
    min-height: 50px;
    background-color: var(--main-color);
    color: #fff;
    margin: 5px 0 0
}

.discounts_and_events_wrapper .discounts_and_events_item section .dae_item_image section div {
    display: flex;
    flex-flow: row
}

.discounts_and_events_wrapper .discounts_and_events_item section .dae_item_image section div span {
    margin: 0 3px
}

.discounts_and_events_wrapper .discounts_and_events_item section .dae_item_text {
    width: 100%;
    display: flex;
    flex-flow: column nowrap;
    justify-content: center;
    padding: 0 15px
}

.discounts_and_events_wrapper .discounts_and_events_item section .dae_item_product {
    display: flex;
    flex-flow: column;
    justify-content: space-between
}

.discounts_and_events_wrapper .discounts_and_events_item section .dae_item_product .subcategory_catalog {
    border: 1px solid #b5b5b5;
    display: flex;
    justify-content: center
}

.discounts_and_events_wrapper .discounts_and_events_item section .dae_item_product .subcategory_catalog img {
    max-width: 250px
}

.discounts_and_events_wrapper .discounts_and_events_item[data-active="0"] {
    visibility: hidden;
    border-bottom: 0;
    min-height: 0;
    height: 0;
    padding: 0;
    opacity: 0;
    display: none
}

.image_scale {
    position: absolute;
    z-index: 2;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    user-select: none
}

.image_scale [data-button] {
    position: absolute;
    filter: invert(1);
    cursor: pointer
}

.image_scale [data-button=close] {
    z-index: 4;
    top: 2vh;
    right: 2vw;
    width: 7vw
}

.image_scale [data-button=prev] {
    z-index: 3;
    left: 1vw;
    width: 1vw;
    height: 100vh
}

.image_scale [data-button=next] {
    z-index: 3;
    right: 1vw;
    width: 1vw;
    height: 100vh
}

.image_scale [data-img=item] {
    height: 100%
}

.supClass {
    font-size: .7rem !important;
    position: relative;
    top: -4px;
    margin: 0 !important
}

.button-wrapper {
    padding: 3px
}

.LoadMore {
    width: 100%;
    text-align: center;
    font-size: 23px;
    margin-top: 10px;
    color: #676767;
    -moz-transition: transform .2s .1s ease;
    -webkit-transition: transform .2s ease .1s;
    transition: transform .2s ease .1s;
    cursor: pointer;
    color: #fff;
    background: var(--main-color)
}

.LoadMore:hover {
    transform: translateY(-1px);
    background: var(--extra-color);
    color: #fff
}

.LoadMore:active {
    transform: translateY(2px)
}

.pagination-box {
    text-align: center
}

.pagination-box .fa-angle-left:before {
    content: "\f104"
}

.pagination-box .fa-angle-right:before {
    content: "\f105"
}

.__jivoMobileButton {
    display: none !important
}

.panel {
    width: 100%;
    position: fixed;
    background-color: #fff;
    z-index: 1005
}

.panel[data-panel=top] {
    height: 40px;
    top: 0;
    border-bottom: 1px solid #ccc;
    display: flex;
    flex-flow: row nowrap;
    justify-content: flex-start
}

.panel[data-panel=top] .bars,
.panel[data-panel=top] .icons>.login {
    width: 50px;
    display: flex;
    justify-content: center;
    align-items: center
}

.panel[data-panel=top] .bars img,
.panel[data-panel=top] .icons>.login img {
    width: 35px;
    height: 35px;
    filter: var(--filter-blue)
}

.panel[data-panel=top] .logo {
    flex: 1 1
}

.panel[data-panel=top] .logo a {
    margin: 0 0 0 -30px;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center
}

.panel[data-panel=top] .logo a img {
    height: 95%
}

.panel[data-panel=top] .icons>.user {
    width: 60px;
    height: 100%;
    display: flex
}

.panel[data-panel=top] .icons>.user .avacon {
    width: 20px;
    display: flex;
    justify-content: center;
    align-items: flex-end;
    transform: translateX(10px)
}

.panel[data-panel=top] .icons>.user .avatar {
    width: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #d6d6d6;
    border-radius: 50%
}

.panel[data-panel=top] .icons>.user .avatar img[data-has="1"] {
    border-radius: 50%;
    max-width: 95%;
    object-fit: unset
}

.panel[data-panel=top] .icons>.user .avatar img[data-has="0"] {
    width: 30px;
    height: 30px;
    filter: var(--filter-blue)
}

.panel[data-panel=bottom] {
    height: 50px;
    bottom: 0;
    border-top: 1px solid #ccc;
    display: flex;
    flex-flow: row nowrap
}

.panel[data-panel=bottom] .button_panel {
    flex: 1 1;
    display: flex;
    flex-flow: column nowrap;
    justify-content: center;
    align-items: center
}

.panel[data-panel=bottom] .button_panel img {
    width: 25px;
    height: 25px
}

.panel[data-panel=bottom] .button_panel span {
    color: #676767;
    text-align: center;
    font-size: .8rem;
    font-weight: 700
}

.panel[data-panel=bottom] .button_panel[data-button=catalog] span,
.panel[data-panel=bottom] .button_panel[data-button=filter] span {
    color: var(--main-color)
}

.panel[data-panel=bottom] .button_panel[data-button=basket] b {
    position: absolute;
    top: 0;
    margin: 0 0 0 20px;
    padding: 0 5px;
    opacity: 0;
    color: #fff;
    font-size: .8rem;
    text-align: center;
    overflow: hidden;
    background: #ff544a;
    border-radius: 20px;
    transition: .2s
}

.personality_item {
    width: 270px;
    -webkit-box-shadow: 0 0 2px 0 hsla(0, 0%, 62.7%, .75);
    -moz-box-shadow: 0 0 2px 0 hsla(0, 0%, 62.7%, .75);
    box-shadow: 0 0 2px 0 hsla(0, 0%, 62.7%, .75);
    position: relative;
    margin: 10px;
    overflow: hidden;
    cursor: pointer
}

.personality_info {
    z-index: 2;
    position: relative;
    padding: 10px;
    background: #fff;
    height: 120px;
    display: flex;
    flex-flow: column;
    justify-content: center
}

.personality_info .name {
    font-size: 24px
}

.personality_info .role {
    color: grey
}

.invisible_info {
    background-color: hsla(0, 0%, 100%, .73);
    width: 270px;
    z-index: 1;
    color: #060303;
    border-top: 1px solid #e6e5e1;
    padding: 10px
}

.invisible_info .personality_mail {
    padding-left: 5px;
    margin-top: 5px
}

.invisible_info .personality_phone {
    padding-left: 5px
}

.invisible_info .description_role {
    margin-top: 5px;
    padding-left: 5px
}

.personalitys {
    display: flex;
    flex-wrap: wrap;
    justify-content: center
}

.personality_item {
    display: inline-block
}

.personality-box {
    line-height: normal
}

.personality-box .title {
    text-align: center
}

.additional_products h2 {
    font-size: 1.5rem;
    color: #676767
}

.product_rating {
    margin: 0;
    padding: 10px 0 5px;
    position: absolute;
    left: 5px
}

.product_rating .pr_rating {
    position: relative;
    display: flex
}

.product_rating .pr_rating img {
    filter: var(--filter-blue);
    height: 20px
}

.product_rating .pr_rating span {
    display: none
}

.page-header {
    background: -webkit-gradient(linear, left top, right top, from(#d3d4ff), to(#fb8e72));
    background: linear-gradient(90deg, #d3d4ff, #fb8e72);
    color: #fff;
    margin: 5px 5px 0;
    padding: 15px;
    border-radius: 2px
}

.page-header .title {
    text-align: center;
    margin: 0;
    font-size: 1.5rem
}

.title_bottom_404,
.title_right_404 {
    text-align: center;
    position: relative;
    margin-bottom: 0
}

.title_bottom_404 a {
    text-decoration: underline
}

.title_center_404 {
    text-align: center;
    font-size: 100px;
    font-weight: 700;
    position: relative;
    padding: 0;
    margin: 0
}

.cont_img_404 {
    background-position-x: 35%;
    background-position-y: 100%;
    background-size: contain;
    background-repeat: no-repeat;
    background-attachment: scroll;
    position: relative;
    width: 100%;
    height: 300px
}

.page_404_wrapper {
    position: relative;
    width: 100%;
    height: 100%
}

.form_element .btn {
    background: #0098ca;
    border: 0;
    border-radius: 3px;
    box-shadow: none;
    color: #fff;
    line-height: 22px;
    outline: none;
    padding: 10px 20px;
    text-shadow: none;
    -webkit-filter: none;
    filter: none;
    -webkit-transition: background .2s linear, color .2s linear;
    transition: background .2s linear, color .2s linear;
    white-space: normal
}

.form_element label {
    width: 100%
}

.checkbox-inline input[type=checkbox],
.checkbox input[type=checkbox],
.radio-inline input[type=radio],
.radio input[type=radio] {
    float: left;
    margin-left: -14px
}

.radio-container {
    display: block;
    position: relative;
    padding-left: 22px;
    margin-bottom: 12px;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.radio-container,
.radio-container div {
    font-size: 15px;
    font-weight: 1
}

.radio-container input {
    position: absolute;
    opacity: 0;
    cursor: pointer
}

.dychoose>.radio-container {
    display: inline-block;
    padding-right: 30px
}

.checkmark {
    position: absolute;
    top: 5px;
    left: 5px;
    height: 18px;
    width: 18px;
    border: 1px solid #333;
    border-radius: 50%
}

.radio-container:hover input~.checkmark {
    background-color: #ccc
}

.radio-container input:checked~.checkmark {
    background-color: #fff
}

.checkmark:after {
    content: "";
    position: absolute;
    display: none
}

.radio-container input:checked~.checkmark:after {
    display: block
}

.radio-container .checkmark:after {
    top: 3px;
    left: 3px;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: #333
}

.recommended-product-wrapper {
    position: relative;
    overflow: hidden;
    height: 500px
}

@media (max-width:600px) {
    .recommended-product-wrapper {
        float: none !important;
        margin: auto
    }

    .recommended-product-wrapper .products__item {
        width: 335px
    }
}

@media (min-width:600px) {
    .recommended-product-wrapper {
        float: none !important;
        width: 460px !important;
        margin: auto
    }
}

@media (min-width:992px) {
    .recommended-product-wrapper {
        float: none !important;
        width: 690px !important;
        margin: auto
    }
}

@media (min-width:1200px) {
    .recommended-product-wrapper {
        float: none !important;
        width: 920px !important;
        margin: auto
    }
}

.recommended-product-wrapper .recommended-product {
    position: absolute;
    display: flex;
    left: 0
}

.reg-title {
    text-align: center
}

.input_reg {
    border: 1px solid #cecece;
    border-radius: 2px;
    display: block;
    font-size: 1.1rem;
    line-height: 9px;
    font-weight: 100;
    width: 100%;
    transition: all .3s ease-out 0ms;
    position: relative;
    padding: 10px;
    height: 55px;
    text-shadow: 1px 1px 20px #fff;
    z-index: 1;
    background-color: rgba(0, 255, 255, 0)
}

.input_reg p {
    margin: 0
}

.input_reg:before {
    background: green
}

.input_reg:disabled {
    background-color: #cecece
}

.input_reg.error {
    border-color: var(--selected-red)
}

.input_reg_wo_js {
    border: 1px solid #cecece;
    border-radius: 2px;
    display: block;
    font-size: 1.2rem;
    padding: 5px 10px;
    text-shadow: 1px 1px 20px #fff;
    z-index: 1;
    background-color: rgba(0, 255, 255, 0)
}

.flexRes {
    display: flex
}

.flexRes .ca_reset {
    display: flex;
    flex-flow: row;
    align-items: center;
    cursor: pointer
}

.flexRes .ca_reset img {
    width: 30px;
    height: 30px
}

.okValid {
    border: 1px solid var(--main-color) !important
}

.okValid:before {
    background: green
}

.errorValid {
    border: 1px solid red !important
}

.dataReg {
    position: relative;
    margin: 2px 0
}

.dataReg .titleInput {
    font-size: 12px;
    margin: 0;
    position: absolute;
    z-index: 2;
    right: 6px;
    top: 0;
    color: #b3b3b3
}

.dataReg .disabledTitleInput {
    color: #3e3e3e
}

.dataReg .ok {
    display: none;
    position: absolute;
    top: 0;
    left: 10px;
    font-size: 16px;
    font-family: Glyphicons Halflings;
    transition: all .3s ease-out 0ms
}

.dataReg .ok svg {
    width: 20px;
    margin-top: 4px;
    margin-right: 5px;
    fill: var(--main-color)
}

.dataReg .ok.active {
    display: flex
}

label.error {
    width: 100%;
    padding-left: 10px;
    color: #fff;
    background-color: var(--selected-red);
    transition: all .2s ease-out 0ms;
    border-radius: 2px
}

span.useful-information {
    position: absolute;
    font-size: 12px;
    display: flex;
    line-height: 31px;
    padding-left: 10px;
    color: #717171;
    display: none
}

span.useful-information.active {
    display: flex
}

.useful-information--icon svg {
    width: 20px;
    margin-top: 4px;
    margin-right: 5px;
    fill: #717171
}

.captcha .error {
    position: relative;
    top: 0;
    left: 0;
    font-weight: 100
}

.captcha {
    margin: 0 2px
}

.captcha label.error {
    display: flex;
    justify-content: center;
    position: relative;
    left: -25%;
    margin: 0 0 0 25%
}

.captcha input {
    text-align: center
}

.captcha span.error {
    width: 100%;
    top: 116px !important
}

.captcha span.error.active {
    top: 71px
}

.descrDo {
    display: block;
    font-size: 12px;
    margin: 0;
    position: absolute;
    z-index: 2;
    right: 6px;
    top: 65px;
    color: #b3b3b3;
    font-weight: 100
}

.dataForm {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    margin: 0 2px
}

.dataForm>div {
    width: 50%;
    min-width: 300px
}

@media (max-width:646px) {
    .dataForm>div {
        width: 100%
    }
}

.approval {
    text-align: center
}

.chek {
    stroke-dasharray: 126.37, 126.37;
    stroke-dashoffset: 0;
    transition: opacity .2s ease-in-out 0s;
    stroke: #fff;
    opacity: 0;
    stroke: #01be01 !important;
    stroke-width: 13px;
    stroke-linecap: round;
    stroke-linejoin: round;
    fill: none
}

.chekSvg {
    width: 20px;
    height: 20px;
    color: #fff;
    left: 2px;
    position: absolute;
    top: 2px;
    z-index: 1
}

#confid:checked+.chekSvg .chek {
    opacity: 1
}

#confid:checked+.lChek {
    border: 1px solid var(--main-color);
    background: var(--main-color)
}

#confid:checked+.lChek .galochka {
    color: #fff
}

#confid {
    display: none
}

.lChek {
    width: 50px;
    height: 50px;
    border: 1px solid #b5b5b5;
    margin: 0;
    cursor: pointer;
    position: relative;
    z-index: 10;
    border-radius: 25px
}

.lChek .galochka {
    color: #e6e6e6;
    font-size: 30px
}

.chek_box {
    position: relative;
    display: inline-block;
    margin-right: 20px
}

.titleForm {
    text-align: center
}

.textConf {
    display: inline-block;
    font-size: 18px;
    width: 85%;
    text-align: start;
    margin: 0;
    line-height: 25px
}

.textConf>.link-textConf {
    text-decoration: underline;
    color: #ff982a
}

#captcha_img {
    border: 1px solid #e5e5e5;
    margin: 7px;
    width: 159px
}

#captcha_reset {
    height: 20px;
    width: 20px;
    display: inline-block;
    position: absolute;
    margin-top: 21px
}

.b1 {
    position: relative;
    margin-bottom: 17px;
    display: flex;
    padding: 0 20px;
    margin-top: 10px;
    border-radius: 2px
}

.b1 .error {
    width: 100% !important;
    display: block;
    top: 40px;
    left: 0;
    position: fixed;
    z-index: 11;
    background-color: rgba(255, 0, 0, .68);
    color: #fff;
    padding: 5px
}

#regButton {
    padding: 10px;
    background: var(--main-color);
    color: #fff;
    width: 100%;
    border-radius: 2px;
    box-shadow: 0 0 2px 0 #7e7e7e
}

#regButton:disabled {
    background: #666
}

.border-button {
    padding: 2px
}

#searchProducts {
    overflow-y: none;
    height: auto;
    display: flex;
    flex-wrap: wrap
}

.extra {
    display: none
}

.page-search {
    padding-top: 50px
}

.search-categorys {
    border: 0;
    font-size: 12px
}

.page-box {
    background: none !important
}

.result-text {
    padding-left: 5px;
    border-bottom: 1px solid #ccc;
    margin-top: 20px
}

.block-search {
    z-index: 1000;
    position: fixed;
    width: 100%;
    height: auto;
    top: 40px;
    padding: 5px;
    background-color: #fff
}

.block-search form[name=search] {
    margin: 5px 0 0;
    display: flex;
    flex-flow: row nowrap
}

.block-search form[name=search] input {
    height: 40px;
    width: calc(100% - 50px);
    padding: 0 10px;
    border: 1px solid #ccc;
    outline: none
}

.block-search form[name=search] [type=submit] {
    width: 40px;
    height: 40px;
    background-color: var(--main-color);
    display: flex;
    justify-content: center;
    align-items: center
}

.block-search form[name=search] [type=submit] img {
    width: 20px;
    height: 20px
}

.search-category {
    width: 100%;
    display: block;
    padding: 7px;
    border-bottom: 1px solid #ccc;
    text-decoration: none
}

.search-category:active {
    background: #f3f3f3
}

span.search-category--parent_cat {
    display: block;
    font-size: 10px;
    color: #b1b1b1
}

.search-category--cat {
    font-size: 16px;
    color: #000;
    text-decoration: underline
}

#open_block_search {
    cursor: pointer;
    font-weight: 100;
    margin-left: 20px;
    margin-right: 20px;
    margin-top: 10px;
    padding: 7px;
    font-size: 15px;
    color: #353535;
    border: 1px solid #9c9c9c;
    border-radius: 18px;
    text-align: center
}

#open_block_search.close:hover {
    opacity: 1;
    color: #000
}

#open_block_search.close .o,
#open_block_search.open .c {
    display: inline-block !important
}

.search_page_no_result {
    position: relative;
    width: 100%;
    height: 500px;
    display: flex;
    justify-content: center
}

.search_page_no_result_cont {
    padding: 25px;
    width: max-content;
    height: max-content;
    border-radius: 3px;
    border: 1px solid #ccc;
    box-shadow: 0 0 3px 0 hsla(0, 0%, 62.7%, .75);
    text-align: center
}

.search_page_no_result_cont p {
    font-size: 1.5rem;
    margin: 0;
    display: inline-block
}

.search_page_no_result_cont span {
    font-size: 1.5rem;
    font-weight: 700;
    margin: 0 5px;
    display: inline-block
}

.bannerWrapper {
    overflow: hidden
}

.bannerWrapper .bannerStrip {
    height: 5px;
    width: 0;
    position: absolute;
    z-index: 1;
    margin: 0 1px;
    background-image: linear-gradient(75deg, #ff8ec7, #24b2ff);
    border-radius: 2px;
    box-shadow: inset 0 2px 5px rgba(0, 0, 0, .25)
}

.bannerWrapper .bannerStrip.animStrip {
    transition: width 10s ease-in-out;
    width: calc(100% - 4px)
}

.bannerWrapper .bannerImgs {
    display: flex;
    opacity: .3;
    transition: opacity .4s
}

.bannerWrapper .bannerImgs .sliderWrapper {
    width: 100vw;
    height: 27vw;
    display: flex;
    flex-flow: row nowrap;
    justify-content: flex-start;
    align-items: center;
    transition: .4s
}

.bannerWrapper .bannerImgs .sliderWrapper a {
    display: flex;
    flex: 1 0 100%
}

.bannerWrapper .bannerImgs .sliderWrapper img {
    width: 100%
}

.bannerWrapper .bannerNames {
    height: 50px;
    width: 100%;
    display: flex;
    border: 1px solid #e1e1e1;
    margin: 0 0 5px
}

.bannerWrapper .bannerNames .bannerNamesItems {
    width: 85%;
    position: relative;
    display: flex;
    flex-flow: row nowrap;
    overflow: hidden
}

.bannerWrapper .bannerNames .bannerNamesItems .bannerNameItem {
    display: none;
    flex: 1 0 100%;
    justify-content: center;
    align-items: center;
    padding: 10px 5px;
    text-align: center;
    color: #525252;
    font-size: 1.2rem;
    font-weight: 700;
    cursor: pointer
}

.bannerWrapper .bannerNames .bannerNamesItems .bannerNameItem[data-selected="1"] {
    display: flex
}

.bannerWrapper .bannerNames .bannerCounterItems {
    width: 15%;
    position: relative;
    display: flex;
    justify-content: space-around;
    align-items: center;
    padding: 0 10px;
    border-left: 1px solid #e1e1e1
}

.bannerWrapper .bannerNames .bannerCounterItems .currentItem,
.bannerWrapper .bannerNames .bannerCounterItems .maxCount,
.bannerWrapper .bannerNames .bannerCounterItems .seporatorCount {
    color: #676767;
    font-size: 1.5rem
}

.bannerWrapper .bannerNoticeIcon {
    position: absolute;
    top: 0;
    width: 100%;
    height: 120px;
    display: flex;
    justify-content: center;
    align-items: center;
    opacity: 1
}

.bannerWrapper .bannerNoticeIcon[data-condition="1"] {
    opacity: 0;
    transition: opacity 3s 1s
}

.bannerWrapper .bannerNoticeIcon[data-condition="2"] {
    display: none
}

.bannerWrapper .bannerNoticeIcon img {
    filter: invert(.4) opacity(1);
    height: 50px;
    animation: swipe-notice 2s infinite
}

@keyframes swipe-notice {
    0% {
        transform: translateX(-10px)
    }

    25% {
        transform: translateX(0)
    }

    50% {
        transform: translateX(10px)
    }

    75% {
        transform: translateX(0)
    }

    to {
        transform: translateX(-10px)
    }
}

.catalog_block {
    float: left
}

.left_block-child {
    box-shadow: 0 0 1px 0 hsla(0, 0%, 62.7%, .75)
}

.catalog_categorys {
    padding: 10px
}

.catalog_left_block {
    float: left;
    width: 20%
}

.catalog_right_block {
    width: 100%;
    float: right
}

.catalog_left_block.vis+.catalog_right_block {
    width: 79%
}

#catalogCategory {
    padding: 10px;
    box-shadow: 0 0 1px 0 hsla(0, 0%, 62.7%, .75)
}

.categorys__item {
    padding: 5px;
    margin-bottom: 5px
}

.categorys__link {
    text-transform: uppercase;
    color: #676767
}

.categorys__link.act,
.categorys__link:hover {
    color: var(--extra-color)
}

#catalogSubCategory .subcategorys__name {
    width: inherit;
    margin: 0;
    text-align: center;
    height: 44px;
    line-height: 20px;
    padding: 2px;
    font-size: 11px;
    color: #676767;
    border-top: 1px solid hsla(0, 0%, 40.4%, .06);
    text-transform: uppercase
}

#catalogSubCategory .subcategorys__img {
    width: 200px;
    height: 200px;
    display: block
}

#titleCatalogCategory {
    text-align: center
}

@media (max-width:991px) {

    .blkBanners,
    .catalog_categorys {
        display: none
    }

    .catalog_left_block,
    .catalog_right_block {
        width: 100% !important
    }
}

#catalogSubCategory {
    display: flex;
    justify-content: center;
    flex-direction: column
}

#catalogSubCategory .subcategorys__item .subcategorys__link {
    display: flex;
    width: 100%;
    height: 100%
}

#catalogSubCategory .subcategorys__item .subcategorys__link .subcategorys__img {
    width: 78px;
    height: 78px
}

#catalogSubCategory .subcategorys__item .subcategorys__link .subcategorys__name {
    font-size: 1.2rem;
    color: #676767;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center
}

.parent-category {
    text-align: center;
    padding: 10px;
    background: #83bbff;
    color: #fff;
    border-radius: 2px;
    margin: 2px
}

a.main-categorys__category {
    display: block;
    padding: 10px 39px;
    color: #000;
    text-decoration: unset
}

.title-category {
    font-size: 1.5rem;
    text-align: center;
    margin: 0 0 5px;
    color: #8d8d8d
}

.title-category a.title-category__link-sub {
    font-size: 10px;
    color: #a0a0a0;
    text-decoration: underline;
    display: block;
    text-align: start;
    padding: 5px 5px 5px 10px;
    border: 1px solid#eaeaea
}

.title-category span.title-category__icon {
    margin-right: 2px
}

#catalogSubCategory {
    padding: 2px;
    background: #fff
}

#catalogSubCategory .subcategorys__item {
    border: 1px solid #ccc;
    border-top: none;
    height: 80px
}

#catalogSubCategory .subcategorys__item:first-child {
    border-top: 1px solid #ccc
}

.page-catalog {
    background: #fff
}

.button_modal {
    display: flex;
    justify-content: space-around;
    margin: 10px 0 0
}

.button_modal div {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100px;
    border-radius: 3px;
    border: none;
    padding: 5px 15px;
    cursor: pointer
}

.button_modal .button_yes {
    background-color: #fff;
    color: var(--main-color);
    border: 2px solid
}

.button_modal .button_no {
    background-color: var(--main-color);
    color: #fff
}

.user_menu {
    flex-flow: column nowrap;
    width: 100%;
    background-color: #fff;
    margin: 0 0 10px
}

.user_menu,
.user_menu a {
    display: flex;
    padding: 5px 0
}

.user_menu a {
    cursor: pointer;
    flex: 1;
    justify-content: center;
    align-items: center;
    border: 1px solid #b5b5b5;
    background-color: #efefef;
    color: inherit;
    margin: 2px 0
}

.user_menu a:hover {
    background-color: #809098 !important;
    background: linear-gradient(90deg, #809098, #404346) !important;
    color: #fff
}

.user_menu a[data-active="1"] {
    background-color: var(--main-color) !important;
    color: #fff
}

.my-account>.dataForm .phone_confirmation {
    display: flex;
    flex-flow: column nowrap;
    justify-content: center;
    text-align: center
}

.my-account>.dataForm .phone_confirmation .phone_confirmation_message {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0 10px
}

.my-account>.dataForm .phone_confirmation .phone_confirmation_message span {
    color: #676767;
    margin: 5px 0
}

.my-account>.dataForm .phone_confirmation .phone_confirmation_button {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 10px 0
}

.my-account>.dataForm .phone_confirmation .phone_confirmation_button .input_code {
    border: 1px solid #cecece;
    border-radius: 2px;
    display: block;
    padding: 3px 10px;
    margin: 0 2px;
    font-weight: 100;
    width: 40px;
    height: 40px;
    position: relative;
    z-index: 1
}

.my-account>.dataForm .phone_confirmation .phone_confirmation_button #sms_confirm {
    margin: 0 0 0 10px
}

.my-account>.dataForm .phone_confirmation .phone_confirmation_button #sms_confirm[disabled] {
    filter: grayscale(1)
}

.my-account>.dataForm .phone_confirmation .phone_confirmation_button #sms_request {
    width: 200px
}

.my-account>.dataForm .phone_confirmation .phone_confirmation_button #sms_confirm,
.my-account>.dataForm .phone_confirmation .phone_confirmation_button #sms_request {
    background: #f9a85b;
    color: #fff;
    height: 40px;
    border-radius: 2px
}

.my-account>.dataForm .phone_confirmation .phone_confirmation_button #sms_confirm:hover,
.my-account>.dataForm .phone_confirmation .phone_confirmation_button #sms_request:hover {
    background: #ffb56e
}

.my-account>.dataForm .phone_confirmation .phone_confirmation_button #input_code {
    max-width: 100px;
    height: unset;
    margin: 0 10px 0 0;
    text-align: center
}

.my-account>.dataForm .form_submit {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 10px 0
}

.my-account>.dataForm .form_submit input[type=submit] {
    width: 200px;
    height: 40px;
    color: #fff;
    background-color: var(--main-color);
    border-radius: 2px
}

.setting_user {
    width: 100%;
    margin: 10px 0;
    border: 1px solid #e1e1e1
}

.setting_user h2 {
    text-align: center;
    margin: 0 0 10px
}

.setting_user .legal_entities {
    background-color: #f6f6f6;
    padding: 0 0 10px;
    transition: .3s
}

.setting_user .legal_entities[data-condition="0"] .legal_entity_add {
    display: flex
}

.setting_user .legal_entities[data-condition="0"] .legal_entity_get_info,
.setting_user .legal_entities[data-condition="1"] .legal_entity_add {
    display: none
}

.setting_user .legal_entities[data-condition="1"] .legal_entity_get_info {
    display: flex
}

.setting_user .legal_entities[data-condition="2"] .le_fields_def,
.setting_user .legal_entities[data-condition="2"] .le_fields_items {
    display: none
}

.setting_user .legal_entities[data-condition="2"] .le_fields_edit {
    display: flex
}

.setting_user .le_fields_items {
    margin: 0 0 10px
}

.setting_user .legal_entity_item {
    display: flex;
    flex-flow: column nowrap;
    justify-content: flex-start;
    align-items: center;
    height: 50px;
    transition: .3s
}

.setting_user .legal_entity_item .le_item_top {
    display: flex;
    flex-flow: row wrap;
    justify-content: center;
    align-items: center;
    padding: 10px 0;
    width: 100%;
    background-color: var(--main-color);
    color: #fff;
    font-size: 1.2rem;
    font-weight: 700;
    cursor: pointer
}

.setting_user .legal_entity_item .le_item_mid {
    display: flex;
    flex-flow: column nowrap;
    justify-content: center;
    align-items: center;
    padding: 5px 10px;
    width: 100%;
    height: 0;
    opacity: 0;
    visibility: hidden
}

.setting_user .legal_entity_item .le_item_mid div {
    width: 90%;
    margin: 5px 0 0
}

.setting_user .legal_entity_item .le_item_mid div p {
    margin: 0
}

.setting_user .legal_entity_item .le_item_bottom {
    display: flex;
    flex-flow: row wrap;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 0;
    opacity: 0;
    visibility: hidden;
    transition: .3s
}

.setting_user .legal_entity_item .le_item_bottom .le_item_button {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 10px;
    margin: 0 10px;
    color: #fff;
    border-radius: 2px;
    width: 150px;
    cursor: pointer
}

.setting_user .legal_entity_item .le_item_bottom .le_item_button[data-action=edit] {
    background-color: #ffb56e
}

.setting_user .legal_entity_item .le_item_bottom .le_item_button[data-action=delete] {
    background-color: #e42e19
}

.setting_user .legal_entity_item[data-deployed="1"] {
    height: 450px
}

.setting_user .legal_entity_item[data-deployed="1"] .le_item_mid {
    opacity: 1;
    height: 400px;
    visibility: visible;
    transition: opacity .3s .2s
}

.setting_user .legal_entity_item[data-deployed="1"] .le_item_bottom {
    opacity: 1;
    height: 50px;
    visibility: visible
}

.setting_user .legal_entity_info {
    display: flex
}

.setting_user .legal_entity_info p {
    text-align: center;
    padding: 0 10px
}

.setting_user .legal_entity_add {
    display: none;
    justify-content: center
}

.setting_user .legal_entity_get_info {
    display: none;
    flex-flow: column nowrap;
    justify-content: center;
    align-items: center
}

.setting_user .legal_entity_get_info input {
    width: 300px;
    margin: 5px 0 10px
}

.setting_user .legal_entity_add,
.setting_user .legal_entity_get_info {
    cursor: pointer
}

.setting_user .legal_entity_add div,
.setting_user .legal_entity_get_info div {
    width: 200px;
    padding: 10px 15px;
    background-color: var(--main-color);
    color: #fff;
    border-radius: 2px
}

.setting_user .legal_entity_add div p,
.setting_user .legal_entity_get_info div p {
    margin: 0;
    text-align: center
}

.setting_user .legal_entity_to_confirm {
    text-align: center;
    padding: 0 10px;
    color: #ff544a;
    cursor: help
}

.setting_user .le_fields_edit {
    display: none;
    flex-flow: column nowrap;
    padding: 10px 0 0
}

.setting_user .le_fields_edit .le_item_info {
    display: flex;
    flex-flow: column nowrap;
    justify-content: center;
    align-items: center
}

.setting_user .le_fields_edit .le_item_info label {
    width: 95%;
    margin: 5px 0
}

.setting_user .le_fields_edit .le_item_info input {
    margin: 5px 0
}

.setting_user .le_fields_edit .le_item_buttons {
    display: flex;
    flex-flow: column nowrap;
    justify-content: center;
    align-items: center
}

.setting_user .le_fields_edit .le_item_buttons input[type=button],
.setting_user .le_fields_edit .le_item_buttons input[type=submit] {
    width: 200px;
    padding: 10px;
    color: #fff;
    border-radius: 2px;
    margin: 5px 0 0
}

.setting_user .le_fields_edit .le_item_buttons input[type=submit] {
    background-color: var(--main-color)
}

.setting_user .le_fields_edit .le_item_buttons input[type=button] {
    background-color: #ffb56e
}

#forget,
#login {
    display: flex;
    flex-direction: column
}

#forget input,
#login input {
    height: 40px;
    margin: 5px
}

#forget [type=radio],
#login [type=radio] {
    height: auto
}

#forget [type=submit],
#login [type=submit] {
    background-color: var(--main-color);
    color: #fff;
    border-radius: 3px
}

#forget .btn,
#login .btn {
    border: 0;
    background-color: var(--main-color);
    color: #fff
}

#wholesalers h1 {
    margin: 20px 0;
    text-align: center
}

#wholesalers .wholesalers_top {
    display: flex;
    flex-flow: column nowrap
}

#wholesalers .wholesalers_top h3 {
    font-size: 1.2rem;
    font-weight: 700;
    text-align: center
}

#wholesalers .wholesalers_top .wholesalers_top_items {
    width: 100%;
    height: calc(100vw + 50px);
    display: grid;
    grid-template-columns: repeat(10, 10%);
    grid-template-rows: repeat(16, 6.25%)
}

#wholesalers .wholesalers_top .wholesalers_top_items #i1 {
    grid-column-start: 1;
    grid-column-end: 5;
    grid-row-start: 3;
    grid-row-end: 7
}

#wholesalers .wholesalers_top .wholesalers_top_items #i2 {
    grid-column-start: 4;
    grid-column-end: 8;
    grid-row-start: 1;
    grid-row-end: 5
}

#wholesalers .wholesalers_top .wholesalers_top_items #i3 {
    grid-column-start: 4;
    grid-column-end: 8;
    grid-row-start: 5;
    grid-row-end: 9
}

#wholesalers .wholesalers_top .wholesalers_top_items #i4 {
    grid-column-start: 4;
    grid-column-end: 8;
    grid-row-start: 9;
    grid-row-end: 13
}

#wholesalers .wholesalers_top .wholesalers_top_items #i5 {
    grid-column-start: 1;
    grid-column-end: 5;
    grid-row-start: 11;
    grid-row-end: 15
}

#wholesalers .wholesalers_top .wholesalers_top_items #i6 {
    grid-column-start: 7;
    grid-column-end: 11;
    grid-row-start: 11;
    grid-row-end: 15
}

#wholesalers .wholesalers_top .wholesalers_top_items #i7 {
    grid-column-start: 7;
    grid-column-end: 11;
    grid-row-start: 3;
    grid-row-end: 7
}

#wholesalers .wholesalers_top .wholesalers_top_items #i8 {
    grid-column-start: 1;
    grid-column-end: 5;
    grid-row-start: 7;
    grid-row-end: 11
}

#wholesalers .wholesalers_top .wholesalers_top_items #i9 {
    grid-column-start: 8;
    grid-column-end: 4;
    grid-row-start: 13;
    grid-row-end: 17
}

#wholesalers .wholesalers_top .wholesalers_top_items #i10 {
    grid-column-start: 7;
    grid-column-end: 11;
    grid-row-start: 7;
    grid-row-end: 11
}

#wholesalers .wholesalers_top .wholesalers_top_items .false_item {
    background-color: #cfd9df;
    background-image: linear-gradient(0deg, #c79081 0, #dfa579)
}

#wholesalers .wholesalers_top .wholesalers_top_items .true_item {
    background: #000;
    background: -webkit-linear-gradient(120deg, #434343, #a5a3a3);
    background: linear-gradient(120deg, #434343, #a5a3a3)
}

#wholesalers .wholesalers_top .wholesalers_top_items div {
    display: flex;
    justify-content: center;
    align-items: center;
    clip-path: polygon(25% 1%, 75% 1%, 98% 50%, 75% 98%, 25% 98%, 2% 50%);
    -webkit-clip-path: polygon(25% 1%, 75% 1%, 98% 50%, 75% 98%, 25% 98%, 2% 50%);
    transition: .3s;
    cursor: default
}

#wholesalers .wholesalers_top .wholesalers_top_items div:last-child {
    background-image: linear-gradient(0deg, #c4c5c7 0, #dcdddf 52%, #ebebeb)
}

#wholesalers .wholesalers_top .wholesalers_top_items div img {
    height: 40%;
    filter: invert(1) contrast(.85)
}

#wholesalers .wholesalers_top .wholesalers_top_items p {
    width: 50%;
    font-size: 1.4rem;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff
}

@media (max-width:1200px) {
    #wholesalers .wholesalers_top .wholesalers_top_items p {
        font-size: 1.2rem
    }
}

@media (max-width:800px) {
    #wholesalers .wholesalers_top .wholesalers_top_items p {
        font-size: 1rem
    }
}

#wholesalers .wholesalers_top .wholesalers_top_items b {
    text-decoration: underline
}

#wholesalers .wholesalers_mid {
    display: flex;
    flex-flow: column nowrap;
    justify-content: center;
    align-items: center;
    margin: 10px 0 0
}

#wholesalers .wholesalers_mid h2 {
    text-align: center;
    font-size: 1.2rem
}

#wholesalers .wholesalers_mid h3 {
    text-align: center;
    font-size: 1.1rem
}

#wholesalers .wholesalers_mid .manager {
    display: flex;
    flex-flow: column nowrap;
    justify-content: center;
    align-items: center;
    flex: 1 0 100%;
    border: 1px solid #ccc;
    box-shadow: 2px 2px 5px #ccc;
    background: #fff;
    background: linear-gradient(160deg, #fff 35%, #d2d2d2)
}

#wholesalers .wholesalers_mid .manager .photo {
    flex: 1 1;
    width: 100%
}

#wholesalers .wholesalers_mid .manager .photo img {
    width: 100%
}

#wholesalers .wholesalers_mid .manager .info {
    display: flex;
    flex-flow: column nowrap;
    justify-content: space-around;
    align-items: center;
    padding: 10px 20px 10px 10px;
    flex: 2 1
}

#wholesalers .wholesalers_mid .manager .info .name {
    width: 100%;
    margin: 0
}

#wholesalers .wholesalers_mid .manager .info .name span {
    font-size: 1.5rem
}

#wholesalers .wholesalers_mid .manager .info .position {
    font-size: 1.2rem
}

#wholesalers .wholesalers_mid .manager .info .contacts {
    font-size: 1rem
}

#wholesalers .wholesalers_mid .manager .info .contacts p {
    display: flex;
    align-items: center
}

#wholesalers .wholesalers_mid .manager .info .contacts p img {
    width: 40px;
    margin: 0 10px
}

#wholesalers .wholesalers_mid .manager .info .contacts b {
    margin: 0 5px 0 0
}

#wholesalers .wholesalers_mid .manager .info .contacts a {
    color: #000
}

#wholesalers .wholesalers_mid .manager .info .contacts a:hover {
    color: #6d6d6d
}

#wholesalers h2 {
    text-align: center;
    font-size: 1.5rem
}

#wholesalers .wholesalers_partners {
    width: 100%;
    height: 200vw;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: repeat(6, 1fr)
}

#wholesalers .wholesalers_partners.anim .item:nth-child(odd) {
    animation: show-up 2s ease-out .1s
}

#wholesalers .wholesalers_partners.anim .item:nth-child(2n) {
    animation: show-up 1s ease-out .1s
}

#wholesalers .wholesalers_partners.no_anim .item {
    transform: scale(.1);
    opacity: 0
}

#wholesalers .wholesalers_partners .item {
    display: flex;
    justify-content: center;
    align-items: center;
    transition: .5s ease-out .1s;
    cursor: pointer
}

#wholesalers .wholesalers_partners .item img {
    max-width: 80%
}

#wholesalers .wholesalers_partners #p1 {
    grid-column-start: 2;
    grid-column-end: 2;
    grid-row-start: 4;
    grid-row-end: 4
}

#wholesalers .wholesalers_mid_info {
    display: flex;
    flex-flow: column nowrap;
    margin: 20px 0 0
}

#wholesalers .wholesalers_mid_info h2 {
    font-size: 1.4rem;
    text-align: center;
    margin: 20px 0 0
}

#wholesalers .wholesalers_mid_info .info_block {
    display: flex;
    flex-flow: column nowrap;
    margin: 10px 0
}

#wholesalers .wholesalers_mid_info .info_block.reverse {
    flex-flow: column-reverse nowrap
}

#wholesalers .wholesalers_mid_info .info_block .block_text {
    display: flex;
    flex-flow: column nowrap;
    justify-content: center;
    flex: 2 1;
    padding: 0 5px
}

#wholesalers .wholesalers_mid_info .info_block .block_text h3,
#wholesalers .wholesalers_mid_info .info_block .block_text p {
    font-size: 1.2rem;
    text-align: center
}

#wholesalers .wholesalers_mid_info .info_block .block_text p>b {
    text-decoration: underline red
}

#wholesalers .wholesalers_mid_info .info_block .block_img {
    display: flex;
    justify-content: center;
    align-items: center;
    flex: 1 1
}

#wholesalers .wholesalers_mid_info .info_block .block_img img {
    filter: opacity(.6);
    max-width: 50%
}

#wholesalers .wholesalers_mid_info .info_block .block_img img.big_img {
    max-height: 50%
}

#wholesalers .wholesalers_mid_delivery {
    display: flex;
    flex-flow: column nowrap;
    margin: 20px 0 0
}

#wholesalers .wholesalers_mid_delivery h2 {
    font-size: 1.4rem;
    text-align: center
}

#wholesalers .wholesalers_mid_delivery h3 {
    text-align: center
}

#wholesalers .wholesalers_mid_delivery img {
    transform: translateX(800%)
}

#wholesalers .wholesalers_mid_delivery .delivery_block.anim img {
    animation: move-truck 1s ease-out forwards
}

#wholesalers .certificates_imgs {
    display: flex;
    flex-flow: column nowrap;
    justify-content: center;
    align-items: center
}

@keyframes move-truck {
    0% {
        transform: translateX(800%)
    }

    to {
        transform: translateX(0)
    }
}

@keyframes show-up {
    0% {
        opacity: 0;
        transform: scale(.1)
    }

    to {
        opacity: 1;
        transform: scale(1)
    }
}

:root {
    --main-color: #0c54a0;
    --extra-color: #2873c8;
    --loading-color: rgba(12, 84, 160, 0.29);
    --main-text: #333;
    --extra-text: #525252;
    --selected-green: #68d26c;
    --selected-red: #da251b;
    --selected-grey: #7f7f7f;
    --border-grey: #cacaca;
    --filter-red: invert(30%) sepia(83%) saturate(5882%) hue-rotate(351deg) brightness(96%) contrast(109%);
    --filter-blue: invert(13%) sepia(57%) saturate(6624%) hue-rotate(202deg) brightness(99%) contrast(90%);
    --filter-white: invert(100%) sepia(100%) saturate(0%) hue-rotate(73deg) brightness(102%) contrast(102%)
}

#catalog {
    position: relative
}

#catalog h1 {
    margin: 10px 0;
    font-size: 1.7rem;
    color: var(--extra-text)
}

#catalog .categories {
    position: relative;
    display: flex;
    flex-flow: row wrap;
    justify-content: flex-start;
    align-items: center;
    column-gap: 9px
}

#catalog .subcategory {
    position: relative;
    width: 230px;
    margin: 5px 0;
    box-shadow: 0 0 2px 0 var(--selected-grey);
    color: var(--extra-text);
    transition: transform .3s
}

#catalog .subcategory>a {
    position: relative;
    color: inherit;
    text-align: center;
    display: flex;
    flex-flow: column nowrap
}

#catalog .subcategory>a img {
    width: 100%;
    min-height: 230px
}

#catalog .subcategory>a div {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 40px;
    border-top: 1px solid var(--border-grey)
}

#catalog .subcategory>a div p {
    margin: 0;
    font-size: .8rem;
    text-transform: uppercase
}

@media (max-width:800px) {
    #catalog h1 {
        margin: 0 0 5px;
        text-align: center
    }

    #catalog .categories {
        flex-flow: column wrap
    }

    #catalog .subcategory {
        width: calc(100% - 10px);
        margin: 0;
        box-shadow: none;
        border: 1px solid var(--border-grey);
        border-top: none
    }

    #catalog .subcategory:first-child {
        border-top: 1px solid var(--border-grey)
    }

    #catalog .subcategory>a {
        flex-flow: row nowrap;
        justify-content: flex-start;
        align-items: center
    }

    #catalog .subcategory>a img {
        width: 80px;
        min-height: unset
    }

    #catalog .subcategory>a div {
        height: 80px;
        width: 100%;
        border-top: none;
        border-left: 1px solid var(--border-grey)
    }

    #catalog .subcategory>a div p {
        margin: 0;
        font-size: 1.2rem
    }
}

.product_in_basket {
    flex-flow: row nowrap;
    border-bottom: 1px solid var(--main-color);
    margin: 5px 0
}

.product_in_basket,
.product_in_basket div {
    display: flex;
    justify-content: space-between
}

.product_in_basket div {
    flex: 1 1 auto;
    flex-flow: column nowrap
}

.product_in_basket div a {
    color: var(--extra-color)
}

.product_in_basket div a:hover {
    color: var(--extra-color);
    opacity: .9
}

.product_in_basket div b {
    margin: 5px 0
}

.product_in_basket .remove_from_basket {
    display: flex;
    flex: 0 0 30px;
    justify-content: center;
    margin: 0 5px;
    cursor: pointer
}

.product_in_basket .remove_from_basket img {
    height: 25px;
    opacity: .6
}

.operation__item {
    border-top: 1px solid #cacaca;
    width: 100%;
    height: 80px
}

.operation__item:last-child {
    border-bottom: 1px solid #cacaca
}

.operation {
    float: left;
    width: 25%;
    height: 100%;
    text-align: center;
    line-height: 80px;
    font-size: 24px
}

.operation-credit .operation {
    color: #000
}

.operation-credit .operation-info {
    line-height: 79px
}

.operation-debit .operation {
    color: #009e4c
}

.operation-debit .operation-date {
    float: left;
    line-height: 80px
}

.operation-debit .operation_action-date {
    line-height: 130px;
    position: absolute;
    right: 10px
}

.operation-info {
    float: right;
    width: 75%;
    height: 100%;
    color: #5f5f5f;
    padding: 1px 1px 1px 7px
}

.operation-date span.name_value,
.operation_action-date span.name_value {
    color: #000;
    font-size: 15px
}

.bonus_card_info {
    border: 1px solid #c1c1c1;
    border-radius: 15px;
    width: 360px;
    height: 180px;
    margin: 10px auto;
    padding: 10px 15px 10px 0;
    display: flex;
    background: linear-gradient(90deg, #ececec, #f1f1f1)
}

.bonus_card_info .bonus_card_left {
    width: 130px;
    display: flex;
    flex-flow: column nowrap;
    justify-content: space-between
}

.bonus_card_info .bonus_card_left .bonus_card_paint {
    position: relative;
    width: 100px;
    height: 150px;
    background: var(--extra-color);
    margin: -11px 0 0;
    border-top-left-radius: 15px
}

.bonus_card_info .bonus_card_left .bonus_card_paint:before {
    left: 0;
    height: 100px
}

.bonus_card_info .bonus_card_left .bonus_card_paint:after,
.bonus_card_info .bonus_card_left .bonus_card_paint:before {
    display: block;
    content: "";
    position: absolute;
    top: 6px;
    width: 16px;
    background: var(--extra-color);
    border-radius: 16px;
    z-index: 1
}

.bonus_card_info .bonus_card_left .bonus_card_paint:after {
    left: 32px;
    height: 120px
}

.bonus_card_info .bonus_card_left .bonus_card_paint .bonus_card_splash {
    position: absolute;
    bottom: 0;
    width: 64px;
    height: 64px;
    background: #ececec;
    z-index: 0
}

.bonus_card_info .bonus_card_left .bonus_card_paint .bonus_card_splash:before {
    display: block;
    content: "";
    position: absolute;
    bottom: 0;
    right: 0;
    width: 16px;
    height: 100px;
    background: #ececec;
    border-radius: 16px
}

.bonus_card_info .bonus_card_left .bonus_card_paint .bonus_card_splash:after {
    display: block;
    content: "";
    position: absolute;
    bottom: 0;
    left: 16px;
    width: 16px;
    height: 74px;
    background: #ececec;
    border-radius: 16px
}

.bonus_card_info .bonus_card_left .bonus_card_roller {
    background-image: url(/images/svg/solid/paint-roller.svg);
    background-repeat: no-repeat;
    align-self: flex-end;
    height: 90px;
    width: 90px;
    z-index: 1;
    margin: -10px -10px 10px 0;
    transform: rotate(15deg);
    filter: contrast(.5)
}

.bonus_card_info .bonus_card_right {
    flex-flow: column nowrap;
    flex: 1
}

.bonus_card_info .bonus_card_right,
.bonus_card_info .bonus_card_right div {
    display: flex;
    justify-content: space-between
}

.bonus_card_info .bonus_card_right .bonus_card_total b {
    font-size: 1.2rem;
    color: var(--main-color)
}

.bonus_card_info .bonus_card_right .bonus_card_barcode {
    background-image: url(/images/svg/solid/barcode.svg);
    width: 50%;
    height: 40px;
    align-self: flex-end
}

.bonus_card_info .bonus_card_right .bonus_card_number {
    margin: -20px 0 0
}

.bonus_text_info {
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 1.2rem;
    margin: 5px 0;
    text-align: center;
    color: #717171
}

.bonus_operations {
    display: flex;
    flex-flow: column nowrap;
    align-items: center
}

.bonus_operations .operation_item {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    width: 360px;
    height: 50px;
    border-bottom: 1px solid #949494
}

.bonus_operations .operation_item .operation_title {
    font-size: 1rem;
    text-align: center;
    width: 30%;
    text-align: end
}

.bonus_operations .operation_item .operation_title:last-child {
    width: 40%;
    text-align: center
}

.bonus_operations .operation_item .operation_income {
    color: #009e4c;
    font-size: 1.3rem;
    width: 30%;
    text-align: end
}

.bonus_operations .operation_item .operation_spent {
    color: red;
    font-size: 1.3rem;
    width: 30%;
    text-align: end
}

.bonus_operations .operation_item .operation_date {
    font-size: 1.2rem;
    width: 40%;
    text-align: end
}

.datefire {
    border-top: 1px dashed #dcdcdc;
    color: red;
    font-size: 12px
}

.bonus_card_default {
    display: flex;
    width: 100%
}

.bonus_card_default_text {
    font-size: x-large;
    text-align: center;
    flex: 1 1 auto;
    width: 50%;
    display: flex;
    flex-flow: column;
    padding: 3vh 3vw
}

.bonus_card_default_text p {
    color: #717171
}

.bonus_card_default_text span {
    border-bottom: 1px solid #ccc;
    margin: 1vh 5vw;
    font-size: 1px
}

.bonus_card_default_img {
    background-image: url(/images/bonus_card.png);
    background-size: 60%;
    background-position: 50%;
    background-repeat: no-repeat;
    flex: 1 1 auto;
    width: 50%;
    filter: invert(1) opacity(.8)
}

.bonus_program h2 {
    font-size: 1.7rem;
    font-weight: 700;
    text-align: left
}

@media (max-width:800px) {
    .bonus_program h2 {
        font-size: 1.5rem;
        text-align: center
    }
}

.bonus_program h2.big_text {
    font-size: 2.5rem;
    margin: 8%
}

@media (max-width:800px) {
    .bonus_program h2.big_text {
        margin: 5px;
        font-size: 1.5rem;
        text-align: center
    }
}

.bonus_program h2.bottom_text {
    margin: 15px 0;
    font-size: 1.5rem
}

@media (max-width:800px) {
    .bonus_program h2.bottom_text {
        font-size: 1.1rem;
        text-align: center
    }
}

.bonus_program section {
    display: flex;
    flex-flow: row nowrap;
    justify-content: center;
    align-items: flex-start
}

.bonus_program section:not(.cards) div {
    display: flex;
    flex-flow: column nowrap;
    justify-content: flex-start;
    align-items: flex-start;
    flex: 1 1 50%
}

.bonus_program section:not(.cards) div img {
    align-self: center
}

.bonus_program section:not(.cards) div img.max_w {
    max-width: 80%
}

@media (max-width:800px) {
    .bonus_program section:not(.cards) div img.max_w {
        max-width: 60%
    }
}

.bonus_program section:not(.cards) div p {
    margin: 5px 10px 10px 15px;
    font-size: 1.3rem
}

@media (max-width:800px) {
    .bonus_program section:not(.cards) div p {
        margin: 5px;
        font-size: 1rem
    }
}

.bonus_program section:not(.cards) div i {
    font-style: normal;
    text-decoration: underline
}

.bonus_program section:not(.cards) div.center_text {
    padding: 50px 0 0
}

@media (max-width:800px) {
    .bonus_program section:not(.cards) div.center_text {
        padding: 0
    }
}

.bonus_program section.cards {
    min-height: 400px;
    justify-content: flex-start;
    align-items: flex-start
}

.bonus_program section.cards .container_switch {
    display: flex;
    flex-flow: column nowrap;
    justify-content: center;
    align-items: center;
    flex: 1
}

.bonus_program section.cards .container_switch div {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 200px;
    height: 50px;
    margin: 5px;
    border: 1px solid #ccc;
    border-radius: 3px;
    cursor: pointer
}

.bonus_program section.cards .container_switch div[data-act="1"] {
    background-color: var(--main-color);
    color: #fff
}

.bonus_program section.cards .container_cards {
    position: relative;
    flex: 1 1 50%
}

@media (max-width:800px) {
    .bonus_program section.cards .container_cards {
        width: calc(100% - 40px)
    }
}

.bonus_program section.cards .container_cards div {
    position: absolute;
    width: 650px;
    height: 370px;
    padding: 10px;
    background-color: #fff;
    box-shadow: 10px 5px 20px 0 #676767;
    border-radius: 10px;
    transform: translateY(0);
    transition: top .4s linear, left .4s linear;
    -webkit-transition: top .4s linear, left .4s linear;
    background: #fff;
    background: linear-gradient(160deg, #fff 35%, #d2d2d2)
}

.bonus_program section.cards .container_cards div p {
    margin: 8px;
    font-size: 1.2rem
}

.bonus_program section.cards .container_cards div[data-position="0"] {
    top: 0;
    left: 0;
    z-index: 2
}

.bonus_program section.cards .container_cards div[data-position="1"] {
    top: 20px;
    left: 20px;
    z-index: 1
}

.bonus_program section.cards .container_cards div[data-position="2"] {
    top: 40px;
    left: 40px;
    z-index: 0
}

@media (max-width:800px) {
    .bonus_program section.cards {
        flex-flow: column nowrap
    }

    .bonus_program section.cards .container_switch {
        margin: 0 0 20px;
        width: 100%;
        flex: unset
    }

    .bonus_program section.cards .container_switch div {
        width: calc(100% - 10px);
        height: 40px
    }

    .bonus_program section.cards .container_cards {
        height: 330px;
        width: 100%;
        flex: unset
    }

    .bonus_program section.cards .container_cards div {
        width: calc(100% - 20px);
        height: 350px
    }

    .bonus_program section.cards .container_cards div p {
        margin: 6px;
        font-size: 1rem
    }
}

.bonus_program section.blue_plank {
    flex-flow: row wrap;
    background-color: #0d6497;
    color: #fff;
    padding: 0 10px;
    margin: 120px 0 0
}

.bonus_program section.blue_plank .hands {
    flex-flow: row nowrap;
    justify-content: flex-end;
    width: 100%
}

.bonus_program section.blue_plank .hands img {
    width: 150px
}

.bonus_program section.blue_plank .hands img:first-child {
    width: 156px
}

.bonus_program section.blue_plank.margin_min {
    margin: 50px 0 0
}

.bonus_program section.blue_plank a {
    color: #fff;
    text-decoration: underline
}

.bonus_program section.blue_plank img {
    width: 150px
}

.bonus_program section.blue_plank img.left {
    position: relative;
    width: 350px;
    right: unset;
    left: -15%;
    margin: -280px 0 0
}

@media (max-width:1050px) {
    .bonus_program section.blue_plank img.left {
        width: 280px;
        margin: -220px 0 0
    }
}

@media (max-width:800px) {
    .bonus_program section.blue_plank {
        flex-flow: column nowrap;
        margin: 30px 0 0
    }

    .bonus_program section.blue_plank img {
        display: none
    }
}

@media (max-width:800px) {
    .bonus_program h1 {
        font-size: 1.3rem;
        font-weight: 700
    }

    .bonus_program section {
        flex-flow: column nowrap
    }
}

#footer {
    position: relative;
    width: 1200px;
    margin: 50px auto 0
}

@media (max-width:1200px) {
    #footer {
        width: 100%;
        padding: 0 5px 50px;
        margin: 20px 0 0
    }
}

#footer .footer_top {
    font-size: 12px;
    line-height: 20px;
    margin: 0 0 20px;
    display: flex
}

#footer .footer_top aside {
    display: flex;
    flex-flow: column nowrap;
    flex: 1;
    margin: 0 5px
}

#footer .footer_top aside li a {
    font-size: .9rem
}

#footer .footer_top aside .title {
    color: var(--main-text);
    font-size: 16px;
    text-transform: uppercase;
    margin: 0 0 15px;
    padding: 0 0 5px;
    border-bottom: 1px solid #e1e1e1
}

#footer .footer_top aside .social_links {
    display: flex;
    flex-flow: row nowrap;
    justify-content: flex-start;
    align-items: flex-start
}

#footer .footer_top aside .social_links a {
    width: 50px;
    height: 50px;
    display: flex
}

@media (min-width:600px) and (max-width:1200px) {
    #footer .footer_top {
        flex-flow: row wrap
    }

    #footer .footer_top aside {
        margin: 10px 5px;
        flex: unset;
        width: 45%
    }
}

@media (max-width:600px) {
    #footer .footer_top {
        flex-flow: column nowrap
    }

    #footer .footer_top aside {
        margin: 5px
    }

    #footer .footer_top aside .title {
        margin: 0 0 5px
    }
}

#footer .footer_info {
    display: flex;
    flex-flow: column nowrap;
    justify-content: flex-start;
    align-items: flex-start
}

#footer .footer_info p {
    margin: 0
}

#footer .footer_info span {
    font-size: .9rem;
    width: 100%
}

#footer .footer_bottom {
    display: flex;
    justify-content: center;
    align-items: center;
    border-top: 1px solid #cecece
}

@media (max-width:600px) {
    #footer .footer_bottom {
        display: none
    }
}

#footer .footer_bottom section {
    display: flex;
    justify-content: space-around;
    width: 1200px;
    height: 80px
}

#footer .footer_bottom div {
    display: flex;
    justify-content: center;
    align-items: center
}

#footer .footer_bottom div a {
    color: #333;
    font-size: 1rem
}

#footer .footer_bottom div p {
    margin: 0
}

#footer .footer_bottom div img {
    margin: 0 10px;
    filter: invert(.25)
}

#SwitchVersion {
    background: var(--main-color);
    padding: 10px;
    margin: 0;
    border-radius: 2px;
    color: #fff;
    display: block;
    text-align: center;
    cursor: pointer
}

.smw_cmc_popup_item {
    display: flex;
    flex-flow: column nowrap
}

.smw_cmc_popup_item img {
    width: 15px;
    height: 15px;
    margin: 0 5px 0 0;
    filter: invert(1)
}

.smw_cmc_popup_item>div {
    display: flex;
    flex-flow: row nowrap;
    justify-content: flex-start;
    align-items: center;
    min-height: 30px;
    margin: 0 0 5px
}

.smw_cmc_popup_item>div p {
    margin: 0
}

.smw_cmc_popup_item>div span {
    font-size: 1rem;
    display: flex;
    flex-flow: column nowrap;
    padding: 0 5px
}

.smw_cmc_popup_item .smw_cmc_pi_adress span {
    font-size: 1.2rem
}

.smw_cmc_popup_item .smw_cmc_pi_phone span a {
    color: #e3e3e3
}

.smw_cmc_popup_item .smw_cmc_pi_img img {
    min-width: 120px;
    max-width: 45%;
    height: 90px;
    margin: 0 auto;
    position: relative;
    object-fit: cover;
    cursor: pointer;
    filter: none
}

.shop-list-title {
    font-size: 2rem;
    padding: 10px;
    text-align: center;
    background: linear-gradient(90deg, #72b0fb, #8cffde);
    color: #fff;
    border-radius: 2px;
    height: 4rem;
    width: 100%
}

.full-map-box {
    display: flex;
    width: 100%;
    column-gap: 10px
}

@media (max-width:700px) {
    .full-map-box {
        flex-direction: column
    }
}

.full-map-box .full-map {
    flex: 1;
    height: 750px
}

.full-map-box .full-map .full-map-holder {
    height: 100%
}

@media (max-width:700px) {
    .full-map-box .full-map .full-map-holder {
        min-height: 55vh
    }
}

@media (max-width:700px) {
    .full-map-box .full-map {
        height: 55vh
    }
}

.full-map-box .shop-list {
    width: 30%
}

@media (max-width:700px) {
    .full-map-box .shop-list {
        width: 100%
    }
}

.full-map-box .smw_cont_list {
    display: flex;
    height: 750px;
    width: 100%;
    overflow-y: auto;
    scrollbar-color: #ddd rgba(0, 128, 0, 0);
    scrollbar-width: thin
}

@media (max-width:700px) {
    .full-map-box .smw_cont_list {
        height: 100%;
        overflow-y: hidden
    }
}

.full-map-box .smw_cont_list::-webkit-scrollbar {
    width: 6px
}

.full-map-box .smw_cont_list::-webkit-scrollbar-thumb {
    background: #ddd
}

.full-map-box .smw_cont_list::-webkit-scrollbar-thumb:hover {
    background: #d8d8d8
}

.full-map-box .smw_cont_list .smw_cl_wrap {
    display: flex;
    flex-flow: column;
    width: 100%;
    height: max-content;
    margin: 1px 0
}

.full-map-box .smw_cont_list .smw_cl_wrap .clone_list_town {
    display: flex;
    flex-flow: column;
    flex: 1 1 auto;
    margin: 0
}

.full-map-box .smw_cont_list .smw_cl_wrap .clone_list_town>div {
    cursor: default
}

.full-map-box .smw_cont_list .smw_cl_wrap .clone_list_town .clone_list_town_name {
    flex: 1 1 auto;
    font-size: 1.5rem;
    padding: 10px 20px;
    margin: 0;
    color: #fff;
    background-color: var(--main-color)
}

.clone_storage_item {
    display: flex;
    justify-content: flex-start;
    flex: 1 1 auto;
    border: none;
    border-bottom: 2px solid var(--main-color);
    padding: 10px 5px 0;
    color: #696969;
    cursor: pointer
}

.clone_storage_item .csi_column {
    display: flex;
    flex-direction: column;
    width: 70%
}

.clone_storage_item .csi_item {
    width: 100%;
    font-size: 1rem;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex: 1 1 auto;
    margin: 10px 0 5px
}

.clone_storage_item .csi_item span {
    margin: 0;
    display: flex;
    flex-flow: column nowrap
}

.clone_storage_item .csi_item p {
    margin: 0
}

.clone_storage_item .csi_item img {
    width: 20px;
    height: 20px;
    margin: 0 10px 0 5px;
    filter: opacity(.65)
}

.clone_storage_item .csi_item a {
    color: #696969
}

.clone_storage_item .csi_button {
    cursor: pointer
}

.clone_storage_item .csi_imgs {
    width: 100%;
    display: flex;
    flex-flow: column nowrap;
    justify-content: center;
    align-items: center;
    flex: 1 1 auto
}

.clone_storage_item .csi_imgs .csi_imgs_cont {
    display: flex;
    flex-flow: row wrap;
    justify-content: center;
    align-items: center;
    width: 100%;
    margin: 10px 0 0
}

.clone_storage_item .csi_imgs .csi_imgs_cont img {
    margin: 5px;
    min-width: 300px;
    max-width: 50%;
    height: auto;
    object-fit: cover;
    filter: none
}

.clone_storage_item .csi_imgs p {
    margin: 5px;
    padding: 5px;
    font-size: 1.3rem;
    cursor: pointer
}

form[name=contacts],
form[name=contacts] .contacts_form {
    display: flex;
    justify-content: center
}

form[name=contacts] .contacts_form {
    width: 50%;
    flex-flow: column nowrap;
    align-items: center
}

@media (max-width:700px) {
    form[name=contacts] .contacts_form {
        width: 100%
    }
}

form[name=contacts] .contacts_form .fields {
    width: 100%;
    padding: 5px;
    display: flex;
    flex-flow: column nowrap;
    justify-content: center;
    align-items: center
}

form[name=contacts] .contacts_form .fields input,
form[name=contacts] .contacts_form .fields textarea {
    width: calc(100% - 40px);
    font-size: 1.5rem;
    border: 1px solid #dadada;
    border-radius: 2px;
    padding: 5px 10px;
    margin: 5px 0;
    resize: vertical
}

form[name=contacts] .contacts_form .fields input:focus,
form[name=contacts] .contacts_form .fields textarea:focus {
    outline: 0;
    border: 1px solid var(--main-color)
}

form[name=contacts] .contacts_form .captcha {
    width: 100%;
    padding: 0 20px 10px;
    display: flex;
    flex-flow: column nowrap;
    justify-content: center;
    align-items: center
}

form[name=contacts] .contacts_form .captcha .captcha_images {
    display: flex;
    flex-flow: row nowrap;
    justify-content: center;
    align-items: center;
    margin: 5px 0
}

form[name=contacts] .contacts_form .captcha .captcha_images [data-id=captcha_code] {
    width: 200px !important
}

form[name=contacts] .contacts_form .captcha .captcha_images [data-id=captcha_reset] {
    width: 40px;
    height: 40px;
    margin: 0 15px;
    cursor: pointer
}

form[name=contacts] .contacts_form .captcha input {
    width: auto;
    font-size: 1.5rem;
    border: 1px solid #dadada;
    border-radius: 2px;
    padding: 5px 10px;
    margin: 5px 0
}

@media (max-width:700px) {
    form[name=contacts] .contacts_form .captcha input {
        width: 250px
    }
}

form[name=contacts] .contacts_form .captcha input:focus {
    outline: 0;
    border: 1px solid var(--main-color)
}

form[name=contacts] .contacts_form .submit {
    display: flex;
    flex-flow: row nowrap;
    justify-content: center;
    align-items: center
}

@media (min-width:700px) {
    form[name=contacts] .contacts_form .submit {
        margin: 0 0 10px
    }
}

form[name=contacts] .contacts_form .submit input[type=submit] {
    font-size: 1.5rem;
    background-color: var(--extra-color);
    border-radius: 3px;
    color: #fff;
    outline: none;
    padding: 10px 20px;
    cursor: pointer
}

.storages_maps_wrapper {
    position: relative;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 800px;
    height: 600px;
    background-color: #fff;
    box-shadow: 0 2px 10px rgba(0, 0, 0, .35);
    overflow-x: hidden;
    overflow-y: auto;
    z-index: 2
}

@media (max-width:1024px) {
    .storages_maps_wrapper {
        width: 100%;
        height: 100%
    }
}

@media (min-width:1950px) {
    .storages_maps_wrapper {
        width: 1200px;
        height: 900px
    }
}

.storages_maps_wrapper .smw_nav_tabs {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    width: 100%;
    height: 50px;
    background-color: #f7f7f7
}

.storages_maps_wrapper .smw_nav_tabs>div {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 50px
}

.storages_maps_wrapper .smw_nav_tabs .smw_nt_item {
    width: 150px;
    border-right: 1px solid #ccc;
    cursor: pointer
}

.storages_maps_wrapper .smw_nav_tabs .smw_nt_item p {
    margin: 0;
    font-size: 1.5rem;
    color: #545a61
}

.storages_maps_wrapper .smw_nav_tabs .smw_nt_item.smw_act_nt {
    background-color: #fff
}

.storages_maps_wrapper .smw_nav_tabs .smw_nt_item.smw_act_nt p {
    color: var(--main-color)
}

.storages_maps_wrapper .smw_nav_tabs .smw_nt_item_close {
    position: absolute;
    width: 50px;
    right: 5px;
    cursor: pointer
}

.storages_maps_wrapper .smw_nav_tabs .smw_nt_item_close img {
    margin: 0;
    width: 25px;
    height: 25px;
    filter: opacity(.65)
}

.storages_maps_wrapper .smw_cont_map {
    width: 100%;
    display: none
}

.storages_maps_wrapper .smw_cont_map.smw_cont_act {
    display: flex
}

.storages_maps_wrapper .smw_cont_map .smw_cm_cont {
    display: flex;
    width: 100%;
    height: auto;
    margin: 1px 0 0
}

.certificates {
    grid-area: sert
}

.certificates .certificates_top {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid var(--main-color);
    color: var(--main-color);
    margin: 10px 0;
    padding: 5px;
    cursor: pointer
}

.certificates .certificates_top p {
    margin: 0;
    font-size: 1.5rem
}

.certificates .certificates_top b {
    display: inline-block;
    border: solid var(--main-color);
    border-width: 0 4px 4px 0;
    padding: 5px;
    transform: rotate(225deg)
}

.certificates .certificates_bottom {
    display: flex;
    flex-flow: column nowrap;
    justify-content: center;
    align-items: center
}

.certificates .certificates_bottom .certificates_item {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    height: 50px;
    opacity: 1;
    background-color: var(--main-color);
    color: #fff;
    margin: 0 0 5px;
    border-radius: 2px;
    transition: opacity .3s
}

.certificates .certificates_bottom .certificates_item p {
    margin: 0;
    font-size: 1.2rem;
    padding: 0 0 0 5px;
    cursor: default
}

.certificates .certificates_bottom .certificates_item a {
    background-color: #fff;
    border-radius: 2px;
    padding: 5px 10px;
    margin: 5px;
    font-size: 1rem
}

.certificates[data-open="0"] .certificates_top b {
    transform: rotate(45deg)
}

.certificates[data-open="0"] .certificates_item {
    visibility: hidden;
    height: 0;
    opacity: 0
}

.certificates_wrapper {
    display: flex;
    flex-flow: column nowrap;
    align-items: center;
    width: 100%
}

.certificates_wrapper .certificate_item {
    display: flex;
    flex-flow: row nowrap;
    width: 50%;
    border: 1px solid #ccc;
    border-radius: 3px;
    padding: 1%;
    margin: 1% 0;
    background: var(--main-color)
}

@media (max-width:800px) {
    .certificates_wrapper .certificate_item {
        width: 100%
    }
}

.certificates_wrapper .certificate_item section:first-child {
    width: 30%
}

.certificates_wrapper .certificate_item section:first-child div {
    display: flex;
    flex-flow: column nowrap;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 0;
    padding: 50% 0;
    background-color: #fff;
    border-radius: 50%
}

.certificates_wrapper .certificate_item section:first-child div span:first-child {
    font-size: 2.5rem
}

.certificates_wrapper .certificate_item section:first-child div span {
    font-size: 1rem;
    color: var(--main-color)
}

.certificates_wrapper .certificate_item section {
    display: flex;
    flex-flow: column nowrap;
    justify-content: center;
    align-items: flex-start;
    padding: 0 1%
}

.certificates_wrapper .certificate_item section div {
    display: flex;
    flex-flow: column nowrap
}

.certificates_wrapper .certificate_item section div span {
    font-size: 1rem;
    color: #fff
}

.defaut_cert {
    display: flex;
    width: 100%
}

.defaut_cert .defaut_cert_img {
    background-image: url(/images/certificate.png);
    background-size: 60%;
    background-position: 50%;
    background-repeat: no-repeat;
    flex: 1 1 auto;
    width: 50%;
    filter: brightness(.35)
}

.defaut_cert .defaut_cert_text {
    font-size: medium;
    text-align: center;
    flex: 1 1 auto;
    width: 50%;
    display: flex;
    flex-flow: column;
    padding: 3vh 3vw
}

.defaut_cert .defaut_cert_text p {
    color: #717171
}

.defaut_cert .defaut_cert_text span {
    border-bottom: 1px solid #ccc;
    margin: 1vh 5vw;
    font-size: 1px
}

@media (max-width:800px) {
    .defaut_cert {
        flex-flow: column;
        align-items: center
    }

    .defaut_cert .defaut_cert_img {
        height: 130px
    }

    .defaut_cert .defaut_cert_text {
        width: 90%
    }
}

.cert_info_icon_wrap {
    display: flex;
    justify-content: flex-end
}

.cert_info_ico {
    color: #fff;
    font-size: large;
    width: 35px;
    height: 35px;
    background: var(--main-color);
    border-radius: 50%;
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
    text-transform: uppercase;
    z-index: 2;
    cursor: pointer
}

.cert_info_text {
    visibility: hidden;
    background: #fff;
    position: absolute;
    top: 6vh;
    right: 1vw;
    width: 20vw;
    font-size: medium;
    text-align: center;
    display: flex;
    flex-flow: column;
    padding: 3vh 1vw;
    border: 1px solid #ccc;
    opacity: 0;
    z-index: 1
}

@media (max-width:800px) {
    .cert_info_text {
        width: 100vw;
        top: 9vh
    }
}

.cert_info_text p {
    color: #717171
}

.cert_info_text span {
    border-bottom: 1px solid #ccc;
    margin: 1vh 5vw;
    font-size: 1px
}

@media (min-width:1280px) {
    .page-home .slider3000 {
        width: 1280px;
        left: -40px
    }

    .page-home .slider3000 .slider_dots {
        bottom: 12px !important
    }
}

.slider3000 {
    width: 100%;
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-between;
    align-items: center;
    overflow: hidden;
    position: relative
}

.slider3000 .slider_strip {
    position: absolute;
    width: 0;
    margin: 0;
    z-index: 1;
    border-radius: 2px;
    background-color: #676767;
    box-shadow: inset 0 2px 5px rgba(0, 0, 0, .25);
    opacity: .85
}

.slider3000 .slider_strip.anim_strip {
    transition: width 10s ease-in-out;
    width: calc(100% - 4px);
    height: 5px
}

.slider3000 .slider_arrow {
    width: 40px;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 1;
    user-select: none;
    cursor: pointer
}

.slider3000 .slider_arrow:hover img {
    filter: var(--filter-blue);
    opacity: 1
}

.slider3000 .slider_arrow img {
    height: 20px;
    filter: var(--filter-blue);
    opacity: .6
}

@media (max-width:600px) {
    .slider3000 .slider_arrow {
        display: none
    }
}

.slider3000 .slider_wraper {
    max-width: 1200px;
    width: 100%;
    display: flex;
    flex-flow: column nowrap;
    position: relative;
    overflow: hidden
}

.slider3000 .slider_wraper .slider_container {
    width: 100%;
    height: 100%;
    display: flex;
    transition: .8s
}

.slider3000 .slider_wraper .slider_container>div {
    flex: 1 0 100%
}

.slider3000 .slider_wraper .slider_dots {
    position: absolute;
    bottom: 5px;
    width: 100%;
    display: flex;
    flex-flow: row nowrap;
    justify-content: center
}

.slider3000 .slider_wraper .slider_dots .slider_dot {
    width: 15px;
    height: 15px;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer
}

.slider3000 .slider_wraper .slider_dots .slider_dot img {
    height: 10px;
    filter: opacity(.6) contrast(.8)
}

.slide_on_main img {
    min-width: 100%
}

#sidebar {
    position: fixed;
    display: block;
    height: 100%;
    width: 100%;
    top: 40px;
    left: -100%;
    padding: 0 0 100px;
    z-index: 1002;
    overflow-x: hidden;
    overflow-y: scroll;
    background-color: #fff;
    transition: left .3s ease-out;
    -webkit-overflow-scrolling: touch
}

@media (min-width:1100px) {
    #sidebar {
        height: 100%
    }
}

@media (max-width:360px) {
    #sidebar {
        font-size: .8rem
    }
}

#sidebar[data-open="1"] {
    left: 0
}

#sidebar [data-id] {
    display: flex;
    flex-flow: column nowrap
}

#sidebar [data-id] .side_category_item {
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    height: 40px;
    opacity: 1;
    visibility: visible;
    transition: height .3s, opacity .3s
}

#sidebar [data-id] .side_category_item .side_category_arrow,
#sidebar [data-id] .side_category_item .side_category_link {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 40px;
    height: 40px;
    transition: .3s
}

#sidebar [data-id] .side_category_item .side_category_arrow img,
#sidebar [data-id] .side_category_item .side_category_link img {
    filter: var(--filter-blue);
    width: 20px;
    height: 20px
}

#sidebar [data-id] .side_category_item .side_category_name {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    height: 100%;
    text-transform: uppercase
}

#sidebar [data-id] .side_category_item .side_category_name .side_category_title {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
    max-width: 85%;
    margin: 0 0 0 15px
}

#sidebar [data-id] .side_category_item .side_category_name .side_category_arrow+.side_category_title {
    margin: 0
}

#sidebar [data-id][data-collapsed="1"] .side_category_subitems>div>.side_category_item {
    height: 0;
    opacity: 0;
    visibility: hidden
}

#sidebar [data-id][data-collapsed="0"]>.side_category_item .side_category_arrow {
    transform: rotate(90deg)
}

#sidebar [data-id][data-selected="1"]>.side_category_item .side_category_name {
    color: #fff;
    z-index: 1
}

#sidebar [data-id][data-selected="1"]>.side_category_item img {
    filter: invert(1);
    z-index: 1
}

#sidebar [data-id][data-selected="1"]>.side_category_item:after {
    content: "";
    background-color: var(--main-color);
    position: absolute;
    width: 100%;
    height: 40px;
    left: 0;
    z-index: 0
}

#sidebar .side_category_subitems [data-id] {
    margin: 0 0 0 15px
}

#vacancies[data-focus="1"] {
    transition: .2s .2s;
    visibility: visible;
    height: auto
}

#vacancies[data-focus="0"] {
    visibility: hidden;
    height: 0
}

#vacancies .vacancies_info {
    display: flex;
    flex-flow: row nowrap;
    margin: 10px 40px
}

@media (max-width:800px) {
    #vacancies .vacancies_info {
        flex-flow: column nowrap;
        margin: 10px 5px
    }
}

#vacancies .vacancies_info.vacancies_bottom {
    padding: 10px 0
}

#vacancies .vacancies_info.vacancies_bottom .vacancies_button_link {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 50px;
    box-shadow: 3px 3px 10px rgba(0, 0, 0, .25);
    border-radius: 3px;
    padding: 0 10px 0 20px
}

#vacancies .vacancies_info.vacancies_bottom .vacancies_button_link:last-child {
    padding: 0 5px;
    margin: 0 0 0 30px
}

#vacancies .vacancies_info .vacancies_left {
    display: flex;
    flex-flow: column nowrap;
    justify-content: center;
    align-items: flex-start;
    flex: 2 0
}

#vacancies .vacancies_info .vacancies_left p {
    font-size: 1.2rem;
    margin: 10px
}

@media (max-width:800px) {
    #vacancies .vacancies_info .vacancies_left {
        margin: 30px 0
    }

    #vacancies .vacancies_info .vacancies_left p {
        font-size: 1.1rem;
        margin: 0 0 10px
    }
}

#vacancies .vacancies_info .vacancies_right {
    display: flex;
    flex-flow: row nowrap;
    justify-content: center;
    align-items: center;
    flex: 1 1
}

#vacancies .vacancies_info .vacancies_button {
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-around;
    align-items: center;
    color: #fff;
    background-color: var(--selected-red);
    padding: 5px 20px;
    border-radius: 3px;
    cursor: pointer;
    user-select: none
}

#vacancies .vacancies_info .vacancies_button:hover:not(:active) {
    background-color: #d83c33
}

#vacancies .vacancies_info .vacancies_button:active {
    top: 1px;
    box-shadow: inset 0 0 1px rgba(0, 0, 0, .5), inset 0 2px 3px rgba(0, 0, 0, .5), 0 1px 1px hsla(0, 0%, 100%, .1)
}

#vacancies .vacancies_info .vacancies_button img {
    width: 25px;
    filter: invert(1);
    margin: 0 10px 0 0
}

#vacancies .vacancies_info .vacancies_button p {
    font-size: 1.2rem;
    font-weight: 700;
    margin: 10px 0
}

#vacancies .vacancies_contacts {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-flow: row nowrap;
    margin: 10px 40px
}

#vacancies .vacancies_contacts div {
    display: flex;
    justify-content: center;
    align-items: center
}

#vacancies .vacancies_contacts p {
    font-size: 1.2rem;
    margin: 10px
}

#vacancies .vacancies_contacts a {
    text-decoration: underline;
    font-size: 1.2rem;
    margin: 0 10px
}

#vacancies .vacancies_contacts img {
    width: 50px
}

@media (max-width:800px) {

    #vacancies .vacancies_contacts,
    #vacancies .vacancies_contacts div {
        flex-flow: column nowrap
    }

    #vacancies .vacancies_contacts p {
        font-size: 1rem
    }

    #vacancies .vacancies_contacts a {
        font-size: 1.5rem;
        margin: 10px
    }

    #vacancies .vacancies_contacts img {
        width: 70px
    }
}

#success {
    position: relative;
    display: flex;
    flex-flow: row nowrap;
    justify-content: center
}

#success[data-focus="1"] {
    transition: .3s .3s;
    visibility: visible
}

#success[data-focus="0"] {
    visibility: hidden;
    height: 0
}

#questionnaire {
    position: relative;
    display: flex;
    flex-flow: row nowrap;
    justify-content: center
}

#questionnaire[data-focus="1"] {
    transition: .3s .3s;
    visibility: visible
}

#questionnaire[data-focus="0"] {
    visibility: hidden;
    height: 0
}

#questionnaire[data-focus="0"] form {
    display: none
}

#questionnaire .quest_wrapper {
    position: relative;
    display: flex;
    flex-flow: column nowrap;
    width: 1000px;
    height: 100%;
    box-shadow: 0 0 2px 0 #7e7e7e;
    border-radius: 3px
}

@media (max-width:1000px) {
    #questionnaire .quest_wrapper {
        width: 100%
    }
}

#questionnaire .quest_wrapper .quest_info {
    display: flex;
    flex-flow: column nowrap
}

#questionnaire .quest_wrapper .quest_info .quest_top {
    display: flex;
    flex-flow: row nowrap;
    justify-content: flex-end;
    background-color: var(--extra-color);
    box-shadow: 0 0 2px 0 #7e7e7e;
    border-radius: 3px;
    border-bottom-left-radius: unset;
    border-bottom-right-radius: unset
}

#questionnaire .quest_wrapper .quest_info .quest_top .quest_button {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 35px;
    height: 30px;
    cursor: pointer
}

#questionnaire .quest_wrapper .quest_info .quest_top .quest_button img {
    height: 25px;
    filter: invert(1)
}

@media (max-width:800px) {
    #questionnaire .quest_wrapper .quest_info .quest_top .quest_button {
        width: 50px;
        height: 40px
    }

    #questionnaire .quest_wrapper .quest_info .quest_top .quest_button img {
        height: 35px
    }
}

#questionnaire .quest_wrapper .quest_info .quest_bottom {
    display: flex;
    flex-flow: column nowrap;
    justify-content: center;
    align-items: center
}

#questionnaire .quest_wrapper .quest_info .quest_bottom h2 {
    text-align: center;
    font-size: 1.7rem;
    font-weight: 700
}

#questionnaire .quest_wrapper .quest_info .quest_bottom p {
    margin: 0 0 10px;
    text-align: center;
    font-size: 1.2rem
}

@media (max-width:1000px) {
    #questionnaire .quest_wrapper .quest_info .quest_bottom p {
        margin: 0 25px 10px
    }
}

#questionnaire .quest_wrapper form {
    font-size: 1.2rem;
    padding: 10px 20px;
    margin: 30px 0 20px
}

@media (max-width:1000px) {
    #questionnaire .quest_wrapper form {
        padding: 10px 5px
    }
}

#questionnaire .quest_wrapper form .form_line {
    display: flex;
    flex-flow: row nowrap;
    margin: 20px 0
}

@media (max-width:1000px) {
    #questionnaire .quest_wrapper form .form_line {
        flex-flow: column nowrap
    }
}

#questionnaire .quest_wrapper form .form_line .line_title {
    font-size: 1rem;
    font-weight: 700;
    margin: 0 10px
}

#questionnaire .quest_wrapper form .form_line .input_text_item {
    display: flex;
    flex-flow: column nowrap;
    margin: 0 10px
}

#questionnaire .quest_wrapper form .form_line .input_text_item label {
    font-size: 1.3rem
}

@media (max-width:800px) {
    #questionnaire .quest_wrapper form .form_line .input_text_item label {
        font-size: 1.2rem
    }
}

#questionnaire .quest_wrapper form .form_line .input_text_item label b {
    color: var(--selected-red)
}

#questionnaire .quest_wrapper form .form_line .input_text_item input[type=text] {
    height: 40px;
    border: 1px solid #e1e1e1;
    border-radius: 3px;
    padding: 5px 5px 0;
    margin: 5px 0;
    outline: unset
}

#questionnaire .quest_wrapper form .form_line .input_text_item input[type=text]:focus {
    box-shadow: 0 0 0 2px var(--extra-color)
}

#questionnaire .quest_wrapper form .form_line .input_text_item textarea {
    font-size: 1rem;
    width: auto;
    min-width: 300px;
    border: 1px solid #e1e1e1;
    border-radius: 3px;
    padding: 5px 5px 0;
    margin: 5px 0;
    outline: unset;
    resize: none
}

@media (max-width:800px) {
    #questionnaire .quest_wrapper form .form_line .input_text_item textarea {
        min-width: unset
    }
}

#questionnaire .quest_wrapper form .form_line .input_radio_item {
    display: flex;
    flex-flow: column nowrap;
    margin: 0 10px
}

#questionnaire .quest_wrapper form .form_line .input_radio_item .input_radio_line {
    display: flex;
    flex-flow: row nowrap
}

@media (max-width:800px) {
    #questionnaire .quest_wrapper form .form_line .input_radio_item .input_radio_line {
        flex-flow: column nowrap
    }
}

#questionnaire .quest_wrapper form .form_line .input_radio_item .input_radio_line div {
    border: 1px solid #e1e1e1;
    border-radius: 3px;
    margin: 5px 10px 5px 0
}

@media (max-width:800px) {
    #questionnaire .quest_wrapper form .form_line .input_radio_item .input_radio_line div {
        padding: 0 5px
    }
}

#questionnaire .quest_wrapper form .form_line .input_radio_item .input_radio_line div label {
    width: auto;
    height: 40px;
    padding: 5px;
    font-size: 1.2rem;
    cursor: pointer;
    display: flex;
    justify-content: space-around;
    align-items: center
}

#questionnaire .quest_wrapper form .form_line .input_radio_item .input_radio_line div label:after {
    content: "☐";
    margin: 0 10px
}

@media (max-width:800px) {
    #questionnaire .quest_wrapper form .form_line .input_radio_item .input_radio_line div label {
        justify-content: space-between
    }
}

#questionnaire .quest_wrapper form .form_line .input_radio_item .input_radio_line div input[type=radio] {
    display: none
}

#questionnaire .quest_wrapper form .form_line .input_radio_item .input_radio_line div input[type=radio]:checked+label:after {
    content: "☑";
    color: var(--extra-color)
}

#questionnaire .quest_wrapper form .form_line .input_radio_item span {
    font-size: 1.3rem
}

@media (max-width:800px) {
    #questionnaire .quest_wrapper form .form_line .input_radio_item span {
        font-size: 1.2rem
    }
}

#questionnaire .quest_wrapper form .form_bottom {
    display: flex;
    flex-flow: column nowrap;
    justify-content: center;
    align-items: center
}

#questionnaire .quest_wrapper form .form_bottom div {
    display: flex
}

#questionnaire .quest_wrapper form .form_bottom div label {
    font-size: 1.2rem;
    cursor: pointer;
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-around;
    align-items: center
}

#questionnaire .quest_wrapper form .form_bottom div label:before {
    content: "☐";
    margin: 0 10px;
    font-size: 2rem
}

@media (max-width:800px) {
    #questionnaire .quest_wrapper form .form_bottom div label:before {
        margin: 0 30px
    }
}

#questionnaire .quest_wrapper form .form_bottom div input[type=radio] {
    display: none
}

#questionnaire .quest_wrapper form .form_bottom div input[type=radio]:checked+label:before {
    content: "☑";
    color: var(--extra-color)
}

#questionnaire .quest_wrapper form .form_bottom button[type=submit] {
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-around;
    align-items: center;
    color: #fff;
    background-color: var(--main-color);
    padding: 10px 20px;
    border-radius: 3px;
    cursor: pointer;
    user-select: none
}

#questionnaire .quest_wrapper form .form_bottom button[type=submit]:hover:not(:active):not(:disabled) {
    background-color: var(--extra-color)
}

#questionnaire .quest_wrapper form .form_bottom button[type=submit]:active:not(:disabled) {
    top: 1px;
    box-shadow: inset 0 0 1px rgba(0, 0, 0, .5), inset 0 2px 3px rgba(0, 0, 0, .5), 0 1px 1px hsla(0, 0%, 100%, .1)
}

#questionnaire .quest_wrapper form .form_bottom button[type=submit]:disabled {
    background-color: #676767;
    cursor: not-allowed
}