/**/

/* ------------------------------ */
/* Default Reset */
/* ------------------------------ */

*, :before, *:after{ -webkit-box-sizing: border-box; box-sizing: border-box;}
html{margin: 0; padding: 0; font-family: sans-serif; line-height: normal; font-size: 13px; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%;}
body{margin: 0px; padding: 0;}
a{margin: 0; padding: 0; outline: 0; -webkit-text-decoration-skip: objects; background: transparent; color: #0073bd; cursor: pointer;}
span{margin: 0; padding: 0;}
b{font-weight: bolder;}
strong{font-weight: bolder;}
object{margin: 0; padding: 0;}
iframe{margin: 0; padding: 0; max-width: 100%;}
h1{margin: 0; padding: 0; font-weight: normal;}
h2{margin: 0; padding: 0; font-weight: normal;}
h3{margin: 0; padding: 0; font-weight: normal;}
h4{margin: 0; padding: 0; font-weight: normal;}
h5{margin: 0; padding: 0; font-weight: normal;}
h6{margin: 0; padding: 0; font-weight: normal;}
p{margin: 0; padding: 0;}
img{max-width: 100%; display: inline-block; border-style: none;}
pre{margin: 0; padding: 0;}
code{margin: 0; padding: 0;}
audio{margin: 0; padding: 0; display: inline-block;}
video{margin: 0; padding: 0; display: inline-block;}
form{margin: 0; padding: 0; display: block;}
textarea{width: 100%; min-height: 76px; margin: 0; padding: 0; border: 0; outline: 0; font-size: inherit; font-family: inherit; background: #fff; overflow: auto; z-index: 1;}
select{margin: 0; padding: 0; border: 0; outline: 0; cursor: pointer; line-height: inherit; color: inherit; font-size: inherit; background: #fff;}
option{cursor: pointer; line-height: inherit; color: inherit; font-size: inherit;}
[type="text"]{width: 100%; min-height: 26px; margin: 0; padding: 0; border: 0; outline: 0; font-size: inherit; background: #fff; font-family: inherit; color: inherit;}
[type="email"]{margin: 0; padding: 0; border: 0; outline: 0; font-size: inherit; background: #fff; font-family: inherit; color: inherit;}
[type="password"]{margin: 0; padding: 0; border: 0; outline: 0; font-size: inherit; background: #fff; font-family: inherit; color: inherit;}
[type="number"]{margin: 0; padding: 0; border: 0; outline: 0; font-size: inherit; background: #fff; font-family: inherit; color: inherit;}
[type="checkbox"]{margin: 0; padding: 0; -webkit-box-sizing: inherit; box-sizing: inherit; display: inline-block; vertical-align: middle; cursor: pointer;}
[type="radio"]{margin: 0; padding: 0; -webkit-box-sizing: inherit; box-sizing: inherit; display: inline-block; vertical-align: middle; cursor: pointer;}
[type="file"]{margin: 0; padding: 0; border: 0; outline: 0; font-size: inherit; line-height: inherit; background: transparent; font-family: inherit; color: inherit; cursor: pointer;}
[type="file"]::-webkit-file-upload-button{border: 0; outline: 0; cursor: pointer; padding: 5px 10px;}
[type="submit"]{margin: 0; padding: 0; border: 0; outline: 0; display: inline-block; font-size: inherit; line-height: inherit; background: transparent; font-family: inherit; color: inherit; cursor: pointer; -webkit-appearance: button;}
[type="submit"]::-moz-focus-inner{padding: 0; border: 0}
[type="button"]{margin: 0; padding: 0; border: 0; outline: 0; display: inline-block; font-size: inherit; line-height: inherit; background: transparent; font-family: inherit; color: inherit; cursor: pointer; -webkit-appearance: button;}
[type="button"]::-moz-focus-inner{padding: 0; border: 0}
[type="reset"]{margin: 0; padding: 0; border: 0; outline: 0; display: inline-block; font-size: inherit; line-height: inherit; background: transparent; font-family: inherit; color: inherit; cursor: pointer; -webkit-appearance: button;}
[type="reset"]::-moz-focus-inner{padding: 0; border: 0}
[type="search"]{margin: 0; padding: 0; border: 0; outline: 0; display: inline-block; font-size: inherit; line-height: inherit; background: transparent; font-family: inherit; color: inherit; -webkit-appearance: textfield;}
[type="search"]::-moz-focus-inner{padding: 0; border: 0}
[type="search"]::-webkit-search-decoration{-webkit-appearance: none;}
[type="search"]::-webkit-search-cancel-button{-webkit-appearance: none;}
button{margin: 0; padding: 0; font-family: inherit; font-size: inherit; line-height: inherit; text-transform: none; overflow: visible; background: transparent; border: 0; cursor: pointer; -webkit-appearance: button;}
button::-moz-focus-inner{padding: 0; border: 0}
label{margin: 0; padding: 0; display: block; cursor: pointer;}
ul{margin: 0; padding: 0; display: block; list-style-position: inside; font-family: inherit; font-size: inherit; line-height: inherit;}
ol{margin: 0; padding: 0; display: block; list-style-position: inside; font-family: inherit; font-size: inherit; line-height: inherit;}
li{margin: 0; padding: 0; font-family: inherit; font-size: inherit; line-height: inherit;}
legend{margin: 0; padding: 0;}
table{margin: 0; padding: 0; border-collapse: collapse; width: 100%;}
thead{margin: 0; padding: 0;}
tbody{margin: 0; padding: 0;}
tfoot{margin: 0; padding: 0;}
tr{margin: 0; padding: 0;}
th{margin: 0; padding: 0;}
td{margin: 0; padding: 0;}
caption{margin: 0; padding: 0;}
article{margin: 0; padding: 0; display: block;}
aside{margin: 0; padding: 0; display: block;}
footer{margin: 0; padding: 0; display: block;}
header{margin: 0; padding: 0; display: block;}
nav{margin: 0; padding: 0; display: block;}
section{margin: 0; padding: 0; display: block;}

.st-cart-items th {
    text-align: left;
    font-weight: 400;
}

/*модалка всплывающая*/
.modal-form { padding: 30px; background: #fff;}
.modal-form .title {
    font-size: 26px;
    font-weight: bold;
}
.modal-form textarea,
.modal-form .input,
.modal-form input:not([type=button]):not([type=submit]):not([type=file]):not([type=checkbox]) {
    width: 100%;
    min-height: 55px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    padding: 10px 16px;
    border-radius: 8px;
    border: 1px solid #ACACAC;
    background: #fff;
    color: #757575;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 170%;
}

@media screen and (max-width: 767px) {
    .modal-form {
        padding: 16px;
    }
    .modal-form .flex {
        flex-direction: column;
    }
}

/*Исчезновение Placeholder при фокусе*/
:focus::-webkit-input-placeholder {color: transparent;}
:focus::-moz-placeholder {color: transparent;}
:focus:-moz-placeholder {color: transparent;}
:focus:-ms-input-placeholder {color: transparent;}

/*Обводит рамку красным цветом при незаполненном поле*/
.field.error [type="text"], .field.error textarea {border-color: red !important;}

/* ------------------------------ */
/* Domain Reset */
/* ------------------------------ */

/* ------------------------------ */
/* Default Framework */
/* ------------------------------ */

/* Clearfix */
.c-clearfix:before, .c-clearfix:after{content: ''; display: table;}
.c-clearfix:after{clear: both;}
.c-clearfix {zoom: 1;}

/* Blocks */
.c-style_display_block{display: block;}

/* Inlines */
.c-style_display_inline{display: inline;}

/* Inline-blocks */
.c-style_display_inline-block{display: inline-block;}

/* Vertical aligning */
.c-style_vertical-align_top{vertical-align: top;}
.c-style_vertical-align_middle{vertical-align: middle;}
.c-style_vertical-align_baseline{vertical-align: baseline;}
.c-style_vertical-align_bottom{vertical-align: bottom;}

/* Horisontal aligning */
.c-style_text-align_center{text-align: center;}
.c-style_text-align_left{text-align: left;}
.c-style_text-align_right{text-align: right;}
.c-style_text-align_justify{text-align: justify;}

/* Sizing */
.c-style_width_auto{width: auto;}
.c-style_width_100{width: 100%;}

/* Margins */
.c-style_margin_horisontal_auto{margin-left: auto; margin-right: auto;}
.c-style_margin_vertical_auto{margin-top: auto; margin-bottom: auto;}
.c-style_margin_auto{margin: auto;}
.c-style_margin-left_auto{margin-left: auto;}
.c-style_margin-right_auto{margin-right: auto;}
.c-style_margin-top_auto{margin-top: auto;}
.c-style_margin-bottom_auto{margin-bottom: auto;}
.c-style_margin_horisontal_none{margin-left: 0; margin-right: 0;}
.c-style_margin_vertical_none{margin-top: 0; margin-bottom: 0;}
.c-style_margin_none{margin: 0;}
.c-style_margin-left_none{margin-left: 0;}
.c-style_margin-right_none{margin-right: 0;}
.c-style_margin-top_none{margin-top: 0;}
.c-style_margin-bottom_none{margin-bottom: 0;}

/* Paddings */
.c-style_padding_horisontal_none{padding-left: 0; padding-right: 0;}
.c-style_padding_vertical_none{padding-top: 0; padding-bottom: 0;}
.c-style_padding_none{padding: 0;}
.c-style_padding-left_none{padding-left: 0;}
.c-style_padding-right_none{padding-right: 0;}
.c-style_padding-top_none{padding-top: 0;}
.c-style_padding-bottom_none{padding-bottom: 0;}

/* Table */
.c-style_display_table{display: table;}
.c-style_display_table-row{display: table-row;}
.c-style_display_table-cell{display: table-cell;}
.c-style_table-layout_fixed{table-layout: fixed;}

/* Flexbox */
.c-style_display_flex{display: -webkit-box; display: -ms-flexbox ;display: flex;}
.c-style_align-items_center{-webkit-box-align: center; -ms-flex-align: center; align-items: center;}
.c-style_align-items_flex-start{-webkit-box-align: start; -ms-flex-align: start; align-items: flex-start;}
.c-style_align-items_flex-end{-webkit-box-align: end; -ms-flex-align: end; align-items: flex-end;}
.c-style_align-items_stretch{-webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch;}
.c-style_align-items_baseline{-webkit-box-align: baseline; -ms-flex-align: baseline; align-items: baseline;}
.c-style_justify-content_center{-webkit-box-pack: center; -ms-flex-pack: center; justify-content: center;}
.c-style_justify-content_flex-start{-webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start;}
.c-style_justify-content_flex-end{-webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end;}
.c-style_justify-content_space-around{-ms-flex-pack: distribute; justify-content: space-around;}
.c-style_justify-content_space-between{-webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between;}
.c-style_flex-direction_column{-webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column;}
.c-style_flex-direction_row{-webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row;}
.c-style_flex-wrap_wrap{-ms-flex-wrap: wrap; flex-wrap: wrap;}
.c-style_flex-wrap_wrap-reverse{-ms-flex-wrap: wrap-reverse;flex-wrap: wrap-reverse;}
.c-style_flex-wrap_nowrap{-ms-flex-wrap: nowrap; flex-wrap: nowrap;}
.c-style_flex-grow_1{-webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1;}
.c-style_flex-grow_0{-webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0;}
.c-style_flex-shrink_1{-ms-flex-negative: 1; flex-shrink: 1;}
.c-style_flex-shrink_0{-ms-flex-negative: 1; flex-shrink: 1;}
.c-style_align-self_flex-start{-ms-flex-item-align: start; align-self: flex-start;}
.c-style_align-self_flex-end{-ms-flex-item-align: end; align-self: flex-end;}
.c-style_align-self_flex-center{-ms-flex-item-align: center;align-self: center;}
.c-style_align-self_flex-baseline{-ms-flex-item-align: center; -ms-grid-row-align: center; align-self: center;}
.c-style_align-self_flex-stretch{-ms-flex-item-align: stretch; -ms-grid-row-align: stretch; align-self: stretch;}

/* Ellipsis */
.c-style_ellipsis{overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; white-space: nowrap;}

/* Ellipsis */
.c-style_nowrap{white-space: nowrap;}

/* Button inline element */
.c-element_button_inline{cursor: pointer; color: #333; text-decoration: none; display: inline-block; white-space: nowrap; font-family: Tahoma; background: #fff; position: relative; border: 2px solid rgb(176, 207, 224); padding: 6px 10px; border-radius: 2px; -webkit-transition: -webkit-box-shadow 0.2s; transition: -webkit-box-shadow 0.2s; -o-transition: box-shadow 0.2s; transition: box-shadow 0.2s; transition: box-shadow 0.2s, -webkit-box-shadow 0.2s; -ms-user-select: none; -moz-user-select: none; -webkit-user-select: none;}
.c-element_button_inline:hover:not(.c-element_button_inline_disabled){border: 2px solid #b4b4b4;}
.c-element_button_inline.c-element_button_inline_active:not(.c-element_button_inline_disabled){border: 1px solid rgba(0, 0, 0, 0.2); color: inherit; -webkit-box-shadow: 0 0 10px #ffcc00; box-shadow: 0 0 10px #ffcc00;}
.c-element_button_inline:active:not(.c-element_button_inline_disabled){top: 1px; -webkit-box-shadow: 0 0 10px #ffcc00; box-shadow: 0 0 10px #ffcc00;}
.c-element_button_inline.c-element_button_inline_disabled{opacity: 0.5;}
.c-element_button_inline:disabled{opacity: 0.5;}
.c-element_button_inline > i{vertical-align: baseline;}
.c-element_button_inline > span{vertical-align: baseline;}

.c-element_button{display: inline-block; padding: 0 16px; width: 100%; height: 55px; cursor: pointer; text-decoration: none; font-size: 16px; vertical-align: middle; white-space: nowrap; background: #E2E2E2; position: relative; border-radius: 8px; transition: 0.2s;}
.c-element_button:hover:not(.c-element_button_disabled){background-color: #aeaeae}
.c-element_button.c-element_button_disabled{opacity: 0.5;}
.c-element_button:disabled{opacity: 0.5;}
.c-element_button.yellow_button{background: #DFBE4A;}
.c-element_button.yellow_button:hover:not(.c-element_button_disabled){background-color: #d1b245;}
.c-element_button.green_button{background: #439F6E; color: #fff;}
.c-element_button.green_button:hover:not(.c-element_button_disabled){background-color: #3a8960;}

.c-element_button_icon{min-width: 36px; height: 36px; cursor: pointer; color: #222324; text-decoration: none; font-size: 20px; display: flex; justify-content: center; align-items: center; background: #E2E2E2; position: relative; border-radius: 8px; transition: 0.2s;}
.c-element_button_icon:hover:not(.c-element_button_icon_disabled){background-color: #E2E2E2}
.c-element_button_icon.c-element_button_icon_disabled{opacity: 0.5;}
.c-element_button_icon:disabled{opacity: 0.5;}
.c-element_button_icon.large_button{min-width: 55px; height: 55px;}
.c-element_button_icon.yellow_button{background: #DFBE4A;}
.c-element_button_icon.yellow_button:hover:not(.c-element_button_icon_disabled){background-color: #d1b245}
.c-element_button_icon.green_button{background: #439F6E; color: #fff;}
.c-element_button_icon.green_button:hover:not(.c-element_button_icon_disabled){background-color: #3e9468;}

/* Button outline element */
.c-element_button_outline{display: inline-block; padding: 0 16px; width: 100%; height: 55px; cursor: pointer; text-decoration: none; font-size: 16px; vertical-align: middle; white-space: nowrap; background: #fff; border: 1px solid #E2E2E2; position: relative; border-radius: 8px; transition: 0.2s;}
.c-element_button_outline:hover:not(.c-element_button_outline_disabled){background-color: #E2E2E2}
.c-element_button_outline.c-element_button_outline_disabled{opacity: 0.5;}
.c-element_button_outline:disabled{opacity: 0.5;}
.c-element_button_outline.small-button{height: 36px;}
.c-element_button_outline.yellow_button{border: 1px solid #DFBE4A; background: #FFFAF0;}
.c-element_button_outline.yellow_button:hover:not(.c-element_button_outline_disabled){background-color: #DFBE4A;}
.c-element_button_outline.green_button{border: 1px solid #439F6E; background: #E9F7F4;}
.c-element_button_outline.green_button:hover:not(.c-element_button_outline_disabled){background-color: #439F6E; color: #fff;}

.c-element_button_icon_outline{min-width: 36px; height: 36px; cursor: pointer; color: #222324; text-decoration: none; font-size: 20px; display: flex; justify-content: center; align-items: center; white-space: nowrap; background: #fff; position: relative; border: 1px solid #222324; border-radius: 8px; transition: 0.2s;}
.c-element_button_icon_outline:hover:not(.c-element_button_icon_outline_disabled){background-color: #E2E2E2}
.c-element_button_icon_outline.c-element_button_icon_outline_disabled{opacity: 0.5;}
.c-element_button_icon_outline:disabled{opacity: 0.5;}
.c-element_button_icon_outline.large_button{min-width: 55px; height: 55px;}
.c-element_button_icon_outline.yellow_button{background: #FFFAF0;}
.c-element_button_icon_outline.yellow_button:hover:not(.c-element_button_icon_outline_disabled){background-color: #DFBE4A}
.c-element_button_icon_outline.green_button{background: #E9F7F4;}
.c-element_button_icon_outline.green_button:hover:not(.c-element_button_icon_outline_disabled){background-color: #439F6E; color: #fff;}
.c-element_button_icon_outline.red_button{background: #FFF5F5;}
.c-element_button_icon_outline.red_button:hover:not(.c-element_button_icon_outline_disabled){background-color: #F93232; color: #fff;}
.c-element_button_icon_outline.gray_button{background: #E2E2E2;}

/* Label element */
.c-element_label *{-webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none}
/* + Checkbox styles */
.c-element_label [type="checkbox"] + i:before{color: #c9c9c9;}
.c-element_label:hover [type="checkbox"] + i:before{color: inherit;}
.c-element_label [type="checkbox"]:checked + i:before{color: inherit;}
/* + Radio styles */
.c-element_label [type="radio"] + i:before{color: #c9c9c9;}
.c-element_label:hover [type="radio"] + i:before{color: inherit;}
.c-element_label [type="radio"]:checked + i:before{color: inherit;}

/* Checkbox element */
/* + .fa style */
.c-element_checkbox [type="checkbox"] + i{display: inline-block; font-family: FontAwesome;  -webkit-font-feature-settings: normal;  font-feature-settings: normal; -webkit-font-kerning: auto; font-kerning: auto; -webkit-font-language-override: normal; font-language-override: normal; font-size-adjust: none; font-stretch: normal; font-style: normal;  font-synthesis: weight style; font-variant: normal; font-weight: normal; text-rendering: auto;}
/* + .fa-fw style */
.c-element_checkbox i{text-align: center; width: 1.28571em;}
/* + .fa-lg style */
.c-element_checkbox [type="checkbox"] + i{font-size: 1.33333em; line-height: 0.75em; vertical-align: -15%;}
/* + Default style */
.c-element_checkbox{display: inline-block;}
.c-element_checkbox [type="checkbox"]{display: none;}
.c-element_checkbox [type="checkbox"] + i:before{content: ''; color: #c9c9c9;}
.c-element_checkbox [type="checkbox"]:checked + i:before{content: ''; position: relative; left: 0.0714em;}

/* Radio element */
/* + .fa style */
.c-element_radio i{display: inline-block; font-family: FontAwesome;  -webkit-font-feature-settings: normal;  font-feature-settings: normal; -webkit-font-kerning: auto; font-kerning: auto; -webkit-font-language-override: normal; font-language-override: normal; font-size-adjust: none; font-stretch: normal; font-style: normal;  font-synthesis: weight style; font-variant: normal; font-weight: normal; text-rendering: auto;}
/* + .fa-fw style */
.c-element_radio i{text-align: center; width: 1.28571em;}
/* + .fa-lg style */
.c-element_radio [type="radio"] + i{font-size: 1.33333em; line-height: 0.75em; vertical-align: -15%;}
/* + Default style */
.c-element_radio{display: inline-block;}
.c-element_radio [type="radio"]{display: none;}
.c-element_radio [type="radio"] + i:before{content: ''; color: #c9c9c9;}
.c-element_radio [type="radio"]:checked + i:before{content: '';}

/* Table element default */
.c-element_table_default{width: 100%; margin: 0; border-collapse: separate; background-color: #cdcdcd; border-spacing: 1px;}
.c-element_table_default tr:hover td{background: #F9F9F9;}
.c-element_table_default td{padding: 6px; background-color: #fff; vertical-align: top; text-align: left;}
.c-element_table_default th{padding: 6px; background-color: #fff; vertical-align: top; background: #E6EEEE; text-align: left; border: 1px solid #fff; white-space: nowrap;}

table.pd0 td, table.pd0 th { padding: 0; }
table.pd1 td, table.pd1 th { padding: 2px; }
table.pd2 td, table.pd2 th { padding: 4px; }

/* Stock-b */
.stock-b{cursor: pointer; color: rgba(64, 64, 64, 0.9); text-decoration: none; display: inline-block; background: rgba(0, 0, 0, 0.06); position: relative; border: 1px solid rgba(0, 0, 0, 0.06); padding: 6px 10px; border-radius: 2px;}
.stock-b:hover, .sort-option.selected{border: 1px solid rgba(0, 0, 0, 0.2); color: inherit;}
.stock-b:active{top: 1px;}
.stock-b+.stock-b{margin-left: 15px;}
.stock-b i{/*vertical-align: middle;*/}

/* Growls */
#growls, .growls{z-index:50000;position:fixed;}
#growls.default{bottom:10px;right:10px;}
#growls.tl{top:10px;left:10px;}
#growls.tr{top:10px;right:10px;}
#growls.bl{bottom:10px;left:10px;}
#growls.br{bottom:10px;right:10px;}
.growl{opacity:0.8;position:relative;border-radius:4px;-webkit-transition:all 0.4s ease-in-out;-o-transition:all 0.4s ease-in-out;transition:all 0.4s ease-in-out;}
.growl.growl-incoming{opacity:0;}
.growl.growl-outgoing{opacity:0;}
.growl.growl-small{width:200px;padding:5px;margin:5px;}
.growl.growl-medium{width:250px;padding:10px;margin:10px;}
.growl.growl-large{width:300px;padding:15px;margin:15px;}
.growl.growl-default{color:white;background:#7f8c8d;}
.growl.growl-error{color:white;background:#c0392b;}
.growl.growl-notice{color:white;background:#32A146;}
.growl.growl-warning{color:white;background:#f39c12;}
.growl .growl-close{cursor:pointer;float:right;font-size:14px;line-height:18px;font-weight:normal;}
.growl .growl-title{font-size:24px;line-height:24px;}
.growl .growl-message{font-size:14px;line-height:18px;margin-top:10px;}


/* Clearfix */
.clearfix:before, .clearfix:after{content: ''; display: table;}
.clearfix:after{clear: both;}
.clearfix {zoom: 1;}

/* Tablesorter */
.tablesorter .tablesorter-header{cursor: pointer; padding-right: 20px; background-image: url('imgs_default/tablesorter-bg.gif'); background-position: right center; background-repeat: no-repeat;}
.tablesorter .tablesorter-asc{background-color: #8dbdd8; background-image: url('imgs_default/tablesorter-asc.gif');}
.tablesorter .tablesorter-desc{background-color: #8dbdd8; background-image: url('imgs_default/tablesorter-desc.gif');}

/* Табы */
* + .di-tabs-w{margin: 10px auto 0;max-width: calc(100vw - 10%)}
.di-tabs-buttons-w{margin: 0;}
.di-tabs-button-item{list-style: none; display: inline-block;}
.di-tabs-button-item > a{padding: 8px 14px; font-size: 13px; display: inline-block; border: 1px solid #b0cfe0; border-bottom: 0; background: #f6f6f6; color: #000; border-radius: 2px 2px 0 0; text-decoration:none;}
.di-tabs-button-item > a:hover{background: #fff; color: #000;}
.di-tabs-button-item > a.active{background: #fff; color: #000;}
.di-tabs-content-item{padding: 10px; background: #fff; border: 1px solid #b0cfe0; z-index: 1;}
.di-tabs-content-item-editor{padding: 0; background: transparent; border: none;}

.di-tabs-w h3 { margin-bottom:5px;}
.di-tabs-w table + h3 { margin-top:20px;}

/* Pagination */
.pagination{}
.pagination__inner{display: -webkit-box;display: -ms-flexbox;display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap;}
.pagination__item{white-space: nowrap; -ms-user-select: none; user-select: none; -webkit-user-select: none; -moz-user-select: none;}
.pagination__item--disabled{cursor: default;}

/* Pagination default style */
.pagination--default{margin-top: 20px;margin-bottom: 20px}
.pagination--default .pagination__inner{margin: -2px;}

.pagination--default .pagination__item {
    position: relative;
    /*font-family: sans-serif;*/
    min-width: 30px;
    min-height: 30px;
    text-decoration: none;
    margin: 2px 4px;
    color: #1B6B92;
    background-color: #fff;
    border: 1px solid #1B6B92;
    border-radius: 8px;
    padding: 6px 10px;
    -webkit-transition: -webkit-box-shadow 0.2s;
    transition: -webkit-box-shadow 0.2s;
    -o-transition: box-shadow 0.2s;
    transition: box-shadow 0.2s;
    transition: box-shadow 0.2s, -webkit-box-shadow 0.2s;
}

.pagination--default .pagination__item:hover {
    border-color: #b4b4b4;
}

.pagination--default .pagination__item:active {
    top: 1px;
    -webkit-box-shadow: 0 0 10px #DEF1FF;
    box-shadow: 0 0 10px #DEF1FF;
}

.pagination--default .pagination__item--current {
    background-color: #DEF1FF;
}

.pagination--default .pagination__item--disabled {
    opacity: 0.5;
}

.pagination--default .pagination__item--disabled:hover {
    border-color: rgb(176, 207, 224);
}

.pagination--default .pagination__item--disabled:active {
    top: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
}

/* Register */
.register-box{width: 50%; margin: 0 auto; padding: 20px; border: 1px solid rgba(55, 55, 55, 0.2); border-radius: 3px;}
.register-box .h2{font-size: 19px;}
.register-step-two,
.remind-step-two{display: none; font-weight: 300; text-align: center; font-size: 20px;}

/* Список заказов */
.orders-main-w{border: 1px solid #dedede; background: #fff;}
.orders-w{padding: 20px;}
.orders-w:hover{background: #F6F8FC;}
.orders-w+.orders-w{border-top: 1px solid #dedede;}
.orders{border-collapse: collapse; background: #fff; font-family: Tahoma;}
.orders td{vertical-align: top; padding: 10px; font-size: 13px; border: 1px solid #dedede;}
.orders th{vertical-align: top; padding: 10px; font-size: 13px; border: 1px solid #dedede; font-weight: normal; text-align: left; background: #f9f9f9;}
.orders select{font-size: 13px; padding: 6px; width: 100%; /*-webkit-appearance:none; -moz-appearance:none; appearance:none;*/}
.orders .head td{background: #f9f9f9;}

.orders-table{background: #fff; font-family: Tahoma;}
.orders-table td{padding: 16px; color: #5F616F; font-size: 14px; vertical-align: middle;}
.orders-table th{vertical-align: top; padding: 16px; color: #5F616F; font-size: 14px; font-weight: 700; text-align: left; border-bottom: 1px solid #858791; background: #fff;}
.orders-table select{font-size: 13px; padding: 6px; width: 100%; /*-webkit-appearance:none; -moz-appearance:none; appearance:none;*/}
.orders-table-data {border-bottom: 1px solid #EFF0F0;}
.orders-table-status {width: 100px;}
.orders-table-status-icon {margin-right: 8px; font-size: 20px;}
.orders-table-sum {width: 100px;}
.orders-table-actions {width: 172px;}
.orders-new {background: #E9F7F4; animation: order-new-animation 1s linear; animation-delay: 10s; animation-fill-mode: forwards}
.orders-edit-good{cursor: pointer;}
.orders-edit-good-buttons{}
.orders-edit-good-cost{display: -webkit-box;display: -ms-flexbox;display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between;}
.orders-edit-good-cost div{display: -webkit-box;display: -ms-flexbox;display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center;}
.orders-edit-order-buttons{}
.orders-edit-good-container-w .orders-edit-good-container{display: none;}
.orders-edit-order-container-w .orders-edit-order-container{display: none;}
.orders-edit-order-container{padding: 20px; background: #fff;}
.orders-edit-good-container{padding: 20px; background: #fff;}
.orders-add-good-input-w{}
.orders-add-good-input{min-width: 350px;}
.orders-add-good-results-w{overflow-y: auto; max-height: 400px;}
.orders-add-good-results-w td { vertical-align: middle;}
.orders-search-form{}
.orders-data:hover{background: #f9f9f9;}
.orders-data-mini td{font-size: 11px;}
.orders-info-cards-container {margin-bottom: 32px; width: 100%; display: flex; gap: 32px;}
.orders-info-card {width: 33%; display: flex; flex-direction: column; gap: 32px; padding: 16px; border-radius: 8px;}
.orders-mail-w{max-width: 80px; word-wrap: break-word;}
.orders-field {padding: 0 16px; height: 55px; color: #222324; border-radius: 8px; border: 1px solid #ACACAC; font-size: 16px;}
.orders-field-mini {padding: 0 10px; height: 34px; color: #222324; border-radius: 8px; border: 1px solid #ACACAC; font-size: 14px;}
.orders-filters-container {margin-bottom: 32px; display: flex; gap: 16px;}
.orders-info-filters-w { display: -webkit-box; display: -ms-flexbox; display: flex;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between; }
.orders-create-order-w { display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }
.orders-create-order-w .first { width: calc(100% - 230px);}
.orders-create-order-w .first > input { width: calc(100% - 310px); }
.orders-create-order-w .first > button { width: 300px; }
.orders-create-order-w .second { width: 230px;}
.orders-mobile {display: none;}
.order-container {width: 100%; border: 1px solid #7A7A7A; border-radius: 8px; padding: 16px;}
.order-info-container {display: flex; gap: 16px;}
.order-goods-container {display: flex; gap: 16px; flex-direction: column;}
.order-goods-header {border-bottom: 1px solid #858791;font-weight: 700;}
.order-good-container {padding:16px 0px; gap: 6px; display: grid; grid-template-areas: 'id image image title title title title cost count available sum action'; grid-template-columns: 50px repeat(9, 1fr) 90px 36px; grid-template-rows: minmax(auto, 110px)}
.order-good-new-container {display: flex; gap: 16px; align-items: center;}
.order-good-item {display: flex; align-items: flex-end; max-width: 408px}
.order-good-image-wrapper {display: block; position: relative; overflow: hidden; width: 100%; height: 100%; max-width: 100px;}
.order-good-image {position: absolute; top: 50%; left: 50%; transform:translate(-50%,-50%); width: 100%; height: 100%; object-fit:cover;}

@keyframes order-new-animation { to { background: #fff;}}

@media screen and (max-width: 1000px) {
    .orders-info-cards-container {flex-direction: column; gap: 16px; font-size: 12px}
    .orders-info-card {width: 100%; flex-direction: row; gap: 0; justify-content: space-between;}
    .orders-field-mini {padding: 0 12px; height: 40px; font-size: 14px;}
    .orders-filters-container {flex-direction: column;}
    .orders-hide-mobile {display: none;}
    .orders-mobile {display: block;}
    .orders-table td {padding: 8px; font-size: 12px; vertical-align: top;}
    .orders-table th {padding: 8px;}
    .orders-table-actions {width: 46px;}
    .orders-table-status {width: 70px;}
    .orders-table-status-icon {margin-right: 4px; font-size: 12px;}
    .orders-table-status-text {font-weight: 700;}
    .orders-table-full_name-text {font-weight: 700;}
    .orders-table-sum {width: 70px;}
    .order-container {width: 100%; border: none; padding: 0;}
    .order-info-container {flex-direction: column;}
    .order-good-new-container {flex-direction: column;}
    .order-good-container {padding: 0; grid-template-rows: repeat(4, 1fr); grid-template-columns: repeat(6, 1fr); grid-template-areas:  'image image title title title title'
                                                                                                                                        'image image title title title title'
                                                                                                                                        'image image cost cost count count'
                                                                                                                                        'available available available sum sum action'}
    .order-good-item {padding: 8px; font-size: 14px;}
    .order-good-sum {font-size: 18px;}
}

/**/

@charset "UTF-8";
.center-wrapper {
  margin: 0 auto !important;
  padding: 0 16px !important;
  max-width: 1012px;
  scroll-behavior: smooth;
}

html {
  background: #373737;
  touch-action: none;
}

body {
  font-family: "Inter", sans-serif;
  font-size: 16px;
  font-weight: 300;
  line-height: 170%;
  background: var(--main, linear-gradient(180deg, #373737 0%, #181818 100%));
  background-repeat: no-repeat;
  background-size: cover;
  min-height: 100vh;
}

.overflow-container {
  overflow: auto;
}

@media screen and (max-width: 767px) {
  .mobile-overflow-hidden {
    overflow: hidden;
    height: 100vh;
  }
}
.wrapper {
  position: relative;
}

a {
  text-decoration: none;
  color: inherit;
  cursor: pointer;
}

section {
  margin-bottom: 60px;
}

h1, .h1 {
  font-size: 34px;
  font-weight: 600;
  line-height: 150%;
}

.h2-main {
  font-size: 32px;
  font-weight: 600;
  line-height: 150%;
}

h2 {
  font-size: 26px;
  font-weight: 600;
  line-height: 150%;
}

h3 {
  font-size: 20px;
  font-weight: 600;
  line-height: 150%;
}

p {
  font-size: 16px;
  font-weight: 300;
  line-height: 170%;
}
p ul, p ol {
  margin-bottom: 16px;
}

.link {
  cursor: pointer;
  text-decoration: underline;
  transition: color 0.2s linear;
}
.link:hover {
  color: rgba(255, 255, 255, 0.8);
}

.button {
  cursor: pointer;
  text-decoration: none;
  padding: 14px 32px;
  border-radius: 36px;
  max-width: fit-content;
  transition: all 0.2s linear;
}

.button-gray {
  background: #373737;
  color: #fff;
}

.button:hover:not(.button-disabled) {
  opacity: 0.8;
}

.button-adm {
  cursor: pointer;
  text-decoration: none;
  padding: 6px 8px;
  border-radius: 8px;
  max-width: fit-content;
  transition: all 0.2s linear;
}

.button-adm:hover:not(.button-disabled) {
  opacity: 0.8;
}

.button.button-disabled {
  cursor: not-allowed;
  background: #767575;
  border: 1px solid #767575;
  color: #fff;
}

.button-full-width {
  max-width: 100%;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
}

.button-success {
  background: #439F6E;
  border: 1px solid #439F6E;
  color: #fff;
}

.button-arrow {
  padding: 9px 24px;
  padding-right: 48px;
  display: flex;
  font-size: 16px;
  font-weight: 400;
  cursor: pointer;
  position: relative;
  overflow: hidden;
  transition: 0.3s;
}

.button.button-square {
  padding: 10px;
  border: 1px solid rgb(239, 240, 240);
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.button-arrow::after, .button-arrow::before {
  content: "→";
  position: absolute;
  top: 50%;
  right: 24px;
  transform: translateY(-50%);
  font-size: 16px;
  transition: 0.3s;
}

.button-arrow::after {
  right: initial;
  left: -50px;
}

.button-arrow:not(.button-disabled):hover {
  padding-left: 48px;
  padding-right: 24px;
}

.button-arrow:not(.button-disabled):hover:before {
  right: -50px;
}

.button-arrow:not(.button-disabled):hover:after {
  left: 24px;
}

.button-arrow > div {
  transition: 0.3s;
}

.button-arrow:not(.button-disabled):hover .translate {
  transform: translateX(24px);
}

.arrow-container {
  position: relative;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 16px;
  margin-bottom: 24px;
  z-index: 3;
}
@media screen and (max-width: 999px) {
  .arrow-container {
    margin-bottom: 10px;
  }
}

.arrow {
  cursor: pointer;
  padding: 4px;
  transition: all 0.3s linear;
}
.arrow-prev {
  transform: rotate(180deg);
}
.arrow.slick-disabled {
  clip-path: inset(0 0 0 24px);
}

ul:not(.slick-dots) {
  list-style-type: none;
}
ul:not(.slick-dots) li::marker {
  display: none;
}
ul:not(.slick-dots) li {
  position: relative;
  margin-left: 32px;
}
ul:not(.slick-dots) li:before {
  content: "";
  position: absolute;
  left: -32px;
  top: 5px;
  width: 14px;
  height: 14px;
  border-radius: 7px;
}
ul:not(.slick-dots) li:not(:last-child) {
  margin-bottom: 16px;
}

.dots_back {
  display: none;
}

.grid-4columns-container {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 36px;
  overflow-y: auto;
}

.grid-2columns-container {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 24px;
  overflow-y: auto;
}

.grid-minmax-card-container {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(306px, 1fr));
  gap: 24px;
}

.grid-3columns-container {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 36px;
  overflow-y: auto;
}

@media screen and (max-width: 1332px) {
  .grid-4columns-container {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media screen and (max-width: 1000px) {
  .grid-4columns-container,
  .grid-3columns-container {
    grid-template-columns: repeat(2, 1fr);
    gap: 24px;
  }
}
@media screen and (max-width: 767px) {
  .grid-4columns-container,
  .grid-3columns-container,
  .grid-2columns-container {
    grid-template-columns: 1fr;
  }
  .mobile-order .grid-4columns-container {
    grid-template-columns: 1fr 1fr;
  }
}
@media screen and (max-width: 700px) {
  .grid-minmax-card-container {
    grid-template-columns: repeat(auto-fit, minmax(156px, 1fr));
  }
}
.d-flex {
  display: flex;
  align-items: center;
}
@media screen and (max-width: 767px) {
  .d-flex {
    flex-direction: column;
  }
}

.d-flex-column {
  display: flex;
  flex-direction: column;
}

.d-flex-between {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.justify-content-center {
  justify-content: center;
}

.gap-8 {
  gap: 8px;
}

.gap-16 {
  gap: 16px;
}

.gap-24 {
  gap: 24px;
}

.gap-36 {
  gap: 36px;
}

.no-block-edit .block-edit-wrapper {
  display: none;
}

.body-panel .dimodal-content {
  max-width: 100% !important;
}

.dimodal-content {
  background: #fff;
  max-width: 900px;
  width: 100%;
  overflow: hidden;
}
.dimodal-content .dimodal-hide {
  transform: inherit;
}
.dimodal-content .h1 {
  color: #262626;
  font-size: 26px;
  font-style: normal;
  font-weight: 500;
  line-height: 150%; /* 39px */
  margin-bottom: 16px;
}
.dimodal-content .modal-select-city-style {
  height: 100vh;
  overflow-y: auto;
}
.dimodal-content .input-wrapper {
  margin-bottom: 24px;
  max-width: 100%;
  width: 100%;
  display: flex;
  height: 50px;
  padding: 4px 24px;
  justify-content: space-between;
  align-items: center;
  gap: 10px;
  flex: 1 0 0;
  border-radius: 16px;
  border: 1px solid #373737;
  background: var(--White, #FFF);
}
.dimodal-content .input-wrapper input {
  width: 100%;
}
.dimodal-content .input-wrapper .location-b {
  color: #373737;
}
.dimodal-content .input-wrapper .location-b-i {
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.dimodal-content .header-city-options {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 16px;
}
.dimodal-content .header-city-options .select-city {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.dimodal-content .header-city-options .select-city a {
  transition: color 0.2s linear;
}
@media screen and (max-width: 767px) {
  .dimodal-content {
    padding: 16px;
  }
  .dimodal-content .header-city-options {
    grid-template-columns: repeat(2, 1fr);
    gap: 16px;
  }
  .dots_back {
    margin-top: 16px;
    display: flex;
  }
  .breadcrumbs {
    display: none;
  }
  section {
    margin-bottom: 36px;
  }
  .h2-main {
    font-size: 22px;
    text-align: center;
  }
  h1, .h1, h2 {
    font-size: 20px;
  }
  h3, .h3 {
    font-size: 18px;
  }
}
.slick-dots {
  display: flex;
  justify-content: center;
  margin: 1rem 0 0;
  padding: 1rem 0 0;
  list-style-type: none;
  position: relative;
  z-index: 2;
  flex-wrap: wrap;
  row-gap: 16px;
}

.slick-dots li {
  margin: 0 0.55rem;
}

.slick-dots button {
  display: block;
  width: 0.8rem;
  height: 0.8rem;
  padding: 0;
  border-radius: 100%;
  background: transparent;
  border: 2px solid #acacac;
  text-indent: -9999px;
}

.slick-dots li.slick-active button {
  width: 1.4rem;
  height: 1.4rem;
  margin-top: -4px;
}

.skeleton.title {
  min-height: 28px;
  max-width: 40%;
  border-radius: 4px;
  margin: 8px 0;
}

.skeleton.paragraph {
  min-height: 88px;
  border-radius: 4px;
  margin: 8px 0;
}

.skeleton.image {
  min-height: 400px;
  width: 100%;
  border-radius: 4px;
  margin: 8px 0;
}

.skeleton {
  background-color: #e2e5e7;
  background-image: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0));
  background-size: 40px 100%;
  background-repeat: no-repeat;
  background-position: left -40px top 0;
  animation: shine 4s ease infinite;
}

@keyframes shine {
  20% {
    background-position: right -40px top 0;
  }
  100% {
    background-position: right -40px top 0;
  }
}
.only-desktop,
.only-desktop-tablet {
  display: block !important;
}

.only-tablet-mobile,
.only-mobile,
.only-smallest {
  display: none !important;
}

@media screen and (max-width: 1000px) {
  .only-desktop {
    display: none !important;
  }
  .only-tablet-mobile {
    display: block !important;
  }
}
@media screen and (max-width: 767px) {
  .only-desktop-tablet {
    display: none !important;
  }
  .only-mobile {
    display: block !important;
  }
}
@media screen and (max-width: 500px) {
  .only-smallest {
    display: block !important;
  }
}
.header-wrapper {
  margin: 60px 0 36px;
  position: relative;
  z-index: 2;
  color: #f9f9f9;
}
@media screen and (max-width: 999px) {
  .header-wrapper {
    margin: 16px 0 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 16px;
  }
}

.header__logo {
  transition: opacity 0.2s linear;
  opacity: 0.4;
}
.header__logo:hover {
  opacity: 1;
}
@media screen and (max-width: 999px) {
  .header__logo {
    opacity: 1;
    max-height: 46px;
  }
}

.header-buttons__container {
  position: absolute;
  top: 0;
  right: 0;
  display: flex;
  gap: 16px;
  align-items: center;
  border-radius: 6px;
  background: #000;
  padding: 18px;
}
.header-buttons__container .separator {
  background: #373737;
  width: 1px;
  height: 24px;
}

.burger-menu {
  cursor: pointer;
}

/*Спецификации товара*/
.goods-spec-new,
.goods-spec-row-cost {
  padding: 8px 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 16px;
  align-items: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.goods-spec-row input,
.goods-spec-row-cost input,
.goods-spec-new input {
  max-width: fit-content;
  margin-left: 8px;
  padding: 8px 16px;
  min-height: 40px;
  border: 1px solid #bebebe;
}

.goods-spec-new [name=title] {
  max-width: 250px;
}

.goods-spec-new [name=cost] {
  max-width: 100px;
  width: 100%;
  margin-left: 6px;
}

.goods-spec-new [name=cost_wholesale] {
  max-width: 100px;
  width: 100%;
  margin-left: 6px;
}

.goods-spec-new [name=exchange_item_search] {
  max-width: 100px;
  width: 100%;
  margin-left: 6px;
}

.goods-spec-short {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.goods-spec-row {
  padding: 5px;
  cursor: all-scroll;
}

.goods-spec-row table td:first-child {
  max-width: fit-content;
  padding: 0 16px;
}

tr.goods-spec-row > td {
  border-bottom: solid 1px #808080;
}

tr.goods-spec-row:hover table td {
  background: #C0DFF0;
}

.goods-spec-row-title input {
  width: 200px;
}

.goods-spec-row-exchange-item .goods-spec-autocomplete {
  width: calc(100% - 200px);
}

.goods-spec-row-exchange-item .goods-spec-stock {
  width: 72px;
}

.goods-spec-row-del {
  color: red;
  cursor: pointer;
  font-weight: bold;
  margin-left: 5px;
}

.footer {
  color: #f9f9f9;
}
@media screen and (max-width: 767px) {
  .footer {
    display: none;
  }
}

.footer-wrapper {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
}

/*# sourceMappingURL=styles.css.map */

/**/

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

	h1, .h1{font-size: 19px;}
	.header__inner{width: 800px; padding: 15px; flex-wrap: wrap;}
	.logo{font-size: 0; width: 0; padding-left: 106px;}
	.logo-holder{}
	.phone-holder{}
	.actions-holder{flex: 1 1 100%; order: 10; margin-top: 10px;}
	.user-holder{}
	.menu-holder{background-repeat: repeat;}
	.menu-holder__inner{width: 800px; flex-wrap: wrap; height: auto; padding: 10px 0; position: relative;}
	.menu{flex: 1 1 100%; order: 0;}
	.categories{order: 1; flex: 1 1 100%; justify-content: center; padding: 10px 0;}
	.menu__buttons{justify-content: center;}
	.outgoing{flex: 1 1 50%; justify-content: flex-end; order: 3;}
	.outgoing__inner{padding-right: 10px;}
	.cart-button{order: 4; flex: 1 1 50%; position: static;}
	.cart-button__inner{justify-content: flex-start; padding-left: 10px;}
	.contents__inner{width: 800px;}
	.footer__inner{width: 800px;}
	.footer__cabinet-holder{padding-left: 0; order: 0; display: flex; justify-content: center; margin-bottom: 30px;}
	.footer__menus-holder{padding-right: 0; order: 1;}
	.footer__tholder{flex-direction: column;}
	.search-results-w-inner{width: 800px;}
	.catalog-index{width: 33.3333%;}
	.catalog-index-text{font-size: 15px;}
	.catalog-items-w-x5 .catalog-item{width: 33.3333%;}
	.catalog-main-data{padding-left: 0;}
	.catalog-main-w{flex-direction: column;}
	.catalog-main-visuals{width: auto;}

}
.st-cart-item-count-text{display: none; font-weight: bold;}
@media only screen and (max-width: 820px){

	.dots:not(.subheader){background: none;}
	.headers h1, .headers .h1{color: #333;}
	.logo-holder{flex: 1 1 100%; justify-content: center;}
	.header__inner{width: auto;}
	.phone-holder{flex: 1 1 100%; justify-content: center;}
	.menu{display: none;}
	.menu-holder{background: transparent;}
	.menu-holder__inner{width: auto; flex-wrap: nowrap; justify-content: center; background: RGBA(227, 227, 227, 1); padding: 12px 0; position: relative;}
	.contents__inner{width: auto;}
	.catalog-main-top{margin-top: 20px; flex-direction: column;}
	.catalog-main-favorite{margin-bottom: 20px;}
	.headers{padding: 0; margin-bottom: 15px;}
	.search-results-w-inner{width: auto; padding: 10px;}
	.headers::before{display: none;}
	.catalog-tabulation__tabs{justify-content: center;}
	.catalog-tabulation__tab-button-item{display: none; cursor: default;}
	.catalog-tabulation__tab-button-item--active{display: block; flex: 1 1 auto; border-bottom: 1px solid #a2a2a2; text-align: center;}
	.catalog-tabulation__tab-button-item:first-child::before{}
	.catalog-tabulation__tab-button-prev{display: flex;}
	.catalog-tabulation__tab-button-next{display: flex;}
	.catalog-tabulation__tab-button-item + .catalog-tabulation__tab-button-item{margin-left: 0;}
	.outgoing{flex: 1 1 100%; justify-content: center; padding: 10px 0;}
	.outgoing__title{display: none;}
	.footer__inner{width: auto;}
	.footer__menus{flex-direction: column; align-items: center; text-align: center;}
	.footer__links{flex-direction: column;}
	.callme-phone__callat{text-align: center;}
	.phone-holder{margin-top: 10px;}
	.user-holder{flex: 1 1 100%; margin-top: 10px;}
	.user-holder__actions{justify-content: center;}
	.payments-list{margin-top: 10px;}
	.payments-list__title{text-align: center;}
	.footer__copyrights{text-align: center;}
	.catalog-main-visuals{order: 1; margin-top: 20px;}
	.catalog-main-data{order: 0;}
	.cart-button{flex: 1 1 100%; padding: 10px 0;}
	.cart-button__inner{padding-left: 0; justify-content: center;}
	.header-menu__inner{justify-content: center;}
	.catalog-main-img img{max-width: 100%;}
	.advantages__inner{flex-direction: column; padding: 0;}
	.advantages{display: flex; justify-content: center;}
	.advantage-item{margin: 20px 0;}
	.pagenews-preview{flex-direction: column;}
	.pagenews-preview-item{margin-bottom: 20px;}
	.header-menu__item{margin: 0 4px; font-size: 14px;}
	.user-holder__name{text-align: center; font-weight: bold; font-size: 18px;}
	.search-results-title-w{flex-direction: column; padding: 0;}
	.search-preview-text-w{padding: 0;}
	.search-preview-text{margin: 0;}
	.search-status{text-align: center; padding: 0; margin-bottom: 10px;}
	.search-results-title{margin-bottom: 10px;}
	.search-preview-text-w{margin-bottom: 10px;}
	.school__features{flex-direction: column;}
	.school__feature{justify-content: center; margin: 10px 0;}
	.school__sides{flex-direction: column;}
	.school__side + .school__side{margin-top: 10px;}
	.school__title{text-align: center;}
	.school__subtitle{text-align: center;}
	.pagenews-w{flex-direction: column;}
	.pagenews-item-w{width: auto;}
	.pagenews-buttons{position: static; opacity: 1;}
	.catalog-index{width: 100%;}
	.brands-images{flex-direction: column;}
	.catalog-items-w-x5 .catalog-item{width: 50%;}
	.domain-blocks{flex-direction: column;}
	.domain-blocks__side{flex: 1 1 100%; padding: 0;}
	.domain-blocks__side2{flex: 1 1 100%; padding: 0;}
	.contents__inner{padding: 15px;}
	.catalog-item-img{padding: 10px 0;}
	.catalog-item-name{padding: 10px 0;}
	.catalog-item-desc{padding: 10px 0; margin: 0 10px;}
	.slider{display: none;}
	.categories{flex: 0 0 auto; padding: 0; margin: 0 5px;}
	.categories__hamburger{color: #333;}
	.categories__hamburger:hover{color: #333;}
	.categories__hamburger-text{display: none;}
	.outgoing{padding: 0; flex: 0 0 auto;}
	.outgoing__inner{padding-right: 0;}
	.outgoing__separator{display: none;}
	.outgoing__button{color: #333; margin: 0 5px;}
	.outgoing__button:hover{color: #333;}
	.cart-button{padding: 0; flex: 0 0 auto; color: #333; margin: 0 5px; position: static;}
	.cart-icon{display: none;}
	.breadcrumps-item{color: #333;}
	.breadcrumps-separator{color: #333;}
	.catalog-item-sort{display: flex; flex-wrap: wrap; margin: -2px; margin-bottom: 25px;}
	.catalog-item-sort__item{margin: 2px;}
	.cart-button-total__count{color: #7b5695;}
	.cart-button-total__cost{color: #7b5695;}
	.cart-predata{left: 0; right: 0; min-width: 0;}
	.cart-predata .cart-items .cart-item-name{white-space: normal;}
	.st-cart-items-w{}
	.st-cart-item{display: flex; padding: 10px; position: relative;}
	.st-cart-item.mobile-cart-card{
        position: relative;
        display: grid;
        grid-template-rows: auto auto;
        grid-template-columns: repeat(3, 1fr);
        border-radius: 16px;
        padding: 16px 8px;
        box-shadow: 0px 12px 24px 0px rgba(0, 0, 0, 0.0588235294);
    }
    .mobile-cart-card.st-cart-item .cart-item-image img {
        max-width: 77px !important;
        max-height: 100px !important;
        border-radius: 16px;
        background-color: #F8F7F7;
        overflow: hidden;
        transition: background-color 0.2s linear;
    }
    .mobile-cart-card.st-cart-item .st-cart-item-name {
        padding-left: 0 !important;
        background: #fff;
        font-size: 14px;
        grid-column: span 2;
    }
    .st-cart-item-count-text{display: inline;}
	.st-cart-items-header{display: none;}
	.st-cart-items-footer{display: flex;flex-direction: column;padding: 10px; }
	.st-cart-items td{font-size: inherit;}
	.st-cart-item-name{background: #f9f9f9; padding: 10px !important; padding-right: 20px !important; margin-bottom: 5px;
        width: 100% !important;}
	.st-cart-item-name a{display: block;}
	.st-cart-item-price{white-space: nowrap;display: none;}
	.st-cart-item-price-text{display: inline; font-weight: bold;}
	.st-cart-item-price-old{margin-left:10px;}
	.st-cart-item-price-value{ font-weight: bold;margin-left:10px;}
	.st-cart-item-count{
        width: 100% !important;
        grid-column: span 2;}
	.st-cart-items-footer .st-cart-item-count{display: none;}
	.st-cart-item-count input{width: 50px}

	.st-cart-item-summ{width: 100% !important; }
	.st-cart-item-summ-text{display: inline; font-weight: bold;}
	.st-cart-items tr + tr{border-top-style: solid; border-top-color: #ececec;}
	.st-cart-item-del{width: auto; padding: 0 !important; height: 0;}
	.st-cart-item-del-text{display: none;}
	.st-cart-item-del .fa-stack{opacity: 1; position: absolute; top: 10px; right: 10px;}
	.st-cart-data tr{display: flex; flex-direction: column;}
	.st-cart-data td{padding: 0 !important;}
	/*.st-version-select-desc-w{display: none;}*/
	.st-version-w{display: flex; flex-direction: column;}
	.st-version-w td{padding: 8px 0;}

	/*фильтры*/
	.orders-info-filters-w { flex-wrap: wrap;  }
	.orders-info-filters-w > div { margin-bottom:5px; }
	.orders-info-filters-w > div:nth-child(-n+4) { width:49%;  }
	.orders-info-filters-w > div:nth-child(5) { width:calc(100% - 75px);  }
	.orders-info-filters-w > div:nth-child(6) { width:75px; text-align:right; }

	/*просмотр и редактирование заказа*/
	.orders-info-style .orders-mail-w { max-width: inherit;}
	.orders-info-style tr,
	.order-main-desktop-row { display: flex; flex-direction: column; 	}
	.orders-info-style tr td,
	.order-main-desktop-row td { width: 100%; display: flex; justify-content: flex-start; font-size:11px;	}
	.orders-info-style tr td .mobile-desc,
	.order-main-desktop-row td .desktop-desc{ width: 90px;min-width: 90px; font-weight: bold; margin-right: 10px; font-size:11px;}
	.order-main-desktop-row td .desktop-text{  font-size:11px;	}
	.orders-info-style tr.head { display:none;}
	.order-item-image { max-width:80px; max-height:80px; }
	.orders-info-style .order-hide-mobile {display:none;}

	.orders-create-order-w { flex-wrap: wrap; }
	.orders-create-order-w div.first { width: 100%; margin-bottom: 5px;}
	.orders-create-order-w .first > input { width: calc(100% - 310px); }
	.orders-create-order-w .first > button { width: 300px; }
	.orders-create-order-w div.second { width: 100%; }
	/*.orders-create-order-w > div:nth-child(1) { width: calc(100% - 230px);}*/
	/*.orders-create-order-w > div:nth-child(2) { width: 230px;}*/
}


@media only screen and (max-width: 600px){
	.st-cart-tab span { font-size:12px;}

	/*фильтры*/
	.orders-info-filters-w {}
	.orders-info-filters-w > div:nth-child(-n+4) { width:100%;  }

	.orders-create-order-w { }
	.orders-create-order-w div.first {margin-bottom: 15px;}
	.orders-create-order-w .first > input,
	.orders-create-order-w .first > button { width: 100%; }
	.orders-create-order-w .second > button { width: 100%; }
}

@media only screen and (max-width: 360px){
	.st-cart-tab span { font-size:12px;}
}


@media only screen and (min-width: 820px){
	/* для десктопов */
	/*фильтры*/


	/*просмотр и редактирование заказа*/
	.orders-info-style td:nth-child(1) { width:50px;	}
	.orders-info-style td:nth-child(2) { width:100px;	}
	.orders-info-style td:nth-child(3) { width:100px;	}
	.orders-info-style td:last-child { width:50px;	}
	.orders-info-style tr { }
	.orders-info-style tr td .mobile-desc { display: none; }
	.orders-info-style tr .desktop-desc { font-weight: bold; margin-bottom: 8px; }
	.orders-info-style tr .desktop-text { padding:5px 15px; display: inline; }
	.orders-info-style .order-item-image { max-width:50px; max-height:50px; }
	.order-hide-desktop { display: none;}
	.desktop-display-block { display: block;}
}
/**/


/*Настройки меню*/
  :root {
    --menu-height: 60px; /*Высота верхнего меню*/
    --menu-text-color: #fff; /*Цвет текста пунктов меню*/
    --menu-color: #fff; /*Бэкграунд верхнего меню*/
    --menu-color-bg: rgba(28,28,28,.96); /*Бэкграунд верхнего и левого оменю*/
    --menu-opacity-bg: 0.4; /*Прозрачность бэкграунда*/
    --menu-top-padding-left: 10px; /*Отступ слева верхнего меню*/
    --menu-top-padding-right: 0; /*Отступ справа верхнего меню*/
    --menu-top-right-item-divider-color: unset; /*Цвет разделителя правых пунктов верхнего меню*/
    --main-site-color: var(--orange-yellow-color);
    --menu-top-position: fixed;
  }

/*Кнопка меню*/
  .hamRotate.active {
    transform: rotate(45deg);
  }
  .ham {
    cursor: pointer;
    -webkit-tap-highlight-color: transparent;
    transition: transform 400ms;
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
  }
  .line {
    fill:none;
    transition: stroke-dasharray 400ms, stroke-dashoffset 400ms;
    stroke: #fff;
    stroke-width:4.5;
  }
  .ham4 .top {
    stroke-dasharray: 40 121;
  }
  .ham4 .bottom {
    stroke-dasharray: 40 121;
    transform: scaleX(0.5) translateX(30px);
    transition: .4s;
  }
  .ham4.active .top {
    stroke-dashoffset: -68px;
  }
  .ham4.active .bottom {
    stroke-dashoffset: -68px;
    transform: unset;
  }
  /*Конец кнопки меню*/

  .r-menu {
    z-index: 1001;
    position: var(--menu-top-position);
    right: 0;
    left: 0;
    top: 0;
  }

  .r-menu__top {
    height: var(--menu-height);
    z-index: 2;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-left: var(--menu-top-padding-left);
    padding-right: var(--menu-top-padding-right);
    transition: .4s;
    background-color: var(--menu-color-bg);
  }

  .r-menu__top-bg {
    background: var(--menu-color);
    opacity: 0;
    position: absolute;
    z-index: -1;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    -webkit-animation: hideBG .4s;
            animation: hideBG .4s;
    -webkit-animation-fill-mode: forwards;
            animation-fill-mode: forwards;
    -webkit-animation-timing-function: linear;
            animation-timing-function: linear;
  }

  .r-menu__top--fixed .r-menu__top-bg{
    -webkit-animation: showBG .4s;
            animation: showBG .4s;
    -webkit-animation-fill-mode: forwards;
            animation-fill-mode: forwards;
    -webkit-animation-timing-function: linear;
            animation-timing-function: linear;
    /*transition: .4s;*/
  }

  /*Анимация появления картинки бэкграунда*/
  @-webkit-keyframes showBG {
    0% {
      /*background: url('https://accentmed.ru/site/templates/default/imgs_default/bg-mobile.png');*/
      box-shadow: 0px 4px 5px 0px rgba(0,0,0,0.17);
      opacity: 0;
    }
    50% {
      /*background: url('https://accentmed.ru/site/templates/default/imgs_default/bg-mobile.png');*/
      box-shadow: 0px 4px 5px 0px rgba(0,0,0,0.17);
      opacity: 0.5;
    }
    100% {
      /*background: url('https://accentmed.ru/site/templates/default/imgs_default/bg-mobile.png');*/
      box-shadow: 0px 4px 5px 0px rgba(0,0,0,0.17);
      opacity: 1;
    }
  }
  @keyframes showBG {
    0% {
      /*background: url('https://accentmed.ru/site/templates/default/imgs_default/bg-mobile.png');*/
      box-shadow: 0px 4px 5px 0px rgba(0,0,0,0.17);
      opacity: 0;
    }
    50% {
      /*background: url('https://accentmed.ru/site/templates/default/imgs_default/bg-mobile.png');*/
      box-shadow: 0px 4px 5px 0px rgba(0,0,0,0.17);
      opacity: 0.5;
    }
    100% {
      /*background: url('https://accentmed.ru/site/templates/default/imgs_default/bg-mobile.png');*/
      box-shadow: 0px 4px 5px 0px rgba(0,0,0,0.17);
      opacity: 1;
    }
  }
  /*Анимация скрытия картинки бэкграунда*/
  @-webkit-keyframes hideBG {
    0% {
      /*background: url('https://accentmed.ru/site/templates/default/imgs_default/bg-mobile.png');*/
      /*box-shadow: 0px 4px 5px 0px rgba(0,0,0,0.17);*/
      opacity: 1;
    }
    50% {
      /*background: url('https://accentmed.ru/site/templates/default/imgs_default/bg-mobile.png');*/
      /*box-shadow: 0px 4px 5px 0px rgba(0,0,0,0.17);*/
      opacity: 0.5;
    }
    100% {
      /*background: url('https://accentmed.ru/site/templates/default/imgs_default/bg-mobile.png');*/
      /*box-shadow: 0px 4px 5px 0px rgba(0,0,0,0.17);*/
      opacity: 0;
    }
  }
  @keyframes hideBG {
    0% {
      /*background: url('https://accentmed.ru/site/templates/default/imgs_default/bg-mobile.png');*/
      /*box-shadow: 0px 4px 5px 0px rgba(0,0,0,0.17);*/
      opacity: 1;
    }
    50% {
      /*background: url('https://accentmed.ru/site/templates/default/imgs_default/bg-mobile.png');*/
      /*box-shadow: 0px 4px 5px 0px rgba(0,0,0,0.17);*/
      opacity: 0.5;
    }
    100% {
      /*background: url('https://accentmed.ru/site/templates/default/imgs_default/bg-mobile.png');*/
      /*box-shadow: 0px 4px 5px 0px rgba(0,0,0,0.17);*/
      opacity: 0;
    }
  }

  .r-menu__top__left {
    padding-left: 10px;
    width: 40%;
    height: 70%;
  }

  .r-menu__top__left__logo {
      -webkit-mask-image: url('/site/templates/default/imgs_default/kLogoYellow.png');
      mask-image: url('/site/templates/default/imgs_default/kLogoYellow.png');
      -webkit-mask-position: center;
      mask-position: center;
      -webkit-mask-size: contain;
      mask-size: contain;
      -webkit-mask-repeat: no-repeat;
      mask-repeat: no-repeat;

      background-color: var(--orange-yellow-color);
      width: 119px;
      height: 42px;
      display: block;
  }

  .r-menu__top__left img{
    /*height:calc(var(--menu-height) - 14px)*/
    height: 100%;
    object-fit: contain;
  }

  @media screen and (max-width: 620px) {
    .r-menu__top__left {
      margin-right: 40px;
    }
  }

  .r-menu__top__right {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
  }

  .r-menu__top__right-item {
    border-left: 1px solid var(--menu-top-right-item-divider-color);
    display: flex;
    justify-content: center;
    align-items: center;
  }

  .r-menu__top__right-item--cart,
  .r-menu__top__right-item--phone,
  .r-menu__top__right-item--search,
  .r-menu__top__right-item--user {
    height: 16px;
    width: 16px;
  }

  .r-menu__top__right-item--cart {
    -webkit-mask-image: url('/site/templates/default/svgs/kCart.svg');
    mask-image: url('/site/templates/default/svgs/kCart.svg');
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-size: contain;
    background-color: var(--main-site-color);
  }

  .r-menu__top__right-item--phone {
    -webkit-mask-image: url('/site/templates/default/svgs/kPhone.svg');
    mask-image: url('/site/templates/default/svgs/kPhone.svg');
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-size: contain;
    background-color: var(--main-site-color);
  }

  .r-menu__top__right-item--search {
    -webkit-mask-image: url('/site/templates/default/svgs/kSearch.svg');
    mask-image: url('/site/templates/default/svgs/kSearch.svg');
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-size: contain;
    background-color: var(--main-site-color);
  }

  .r-menu__top__right-item--user {
    -webkit-mask-image: url('/site/templates/default/svgs/kUser.svg');
    mask-image: url('/site/templates/default/svgs/kUser.svg');
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-size: contain;
    background-color: var(--main-site-color);
  }

  .r-menu__top__right-item:last-child {
    transform: scaleX(-1);
  }

  .r-menu__top__right-item svg{
    width: 45px;
    height: 45px;
  }

  .r-menu-bg {
    position: fixed;
    z-index: 10;
    top: 0;
    right: 0;
    left: 0;
    /*height: 100vh;*/
    bottom: 0;
    background-color: black;
    opacity: var(--menu-opacity-bg);
    display: none;
  }

  .r-menu__content {
    /*border-top-right-radius: 20px;*/
    /*background-color: var(--menu-color-bg);*/
    background: var(--menu-color-bg);
    position: fixed;
    z-index: 100;
    left: 0;
    top: var(--menu-height);
    bottom: 0;
    /*height: calc(100vh - var(--menu-height));*/
    transform: translateX(-100%);
    transition: .4s;
    padding: 20px;
    width: calc(100% - var(--menu-height));
    overflow-y: scroll;
  }

  .r-menu__content.active {
    transform: translateX(0%);
  }

  .r-menu__content__search {
    display: none;
    position: relative;
  }

  .r-menu__content__search input {
    font-size: 12px;
    padding: 14px;
    padding-right: 35px;
    color: #1c1c1c;
  }

  .r-menu__content__search__clear {
    position: absolute;
    z-index: 2;
    right: 15px;
    top: calc(50% - 7px);
    -webkit-mask-image: url('/site/templates/default/svgs/kClose.svg');
    mask-image: url('/site/templates/default/svgs/kClose.svg');
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-size: cover;
    mask-size: cover;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    width: 15px;
    height: 15px;
    background-color: #1c1c1c;
    display: none;
  }

  .r-menu__content__search input:focus + .r-menu__content__search__clear {
    /*display: block;*/
  }

  .r-menu__content__item {
    padding-top: 10px;

    margin-bottom: 30px;
  }

  .r-menu__content__item li{
    padding-top: 24px;
  }

  .r-menu__content__item a{
    font-size: 17px;
    color: var(--menu-text-color);
  }

  .r-menu__content__item-top {
    display: flex;
    flex-direction: column;
    padding-top: 20px;
  }

  .r-menu__content__item-top__item {
    color: var(--menu-text-color);
    text-transform: uppercase;
    margin-bottom: 25px;
    font-weight: 14px;
  }

  .r-menu__content__item-top__item a{
    color: inherit;
    text-decoration: none;
    display: flex;
  }

  .r-menu__content__item-top__item__icon {
    width: 20px;
    height: 20px;
    -webkit-mask-size: cover;
    -webkit-mask-repeat: no-repeat;
    background-color: var(--orange-yellow-color);
    margin-right: 13px;
  }
  .r-menu__content__item-bottom {
    display: flex;
    flex-direction: column;
  }

  .r-menu__content__item-bottom div:not(:last-child) {
    margin-bottom: 15px;
  }

  .r-menu__content__item-bottom div:last-child {
    margin-top: 10px;
  }

  .r-menu__content__item-bottom .feedback-phone-btn,
  .r-menu__content__item-bottom .feedback-email-btn,
  .r-menu__content__item-bottom .feedback-company,
  .r-menu__content__item-bottom .feedback-address {
    font-size: 18px;
  }

  .r-menu__content__item-bottom .feedback-phone-btn i {
    font-size: 15px;
    margin-right: 12px;
  }

  .r-menu__content__item-bottom__socials{
    display: flex;
    margin-bottom: 30px;
  }

  .r-menu__content__item-bottom__socials a{
    color: inherit;
    padding-right: 40px;
  }

  .r-menu__content__item-bottom__socials a i{
    font-size: 28px;
  }

  .r-menu__content__item-bottom__socials a:nth-child(1) i{
    color: #4a76a8;
  }

  .r-menu__content__item-bottom__socials a:nth-child(2) i{
    background: -webkit-linear-gradient(45deg, #f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
  }

  .r-menu__content__item-bottom__socials a:nth-child(3) i{
    color: #ee8208;
  }


  @media screen and (min-width: 1001px) {
    .r-menu {
      display: none;
    }
  }

  /*Стили с reloadteam.ru возможно, нужно будет заменить*/

  .mobile__menu-contact {
    font-size: 18px;
  }

  .mobile__menu-contact .rhead__item {
    justify-content: normal;
    margin-bottom: 10px;
  }

  .rhead__item {
    display: flex;
    margin: 0 -5px;
    justify-content: flex-end;
    align-items: center;
    cursor: pointer;
  }

  .rhead__item > * {
    margin: 0 5px;
  }

  .mobile__menu-contact .rhead__item:last-child {
    margin-bottom: 15px;
  }


  .promotion__button-w {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
  }

  .feedback_modal {
    display: none;
  }

  .feedback_modal .fs-contact-seller {
    background-color: #fff;
    padding: 10px;
    z-index: 1001;
    top: 24%;
    position: fixed;
    margin: 10px;
  }

  /*Стили с reloadteam.ru возможно, нужно будет заменить*/
/**/

.catering-menu {
  display: flex;
  overflow: hidden;
  z-index: 3;
  color: #f9f9f9;
}
@media screen and (max-width: 999px) {
  .catering-menu .slick-slide {
    display: flex;
    flex-direction: column;
    gap: 8px;
    margin-right: 8px;
    margin-left: 8px;
    width: calc(50vw - 32px);
  }
  .catering-menu .slick-slide:last-child {
    margin-right: 0;
  }
  .catering-menu p {
    margin-bottom: 0;
  }
}

.catering-menu__item {
  margin-right: 9px;
  padding: 8px;
  border-radius: 10px;
  border: 1px solid #fff;
  width: 155px;
  min-height: 250px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
  transition: all 0.2s linear;
  cursor: pointer;
  position: relative;
  overflow: hidden;
  font-size: 14px;
}
.catering-menu__item::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(108.71deg, rgba(239, 239, 239, 0.05) 39.22%, rgba(255, 255, 255, 0) 90.31%);
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.catering-menu__item::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(108.71deg, rgba(196, 200, 215, 0.15) 39.22%, rgba(255, 255, 255, 0) 90.31%);
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.catering-menu__item:hover {
  background: rgba(0, 0, 0, 0.6);
}
.catering-menu__item:hover .catering-menu__image {
  transform: scale(1.2);
}
.catering-menu__item:hover::before, .catering-menu__item:focus::before {
  opacity: 0;
  visibility: hidden;
}
.catering-menu__item:hover::after, .catering-menu__item:focus::after {
  opacity: 1;
  visibility: visible;
}
@media screen and (max-width: 999px) {
  .catering-menu__item {
    max-width: 100%;
    width: 100%;
    min-height: 88px;
    margin-right: 0;
    margin-bottom: 16px;
  }
}

.background-video {
  display: none;
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.cocktails-bar .background-video,
.bbq .background-video,
.coffee .background-video,
.bar-wheels .background-video,
.pyramid .background-video {
  z-index: -1;
  display: block;
  opacity: 0;
  object-fit: cover;
  transition: all 0.2s linear;
}
@media screen and (max-width: 999px) {
  .cocktails-bar .background-video,
  .bbq .background-video,
  .coffee .background-video,
  .bar-wheels .background-video,
  .pyramid .background-video {
    display: none;
  }
}

.cocktails-bar:hover .background-video,
.bbq:hover .background-video,
.coffee:hover .background-video,
.bar-wheels:hover .background-video,
.pyramid:hover .background-video {
  opacity: 0.7;
}
@media screen and (max-width: 999px) {
  .cocktails-bar:hover .background-video,
  .bbq:hover .background-video,
  .coffee:hover .background-video,
  .bar-wheels:hover .background-video,
  .pyramid:hover .background-video {
    display: none;
  }
}

.catering-menu__image {
  transition: transform 0.1s linear;
  position: absolute;
  z-index: -1;
}
.catering-menu__image.right-bottom {
  bottom: 0;
  right: 0;
}
.catering-menu__image.left-bottom {
  bottom: 0;
  left: 0;
}
.catering-menu__image.left-top {
  top: 0;
  left: 0;
}
.catering-menu__image.right-top {
  top: 0;
  right: 0;
}
.catering-menu__image.bottom-center {
  bottom: 0%;
  left: 30%;
}
.catering-menu__image.top-center {
  top: 0%;
  left: 30%;
}

/*# sourceMappingURL=styles_top.css.map */